112 lines
4 KiB
Mako
112 lines
4 KiB
Mako
## -*- coding: utf-8; -*-
|
|
<%inherit file="/master/index.mako" />
|
|
|
|
<%def name="grid_tools()">
|
|
${parent.grid_tools()}
|
|
% if master.has_perm('export'):
|
|
|
|
${h.form(url('{}.refresh_results'.format(route_prefix)), class_='control', ref='refreshResultsForm', **{'@submit': 'refreshingResults = true'})}
|
|
${h.csrf_token(request)}
|
|
<b-button type="is-primary"
|
|
@click="refreshResults()"
|
|
icon-pack="fas"
|
|
icon-left="redo"
|
|
:disabled="refreshingResults">
|
|
{{ refreshingResults ? "Working, please wait..." : "Refresh Results" }}
|
|
</b-button>
|
|
${h.end_form()}
|
|
|
|
${h.form(url('{}.export'.format(route_prefix)), class_='control', **{'@submit': 'exportingInvoices = true'})}
|
|
${h.csrf_token(request)}
|
|
<b-button type="is-primary"
|
|
native-type="submit"
|
|
icon-pack="fas"
|
|
icon-left="arrow-circle-right"
|
|
:disabled="exportingInvoices || !exportingInvoicesCount">
|
|
{{ exportingInvoices ? "Working, please wait..." : `Export ${'$'}{this.exportingInvoicesCount} Invoices` }}
|
|
</b-button>
|
|
${h.end_form()}
|
|
|
|
% endif
|
|
</%def>
|
|
|
|
<%def name="modify_this_page_vars()">
|
|
${parent.modify_this_page_vars()}
|
|
% if master.has_perm('export'):
|
|
<script type="text/javascript">
|
|
|
|
${grid.component_studly}Data.refreshingResults = false
|
|
${grid.component_studly}Data.exportingInvoices = false
|
|
${grid.component_studly}Data.exportingInvoicesCount = ${json.dumps(len(selected))|n}
|
|
|
|
${grid.component_studly}.methods.refreshResults = function() {
|
|
if (confirm("Refresh data for all search results?")) {
|
|
this.refreshingResults = true
|
|
this.$refs.refreshResultsForm.submit()
|
|
}
|
|
}
|
|
|
|
${grid.component_studly}.methods.toggleRows = function(uuids, checked) {
|
|
this.loading = true
|
|
|
|
let url = checked ? '${url('{}.select'.format(route_prefix))}' : '${url('{}.deselect'.format(route_prefix))}'
|
|
let params = {
|
|
uuids: uuids.join(','),
|
|
}
|
|
|
|
this.submitForm(url, params, response => {
|
|
this.exportingInvoicesCount = response.data.selected_count
|
|
this.loading = false
|
|
}, response => {
|
|
this.loading = false
|
|
})
|
|
}
|
|
|
|
${grid.component_studly}.methods.rowChecked = function(checkedList, row) {
|
|
// skip this logic if triggered by header ("all") checkbox
|
|
if (!row) {
|
|
return
|
|
}
|
|
|
|
// are we toggling ON or OFF?
|
|
let checked = checkedList.includes(row)
|
|
|
|
// collect all currently "checked" uuids
|
|
let checkedUUIDs = []
|
|
for (row of checkedList) {
|
|
checkedUUIDs.push(row.uuid)
|
|
}
|
|
|
|
// even though we are given only the one row which was associated with
|
|
// the event, it is possible the user did a shift+click operation. and
|
|
// since we cannot know for sure, we must assume so, which means we
|
|
// must send "all" relevant uuids as we are not given the specific
|
|
// range involved for shift+click
|
|
let uuids = []
|
|
if (checked) {
|
|
// if toggling ON then we must send all "checked" rows
|
|
uuids = checkedUUIDs
|
|
} else {
|
|
// if toggling OFF then we must send all "unchecked" rows
|
|
for (uuid of this.allRowUUIDs()) {
|
|
if (!checkedUUIDs.includes(uuid)) {
|
|
uuids.push(uuid)
|
|
}
|
|
}
|
|
}
|
|
this.toggleRows(uuids, checked)
|
|
}
|
|
|
|
${grid.vue_component}.methods.allChecked = function(checkedList) {
|
|
// (de-)select all visible invoices when header checkbox is clicked
|
|
let checked = !!checkedList.length
|
|
this.toggleRows(this.allRowUUIDs(), checked)
|
|
}
|
|
|
|
</script>
|
|
% endif
|
|
</%def>
|
|
|
|
|
|
${parent.body()}
|
|
|