salix/modules/agency/front/events/index.html

180 lines
5.7 KiB
HTML
Raw Normal View History

2019-11-10 10:08:44 +00:00
<vn-zone-calendar
id="calendar"
data="data"
on-selection="$ctrl.onSelection($days, $type, $weekday, $data)"
class="vn-w-md">
</vn-zone-calendar>
2019-10-23 15:38:35 +00:00
<vn-side-menu side="right">
<div class="vn-pa-md">
<h6
class="text-secondary"
style="font-weight: normal;"
translate>
Edit mode
</h6>
<vn-vertical>
<vn-radio
label="Include"
val="include"
ng-model="$ctrl.editMode">
</vn-radio>
<vn-radio
label="Exclude"
val="exclude"
ng-model="$ctrl.editMode">
</vn-radio>
</vn-vertical>
</div>
<h6
class="text-secondary vn-px-md"
style="font-weight: normal;"
translate>
Events
</h6>
<vn-data-viewer
data="data.events"
2019-11-10 10:08:44 +00:00
is-loading="!data.events">
<div class="vn-list separated">
2019-09-25 18:06:42 +00:00
<a
2019-10-23 15:38:35 +00:00
ng-repeat="row in data.events"
2019-09-25 18:06:42 +00:00
translate-attr="{title: 'Edit'}"
2019-10-23 15:38:35 +00:00
ng-click="$ctrl.onEditClick(row, $event)"
2019-11-10 10:08:44 +00:00
class="vn-item">
<vn-item-section>
<div
ng-if="::row.from && !row.to"
class="vn-mb-sm">
{{::row.from | date:'dd/MM/yy'}}
</div>
<div
ng-if="::!row.from || row.to"
class="vn-mb-sm ellipsize">
<span ng-if="row.to">
{{::row.from | date:'dd/MM/yy'}} - {{::row.to | date:'dd/MM/yy'}}
</span>
<span ng-if="!row.to" translate>
Indefinitely
</span>
<span ng-if="row.weekDays">
({{::$ctrl.formatWdays(row.weekDays)}})
</span>
</div>
<vn-label-value
label="Closing"
value="{{::row.hour | date:'hh:mm'}}">
</vn-label-value>
<vn-label-value
label="Traveling days"
value="{{::row.travelingDays}}">
</vn-label-value>
<vn-label-value
label="Price"
value="{{::row.price | currency:'EUR':2}}">
</vn-label-value>
<vn-label-value
label="Bonus"
value="{{::row.bonus | currency:'EUR':2}}">
</vn-label-value>
</vn-item-section>
<vn-item-section side>
<vn-icon-button
icon="delete"
translate-attr="{title: 'Delete'}"
ng-click="$ctrl.onDeleteClick(row.id, $event)">
</vn-icon-button>
</vn-item-section>
2019-09-25 18:06:42 +00:00
</a>
2019-10-02 17:24:42 +00:00
</div>
</vn-data-viewer>
2019-09-25 18:06:42 +00:00
</vn-side-menu>
<vn-dialog
vn-id="dialog"
2019-10-30 15:57:14 +00:00
on-response="$ctrl.onIncludeResponse($response)">
2019-09-25 18:06:42 +00:00
<tpl-body>
<vn-vertical>
<vn-vertical class="vn-pb-md">
<vn-radio
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.eventType"
label="One day"
val="day">
</vn-radio>
<vn-radio
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.eventType"
label="Indefinitely"
val="indefinitely">
</vn-radio>
<vn-radio
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.eventType"
label="Range of dates"
val="range">
</vn-radio>
</vn-vertical>
2019-10-23 15:38:35 +00:00
<vn-wday-picker
2019-09-25 18:06:42 +00:00
ng-if="$ctrl.eventType != 'day'"
2019-10-24 08:17:32 +00:00
ng-model="$ctrl.selected.wdays"
class="vn-mt-sm vn-mb-md">
2019-10-23 15:38:35 +00:00
</vn-wday-picker>
2019-10-09 22:47:29 +00:00
<vn-date-picker
ng-if="$ctrl.eventType == 'day'"
label="Day"
ng-model="$ctrl.selected.from">
</vn-date-picker>
<vn-horizontal
ng-if="$ctrl.eventType == 'range'">
2019-09-25 18:06:42 +00:00
<vn-date-picker
label="From"
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.selected.from">
2019-09-25 18:06:42 +00:00
</vn-date-picker>
<vn-date-picker
label="To"
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.selected.to">
2019-09-25 18:06:42 +00:00
</vn-date-picker>
</vn-horizontal>
<vn-input-time
label="Closing"
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.selected.hour">
2019-09-25 18:06:42 +00:00
</vn-input-time>
<vn-input-number
label="Traveling days"
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.selected.travelingDays"
2019-09-25 18:06:42 +00:00
min="0"
step="1">
</vn-input-number>
<vn-input-number
label="Price"
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.selected.price"
2019-09-25 18:06:42 +00:00
min="0"
step="0.01">
</vn-input-number>
<vn-input-number
label="Bonus"
2019-10-09 22:47:29 +00:00
ng-model="$ctrl.selected.bonus"
2019-09-25 18:06:42 +00:00
min="0"
step="0.01">
</vn-input-number>
</vn-vertical>
</tpl-body>
<tpl-buttons>
2019-10-23 15:38:35 +00:00
<input
type="button"
2019-10-30 15:57:14 +00:00
response="cancel"
2019-10-23 15:38:35 +00:00
translate-attr="{value: 'Cancel'}">
</input>
<button
ng-if="!$ctrl.isNew"
response="DELETE"
translate>
Delete
</button>
2019-10-30 15:57:14 +00:00
<button response="accept">
2019-10-23 15:38:35 +00:00
<span ng-if="$ctrl.isNew" translate>Add</span>
<span ng-if="!$ctrl.isNew" translate>Save</span>
</button>
2019-09-25 18:06:42 +00:00
</tpl-buttons>
</vn-dialog>
<vn-confirm
vn-id="confirm"
message="This item will be deleted"
2019-10-30 15:57:14 +00:00
question="Are you sure you want to continue?">
2019-09-25 18:06:42 +00:00
</vn-confirm>