<menu></menu>

<div class="scroll" scroll>

    <div class="content-left-sidebar">
        <ul class="main-menu-top">
            <li id="liMenuPaineis" class="active">
                <linkto link="Terminais/Paineis" text="Painéis"></linkto>
            </li>
            <li id="liMenuDispositivos">
                <linkto link="Terminais/Dispositivos" text="Dispositivos"></linkto>
            </li>
        </ul>

        <div class="clear"></div>

        <h3 class="font-century-gothic-bold dashed-line"><span class="right-white-mark">Painéis</span></h3>
        <linkto link="Terminais/Paineis/Cadastro" class="link-button green-button float-right margin-bottom-20" text="Novo Painel"></linkto>
        
        <div class="clear"></div>

        <!-- tables -->
        <div class="table-box no-border-bottom">
            <table class="table">
                <thead class="table-sort">
                    <tr>
                        <th ng-click="OrderBy('Status')" width="70">Status</th>
                        <th ng-click="OrderBy('DescricaoLocal')">Local</th>
                        <th ng-click="OrderBy('DescricaoDispositivo')">Dispositivo</th>
                        <th ng-click="OrderBy('Identificador')">Identificador</th>
                        <th ng-click="OrderBy('DescricaoTemplate')">Template</th>
                        <th colspan="4" width="500"></th>
                    </tr>
                </thead>
                <tbody>
                    <tr lastrepeatdirective ng-repeat="i in lista track by $index">
                        <td>
                            <div ng-switch on="i.Status">
                                <div ng-switch-when="1">
                                    <span class="status-green tooltip-info" data-msg="{{i.TempoAtualizacaoStatus}}"></span>
                                </div>
                                <div ng-switch-when="2">
                                    <span class="status-red tooltip-info" data-msg="{{i.TempoAtualizacaoStatus}}"></span>
                                </div>
                                <div ng-switch-default>
                                    <span class="status-gray tooltip-info" data-msg="{{i.TempoAtualizacaoStatus}}"></span>
                                </div>
                            </div>
                        </td>
                        <td>{{i.DescricaoLocal}}</td>
                        <td>{{i.DescricaoDispositivo}}</td>
                        <td>{{i.Identificador | uppercase}}</td>
                        <td>{{i.DescricaoTemplate}}</td>
                        <td width="50"><a class="icon-gear" title="Configurar Painel" ng-click="OpenConfiguracaoPainel(i.Codigo)"></a></td>
                        <td width="50"><div ng-if="i.Status == 1 || i.Status == 2"><span class="icon-on-off" title="Desativar Dispositivo" ng-click="ModalDesativarDispositivo(i, i.CodigoDispositivo)"></span></div></td>
                        <td width="50"><linkto class="icon-edit" title="Editar Painel" link="Terminais/Paineis/Cadastro/" id="{{i.Codigo}}"></linkto></td>
                        <td width="50"><span class="icon-close" title="Excluir Painel" ng-click="ModalExcluir(i.Codigo, i.Status)"></span></td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- /tables -->
        <!-- paginação -->
        <div paginacao></div>
        <!-- /paginação -->
        <rodape></rodape>

    </div>
</div>
