diff options
Diffstat (limited to 'components/editor')
| -rw-r--r-- | components/editor/SidebarCategory.vue | 2 | ||||
| -rw-r--r-- | components/editor/SidebarQuest.vue | 2 | ||||
| -rw-r--r-- | components/editor/quest/TasksOptionsPanel.vue | 3 | ||||
| -rw-r--r-- | components/editor/quest/modal/Delete.vue | 4 | ||||
| -rw-r--r-- | components/editor/quest/modal/Duplicate.vue | 4 | ||||
| -rw-r--r-- | components/editor/quest/modal/Rename.vue | 4 | ||||
| -rw-r--r-- | components/editor/task/Configuration.vue | 6 | ||||
| -rw-r--r-- | components/editor/task/modal/Change.vue | 4 | ||||
| -rw-r--r-- | components/editor/task/modal/Create.vue | 4 |
9 files changed, 16 insertions, 17 deletions
diff --git a/components/editor/SidebarCategory.vue b/components/editor/SidebarCategory.vue index 3e0db9b..9dedf33 100644 --- a/components/editor/SidebarCategory.vue +++ b/components/editor/SidebarCategory.vue @@ -35,7 +35,7 @@ const selected = computed(() => { <div id="category-container" :class="{ selected: selected }"> <span id="category-title" @click="setSelectedCategory"> <font-awesome-icon @click.stop="expandCategory" class="category-icon" - :icon="expanded ? ['fas', 'fa-caret-down'] : ['fas', 'fa-caret-up']" /> + :icon="expanded ? ['fas', 'caret-down'] : ['fas', 'caret-up']" /> <span id="category-name"> <span id="category-display-name">{{ stripColorCodes(category.display.name) }}</span> <code id="category-display-id">{{ category.id }}</code> diff --git a/components/editor/SidebarQuest.vue b/components/editor/SidebarQuest.vue index a7b3e3f..422e8c6 100644 --- a/components/editor/SidebarQuest.vue +++ b/components/editor/SidebarQuest.vue @@ -23,7 +23,7 @@ const selected = computed(() => { <template> <div id="quest-container" @click.stop="setSelectedQuest" :class="{ selected: selected }"> <span id="quest-title"> - <font-awesome-icon class="quest-icon" :icon="['far', 'fa-compass']" /> + <font-awesome-icon class="quest-icon" :icon="['far', 'compass']" /> <span id="quest-name"> <span id="quest-display-name">{{ stripColorCodes(quest.display.name) }}</span> <code id="quest-display-id">{{ quest.id }}</code> diff --git a/components/editor/quest/TasksOptionsPanel.vue b/components/editor/quest/TasksOptionsPanel.vue index 7742408..034089d 100644 --- a/components/editor/quest/TasksOptionsPanel.vue +++ b/components/editor/quest/TasksOptionsPanel.vue @@ -36,8 +36,7 @@ const addTask = (newId: string, newType: string) => { :quest="quest" /> <div id="controls"> - <Button id="add-task" :icon="['fas', 'fa-plus']" type="solid" label="Add task" - @click="showAddTaskModal = true" /> + <Button id="add-task" :icon="['fas', 'plus']" type="solid" label="Add task" @click="showAddTaskModal = true" /> </div> </div> </EditorOptionsPanel> diff --git a/components/editor/quest/modal/Delete.vue b/components/editor/quest/modal/Delete.vue index 47c6388..e81bcc7 100644 --- a/components/editor/quest/modal/Delete.vue +++ b/components/editor/quest/modal/Delete.vue @@ -15,8 +15,8 @@ defineProps({ </template> <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', 'fa-times']" :label="'Cancel'" @click="model = false"></Button> - <Button type="solid" :icon="['fas', 'fa-trash']" :label="'Delete'" @click="emit('delete')"></Button> + <Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button> + <Button type="solid" :icon="['fas', 'trash']" :label="'Delete'" @click="emit('delete')"></Button> </div> </Modal> </template> diff --git a/components/editor/quest/modal/Duplicate.vue b/components/editor/quest/modal/Duplicate.vue index e089222..73a2fd0 100644 --- a/components/editor/quest/modal/Duplicate.vue +++ b/components/editor/quest/modal/Duplicate.vue @@ -35,8 +35,8 @@ const isDuplicate = computed(() => { <p v-if="isDuplicate" class="error-text">Name is not unique.</p> <p>A Quest ID must be unique, alphanumeric, and not contain any spaces.</p> <div id="confirm" class="control-group"> - <Button :icon="['fas', 'fa-times']" :label="'Cancel'" @click="model = false"></Button> - <Button type="solid" :icon="['fas', 'fa-check']" :label="'Duplicate'" :disabled="isDuplicate" + <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> </div> </div> diff --git a/components/editor/quest/modal/Rename.vue b/components/editor/quest/modal/Rename.vue index 7339219..3d846aa 100644 --- a/components/editor/quest/modal/Rename.vue +++ b/components/editor/quest/modal/Rename.vue @@ -35,8 +35,8 @@ const isDuplicate = computed(() => { <p v-if="isDuplicate" class="error-text">Name is not unique.</p> <p>A Quest ID must be unique, alphanumeric, and not contain any spaces.</p> <div id="confirm" class="control-group"> - <Button :icon="['fas', 'fa-times']" :label="'Cancel'" @click="model = false"></Button> - <Button type="solid" :icon="['fas', 'fa-check']" :label="'Rename'" :disabled="isDuplicate" + <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> </div> </div> diff --git a/components/editor/task/Configuration.vue b/components/editor/task/Configuration.vue index 9cb55d1..0355383 100644 --- a/components/editor/task/Configuration.vue +++ b/components/editor/task/Configuration.vue @@ -86,13 +86,13 @@ const deleteTaskType = (taskId: string) => { </code> </p> <div id="task-controls" class="control-group"> - <Button :icon="['fas', 'fa-pen']" :label="'Change'" @click="showChangeModal = true"></Button> - <Button :icon="['fas', 'fa-trash']" :label="'Delete'" @click="deleteTaskType(props.taskId)"></Button> + <Button :icon="['fas', 'pen']" :label="'Change'" @click="showChangeModal = true"></Button> + <Button :icon="['fas', 'trash']" :label="'Delete'" @click="deleteTaskType(props.taskId)"></Button> </div> </div> <div id="task-configuration"> <div v-if="!taskDefintion" class="error"> - <font-awesome-icon id="error-icon" :icon="['fas', 'fa-triangle-exclamation']" /> + <font-awesome-icon id="error-icon" :icon="['fas', 'triangle-exclamation']" /> <p id="error-message"> Unable to edit task <code>{{ props.taskId }}</code>. </p> diff --git a/components/editor/task/modal/Change.vue b/components/editor/task/modal/Change.vue index db7d96b..8ab5dbc 100644 --- a/components/editor/task/modal/Change.vue +++ b/components/editor/task/modal/Change.vue @@ -38,8 +38,8 @@ const newTypeDescription = computed(() => session.getTaskDefinitionByTaskType(ne <p v-if="newTypeDescription">{{ newTypeDescription }}</p> <p>Any configured options for this task will be overwritten.</p> <div id="confirm" class="control-group"> - <Button :icon="['fas', 'fa-times']" :label="'Cancel'" @click="model = false"></Button> - <Button type="solid" :icon="['fas', 'fa-check']" :label="'Change'" :disabled="unknownTaskType || noChange" + <Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button> + <Button type="solid" :icon="['fas', 'check']" :label="'Change'" :disabled="unknownTaskType || noChange" @click="emit('update', newType)"></Button> </div> </div> diff --git a/components/editor/task/modal/Create.vue b/components/editor/task/modal/Create.vue index d286759..e3867b6 100644 --- a/components/editor/task/modal/Create.vue +++ b/components/editor/task/modal/Create.vue @@ -51,8 +51,8 @@ const newTypeDescription = computed(() => session.getTaskDefinitionByTaskType(ne <p v-if="newTypeDescription">{{ newTypeDescription }}</p> <p>A task ID must be unique, alphanumeric, and not contain any spaces.</p> <div id="confirm" class="control-group"> - <Button :icon="['fas', 'fa-times']" :label="'Cancel'" @click="model = false"></Button> - <Button type="solid" :icon="['fas', 'fa-check']" :label="'Confirm'" + <Button :icon="['fas', 'times']" :label="'Cancel'" @click="model = false"></Button> + <Button type="solid" :icon="['fas', 'check']" :label="'Confirm'" :disabled="unknownTaskType || invalidTaskId || duplicateTaskId" @click="emit('add', newId, newType)"></Button> </div> |