From 64c7195ab24e5b40cb4e24f195f4d64050e7171f Mon Sep 17 00:00:00 2001
From: Konstantinos Triantafyllou <k.triantafyllou@di.uoa.gr>
Date: Wed, 13 Nov 2019 11:16:35 +0000
Subject: [PATCH] [Monitor Dashoboard]: Load uikit js from javascript.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor_dashboard@57595 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/home/home.component.html |  4 ++--
 src/index.html                   | 24 +++++++++++++++++++-----
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 8d365b2..766a87a 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -168,11 +168,11 @@
       </div>
     </div>
     <div *ngIf="stakeholder" class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-medium" uk-grid
-         uk-height-match="target: .target">
+         uk-height-match="target: .md-card; row: true">
       <ng-template ngFor [ngForOf]="stakeholder.topics" let-topic>
         <div>
           <a [routerLink]="topic.alias">
-            <div class="md-card target">
+            <div class="md-card">
               <div class="md-card-content">
                 <h6 class="uk-text-bold">{{topic.name}}</h6>
                 <div class="uk-text-secondary">
diff --git a/src/index.html b/src/index.html
index 0f6c77c..51080ff 100644
--- a/src/index.html
+++ b/src/index.html
@@ -48,12 +48,26 @@
       <app-root></app-root>
     </div>
   </body>
+  <script>
+      window.onerror = function (errorMsg, url, lineNumber, column, errorObj) {
+          // console.log(errorMsg + " __" + url + " __" +  lineNumber + " __" +  column + " __" +  errorObj);
+          if((errorMsg && errorMsg.indexOf("uikit.js") != -1) || url.indexOf("uikit.js") != -1 ){
+              console.log("********UIKIT Error ***********");
+              $.getScript("assets/theme-assets/uikit/js/uikit.min.js");
+              $.getScript("assets/theme-assets/uikit/js/uikit-icons.min.js");
+          }
+
+      }
+  </script>
+  <script>
+      $(document).ready(function(){
+          console.log("Is ready - load uikit ***")
+          $.getScript("assets/theme-assets/uikit/js/uikit.min.js");
+          $.getScript("assets/theme-assets/uikit/js/uikit-icons.min.js");
+      });
+
+  </script>
   <script src="assets/theme-assets/js/common.min.js"></script>
-  <!-- uikit functions -->
-<!--  <script src="assets/theme-assets/js/uikit_custom.min.js"></script>-->
-  <script src="assets/theme-assets/uikit/js/uikit.min.js"></script>
-  <script src="assets/theme-assets/uikit/js/uikit-icons.min.js"></script>
-  <!-- altair common functions/helpers -->
   <script src="assets/theme-assets/js/altair_admin_common.min.js"></script>
   <script>
       if(isHighDensity) {