More automatic eslint fixes, update baseline and eslint docs

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

@@ -1,18 +1,22 @@
-import {CollectionEventPayload} from "../../../../../ChillMainBundle/Resources/public/module/collection";
-import {createApp} from "vue";
-import DropFileWidget from "../../vuejs/DropFileWidget/DropFileWidget.vue"
-import {StoredObject, StoredObjectVersion} from "../../types";
-import {_createI18n} from "../../../../../ChillMainBundle/Resources/public/vuejs/_js/i18n";
+import { CollectionEventPayload } from "../../../../../ChillMainBundle/Resources/public/module/collection";
+import { createApp } from "vue";
+import DropFileWidget from "../../vuejs/DropFileWidget/DropFileWidget.vue";
+import { StoredObject, StoredObjectVersion } from "../../types";
+import { _createI18n } from "../../../../../ChillMainBundle/Resources/public/vuejs/_js/i18n";
 const i18n = _createI18n({});
 
-const startApp = (divElement: HTMLDivElement, collectionEntry: null|HTMLLIElement): void => {
-    console.log('app started', divElement);
-    const input_stored_object: HTMLInputElement|null = divElement.querySelector("input[data-stored-object]");
+const startApp = (
+    divElement: HTMLDivElement,
+    collectionEntry: null | HTMLLIElement,
+): void => {
+    console.log("app started", divElement);
+    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');
+        throw new Error("input to stored object not found");
     }
 
-    let existingDoc: StoredObject|null = null;
+    let existingDoc: StoredObject | null = null;
     if (input_stored_object.value !== "") {
         existingDoc = JSON.parse(input_stored_object.value);
     }
@@ -20,69 +24,87 @@ const startApp = (divElement: HTMLDivElement, collectionEntry: null|HTMLLIElemen
     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>',
+        template:
+            '<drop-file-widget :existingDoc="this.$data.existingDoc" :allowRemove="true" @addDocument="this.addDocument" @removeDocument="removeDocument"></drop-file-widget>',
         data(vm) {
             return {
                 existingDoc: existingDoc,
-            }
+            };
         },
         components: {
             DropFileWidget,
         },
         methods: {
-            addDocument: function({stored_object, stored_object_version}: {stored_object: StoredObject, stored_object_version: StoredObjectVersion}): void {
-                console.log('object added', stored_object);
-                console.log('version added', stored_object_version);
+            addDocument: function ({
+                stored_object,
+                stored_object_version,
+            }: {
+                stored_object: StoredObject;
+                stored_object_version: StoredObjectVersion;
+            }): void {
+                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);
+                input_stored_object.value = JSON.stringify(
+                    this.$data.existingDoc,
+                );
             },
-            removeDocument: function(object: StoredObject): void {
-                console.log('catch remove document', object);
+            removeDocument: function (object: StoredObject): void {
+                console.log("catch remove document", object);
                 input_stored_object.value = "";
                 this.$data.existingDoc = undefined;
-                console.log('collectionEntry', collectionEntry);
+                console.log("collectionEntry", collectionEntry);
 
                 if (null !== collectionEntry) {
-                    console.log('will remove collection');
+                    console.log("will remove collection");
                     collectionEntry.remove();
                 }
-            }
-        }
+            },
+        },
     });
 
     app.use(i18n).mount(app_container);
-}
-window.addEventListener('collection-add-entry', ((e: CustomEvent<CollectionEventPayload>) => {
+};
+window.addEventListener("collection-add-entry", ((
+    e: CustomEvent<CollectionEventPayload>,
+) => {
     const detail = e.detail;
-    const divElement: null|HTMLDivElement = detail.entry.querySelector('div[data-stored-object]');
+    const divElement: null | HTMLDivElement = detail.entry.querySelector(
+        "div[data-stored-object]",
+    );
 
     if (null === divElement) {
-        throw new Error('div[data-stored-object] not found');
+        throw new Error("div[data-stored-object] not found");
     }
 
     startApp(divElement, detail.entry);
 }) as EventListener);
 
-window.addEventListener('DOMContentLoaded', () => {
-    const upload_inputs: NodeListOf<HTMLDivElement> = document.querySelectorAll('div[data-stored-object]');
+window.addEventListener("DOMContentLoaded", () => {
+    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;
-        let parent = input.parentElement;
-        console.log('parent', parent);
+        let collectionEntry: null | HTMLLIElement = null;
+        const parent = input.parentElement;
+        console.log("parent", parent);
         if (null !== parent) {
-            let grandParent = parent.parentElement;
-            console.log('grandParent', grandParent);
+            const grandParent = parent.parentElement;
+            console.log("grandParent", grandParent);
             if (null !== grandParent) {
-                if (grandParent.tagName.toLowerCase() === 'li' && grandParent.classList.contains('entry')) {
+                if (
+                    grandParent.tagName.toLowerCase() === "li" &&
+                    grandParent.classList.contains("entry")
+                ) {
                     collectionEntry = grandParent as HTMLLIElement;
                 }
             }
         }
         startApp(input, collectionEntry);
-    })
+    });
 });
 
-export {}
+export {};

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

@@ -1,27 +1,34 @@
-import {_createI18n} from "../../../../../ChillMainBundle/Resources/public/vuejs/_js/i18n";
-import {createApp} from "vue";
+import { _createI18n } from "../../../../../ChillMainBundle/Resources/public/vuejs/_js/i18n";
+import { createApp } from "vue";
 import DocumentActionButtonsGroup from "../../vuejs/DocumentActionButtonsGroup.vue";
-import {StoredObject, StoredObjectStatusChange} from "../../types";
-import {defineComponent} from "vue";
+import { StoredObject, StoredObjectStatusChange } from "../../types";
+import { defineComponent } from "vue";
 import DownloadButton from "../../vuejs/StoredObjectButton/DownloadButton.vue";
 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>',
-        });
+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>',
+            });
 
-        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

@@ -1,54 +1,73 @@
-import {_createI18n} from "../../../../../ChillMainBundle/Resources/public/vuejs/_js/i18n";
+import { _createI18n } from "../../../../../ChillMainBundle/Resources/public/vuejs/_js/i18n";
 import DocumentActionButtonsGroup from "../../vuejs/DocumentActionButtonsGroup.vue";
-import {createApp} from "vue";
-import {StoredObject, StoredObjectStatusChange} from "../../types";
-import {is_object_ready} from "../../vuejs/StoredObjectButton/helpers";
+import { createApp } from "vue";
+import { StoredObject, StoredObjectStatusChange } from "../../types";
+import { is_object_ready } from "../../vuejs/StoredObjectButton/helpers";
 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() {
+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;
+                    };
 
-         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
-           ;
+                        // remove eventual div which inform pending status
+                        document
+                            .querySelectorAll(
+                                `[data-docgen-is-pending="${this.$data.storedObject.id}"]`,
+                            )
+                            .forEach(function (el) {
+                                el.remove();
+                            });
+                    },
+                },
+            });
 
-         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();
-             });
-         }
-       }
-     });
-
-     app.use(i18n).use(ToastPlugin).mount(el);
-  })
+            app.use(i18n).use(ToastPlugin).mount(el);
+        });
 });