wutta/wuttaweb
3
0
Fork 0
Code Issues Activity

fix: add butterfly wrapper for b-timepicker component

Browse source
This commit is contained in:
Lance Edgar 2025-08-02 20:31:00 -05:00
parent 4a5f62620b
commit ad56397350
1 changed files with 40 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/wuttaweb/templates/themes/butterfly/buefy-components.mako
View file

@ -5,6 +5,7 @@
${self.make_b_checkbox_component()}
${self.make_b_collapse_component()}
${self.make_b_datepicker_component()}
${self.make_b_timepicker_component()}
${self.make_b_dropdown_component()}
${self.make_b_dropdown_item_component()}
${self.make_b_field_component()}
@ -237,6 +238,45 @@
<% request.register_component('b-datepicker', 'BDatepicker') %>
</%def>
<%def name="make_b_timepicker_component()">
<script type="text/x-template" id="b-timepicker-template">
<o-timepicker v-model="orugaValue"
@update:model-value="orugaValueUpdated"
:formatter="timeFormatter"
:parser="timeParser" />
</script>
<script>
const BTimepicker = {
template: '#b-timepicker-template',
props: {
modelValue: null,
timeFormatter: null,
timeParser: null,
},
data() {
return {
orugaValue: this.modelValue,
}
},
watch: {
modelValue(to, from) {
if (this.orugaValue != to) {
this.orugaValue = to
}
},
},
methods: {
orugaValueUpdate(value) {
if (this.modelValue != value) {
this.$emit('update:modelValue', value)
}
},
},
}
</script>
<% request.register_component('b-timepicker', 'BTimepicker') %>
</%def>
<%def name="make_b_dropdown_component()">
<script type="text/x-template" id="b-dropdown-template">
<o-dropdown :position="buefyPosition"