salix/modules/item/front/request-search-panel/index.js

import ngModule from '../module';
import SearchPanel from 'core/components/searchbar/search-panel';

class Controller extends SearchPanel {
    constructor($element, $) {
        super($element, $);

        this.states = [
            {code: 'pending', name: this.$t('Pending')},
            {code: 'accepted', name: this.$t('Accepted')},
            {code: 'denied', name: this.$t('Denied')}
        ];
    }

    get from() {
        return this._from;
    }

    set from(value) {
        this._from = value;
        this.filter.scopeDays = null;
    }

    get to() {
        return this._to;
    }

    set to(value) {
        this._to = value;
        this.filter.scopeDays = null;
    }

    get scopeDays() {
        return this._scopeDays;
    }

    set scopeDays(value) {
        this._scopeDays = value;

        this.filter.from = null;
        this.filter.to = null;
    }
}

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