Page History

<div ov-include-js-files="{{PLATFORM_JS_ASSET_PATH}}/VueDashboard/assets/index.6fdd7d10485a6d02.js" ov-type="vue"></div>
<div ov-include-js-files="{{PLATFORM_JS_ASSET_PATH}}/VueDashboard/assets/index.78089f104761f9ab.css" ov-type="css"></div>
<div id="LBNL"></div>
<script>
    const replaceGlobalVars = str => {
        const varsToReplace = {
            "{{PLATFORM_JS_ASSET_PATH}}": PLATFORM_JS_ASSET_PATH,
            /*"{{VUE_APP_INDEX_JS}}": VUE_APP_INDEX_JS,
            "{{VUE_APP_INDEX_CSS}}": VUE_APP_INDEX_CSS*/
        }

        const reg = new RegExp(Object.keys(varsToReplace).join("|", "g"));

        return str.replace(reg, matched => varsToReplace[matched]);
    }
    async function includeJsAndCssFiles() {
        const attr = "ov-include-js-files"
        const bucket = ASSET_URL
        const elements = $(`div[${attr}]`);

        for (let i = 0; i < elements.length; i++) {
            const el = elements[i];

            const file = replaceGlobalVars(el.getAttribute(attr));
            const type = el.getAttribute("ov-type");

            let newEl = null;

            // handle css
            if (type === "css") {
                newEl = document.createElement("link");

                newEl.rel = "stylesheet";
                newEl.type = "text/css";
                newEl.href = `${bucket}${file}`
            } else {
                // handle js
                newEl = document.createElement('script');

                newEl.type = 'text/javascript';

                if (type === "vue") {
                    newEl.type = 'module';
                    newEl.crossorgin = true;
                }

                newEl.src = `${bucket}${file}`;
                newEl.async = false;
            }

            el.appendChild(newEl);
            el.removeAttribute(attr)
        }

        return;
    }

    includeFiles().then(() => {
        includeJsAndCssFiles().then();
    });
</script>