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: { methods: {
clickAbility({elementId, abilityId}){ clickAbility({elementId, abilityId}){
this.$store.commit("pushDialogStack", { this.$store.commit("pushDialogStack", {
component: "ability-dialog-container", component: "attribute-dialog-container",
elementId, elementId,
data: {_id: abilityId}, data: {_id: abilityId},
}); });

View File

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

View File

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

View File

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

View File

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