Fix various templates for generating reports, per Buefy
also various other tweaks which came up along the way...
This commit is contained in:
Lance Edgar
parent
cb4e9e9eda
commit
4c42ccc7d7
7 changed files with 102 additions and 26 deletions
|
|
@ -66,7 +66,6 @@
|
|||
placeholder '(please choose)';
|
||||
class string: form-control ${css_class or ''};
|
||||
:multiple str(multiple).lower();
|
||||
size size;
|
||||
style style;
|
||||
v-model vmodel;
|
||||
@input input_handler;">
|
||||
|
|
|
|||
|
|
@ -17,7 +17,8 @@
|
|||
class string: form-control ${css_class or ''};
|
||||
multiple multiple;
|
||||
size size;
|
||||
style style;">
|
||||
style style;
|
||||
attributes|field.widget.attributes|{};">
|
||||
<tal:loop tal:repeat="item values">
|
||||
<optgroup tal:condition="isinstance(item, optgroup_class)"
|
||||
tal:attributes="label item.label">
|
||||
|
|
|
|||
|
|
@ -1,11 +1,13 @@
|
|||
## -*- coding: utf-8; -*-
|
||||
<%inherit file="/page.mako" />
|
||||
<%inherit file="/form.mako" />
|
||||
|
||||
<%def name="title()">${index_title}</%def>
|
||||
|
||||
<%def name="content_title()"></%def>
|
||||
|
||||
<%def name="extra_javascript()">
|
||||
${parent.extra_javascript()}
|
||||
% if not use_buefy:
|
||||
<script type="text/javascript">
|
||||
|
||||
var report_descriptions = ${json.dumps(report_descriptions)|n};
|
||||
|
|
@ -26,16 +28,24 @@
|
|||
});
|
||||
|
||||
</script>
|
||||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="extra_styles()">
|
||||
${parent.extra_styles()}
|
||||
<style type="text/css">
|
||||
|
||||
% if use_form:
|
||||
#report-description {
|
||||
margin-top: 2em;
|
||||
margin-left: 2em;
|
||||
}
|
||||
% if use_buefy:
|
||||
#report-description {
|
||||
margin-left: 2em;
|
||||
}
|
||||
% else:
|
||||
#report-description {
|
||||
margin-top: 2em;
|
||||
margin-left: 2em;
|
||||
}
|
||||
% endif
|
||||
% else:
|
||||
.report-selection {
|
||||
margin-left: 10em;
|
||||
|
|
@ -56,8 +66,22 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="render_buefy_form()">
|
||||
<div class="form">
|
||||
<p>Please select the type of report you wish to generate.</p>
|
||||
<br />
|
||||
<div style="display: flex;">
|
||||
<tailbone-form v-on:report-change="reportChanged"></tailbone-form>
|
||||
<div id="report-description">{{ reportDescription }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
<%def name="page_content()">
|
||||
% if use_form:
|
||||
% if use_buefy:
|
||||
${parent.page_content()}
|
||||
% else:
|
||||
<div class="form-wrapper">
|
||||
<p>Please select the type of report you wish to generate.</p>
|
||||
|
||||
|
|
@ -67,6 +91,7 @@
|
|||
</div>
|
||||
|
||||
</div><!-- form-wrapper -->
|
||||
% endif
|
||||
% else:
|
||||
<div>
|
||||
<p>Please select the type of report you wish to generate.</p>
|
||||
|
|
@ -81,5 +106,24 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="finalize_this_page_vars()">
|
||||
${parent.finalize_this_page_vars()}
|
||||
<script type="text/javascript">
|
||||
|
||||
TailboneFormData.reportDescriptions = ${json.dumps(report_descriptions)|n}
|
||||
|
||||
TailboneForm.methods.reportTypeChanged = function(reportType) {
|
||||
this.$emit('report-change', this.reportDescriptions[reportType])
|
||||
}
|
||||
|
||||
ThisPageData.reportDescription = null
|
||||
|
||||
ThisPage.methods.reportChanged = function(description) {
|
||||
this.reportDescription = description
|
||||
}
|
||||
|
||||
</script>
|
||||
</%def>
|
||||
|
||||
|
||||
${parent.body()}
|
||||
|
|
|
|||
|
|
@ -11,8 +11,18 @@
|
|||
% endif
|
||||
</%def>
|
||||
|
||||
<%def name="render_buefy_form()">
|
||||
<div class="form">
|
||||
<p style="padding: 1em;">${report.__doc__}</p>
|
||||
<br />
|
||||
<tailbone-form></tailbone-form>
|
||||
</div>
|
||||
</%def>
|
||||
|
||||
<%def name="render_form()">
|
||||
% if not use_buefy:
|
||||
<p style="padding: 1em;">${report.__doc__}</p>
|
||||
% endif
|
||||
${parent.render_form()}
|
||||
</%def>
|
||||
|
||||
|
|
|
|||
|
|
@ -338,29 +338,39 @@
|
|||
</header>
|
||||
|
||||
## Page Title
|
||||
<section id="content-title" class="hero is-primary">
|
||||
<div class="container">
|
||||
% if capture(self.content_title):
|
||||
|
||||
% if capture(self.content_title):
|
||||
<section id="content-title" class="hero is-primary">
|
||||
<div class="level">
|
||||
<div class="level-left">
|
||||
<div class="level-item">
|
||||
<h1 class="title" v-html="contentTitleHTML"></h1>
|
||||
</div>
|
||||
</div>
|
||||
% if show_prev_next is not Undefined and show_prev_next:
|
||||
<div style="float: right;">
|
||||
<div class="level-right">
|
||||
% if prev_url:
|
||||
${h.link_to(u"« Older", prev_url, class_='button autodisable')}
|
||||
<div class="level-item">
|
||||
${h.link_to(u"« Older", prev_url, class_='button autodisable')}
|
||||
</div>
|
||||
% else:
|
||||
${h.link_to(u"« Older", '#', class_='button', disabled='disabled')}
|
||||
<div class="level-item">
|
||||
${h.link_to(u"« Older", '#', class_='button', disabled='disabled')}
|
||||
</div>
|
||||
% endif
|
||||
% if next_url:
|
||||
${h.link_to(u"Newer »", next_url, class_='button autodisable')}
|
||||
<div class="level-item">
|
||||
${h.link_to(u"Newer »", next_url, class_='button autodisable')}
|
||||
</div>
|
||||
% else:
|
||||
${h.link_to(u"Newer »", '#', class_='button', disabled='disabled')}
|
||||
<div class="level-item">
|
||||
${h.link_to(u"Newer »", '#', class_='button', disabled='disabled')}
|
||||
</div>
|
||||
% endif
|
||||
</div>
|
||||
% endif
|
||||
|
||||
<h1 class="title" v-html="contentTitleHTML"></h1>
|
||||
% endif
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
% endif
|
||||
|
||||
<div class="content-wrapper">
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue