Documentation:AppWideAngularScriptIncludes: Difference between revisions

AppWideAngularScriptIncludes

Latest revision as of 05:05, 23 January 2025

This page was created by Hans.karlsen@mdriven.net on 2016-12-11. Last edited by Stephanie@mdriven.net on 2025-01-23.

Note! Using AppWideAngularScriptIncludes is one way to get scripts to load high up in the page rendering.

In addition, we also started loading this appwideangularscriptincludes.html file from each EXT_Components folder. This makes the EXT_Component more self-sufficient and complete.

For example:

The image above shows a per component AppWideAngularScriptInclude file - thus removing the need for the EXT_Scripts/AppWideAngularScriptInclude file.

AppWideAngularScriptIncludes

In MDriven Turnkey for AngularJS, you can add a file AppWideAngularScriptIncludes.html in EXT_Scripts.

The contents will be included in your app before Angular compiles.

Typical content is:

<script src="/EXT_Scripts/BoardComponentScriptsThatUseDirectivesAndSuch.js"></script>
<script src="/EXT_Scripts/GanttComponentScriptsThatUseDirectivesAndSuch.js"></script>
<script src="/EXT_Scripts/<YourScript>.js"></script>

Check out more information in the video ☛ Plugins in Turnkey

Also be aware that on Linux, file names are case sensitive and this particular file is accessible with small characters: appwideangularscriptincludes.html

@@ Line 1: / Line 1: @@
-'''Note'''! The use of AppWideAngularScriptIncludes is one way of getting scripts to load high up in the page rendering.
+<message>Write the content here to display this box</message>
+'''Note'''! Using AppWideAngularScriptIncludes is one way to get scripts to load high up in the page rendering.
-Recently we also started to load the scripts dynamically within the EXT_Component by adding a script tag to the DOM, this makes the [[EXT Components|EXT_Component]] more self sufficient and complete.
+In addition, we also started loading this appwideangularscriptincludes.html file from each EXT_Components folder. This makes the [[Documentation:EXT Components|EXT_Component]] more self-sufficient and complete.
-For example;
+For example:
- if (typeof beenhere === 'undefined') {
+[[File:2021-04-02 16h36 01.png|none|thumb|656x656px]]
-   beenhere=true;
+The image above shows a per component AppWideAngularScriptInclude file - thus removing the need for the EXT_Scripts/AppWideAngularScriptInclude file.
-   var script = document.createElement('script');
-   script.onload = function () {
-                 scriptloaded=true;
-                 console.log('PayPal Script was loaded');
-                    };
-   script.src = "<nowiki>https://www.paypal.com/sdk/js?client-id=</nowiki>"+"[ViewModelColumnLabel]";
-   document.head.appendChild(script);   }
-The above code checks if the script tag exists - and if it does not it is injected - thus removing the need for the AppWideAngularScriptInclude entry.
-====== AppWideAngularScriptIncludes ======
+==== AppWideAngularScriptIncludes ====
-In MDriven Turnkey for AngularJS you can add a file AppWideAngularScriptIncludes.html in EXT_Scripts.
+In MDriven Turnkey for AngularJS, you can add a file AppWideAngularScriptIncludes.html in EXT_Scripts.
-The contents will be included in your app before Angular compile.
+The contents will be included in your app before Angular compiles.
 Typical content is:
@@ Line 24: / Line 17: @@
   <script src="/EXT_Scripts/GanttComponentScriptsThatUseDirectivesAndSuch.js"></script>
   <script src="/EXT_Scripts/<YourScript>.js"></script>
-Check out more information in the video ☛ [[Plugins in Turnkey]]
+Check out more information in the video ☛ [[Documentation:Plugins in Turnkey|Plugins in Turnkey]]
+Also be aware that on Linux, file names are case sensitive and this particular file is accessible with small characters: appwideangularscriptincludes.html
 [[Category:MDriven Turnkey]]
 [[Category:AngularJS]]
+{{Edited|July|12|2025}}