From e769ef7d0bac50b438e483e7a15a1e68e0f85b4f Mon Sep 17 00:00:00 2001
From: Benedict Aas <x@shou.io>
Date: Wed, 7 Feb 2018 13:36:02 +0000
Subject: [PATCH] feat(GUI): replace ng-show and ng-hide with ng-if

We replace `ng-show/hide` with `ng-if` on the main page in order to
remove unnecessary calls and become more efficient.

Changelog-Entry: Replace ng-show/hide with ng-if on main page.
Change-Type: patch
---
 lib/gui/app/pages/main/templates/main.tpl.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/gui/app/pages/main/templates/main.tpl.html b/lib/gui/app/pages/main/templates/main.tpl.html
index 91d15cb7..2ff5cc3f 100644
--- a/lib/gui/app/pages/main/templates/main.tpl.html
+++ b/lib/gui/app/pages/main/templates/main.tpl.html
@@ -7,7 +7,7 @@
       </div>
 
       <div class="space-vertical-large">
-        <div ng-hide="main.selection.hasImage()">
+        <div ng-if="!main.selection.hasImage()">
           <button
             class="button button-primary button-brick"
             tabindex="{{ main.selection.hasImage() ? -1 : 1 }}"
@@ -49,7 +49,7 @@
       </div>
 
       <div class="space-vertical-large">
-        <div ng-hide="main.selection.hasDrive()">
+        <div ng-if="!main.selection.hasDrive()">
 
           <div>
             <button class="button button-primary button-brick"
@@ -59,7 +59,7 @@
           </div>
 
         </div>
-        <div ng-show="main.selection.hasDrive()">
+        <div ng-if="main.selection.hasDrive()">
 
           <div class="step-selection-text"
             ng-class="{
@@ -99,7 +99,7 @@
             <span ng-bind="flash.getProgressButtonLabel()"></span>
         </progress-button>
 
-        <p class="step-footer step-footer-split" ng-show="main.state.getFlashState().speed && main.state.getFlashState().percentage != 100">
+        <p class="step-footer step-footer-split" ng-if="main.state.getFlashState().speed && main.state.getFlashState().percentage != 100">
           <span ng-bind="main.state.getFlashState().speed.toFixed(2) + ' MB/s'"></span>
           <span>ETA: {{ main.state.getFlashState().eta | secondsToDate | amDateFormat:'m[m]ss[s]' }}</span>
         </p>