Refactory Buefy templates to use WholePage and ThisPage components
plus add `GridFilter.set_choices()` method
This commit is contained in:
Lance Edgar
parent
c64fca852c
commit
1bb0330ab5
36 changed files with 806 additions and 613 deletions
|
|
@ -1003,7 +1003,10 @@ class Grid(object):
|
|||
|
||||
choices = []
|
||||
choice_labels = {}
|
||||
if self.enums and filtr.key in self.enums:
|
||||
if filtr.choices:
|
||||
choices = list(filtr.choices)
|
||||
choices_labels = dict(filtr.choices)
|
||||
elif self.enums and filtr.key in self.enums:
|
||||
choices = list(self.enums[filtr.key])
|
||||
choice_labels = self.enums[filtr.key]
|
||||
|
||||
|
|
|
|||
|
|
@ -149,6 +149,7 @@ class GridFilter(object):
|
|||
|
||||
value_renderer_factory = DefaultValueRenderer
|
||||
data_type = 'string' # default, but will be set from value renderer
|
||||
choices = {}
|
||||
|
||||
def __init__(self, key, label=None, verbs=None, value_enum=None, value_renderer=None,
|
||||
default_active=False, default_verb=None, default_value=None,
|
||||
|
|
@ -187,6 +188,27 @@ class GridFilter(object):
|
|||
return verbs
|
||||
return ['equal', 'not_equal', 'is_null', 'is_not_null', 'is_any']
|
||||
|
||||
def set_choices(self, choices):
|
||||
"""
|
||||
Set the value choices for the filter, post-construction. Note that
|
||||
this also will set the value renderer to one which supports choices.
|
||||
"""
|
||||
# first must normalize choices
|
||||
if isinstance(choices, OrderedDict):
|
||||
normalized = choices
|
||||
elif isinstance(choices, dict):
|
||||
normalized = OrderedDict([
|
||||
(key, choices[value])
|
||||
for key in sorted(choices)])
|
||||
elif isinstance(choices, list):
|
||||
normalized = OrderedDict([
|
||||
(key, key)
|
||||
for key in choices])
|
||||
|
||||
# store normalized choices, and set renderer
|
||||
self.choices = normalized
|
||||
self.set_value_renderer(ChoiceValueRenderer(self.choices))
|
||||
|
||||
def set_value_renderer(self, renderer):
|
||||
"""
|
||||
Set the value renderer for the filter, post-construction.
|
||||
|
|
|
|||
|
|
@ -174,9 +174,3 @@ let TailboneGrid = {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
let GridPage = {
|
||||
template: '#grid-page-template',
|
||||
methods: {}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
## -*- coding: utf-8 -*-
|
||||
<%inherit file="/base.mako" />
|
||||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/page.mako" />
|
||||
<%namespace name="base_meta" file="/base_meta.mako" />
|
||||
|
||||
<%def name="title()">About ${base_meta.app_title()}</%def>
|
||||
|
||||
<%def name="page_content()">
|
||||
<h2>${project_title} ${project_version}</h2>
|
||||
|
||||
% for name, version in packages.items():
|
||||
|
|
@ -12,3 +13,7 @@
|
|||
|
||||
<br />
|
||||
<p>Please see <a href="https://rattailproject.org/">rattailproject.org</a> for more info.</p>
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/base.mako" />
|
||||
<%inherit file="/page.mako" />
|
||||
|
||||
<%def name="title()">App Settings</%def>
|
||||
|
||||
|
|
@ -33,8 +33,18 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="context_menu_items()">
|
||||
% if request.has_perm('settings.list'):
|
||||
<li>${h.link_to("View Raw Settings", url('settings'))}</li>
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
% if use_buefy:
|
||||
<%def name="page_content()">
|
||||
<app-settings :groups="groups" :showing-group="showingGroup"></app-settings>
|
||||
</%def>
|
||||
|
||||
<%def name="render_this_page_template()">
|
||||
${parent.render_this_page_template()}
|
||||
<script type="text/x-template" id="app-settings-template">
|
||||
|
||||
<div class="form">
|
||||
|
|
@ -139,11 +149,20 @@
|
|||
${h.end_form()}
|
||||
</div>
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<div id="app-settings-app">
|
||||
<app-settings :groups="groups" :showing-group="showingGroup"></app-settings>
|
||||
</div>
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
|
||||
ThisPageData.groups = ${json.dumps(buefy_data)|n}
|
||||
ThisPageData.showingGroup = ${json.dumps(current_group or '')|n}
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="make_this_page_component()">
|
||||
${parent.make_this_page_component()}
|
||||
<script type="text/javascript">
|
||||
|
||||
Vue.component('app-settings', {
|
||||
|
|
@ -166,17 +185,12 @@
|
|||
}
|
||||
})
|
||||
|
||||
new Vue({
|
||||
el: '#app-settings-app',
|
||||
data() {
|
||||
return {
|
||||
groups: ${json.dumps(buefy_data)|n},
|
||||
showingGroup: ${json.dumps(current_group or '')|n}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
|
||||
% if use_buefy:
|
||||
${parent.body()}
|
||||
|
||||
% else:
|
||||
## legacy / not buefy
|
||||
|
|
|
|||
|
|
@ -107,19 +107,15 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="modify_tailbone_grid()">
|
||||
${parent.modify_tailbone_grid()}
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
% if master.results_executable and request.has_perm('{}.execute_multiple'.format(permission_prefix)):
|
||||
<script type="text/javascript">
|
||||
|
||||
TailboneForm.data = function() { return TailboneFormData }
|
||||
|
||||
TailboneForm.methods.submit = function() {
|
||||
this.$refs.actualForm.submit()
|
||||
}
|
||||
|
||||
Vue.component('tailbone-form', TailboneForm)
|
||||
|
||||
TailboneGridData.hasExecutionOptions = ${json.dumps(master.has_execution_options(batch))|n}
|
||||
TailboneGridData.showExecutionOptions = false
|
||||
|
||||
|
|
@ -151,12 +147,26 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="make_this_page_component()">
|
||||
${parent.make_this_page_component()}
|
||||
% if master.results_executable and request.has_perm('{}.execute_multiple'.format(permission_prefix)):
|
||||
<script type="text/javascript">
|
||||
|
||||
% if use_buefy:
|
||||
TailboneForm.data = function() { return TailboneFormData }
|
||||
|
||||
Vue.component('tailbone-form', TailboneForm)
|
||||
|
||||
</script>
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="render_this_page_template()">
|
||||
${parent.render_this_page_template()}
|
||||
% if master.results_executable and request.has_perm('{}.execute_multiple'.format(permission_prefix)):
|
||||
${execute_form.render_deform(form_kwargs={'ref': 'actualForm'}, buttons=False)|n}
|
||||
% endif
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
||||
|
|
|
|||
|
|
@ -187,16 +187,16 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="render_this_page_buefy()">
|
||||
<%def name="render_this_page_template()">
|
||||
${parent.render_this_page_template()}
|
||||
% if use_buefy and master.handler.executable(batch) and request.has_perm('{}.execute'.format(permission_prefix)):
|
||||
## TODO: stop using |n filter
|
||||
${execute_form.render_deform(buttons=capture(execute_submit_button), form_kwargs={'@submit': 'submitExecuteForm'})|n}
|
||||
% endif
|
||||
${parent.render_this_page_buefy()}
|
||||
</%def>
|
||||
|
||||
<%def name="modify_this_page()">
|
||||
${parent.modify_this_page()}
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
% if not batch.executed and request.has_perm('{}.execute'.format(permission_prefix)):
|
||||
<script type="text/javascript">
|
||||
|
||||
|
|
@ -216,8 +216,8 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="finalize_page_components()">
|
||||
${parent.finalize_page_components()}
|
||||
<%def name="finalize_this_page_vars()">
|
||||
${parent.finalize_this_page_vars()}
|
||||
% if not batch.executed and request.has_perm('{}.execute'.format(permission_prefix)):
|
||||
<script type="text/javascript">
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,13 @@
|
|||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/base.mako" />
|
||||
<%inherit file="/page.mako" />
|
||||
|
||||
<%def name="title()">Change Password</%def>
|
||||
|
||||
<%def name="page_content()">
|
||||
<div class="form">
|
||||
${form.render_deform()|n}
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -42,8 +42,8 @@
|
|||
|
||||
</%def>
|
||||
|
||||
<%def name="modify_tailbone_grid()">
|
||||
${parent.modify_tailbone_grid()}
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
|
||||
% if request.has_perm('datasync.restart'):
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
## -*- coding: utf-8 -*-
|
||||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/master/view.mako" />
|
||||
|
||||
${parent.body()}
|
||||
<%def name="page_content()">
|
||||
${parent.page_content()}
|
||||
|
||||
<h2>Employees</h2>
|
||||
|
||||
|
|
@ -11,3 +12,7 @@ ${parent.body()}
|
|||
% else:
|
||||
<p>No employees are assigned to this department.</p>
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -45,15 +45,15 @@
|
|||
</div>
|
||||
</%def>
|
||||
|
||||
<%def name="render_this_page_buefy()">
|
||||
<%def name="render_this_page_template()">
|
||||
% if form is not Underined:
|
||||
${self.render_form()}
|
||||
% endif
|
||||
${parent.render_this_page_buefy()}
|
||||
${parent.render_this_page_template()}
|
||||
</%def>
|
||||
|
||||
<%def name="finalize_page_components()">
|
||||
${parent.finalize_page_components()}
|
||||
<%def name="finalize_this_page_vars()">
|
||||
${parent.finalize_this_page_vars()}
|
||||
% if form is not Undefined:
|
||||
<script type="text/javascript">
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/base.mako" />
|
||||
<%inherit file="/page.mako" />
|
||||
<%namespace name="base_meta" file="/base_meta.mako" />
|
||||
|
||||
<%def name="title()">Home</%def>
|
||||
|
|
@ -16,7 +16,12 @@
|
|||
</style>
|
||||
</%def>
|
||||
|
||||
<%def name="page_content()">
|
||||
<div class="logo">
|
||||
${h.image(image_url, "{} logo".format(capture(base_meta.app_title)), id='logo', width=500)}
|
||||
<h1>Welcome to ${base_meta.app_title()}</h1>
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -24,7 +24,8 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
${parent.body()}
|
||||
<%def name="page_content()">
|
||||
${parent.page_content()}
|
||||
|
||||
<% printer = instance.get_printer(request.rattail_config) %>
|
||||
% if printer and printer.required_settings:
|
||||
|
|
@ -40,3 +41,7 @@ ${parent.body()}
|
|||
</div>
|
||||
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/base.mako" />
|
||||
<%inherit file="/page.mako" />
|
||||
<%namespace name="base_meta" file="/base_meta.mako" />
|
||||
|
||||
<%def name="title()">Login</%def>
|
||||
|
|
@ -24,6 +24,7 @@
|
|||
</div>
|
||||
</%def>
|
||||
|
||||
<%def name="page_content()">
|
||||
${self.logo()}
|
||||
|
||||
${self.login_form()}
|
||||
|
|
@ -33,3 +34,7 @@ ${self.login_form()}
|
|||
Login with <strong>chuck / admin</strong> for full demo access
|
||||
</p>
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -52,8 +52,8 @@
|
|||
${h.end_form()}
|
||||
</%def>
|
||||
|
||||
<%def name="modify_this_page()">
|
||||
${parent.modify_this_page()}
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
|
||||
TailboneFormData.formSubmitting = false
|
||||
|
|
|
|||
|
|
@ -68,8 +68,8 @@
|
|||
${h.end_form()}
|
||||
</%def>
|
||||
|
||||
<%def name="modify_this_page()">
|
||||
${parent.modify_this_page()}
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
|
||||
TailboneFormData.formSubmitting = false
|
||||
|
|
|
|||
|
|
@ -26,8 +26,8 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="modify_this_page()">
|
||||
${parent.modify_this_page()}
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
% if master.deletable and instance_deletable and request.has_perm('{}.delete'.format(permission_prefix)) and master.delete_confirm == 'simple':
|
||||
<script type="text/javascript">
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
## include a "tools" section, just above the grid on the right.
|
||||
##
|
||||
## ##############################################################################
|
||||
<%inherit file="/base.mako" />
|
||||
<%inherit file="/page.mako" />
|
||||
|
||||
<%def name="title()">${index_title}</%def>
|
||||
|
||||
|
|
@ -215,57 +215,7 @@
|
|||
|
||||
</%def>
|
||||
|
||||
<%def name="modify_tailbone_grid()">
|
||||
<script type="text/javascript">
|
||||
|
||||
% if master.mergeable and request.has_perm('{}.merge'.format(permission_prefix)):
|
||||
TailboneGridData.mergeFormButtonText = "Merge 2 ${model_title_plural}"
|
||||
TailboneGridData.mergeFormSubmitting = false
|
||||
TailboneGrid.methods.submitMergeForm = function() {
|
||||
this.mergeFormSubmitting = true
|
||||
this.mergeFormButtonText = "Working, please wait..."
|
||||
}
|
||||
% endif
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="make_tailbone_grid_app()">
|
||||
${self.modify_tailbone_grid()}
|
||||
<script type="text/javascript">
|
||||
|
||||
TailboneGrid.data = function() { return TailboneGridData }
|
||||
|
||||
Vue.component('tailbone-grid', TailboneGrid)
|
||||
|
||||
% if master.deletable and request.has_perm('{}.delete'.format(permission_prefix)) and master.delete_confirm == 'simple':
|
||||
|
||||
GridPage.methods.deleteObject = function(url) {
|
||||
|
||||
if (confirm("Are you sure you wish to delete this ${model_title}?")) {
|
||||
let form = this.$refs.deleteObjectForm
|
||||
form.action = url
|
||||
form.submit()
|
||||
}
|
||||
}
|
||||
|
||||
% endif
|
||||
|
||||
Vue.component('grid-page', GridPage)
|
||||
|
||||
new Vue({
|
||||
el: '#grid-page-app'
|
||||
})
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
|
||||
% if use_buefy:
|
||||
## TODO: stop using |n filter
|
||||
${grid.render_buefy(tools=capture(self.grid_tools).strip(), context_menu=capture(self.context_menu_items).strip())|n}
|
||||
|
||||
<script type="text/x-template" id="grid-page-template">
|
||||
<div>
|
||||
<%def name="page_content()">
|
||||
<tailbone-grid
|
||||
% if master.deletable and request.has_perm('{}.delete'.format(permission_prefix)) and master.delete_confirm == 'simple':
|
||||
@deleteActionClicked="deleteObject"
|
||||
|
|
@ -277,14 +227,56 @@
|
|||
${h.csrf_token(request)}
|
||||
${h.end_form()}
|
||||
% endif
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
% if master.mergeable and request.has_perm('{}.merge'.format(permission_prefix)):
|
||||
TailboneGridData.mergeFormButtonText = "Merge 2 ${model_title_plural}"
|
||||
TailboneGridData.mergeFormSubmitting = false
|
||||
TailboneGrid.methods.submitMergeForm = function() {
|
||||
this.mergeFormSubmitting = true
|
||||
this.mergeFormButtonText = "Working, please wait..."
|
||||
}
|
||||
% endif
|
||||
% if master.deletable and request.has_perm('{}.delete'.format(permission_prefix)) and master.delete_confirm == 'simple':
|
||||
ThisPage.methods.deleteObject = function(url) {
|
||||
if (confirm("Are you sure you wish to delete this ${model_title}?")) {
|
||||
let form = this.$refs.deleteObjectForm
|
||||
form.action = url
|
||||
form.submit()
|
||||
}
|
||||
}
|
||||
% endif
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<div id="grid-page-app">
|
||||
<grid-page></grid-page>
|
||||
</div>
|
||||
<%def name="make_this_page_component()">
|
||||
${parent.make_this_page_component()}
|
||||
<script type="text/javascript">
|
||||
|
||||
${self.make_tailbone_grid_app()}
|
||||
TailboneGrid.data = function() { return TailboneGridData }
|
||||
|
||||
Vue.component('tailbone-grid', TailboneGrid)
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="render_this_page()">
|
||||
${self.page_content()}
|
||||
</%def>
|
||||
|
||||
<%def name="render_this_page_template()">
|
||||
${parent.render_this_page_template()}
|
||||
|
||||
## TODO: stop using |n filter
|
||||
${grid.render_buefy(tools=capture(self.grid_tools).strip(), context_menu=capture(self.context_menu_items).strip())|n}
|
||||
</%def>
|
||||
|
||||
|
||||
% if use_buefy:
|
||||
${parent.body()}
|
||||
|
||||
% else:
|
||||
## no buefy, so do the traditional thing
|
||||
|
|
|
|||
|
|
@ -154,8 +154,9 @@ ${h.end_form()}
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="render_this_page_template()">
|
||||
${parent.render_this_page_template()}
|
||||
|
||||
% if use_buefy:
|
||||
<script type="text/x-template" id="merge-buttons-template">
|
||||
<div class="level" style="margin-top: 2em;">
|
||||
<div class="level-left">
|
||||
|
|
@ -195,7 +196,10 @@ ${h.end_form()}
|
|||
</div>
|
||||
</div>
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="make_this_page_component()">
|
||||
${parent.make_this_page_component()}
|
||||
<script type="text/javascript">
|
||||
|
||||
const MergeButtons = {
|
||||
|
|
@ -223,6 +227,7 @@ ${h.end_form()}
|
|||
Vue.component('merge-buttons', MergeButtons)
|
||||
|
||||
</script>
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,9 @@
|
|||
## Default master 'versions' template, for showing an object's version history.
|
||||
##
|
||||
## ##############################################################################
|
||||
<%inherit file="/base.mako" />
|
||||
<%inherit file="/page.mako" />
|
||||
|
||||
## TODO: this page still uses old-style grid but should use Buefy grid
|
||||
|
||||
<%def name="title()">${model_title_plural} » ${instance_title} » history</%def>
|
||||
|
||||
|
|
@ -21,4 +23,9 @@
|
|||
History for ${instance_title}
|
||||
</%def>
|
||||
|
||||
<%def name="page_content()">
|
||||
${grid.render_complete()|n}
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -93,15 +93,15 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="render_this_page_buefy()">
|
||||
<%def name="render_this_page_template()">
|
||||
% if master.has_rows:
|
||||
## TODO: stop using |n filter
|
||||
${rows_grid.render_buefy(allow_save_defaults=False, tools=capture(self.render_row_grid_tools))|n}
|
||||
% endif
|
||||
${parent.render_this_page_buefy()}
|
||||
${parent.render_this_page_template()}
|
||||
</%def>
|
||||
|
||||
<%def name="make_this_page_app()">
|
||||
<%def name="make_this_page_component()">
|
||||
<script type="text/javascript">
|
||||
|
||||
TailboneGrid.data = function() { return TailboneGridData }
|
||||
|
|
@ -109,7 +109,7 @@
|
|||
Vue.component('tailbone-grid', TailboneGrid)
|
||||
|
||||
</script>
|
||||
${parent.make_this_page_app()}
|
||||
${parent.make_this_page_component()}
|
||||
</%def>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,9 @@
|
|||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/base.mako" />
|
||||
<%inherit file="/page.mako" />
|
||||
|
||||
<%def name="title()">${instance_title_normal} @ ver ${transaction.id}</%def>
|
||||
|
||||
<%def name="page_content()">
|
||||
## TODO: this was basically copied from Revel diff template..need to abstract
|
||||
|
||||
<div class="form-wrapper">
|
||||
|
|
@ -97,3 +98,7 @@
|
|||
% endif
|
||||
|
||||
% endfor
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
## -*- coding: utf-8 -*-
|
||||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/master/view.mako" />
|
||||
|
||||
<%def name="extra_javascript()">
|
||||
|
|
@ -87,7 +87,8 @@
|
|||
${instance.body}
|
||||
</%def>
|
||||
|
||||
${parent.body()}
|
||||
<%def name="page_content()">
|
||||
${parent.page_content()}
|
||||
|
||||
${self.message_tools()}
|
||||
|
||||
|
|
@ -96,3 +97,7 @@ ${self.message_tools()}
|
|||
</div>
|
||||
|
||||
${self.message_tools()}
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -6,9 +6,9 @@
|
|||
<%def name="page_content()"></%def>
|
||||
|
||||
<%def name="render_this_page()">
|
||||
<div style="display: flex; justify-content: space-between;">
|
||||
<div style="display: flex;">
|
||||
|
||||
<div class="this-page-content">
|
||||
<div class="this-page-content" style="flex-grow: 1;">
|
||||
${self.page_content()}
|
||||
</div>
|
||||
|
||||
|
|
@ -19,23 +19,15 @@
|
|||
</div>
|
||||
</%def>
|
||||
|
||||
<%def name="render_this_page_buefy()">
|
||||
<%def name="render_this_page_template()">
|
||||
<script type="text/x-template" id="this-page-template">
|
||||
<div>
|
||||
${self.render_this_page()}
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<div id="this-page-app">
|
||||
<this-page></this-page>
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
<%def name="modify_this_page()">
|
||||
## NOTE: if you override this, must use <script> tags
|
||||
</%def>
|
||||
|
||||
<%def name="declare_page_vars()">
|
||||
<%def name="declare_this_page_vars()">
|
||||
<script type="text/javascript">
|
||||
|
||||
let ThisPage = {
|
||||
|
|
@ -48,31 +40,32 @@
|
|||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="finalize_page_components()">
|
||||
<%def name="modify_this_page_vars()">
|
||||
## NOTE: if you override this, must use <script> tags
|
||||
</%def>
|
||||
|
||||
<%def name="make_this_page_app()">
|
||||
${self.declare_page_vars()}
|
||||
${self.modify_this_page()}
|
||||
${self.finalize_page_components()}
|
||||
<%def name="finalize_this_page_vars()">
|
||||
## NOTE: if you override this, must use <script> tags
|
||||
</%def>
|
||||
|
||||
<%def name="make_this_page_component()">
|
||||
${self.declare_this_page_vars()}
|
||||
${self.modify_this_page_vars()}
|
||||
${self.finalize_this_page_vars()}
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
ThisPage.data = function() { return ThisPageData }
|
||||
|
||||
Vue.component('this-page', ThisPage)
|
||||
|
||||
new Vue({
|
||||
el: '#this-page-app'
|
||||
})
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
|
||||
% if use_buefy:
|
||||
${self.render_this_page_buefy()}
|
||||
${self.make_this_page_app()}
|
||||
${self.render_this_page_template()}
|
||||
${self.make_this_page_component()}
|
||||
% else:
|
||||
${self.render_this_page()}
|
||||
% endif
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
<%def name="extra_javascript()">
|
||||
${parent.extra_javascript()}
|
||||
% if not instance.users and request.has_perm('users.create'):
|
||||
% if not use_buefy and not instance.users and request.has_perm('users.create'):
|
||||
<script type="text/javascript">
|
||||
## TODO: should do this differently for Buefy themes
|
||||
$(function() {
|
||||
|
|
@ -26,12 +26,43 @@
|
|||
${view_profiles_helper([instance])}
|
||||
</%def>
|
||||
|
||||
${parent.body()}
|
||||
<%def name="render_buefy_form()">
|
||||
<div class="form">
|
||||
<tailbone-form v-on:make-user="makeUser"></tailbone-form>
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
## TODO: should do this differently for Buefy themes
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
|
||||
TailboneForm.methods.clickMakeUser = function(event) {
|
||||
this.$emit('make-user')
|
||||
}
|
||||
|
||||
ThisPage.methods.makeUser = function(event) {
|
||||
if (confirm("Really make a user account for this person?")) {
|
||||
this.$refs.makeUserForm.submit()
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="page_content()">
|
||||
${parent.page_content()}
|
||||
% if not instance.users and request.has_perm('users.create'):
|
||||
% if use_buefy:
|
||||
${h.form(url('people.make_user'), ref='makeUserForm')}
|
||||
% else:
|
||||
${h.form(url('people.make_user'), name='make-user-form')}
|
||||
% endif
|
||||
${h.csrf_token(request)}
|
||||
${h.hidden('person_uuid', value=instance.uuid)}
|
||||
${h.end_form()}
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/base.mako" />
|
||||
<%inherit file="/page.mako" />
|
||||
|
||||
<%def name="title()">Find ${model_title_plural} by Permission</%def>
|
||||
|
||||
|
|
@ -46,8 +46,13 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
% if not use_buefy:
|
||||
<%def name="page_content()">
|
||||
% if use_buefy:
|
||||
<find-principals :permission-groups="permissionGroups"
|
||||
:sorted-groups="sortedGroups">
|
||||
</find-principals>
|
||||
% else:
|
||||
## not buefy
|
||||
${h.form(request.current_route_url(), id='find-by-perm-form')}
|
||||
${h.csrf_token(request)}
|
||||
|
||||
|
|
@ -68,17 +73,11 @@ ${h.end_form()}
|
|||
${self.principal_table()}
|
||||
</div>
|
||||
% endif
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
% else:
|
||||
## use_buefy!
|
||||
|
||||
<div id="find-principals-app">
|
||||
<find-principals :permission-groups="permissionGroups"
|
||||
:sorted-groups="sortedGroups">
|
||||
</find-principals>
|
||||
</div>
|
||||
|
||||
<%def name="render_this_page_template()">
|
||||
${parent.render_this_page_template()}
|
||||
<script type="text/x-template" id="find-principals-template">
|
||||
<div class="app-wrapper">
|
||||
|
||||
|
|
@ -128,14 +127,27 @@ ${h.end_form()}
|
|||
% if principals is not None:
|
||||
<div class="grid half">
|
||||
<br />
|
||||
<h2>${model_title_plural} with that permission (${len(principals)} total):</h2>
|
||||
<h2>Found ${len(principals)} ${model_title_plural} with permission: ${selected_permission}</h2>
|
||||
${self.principal_table()}
|
||||
</div>
|
||||
% endif
|
||||
|
||||
</div><!-- app-wrapper -->
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
|
||||
ThisPageData.permissionGroups = ${json.dumps(buefy_perms)|n}
|
||||
ThisPageData.sortedGroups = ${json.dumps(buefy_sorted_groups)|n}
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="make_this_page_component()">
|
||||
${parent.make_this_page_component()}
|
||||
<script type="text/javascript">
|
||||
|
||||
Vue.component('find-principals', {
|
||||
|
|
@ -175,15 +187,8 @@ ${h.end_form()}
|
|||
}
|
||||
})
|
||||
|
||||
new Vue({
|
||||
el: '#find-principals-app',
|
||||
data() {
|
||||
return {
|
||||
permissionGroups: ${json.dumps(buefy_perms)|n},
|
||||
sortedGroups: ${json.dumps(buefy_sorted_groups)|n}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/base.mako" />
|
||||
<%inherit file="/page.mako" />
|
||||
|
||||
<%def name="title()">${index_title}</%def>
|
||||
|
||||
|
|
@ -56,9 +56,7 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
<div style="display: flex; justify-content: space-between;">
|
||||
|
||||
<%def name="page_content()">
|
||||
% if use_form:
|
||||
<div class="form-wrapper">
|
||||
<p>Please select the type of report you wish to generate.</p>
|
||||
|
|
@ -81,9 +79,7 @@
|
|||
</div>
|
||||
</div>
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
<ul id="context-menu">
|
||||
${self.context_menu_items()}
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,8 @@
|
|||
${h.stylesheet_link(request.static_url('tailbone:static/css/perms.css'))}
|
||||
</%def>
|
||||
|
||||
${parent.body()}
|
||||
<%def name="page_content()">
|
||||
${parent.page_content()}
|
||||
|
||||
<h2>Users</h2>
|
||||
|
||||
|
|
@ -20,3 +21,7 @@ ${parent.body()}
|
|||
% else:
|
||||
<p>There are no users assigned to this role.</p>
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -41,9 +41,8 @@
|
|||
<email-preview-tools></email-preview-tools>
|
||||
</%def>
|
||||
|
||||
|
||||
% if use_buefy:
|
||||
|
||||
<%def name="render_this_page_template()">
|
||||
${parent.render_this_page_template()}
|
||||
<script type="text/x-template" id="email-preview-tools-template">
|
||||
|
||||
${h.form(url('email.preview'), **{'@submit': 'submitPreviewForm'})}
|
||||
|
|
@ -106,7 +105,10 @@
|
|||
|
||||
${h.end_form()}
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="make_this_page_component()">
|
||||
${parent.make_this_page_component()}
|
||||
<script type="text/javascript">
|
||||
|
||||
const EmailPreviewTools = {
|
||||
|
|
@ -128,7 +130,7 @@
|
|||
Vue.component('email-preview-tools', EmailPreviewTools)
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
% endif
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
## -*- coding: utf-8 -*-
|
||||
<%inherit file="/master/create.mako" />
|
||||
|
||||
<%def name="head_tags()">
|
||||
${parent.head_tags()}
|
||||
<%def name="extra_javascript()">
|
||||
${parent.extra_javascript()}
|
||||
<script type="text/javascript">
|
||||
$(function() {
|
||||
|
||||
|
|
|
|||
|
|
@ -146,8 +146,8 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="modify_this_page()">
|
||||
${parent.modify_this_page()}
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
|
||||
ThisPage.data = function() { return {
|
||||
|
|
|
|||
|
|
@ -258,7 +258,20 @@
|
|||
% endfor
|
||||
% endif
|
||||
|
||||
## ##############################
|
||||
## whole page
|
||||
## ##############################
|
||||
|
||||
${self.body()}
|
||||
|
||||
<div id="whole-page-app">
|
||||
<whole-page></whole-page>
|
||||
</div>
|
||||
|
||||
${self.render_whole_page_template()}
|
||||
${self.make_whole_page_component()}
|
||||
${self.make_whole_page_app()}
|
||||
|
||||
</section>
|
||||
|
||||
## Footer
|
||||
|
|
@ -411,6 +424,59 @@
|
|||
|
||||
<%def name="head_tags()"></%def>
|
||||
|
||||
<%def name="render_whole_page_template()">
|
||||
<script type="text/x-template" id="whole-page-template">
|
||||
<div>
|
||||
<this-page></this-page>
|
||||
</div>
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="declare_whole_page_vars()">
|
||||
<script type="text/javascript">
|
||||
|
||||
let WholePage = {
|
||||
template: '#whole-page-template',
|
||||
methods: {}
|
||||
}
|
||||
|
||||
let WholePageData = {}
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="modify_whole_page_vars()">
|
||||
## NOTE: if you override this, must use <script> tags
|
||||
</%def>
|
||||
|
||||
<%def name="finalize_whole_page_vars()">
|
||||
## NOTE: if you override this, must use <script> tags
|
||||
</%def>
|
||||
|
||||
<%def name="make_whole_page_component()">
|
||||
${self.declare_whole_page_vars()}
|
||||
${self.modify_whole_page_vars()}
|
||||
${self.finalize_whole_page_vars()}
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
WholePage.data = function() { return WholePageData }
|
||||
|
||||
Vue.component('whole-page', WholePage)
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="make_whole_page_app()">
|
||||
<script type="text/javascript">
|
||||
|
||||
new Vue({
|
||||
el: '#whole-page-app'
|
||||
})
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
<%def name="wtfield(form, name, **kwargs)">
|
||||
<div class="field-wrapper${' error' if form[name].errors else ''}">
|
||||
<label for="${name}">${form[name].label}</label>
|
||||
|
|
|
|||
|
|
@ -67,8 +67,8 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="modify_this_page()">
|
||||
${parent.modify_this_page()}
|
||||
<%def name="modify_this_page_vars()">
|
||||
${parent.modify_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
|
||||
TailboneFormData.showingPackages = 'diffs'
|
||||
|
|
|
|||
|
|
@ -38,7 +38,6 @@ from rattail.bouncer.config import get_profile_keys
|
|||
from pyramid.response import FileResponse
|
||||
from webhelpers2.html import HTML, tags
|
||||
|
||||
from tailbone import grids
|
||||
from tailbone.views import MasterView
|
||||
|
||||
|
||||
|
|
@ -76,18 +75,17 @@ class EmailBouncesView(MasterView):
|
|||
def configure_grid(self, g):
|
||||
super(EmailBouncesView, self).configure_grid(g)
|
||||
|
||||
g.joiners['processed_by'] = lambda q: q.outerjoin(model.User)
|
||||
g.filters['config_key'].set_choices(self.handler_options)
|
||||
g.filters['config_key'].default_active = True
|
||||
g.filters['config_key'].default_verb = 'equal'
|
||||
|
||||
g.filters['config_key'].set_value_renderer(grids.filters.ChoiceValueRenderer(self.handler_options))
|
||||
g.joiners['processed_by'] = lambda q: q.outerjoin(model.User)
|
||||
g.filters['processed'].default_active = True
|
||||
g.filters['processed'].default_verb = 'is_null'
|
||||
g.filters['processed_by'] = g.make_filter('processed_by', model.User.username)
|
||||
g.sorters['processed_by'] = g.make_sorter(model.User.username)
|
||||
g.set_sort_defaults('bounced', 'desc')
|
||||
|
||||
g.set_label('config_key', "Source")
|
||||
g.set_label('bounce_recipient_address', "Bounced To")
|
||||
g.set_label('intended_recipient_address', "Intended For")
|
||||
|
||||
|
|
|
|||
|
|
@ -217,8 +217,8 @@ class PeopleView(MasterView):
|
|||
return HTML.tag('ul', c=items)
|
||||
elif self.viewing and self.request.has_perm('users.create'):
|
||||
if use_buefy:
|
||||
return HTML.tag('button', type='button', class_='button is-primary',
|
||||
id='make-user', c="Make User")
|
||||
return HTML.tag('b-button', type='is-primary', c="Make User",
|
||||
**{'@click': 'clickMakeUser()'})
|
||||
else:
|
||||
return HTML.tag('button', type='button', id='make-user', c="Make User")
|
||||
else:
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue