<aside class="toolbar" style="float:left">
    <filtro-directive></filtro-directive>
</aside>
<div class="main-content">
    <div class="modal-window-overlay" toggle-modal control="configCtrl.toggleModal" ng-include src="'angular/Controle/app/scripts/layouts/modal-window/modal-window-remover-configuracao.html'">
    </div>
    <notification-messages></notification-messages>

    <div class="header">
        <h1>Configurações</h1>
        <span class="hr"></span>
        <linkto link="Controle/Configuracoes/NovaConfiguracao/" class="btn-green-small" icon="icon-plus"
            text="Nova Configuração"></linkto>
    </div>
    <div class="table-box">
        <table class="table">
            <thead class="table-sort">
                <tr>
                    <th ng-click="OrderBy('DataCriacao')">Data Criação</th>
                    <th ng-click="OrderBy('DataAlteracao')">Data Alteração</th>
                    <th ng-click="OrderBy('DescricaoOperacao')">Operação</th>
                    <th ng-click="OrderBy('DescricaoMacro')">Macro</th>
                    <th ng-click="OrderBy('Aplicacao')">Aplicações - Aplicação Descanso</th>
                    <th ng-click="OrderBy('AplicacaoInicial')">Aplicação Principal</th>
                    <th>&nbsp;</th>
                    <th>&nbsp;</th>
                </tr>
            </thead>
            <tbody ng-repeat="item in Configs">
                <tr>
                    <td>{{item.DataCriacaoFormatada}}</td>
                    <td>{{item.DataAlteracaoFormatada}}</td>
                    <td>{{item.DescricaoOperacao}}</td>
                    <td>{{item.DescricaoMacroFormatada}}</td>
                    <td>
                        <div ng-repeat="app in item.Aplicacoes">{{app}}</div>
                    </td>
                    <td>{{item.AplicacaoInicial}}</td>
                    <td class="icone">
                        <linkto link="Controle/Configuracoes/EditarConfiguracao/" id="{{item.Codigo}}"
                            icon="icon-pencil" text=""></linkto>
                    </td>
                    <td class="icone" ng-click="configCtrl.toggleModal.confirmarExclusaoConfiguracao(item.Codigo)"><i class="icon-cross"></i></td>
                </tr>
            </tbody>
        </table>
    </div>
    <pagination></pagination>

    <footer class="main-footer" ng-include
        src="'angular/Controle/app/scripts/layouts/main-footer/main-footer.layout.html'"></footer>
</div>
