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

Base stack angular sass jade gulp

<div class="admin-modal">
	<div class="modal-header admin">
	<h3 ng-if="!confirm" class="modal-title">{{ 'add-discount-code' | translate }}</h3>
	<h3 ng-if="confirm"> Confirmación</h3>
</div>
<form class="form-horizontal" id="add-code" ng-submit="create()">
	<div class="modal-body" ng-if="!confirm">
			<div class="form-group">
				<div class="col-sm-4 col-md-4 col-lg-4 col-xs-12" ng-if="role == 'admin' || role == 'partner'">
					<input type="checkbox" name="advancedSale" ng-model="view.advanceSale" aria-label="Checkbox for following text input">
					<label for="advancedSale" class="control-label">{{ 'advance-sale' | translate }}</label>
				</div>
				<div class="col-sm-4 col-md-4 col-lg-4 col-xs-12">
					<input type="checkbox" name="unique" ng-model="view.unique" aria-label="Checkbox for following text input">
					<label for="unique" class="control-label">{{ 'unique-code' | translate }}</label>
				</div>
				<div class="col-sm-4 col-md-4 col-lg-4 col-xs-12">
						<input type="checkbox" name="statusValidity" ng-model="view.statusValidity" ng-disabled="isActiveValidity" aria-label="Checkbox for following text input">
						<label for="statusValidity" class="control-label">{{ 'validity' | translate }}</label>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
						<label for="" class="control-label">{{ 'validity' | translate }}</label>
            <input id="dateDiscount" ng-if="view.statusValidity" date-range-picker min="{minDate}" class="form-control date-picker validity" placeholder="{{'validity' | translate}}" type="text" ng-model="date" options='optionsDate' style="width: 100%" required/>
						<input ng-if="!view.statusValidity" type="text" readonly name="validity" class="form-control" placeholder="{{ 'validity' | translate }}">
				</div>
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
					<label for="" class="control-label">{{ 'cant' | translate }}</label>
					<input type="number" name="cant" class="form-control" ng-model="view.cant" placeholder="{{ 'cant' | translate }}">
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
					<label for="" class="control-label">{{ 'type' | translate }}</label>
					<select class="form-control" ng-model="view.type" ng-disabled="view.advanceSale">
						<option value="amount">{{ 'amount' + 'Code'  | translate }}</option>
						<option value="percent">{{ 'percent' | translate }}</option>
					</select>
				</div>
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
						<label for="" class="control-label">{{ view.type + 'Code'  | translate }} sin iva</label>
						<input type="number" name="amount" step="any" class="form-control" ng-model="view.amount" placeholder="{{ 'amount'+'Code' | translate }}" required="required">
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
					<label for="" class="control-label">{{ 'category' | translate }}</label>
						<select name="category" class="form-control" ng-change="getCategory()" ng-model="data.discountCategoryId">
							<option value="">Seleccione categoría</option>
							<option ng-repeat="category in categories" value="{{ category.id }}">{{ category.description }}</option>
						</select>
				</div>
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
						<label for="" class="control-label">{{ 'subcategory' | translate }}</label>
						<select class="form-control" ng-model="view.discountSubCategoryId">
							<option value="">Seleccione subcategoría</option>
							<option ng-repeat="subcategory in discountSubCategories" ng-value="subcategory.id">{{ subcategory.description }}</option>
						</select>
				</div>
			</div>
			<div class="form-group" ng-if="view.advanceSale">
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
					<label for="" class="control-label">{{ 'pay' | translate }}</label>
						<select class="form-control" ng-model="view.typePay">
							<option value="fixed">Pago Único</option>
							<option value="fixedComplete">Pago premium</option>
						</select>
				</div>
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
						<label for="" class="control-label">{{ 'number-payments' | translate }}</label>
						<select class="form-control" ng-model="view.numberPayments">
							<option value="1">1</option>
							<option value="3">3</option>
							<option value="6">6</option>
						</select>
				</div>
			</div>
			<div class="form-group" ng-if="view.advanceSale">
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">
					<label for="" class="control-label">{{ 'costs' | translate }}  sin iva</label>
					<input type="number" name="amount" step="any" class="form-control" ng-model="view.costs" placeholder="{{ 'costs' | translate }}" required="required">
				</div>
				<div class="col-sm-6 col-md-6 col-lg-6 col-xs-12">

				</div>
			</div>
	</div>
	<div class="modal-body" ng-if="confirm">
		<div class="row">
			<div class="col-md-6 col-md-offset-3">
				<div class="portlet">
						<div class="portlet-title">
								<div class="caption font-red sbold"> Detalle </div>
								<div class="tools">
										<a class="reload" href="javascript:;" data-original-title="" title=""> </a>
								</div>
						</div>
						<div class="portlet-body">
								<ul class="list-unstyled">
										<li ng-if="view.advanceSale">
												<span class="sale-info"> {{ 'advance-sale' | translate }}:
														<i class="fa fa-img-up"></i>
												</span>
												<span class="sale-num text-dark"> {{ view.advanceSale ? "Si" : "No" }} </span>
										</li>
										<li>
												<span class="sale-info"> {{ 'unique-code' | translate }}:
														<i class="fa fa-img-down"></i>
												</span>
												<span class="sale-num text-dark"> {{ view.unique ? "Si" : "No" }} </span>
										</li>
										<li>
												<span class="sale-info"> {{ 'validity' | translate }}:
														<i class="fa fa-img-down"></i>
												</span>
												<span class="sale-num text-dark" ng-if="view.statusValidity"> {{ dateSelect._i | date : 'DD-MM-YYYY' }} </span>
												<span class="sale-num text-dark" ng-if="!view.statusValidity"> {{ 'Sin vigencia' }} </span>
										</li>
										<li>
												<span class="sale-info"> {{ 'type' | translate }}:
														<i class="fa fa-img-down"></i>
												</span>
												<span class="sale-num text-dark" ng-if="view.type == 'amount'"> {{ 'amount' + 'Code'  | translate }} </span>
												<span class="sale-num text-dark" ng-if="!view.type == 'percent'"> {{ 'percent' | translate }} </span>
										</li>
										<li>
												<span class="sale-info"> {{ 'cant' | translate }}: </span>
												<span class="sale-num text-dark pull-right"> {{ view.cant | currency : ' ' : 2 }} </span>
										</li>
										<li ng-if="view.advanceSale">
											<span class="sale-info"> {{ 'number-payments' | translate }}:
													<i class="fa fa-img-up"></i>
											</span>
											<span class="sale-num text-dark pull-right"> {{ view.numberPayments | currency : ' ' : 2 }}</span>
										</li>
										<li>
												<span class="sale-info"> {{ view.type + 'Code'  | translate }}: </span>
												<span ng-if="view.type == 'amount'" class="sale-num text-dark pull-right"> {{view.amount | currency : '$' : 2}} </span>
												<span ng-if="view.type != 'amount'" class="sale-num text-dark pull-right"> {{view.amount | currency : ' ' : 2}} </span>
										</li>
										<li ng-if="view.advanceSale">
												<span class="sale-info"> {{ 'costs' | translate }}:
														<i class="fa fa-img-up"></i>
												</span>
												<span class="sale-num text-dark pull-right"> {{ view.costs | currency : '$' : 2 }} </span>
										</li>
								</ul>
						</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<button class="btn btn-default" type="button" ng-click="close()">{{ 'cancel' | translate }}</button>
		<button class="btn red"  ng-if="!confirm" type="button" ng-click="setConfirm()">{{ 'create' | translate }}</button>
		<button class="btn red"  ng-if="confirm" type="submit">{{ 'Aceptar' | translate }}</button>
	</div>
</form>

</div>