blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup: reformatting of Vue components

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/src/components/jobs/JobDetails.vue
View File

@ -225,7 +225,7 @@ export default {
<style scoped>
/* Prevent fields with long IDs from overflowing. */
.field-id + dd {
.field-id+dd {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

9
web/app/src/components/jobs/JobsTable.vue
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>
@ -91,7 +88,7 @@ export default {
this.tabulator.on("rowClick", this.onRowClick);
this.tabulator.on("tableBuilt", this._onTableBuilt);
window.addEventListener('resize', this.recalcTableHeight);
window.addEventListener('resize', this.recalcTableHeight);
},
unmounted() {
window.removeEventListener('resize', this.recalcTableHeight);

7
web/app/src/components/jobs/TasksTable.vue
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>

16
web/app/src/components/workers/WorkerDetails.vue
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;
}
@ -239,8 +239,8 @@ export default {
flex-direction: column;
}
.sleep-schedule-edit > div {
margin: var(--spacer-sm) 0 ;
.sleep-schedule-edit>div {
margin: var(--spacer-sm) 0;
}
.sleep-schedule-edit label {
@ -250,7 +250,7 @@ export default {
color: var(--color-text-muted);
}
.sleep-schedule-edit > .sleep-schedule-edit-time {
.sleep-schedule-edit>.sleep-schedule-edit-time {
display: flex;
margin-bottom: 0;
}

10
web/app/src/components/workers/WorkersTable.vue
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>
@ -84,7 +80,7 @@ export default {
this.tabulator.on("rowClick", this.onRowClick);
this.tabulator.on("tableBuilt", this._onTableBuilt);
window.addEventListener('resize', this.recalcTableHeight);
window.addEventListener('resize', this.recalcTableHeight);
},
unmounted() {
window.removeEventListener('resize', this.recalcTableHeight);