cobuild-angular-stack
Version:
Base stack angular sass jade gulp
75 lines • 2.73 kB
HTML
<header class="header-list">
<div class="section-description row">
<div>
<h2>{{'accounts' | translate }}</h2>
</div>
<div class="m-r-20 m-t-20">
<ul class="breadcrumb">
<li class="">
<i class="glyphicon glyphicon-home"></i> <span>{{ 'home' | translate }}</span> / <span class="active"> {{ 'accounts' | translate }} </span>
</li>
</ul>
</div>
</div>
</header>
<div class="body-list">
<div class="row">
<div class="col-sm-12">
<div class="panel panel-default">
<div class="panel-body panel-table">
<div class="row p-t-20 p-b-20">
<div class="col-xs-12 col-md-6 col-lg-6 col-sm-6">
<div class="input-group">
<span class="input-group-addon" id="basic-addon1">
<i class="glyphicon glyphicon-search"></i>
</span>
<input ng-model="filterName" type="text" class="form-control" aria-label="...">
</div>
</div>
<div class="col-xs-12 col-md-6 col-sm-6 col-lg-6">
<button type="button" class="btn btn-uniko pull-right" ng-click="createAccount()">{{ 'add' | translate }}</button>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="table-responsive body-list">
<table class="table table-striped border">
<thead>
<tr>
<th sort-control="sortBy.selected" field-name="created">{{'name' | translate}}</th>
<th sort-control="sortBy.selected" field-name="payDate">{{'Fecha de creación' | translate}}</th>
<th sort-control="sortBy.selected" field-name="isPaid">{{'Nivel' | translate}}</th>
<th class="text-center">Desactivar/activar</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="account in accounts | filter: filterName">
<td><a href="#" ng-click="editAccount(account)">{{account.username}}</a></td>
<td>{{account.createdAt | date:'dd-MM-yyyy'}}</td>
<td>{{ getRole(account.role) }}</td>
<td class="text-center">
<div class="togglebutton inline-block ">
<label class="text-uppercase">
<input type="checkbox"
ng-model="account.isActive"
ng-change="changeStatusAccount()">
<span class="toggle"></span>
</label>
</div>
</td>
</tr>
<tr ng-if="isLoad">
<td colspan="4">
<div class="admin-loader text-center"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>