Revert "Merge branch 'ticket/supplementary-comments-on-motive' into 'master'"

This reverts merge request !855

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

@@ -6,116 +6,117 @@ 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);
+        });
 });