Tweak structure of "view product" page to support Buefy, context menu

tailbone/templates/products/view.mako

@@ -276,8 +276,12 @@
 
 <%def name="extra_right_panels()"></%def>
 
-<%def name="render_form()">
+<%def name="render_form_complete()">
   % if use_buefy:
+      ${self.render_form()}
+      <script type="text/x-template" id="form-page-template">
+        <div style="display: flex; justify-content: space-between;">
+
           <div style="display: flex; flex-direction: column;">
 
             <nav class="panel" id="main-product-panel">
@@ -306,7 +310,22 @@
             </div>
 
           </div>
+
+          <ul id="context-menu">
+            ${self.context_menu_items()}
+          </ul>
+
+        </div>
+      </script>
+      <div id="form-page-app">
+        <form-page></form-page>
+      </div>
+
   % else:
+      ## legacy / not buefy
+
+      <div style="display: flex; justify-content: space-between;">
+
         <div style="display: flex; flex-direction: column;">
 
           <div class="panel" id="product-main">
@@ -335,6 +354,12 @@
           </div>
 
         </div>
+
+        <ul id="context-menu">
+          ${self.context_menu_items()}
+        </ul>
+
+      </div>
   % endif
 
   % if buttons: