From a8d91590abc57fdf9b063c095d74766a1daaf9a5 Mon Sep 17 00:00:00 2001
From: Alex Ellis <alexellis2@gmail.com>
Date: Sat, 3 Mar 2018 19:49:19 +0000
Subject: [PATCH] UI: fix ng-model complaint

Signed-off-by: Alex Ellis <alexellis2@gmail.com>
---
 gateway/assets/index.html          |  6 ++----
 gateway/assets/script/bootstrap.js | 17 ++++++++++++-----
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/gateway/assets/index.html b/gateway/assets/index.html
index 929cdd75..a0c83ba1 100644
--- a/gateway/assets/index.html
+++ b/gateway/assets/index.html
@@ -89,11 +89,9 @@
                                 </md-button>
 
                             </div>
+
                             <div layout-gt-sm="row">
-                                <md-input-container class="md-icon-float md-block">
-                                    <label>Status</label>
-                                    <input ng-model="isReady(function)" type="text" readonly="readonly">
-                                </md-input-container>
+                                <ready-input></ready-input>
 
                                 <md-input-container class="md-icon-float md-block">
                                     <label>Replicas</label>
diff --git a/gateway/assets/script/bootstrap.js b/gateway/assets/script/bootstrap.js
index 0320eca0..385d336a 100644
--- a/gateway/assets/script/bootstrap.js
+++ b/gateway/assets/script/bootstrap.js
@@ -4,6 +4,16 @@
 
 var app = angular.module('faasGateway', ['ngMaterial', 'faasGateway.funcStore']);
 
+app.directive("readyInput", function() {
+    return {
+        "restrict": "E",
+        "template": '<md-input-container class="md-icon-float md-block">'+
+        '   <label>Status</label>' +
+        '   <input value="{{ function.ready ? \'Ready\' : \'Querying\' }}" type="text" readonly="readonly">' +
+        '</md-input-container>'
+    };
+});
+
 app.controller("home", ['$scope', '$log', '$http', '$location', '$timeout', '$mdDialog', '$mdToast', '$mdSidenav',
     function($scope, $log, $http, $location, $timeout, $mdDialog, $mdToast, $mdSidenav) {
         var newFuncTabIdx = 0;
@@ -32,14 +42,11 @@ app.controller("home", ['$scope', '$log', '$http', '$location', '$timeout', '$md
         };
 
         $scope.isReady = function(selectedFunction) {
-            if(selectedFunction.ready != undefined && selectedFunction.ready) {
-                return "Ready";
-            }
-            return "Querying..";
+            return (selectedFunction.ready != undefined && selectedFunction.ready == true);
         }
 
         $scope.invocation.request = "";
-
+        $scope.isFunctionReady = "Querying";
         $scope.fetchFunctionsDelay = 3500;
         $scope.queryFunctionDelay = 2500;