Refactored ability dialogs as generalised attribute dialogs
This commit is contained in:
@@ -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},
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -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,
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -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">
|
||||||
@@ -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);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -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,
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user