Refactored ability dialogs as generalised attribute dialogs

This commit is contained in:
Stefan Zermatten
2019-01-30 14:10:46 +02:00
parent 80d369f0d4
commit a80d070533
5 changed files with 12 additions and 12 deletions

View File

@@ -162,7 +162,7 @@
methods: {
clickAbility({elementId, abilityId}){
this.$store.commit("pushDialogStack", {
component: "ability-dialog-container",
component: "attribute-dialog-container",
elementId,
data: {_id: abilityId},
});

View File

@@ -103,7 +103,7 @@
methods: {
click({ability, elementId}){
store.commit("pushDialogStack", {
component: "ability-dialog",
component: "attribute-dialog",
elementId,
data: ability,
});

View File

@@ -4,7 +4,7 @@
{{name}}
</div>
<v-layout align-center column>
<div class="display-3 mod">
<div class="display-3 mod" v-if="typeof mod === 'number'">
{{numberToSignedString(mod)}}
</div>
<div class="display-1 value">

View File

@@ -1,22 +1,22 @@
<template lang="html">
<ability-dialog
v-bind="ability"
<attribute-dialog
v-bind="attribute"
v-on="{clickedEffect}"
/>
</template>
<script>
import AbilityDialog from '/imports/ui/components/AbilityDialog.vue';
import AttributeDialog from '/imports/ui/components/AttributeDialog.vue';
import Attributes from '/imports/api/creature/properties/Attributes.js';
export default {
components: {
AbilityDialog,
AttributeDialog,
},
props: {
_id: String,
},
meteor: {
ability(){
attribute(){
return Attributes.findOne(this._id);
},
},

View File

@@ -1,7 +1,7 @@
import AbilityDialog from '/imports/ui/components/AbilityDialog.vue';
import AbilityDialogContainer from '/imports/ui/components/AbilityDialogContainer.vue';
import AttributeDialog from '/imports/ui/components/AttributeDialog.vue';
import AttributeDialogContainer from '/imports/ui/components/AttributeDialogContainer.vue';
export default {
AbilityDialog,
AbilityDialogContainer,
AttributeDialog,
AttributeDialogContainer,
};