cobuild-angular-stack
Version:
Base stack angular sass jade gulp
51 lines (50 loc) • 2.28 kB
HTML
<header class="header-list">
<div class="section-description row">
<div class="col-md-12">
<div>
<h2>{{'products' | translate}}</h2>
</div>
</div>
<div class="col-md-6">
</div>
</div>
<div class="section-main-tools form-inline">
<div class="row" style="margin:0">
<div class="col-sm-4 form-group floating-label">
<label class="control-label" for="search">{{'search' | translate}}</label>
<input ng-model="filterName" id="search" type="text" class="form-control" style="width: 100%">
</div>
<div style="position: absolute; right: 40px">
<a ng-click="exportData()" class="btn btn-info btn-raised">{{'export-list' | translate}}</a>
<a ui-sref="admin.products.new" class="btn btn-info btn-raised">{{'create-product' | translate}}</a>
</div>
</div>
</div>
</header>
<div class="table-responsive body-list">
<table class="table table-striped">
<thead>
<tr>
<th>#ID</th>
<th sort-control="sortBy.selected" field-name="name">{{'name' | translate}}</th>
<th>{{'categories' | translate}}</th>
<th sort-control="sortBy.selected" field-name="storeId">{{'store' | translate}}</th>
<th sort-control="sortBy.selected" field-name="createdAt">{{'create-date' | translate}}</th>
<th sort-control="sortBy.selected" field-name="price">{{'amount' | translate}}</th>
<th sort-control="sortBy.selected" field-name="isActive">{{'state' | translate}}</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="product in products">
<th>{{product.id}}</th>
<td><a ui-sref="admin.products.show({productId:product.id, name:slug(product.name)})">{{product.name}}</a>
</td>
<td>{{product.categories |map:'name'|join:', '|truncate:45:'...'}}</td>
<td>{{product.store.name }}</td>
<td>{{product.createdAt|date:'dd/MMM/yyyy'}}</td>
<td>{{product.price | currency:'$ ':2}}</td>
<td>{{product.isActive ? 'Activo':'Inactivo'}}</td>
</tr>
</tbody>
</table>
</div>