tailbone/tailbone/templates/deform/date_jquery.pt
Lance Edgar 3c8d16a368 Add custom tailbone-datepicker component for Buefy
for easier reuse, outside of main CRUD forms
2019-05-20 19:59:21 -05:00

48 lines
1.4 KiB
XML

<!-- -*- mode: html; -*- -->
<div tal:define="css_class css_class|field.widget.css_class;
oid oid|field.oid;
field_name field_name|field.name;
style style|field.widget.style;
type_name type_name|field.widget.type_name;
use_buefy use_buefy|0;"
tal:omit-tag="">
<div tal:condition="not use_buefy" tal:omit-tag="">
${field.start_mapping()}
<input type="${type_name}"
name="date"
value="${cstruct}"
tal:attributes="class string: ${css_class or ''} form-control;
style style"
id="${oid}"/>
${field.end_mapping()}
<script type="text/javascript">
deform.addCallback(
'${oid}',
function deform_cb(oid) {
$('#' + oid).datepicker(${options_json});
}
);
</script>
<script tal:condition="selected_callback" type="text/javascript">
deform.addCallback(
'${oid}',
function (oid) {
$('#' + oid).datepicker('option', 'onSelect', ${selected_callback});
}
);
</script>
</div>
<div tal:condition="use_buefy">
${field.start_mapping()}
<tailbone-datepicker name="date"
id="${oid}"
raw-value="${cstruct}">
</tailbone-datepicker>
${field.end_mapping()}
</div>
</div>