From d491fc95409e78d2a28e82487144b3686c680f55 Mon Sep 17 00:00:00 2001
From: thuva4 <tharma.thuva@gmail.com>
Date: Sun, 15 Apr 2018 22:14:39 +0530
Subject: Add toast message in pods page

User can view the error/success message in
any part of the web page.

JIRA: RELENG-392

Change-Id: If2564bec92b17cecb847bccfee8a57979d23b45c
Signed-off-by: thuva4 <tharma.thuva@gmail.com>
---
 testapi/opnfv_testapi/ui/components/pods/pods.html | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

(limited to 'testapi/opnfv_testapi/ui/components/pods/pods.html')

diff --git a/testapi/opnfv_testapi/ui/components/pods/pods.html b/testapi/opnfv_testapi/ui/components/pods/pods.html
index 8e66a9c..b5dadf5 100644
--- a/testapi/opnfv_testapi/ui/components/pods/pods.html
+++ b/testapi/opnfv_testapi/ui/components/pods/pods.html
@@ -19,22 +19,18 @@
         <div class="col-sm-1 pull-right">
             <button type="button" class="btn btn-success" ng-click="ctrl.listPods()">
               <i class="fa fa-search"></i> Filter</button>
+            <div ng-class="{'show': ctrl.showError}" id="toast" class="error">
+                    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true" ></span>
+                    {{ctrl.error}}</div>
+            <div ng-class="{'show': ctrl.showSuccess}" id="toast" class="success">
+                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
+                    {{ctrl.success}}</div>
         </div>
         <div class="col-sm-3 pull-right">
             <span style="margin-top:6px">Search:&nbsp;&nbsp;</span>
             <input type="text" class="form-control search" ng-enter="ctrl.listPods()"  ng-Model="ctrl.filterText" placeholder="Search String">
         </div>
 </div>
-<div class="col-md-12">
-    <div ng-show="ctrl.showError" class="col-md-12 alert alert-danger" role="alert">
-        <span class="pull-right">&nbsp;{{ctrl.error}}</span>
-        <span class="glyphicon glyphicon-exclamation-sign pull-right" aria-hidden="true" >Error:</span>
-    </div>
-    <div ng-show="ctrl.showSuccess" class="col-md-12 alert alert-success" role="alert">
-        <span class="pull-right">&nbsp;{{ctrl.success}}</span>
-        <span class="glyphicon glyphicon-ok pull-right" aria-hidden="true"></span>
-    </div>
-</div>
 <div class="col-md-12" style="padding-right:0px">
     <div class="table-responsive">
         <table class="table table-bordered table-hover"  ng-data="ctrl.data.pods">
-- 
cgit 1.2.3-korg