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> <style scoped>
/* Prevent fields with long IDs from overflowing. */ /* Prevent fields with long IDs from overflowing. */
.field-id + dd { .field-id+dd {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;

9
web/app/src/components/jobs/JobsTable.vue
View File

@ -3,11 +3,8 @@
<div class="btn-bar-group"> <div class="btn-bar-group">
<job-actions-bar /> <job-actions-bar />
<div class="align-right"> <div class="align-right">
<status-filter-bar <status-filter-bar :availableStatuses="availableStatuses" :activeStatuses="shownStatuses"
:availableStatuses="availableStatuses" @click="toggleStatusFilter" />
:activeStatuses="shownStatuses"
@click="toggleStatusFilter"
/>
</div> </div>
</div> </div>
<div> <div>
@ -91,7 +88,7 @@ export default {
this.tabulator.on("rowClick", this.onRowClick); this.tabulator.on("rowClick", this.onRowClick);
this.tabulator.on("tableBuilt", this._onTableBuilt); this.tabulator.on("tableBuilt", this._onTableBuilt);
window.addEventListener('resize', this.recalcTableHeight); window.addEventListener('resize', this.recalcTableHeight);
}, },
unmounted() { unmounted() {
window.removeEventListener('resize', this.recalcTableHeight); window.removeEventListener('resize', this.recalcTableHeight);

7
web/app/src/components/jobs/TasksTable.vue
View File

@ -3,11 +3,8 @@
<div class="btn-bar-group"> <div class="btn-bar-group">
<task-actions-bar /> <task-actions-bar />
<div class="align-right"> <div class="align-right">
<status-filter-bar <status-filter-bar :availableStatuses="availableStatuses" :activeStatuses="shownStatuses"
:availableStatuses="availableStatuses" @click="toggleStatusFilter" />
:activeStatuses="shownStatuses"
@click="toggleStatusFilter"
/>
</div> </div>
</div> </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}"> <section class="sleep-schedule" :class="{'is-schedule-active': workerSleepSchedule.is_active}">
<h3 class="sub-title"> <h3 class="sub-title">
<switch-checkbox <switch-checkbox :isChecked="workerSleepSchedule.is_active" @switch-toggle="toggleWorkerSleepSchedule">
:isChecked="workerSleepSchedule.is_active"
@switch-toggle="toggleWorkerSleepSchedule" >
</switch-checkbox> </switch-checkbox>
Sleep Schedule Sleep Schedule
<div v-if="!isScheduleEditing" class="sub-title-buttons"> <div v-if="!isScheduleEditing" class="sub-title-buttons">
@ -72,7 +70,8 @@
<div class="btn-bar-group"> <div class="btn-bar-group">
<div class="btn-bar"> <div class="btn-bar">
<button v-if="isScheduleEditing" @click="cancelEditWorkerSleepSchedule" class="btn">Cancel</button> <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> </div>
</div> </div>
@ -208,7 +207,6 @@ export default {
</script> </script>
<style scoped> <style scoped>
.sub-title { .sub-title {
position: relative; position: relative;
} }
@ -226,9 +224,11 @@ export default {
.sleep-schedule .btn-bar label+.btn { .sleep-schedule .btn-bar label+.btn {
margin-left: var(--spacer-sm); margin-left: var(--spacer-sm);
} }
.sleep-schedule dl { .sleep-schedule dl {
color: var(--color-text-muted); color: var(--color-text-muted);
} }
.sleep-schedule.is-schedule-active dl { .sleep-schedule.is-schedule-active dl {
color: unset; color: unset;
} }
@ -239,8 +239,8 @@ export default {
flex-direction: column; flex-direction: column;
} }
.sleep-schedule-edit > div { .sleep-schedule-edit>div {
margin: var(--spacer-sm) 0 ; margin: var(--spacer-sm) 0;
} }
.sleep-schedule-edit label { .sleep-schedule-edit label {
@ -250,7 +250,7 @@ export default {
color: var(--color-text-muted); color: var(--color-text-muted);
} }
.sleep-schedule-edit > .sleep-schedule-edit-time { .sleep-schedule-edit>.sleep-schedule-edit-time {
display: flex; display: flex;
margin-bottom: 0; margin-bottom: 0;
} }

10
web/app/src/components/workers/WorkersTable.vue
View File

@ -5,12 +5,8 @@
<worker-actions-bar /> <worker-actions-bar />
<div class="align-right"> <div class="align-right">
<status-filter-bar <status-filter-bar :availableStatuses="availableStatuses" :activeStatuses="shownStatuses" classPrefix="worker-"
:availableStatuses="availableStatuses" @click="toggleStatusFilter" />
:activeStatuses="shownStatuses"
classPrefix="worker-"
@click="toggleStatusFilter"
/>
</div> </div>
</div> </div>
@ -84,7 +80,7 @@ export default {
this.tabulator.on("rowClick", this.onRowClick); this.tabulator.on("rowClick", this.onRowClick);
this.tabulator.on("tableBuilt", this._onTableBuilt); this.tabulator.on("tableBuilt", this._onTableBuilt);
window.addEventListener('resize', this.recalcTableHeight); window.addEventListener('resize', this.recalcTableHeight);
}, },
unmounted() { unmounted() {
window.removeEventListener('resize', this.recalcTableHeight); window.removeEventListener('resize', this.recalcTableHeight);