diff options
author | Wang,Frank(gw1218) <gw1218@att.com> | 2018-08-22 13:44:09 -0500 |
---|---|---|
committer | Wang,Frank(gw1218) <gw1218@att.com> | 2018-08-23 11:30:21 -0500 |
commit | 44bae6729336dfc47f1aaaa2c4e88f4e32e207ce (patch) | |
tree | 308c674baca1d2ce9ff378964d6392b58b941928 /POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models | |
parent | c25e4d412eb573de020ba4e5da48f48451217f52 (diff) |
Enhancement on Dashboard
Enhancement on dashboard by including more info related to CRUD actions
on policies and also providing an advanced search feature.
Issue-ID: POLICY-1042
Change-Id: I987e0ca13824413f90299a366fb4464fca7de06a
Signed-off-by: Wang,Frank(gw1218) <gw1218@att.com>
Diffstat (limited to 'POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models')
4 files changed, 189 insertions, 5 deletions
diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/css/main.css b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/css/main.css index 850adb338..d7c98b98c 100644 --- a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/css/main.css +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/css/main.css @@ -2,7 +2,7 @@ * ============LICENSE_START======================================================= * ONAP Policy Engine * ================================================================================ - * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + * Copyright (C) 2017-2018 AT&T Intellectual Property. All rights reserved. * ================================================================================ * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -469,4 +469,85 @@ table th > a:focus { .mstooltip:hover .tooltiptext { visibility: visible; +} + + +.msloader { + border: 6px solid #a94442; + border-top: 6px solid #3498db; /* Blue */ + border-radius: 50%; + width: 60px; + height: 60px; + animation: spin 2s linear infinite; +} + + +@-webkit-keyframes spin { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); } +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + +#msPolicyloader { + display:block; + background-color:#c0c0c0; + width:20px; + height: 20px; + margin-left: 5px; +} + +#msVersion { + width: 195px; + height: 20px; + border: 0px; + display: -webkit-flex; /* Safari */ + -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */ + display: flex; + flex-flow: row-reverse wrap; +} + +#advancedSearch i { + border: solid black; + border-width: 0 1px 1px 0; + display: inline-block; + padding: 3px; + margin-left:20px; +} +.arrowright { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); +} + +.arrowleft { + transform: rotate(135deg); + -webkit-transform: rotate(135deg); +} + +.arrowup { + transform: rotate(-135deg); + -webkit-transform: rotate(-135deg); +} + +.arrowdown { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); +} + +#dashBoardAdvanceSearch .well { + padding-bottom: 5px; +} + +#dashBoardAdvanceSearch button { + float: left; + padding-bottom: 10px; + background: #f5f5f5; + color: black; + font-size: 22px; + border: 0px solid grey; + border-left: none; + cursor: pointer; }
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardCRUD.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardCRUD.html new file mode 100644 index 000000000..cb02a1ca8 --- /dev/null +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardCRUD.html @@ -0,0 +1,99 @@ +<!--/*- + * ============LICENSE_START======================================================= + * ONAP Policy Engine + * ================================================================================ + * Copyright (C) 2018 AT&T Intellectual Property. All rights reserved. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============LICENSE_END========================================================= + */--> +<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/> +<div id="page-content" style="margin-bottom: 20px; width: 100%" ng-app ng-controller = "policyDashboardCRUDDataController"> + <div> + <h1 style="text-align: left;font-size: 25px;color: #066090;padding-top: 15px;">Policy Status Info</h1> + <div ng-show="showLoader" class="span loader-container"> + <i class="icon-spinner" role="img" + aria-label="Please wait while we load your content"></i> + </div> + </div> + <div ng-hide="showLoader"> + <div class="btn-group" role="group"> + <button class="btn btn-secondary" type="button" + onClick="window.location='policy#/Dashboard';">Logging</button> + <button class="btn btn-secondary" type="button" + onClick="window.location='policy#/Dashboard_Health';">Health</button> + <button class="btn btn-primary" type="button" + onClick="window.location='policy#/Dashboard_crud';">CRUD Info</button> + </div> + </div> + <br> + <a id='advancedSearch' href="" ng-click="advancedSearch()" title="" class="ng-binding">Advanced Search<i id='advancedSearchArrow' class="arrowdown"></i></a> + <br> + <br> + <div id="dashBoardAdvanceSearch"> + <form> + <div class="well"> + + <div class="row"> + <div class="form-group col-sm-2"> + <input type="text" + class="form-control" + ng-model="dashboardAdsearch.scope" required pattern="\S+" + title="Enter scope name without any spaces" placeholder="Scope like *" /> + </div> + <div class="form-group col-sm-2"> + <select + class="form-control" + ng-model="dashboardAdsearch.stage" + required pattern="\S+" title="Select the dropdown PAP or PDP."> + <option value="both" selected>Select Stage...</option> + <option>PAP</option> + <option>PDP</option> + </select> + </div> + <div class="form-group col-sm-2"> + <select + class="form-control" + ng-model="dashboardAdsearch.isDelected" + required pattern="\S+" title="Select the dropdown Yes or No"> + <option value="both" selected>Is Deleted ?</option> + <option>Yes</option> + <option>No</option> + </select> + </div> + <div class="form-group col-sm-2"> + <input type="text" id="ttlDate_after" + class="form-control" name="ttlDate_after" + ng-model="dashboardAdsearch.ttlDate_after" title="Select the date from calender onclick on the field." placeholder="Creation Date After..." /> + </div> + <div class="form-group col-sm-2"> + <input type="text" id="ttlDate_before" + class="form-control" name="ttlDate_before" + ng-model="dashboardAdsearch.ttlDate_before" title="Select the date from calender onclick on the field." placeholder="Creation Date Before..."/> + </div> + <div class="form-group col-sm-2"> + <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> + </div> + + </div> + </div> + + </form> + </div> + <p id=recordsMessage>Policies were retrieved for last 30 days...</p> + <h4 style="text-align: left; color: #157bb2"></h4> + <div ui-grid="papCRUDStatusDatas" ui-grid-pagination ui-grid-selection + ui-grid-resize-columns ui-grid-exporter class="grid" ></div> +</div> + +
\ No newline at end of file diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardHealth.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardHealth.html index 5fbdf528d..046643ea5 100644 --- a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardHealth.html +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardHealth.html @@ -2,7 +2,7 @@ * ============LICENSE_START======================================================= * ONAP Policy Engine * ================================================================================ - * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + * Copyright (C) 2017-2018 AT&T Intellectual Property. All rights reserved. * ================================================================================ * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -19,7 +19,7 @@ */--> <div id="page-content" style="margin-bottom: 20px; width: 100%"> <div> - <h1 style="text-align: left; color: #157bb2">Policy Engine Health</h1> + <h1 style="text-align: left;font-size: 25px;color: #066090;padding-top: 15px;">Policy Engine Health</h1> <div ng-show="showLoader" class="span loader-container"> <i class="icon-spinner" role="img" aria-label="Please wait while we load your content"></i> @@ -31,6 +31,8 @@ onClick="window.location='policy#/Dashboard';">Logging</button> <button class="btn btn-primary" type="button" onClick="window.location='policy#/Dashboard_Health';">Health</button> + <button class="btn btn-secondary" type="button" + onClick="window.location='policy#/Dashboard_crud';">CRUD Info</button> </div> </div> <br> diff --git a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardLogging.html b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardLogging.html index a42427fb5..8ec80dcba 100644 --- a/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardLogging.html +++ b/POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/policy_DashboardLogging.html @@ -2,7 +2,7 @@ * ============LICENSE_START======================================================= * ONAP Policy Engine * ================================================================================ - * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved. + * Copyright (C) 2017-2018 AT&T Intellectual Property. All rights reserved. * ================================================================================ * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -19,7 +19,7 @@ */--> <div id="page-content" style="margin-bottom: 20px; width: 100%"> <div> - <h1 style="text-align: left; color: #157bb2">Dashboard Logging</h1> + <h1 style="text-align: left;font-size: 25px;color: #066090;padding-top: 15px;">Dashboard Logging</h1> <div ng-show="showLoader" class="span loader-container"> <i class="icon-spinner" role="img" aria-label="Please wait while we load your content"></i> @@ -31,6 +31,8 @@ onClick="window.location='policy#/Dashboard';">Logging</button> <button class="btn btn-secondary" type="button" onClick="window.location='policy#/Dashboard_Health';">Health</button> + <button class="btn btn-secondary" type="button" + onClick="window.location='policy#/Dashboard_crud';">CRUD Info</button> </div> </div> <br> |