From 4ccd2f88a36852076f6ae05a0181924c60f24ad6 Mon Sep 17 00:00:00 2001
From: p-a-s-c-a-l <pascal.dihe@cismet.de>
Date: Thu, 28 May 2020 08:11:24 +0200
Subject: [PATCH] #21 use ng-if instead of ng-hide to remove DOM nodes

---
 app/index.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/index.html b/app/index.html
index ee9f408..45a993c 100644
--- a/app/index.html
+++ b/app/index.html
@@ -62,7 +62,7 @@
                                      border-right: 1px solid #ddd;
                                      border-bottom: 1px solid #ddd;
                                      padding: 20px 30px;">
-                                    <div class="row" style="margin-bottom: 20px;" ng-hide="true">
+                                    <div class="row" style="margin-bottom: 20px;" ng-if="false">
                                         <div class="col-lg-12" style="margin-top: 15px;">
                                             <div class="row">
                                                 <div class="col-lg-6 col-md-6">
@@ -116,7 +116,7 @@
                                     </div>
 
                                     <!-- Indicator / Criteria Table ####################################################### -->
-                                    <div class="row" id="indicatorCriteriaTable" name="indicatorCriteriaTable">
+                                    <div class="row">
                                         <div class="panel panel-default">
                                             <div class="panel-heading" 
                                                  style="display:table;width:100%">
@@ -128,7 +128,7 @@ <h3 style="display:table-cell;vertical-align: middle" class="panel-title">
                                                         {{forCriteriaTable ? 'Criteria' : 'Indicator'}} table
                                                     </a>
                                                 </h3>
-                                                <div class="pull-right" ng-hide="true">
+                                                <div class="pull-right" ng-if="false">
                                                     <div class="input-group">
                                                         <div class="input-group-btn " style="display: block">
                                                             <button type="button" class="btn btn-sm btn-primary dropdown-toggle" 
@@ -165,7 +165,7 @@ <h3 style="display:table-cell;vertical-align: middle" class="panel-title">
                                         </div>
                                     </div>
                                     <!-- Indicator Bar Charts  ####################################################### -->
-                                    <div class="row" id="indicatorBarCharts" name="indicatorBarCharts">
+                                    <div class="row">
                                         <div class="panel panel-default">
                                             <div class="panel-heading"
                                                  style="display:table;width:100%">
@@ -196,7 +196,7 @@ <h3 style="display:table-cell;vertical-align: middle" class="panel-title">
                                     </div>
                                     
                                     <!-- Worldstate Ranking Table ####################################################### -->
-                                    <div class="row" ng-hide="true">
+                                    <div class="row" ng-if="false">
                                         <div class="panel panel-default" role="tablist">
                                             <div class="panel-heading" role="tab" id="rankingTableHeading"
                                                  style="display:table;width:100%">
@@ -209,7 +209,7 @@ <h3 style="display:table-cell;vertical-align: middle" class="panel-title">
                                                         Worldstate Ranking Table
                                                     </a>
                                                 </h3>
-                                                <div class="pull-right" ng-hide="true">
+                                                <div class="pull-right" ng-if="false">
                                                     <div class="input-group">
                                                         <div class="input-group-btn " style="display: block">
                                                             <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" 
@@ -268,7 +268,7 @@ <h3 style="display:table-cell;vertical-align: middle" class="panel-title">
                                                         Worldstate Relation Analysis Chart
                                                     </a>
                                                 </h3>
-                                                <div class="btn-group pull-right" ng-hide="true">
+                                                <div class="btn-group pull-right" ng-if="false">
                                                     <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" ng-disabled="disabled">
                                                         Change Mode <span class="caret"></span>
                                                     </button>
@@ -298,7 +298,7 @@ <h3 style="display:table-cell;vertical-align: middle" class="panel-title">
                                         </div>
                                     </div>
                                     <!-- Criteria Radar Chart Comparison  ####################################################### -->    
-                                    <div class="row" ng-hide="true">
+                                    <div class="row" ng-if="false">
                                         <div class="panel panel-default">
                                             <div class="panel-heading"
                                                  style="display:table;width:100%">
@@ -377,7 +377,7 @@ <h3 class="panel-title ng-binding">
                         </tab>
                         <!--end analysis tab-->
                         <!--start criteria function manager tab-->
-                        <tab ng-hide="true">
+                        <tab ng-if="false">
                             <tab-heading>
                                 Edit criteria functions
                             </tab-heading>
@@ -423,7 +423,7 @@ <h3 class="panel-title ng-binding">
                         </tab>
                         <!--start criteria function manager tab-->
                         <!--start decision strategy manager tab-->
-                        <tab ng-hide="true">
+                        <tab ng-if="false">
                             <tab-heading>
                                 Edit decision strategies
                             </tab-heading>