From 06d0c3133f42c545d8acdd51b32325ce086e2cd8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Tue, 2 Aug 2022 09:34:18 +0200
Subject: [PATCH] Cleanup: reformatting of Vue components

Reformat Vue files with the "Vue.volar" formatter.
---
 web/app/src/components/jobs/JobDetails.vue       |  2 +-
 web/app/src/components/jobs/JobsTable.vue        |  9 +++------
 web/app/src/components/jobs/TasksTable.vue       |  7 ++-----
 web/app/src/components/workers/WorkerDetails.vue | 16 ++++++++--------
 web/app/src/components/workers/WorkersTable.vue  | 10 +++-------
 5 files changed, 17 insertions(+), 27 deletions(-)

diff --git a/web/app/src/components/jobs/JobDetails.vue b/web/app/src/components/jobs/JobDetails.vue
index 6f88d1b8..b2fc8aa0 100644
--- a/web/app/src/components/jobs/JobDetails.vue
+++ b/web/app/src/components/jobs/JobDetails.vue
@@ -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;
diff --git a/web/app/src/components/jobs/JobsTable.vue b/web/app/src/components/jobs/JobsTable.vue
index 57ee4476..e9b1713f 100644
--- a/web/app/src/components/jobs/JobsTable.vue
+++ b/web/app/src/components/jobs/JobsTable.vue
@@ -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);
diff --git a/web/app/src/components/jobs/TasksTable.vue b/web/app/src/components/jobs/TasksTable.vue
index a0b723fe..3f6fa29d 100644
--- a/web/app/src/components/jobs/TasksTable.vue
+++ b/web/app/src/components/jobs/TasksTable.vue
@@ -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>
diff --git a/web/app/src/components/workers/WorkerDetails.vue b/web/app/src/components/workers/WorkerDetails.vue
index 9249a581..39522919 100644
--- a/web/app/src/components/workers/WorkerDetails.vue
+++ b/web/app/src/components/workers/WorkerDetails.vue
@@ -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;
 }
diff --git a/web/app/src/components/workers/WorkersTable.vue b/web/app/src/components/workers/WorkersTable.vue
index 888faf09..a69876f9 100644
--- a/web/app/src/components/workers/WorkersTable.vue
+++ b/web/app/src/components/workers/WorkersTable.vue
@@ -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);