dexorder/web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

one-time hints; builder touchups

Browse Source
This commit is contained in:
tim
2025-04-11 21:31:04 -04:00
parent 7973a1e8b7
commit 22f2e648a2
8 changed files with 84 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/chart/RungBuilder.vue
View File

@@ -17,15 +17,27 @@
min="1" :max="MAX_RUNGS"
:disabled="rungsDisabled"
style="width: 6.6em; max-height: 2.5em; height: 2.5em"
id="rungs"
/>
<v-switch v-model="breakout" :label="order.buy?'Breakout':'Breakdown'"
persistent-hint :color="switchColor" :base-color="switchColor" hide-details direction="vertical"
density="compact"
/>
<div class="mx-auto"><span style="font-size: .7em; vertical-align: top"
:style="builder.breakout?{color:new Color(color).lighten(0.5).string()}:null">
{{description}}
</span></div>
<one-time-hint name="rungs" activator="#rungs" after="choose-builder"
text="↓ Try increasing rungs!" location="top"
:when="rungs===1&&endpoints[0]!==null"/>
<v-tooltip v-if="builder.breakout!==undefined"
:text="order.buy?'Breakout orders buy above the breakout line':'Breakdown orders sell below the breakdown line'">
<template #activator="{ props }">
<div v-bind="props">
<v-switch v-model="breakout" :label="order.buy?'Breakout':'Breakdown'"
persistent-hint :color="switchColor" :base-color="switchColor" hide-details direction="vertical"
density="compact"/>
<div class="mx-auto">
<span style="font-size: .7em; vertical-align: top"
:style="builder.breakout?{color:new Color(color).lighten(0.5).string()}:null">
{{ description }}
</span>
</div>
</div>
</template>
</v-tooltip>
</div>
<slot/>
@@ -36,8 +48,13 @@
</div>
<div v-if="rungs>1" class="mx-2 d-flex justify-start">
<div class="d-flex align-center mt-2">
<v-slider v-if="rungs>1" :direction="orientation?'vertical':'horizontal'" min="-100" max="100" v-model="balance100"
class="no-slider-bg ml-2 mr-4" hide-details/>
<div id="balance-slider">
<v-slider v-if="rungs>1" :direction="orientation?'vertical':'horizontal'" min="-100" max="100" v-model="balance100"
class="no-slider-bg ml-2 mr-4" hide-details/>
</div>
<one-time-hint name="balance-slider" activator="#balance-slider" after="rungs"
text="↓ Slide the amount balance ↓" location="top"
:when="balance100===0"/>
<v-text-field type="number" v-model="balance100" min="-100" max="100"
density="compact" hide-details variant="outlined" label="Balance" step="5"
class="balance">
@@ -70,6 +87,7 @@ import {
vectorSub
} from "@/vector.js";
import {logicalXOR} from "@/common.js";
import OneTimeHint from "@/components/OneTimeHint.vue";
const co = useChartOrderStore()
const endpoints = defineModel('modelValue') // 2-item list of points/values