105 worflow

src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/index.js

@@ -9,9 +9,10 @@ import Dropdown from 'bootstrap/js/src/dropdown';
 import Modal from 'bootstrap/js/dist/modal';
 import Collapse from 'bootstrap/js/src/collapse';
 import Carousel from 'bootstrap/js/src/carousel';
+import Popover from 'bootstrap/js/src/popover';
 
 //
-// ACHeaderSlider is a small slider used in banner of AccompanyingCourse Section
+// Carousel: ACHeaderSlider is a small slider used in banner of AccompanyingCourse Section
 // Initialize options, and show/hide controls in first/last slides
 //
 let ACHeaderSlider = document.querySelector('#ACHeaderSlider');
@@ -48,3 +49,14 @@ if (ACHeaderSlider) {
         }
     })
 }
+
+//
+// Popover: used in workflow breadcrumb,
+// (expected in: contextual help, notification-box, workflow-box )
+//
+const triggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
+const popoverList = triggerList.map(function (el) {
+    return new Popover(el, {
+        html: true,
+    });
+});

src/Bundle/ChillMainBundle/Resources/public/module/entity-workflow-pick/index.js

@@ -0,0 +1,49 @@
+import { createApp } from "vue";
+import PickWorkflowVue from 'ChillMainAssets/vuejs/_components/EntityWorkflow/PickWorkflow.vue';
+import ListWorkflowVue from 'ChillMainAssets/vuejs/_components/EntityWorkflow/ListWorkflow.vue';
+
+// pick workflow
+document.querySelectorAll('[data-pick-workflow]')
+    .forEach(function(el) {
+        const app = {
+            components: {
+                PickWorkflowVue
+            },
+            template:
+                '<pick-workflow-vue ' +
+                    ':relatedEntityClass="relatedEntityClass" ' +
+                    ':relatedEntityId="relatedEntityId" ' +
+                    ':workflowsAvailables="workflowsAvailables" ' +
+                '></pick-workflow-vue>',
+            data() {
+                return {
+                    relatedEntityClass: el.dataset.relatedEntityClass,
+                    relatedEntityId: Number.parseInt(el.dataset.relatedEntityId),
+                    workflowsAvailables: JSON.parse(el.dataset.workflowsAvailables),
+                }
+            }
+        };
+        createApp(app).mount(el);
+    })
+;
+
+// list workflow
+document.querySelectorAll('[data-list-workflows]')
+    .forEach(function (el) {
+        const app = {
+            components: {
+                ListWorkflowVue,
+            },
+            template:
+                '<list-workflow-vue ' +
+                    ':workflows="workflows" ' +
+                '></list-workflow-vue>',
+            data() {
+                return {
+                    workflows: JSON.parse(el.dataset.workflows),
+                }
+            }
+        };
+        createApp(app).mount(el);
+    })
+;

src/Bundle/ChillMainBundle/Resources/public/module/entity-workflow-subscribe/index.js

@@ -0,0 +1,32 @@
+import {createApp} from "vue";
+import EntityWorkflowVueSubscriber from 'ChillMainAssets/vuejs/_components/EntityWorkflow/EntityWorkflowVueSubscriber.vue';
+import { _createI18n } from 'ChillMainAssets/vuejs/_js/i18n';
+import { appMessages } from 'ChillMainAssets/vuejs/PickEntity/i18n';
+
+const i18n = _createI18n(appMessages);
+
+let containers = document.querySelectorAll('[data-entity-workflow-subscribe]');
+
+containers.forEach(container => {
+    let app = {
+        components: {
+            EntityWorkflowVueSubscriber,
+        },
+        template: '<entity-workflow-vue-subscriber :entityWorkflowId="this.entityWorkflowId" :subscriberStep="this.subscriberStep" :subscriberFinal="this.subscriberFinal" @subscriptionUpdated="onUpdate"></entity-workflow-vue-subscriber>',
+        data() {
+            return {
+                entityWorkflowId: Number.parseInt(container.dataset.entityWorkflowId),
+                subscriberStep: container.dataset.subscribeStep === "1",
+                subscriberFinal: container.dataset.subscribeFinal === "1",
+            }
+        },
+        methods: {
+            onUpdate(status) {
+               this.subscriberStep = status.step;
+               this.subscriberFinal = status.final;
+            }
+        }
+    }
+
+    createApp(app).use(i18n).mount(container);
+})

src/Bundle/ChillMainBundle/Resources/public/module/pick-entity/index.js

@@ -31,7 +31,7 @@ window.addEventListener('DOMContentLoaded', function(e) {
                 return {
                     multiple: isMultiple,
                     types: JSON.parse(el.dataset.types),
-                    picked,
+                    picked: picked === null ? [] : picked,
                     uniqid: el.dataset.uniqid,
                 }
             },

src/Bundle/ChillMainBundle/Resources/public/module/wopi-link/index.js

@@ -0,0 +1,29 @@
+import { createApp } from 'vue';
+import OpenWopiLink from 'ChillMainAssets/vuejs/_components/OpenWopiLink';
+import {_createI18n} from "ChillMainAssets/vuejs/_js/i18n";
+
+const i18n = _createI18n({});
+
+window.addEventListener('DOMContentLoaded', function (e) {
+    document.querySelectorAll('span[data-module="wopi-link"]')
+        .forEach(function (el) {
+            createApp({
+                template: '<open-wopi-link :wopiUrl="wopiUrl" :title="title" :type="type" :button="button"></open-wopi-link>',
+                components: {
+                    OpenWopiLink
+                },
+                data() {
+                    return {
+                        wopiUrl: el.dataset.wopiUrl,
+                        title: el.dataset.docTitle,
+                        type: el.dataset.docType,
+                        button: el.dataset.button ? JSON.parse(el.dataset.button) : {}
+                    }
+                }
+            })
+            .use(i18n)
+            .mount(el)
+            ;
+        })
+    ;
+});