jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Progress on tabletop UI design

Browse Source
This commit is contained in:
Stefan Zermatten
2023-01-15 01:17:00 +02:00
parent cd45008f38
commit 25e6b19b49
20 changed files with 700 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/imports/client/ui/properties/components/actions/AttributeConsumedView.vue
View File

@@ -4,16 +4,23 @@
:class="insufficient && 'error--text'"
>
<div
v-if="model.quantity && model.quantity.value !== 1"
class="mr-2"
style="width: 24px; text-align: center;"
>
{{ model.quantity && model.quantity.value }}
{{ model.quantity.value }}
</div>
<div
class="text-no-wrap text-truncate"
>
{{ model.statName || model.variableName }}
</div>
<div
v-if="(typeof model.available) == 'number'"
class="text--disabled text-no-wrap text-truncate ml-1 flex-shrink-0"
>
({{ model.available }})
</div>
</div>
</template>

36
app/imports/client/ui/properties/components/actions/ItemConsumedView.vue
View File

@@ -27,28 +27,30 @@
:color="model.itemColor"
/>
<div
v-if="quantity !== 1"
class="mr-2 text-no-wrap"
style="min-width: 24px; text-align: center;"
>
<template v-if="quantity !== 1">
{{ model.available }} / {{ quantity }}
</template>
<template v-else>
{{ model.available }}
</template>
{{ quantity }}
</div>
<div
class="text-no-wrap text-truncate flex"
>
<template v-if="model.itemId">
{{ model.itemName }}
</template>
<span
v-else
class="error--text"
<template v-if="model.itemId">
<div
class="text-no-wrap text-truncate"
>
Select item
</span>
{{ model.itemName }}
</div>
<div
v-if="(typeof model.available) == 'number'"
class="text--disabled text-no-wrap text-truncate ml-1 flex-shrink-0"
>
({{ model.available }})
</div>
</template>
<div
v-else
class="error--text text-no-wrap text-truncate flex"
>
Select item
</div>
<v-icon
v-if="context.editPermission"