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

Added buff removers

Browse Source
This commit is contained in:
Stefan Zermatten
2022-08-17 11:38:30 +02:00
parent 766519b4a3
commit 59a488256b
16 changed files with 507 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue
View File

@@ -46,7 +46,7 @@
{{ buff.name }}
</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-list-item-action v-if="!buff.hideRemoveButton">
<v-btn
icon
@click.stop="softRemove(buff._id)"

50
app/imports/ui/properties/forms/BuffForm.vue
View File

@@ -36,22 +36,34 @@
@change="change('target', ...arguments)"
/>
</v-expand-transition>
<smart-combobox
label="Tags"
multiple
chips
deletable-chips
hint="Used to let slots find this property in a library, should otherwise be left blank"
:value="model.tags"
@change="change('tags', ...arguments)"
/>
<form-section
v-if="$slots.children"
name="Children"
standalone
>
<slot name="children" />
</form-section>
<form-sections>
<form-section
v-if="$slots.children"
name="Children"
standalone
>
<slot name="children" />
</form-section>
<form-section
name="Advanced"
>
<smart-switch
label="Hide remove button"
:value="model.hideRemoveButton"
:error-messages="errors.hideRemoveButton"
@change="change('hideRemoveButton', ...arguments)"
/>
<smart-combobox
label="Tags"
multiple
chips
deletable-chips
hint="Used to let slots find this property in a library, should otherwise be left blank"
:value="model.tags"
@change="change('tags', ...arguments)"
/>
</form-section>
</form-sections>
</div>
</template>
@@ -60,12 +72,6 @@
export default {
mixins: [propertyFormMixin],
props: {
parentTarget: {
type: String,
default: undefined,
},
},
data(){return {
targetOptions: [
{

172
app/imports/ui/properties/forms/BuffRemoverForm.vue Normal file
View File

@@ -0,0 +1,172 @@
<template lang="html">
<div class="buff-remover-form">
<text-field
ref="focusFirst"
label="Name"
:value="model.name"
:error-messages="errors.name"
@change="change('name', ...arguments)"
/>
<smart-switch
label="Remove parent buff"
:value="model.targetParentBuff"
:error-messages="errors.targetParentBuff"
@change="change('targetParentBuff', ...arguments)"
/>
<v-expand-transition>
<div v-if="!model.targetParentBuff">
<smart-switch
:label="model.removeAll ? 'Remove All. All matching buffs will be removed' : 'Remove All. Only 1 matching buff will be removed'"
:value="model.removeAll"
:error-messages="errors.removeAll"
@change="change('removeAll', ...arguments)"
/>
<smart-select
label="Target"
:items="targetOptions"
:value="model.target"
:error-messages="errors.target"
:menu-props="{auto: true, lazy: true}"
@change="change('target', ...arguments)"
/>
<v-layout
align-center
>
<v-btn
icon
style="margin-top: -30px;"
class="mr-2"
:loading="addExtraTagsLoading"
:disabled="extraTagsFull"
@click="addExtraTags"
>
<v-icon>
mdi-plus
</v-icon>
</v-btn>
<smart-combobox
label="Tags Required"
hint="The effect will apply to properties that have all the listed tags"
multiple
chips
deletable-chips
persistent-hint
:value="model.targetTags"
:error-messages="errors.targetTags"
@change="change('targetTags', ...arguments)"
/>
</v-layout>
<v-slide-x-transition
v-if="!model.targetParentBuff"
group
>
<div
v-for="(extras, i) in model.extraTags"
:key="extras._id"
class="target-tags layout align-center justify-space-between"
>
<smart-select
label="Operation"
style="width: 90px; flex-grow: 0;"
:items="['OR', 'NOT']"
:value="extras.operation"
:error-messages="errors.extraTags && errors.extraTags[i]"
@change="change(['extraTags', i, 'operation'], ...arguments)"
/>
<smart-combobox
label="Tags"
:hint="extras.operation === 'OR' ? 'The effect will also target properties that have all of these tags instead' : 'The effect will ignore properties that have any of these tags'"
class="mx-2"
multiple
chips
deletable-chips
persistent-hint
:value="extras.tags"
@change="change(['extraTags', i, 'tags'], ...arguments)"
/>
<v-btn
icon
style="margin-top: -30px;"
@click="$emit('pull', {path: ['extraTags', i]})"
>
<v-icon>mdi-delete</v-icon>
</v-btn>
</div>
</v-slide-x-transition>
</div>
</v-expand-transition>
<form-sections>
<form-section
v-if="$slots.children"
name="Children"
standalone
>
<slot name="children" />
</form-section>
<form-section
name="Advanced"
>
<smart-combobox
label="Tags"
multiple
chips
deletable-chips
hint="Used to let slots find this property in a library, should otherwise be left blank"
:value="model.tags"
@change="change('tags', ...arguments)"
/>
</form-section>
</form-sections>
</div>
</template>
<script lang="js">
import propertyFormMixin from '/imports/ui/properties/forms/shared/propertyFormMixin.js';
import {
BuffRemoverSchema
} from '/imports/api/properties/BuffRemovers.js';
export default {
mixins: [propertyFormMixin],
data(){return {
addExtraTagsLoading: false,
extraTagOperations: ['OR', 'NOT'],
targetOptions: [
{
text: 'Self',
value: 'self',
}, {
text: 'Target',
value: 'target',
},
],
}},
computed: {
extraTagsFull(){
if (!this.model.extraTags) return false;
let maxCount = BuffRemoverSchema.get('extraTags', 'maxCount');
return this.model.extraTags.length >= maxCount;
},
},
methods: {
acknowledgeAddResult(){
this.addExtraTagsLoading = false;
},
addExtraTags(){
this.addExtraTagsLoading = true;
this.$emit('push', {
path: ['extraTags'],
value: {
_id: Random.id(),
operation: 'OR',
tags: [],
},
ack: this.acknowledgeAddResult,
});
},
},
}
</script>
<style lang="css" scoped>
</style>

2
app/imports/ui/properties/forms/shared/propertyFormIndex.js
View File

@@ -2,6 +2,7 @@ const ActionForm = () => import('/imports/ui/properties/forms/ActionForm.vue');
const AdjustmentForm = () => import('/imports/ui/properties/forms/AdjustmentForm.vue');
const AttributeForm = () => import('/imports/ui/properties/forms/AttributeForm.vue');
const BuffForm = () => import('/imports/ui/properties/forms/BuffForm.vue');
const BuffRemoverForm = () => import('/imports/ui/properties/forms/BuffRemoverForm.vue');
const BranchForm = () => import('/imports/ui/properties/forms/BranchForm.vue');
const ClassForm = () => import('/imports/ui/properties/forms/ClassForm.vue');
const ClassLevelForm = () => import('/imports/ui/properties/forms/ClassLevelForm.vue');
@@ -31,6 +32,7 @@ export default {
adjustment: AdjustmentForm,
attribute: AttributeForm,
buff: BuffForm,
buffRemover: BuffRemoverForm,
branch: BranchForm,
constant: ConstantForm,
container: ContainerForm,

97
app/imports/ui/properties/viewers/BuffRemoverViewer.vue Normal file
View File

@@ -0,0 +1,97 @@
<template lang="html">
<div class="buff-remover-viewer">
<v-row dense>
<property-field
v-if="model.target === 'self'"
name="Target"
value="Self"
/>
<template v-if="!model.targetParentBuff">
<property-field
v-if="model.target === 'self'"
name="Target"
value="Self"
/>
<property-field
name="When applied"
:value="model.removeAll ? 'Remove all matching buffs' : 'Remove 1 matching buff'"
/>
<property-field
name="Targeted tags"
>
<div>
<div class="d-flex flex-wrap">
<v-chip
v-for="(tag, index) in model.targetTags"
:key="index"
class="ma-1"
>
{{ tag }}
</v-chip>
</div>
<div
v-for="ex in model.extraTags"
:key="ex._id"
>
<span class="ma-2">
{{ ex.operation }}
</span>
<div class="d-flex flex-wrap">
<v-chip
v-for="(extraTag, index) in ex.tags"
:key="index"
class="ma-1"
>
{{ extraTag }}
</v-chip>
</div>
</div>
</div>
</property-field>
</template>
</v-row>
</div>
</template>
<script lang="js">
import propertyViewerMixin from '/imports/ui/properties/viewers/shared/propertyViewerMixin.js'
import numberToSignedString from '/imports/ui/utility/numberToSignedString.js';
export default {
mixins: [propertyViewerMixin],
computed: {
reset(){
let reset = this.model.reset
if (reset === 'shortRest'){
return `Reset${
this.model.resetMultiplier && ' x' + this.model.resetMultiplier
} on a short rest`;
} else if (reset === 'longRest'){
return `Reset${
this.model.resetMultiplier && ' x' + this.model.resetMultiplier
} on a long rest`;
} else {
return undefined;
}
}
},
methods: {
numberToSignedString,
}
}
</script>
<style lang="css" scoped>
.ability-value {
font-weight: 600;
font-size: 24px !important;
color: rgba(0, 0, 0, 0.54);
}
.mod, .ability-value {
text-align: center;
width: 100%;
}
.attribute-value {
text-align: center;
}
</style>

2
app/imports/ui/properties/viewers/shared/propertyViewerIndex.js
View File

@@ -2,6 +2,7 @@ const ActionViewer = () => import ('/imports/ui/properties/viewers/ActionViewer.
const AdjustmentViewer = () => import ('/imports/ui/properties/viewers/AdjustmentViewer.vue');
const AttributeViewer = () => import ('/imports/ui/properties/viewers/AttributeViewer.vue');
const BuffViewer = () => import ('/imports/ui/properties/viewers/BuffViewer.vue');
const BuffRemoverViewer = () => import ('/imports/ui/properties/viewers/BuffRemoverViewer.vue');
const BranchViewer = () => import ('/imports/ui/properties/viewers/BranchViewer.vue');
const ContainerViewer = () => import ('/imports/ui/properties/viewers/ContainerViewer.vue');
const ClassViewer = () => import ('/imports/ui/properties/viewers/ClassViewer.vue');
@@ -31,6 +32,7 @@ export default {
adjustment: AdjustmentViewer,
attribute: AttributeViewer,
buff: BuffViewer,
buffRemover: BuffRemoverViewer,
branch: BranchViewer,
container: ContainerViewer,
class: ClassViewer,