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

import ngModule from '../module';
import Section from 'core/lib/section';

class Controller extends Section {
    constructor($el, $, $t, $http, $state, $q, vnWeekDays) {
        super($el, $, $t, $http, $state);
        this.$q = $q;
        this.vnWeekDays = vnWeekDays;
        this.editMode = 'include';

        this.path = `api/Zones/${this.$stateParams.id}/events`;
        this.exclusionsPath = `api/Zones/${this.$stateParams.id}/exclusions`;
        this.refresh();
    }

    refresh() {
        let data = {};
        this.$q.all([
            this.$http.get(this.path)
                .then(res => data.events = res.data),
            this.$http.get(this.exclusionsPath)
                .then(res => data.exclusions = res.data)
        ]).finally(() => {
            this.$.data = data;
        });
    }

    formatWdays(weekDays) {
        if (!weekDays) return;

        let abrWdays = [];
        for (let wday of weekDays.split(','))
            abrWdays.push(this.vnWeekDays.map[wday].localeAbr);

        return abrWdays.length < 7
            ? abrWdays.join(', ')
            : this._('Everyday');
    }

    onSelection(days, type, weekday, data) {
        if (this.editMode == 'include') {
            let dayData = data[0] || {};
            let event = dayData.events && dayData.events[0];

            if (event)
                this.edit(event);
            else
                this.create(days, type, weekday);
        } else {
            let exclusions = [];
            for (let dayData of data) {
                if (dayData.exclusion)
                    exclusions.push(dayData.exclusion.id);
            }

            if (exclusions.length)
                this.exclusionDelete(exclusions);
            else
                this.exclusionCreate(days);
        }
    }

    onEditClick(row, event) {
        if (event.defaultPrevented) return;
        this.edit(row);
    }

    edit(row) {
        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();
    }

    create(days, type, weekday) {
        this.isNew = true;
        this.eventType = type == 'day' ? 'day' : 'indefinitely';

        if (type == 'weekday') {
            let wdays = [];
            let code = this.vnWeekDays.days[weekday].code;
            wdays[code] = true;
            this.selected = {wdays};
        } else
            this.selected = {from: days[0]};

        this.$.dialog.show();
    }

    onSave(response) {
        if (response == 'ACCEPT') {
            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;
        } else if (response == 'DELETE') {
            this.onDelete(this.selected.id);
            return false;
        }
    }

    onDeleteClick(id, event) {
        if (event.defaultPrevented) return;
        event.preventDefault();
        this.onDelete(id);
    }

    onDelete(id) {
        this.deleteId = id;
        this.$.confirm.show();
    }

    delete(response) {
        if (response != 'ACCEPT') return;
        if (!this.deleteId) return;
        this.$http.delete(`${this.path}/${this.deleteId}`)
            .then(() => {
                this.refresh();
                this.deleteId = null;
                this.$.dialog.hide();
            });
    }

    exclusionCreate(days) {
        let exclusions = days.map(day => {
            return {day};
        });

        this.$http.post(this.exclusionsPath, exclusions)
            .then(() => this.refresh());
    }

    exclusionDelete(ids) {
        let promises = [];

        for (let id of ids) {
            promises.push(
                this.$http.delete(`${this.exclusionsPath}/${id}`)
            );
        }

        this.$q.all(promises)
            .then(() => this.refresh());
    }
}
Controller.$inject = ['$element', '$scope', '$translate', '$http', '$state', '$q', 'vnWeekDays'];

ngModule.component('vnZoneEvents', {
    template: require('./index.html'),
    controller: Controller
});