eslint: automatic fixes

src/Bundle/ChillDocStoreBundle/Resources/public/types/generic_doc.ts

@@ -2,7 +2,7 @@ import { DateTime } from "ChillMainAssets/types";
 import { StoredObject } from "ChillDocStoreAssets/types/index";
 
 export interface GenericDocMetadata {
-    isPresent: boolean;
+  isPresent: boolean;
 }
 
 /**
@@ -15,69 +15,69 @@ export interface EmptyMetadata extends GenericDocMetadata {}
  * Minimal Metadata for a GenericDoc with a normalizer
  */
 export interface BaseMetadata extends GenericDocMetadata {
-    title: string;
+  title: string;
 }
 
 /**
  * A generic doc is a document attached to a Person or an AccompanyingPeriod.
  */
 export interface GenericDoc {
-    type: "doc_store_generic_doc";
-    uniqueKey: string;
-    key: string;
-    identifiers: { id: number };
-    context: "person" | "accompanying-period";
-    doc_date: DateTime;
-    metadata: GenericDocMetadata;
-    storedObject: StoredObject | null;
+  type: "doc_store_generic_doc";
+  uniqueKey: string;
+  key: string;
+  identifiers: { id: number };
+  context: "person" | "accompanying-period";
+  doc_date: DateTime;
+  metadata: GenericDocMetadata;
+  storedObject: StoredObject | null;
 }
 
 export interface GenericDocForAccompanyingPeriod extends GenericDoc {
-    context: "accompanying-period";
+  context: "accompanying-period";
 }
 
 export function isGenericDocForAccompanyingPeriod(
-    doc: GenericDoc,
+  doc: GenericDoc,
 ): doc is GenericDocForAccompanyingPeriod {
-    return doc.context === "accompanying-period";
+  return doc.context === "accompanying-period";
 }
 
 export function isGenericDocWithStoredObject(
-    doc: GenericDoc,
+  doc: GenericDoc,
 ): doc is GenericDoc & { storedObject: StoredObject } {
-    return doc.storedObject !== null;
+  return doc.storedObject !== null;
 }
 
 interface BaseMetadataWithHtml extends BaseMetadata {
-    html: string;
+  html: string;
 }
 
 export interface GenericDocForAccompanyingCourseDocument extends GenericDocForAccompanyingPeriod {
-    key: "accompanying_course_document";
-    metadata: BaseMetadataWithHtml;
-    storedObject: StoredObject;
+  key: "accompanying_course_document";
+  metadata: BaseMetadataWithHtml;
+  storedObject: StoredObject;
 }
 
 export interface GenericDocForAccompanyingCourseActivityDocument extends GenericDocForAccompanyingPeriod {
-    key: "accompanying_course_activity_document";
-    metadata: BaseMetadataWithHtml;
-    storedObject: StoredObject;
+  key: "accompanying_course_activity_document";
+  metadata: BaseMetadataWithHtml;
+  storedObject: StoredObject;
 }
 
 export interface GenericDocForAccompanyingCourseCalendarDocument extends GenericDocForAccompanyingPeriod {
-    key: "accompanying_course_calendar_document";
-    metadata: BaseMetadataWithHtml;
-    storedObject: StoredObject;
+  key: "accompanying_course_calendar_document";
+  metadata: BaseMetadataWithHtml;
+  storedObject: StoredObject;
 }
 
 export interface GenericDocForAccompanyingCoursePersonDocument extends GenericDocForAccompanyingPeriod {
-    key: "person_document";
-    metadata: BaseMetadataWithHtml;
-    storedObject: StoredObject;
+  key: "person_document";
+  metadata: BaseMetadataWithHtml;
+  storedObject: StoredObject;
 }
 
 export interface GenericDocForAccompanyingCourseWorkEvaluationDocument extends GenericDocForAccompanyingPeriod {
-    key: "accompanying_period_work_evaluation_document";
-    metadata: BaseMetadataWithHtml;
-    storedObject: StoredObject;
+  key: "accompanying_period_work_evaluation_document";
+  metadata: BaseMetadataWithHtml;
+  storedObject: StoredObject;
 }

