<vn-zone-calendar id="calendar" data="data" on-selection="$ctrl.onSelection($days, $type, $weekday, $events, $exclusions)" class="vn-w-md"> </vn-zone-calendar> <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" is-loading="!data.events"> <div class="vn-list separated"> <a ng-repeat="row in data.events" translate-attr="{title: 'Edit'}" ng-click="$ctrl.onEditClick(row, $event)" class="vn-item"> <vn-item-section> <div ng-if="::row.type == 'day'" class="vn-mb-sm"> {{::row.dated | date:'dd/MM/yy'}} </div> <div ng-if="::row.type != 'day'" class="vn-mb-sm ellipsize"> <span ng-if="row.weekDays"> {{::$ctrl.formatWdays(row.weekDays)}} </span> <span ng-if="row.type == 'range'"> ({{::row.started | date:'dd/MM/yy'}} - {{::row.ended | date:'dd/MM/yy'}}) </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-label-value label="Max m³" value="{{::row.m3Max}}"> </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> </a> </div> </vn-data-viewer> </vn-side-menu> <vn-float-button ng-click="$ctrl.create('weekday')" icon="add" vn-tooltip="Add event" vn-bind="+" fixed-bottom-right> </vn-float-button> <vn-dialog vn-id="dialog" on-response="$ctrl.onIncludeResponse($response)" message="{{$ctrl.isNew ? 'Add event' : 'Edit event'}}"> <tpl-body> <vn-vertical> <vn-vertical class="vn-pb-md"> <vn-radio ng-model="$ctrl.selected.type" label="One day" val="day"> </vn-radio> <vn-radio ng-model="$ctrl.selected.type" label="Indefinitely" val="indefinitely"> </vn-radio> <vn-radio ng-model="$ctrl.selected.type" label="Range of dates" val="range"> </vn-radio> </vn-vertical> <vn-wday-picker ng-if="$ctrl.selected.type != 'day'" ng-model="$ctrl.selected.wdays" class="vn-mt-sm vn-mb-md"> </vn-wday-picker> <vn-date-picker ng-if="$ctrl.selected.type == 'day'" label="Day" ng-model="$ctrl.selected.dated"> </vn-date-picker> <vn-horizontal ng-if="$ctrl.selected.type == 'range'"> <vn-date-picker label="From" ng-model="$ctrl.selected.started"> </vn-date-picker> <vn-date-picker label="To" ng-model="$ctrl.selected.ended"> </vn-date-picker> </vn-horizontal> <vn-horizontal> <vn-input-time label="Closing" ng-model="$ctrl.selected.hour"> </vn-input-time> <vn-input-number label="Traveling days" ng-model="$ctrl.selected.travelingDays" min="0" step="1"> </vn-input-number> </vn-horizontal> <vn-horizontal> <vn-input-number label="Price" ng-model="$ctrl.selected.price" min="0" step="0.01"> </vn-input-number> <vn-input-number label="Bonus" ng-model="$ctrl.selected.bonus" min="0" step="0.01"> </vn-input-number> </vn-horizontal> <vn-input-number label="Max m³" ng-model="$ctrl.selected.m3Max" min="0" step="0.01"> </vn-input-number> </vn-vertical> </tpl-body> <tpl-buttons> <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"> </input> <input type="button" ng-if="!$ctrl.isNew" response="delete" translate-attr="{value: 'Delete'}"> </input> <button response="accept"> <span ng-if="$ctrl.isNew" translate>Add</span> <span ng-if="!$ctrl.isNew" translate>Save</span> </button> </tpl-buttons> </vn-dialog> <vn-confirm vn-id="confirm" message="This item will be deleted" question="Are you sure you want to continue?"> </vn-confirm>