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

7
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>

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>

10
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;
} }

8
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>