src/Bundle/ChillDocStoreBundle/Resources/public/types/index.ts

@@ -46,8 +46,7 @@ export interface StoredObjectVersionCreated extends StoredObjectVersion {
   persisted: false;
 }
 
-export interface StoredObjectVersionPersisted
-  extends StoredObjectVersionCreated {
+export interface StoredObjectVersionPersisted extends StoredObjectVersionCreated {
   version: number;
   id: number;
   createdAt: DateTime | null;
@@ -61,8 +60,7 @@ export interface StoredObjectStatusChange {
   type: string;
 }
 
-export interface StoredObjectVersionWithPointInTime
-  extends StoredObjectVersionPersisted {
+export interface StoredObjectVersionWithPointInTime extends StoredObjectVersionPersisted {
   "point-in-times": StoredObjectPointInTime[];
   "from-restored": StoredObjectVersionPersisted | null;
 }

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/DropFileWidget/DropFileModal.vue

@@ -7,24 +7,24 @@ import { useToast } from "vue-toast-notification";
 import { DOCUMENT_ADD, trans } from "translator";
 
 interface DropFileConfig {
-    allowRemove: boolean;
-    existingDoc?: StoredObject;
+  allowRemove: boolean;
+  existingDoc?: StoredObject;
 }
 
 const props = withDefaults(defineProps<DropFileConfig>(), {
-    allowRemove: false,
+  allowRemove: false,
 });
 
 const emit = defineEmits<{
-    (
-        e: "addDocument",
-        {
-            stored_object: StoredObject,
-            stored_object_version: StoredObjectVersion,
-            file_name: string,
-        },
-    ): void;
-    (e: "removeDocument"): void;
+  (
+    e: "addDocument",
+    {
+      stored_object: StoredObject,
+      stored_object_version: StoredObjectVersion,
+      file_name: string,
+    },
+  ): void;
+  (e: "removeDocument"): void;
 }>();
 
 const $toast = useToast();
@@ -34,65 +34,65 @@ const state = reactive({ showModal: false });
 const modalClasses = { "modal-dialog-centered": true, "modal-md": true };
 
 const buttonState = computed<"add" | "replace">(() => {
-    if (props.existingDoc === undefined || props.existingDoc === null) {
-        return "add";
-    }
+  if (props.existingDoc === undefined || props.existingDoc === null) {
+    return "add";
+  }
 
-    return "replace";
+  return "replace";
 });
 
 function onAddDocument({
-    stored_object,
-    stored_object_version,
-    file_name,
+  stored_object,
+  stored_object_version,
+  file_name,
 }: {
-    stored_object: StoredObject;
-    stored_object_version: StoredObjectVersion;
-    file_name: string;
+  stored_object: StoredObject;
+  stored_object_version: StoredObjectVersion;
+  file_name: string;
 }): void {
-    const message =
-        buttonState.value === "add" ? "Document ajouté" : "Document remplacé";
-    $toast.success(message);
-    emit("addDocument", { stored_object_version, stored_object, file_name });
-    state.showModal = false;
+  const message =
+    buttonState.value === "add" ? "Document ajouté" : "Document remplacé";
+  $toast.success(message);
+  emit("addDocument", { stored_object_version, stored_object, file_name });
+  state.showModal = false;
 }
 
 function onRemoveDocument(): void {
-    emit("removeDocument");
+  emit("removeDocument");
 }
 
 function openModal(): void {
-    state.showModal = true;
+  state.showModal = true;
 }
 
 function closeModal(): void {
-    state.showModal = false;
+  state.showModal = false;
 }
 </script>
 
 <template>
-    <button
-        v-if="buttonState === 'add'"
-        @click="openModal"
-        class="btn btn-create"
-    >
-        {{ trans(DOCUMENT_ADD) }}
-    </button>
-    <button v-else @click="openModal" class="btn btn-edit"></button>
-    <modal
-        v-if="state.showModal"
-        :modal-dialog-class="modalClasses"
-        @close="closeModal"
-    >
-        <template v-slot:body>
-            <drop-file-widget
-                :existing-doc="existingDoc"
-                :allow-remove="allowRemove"
-                @add-document="onAddDocument"
-                @remove-document="onRemoveDocument"
-            ></drop-file-widget>
-        </template>
-    </modal>
+  <button
+    v-if="buttonState === 'add'"
+    @click="openModal"
+    class="btn btn-create"
+  >
+    {{ trans(DOCUMENT_ADD) }}
+  </button>
+  <button v-else @click="openModal" class="btn btn-edit"></button>
+  <modal
+    v-if="state.showModal"
+    :modal-dialog-class="modalClasses"
+    @close="closeModal"
+  >
+    <template v-slot:body>
+      <drop-file-widget
+        :existing-doc="existingDoc"
+        :allow-remove="allowRemove"
+        @add-document="onAddDocument"
+        @remove-document="onRemoveDocument"
+      ></drop-file-widget>
+    </template>
+  </modal>
 </template>
 
 <style scoped lang="scss"></style>

src/Bundle/ChillDocStoreBundle/Resources/public/vuejs/StoredObjectButton/HistoryButton/HistoryButtonListItem.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import {
-    StoredObject,
-    StoredObjectPointInTime,
-    StoredObjectVersionWithPointInTime,
+  StoredObject,
+  StoredObjectPointInTime,
+  StoredObjectVersionWithPointInTime,
 } from "ChillDocStoreAssets/types";
 import UserRenderBoxBadge from "ChillMainAssets/vuejs/_components/Entity/UserRenderBoxBadge.vue";
 import { ISOToDatetime } from "ChillMainAssets/chill/js/date";
@@ -12,185 +12,173 @@ import DownloadButton from "ChillDocStoreAssets/vuejs/StoredObjectButton/Downloa
 import { computed } from "vue";
 
 interface HistoryButtonListItemConfig {
-    version: StoredObjectVersionWithPointInTime;
-    storedObject: StoredObject;
-    canEdit: boolean;
-    isCurrent: boolean;
+  version: StoredObjectVersionWithPointInTime;
+  storedObject: StoredObject;
+  canEdit: boolean;
+  isCurrent: boolean;
 }
 
 const emit = defineEmits<{
-    restoreVersion: [newVersion: StoredObjectVersionWithPointInTime];
+  restoreVersion: [newVersion: StoredObjectVersionWithPointInTime];
 }>();
 
 const props = defineProps<HistoryButtonListItemConfig>();
 
 const onRestore = ({
-    newVersion,
+  newVersion,
 }: {
-    newVersion: StoredObjectVersionWithPointInTime;
+  newVersion: StoredObjectVersionWithPointInTime;
 }) => {
-    emit("restoreVersion", { newVersion });
+  emit("restoreVersion", { newVersion });
 };
 
 const isKeptBeforeConversion = computed<boolean>(() => {
-    if ("point-in-times" in props.version) {
-        return props.version["point-in-times"].reduce(
-            (accumulator: boolean, pit: StoredObjectPointInTime) =>
-                accumulator || "keep-before-conversion" === pit.reason,
-            false,
-        );
-    } else {
-        return false;
-    }
+  if ("point-in-times" in props.version) {
+    return props.version["point-in-times"].reduce(
+      (accumulator: boolean, pit: StoredObjectPointInTime) =>
+        accumulator || "keep-before-conversion" === pit.reason,
+      false,
+    );
+  } else {
+    return false;
+  }
 });
 
 const isRestored = computed<boolean>(
-    () => props.version.version > 0 && null !== props.version["from-restored"],
+  () => props.version.version > 0 && null !== props.version["from-restored"],
 );
 
 const isDuplicated = computed<boolean>(
-    () =>
-        props.version.version === 0 && null !== props.version["from-restored"],
+  () => props.version.version === 0 && null !== props.version["from-restored"],
 );
 
 const classes = computed<{
-    row: true;
-    "row-hover": true;
-    "blinking-1": boolean;
-    "blinking-2": boolean;
+  row: true;
+  "row-hover": true;
+  "blinking-1": boolean;
+  "blinking-2": boolean;
 }>(() => ({
-    row: true,
-    "row-hover": true,
-    "blinking-1": props.isRestored && 0 === props.version.version % 2,
-    "blinking-2": props.isRestored && 1 === props.version.version % 2,
+  row: true,
+  "row-hover": true,
+  "blinking-1": props.isRestored && 0 === props.version.version % 2,
+  "blinking-2": props.isRestored && 1 === props.version.version % 2,
 }));
 </script>
 
 <template>
-    <div :class="classes">
-        <div
-            class="col-12 tags"
-            v-if="
-                isCurrent ||
-                isKeptBeforeConversion ||
-                isRestored ||
-                isDuplicated
-            "
-        >
-            <span class="badge bg-success" v-if="isCurrent"
-                >Version actuelle</span
-            >
-            <span class="badge bg-info" v-if="isKeptBeforeConversion"
-                >Conservée avant conversion dans un autre format</span
-            >
-            <span class="badge bg-info" v-if="isRestored"
-                >Restaurée depuis la version
-                {{ version["from-restored"]?.version + 1 }}</span
-            >
-            <span class="badge bg-info" v-if="isDuplicated"
-                >Dupliqué depuis un autre document</span
-            >
-        </div>
-        <div class="col-12">
-            <file-icon :type="version.type"></file-icon>
-            <span
-                ><strong>&nbsp;#{{ version.version + 1 }}&nbsp;</strong></span
-            >
-            <template
-                v-if="version.createdBy !== null && version.createdAt !== null"
-                ><strong v-if="version.version == 0">créé par</strong
-                ><strong v-else>modifié par</strong>
-                <span class="badge-user"
-                    ><UserRenderBoxBadge
-                        :user="version.createdBy"
-                    ></UserRenderBoxBadge
-                ></span>
-                <strong>à</strong>
-                {{
-                    $d(ISOToDatetime(version.createdAt.datetime8601), "long")
-                }}</template
-            ><template
-                v-if="version.createdBy === null && version.createdAt !== null"
-                ><strong v-if="version.version == 0">Créé le</strong
-                ><strong v-else>modifié le</strong>
-                {{
-                    $d(ISOToDatetime(version.createdAt.datetime8601), "long")
-                }}</template
-            >
-        </div>
-        <div class="col-12">
-            <ul class="record_actions small slim on-version-actions">
-                <li v-if="canEdit && !isCurrent">
-                    <restore-version-button
-                        :stored-object-version="props.version"
-                        @restore-version="onRestore"
-                    ></restore-version-button>
-                </li>
-                <li>
-                    <download-button
-                        :stored-object="storedObject"
-                        :at-version="version"
-                        :classes="{
-                            btn: true,
-                            'btn-outline-primary': true,
-                            'btn-sm': true,
-                        }"
-                        :display-action-string-in-button="false"
-                    ></download-button>
-                </li>
-            </ul>
-        </div>
+  <div :class="classes">
+    <div
+      class="col-12 tags"
+      v-if="isCurrent || isKeptBeforeConversion || isRestored || isDuplicated"
+    >
+      <span class="badge bg-success" v-if="isCurrent">Version actuelle</span>
+      <span class="badge bg-info" v-if="isKeptBeforeConversion"
+        >Conservée avant conversion dans un autre format</span
+      >
+      <span class="badge bg-info" v-if="isRestored"
+        >Restaurée depuis la version
+        {{ version["from-restored"]?.version + 1 }}</span
+      >
+      <span class="badge bg-info" v-if="isDuplicated"
+        >Dupliqué depuis un autre document</span
+      >
     </div>
+    <div class="col-12">
+      <file-icon :type="version.type"></file-icon>
+      <span
+        ><strong>&nbsp;#{{ version.version + 1 }}&nbsp;</strong></span
+      >
+      <template v-if="version.createdBy !== null && version.createdAt !== null"
+        ><strong v-if="version.version == 0">créé par</strong
+        ><strong v-else>modifié par</strong>
+        <span class="badge-user"
+          ><UserRenderBoxBadge :user="version.createdBy"></UserRenderBoxBadge
+        ></span>
+        <strong>à</strong>
+        {{
+          $d(ISOToDatetime(version.createdAt.datetime8601), "long")
+        }}</template
+      ><template v-if="version.createdBy === null && version.createdAt !== null"
+        ><strong v-if="version.version == 0">Créé le</strong
+        ><strong v-else>modifié le</strong>
+        {{
+          $d(ISOToDatetime(version.createdAt.datetime8601), "long")
+        }}</template
+      >
+    </div>
+    <div class="col-12">
+      <ul class="record_actions small slim on-version-actions">
+        <li v-if="canEdit && !isCurrent">
+          <restore-version-button
+            :stored-object-version="props.version"
+            @restore-version="onRestore"
+          ></restore-version-button>
+        </li>
+        <li>
+          <download-button
+            :stored-object="storedObject"
+            :at-version="version"
+            :classes="{
+              btn: true,
+              'btn-outline-primary': true,
+              'btn-sm': true,
+            }"
+            :display-action-string-in-button="false"
+          ></download-button>
+        </li>
+      </ul>
+    </div>
+  </div>
 </template>
 
 <style scoped lang="scss">
 div.tags {
-    span.badge:not(:last-child) {
-        margin-right: 0.5rem;
-    }
+  span.badge:not(:last-child) {
+    margin-right: 0.5rem;
+  }
 }
 // to make the animation restart, we have the same animation twice,
 // and alternate between both
 .blinking-1 {
-    animation-name: backgroundColorPalette-1;
-    animation-duration: 8s;
-    animation-iteration-count: 1;
-    animation-direction: normal;
-    animation-timing-function: linear;
+  animation-name: backgroundColorPalette-1;
+  animation-duration: 8s;
+  animation-iteration-count: 1;
+  animation-direction: normal;
+  animation-timing-function: linear;
 }
 @keyframes backgroundColorPalette-1 {
-    0% {
-        background: var(--bs-chill-green-dark);
-    }
-    25% {
-        background: var(--bs-chill-green);
-    }
-    65% {
-        background: var(--bs-chill-beige);
-    }
-    100% {
-        background: unset;
-    }
+  0% {
+    background: var(--bs-chill-green-dark);
+  }
+  25% {
+    background: var(--bs-chill-green);
+  }
+  65% {
+    background: var(--bs-chill-beige);
+  }
+  100% {
+    background: unset;
+  }
 }
 .blinking-2 {
-    animation-name: backgroundColorPalette-2;
-    animation-duration: 8s;
-    animation-iteration-count: 1;
-    animation-direction: normal;
-    animation-timing-function: linear;
+  animation-name: backgroundColorPalette-2;
+  animation-duration: 8s;
+  animation-iteration-count: 1;
+  animation-direction: normal;
+  animation-timing-function: linear;
 }
 @keyframes backgroundColorPalette-2 {
-    0% {
-        background: var(--bs-chill-green-dark);
-    }
-    25% {
-        background: var(--bs-chill-green);
-    }
-    65% {
-        background: var(--bs-chill-beige);
-    }
-    100% {
-        background: unset;
-    }
+  0% {
+    background: var(--bs-chill-green-dark);
+  }
+  25% {
+    background: var(--bs-chill-green);
+  }
+  65% {
+    background: var(--bs-chill-beige);
+  }
+  100% {
+    background: unset;
+  }
 }
 </style>