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

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