Enhancement on Dashboard
[policy/engine.git] / POLICY-SDK-APP / src / main / webapp / app / policyApp / policy-models / policy_DashboardCRUD.html
1 <!--/*-
2  * ============LICENSE_START=======================================================
3  * ONAP Policy Engine
4  * ================================================================================
5  * Copyright (C) 2018 AT&T Intellectual Property. All rights reserved.
6  * ================================================================================
7  * Licensed under the Apache License, Version 2.0 (the "License");
8  * you may not use this file except in compliance with the License.
9  * You may obtain a copy of the License at
10  * 
11  *      http://www.apache.org/licenses/LICENSE-2.0
12  * 
13  * Unless required by applicable law or agreed to in writing, software
14  * distributed under the License is distributed on an "AS IS" BASIS,
15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
16  * See the License for the specific language governing permissions and
17  * limitations under the License.
18  * ============LICENSE_END=========================================================
19  */-->
20 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/> 
21 <div id="page-content" style="margin-bottom: 20px; width: 100%" ng-app ng-controller = "policyDashboardCRUDDataController">
22         <div>
23                 <h1 style="text-align: left;font-size: 25px;color: #066090;padding-top: 15px;">Policy Status Info</h1>
24                 <div ng-show="showLoader" class="span loader-container">
25                         <i class="icon-spinner" role="img"
26                                 aria-label="Please wait while we load your content"></i>
27                 </div>
28         </div>
29         <div ng-hide="showLoader">
30                 <div class="btn-group" role="group">
31                                 <button class="btn btn-secondary" type="button"
32                                         onClick="window.location='policy#/Dashboard';">Logging</button>
33                                 <button class="btn btn-secondary" type="button"
34                                         onClick="window.location='policy#/Dashboard_Health';">Health</button>
35                                 <button class="btn btn-primary" type="button"
36                                         onClick="window.location='policy#/Dashboard_crud';">CRUD Info</button>  
37                 </div>
38         </div>
39         <br>
40         <a id='advancedSearch' href="" ng-click="advancedSearch()" title="" class="ng-binding">Advanced Search<i id='advancedSearchArrow' class="arrowdown"></i></a>
41     <br>
42         <br>
43         <div id="dashBoardAdvanceSearch">
44                 <form>
45                         <div class="well">
46         
47                                 <div class="row">
48                                         <div class="form-group col-sm-2">
49                                                 <input type="text"
50                                                         class="form-control" 
51                                                         ng-model="dashboardAdsearch.scope" required pattern="\S+"
52                                                         title="Enter scope name without any spaces" placeholder="Scope like *" />
53                                         </div>
54                                         <div class="form-group col-sm-2">
55                                                 <select 
56                                                         class="form-control" 
57                                                         ng-model="dashboardAdsearch.stage"
58                                                         required pattern="\S+" title="Select the dropdown PAP or PDP.">
59                                                         <option value="both" selected>Select Stage...</option>
60                                                         <option>PAP</option>
61                                                         <option>PDP</option>
62                                </select>
63                                         </div>
64                                         <div class="form-group col-sm-2">
65                                                 <select 
66                                                         class="form-control" 
67                                                         ng-model="dashboardAdsearch.isDelected"
68                                                         required pattern="\S+" title="Select the dropdown Yes or No">
69                                                         <option value="both" selected>Is Deleted ?</option>
70                                                         <option>Yes</option>
71                                                         <option>No</option>
72                                </select>
73                                         </div>
74                                         <div class="form-group col-sm-2">
75                                                 <input type="text" id="ttlDate_after"
76                                                         class="form-control" name="ttlDate_after" 
77                                                         ng-model="dashboardAdsearch.ttlDate_after" title="Select the date from calender onclick on the field." placeholder="Creation Date After..." />
78                                         </div>
79                                         <div class="form-group col-sm-2">
80                                                 <input type="text" id="ttlDate_before"
81                                                         class="form-control" name="ttlDate_before" 
82                                                         ng-model="dashboardAdsearch.ttlDate_before" title="Select the date from calender onclick on the field." placeholder="Creation Date Before..."/>
83                                         </div>
84                                         <div class="form-group col-sm-2">
85                             <button class="" herf="javascript:void(0)" ng-click="startAdvancedSearch(dashboardAdsearch);" title="Search the data entered in the Policy fields."><i class="fa fa-search"></i></button>
86                                         </div>
87         
88                                 </div>
89                         </div>
90         
91                 </form>
92         </div>
93      <p id=recordsMessage>Policies were retrieved for last 30 days...</p>
94         <h4 style="text-align: left; color: #157bb2"></h4>
95         <div ui-grid="papCRUDStatusDatas" ui-grid-pagination ui-grid-selection
96                 ui-grid-resize-columns ui-grid-exporter class="grid" ></div>
97 </div>
98         
99