Fix Buefy "row grids" when viewing parent; add basic file upload support

tailbone/templates/batch/view.mako

@@ -63,10 +63,10 @@
   % if master.batch_refreshable(batch) and request.has_perm('{}.refresh'.format(permission_prefix)):
       % if use_buefy:
           ## TODO: this should surely use a POST request?
-          <a class="button"
-             href="${url('{}.refresh'.format(route_prefix), uuid=batch.uuid)}">
-            Refresh Data
-          </a>
+          <once-button tag="a"
+                       href="${url('{}.refresh'.format(route_prefix), uuid=batch.uuid)}"
+                       text="Refresh Data">
+          </once-button>
       % else:
           <button type="button" class="button" id="refresh-data">Refresh Data</button>
       % endif
@@ -74,17 +74,16 @@
 </%def>
 
 <%def name="execute_submit_button()">
-  <button type="submit"
-          class="button is-primary"
-          % if not execute_enabled:
-          disabled="disabled"
-          % endif
-          % if why_not_execute:
-          title="${why_not_execute}"
-          % endif
-          >
-    ${execute_title}
-  </button>
+  <once-button type="is-primary"
+               native-type="submit"
+               % if not execute_enabled:
+               disabled
+               % endif
+               % if why_not_execute:
+               title="${why_not_execute}"
+               % endif
+               text="${execute_title}">
+  </once-button>
 </%def>
 
 <%def name="execute_button()">
@@ -145,30 +144,21 @@
   % endif
 </%def>
 
-<div style="display: flex; justify-content: space-between;">
+<%def name="render_form()">
+  ## TODO: should use self.render_form_buttons()
+  ## ${form.render(form_id='batch-form', buttons=capture(self.render_form_buttons))|n}
+  ${form.render(form_id='batch-form', buttons=capture(buttons))|n}
+</%def>
 
-  <div class="form-wrapper">
-    ${form.render(form_id='batch-form', buttons=capture(buttons))|n}
-  </div><!-- form-wrapper -->
 
-  <div style="display: flex; align-items: flex-start;">
-
-    <div class="object-helpers">
-      ${self.object_helpers()}
-    </div>
-
-    <ul id="context-menu">
-      ${self.context_menu_items()}
-    </ul>
-
-  </div>
-
-</div>
+${self.render_form_complete()}
 
 % if use_buefy:
     <br /><br />
     ## TODO: stop using |n filter
     ${rows_grid.render_buefy(allow_save_defaults=False, tools=rows_grid_tools)|n}
+    ${self.make_tailbone_form_app()}
+    ${self.make_tailbone_grid_app()}
 % else:
     ## no buefy, so do the traditional thing
     ${rows_grid|n}