167 lines
4.1 KiB
JavaScript
167 lines
4.1 KiB
JavaScript
import ngModule from '../module';
|
|
import Section from 'core/lib/section';
|
|
import './style.scss';
|
|
|
|
class Controller extends Section {
|
|
constructor($el, $, $t, $http, $state) {
|
|
super($el, $, $t, $http, $state);
|
|
|
|
this.wdays = [
|
|
{
|
|
code: 'mon',
|
|
name: 'Monday'
|
|
}, {
|
|
code: 'tue',
|
|
name: 'Tuesday'
|
|
}, {
|
|
code: 'wed',
|
|
name: 'Wednesday'
|
|
}, {
|
|
code: 'thu',
|
|
name: 'Thursday'
|
|
}, {
|
|
code: 'fri',
|
|
name: 'Friday'
|
|
}, {
|
|
code: 'sat',
|
|
name: 'Saturday'
|
|
}, {
|
|
code: 'sun',
|
|
name: 'Sunday'
|
|
}
|
|
];
|
|
|
|
this.abrWdays = {};
|
|
for (let wday of this.wdays) {
|
|
let locale = this._(wday.name);
|
|
this.abrWdays[wday.code] = locale.substr(0, 3);
|
|
wday.abr = locale.substr(0, 1);
|
|
}
|
|
|
|
this.$http.get(`/api/Zones/${this.$stateParams.id}/exclusions`)
|
|
.then(res => this.$.exclusions = res.data);
|
|
|
|
this.path = `/api/Zones/${this.$stateParams.id}/events`;
|
|
this.refresh();
|
|
}
|
|
|
|
refresh() {
|
|
this.$http.get(this.path)
|
|
.then(res => this.$.data = res.data);
|
|
}
|
|
|
|
formatWdays(weekDays) {
|
|
if (!weekDays) return;
|
|
|
|
let abrWdays = [];
|
|
for (let wday of weekDays.split(','))
|
|
abrWdays.push(this.abrWdays[wday]);
|
|
|
|
return abrWdays.length < 7
|
|
? abrWdays.join(', ')
|
|
: this._('Everyday');
|
|
}
|
|
|
|
onEdit(row, event) {
|
|
if (event.defaultPrevented) return;
|
|
|
|
this.isNew = false;
|
|
|
|
if (row.from && !row.to)
|
|
this.eventType = 'day';
|
|
else if (!row.from)
|
|
this.eventType = 'indefinitely';
|
|
else
|
|
this.eventType = 'range';
|
|
|
|
this.selected = angular.copy(row);
|
|
this.selected.wdays = {};
|
|
|
|
if (row.weekDays) {
|
|
let weekDays = row.weekDays.split(',');
|
|
for (let day of weekDays)
|
|
this.selected.wdays[day] = true;
|
|
}
|
|
|
|
this.$.dialog.show();
|
|
}
|
|
|
|
onCreate($day, $type, $weekday) {
|
|
this.isNew = true;
|
|
this.eventType = $type == 'day' ? 'day' : 'indefinitely';
|
|
|
|
if ($type == 'weekday') {
|
|
let wdays = [];
|
|
let index = $weekday - 1;
|
|
if (index < 0) index = 7 - index;
|
|
wdays[this.wdays[index].code] = true;
|
|
this.selected = {wdays};
|
|
} else
|
|
this.selected = {from: $day[0]};
|
|
|
|
this.$.dialog.show();
|
|
}
|
|
|
|
onSave(response) {
|
|
if (response != 'ACCEPT') return;
|
|
|
|
let selected = this.selected;
|
|
|
|
if (this.eventType == 'indefinitely') {
|
|
selected.from = null;
|
|
selected.to = null;
|
|
}
|
|
|
|
if (this.eventType != 'day') {
|
|
let weekDays = [];
|
|
|
|
for (let wday in selected.wdays) {
|
|
if (selected.wdays[wday])
|
|
weekDays.push(wday);
|
|
}
|
|
|
|
selected.weekDays = weekDays.join(',');
|
|
} else {
|
|
selected.to = null;
|
|
selected.weekDays = '';
|
|
}
|
|
|
|
let req;
|
|
|
|
if (this.isNew)
|
|
req = this.$http.post(this.path, selected);
|
|
else
|
|
req = this.$http.put(`${this.path}/${selected.id}`, selected);
|
|
|
|
req.then(() => {
|
|
this.selected = null;
|
|
this.isNew = null;
|
|
this.$.dialog.hide();
|
|
this.refresh();
|
|
});
|
|
|
|
return false;
|
|
}
|
|
|
|
onDelete(id, event) {
|
|
event.preventDefault();
|
|
this.$.confirm.show();
|
|
this.deleteId = id;
|
|
}
|
|
|
|
delete(response) {
|
|
if (response != 'ACCEPT') return;
|
|
if (!this.deleteId) return;
|
|
this.$http.delete(`${this.path}/${this.deleteId}`)
|
|
.then(() => {
|
|
this.refresh();
|
|
this.deleteId = null;
|
|
});
|
|
}
|
|
}
|
|
|
|
ngModule.component('vnZoneEvents', {
|
|
template: require('./index.html'),
|
|
controller: Controller
|
|
});
|