POLICY-SDK-APP/src/main/webapp/app/policyApp/policy-models/Editor/templates/searchNavbar.html

   1 <!--
   2   ============LICENSE_START==================================================
   3   ONAP Policy Engine
   4   ===========================================================================
   5   Copyright (C) 2017-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 <style>
  21 body {
  22         padding-top: 50px;
  23 }
  24
  25 .dropdown.dropdown-lg .dropdown-menu {
  26         margin-top: -1px;
  27         padding: 6px 20px;
  28 }
  29
  30 .input-group-btn .btn-group {
  31         display: flex !important;
  32 }
  33
  34 .btn-group .btn {
  35         border-radius: 0;
  36         margin-left: -1px;
  37 }
  38
  39 .btn-group .btn:last-child {
  40         border-top-right-radius: 4px;
  41         border-bottom-right-radius: 4px;
  42 }
  43
  44 .btn-group .form-horizontal .btn[type="submit"] {
  45         border-top-left-radius: 4px;
  46         border-bottom-left-radius: 4px;
  47 }
  48
  49 .form-horizontal .form-group {
  50         margin-left: 0;
  51         margin-right: 0;
  52 }
  53
  54 .form-group .form-control:last-child {
  55         border-top-left-radius: 4px;
  56         border-bottom-left-radius: 4px;
  57 }
  58
  59 @media screen and (min-width: 768px) {
  60         #adv-search {
  61                 width: 550px;
  62                 margin: 0 auto;
  63         }
  64         .dropdown.dropdown-lg {
  65                 position: static !important;
  66         }
  67         .dropdown.dropdown-lg .dropdown-menu {
  68                 min-width: 550px;
  69         }
  70 }
  71 </style>
  72 <nav class="navbar navbar-light bg-faded">
  73         <div class="form-group row">
  74                 <div class="form-group col-sm-8" style="margin-top: 2%">
  75                         <div class="container">
  76                                 <div class="row">
  77                                         <div class="input-group">
  78                                                 <div class="input-group" id="adv-search">
  79                                                         <input type="text" class="form-control"
  80                                                                 placeholder="{{'search'}}..." ng-model="search.query" title="Enter the value to filter policies."/>
  81                                                         <div class="input-group-btn">
  82                                                                 <div class="btn-group" role="group">
  83                                                                         <div class="dropdown dropdown-lg">
  84                                                                                 <button type="button" class="btn btn-pedefault dropdown-toggle"
  85                                                                                         data-toggle="dropdown" aria-expanded="false">
  86                                                                                         <span class="caret"></span>
  87                                                                                 </button>
  88                                                                                 <div class="dropdown-menu dropdown-menu-right" role="menu">
  89                                                                                         <form class="form-horizontal" role="form">
  90                                                                                                 <div class="form-group row">
  91                                                                                                         <div class="form-group col-sm-4">
  92                                                                                                                 <label for="filter">Policy Type:</label> <select
  93                                                                                                                         class="form-control" ng-model="search.policyType" title="Select the PolicyType value.">
  94                                                                                                                         <option>action</option>
  95                                                                                                                         <option>config</option>
  96                                                                                                                         <option>closedLoop</option>
  97                                                                                                                         <option>decision</option>
  98                                                                                                                         <option>all</option>
  99                                                                                                                 </select>
 100                                                                                                         </div>
 101                                                                                                         <div class="form-group col-sm-8">
 102                                                                                                                 <label for="filter">Descriptive Type:</label> <select
 103                                                                                                                         class="form-control" ng-model="search.descriptiveScope"
 104                                                                                                                         ng-options="option for option in descriptiveScopeDictionaryDatas track by option" title="Select Descriptive Scope value driven from Descriptive Scope dictionary."></select>
 105                                                                                                         </div>
 106                                                                                                 </div>
 107                                                                                                 <div ng-if="search.policyType == 'closedLoop'">
 108                                                                                                         <div class="form-group row">
 109                                                                                                                 <div class="form-group col-sm-6">
 110                                                                                                                         <label>ClosedLoop Policy Type:</label><BR> <select
 111                                                                                                                                 class="form-control"
 112                                                                                                                                 ng-model="search.closedLooppolicyType" title="Select the ClosedLoop Policy Type value.">
 113                                                                                                                                 <option>Config_Fault</option>
 114                                                                                                                                 <option>Config_PM</option>
 115                                                                                                                         </select>
 116                                                                                                                 </div>
 117                                                                                                                 <div class="form-group col-sm-6">
 118                                                                                                                         <label>Onap Name:</label><BR> <select
 119                                                                                                                                 class="form-control" ng-model="search.onapName" title="Select the dropdown value driven from ONAP (Common)Dictionary."
 120                                                                                                                                 ng-options="option for option in onapNameDictionaryDatas track by option"></select>
 121                                                                                                                 </div>
 122                                                                                                         </div>
 123                                                                                                         <div class="form-group row">
 124                                                                                                                 <div class="form-group col-sm-6" ng-if="search.closedLooppolicyType == 'Config_PM'">
 125                                                                                                                         <label>D2 Service:</label><BR> <select
 126                                                                                                                                 class="form-control" ng-model="search.d2Service" title="Select the ClosedLoop D2 Service value.">
 127                                                                                                                                 <option>Hosted Voice(Trinity)</option>
 128                                                                                                                                 <option>vUSP</option>
 129                                                                                                                                 <option>MCR</option>
 130                                                                                                                                 <option>Gamma</option>
 131                                                                                                                                 <option>vDNS</option>
 132                                                                                                                         </select>
 133                                                                                                                 </div>
 134                                                                                                                 <div class="form-group col-sm-6"
 135                                                                                                                         ng-if="search.closedLooppolicyType == 'Config_PM'">
 136                                                                                                                         <label>Service Type:</label><BR> <select
 137                                                                                                                                 class="form-control" ng-model="search.serviceType" title="Select the Service Type Value.">
 138                                                                                                                                 <option>Registration Failure(Trinity)</option>
 139                                                                                                                                 <option>International Fraud(Trinity)</option>
 140                                                                                                                                 <option>No Dial Tone(Trinity)</option>
 141                                                                                                                                 <option>Call Storm(Trinity)</option>
 142                                                                                                                                 <option>Registration Storm(Trinity)</option>
 143                                                                                                                         </select>
 144                                                                                                                 </div>
 145                                                                                                         </div>
 146                                                                                                         <div class="form-group row">
 147                                                                                                                 <div class="form-group col-sm-6"
 148                                                                                                                         ng-if="search.closedLooppolicyType == 'Config_Fault'">
 149                                                                                                                         <label>VNF Type:</label><BR> <select
 150                                                                                                                                 class="form-control" ng-model="search.vnfType" title="Select the ClosedLoop VNF Type value."
 151                                                                                                                                 ng-options="option for option in vnfTypeDictionaryDatas track by option"></select>
 152                                                                                                                 </div>
 153                                                                                                                 <div class="form-group col-sm-6"
 154                                                                                                                         ng-if="search.closedLooppolicyType == 'Config_Fault'">
 155                                                                                                                         <label>Policy Status:</label><BR> <select
 156                                                                                                                                 class="form-control" ng-model="search.policyStatus" title="Select the Policy Status value.">
 157                                                                                                                                 <option>Active</option>
 158                                                                                                                                 <option>InActive</option>
 159                                                                                                                         </select>
 160                                                                                                                 </div>
 161                                                                                                         </div>
 162                                                                                                         <div class="form-group row">
 163                                                                                                                 <div class="form-group col-sm-6"
 164                                                                                                                         ng-if="search.closedLooppolicyType == 'Config_Fault'">
 165                                                                                                                         <label>vPRO Action:</label><BR> <select
 166                                                                                                                                 class="form-control" ng-model="search.vproAction"
 167                                                                                                                                 ng-options="option for option in vsclActionDictionaryDatas track by option" title="Select vPRO Action value."></select>
 168                                                                                                                 </div>
 169                                                                                                                 <div class="form-group col-sm-6" ng-if="search.closedLooppolicyType == 'Config_Fault'">
 170                                                                                                                         <label>Bind Text Search to:</label><BR> <select
 171                                                                                                                                 class="form-control" ng-model="search.bindTextSearch" title="Select the Bind Text Search value.">
 172                                                                                                                                 <option>Email Address</option>
 173                                                                                                                                 <option>Trigger Signature</option>
 174                                                                                                                                 <option>Connect All Traps</option>
 175                                                                                                                                 <option>Verification Signature</option>
 176                                                                                                                                 <option>Connect All Faults</option>
 177                                                                                                                                 <option>Onset Message</option>
 178                                                                                                                                 <option>Policy Name</option>
 179                                                                                                                                 <option>Abatement Message</option>
 180                                                                                                                                 <option>Geo Link</option>
 181                                                                                                                         </select>
 182                                                                                                                 </div>
 183                                                                                                         </div>
 184                                                                                                 </div>
 185                                                                                         </form>
 186                                                                                 </div>
 187                                                                         </div>
 188                                                                         <button type="button" class="btn btn-pedefault"
 189                                                                                 ng-click="refresh(search = null);" title="Clear the selected values.">
 190                                                                                 <span aria-hidden="true">Clear</span>
 191                                                                         </button>
 192                                                                         <button type="button" class="btn btn-primary"
 193                                                                                 ng-click="searchPolicy(search);" title="Click on the button to search for policies after entering the fields.">
 194                                                                                 <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
 195                                                                         </button>
 196                                                                 </div>
 197                                                         </div>
 198                                                 </div>
 199                                         </div>
 200                                 </div>
 201                         </div>
 202                 </div>
 203                 <div class="form-group col-sm-4" style="margin-top: 2%" align="right">
 204                         <div class="btn-group">
 205                                 <button class="btn btn-secondary" type="button" onClick="window.location='policy#/Editor';" title="OnClick navigate to Editor tab.">Editor</button>
 206                                 <button class="btn btn-primary" type="button" onClick="window.location='policy#/policy_SearchFilter';" title="Search Policy window">Filter</button>
 207                         </div>
 208                 </div>
 209         </div>
 210 </nav>