Cleanup: reformatting of Vue components

Reformat Vue files with the "Vue.volar" formatter.
This commit is contained in:
Sybren A. Stüvel 2022-08-02 09:34:18 +02:00
parent 38501bac7c
commit 06d0c3133f
5 changed files with 17 additions and 27 deletions

View File

@ -3,11 +3,8 @@
<div class="btn-bar-group">
<job-actions-bar />
<div class="align-right">
<status-filter-bar
:availableStatuses="availableStatuses"
:activeStatuses="shownStatuses"
@click="toggleStatusFilter"
/>
<status-filter-bar :availableStatuses="availableStatuses" :activeStatuses="shownStatuses"
@click="toggleStatusFilter" />
</div>
</div>
<div>

View File

@ -3,11 +3,8 @@
<div class="btn-bar-group">
<task-actions-bar />
<div class="align-right">
<status-filter-bar
:availableStatuses="availableStatuses"
:activeStatuses="shownStatuses"
@click="toggleStatusFilter"
/>
<status-filter-bar :availableStatuses="availableStatuses" :activeStatuses="shownStatuses"
@click="toggleStatusFilter" />
</div>
</div>
<div>

View File

@ -36,9 +36,7 @@
<section class="sleep-schedule" :class="{'is-schedule-active': workerSleepSchedule.is_active}">
<h3 class="sub-title">
<switch-checkbox
:isChecked="workerSleepSchedule.is_active"
@switch-toggle="toggleWorkerSleepSchedule" >
<switch-checkbox :isChecked="workerSleepSchedule.is_active" @switch-toggle="toggleWorkerSleepSchedule">
</switch-checkbox>
Sleep Schedule
<div v-if="!isScheduleEditing" class="sub-title-buttons">
@ -72,7 +70,8 @@
<div class="btn-bar-group">
<div class="btn-bar">
<button v-if="isScheduleEditing" @click="cancelEditWorkerSleepSchedule" class="btn">Cancel</button>
<button v-if="isScheduleEditing" @click="saveWorkerSleepSchedule" class="btn btn-primary">Save Schedule</button>
<button v-if="isScheduleEditing" @click="saveWorkerSleepSchedule" class="btn btn-primary">Save
Schedule</button>
</div>
</div>
</div>
@ -208,7 +207,6 @@ export default {
</script>
<style scoped>
.sub-title {
position: relative;
}
@ -226,9 +224,11 @@ export default {
.sleep-schedule .btn-bar label+.btn {
margin-left: var(--spacer-sm);
}
.sleep-schedule dl {
color: var(--color-text-muted);
}
.sleep-schedule.is-schedule-active dl {
color: unset;
}

View File

@ -5,12 +5,8 @@
<worker-actions-bar />
<div class="align-right">
<status-filter-bar
:availableStatuses="availableStatuses"
:activeStatuses="shownStatuses"
classPrefix="worker-"
@click="toggleStatusFilter"
/>
<status-filter-bar :availableStatuses="availableStatuses" :activeStatuses="shownStatuses" classPrefix="worker-"
@click="toggleStatusFilter" />
</div>
</div>