Ajout de commentaires supplémentaires aux motifs

src/Bundle/ChillDocStoreBundle/Resources/public/module/async_upload/index.ts

@@ -6,117 +6,116 @@ import { _createI18n } from "../../../../../ChillMainBundle/Resources/public/vue
 const i18n = _createI18n({});
 
 const startApp = (
-    divElement: HTMLDivElement,
-    collectionEntry: null | HTMLLIElement,
+  divElement: HTMLDivElement,
+  collectionEntry: null | HTMLLIElement,
 ): void => {
-    console.log("app started", divElement);
+  console.log("app started", divElement);
 
-    const inputTitle = collectionEntry?.querySelector("input[type='text']");
+  const inputTitle = collectionEntry?.querySelector("input[type='text']");
 
-    const input_stored_object: HTMLInputElement | null =
-        divElement.querySelector("input[data-stored-object]");
-    if (null === input_stored_object) {
-        throw new Error("input to stored object not found");
-    }
+  const input_stored_object: HTMLInputElement | null = divElement.querySelector(
+    "input[data-stored-object]",
+  );
+  if (null === input_stored_object) {
+    throw new Error("input to stored object not found");
+  }
 
-    let existingDoc: StoredObject | null = null;
-    if (input_stored_object.value !== "") {
-        existingDoc = JSON.parse(input_stored_object.value);
-    }
-    const app_container = document.createElement("div");
-    divElement.appendChild(app_container);
+  let existingDoc: StoredObject | null = null;
+  if (input_stored_object.value !== "") {
+    existingDoc = JSON.parse(input_stored_object.value);
+  }
+  const app_container = document.createElement("div");
+  divElement.appendChild(app_container);
 
-    const app = createApp({
-        template:
-            '<drop-file-widget :existingDoc="this.$data.existingDoc" :allowRemove="true" @addDocument="this.addDocument" @removeDocument="removeDocument"></drop-file-widget>',
-        data() {
-            return {
-                existingDoc: existingDoc,
-                inputTitle: inputTitle,
-            };
-        },
-        components: {
-            DropFileWidget,
-        },
-        methods: {
-            addDocument: function ({
-                stored_object,
-                stored_object_version,
-                file_name,
-            }: {
-                stored_object: StoredObject;
-                stored_object_version: StoredObjectVersion;
-                file_name: string;
-            }): void {
-                stored_object.title = file_name;
-                console.log("object added", stored_object);
-                console.log("version added", stored_object_version);
-                this.$data.existingDoc = stored_object;
-                this.$data.existingDoc.currentVersion = stored_object_version;
-                input_stored_object.value = JSON.stringify(
-                    this.$data.existingDoc,
-                );
-                if (this.$data.inputTitle) {
-                    if (!this.$data.inputTitle?.value) {
-                        this.$data.inputTitle.value = file_name;
-                    }
-                }
-            },
-            removeDocument: function (object: StoredObject): void {
-                console.log("catch remove document", object);
-                input_stored_object.value = "";
-                this.$data.existingDoc = undefined;
-                console.log("collectionEntry", collectionEntry);
+  const app = createApp({
+    template:
+      '<drop-file-widget :existingDoc="this.$data.existingDoc" :allowRemove="true" @addDocument="this.addDocument" @removeDocument="removeDocument"></drop-file-widget>',
+    data() {
+      return {
+        existingDoc: existingDoc,
+        inputTitle: inputTitle,
+      };
+    },
+    components: {
+      DropFileWidget,
+    },
+    methods: {
+      addDocument: function ({
+        stored_object,
+        stored_object_version,
+        file_name,
+      }: {
+        stored_object: StoredObject;
+        stored_object_version: StoredObjectVersion;
+        file_name: string;
+      }): void {
+        stored_object.title = file_name;
+        console.log("object added", stored_object);
+        console.log("version added", stored_object_version);
+        this.$data.existingDoc = stored_object;
+        this.$data.existingDoc.currentVersion = stored_object_version;
+        input_stored_object.value = JSON.stringify(this.$data.existingDoc);
+        if (this.$data.inputTitle) {
+          if (!this.$data.inputTitle?.value) {
+            this.$data.inputTitle.value = file_name;
+          }
+        }
+      },
+      removeDocument: function (object: StoredObject): void {
+        console.log("catch remove document", object);
+        input_stored_object.value = "";
+        this.$data.existingDoc = undefined;
+        console.log("collectionEntry", collectionEntry);
 
-                if (null !== collectionEntry) {
-                    console.log("will remove collection");
-                    collectionEntry.remove();
-                }
-            },
-        },
-    });
+        if (null !== collectionEntry) {
+          console.log("will remove collection");
+          collectionEntry.remove();
+        }
+      },
+    },
+  });
 
-    app.use(i18n).mount(app_container);
+  app.use(i18n).mount(app_container);
 };
 window.addEventListener("collection-add-entry", ((
-    e: CustomEvent<CollectionEventPayload>,
+  e: CustomEvent<CollectionEventPayload>,
 ) => {
-    const detail = e.detail;
-    const divElement: null | HTMLDivElement = detail.entry.querySelector(
-        "div[data-stored-object]",
-    );
+  const detail = e.detail;
+  const divElement: null | HTMLDivElement = detail.entry.querySelector(
+    "div[data-stored-object]",
+  );
 
-    if (null === divElement) {
-        throw new Error("div[data-stored-object] not found");
-    }
+  if (null === divElement) {
+    throw new Error("div[data-stored-object] not found");
+  }
 
-    startApp(divElement, detail.entry);
+  startApp(divElement, detail.entry);
 }) as EventListener);
 
 window.addEventListener("DOMContentLoaded", () => {
-    const upload_inputs: NodeListOf<HTMLDivElement> = document.querySelectorAll(
-        "div[data-stored-object]",
-    );
+  const upload_inputs: NodeListOf<HTMLDivElement> = document.querySelectorAll(
+    "div[data-stored-object]",
+  );
 
-    upload_inputs.forEach((input: HTMLDivElement): void => {
-        // test for a parent to check if this is a collection entry
-        let collectionEntry: null | HTMLLIElement = null;
-        const parent = input.parentElement;
-        console.log("parent", parent);
-        if (null !== parent) {
-            const grandParent = parent.parentElement;
-            console.log("grandParent", grandParent);
-            if (null !== grandParent) {
-                if (
-                    grandParent.tagName.toLowerCase() === "li" &&
-                    grandParent.classList.contains("entry")
-                ) {
-                    collectionEntry = grandParent as HTMLLIElement;
-                }
-            }
+  upload_inputs.forEach((input: HTMLDivElement): void => {
+    // test for a parent to check if this is a collection entry
+    let collectionEntry: null | HTMLLIElement = null;
+    const parent = input.parentElement;
+    console.log("parent", parent);
+    if (null !== parent) {
+      const grandParent = parent.parentElement;
+      console.log("grandParent", grandParent);
+      if (null !== grandParent) {
+        if (
+          grandParent.tagName.toLowerCase() === "li" &&
+          grandParent.classList.contains("entry")
+        ) {
+          collectionEntry = grandParent as HTMLLIElement;
         }
-        startApp(input, collectionEntry);
-    });
+      }
+    }
+    startApp(input, collectionEntry);
+  });
 });
 
 export {};

src/Bundle/ChillDocStoreBundle/Resources/public/module/button_download/index.ts

@@ -9,26 +9,26 @@ import ToastPlugin from "vue-toast-notification";
 const i18n = _createI18n({});
 
 window.addEventListener("DOMContentLoaded", function (e) {
-    document
-        .querySelectorAll<HTMLDivElement>("div[data-download-button-single]")
-        .forEach((el) => {
-            const storedObject = JSON.parse(
-                el.dataset.storedObject as string,
-            ) as StoredObject;
-            const title = el.dataset.title as string;
-            const app = createApp({
-                components: { DownloadButton },
-                data() {
-                    return {
-                        storedObject,
-                        title,
-                        classes: { btn: true, "btn-outline-primary": true },
-                    };
-                },
-                template:
-                    '<download-button :stored-object="storedObject" :at-version="storedObject.currentVersion" :classes="classes" :filename="title" :direct-download="true"></download-button>',
-            });
+  document
+    .querySelectorAll<HTMLDivElement>("div[data-download-button-single]")
+    .forEach((el) => {
+      const storedObject = JSON.parse(
+        el.dataset.storedObject as string,
+      ) as StoredObject;
+      const title = el.dataset.title as string;
+      const app = createApp({
+        components: { DownloadButton },
+        data() {
+          return {
+            storedObject,
+            title,
+            classes: { btn: true, "btn-outline-primary": true },
+          };
+        },
+        template:
+          '<download-button :stored-object="storedObject" :at-version="storedObject.currentVersion" :classes="classes" :filename="title" :direct-download="true"></download-button>',
+      });
 
-            app.use(i18n).use(ToastPlugin).mount(el);
-        });
+      app.use(i18n).use(ToastPlugin).mount(el);
+    });
 });

src/Bundle/ChillDocStoreBundle/Resources/public/module/document_action_buttons_group/index.ts

@@ -8,66 +8,66 @@ import ToastPlugin from "vue-toast-notification";
 const i18n = _createI18n({});
 
 window.addEventListener("DOMContentLoaded", function (e) {
-    document
-        .querySelectorAll<HTMLDivElement>("div[data-download-buttons]")
-        .forEach((el) => {
-            const app = createApp({
-                components: { DocumentActionButtonsGroup },
-                data() {
-                    const datasets = el.dataset as {
-                        filename: string;
-                        canEdit: string;
-                        storedObject: string;
-                        buttonSmall: string;
-                        davLink: string;
-                        davLinkExpiration: string;
-                    };
+  document
+    .querySelectorAll<HTMLDivElement>("div[data-download-buttons]")
+    .forEach((el) => {
+      const app = createApp({
+        components: { DocumentActionButtonsGroup },
+        data() {
+          const datasets = el.dataset as {
+            filename: string;
+            canEdit: string;
+            storedObject: string;
+            buttonSmall: string;
+            davLink: string;
+            davLinkExpiration: string;
+          };
 
-                    const storedObject = JSON.parse(
-                            datasets.storedObject,
-                        ) as StoredObject,
-                        filename = datasets.filename,
-                        canEdit = datasets.canEdit === "1",
-                        small = datasets.buttonSmall === "1",
-                        davLink =
-                            "davLink" in datasets && datasets.davLink !== ""
-                                ? datasets.davLink
-                                : null,
-                        davLinkExpiration =
-                            "davLinkExpiration" in datasets
-                                ? Number.parseInt(datasets.davLinkExpiration)
-                                : null;
-                    return {
-                        storedObject,
-                        filename,
-                        canEdit,
-                        small,
-                        davLink,
-                        davLinkExpiration,
-                    };
-                },
-                template:
-                    '<document-action-buttons-group :can-edit="canEdit" :filename="filename" :stored-object="storedObject" :small="small" :dav-link="davLink" :dav-link-expiration="davLinkExpiration" @on-stored-object-status-change="onStoredObjectStatusChange"></document-action-buttons-group>',
-                methods: {
-                    onStoredObjectStatusChange: function (
-                        newStatus: StoredObjectStatusChange,
-                    ): void {
-                        this.$data.storedObject.status = newStatus.status;
-                        this.$data.storedObject.filename = newStatus.filename;
-                        this.$data.storedObject.type = newStatus.type;
+          const storedObject = JSON.parse(
+              datasets.storedObject,
+            ) as StoredObject,
+            filename = datasets.filename,
+            canEdit = datasets.canEdit === "1",
+            small = datasets.buttonSmall === "1",
+            davLink =
+              "davLink" in datasets && datasets.davLink !== ""
+                ? datasets.davLink
+                : null,
+            davLinkExpiration =
+              "davLinkExpiration" in datasets
+                ? Number.parseInt(datasets.davLinkExpiration)
+                : null;
+          return {
+            storedObject,
+            filename,
+            canEdit,
+            small,
+            davLink,
+            davLinkExpiration,
+          };
+        },
+        template:
+          '<document-action-buttons-group :can-edit="canEdit" :filename="filename" :stored-object="storedObject" :small="small" :dav-link="davLink" :dav-link-expiration="davLinkExpiration" @on-stored-object-status-change="onStoredObjectStatusChange"></document-action-buttons-group>',
+        methods: {
+          onStoredObjectStatusChange: function (
+            newStatus: StoredObjectStatusChange,
+          ): void {
+            this.$data.storedObject.status = newStatus.status;
+            this.$data.storedObject.filename = newStatus.filename;
+            this.$data.storedObject.type = newStatus.type;
 
-                        // remove eventual div which inform pending status
-                        document
-                            .querySelectorAll(
-                                `[data-docgen-is-pending="${this.$data.storedObject.id}"]`,
-                            )
-                            .forEach(function (el) {
-                                el.remove();
-                            });
-                    },
-                },
-            });
+            // remove eventual div which inform pending status
+            document
+              .querySelectorAll(
+                `[data-docgen-is-pending="${this.$data.storedObject.id}"]`,
+              )
+              .forEach(function (el) {
+                el.remove();
+              });
+          },
+        },
+      });
 
-            app.use(i18n).use(ToastPlugin).mount(el);
-        });
+      app.use(i18n).use(ToastPlugin).mount(el);
+    });
 });