cobuild-angular-stack/modules/admin.discount/views/admin.discount.html

Base stack angular sass jade gulp

<header class="header-list">
	<div class="section-description row">
		<div>
			<h2>{{'codes' | translate }}</h2>
		</div>
		<div class="m-r-20 m-t-20">
			<ul class="breadcrumb">
				<li class="">
					<i class="glyphicon glyphicon-home"></i>
					<span ui-sref="admin.discount.categories">{{ 'home' | translate }}</span> /
					<span ui-sref="admin.discount.categories">{{ 'categories' | translate }}</span> /
					<span ui-sref="admin.discount.subcategories({id: category.id})">{{ category.description }} - {{ 'subcategories' | translate}} </span> /
					<span ui-sref="admin.discount.subcategories.discountcode({discountSubCategoryId: discountCode.discountSubCategory.id })">{{ discountCode.discountSubCategory.description }} - {{ 'discountcodes' | translate}} </span> /
					<span class="active">{{ discountCode.prefix }}</span>
				</li>
			</ul>
		</div>
	</div>
	<div class="section-main-tools form-inline">
		<div class="row m-r-20">
			<div class="col-sm-6 col-md-6 col-lg-4 col-xs-12floating-label">

			</div>
			<div class="col-sm-6 col-md-6 col-lg-4 col-xs-12 pull-right p-r-0">
				<div class="panel panel-default">
					<div class="panel-body">
						<ul class="list-group">
							<li class="list-group-item-body" ng-if="!discountCode.discountSubCategory.description">
								<div class="admin-loader text-center"></div>
							</li>
							<li class="list-group-item-body">
								<strong>{{'category'| translate }}:</strong> {{ category.description }}
							</li>
							<li class="list-group-item-body">
								<strong>{{'subcategory' | translate}}:</strong> {{ discountCode.discountSubCategory.description }}
							</li>
							<li class="list-group-item-body">
								<strong>{{'advance-sale' | translate}}:</strong> {{ discountCode.advanceSale ? 'Si' : 'No' }}
							</li>
							<li class="list-group-item-body" ng-if="discountCode.advanceSale">
								<strong>{{'type' | translate}}:</strong> {{ discountCode.typePay == 'fixed' ? 'Pago Único' : 'Pago premium' }}
							</li>
							<li class="list-group-item-body">
								<strong>{{'unique' | translate}}:</strong> {{ discountCode.unique ? 'Si' : 'No' }}
							</li>
							<li class="list-group-item-body">
								<strong>{{'validity' | translate}}:</strong> {{ discountCode.statusValidity ? formatDate(discountCode.validity) : 'Sin vigencia' }}
							</li>
							<li class="list-group-item-body">
								<strong>{{'cant' | translate}}:</strong> <span class="text-right">{{ discountCode.cant | currency : '' : 2 }}</span>
							</li>
							<li class="list-group-item-body">
								<strong>{{ discountCode.type +"Code" | translate}}:</strong>
								<span style="float: right;" ng-if="discountCode.type == 'amount'">{{ discountCode.amount | currency : "$ " : 2 }}</span>
								<span ng-if="discountCode.type != 'amount'">{{ discountCode.amount }}%</span>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</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-default">
					<div class="panel-header">
						<div class="row">
							<div class="col-md-4">
								<div class="input-group" ng-if="!advancedSearch.isActive">
									<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 class="font-dark" ng-if="advancedSearch.isActive">
										{{ 'advanced-search' | translate }}
								</div>
							</div>
							<div class="col-md-8">
									<button type="button" class="btn btn-uniko pull-right"  ng-click="download()"><i class="glyphicon glyphicon-save-file"></i> {{ 'export-list' | translate }}</button>
							</div>
						</div>
					</div>
					<div class="panel-body panel-table">
						<div class="row">
							<div class="col-md-12">
								<table class="table table-striped border">
									<thead>
										<tr>
											<th>{{ 'code' | translate }}</th>
											<th>{{ 'couple' | translate }}</th>
											<th class="text-center">{{ 'status' | translate }}</th>
										</tr>
									</thead>
									<tbody>
										<tr ng-repeat="discount in discountCode.codes | filter: filterName">
											<td>{{ discount.code }}</td>
											<td><a ng-if="discount.coupleAccount" href="#" ui-sref="admin.coupleAccounts.show.profile({url:discount.coupleAccount.url})"> {{ discount.coupleAccount ? discount.coupleAccount.fakeid : '' }} </a>
											</td>
											<td class="text-center"><span class="label" ng-class="{'label-error': discount.status == 'DISABLED','label-success': discount.status == 'REDEEMED', 'label-warning': discount.status == 'PENDING', 'label-info': discount.status == 'APPROVED'}">{{ discount.status | translate }}</span></td>
										</tr>
										<tr ng-if="loader">
											<td colspan="3">
													<div class="admin-loader text-center"></div>
											</td>
										</tr>
										<tr ng-if="discountCode.codes.length == 0 && !loader">
											<td colspan="3">
													<div class="text-center">No existen registros</div>
											</td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div><!-- end panel body -->
				</div>
			</div>
		</div>
	</div>
</div>