rattail/tailbone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix panel header icon behavior for new custorder

Browse source 
had to work around a buefy bug..?
This commit is contained in:
Lance Edgar 2023-01-11 16:02:35 -06:00
parent b8389c72bb
commit 2c7f2c0fcd
1 changed files with 48 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

78
tailbone/templates/custorders/create.mako
View file

@ -65,21 +65,30 @@
<b-collapse class="panel" :class="customerPanelType" <b-collapse class="panel" :class="customerPanelType"
:open.sync="customerPanelOpen"> :open.sync="customerPanelOpen">
<div slot="trigger" <template #trigger="props">
slot-scope="props" <div class="panel-heading"
class="panel-heading" role="button">
role="button">
<b-icon pack="fas" ## TODO: for some reason buefy will "reuse" the icon
## TODO: this icon toggling should work, according to ## element in such a way that its display does not
## Buefy docs, but i could not ever get it to work. ## refresh. so to work around that, we use different
## what am i missing? ## structure for the two icons, so buefy is forced to
## https://buefy.org/documentation/collapse/ ## re-draw
## :icon="props.open ? 'caret-down' : 'caret-right'">
## (for now we just always show caret-right instead) <b-icon v-if="props.open"
icon="caret-right"> pack="fas"
</b-icon> icon="angle-down">
<strong v-html="customerPanelHeader"></strong> </b-icon>
</div>
<span v-if="!props.open">
<b-icon pack="fas"
icon="angle-right">
</b-icon>
</span>
<strong v-html="customerPanelHeader"></strong>
</div>
</template>
<div class="panel-block"> <div class="panel-block">
<div style="width: 100%;"> <div style="width: 100%;">
@ -460,21 +469,30 @@
<b-collapse class="panel" <b-collapse class="panel"
open> open>
<div slot="trigger" <template #trigger="props">
slot-scope="props" <div class="panel-heading"
class="panel-heading" role="button">
role="button">
<b-icon pack="fas" ## TODO: for some reason buefy will "reuse" the icon
## TODO: this icon toggling should work, according to ## element in such a way that its display does not
## Buefy docs, but i could not ever get it to work. ## refresh. so to work around that, we use different
## what am i missing? ## structure for the two icons, so buefy is forced to
## https://buefy.org/documentation/collapse/ ## re-draw
## :icon="props.open ? 'caret-down' : 'caret-right'">
## (for now we just always show caret-right instead) <b-icon v-if="props.open"
icon="caret-right"> pack="fas"
</b-icon> icon="angle-down">
<strong v-html="itemsPanelHeader"></strong> </b-icon>
</div>
<span v-if="!props.open">
<b-icon pack="fas"
icon="angle-right">
</b-icon>
</span>
<strong v-html="itemsPanelHeader"></strong>
</div>
</template>
<div class="panel-block"> <div class="panel-block">
<div> <div>