Allow script tags to be defined in plugin settings (#4797) (#5361)

* Allow script tags to be defined in plugin settings (#4797)

* Fix for IE11
* Wrap NodeList in an Array.
* NodeList.forEach method is not supported on IE11,
  Use forEach method from Array

* More information: https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach\#Browser_Compatibility

Author: GaneshSPatil

server/webapp/WEB-INF/rails/webpack/views/shared/angular_plugin.js.msx

@@ -110,24 +110,38 @@ function onUpdate(scope, args) {
   };
 }
 
+const oncreate = function (vnode) {
+  vnode.children.forEach((elem) => {
+    if (!(elem.dom instanceof Element)) {
+      return;
+    }
+
+    Array.from(elem.dom.querySelectorAll("script")).forEach((script) => {
+      const newScript     = document.createElement('script');
+      newScript.innerHTML = script.innerHTML;
+      script.parentNode.replaceChild(newScript, script);
+    });
+  });
+};
+
 const AngularPlugin = {
-  template (template) {
+  template(template) {
     return $('<div></div>').html(template.replace(/GOINPUTNAME\[([^\]]*)\]/g, (_match, name) => {
       return `GOINPUTNAME['${name}']`;
     })).html();
   },
 
-  oninit () {
+  oninit() {
     this.$scope = Stream();
   },
 
-  view (vnode) {
+  view(vnode) {
     return (
       <div class='plugin-view'
            ng-controller={controllerName(vnode.attrs.configuration())}
            oncreate={onCreate(vnode.state.$scope, vnode.attrs)}
            onupdate={onUpdate(vnode.state.$scope, vnode.attrs)}>
-        {pluginTemplate(vnode.attrs.pluginInfoSettings())}
+        {m.fragment({oncreate}, [pluginTemplate(vnode.attrs.pluginInfoSettings())])}
       </div>
     );
   }