aboutsummaryrefslogtreecommitdiffstats
path: root/components/editor/quest/modal
diff options
context:
space:
mode:
authorLeonardo Bishop <me@leonardobishop.com>2024-03-15 00:13:40 +0000
committerLeonardo Bishop <me@leonardobishop.com>2024-03-15 00:13:40 +0000
commitc9aefa81ca1950121d2357fc66afe15eb400f537 (patch)
treefd6196b55626cea8101cd5a4a00cb2a00d8a495b /components/editor/quest/modal
parent1dd5d0fa8bb2ae794b263d1629a662166a9b9d08 (diff)
Fix eslint errors
Diffstat (limited to 'components/editor/quest/modal')
-rw-r--r--components/editor/quest/modal/EditorQuestModalDelete.vue14
-rw-r--r--components/editor/quest/modal/EditorQuestModalDuplicate.vue12
-rw-r--r--components/editor/quest/modal/EditorQuestModalRename.vue12
-rw-r--r--components/editor/quest/modal/EditorQuestModalYaml.vue23
4 files changed, 42 insertions, 19 deletions
diff --git a/components/editor/quest/modal/EditorQuestModalDelete.vue b/components/editor/quest/modal/EditorQuestModalDelete.vue
index e81bcc7..c4e1682 100644
--- a/components/editor/quest/modal/EditorQuestModalDelete.vue
+++ b/components/editor/quest/modal/EditorQuestModalDelete.vue
@@ -13,10 +13,18 @@ defineProps({
<template v-slot:header>
<h2>Really delete quest '{{ questId }}'?</h2>
</template>
- <p>Are you sure you want to delete this quest? The quests editor does not have undo functionality (yet)! </p>
+ <p>
+ Are you sure you want to delete this quest? The quests editor does not have undo functionality
+ (yet)!
+ </p>
<div id="confirm" class="control-group">
<Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button>
- <Button type="solid" :icon="['fas', 'trash']" :label="'Delete'" @click="emit('delete')"></Button>
+ <Button
+ type="solid"
+ :icon="['fas', 'trash']"
+ :label="'Delete'"
+ @click="emit('delete')"
+ ></Button>
</div>
</Modal>
</template>
@@ -27,4 +35,4 @@ defineProps({
justify-content: flex-end;
margin-top: 1rem;
}
-</style> \ No newline at end of file
+</style>
diff --git a/components/editor/quest/modal/EditorQuestModalDuplicate.vue b/components/editor/quest/modal/EditorQuestModalDuplicate.vue
index 73a2fd0..6c333fb 100644
--- a/components/editor/quest/modal/EditorQuestModalDuplicate.vue
+++ b/components/editor/quest/modal/EditorQuestModalDuplicate.vue
@@ -17,7 +17,6 @@ const newQuestId = ref(props.questId);
const isDuplicate = computed(() => {
return session.getQuestById(newQuestId.value!) !== undefined;
});
-
</script>
<template>
@@ -36,8 +35,13 @@ const isDuplicate = computed(() => {
<p>A Quest ID must be unique, alphanumeric, and not contain any spaces.</p>
<div id="confirm" class="control-group">
<Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button>
- <Button type="solid" :icon="['fas', 'check']" :label="'Duplicate'" :disabled="isDuplicate"
- @click="emit('duplicate', newQuestId)"></Button>
+ <Button
+ type="solid"
+ :icon="['fas', 'check']"
+ :label="'Duplicate'"
+ :disabled="isDuplicate"
+ @click="emit('duplicate', newQuestId)"
+ ></Button>
</div>
</div>
</template>
@@ -55,4 +59,4 @@ const isDuplicate = computed(() => {
flex-direction: column;
gap: 0.5rem;
}
-</style> \ No newline at end of file
+</style>
diff --git a/components/editor/quest/modal/EditorQuestModalRename.vue b/components/editor/quest/modal/EditorQuestModalRename.vue
index 3d846aa..13c4810 100644
--- a/components/editor/quest/modal/EditorQuestModalRename.vue
+++ b/components/editor/quest/modal/EditorQuestModalRename.vue
@@ -17,7 +17,6 @@ const newQuestId = ref(props.questId);
const isDuplicate = computed(() => {
return session.getQuestById(newQuestId.value!) !== undefined;
});
-
</script>
<template>
@@ -36,8 +35,13 @@ const isDuplicate = computed(() => {
<p>A Quest ID must be unique, alphanumeric, and not contain any spaces.</p>
<div id="confirm" class="control-group">
<Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button>
- <Button type="solid" :icon="['fas', 'check']" :label="'Rename'" :disabled="isDuplicate"
- @click="emit('update', newQuestId)"></Button>
+ <Button
+ type="solid"
+ :icon="['fas', 'check']"
+ :label="'Rename'"
+ :disabled="isDuplicate"
+ @click="emit('update', newQuestId)"
+ ></Button>
</div>
</div>
</template>
@@ -55,4 +59,4 @@ const isDuplicate = computed(() => {
flex-direction: column;
gap: 0.5rem;
}
-</style> \ No newline at end of file
+</style>
diff --git a/components/editor/quest/modal/EditorQuestModalYaml.vue b/components/editor/quest/modal/EditorQuestModalYaml.vue
index 365055c..c7c4936 100644
--- a/components/editor/quest/modal/EditorQuestModalYaml.vue
+++ b/components/editor/quest/modal/EditorQuestModalYaml.vue
@@ -6,7 +6,7 @@ const emit = defineEmits(['delete']);
const props = defineProps({
questId: {
required: true,
- type: String
+ type: String,
},
});
@@ -18,16 +18,16 @@ const yamlString = ref('');
const open = () => {
const quest = session.getQuestById(props.questId);
if (!quest) {
- return
+ return;
}
const mappedObject = mapJsonQuestToYamlObject(quest);
yamlString.value = stringify(mappedObject);
showModal.value = true;
-}
+};
defineExpose({
- open
-})
+ open,
+});
</script>
<template>
@@ -36,12 +36,19 @@ defineExpose({
<h2>YAML</h2>
</template>
- <p>YAML file for <code>{{ props.questId }}</code></p>
+ <p>
+ YAML file for <code>{{ props.questId }}</code>
+ </p>
<textarea rows="20" :value="yamlString" readonly />
<div id="confirm" class="control-group">
- <Button type="solid" :icon="['fas', 'check']" :label="'Close'" @click="showModal = false"></Button>
+ <Button
+ type="solid"
+ :icon="['fas', 'check']"
+ :label="'Close'"
+ @click="showModal = false"
+ ></Button>
</div>
</Modal>
</template>
@@ -56,4 +63,4 @@ defineExpose({
textarea {
width: 100%;
}
-</style> \ No newline at end of file
+</style>