UNPKG

cobuild-angular-stack

Version:

Base stack angular sass jade gulp

75 lines 2.73 kB
<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>