<menu></menu> 

<div class="scroll" scroll>

    <div class="content-left-sidebar">
        <ul class="main-menu-top">
            <li id="liMenuPaineis">
                <linkto link="Terminais/Paineis" text="Painéis"></linkto>
            </li>
            <li id="liMenuDispositivos" class="active">
                <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">Dispositivos</span></h3>
        <linkto link="Terminais/Dispositivos/Cadastro" class="link-button green-button float-right margin-bottom-20" text="Novo Dispositivo"></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('Descricao')">Dispositivo</th>
                        <th ng-click="OrderBy('Identificador')">Identificador</th>
                        <th colspan="2" width="100"></th>
                    </tr>
                </thead>

                <tbody>
                    <tr lastrepeatdirective ng-repeat="item in Dispositivos">
                        <td>{{item.Descricao}}</td>
                        <td>{{item.Identificador}}</td>
                        <td width="50"><linkto class="icon-edit" title="Editar Dispositivo" link="Terminais/Dispositivos/Cadastro/" id="{{item.Codigo}}"></linkto></td>
                        <td width="50"><span class="icon-close" title="Excluir Dispositivo" ng-click="ModalExcluir(item.Codigo)"></span></td>
                    </tr>                    
                </tbody>
            </table>            
        </div>

        <paginacao></paginacao>

        <rodape></rodape>
    </div>

</div>