{% extends 'abase.axml' %} {% from 'actions.axml' import pagination %} {% set modal_name = 'Applications' %} {% macro commander() %} { isFilterable: false, nameSearch: '', addressSearch: '', whenFilter: '', filterResults(){ let base = `/v1/applications?pagination=${pagination}` if(this.nameSearch) base = `${base}&name=${this.nameSearch}` if(this.addressSearch) base = `${base}&address=${this.addressSearch}` if(this.whenFilter) base = `${base}&timeline=${this.whenFilter}` fetch(`${base}`) .then(response => response.json()) .then(data => { isFiltering = true; applications = data; }).catch(err => { ShowFeedback('error', 'Filter operation failed...') }) }, clearFilter(){ this.nameSearch = ''; this.addressSearch = ''; this.whenFilter = ''; refreshPage(); }, checkDirty(){ if(this.nameSearch !== '' || this.addressSearch !== '' || this.whenFilter !== '') { this.isFilterable = true; return true; } this.isFilterable = false; return false; } } {% endmacro %} {% block easel %} Filters: Select Date search clear filter Name Address Pass phrase Timestamped Name Address Pass phrase Timestamped {{ pagination() }} {% endblock %} {% block wizard %} Name: Address: HTTP HTTPS Pass phrase: save application {% endblock %}