173 lines
9.6 KiB
HTML
173 lines
9.6 KiB
HTML
<div class="inmodal">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">{{operation | translate}}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="row">
|
|
<div class="col-sm-4 b-r">
|
|
<form method="get" class="form-horizontal">
|
|
<div class="form-group"><label class="col-sm-5 control-label">{{'SETTING.TARIFF_NAME' | translate}}</label>
|
|
|
|
<div class="col-sm-7"><input ng-model="tariff.name" type="text" class="form-control"></div>
|
|
</div>
|
|
<div class="hr-line-dashed"></div>
|
|
<div class="form-group"><label class="col-sm-5 control-label">{{'SETTING.CATEGORY' | translate}}</label>
|
|
<div class="col-sm-7">
|
|
<ui-select ng-model="tariff.energy_category.id" theme="bootstrap" required>
|
|
<ui-select-match allow-clear="false" placeholder="{{'COMMON.PLACEHOLDER' | translate}}">{{$select.selected.name}}</ui-select-match>
|
|
<ui-select-choices repeat="category.id as category in categories | filter: $select.search">
|
|
<div ng-bind-html="category.name | highlight: $select.search"></div>
|
|
</ui-select-choices>
|
|
</ui-select>
|
|
</div>
|
|
</div>
|
|
<div class="hr-line-dashed"></div>
|
|
<div class="form-group"><label class="col-sm-5 control-label">{{'SETTING.TARIFF_TYPE' | translate}}</label>
|
|
<div class="col-sm-7">
|
|
<select ng-disabled="disable" ng-model="tariff.tariff_type" class="form-control m-b" name="tariff">
|
|
<option value="block">{{'SETTING.BLOCK' | translate}}</option>
|
|
<option value="timeofuse">{{'SETTING.TIMEOFUSE' | translate}}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="hr-line-dashed"></div>
|
|
<div class="form-group"><label class="col-sm-5 control-label">{{'SETTING.UNIT' | translate}}</label>
|
|
|
|
<div class="col-sm-7"><input ng-model="tariff.unit_of_price" type="text" class="form-control"></div>
|
|
</div>
|
|
<div class="hr-line-dashed"></div>
|
|
<div class="form-group"><label class="col-sm-5 control-label">{{'SETTING.START_DATETIME' | translate}}</label>
|
|
<div class="col-sm-7">
|
|
<input date-range-picker class="form-control date-picker" type="text" ng-model="tariff.valid_from" options="dtOptions"
|
|
placeholder="{{'SETTING.SELECT_DATE' | translate}}" readonly="" />
|
|
</div>
|
|
</div>
|
|
<div class="hr-line-dashed"></div>
|
|
<div class="form-group"><label class="col-sm-5 control-label">{{'SETTING.END_DATETIME' | translate}}</label>
|
|
<div class="col-sm-7">
|
|
<input date-range-picker class="form-control date-picker" type="text" ng-model="tariff.valid_through" options="dtOptions"
|
|
placeholder="{{'SETTING.SELECT_DATE' | translate}}" readonly="" />
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
|
|
<table id="blockTable" ng-show="tariff.tariff_type=='block'" class="footable table table-bordered table-hover" data-sort="false" data-page-size="10" >
|
|
<thead>
|
|
<tr>
|
|
<th class="text-center">{{'SETTING.START_AMOUNT' | translate}}</th>
|
|
<th class="text-center">{{'SETTING.END_AMOUNT' | translate}}</th>
|
|
<th class="text-center">{{'SETTING.PRICE' | translate}}</th>
|
|
<th class="text-center">{{'SETTING.ACTION' | translate}}</th>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center sm ">
|
|
<input ng-model="b.start_amount" class="form-control input-sm">
|
|
</td>
|
|
<td class="text-center sm">
|
|
<input ng-model="b.end_amount" class="form-control input-sm">
|
|
</td>
|
|
<td class="text-center sm">
|
|
<input ng-model="b.price" class="form-control input-sm">
|
|
</td>
|
|
|
|
<td class="text-center sm">
|
|
<a class="btn btn-primary btn-rounded btn-xs" ng-click="add(b)" >{{'SETTING.ADD' | translate}}</a>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr ng-repeat="bl in block">
|
|
<td class="text-center sm">{{ bl.start_amount }}</td>
|
|
<td class="text-center sm">{{ bl.end_amount }}</td>
|
|
<td class="text-center sm">{{ bl.price }}</td>
|
|
|
|
<td class="text-center sm">
|
|
<a ng-click="delete($index)" class="btn btn-danger btn-rounded btn-xs" >{{'SETTING.DELETE' | translate}}</a>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot class="hide-if-no-paging">
|
|
<tr>
|
|
<td colspan="7">
|
|
<ul class="pagination pull-right"></ul>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
<table id="touTable" ng-show="tariff.tariff_type=='timeofuse'" class="footable table table-bordered table-hover" data-sort="false" data-page-size="10" >
|
|
<thead>
|
|
<tr>
|
|
<th class="text-center">{{'SETTING.START_TIME' | translate}}</th>
|
|
<th class="text-center">{{'SETTING.END_TIME' | translate}}</th>
|
|
<th class="text-center">{{'SETTING.PEAK_TYPE' | translate}}</th>
|
|
<th class="text-center">{{'SETTING.PRICE' | translate}}</th>
|
|
<th class="text-center">{{'SETTING.ACTION' | translate}}</th>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td class="text-center sm">
|
|
<div class="col-sm-7">
|
|
<div uib-timepicker ng-model="t.start_time_of_day" show-meridian="false" show-seconds="true" show-spinners="false"></div>
|
|
</div>
|
|
</td>
|
|
<td class="text-center sm">
|
|
<div class="col-sm-7">
|
|
<div uib-timepicker ng-model="t.end_time_of_day" show-meridian="false" show-seconds="true" show-spinners="false"></div>
|
|
</div>
|
|
</td>
|
|
<td class="text-center sm">
|
|
<select ng-model="t.peak_type" class="form-control input-sm sm" name="peak">
|
|
<option value="toppeak">{{'COMMON.TARIFF.TOPPEAK' | translate}}</option>
|
|
<option value="onpeak">{{'COMMON.TARIFF.ONPEAK' | translate}}</option>
|
|
<option value="offpeak">{{'COMMON.TARIFF.OFFPEAK' | translate}}</option>
|
|
<option value="midpeak">{{'COMMON.TARIFF.MIDPEAK' | translate}}</option>
|
|
</select>
|
|
</td>
|
|
<td class="text-center sm">
|
|
<input ng-model="t.price" class="form-control input-sm">
|
|
</td>
|
|
|
|
<td class="text-center sm">
|
|
<a class="btn btn-primary btn-rounded btn-xs" ng-click="add(t)" >{{'SETTING.ADD' | translate}}</a>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr ng-repeat="tou in timeofuse">
|
|
<td class="text-center sm">{{ tou.start_time_of_day }}</td>
|
|
<td class="text-center sm">{{ tou.end_time_of_day }}</td>
|
|
<td class="text-center sm">{{ showPeakType(tou.peak_type) | translate }}</td>
|
|
<td class="text-center sm">{{ tou.price }}</td>
|
|
|
|
<td class="text-center sm">
|
|
<a ng-click="delete($index)" class="btn btn-danger btn-rounded btn-xs" >{{'SETTING.DELETE' | translate}}</a>
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot class="hide-if-no-paging">
|
|
<tr>
|
|
<td colspan="7">
|
|
<ul class="pagination pull-right"></ul>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-white" ng-click="cancel()">{{'SETTING.CANCEL' | translate}}</button>
|
|
<button type="button" class="btn btn-primary" ng-click="ok()">{{'SETTING.SAVE' | translate}}</button>
|
|
</div>
|
|
</div>
|