Refactory Buefy templates to use WholePage and ThisPage components

plus add `GridFilter.set_choices()` method

tailbone/templates/email-bounces/view.mako

@@ -1,16 +1,10 @@
-## -*- coding: utf-8 -*-
+## -*- coding: utf-8; -*-
 <%inherit file="/master/view.mako" />
 
-<%def name="head_tags()">
-  ${parent.head_tags()}
-  <style type="text/css">
-    #message {
-        border: 1px solid #000000;
-        height: 400px;
-        overflow: auto;
-        padding: 4px;
-    }
-  </style>
+## TODO: this page still uses jQuery but should use Vue.js
+
+<%def name="extra_javascript()">
+  ${parent.extra_javascript()}
   <script type="text/javascript">
 
     function autosize_message(scrolldown) {
@@ -34,6 +28,18 @@
   </script>
 </%def>
 
+<%def name="extra_styles()">
+  ${parent.extra_styles()}
+  <style type="text/css">
+    #message {
+        border: 1px solid #000000;
+        height: 400px;
+        overflow: auto;
+        padding: 4px;
+    }
+  </style>
+</%def>
+
 <%def name="context_menu_items()">
   ${parent.context_menu_items()}
   % if not bounce.processed and request.has_perm('emailbounces.process'):
@@ -43,8 +49,12 @@
   % endif
 </%def>
 
-${parent.body()}
+<%def name="page_content()">
+  ${parent.page_content()}
+  <pre id="message">
+  ${message}
+  </pre>
+</%def>
 
-<pre id="message">
-${message}
-</pre>
+
+${parent.body()}