Initial views, and basic invoice export UI tools

tailbone_quickbooks/templates/quickbooks/exportable-invoices/index.mako

@@ -0,0 +1,88 @@
+## -*- coding: utf-8; -*-
+<%inherit file="/master/index.mako" />
+
+<%def name="grid_tools()">
+  ${parent.grid_tools()}
+  ${h.form(url('{}.export'.format(route_prefix)), **{'@submit': 'exportingInvoices = true'})}
+  ${h.csrf_token(request)}
+  % if master.has_perm('export'):
+      <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>
+  % endif
+  ${h.end_form()}
+</%def>
+
+<%def name="modify_this_page_vars()">
+  ${parent.modify_this_page_vars()}
+  <script type="text/javascript">
+
+    ${grid.component_studly}Data.exportingInvoices = false
+    ${grid.component_studly}Data.exportingInvoicesCount = ${json.dumps(len(selected))|n}
+
+    ${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)
+    }
+
+    TailboneGrid.methods.allChecked = function(checkedList) {
+        // (de-)select all visible invoices when header checkbox is clicked
+        let checked = !!checkedList.length
+        this.toggleRows(this.allRowUUIDs(), checked)
+    }
+
+  </script>
+</%def>
+
+
+${parent.body()}

tailbone_quickbooks/templates/quickbooks/exportable-invoices/view.mako

@@ -0,0 +1,29 @@
+## -*- coding: utf-8; -*-
+<%inherit file="/master/view.mako" />
+
+<%def name="render_form_buttons()">
+  % if master.has_perm('export'):
+      ${h.form(master.get_action_url('refresh', instance), **{'@submit': 'refreshingInvoice = true'})}
+      ${h.csrf_token(request)}
+      <b-button type="is-primary"
+                native-type="submit"
+                icon-pack="fas"
+                icon-left="redo"
+                :disabled="refreshingInvoice">
+        {{ refreshingInvoice ? "Working, please wait..." : "Refresh Data" }}
+      </b-button>
+      ${h.end_form()}
+  % endif
+</%def>
+
+<%def name="modify_this_page_vars()">
+  ${parent.modify_this_page_vars()}
+  <script type="text/javascript">
+
+    ${form.component_studly}Data.refreshingInvoice = false
+
+  </script>
+</%def>
+
+
+${parent.body()}

tailbone_quickbooks/templates/quickbooks/exports/invoice/view.mako

@@ -0,0 +1,11 @@
+## -*- coding: utf-8; -*-
+<%inherit file="/master/view.mako" />
+
+<%def name="context_menu_items()">
+  % if request.has_perm('quickbooks.exportable_invoices.list'):
+      <li>${h.link_to("Back to Exportable Invoices", url('quickbooks.exportable_invoices'))}</li>
+  % endif
+</%def>
+
+
+${parent.body()}