script(data-id="material-dashboard", type="text/ng-template")
    div(id="location-dashboard")
        div(class="grid-container grid-dir",
                data-columns="2",
                data-width="478",
                data-max-width="478",
                data-height="40",
                data-max-height="305",
                data-gutter="8")
            div(class="widget grid-widget", data-ng-repeat="material in materials")
                div(class="widget-header")
                    b: a(href="#", data-ng-href="{{g.dashboard}}/materialAcrossLocation/material/{{material.code}}", title="{{material.code}}: {{material.desc}}") {{getMaterialName(material)}}
                    div(class="pull-right")
                        a(href="#", data-ng-href="{{g.dashboard}}/planningAcrossLocations/material/{{material.code}}")<span class="fa fa-bar-chart-o fa-lg"></span>
                        a(href="#", class="widget-toggle-btn")<span class="fa fa-plus" data-ng-click="createRoom($event, material.code)"></span>
                div(class="widget-body")
                    section(class="widget-legend")
                        div(class="inset")
                            ul
                                li(class="icon-container", data-ng-repeat="action in actioncolorsKeys")
                                    span(class="icon-action", data-ng-style="{'background-color': actioncolors[action]}")
                                    span {{ locale(action) }}
                    section(class="scrollable", style="height: 254px; width: 478px")
                        div(class="square-badge", data-ng-style="{ 'border-color': actioncolors[location.currentAction] }", data-ng-repeat="location in material.locations | orderBy : location.location",  data-ng-hide="(location.ignore !== undefined) && location.ignore || false", title="{{location.code}}: {{location.desc}}", data-ng-click="gotoMaterialDetail(location.code, material.code)")
                            header
                                b #{__("location")} {{location.location}}
                            section
                                h3 <span class="text-on-hand" ng-style="{fontSize: fontValue}">{{setFontSize(checkValue(location.onHand)) | number:2 }}</span>&nbsp;<span class="text-uom" ng-style="{fontSize: fontValue}">{{location.uom}}</span>