Various fixes

.git-blame-ignore-revs

@@ -0,0 +1,5 @@
+# https://git-scm.com/docs/git-blame#Documentation/git-blame.txt---ignore-revs-fileltfilegt
+# https://docs.github.com/en/repositories/working-with-files/using-files/viewing-a-file#ignore-commits-in-the-blame-view
+
+# nicopennec: format with eslint & prettier
+52b161016c4d97f08cd50b01bfc61ac98f62ef92

.github/workflows/ci.yml

@@ -15,7 +15,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: [18, 20, current]
+        node: [18, 20, 22, current]
     steps:
       - uses: actions/checkout@v4
       - name: Setup node

src/components/pages/Edits.vue

@@ -988,7 +988,7 @@ export default {
 
     currentSection() {
       if (
-        (this.isTVSHow && this.edits.length === 0) ||
+        (this.isTVShow && this.edits.length === 0) ||
         this.edits[0].episode_id !== this.currentEpisode.id
       ) {
         this.$refs['edit-search-field'].setValue('')

src/components/pages/Episodes.vue

@@ -20,6 +20,14 @@
             />
             <div class="filler"></div>
             <div class="flexrow flexrow-item" v-if="!isCurrentUserClient">
+              <combobox-department
+                class="combobox-department flexrow-item"
+                :selectable-departments="selectableDepartments('Episode')"
+                :display-all-and-my-departments="true"
+                rounded
+                v-model="selectedDepartment"
+                v-if="departments.length > 0"
+              />
               <show-assignations-button class="flexrow-item" />
               <show-infos-button class="flexrow-item" />
               <big-thumbnails-button class="flexrow-item" />
@@ -202,6 +210,7 @@ import AddThumbnailsModal from '@/components/modals/AddThumbnailsModal.vue'
 import BigThumbnailsButton from '@/components/widgets/BigThumbnailsButton.vue'
 import BuildFilterModal from '@/components/modals/BuildFilterModal.vue'
 import ButtonSimple from '@/components/widgets/ButtonSimple.vue'
+import ComboboxDepartment from '@/components/widgets/ComboboxDepartment.vue'
 import CreateTasksModal from '@/components/modals/CreateTasksModal.vue'
 import DeleteModal from '@/components/modals/DeleteModal.vue'
 import EditEpisodeModal from '@/components/modals/EditEpisodeModal.vue'
@@ -225,6 +234,7 @@ export default {
     BigThumbnailsButton,
     BuildFilterModal,
     ButtonSimple,
+    ComboboxDepartment,
     CreateTasksModal,
     DeleteModal,
     EditEpisodeModal,
@@ -362,8 +372,8 @@ export default {
       'currentEpisode',
       'currentProduction',
       'departmentMap',
-      'displayedEpisodes',
       'departments',
+      'displayedEpisodes',
       'episodeMap',
       'episodes',
       'episodeMap',

src/components/pages/Sequences.vue

@@ -20,6 +20,14 @@
             />
             <div class="filler"></div>
             <div class="flexrow flexrow-item" v-if="!isCurrentUserClient">
+              <combobox-department
+                class="combobox-department flexrow-item"
+                :selectable-departments="selectableDepartments('Sequence')"
+                :display-all-and-my-departments="true"
+                rounded
+                v-model="selectedDepartment"
+                v-if="departments.length > 0"
+              />
               <show-assignations-button class="flexrow-item" />
               <show-infos-button class="flexrow-item" />
               <big-thumbnails-button class="flexrow-item" />
@@ -201,6 +209,7 @@ import AddThumbnailsModal from '@/components/modals/AddThumbnailsModal.vue'
 import BigThumbnailsButton from '@/components/widgets/BigThumbnailsButton.vue'
 import BuildFilterModal from '@/components/modals/BuildFilterModal.vue'
 import ButtonSimple from '@/components/widgets/ButtonSimple.vue'
+import ComboboxDepartment from '@/components/widgets/ComboboxDepartment.vue'
 import CreateTasksModal from '@/components/modals/CreateTasksModal.vue'
 import DeleteModal from '@/components/modals/DeleteModal.vue'
 import EditSequenceModal from '@/components/modals/EditSequenceModal.vue'
@@ -224,6 +233,7 @@ export default {
     BigThumbnailsButton,
     BuildFilterModal,
     ButtonSimple,
+    ComboboxDepartment,
     CreateTasksModal,
     DeleteModal,
     EditSequenceModal,
@@ -656,7 +666,7 @@ export default {
 
     currentSection() {
       if (
-        (this.isTVSHow && this.displayedSequences.length === 0) ||
+        (this.isTVShow && this.displayedSequences.length === 0) ||
         this.displayedSequences[0]?.episode_id !== this.currentEpisode?.id
       ) {
         this.$refs['sequence-search-field'].setValue('')

src/components/pages/Shots.vue

@@ -1171,7 +1171,7 @@ export default {
 
     currentSection() {
       if (
-        (this.isTVSHow && this.displayedSequences.length === 0) ||
+        (this.isTVShow && this.displayedSequences.length === 0) ||
         this.displayedSequences[0]?.episode_id !== this.currentEpisode?.id ||
         this.displayedShots[0]?.episode_id !== this.currentEpisode?.id
       ) {

src/components/widgets/ComboboxDepartment.vue

@@ -4,11 +4,11 @@
       {{ label }}
     </label>
     <div
+      class="department-combo"
       :class="{
-        'department-combo': true,
         opened: showDepartmentList,
-        rounded: rounded,
-        top: top
+        rounded,
+        top
       }"
       :style="{
         width: width + 'px'
@@ -178,9 +178,9 @@ export default {
 
     listStyle() {
       const data = {
-        'max-height': this.maxHeightSelectInput + 'px',
-        width: this.width + 'px',
-        top: '37px',
+        'max-height': `${this.maxHeightSelectInput}px`,
+        width: `${this.width}px`,
+        top: this.rounded ? '31px' : '37px',
         left: '0'
       }
       if (this.top) {
@@ -304,7 +304,6 @@ export default {
 
   .selected-department-line {
     padding-top: 0;
-
     padding-bottom: 0;
     border-radius: 50px;
   }