Changed dialog stack from using element ids to data-ids to allow duplicate ids to work

app/imports/ui/components/AbilityListTile.Story.vue

@@ -4,7 +4,7 @@
 			<v-divider v-if="index !== 0"/>
 			<ability-list-tile
 				:key="ability.name"
-				:id="`${_uid}-${ability.name}`"
+				:data-id="`${_uid}-${ability.name}`"
 				v-bind="ability"
 				@click="click({ability, elementId: `${_uid}-${ability.name}`})"
 			/>

app/imports/ui/components/EffectListTile.vue

@@ -2,9 +2,9 @@
 	<v-list-tile
 		class="effect-list-tile"
 		:class="{disabled: !enabled}"
-		:id="elementId"
+		:data-id="_id"
 		v-on="$listeners.click ? { click(e){
-				$emit('click', {$props, elementId})
+				$emit('click', $props)
 			} } : {}"
 	>
 		<v-layout row align-center class="net-effect">
@@ -46,11 +46,6 @@
 			stat: String,
 			statName: String,
 		},
-		computed: {
-			elementId(){
-				return `${this._uid}-${this._id}`
-			},
-		},
 		methods: {
 			getEffectIcon,
 			getOperation(op, value){

app/imports/ui/components/HealthBar.vue

@@ -7,13 +7,13 @@
 		style="min-height: 48px;"
 		:class="{ hover }"
 		class="my-3 health-bar"
-		:id="`${_uid}-${_id}`"
+		:data-id="_id"
 	>
 		<div
 			class="subheading text-truncate pa-2 name"
 			@mouseover="hover = true"
 			@mouseleave="hover = false"
-			@click="$emit('click', { elementId: `${_uid}-${_id}` })"
+			@click="$emit('click')"
 		>
 			{{ name }}
 		</div>

app/imports/ui/components/HealthBarCard.vue

@@ -6,8 +6,9 @@
 			:value="attribute.value + (attribute.adjustment || 0)"
 			:maxValue="attribute.value"
 			:name="attribute.name"
+			:_id="attribute._id"
 			@change="e => $emit('change', {_id: attribute._id, change: e})"
-			@click="e => $emit('click', {_id: attribute._id, elementId: e.elementId})"
+			@click="e => $emit('click', {_id: attribute._id})"
 		/>
 	</v-card>
 </template>

app/imports/ui/components/HealthBarCardContainer.vue

@@ -30,10 +30,10 @@
 			},
 		},
 		methods: {
-			healthBarClicked({_id, elementId}){
+			healthBarClicked({_id}){
 				this.$store.commit("pushDialogStack", {
 					component: "attribute-dialog-container",
-					elementId,
+					elementId: _id,
 					data: {_id},
 				});
 			},