Design the scenario create method

design scenario create method in modal way.
design scenario page.
Add,delete for installers,versions, projects, customs, trust
indicators and scores are implemented.
tests are not included. validations are not added.

Change-Id: I999229c00869fcd5a4efa97cb2679a08fc24b271
Signed-off-by: thuva4 <tharma.thuva@gmail.com>

1 files changed, 121 insertions, 0 deletions

diff --git a/testapi/opnfv_testapi/ui/components/scenarios/modals/projectModal.html b/testapi/opnfv_testapi/ui/components/scenarios/modals/projectModal.html
new file mode 100644
index 0000000..5885a61
--- /dev/null
+++ b/testapi/opnfv_testapi/ui/components/scenarios/modals/projectModal.html
@@ -0,0 +1,121 @@
+<div class="ball" style="padding:5px;">
+        <div class="modal-body">
+            <div class="form-horizontal">
+                <fieldset>
+                    <div class="form-group">
+                        <legend>{{projectModalCtrl.data.text}}</legend>
+                        <div class="row">
+                                <div class="update-project">
+                                    <div class="col-sm-4">
+                                        <label for="cpid" class="control-label"> Project&nbsp;Name: </label>
+                                    </div>
+                                    <div class="col-sm-6">
+                                        <input type="text" class="form-control" ng-model="projectModalCtrl.project.project"/>
+                                        <p class="help-block"></p>
+                                    </div>
+                                </div>
+                                <div class="update-project">
+                                    <div class="col-sm-4">
+                                        <label for="cpid" class="control-label"> Trust&nbsp;Indicator: </label>
+                                    </div>
+                                    <div class="col-sm-6">
+                                        <button class="btn btn-primary" ng-click="projectModalCtrl.openTrustIndicatorModal()">Add&nbsp;Trust&nbsp;Indicator</button>
+                                            <p class="help-block"></p>
+                                    </div>
+                                </div>
+                                <div class="update-project">
+                                    <div class="col-sm-4">
+                                        <label for="cpid" class="control-label"> Score: </label>
+                                    </div>
+                                    <div class="col-sm-6">
+                                        <button class="btn btn-primary" ng-click="projectModalCtrl.openScoreModal()">Add&nbsp;Score</button>
+                                            <p class="help-block"></p>
+                                    </div>
+                                </div>
+                                <div class="update-project">
+                                    <div class="col-sm-4">
+                                        <label for="cpid" class="control-label"> Custom: </label>
+                                    </div>
+                                    <div class="col-sm-6">
+                                        <button class="btn btn-primary" ng-click="projectModalCtrl.openCustomModal()">Add&nbsp;Custom</button>
+                                            <p class="help-block"></p>
+                                    </div>
+                                </div>
+                            </div>
+                    </div>
+                </fieldset>
+            </div>
+            <div class='clo-md-12' style="padding-right:0px">
+                <h3>Scores</h3>
+                <div class="table-responsive">
+                    <table class="table table-bordered table-hover"  ng-data="projectModalCtrl.project.scores">
+                    <thead>
+                    <tr style="
+                    text-align: center;">
+                        <th style="width: 1%;">Score</th>
+                        <th style="width: 19%;">Date</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr ng-repeat-start="(index, score) in projectModalCtrl.project.scores" style="padding:9px">
+                        <td>{{score.score}}</td>
+                        <td>{{score.date}}</td>
+                    </tr>
+                    <tr ng-repeat-end=>
+                    </tr>
+                    </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class='clo-md-12' style="padding-right:0px">
+                <h3>Trust&nbsp;Indicator</h3>
+                <div class="table-responsive">
+                    <table class="table table-bordered table-hover"  ng-data="projectModalCtrl.project.trust_indicators">
+                    <thead>
+                    <tr style="
+                    text-align: center;">
+                        <th style="width: 1%;">Status</th>
+                        <th style="width: 19%;">Date</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr ng-repeat-start="(index, trustIndicator) in projectModalCtrl.project.trust_indicators" style="padding:9px">
+                        <td>{{trustIndicator.status}}</td>
+                        <td>{{trustIndicator.date}}</td>
+                    </tr>
+                    <tr ng-repeat-end=>
+                    </tr>
+                    </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class='clo-md-12' style="padding-right:0px">
+                <h3>Customs</h3>
+                <div class="table-responsive">
+                    <table class="table table-bordered table-hover"  ng-data="projectModalCtrl.project.customs">
+                    <thead>
+                    <tr style="
+                    text-align: center;">
+                        <th style="width: 1%;">Custom</th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr ng-repeat-start="(index, custom) in projectModalCtrl.project.customs" style="padding:9px">
+                        <td>{{custom}}</td>
+                    </tr>
+                    <tr ng-repeat-end=>
+                    </tr>
+                    </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+        <div class="modal-footer">
+            <div ng-show="projectModalCtrl.showCreateError" style="padding:0px;" class="col-md-6 alert alert-danger" role="alert">
+                    <span class="pull-right">&nbsp;{{projectModalCtrl.error}}</span>
+                    <span class="glyphicon glyphicon-exclamation-sign pull-right" aria-hidden="true" >Error:</span>
+            </div>
+            <button class="btn btn-primary" ng-click="projectModalCtrl.confirm()">Ok</button>
+            <button class="btn btn-default" ng-click="projectModalCtrl.cancel()">Cancel</button>
+        </div>
+    </div>
\ No newline at end of file