<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container-fluid">
<div class="row">
<nav role="navigation" class="navbar navbar-default navbar-fixed-top"><!----><div data-asm-control="pushLeft" ng-if="isLoggedIn()" class="nav-aside-open"><a href="#"><i class="fa fa-bars" aria-hidden="true"></i></a></div><!----><ul class="nav navbar-nav pull-right"><li class="timedate">Sexta-Feira 30, Junho 2017 <span class="num time"><strong>11:52:41</strong></span></li><li class="home"><a href="#profile" class="navbar-brand"><i class="fa fa-home"></i> <span ng-bind="global.company.title">EMTE1</span></a></li><li class="username"><a href="#ez/user/edit/5857d7cbd802e032383038be">Olá, <strong>joao</strong></a></li><li class="logout"><a ng-click="logout()"><span class="fa fa-sign-out"></span> Sair</a></li></ul></nav>
</div>
<div class="row">
<nav class="navbar navbar-default sidebar" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-sidebar-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-sidebar-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home<span style="font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-home"></span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Usuarios <span class="caret"></span><span style="font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-user"></span></a>
<ul class="dropdown-menu forAnimate" role="menu">
<li><a href="{{URL::to('createusuario')}}">Crear</a></li>
<li><a href="#">Modificar</a></li>
<li><a href="#">Reportar</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">Informes</a></li>
</ul>
</li>
<li ><a href="#">Libros<span style="font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-th-list"></span></a></li>
<li ><a href="#">Tags<span style="font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-tags"></span></a></li>
</ul>
</div>
</div>
</nav>
<div class="main col-sm-9">
<div ng-view="" autoscroll="true">
<div class="container-fluid">
<div class="row rowtit">
<div class="col-xs-8">
<h4>Tipos de Documento <small>- Listagem</small></h4>
</div>
<div class="col-xs-4 text-right">
<a class="btn btn-back hvr-icon-back" onclick="window.history.back();">Voltar</a>
</div>
</div>
<div class="row text-right">
<div class="row">
<div class="col-sm-12"><div class="input-group input-group-lg search"><span class="input-group-addon"><i class="fa fa-search" aria-hidden="true"></i></span> <input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" placeholder="Procurar em Tudo" ng-model="search.text" ng-keyup="applySearch(search)"></div></div>
<div class="row">
<div class="col-sm-12">
<div class="table-responsive">
<table class="table table-bordered table-hover ng-table">
<thead>
<tr class="ng-table-sort-header">
<th class="header sortable">
<div class="ng-table-header"> <span class="sort-indicator">Abreviatura</span> </div>
</th>
<th class="header sortable">
<div class="ng-table-header"> <span class="sort-indicator">Nome</span></div>
</th>
<th class="header sortable">
<div class="ng-table-header" ng-class="{'sort-indicator': params.settings().sortingIndicator == 'div'}"> <span ng-bind="$column.title(this)" ng-class="{'sort-indicator': params.settings().sortingIndicator == 'span'}" class="sort-indicator">Redirecionamento</span> </div><!----> <!----> </th><!----><!----><!----><th title="" ng-repeat="$column in $columns" ng-class="{
'sortable': $column.sortable(this),
'sort-asc': params.sorting()[$column.sortable(this)]=='asc',
'sort-desc': params.sorting()[$column.sortable(this)]=='desc'
}" ng-click="$ctrl.sortBy($column, $event)" ng-if="$column.show(this)" ng-init="template = $column.headerTemplateURL(this)" class="header "> <!----><div ng-if="!template" class="ng-table-header" ng-class="{'sort-indicator': params.settings().sortingIndicator == 'div'}"> <span ng-bind="$column.title(this)" ng-class="{'sort-indicator': params.settings().sortingIndicator == 'span'}" class="sort-indicator"></span> </div><!----> <!----> </th><!----><!----><!----><th title="" ng-repeat="$column in $columns" ng-class="{
'sortable': $column.sortable(this),
'sort-asc': params.sorting()[$column.sortable(this)]=='asc',
'sort-desc': params.sorting()[$column.sortable(this)]=='desc'
}" ng-click="$ctrl.sortBy($column, $event)" ng-if="$column.show(this)" ng-init="template = $column.headerTemplateURL(this)" class="header "> <!----><div ng-if="!template" class="ng-table-header" ng-class="{'sort-indicator': params.settings().sortingIndicator == 'div'}"> <span ng-bind="$column.title(this)" ng-class="{'sort-indicator': params.settings().sortingIndicator == 'span'}" class="sort-indicator"></span> </div><!----> <!----> </th><!----><!----> </tr> <tr ng-show="show_filter" class="ng-table-filters ng-hide"> <!----><!----><th data-title-text="Abreviatura" ng-repeat="$column in $columns" ng-if="$column.show(this)" class="filter " ng-class="params.settings().filterOptions.filterLayout === 'horizontal' ? 'filter-horizontal' : ''"> <!----> </th><!----><!----><!----><th data-title-text="Nome" ng-repeat="$column in $columns" ng-if="$column.show(this)" class="filter " ng-class="params.settings().filterOptions.filterLayout === 'horizontal' ? 'filter-horizontal' : ''"> <!----> </th><!----><!----><!----><th data-title-text="Redirecionamento" ng-repeat="$column in $columns" ng-if="$column.show(this)" class="filter " ng-class="params.settings().filterOptions.filterLayout === 'horizontal' ? 'filter-horizontal' : ''"> <!----> </th><!----><!----><!----><th data-title-text="" ng-repeat="$column in $columns" ng-if="$column.show(this)" class="filter " ng-class="params.settings().filterOptions.filterLayout === 'horizontal' ? 'filter-horizontal' : ''"> <!----> </th><!----><!----><!----><th data-title-text="" ng-repeat="$column in $columns" ng-if="$column.show(this)" class="filter " ng-class="params.settings().filterOptions.filterLayout === 'horizontal' ? 'filter-horizontal' : ''"> <!----> </th><!----><!----> </tr> </thead><tbody><!----><tr ng-repeat="item in $data"><td data-title="'Abreviatura'" sortable="'abbrev'" data-title-text="Abreviatura">FT</td><td data-title="'Nome'" sortable="'name'" data-title-text="Nome">Fatura</td><td data-title="'Redirecionamento'" sortable="'form'" data-title-text="Redirecionamento">ez/invoice/FT</td><td><entity-modal entity="doctype" item="item" lookup="lookup"><!----><a ng-if="visible" ng-click="openModal()"><ng-transclude><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i> Alterar</button></ng-transclude></a><!----></entity-modal></td><td><!----><entity-remove ng-if="!item.has_documents" entity="doctype" item="item"><a ng-click="remove(entity, item);"><ng-transclude><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i> Apagar</button></ng-transclude></a></entity-remove><!----></td></tr><!----><tr ng-repeat="item in $data"><td data-title="'Abreviatura'" sortable="'abbrev'" data-title-text="Abreviatura">FR</td><td data-title="'Nome'" sortable="'name'" data-title-text="Nome">Fatura Recibo</td><td data-title="'Redirecionamento'" sortable="'form'" data-title-text="Redirecionamento">ez/invoice/FR</td><td><entity-modal entity="doctype" item="item" lookup="lookup"><!----><a ng-if="visible" ng-click="openModal()"><ng-transclude><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i> Alterar</button></ng-transclude></a><!----></entity-modal></td><td><!----><entity-remove ng-if="!item.has_documents" entity="doctype" item="item"><a ng-click="remove(entity, item);"><ng-transclude><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i> Apagar</button></ng-transclude></a></entity-remove><!----></td></tr><!----><tr ng-repeat="item in $data"><td data-title="'Abreviatura'" sortable="'abbrev'" data-title-text="Abreviatura">FS</td><td data-title="'Nome'" sortable="'name'" data-title-text="Nome">Fatura Simplificada</td><td data-title="'Redirecionamento'" sortable="'form'" data-title-text="Redirecionamento">ez/invoice/FS</td><td><entity-modal entity="doctype" item="item" lookup="lookup"><!----><a ng-if="visible" ng-click="openModal()"><ng-transclude><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i> Alterar</button></ng-transclude></a><!----></entity-modal></td><td><!----><entity-remove ng-if="!item.has_documents" entity="doctype" item="item"><a ng-click="remove(entity, item);"><ng-transclude><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i> Apagar</button></ng-transclude></a></entity-remove><!----></td></tr><!----><tr ng-repeat="item in $data"><td data-title="'Abreviatura'" sortable="'abbrev'" data-title-text="Abreviatura">GD</td><td data-title="'Nome'" sortable="'name'" data-title-text="Nome">Guia de Devolução</td><td data-title="'Redirecionamento'" sortable="'form'" data-title-text="Redirecionamento">ez/guides/GD</td><td><entity-modal entity="doctype" item="item" lookup="lookup"><!----><a ng-if="visible" ng-click="openModal()"><ng-transclude><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i> Alterar</button></ng-transclude></a><!----></entity-modal></td><td><!----><entity-remove ng-if="!item.has_documents" entity="doctype" item="item"><a ng-click="remove(entity, item);"><ng-transclude><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i> Apagar</button></ng-transclude></a></entity-remove><!----></td></tr><!----><tr ng-repeat="item in $data"><td data-title="'Abreviatura'" sortable="'abbrev'" data-title-text="Abreviatura">GR</td><td data-title="'Nome'" sortable="'name'" data-title-text="Nome">Guia de Remessa</td><td data-title="'Redirecionamento'" sortable="'form'" data-title-text="Redirecionamento">ez/guides/GR</td><td><entity-modal entity="doctype" item="item" lookup="lookup"><!----><a ng-if="visible" ng-click="openModal()"><ng-transclude><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i> Alterar</button></ng-transclude></a><!----></entity-modal></td><td><!----><entity-remove ng-if="!item.has_documents" entity="doctype" item="item"><a ng-click="remove(entity, item);"><ng-transclude><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i> Apagar</button></ng-transclude></a></entity-remove><!----></td></tr><!----><tr ng-repeat="item in $data"><td data-title="'Abreviatura'" sortable="'abbrev'" data-title-text="Abreviatura">GT</td><td data-title="'Nome'" sortable="'name'" data-title-text="Nome">Guia de Transporte</td><td data-title="'Redirecionamento'" sortable="'form'" data-title-text="Redirecionamento">ez/guides/GT</td><td><entity-modal entity="doctype" item="item" lookup="lookup"><!----><a ng-if="visible" ng-click="openModal()"><ng-transclude><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i> Alterar</button></ng-transclude></a><!----></entity-modal></td><td><!----><entity-remove ng-if="!item.has_documents" entity="doctype" item="item"><a ng-click="remove(entity, item);"><ng-transclude><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i> Apagar</button></ng-transclude></a></entity-remove><!----></td></tr><!----><tr ng-repeat="item in $data"><td data-title="'Abreviatura'" sortable="'abbrev'" data-title-text="Abreviatura">NC</td><td data-title="'Nome'" sortable="'name'" data-title-text="Nome">Nota de Crédito</td><td data-title="'Redirecionamento'" sortable="'form'" data-title-text="Redirecionamento">ez/invoice/NC</td><td><entity-modal entity="doctype" item="item" lookup="lookup"><!----><a ng-if="visible" ng-click="openModal()"><ng-transclude><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i> Alterar</button></ng-transclude></a><!----></entity-modal></td><td><!----><entity-remove ng-if="!item.has_documents" entity="doctype" item="item"><a ng-click="remove(entity, item);"><ng-transclude><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i> Apagar</button></ng-transclude></a></entity-remove><!----></td></tr><!----><tr ng-repeat="item in $data"><td data-title="'Abreviatura'" sortable="'abbrev'" data-title-text="Abreviatura">ND</td><td data-title="'Nome'" sortable="'name'" data-title-text="Nome">Nota de Débito</td><td data-title="'Redirecionamento'" sortable="'form'" data-title-text="Redirecionamento">ez/invoice/ND</td><td><entity-modal entity="doctype" item="item" lookup="lookup"><!----><a ng-if="visible" ng-click="openModal()"><ng-transclude><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i> Alterar</button></ng-transclude></a><!----></entity-modal></td><td><!----><entity-remove ng-if="!item.has_documents" entity="doctype" item="item"><a ng-click="remove(entity, item);"><ng-transclude><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i> Apagar</button></ng-transclude></a></entity-remove><!----></td></tr><!----><tr ng-repeat="item in $data"><td data-title="'Abreviatura'" sortable="'abbrev'" data-title-text="Abreviatura">RG</td><td data-title="'Nome'" sortable="'name'" data-title-text="Nome">Recibo</td><td data-title="'Redirecionamento'" sortable="'form'" data-title-text="Redirecionamento">ez/receipt/RG</td><td><entity-modal entity="doctype" item="item" lookup="lookup"><!----><a ng-if="visible" ng-click="openModal()"><ng-transclude><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-pencil" aria-hidden="true"></i> Alterar</button></ng-transclude></a><!----></entity-modal></td><td><!----><entity-remove ng-if="!item.has_documents" entity="doctype" item="item"><a ng-click="remove(entity, item);"><ng-transclude><button type="button" class="btn btn-danger btn-xs"><i class="fa fa-trash" aria-hidden="true"></i> Apagar</button></ng-transclude></a></entity-remove><!----></td></tr><!----></tbody></table><div ng-table-pagination="params" template-url="templates.pagination"><!----><div ng-include="templateUrl"><!----><div class="ng-table-pager" ng-if="params.data.length"> <!----><div ng-if="params.settings().counts.length" class="ng-table-counts btn-group pull-right"> <!----><button ng-repeat="count in params.settings().counts" type="button" ng-class="{'active':params.count() == count}" ng-click="params.count(count)" class="btn btn-default active"> <span ng-bind="count">10</span> </button><!----><button ng-repeat="count in params.settings().counts" type="button" ng-class="{'active':params.count() == count}" ng-click="params.count(count)" class="btn btn-default"> <span ng-bind="count">25</span> </button><!----><button ng-repeat="count in params.settings().counts" type="button" ng-class="{'active':params.count() == count}" ng-click="params.count(count)" class="btn btn-default"> <span ng-bind="count">50</span> </button><!----><button ng-repeat="count in params.settings().counts" type="button" ng-class="{'active':params.count() == count}" ng-click="params.count(count)" class="btn btn-default"> <span ng-bind="count">100</span> </button><!----> </div><!----> <!----> </div><!----> </div></div></div></div></div></div></div><!----><!----></entity-list></div><!----><!----></div></div>
</div>
</div>
</div>
body,html{
height: 100%;
}
nav.sidebar, .main{
-webkit-transition: margin 200ms ease-out;
-moz-transition: margin 200ms ease-out;
-o-transition: margin 200ms ease-out;
transition: margin 200ms ease-out;
}
.main{
padding: 60px 10px 0 10px;
}
nav.sidebar{
margin-top: 50px;
}
@media (min-width: 765px) {
.main{
position: absolute;
width: calc(100% - 40px);
margin-left: 40px;
float: right;
}
nav.sidebar:hover + .main{
margin-left: 200px;
}
nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left: 0px;
}
nav.sidebar .navbar-brand, nav.sidebar .navbar-header{
text-align: center;
width: 100%;
margin-left: 0px;
}
nav.sidebar a{
padding-right: 13px;
}
nav.sidebar .navbar-nav > li:first-child{
border-top: 1px #e5e5e5 solid;
}
nav.sidebar .navbar-nav > li{
border-bottom: 1px #e5e5e5 solid;
}
nav.sidebar .navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
nav.sidebar .navbar-collapse, nav.sidebar .container-fluid{
padding: 0 0px 0 0px;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #777;
}
nav.sidebar{
width: 200px;
height: 100%;
margin-left: -160px;
float: left;
margin-bottom: 0px;
}
nav.sidebar li {
width: 100%;
}
nav.sidebar:hover{
margin-left: 0px;
}
.forAnimate{
opacity: 0;
}
}
@media (min-width: 1330px) {
.main{
width: calc(100% - 200px);
margin-left: 200px;
}
nav.sidebar{
margin-left: 0px;
float: left;
}
nav.sidebar .forAnimate{
opacity: 1;
}
}
nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus {
color: #CCC;
background-color: transparent;
}
nav:hover .forAnimate{
opacity: 1;
}
section{
padding-left: 15px;
}