From 1fe11fb48972ce30b21a4423244642f0ed391b0c Mon Sep 17 00:00:00 2001
From: thuva4 <tharma.thuva@gmail.com>
Date: Sun, 11 Feb 2018 16:31:48 +0530
Subject: Add multiple customs in scenario page

implement function to add multiple customs with
a single add button click

JIRA: RELENG-344

Change-Id: I7c4ac409ee5d78a6a01b242368b02813f0df400f
Signed-off-by: thuva4 <tharma.thuva@gmail.com>
---
 .../components/scenarios/modals/customModal.html   | 30 ++++++++++++++++++----
 1 file changed, 25 insertions(+), 5 deletions(-)

(limited to 'testapi/opnfv_testapi/ui/components/scenarios/modals')

diff --git a/testapi/opnfv_testapi/ui/components/scenarios/modals/customModal.html b/testapi/opnfv_testapi/ui/components/scenarios/modals/customModal.html
index 987cb1e..90e4544 100644
--- a/testapi/opnfv_testapi/ui/components/scenarios/modals/customModal.html
+++ b/testapi/opnfv_testapi/ui/components/scenarios/modals/customModal.html
@@ -6,11 +6,31 @@
                         <legend>{{customModalCtrl.data.text}}</legend>
                         <div class="row">
                                 <div class="update-project">
-                                    <label for="cpid" class="control-label col-sm-4">Custom: </label>
-                                    <div class="col-sm-6">
-                                        <input type="text" class="form-control" ng-model="customModalCtrl.custom"/>
-                                        <p class="help-block"></p>
-                                    </div>
+                                        <label for="cpid" class="control-label col-sm-4">Custom: </label>
+                                    <table cellpadding="0" cellspacing="0">
+                                        <tbody ng-repeat="custom in customModalCtrl.customs">
+                                            <tr>
+                                                <td>
+                                                    <div class="col-sm-12">
+                                                        <input type="text" class="form-control" value="{{custom}}" disabled/>
+                                                        <p class="help-block"></p>
+                                                    </div>
+                                                </td>
+                                                <td><input type="button" class="btn btn-danger" ng-click="customModalCtrl.remove($index)" value="Remove" /></td>
+                                            </tr>
+                                        </tbody>
+                                        <tfoot>
+                                            <tr>
+                                                <td>
+                                                    <div class="col-sm-12">
+                                                        <input type="text" class="form-control" ng-model="customModalCtrl.custom"/>
+                                                        <p class="help-block"></p>
+                                                    </div>
+                                                </td>
+                                                <td><input type="button" class="btn btn-primary" ng-click="customModalCtrl.add()" value="Add" /></td>
+                                            </tr>
+                                        </tfoot>
+                                    </table>
                                 </div>
                         </div>
                     </div>
-- 
cgit 1.2.3-korg