2 ============LICENSE_START=======================================================
4 ================================================================================
5 Copyright (C) 2017-2018 AT&T Intellectual Property. All rights
7 ================================================================================
8 Licensed under the Apache License, Version 2.0 (the "License");
9 you may not use this file except in compliance with the License.
10 You may obtain a copy of the License at
12 http://www.apache.org/licenses/LICENSE-2.0
14 Unless required by applicable law or agreed to in writing, software
15 distributed under the License is distributed on an "AS IS" BASIS,
16 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17 See the License for the specific language governing permissions and
18 limitations under the License.
19 ============LICENSE_END============================================
20 ===================================================================
27 background-color: #dddd;
32 vertical-align: middle;
47 background-color: #f5f5f5;
48 padding: 15px 5px 0 5px;
51 .form-group.clearfix {
52 display: -webkit-flex;
67 border-bottom: 1px solid #ddd;
68 border-collapse: collapse;
78 #policyTable tr.highlight {
79 background-color: #f5f5f5;
92 <div attribute-test="policywindowproperties" id="configure-widgets"
93 class="disabled-block-container">
94 <div attribute-test="policywindowpropertiesh" class="modal-header">
95 <button type="button" class="close" ng-click="close(false)"
96 aria-hidden="true" style="margin-top: -3px">×</button>
97 <h4>Operational Policy</h4>
101 <div class="modal-body">
102 <div attribute-test="policywindowpropertiesb" class="modal-body row">
104 <div class="panel panel-default col-sm-9 policyPanel">
105 <form id="operationalPolicyHeaderForm" class="form-horizontal">
107 <div class="form-group clearfix row">
108 <label class="col-sm-2">Parent policy</label>
109 <div class="col-sm-3" style="padding: 0px;">
110 <select type="text" id="trigger_policy" name="trigger_policy"
111 class="form-control" ng-model="null_dump"
112 ng-init="initPolicySelect()"
113 ng-options="policy for policy in policy_ids track by policy">
114 <option value="">-- choose an option --</option>
118 <label for="timeout" class="col-sm-3"
119 style="padding-left: 5px; padding-right: 10px;">Overall
121 <div class="col-sm-2" style="padding-left: 0px;">
122 <input type="text" ng-pattern="/^[0-9]*$/" ng-model="number"
123 class="form-control" id="timeout" name="timeout">
126 <label for="abatement" class="col-sm-2">Abatement</label>
127 <div class="col-sm-3" style="padding: 0px;">
128 <input type="checkbox" id="abatement" name="abatement"
129 checked="true" class="form-control">
132 <div class="form-group clearfix row">
133 <label class="col-sm-4 control-label" for="clname">ControlLoopName</label>
134 <div class="col-sm-8">
135 <input type="text" class="form-control" name="controlLoopName"
136 readonly="readonly" id="clname" ng-model="clname"/>
141 <div class="panel-heading" style="background-color: white;">
142 <ul id="nav_Tabs" class="nav nav-tabs">
143 <li class><a id="add_one_more" href="#desc_tab"><span
144 class="glyphicon glyphicon-plus" aria-hidden="true"></span></a></li>
147 <div class="panel-body">
148 <div class="tab-content">
149 <div id="properties_tab" class="tab-pane fade in active"></div>
154 <span id="formSpan" style="display: none">
155 <form class="policyProperties" class="form-horizontal"
156 style="border: 2px dotted gray;"
157 title="Operational Policy Properties">
159 <div class="form-group clearfix">
160 <label class="col-sm-4 control-label" for="id">ID</label>
161 <div class="col-sm-8">
162 <input type="text" class="form-control" name="id" id="id"
163 ng-keyup="updateTabLabel($event)" />
166 <div class="form-group clearfix">
167 <label class="col-sm-4 control-label" for="recipe">Recipe</label>
168 <div class="col-sm-8">
169 <select class="form-control" name="recipe" id="recipe"
170 enableFilter="true" ng-model="recipe" ng-click="updateGuardRecipe($event)">
171 <option value="">-- choose an option --</option>
172 <option value="Restart">Restart</option>
173 <option value="Rebuild">Rebuild</option>
174 <option value="Migrate">Migrate</option>
175 <option value="Health-Check">Health-Check</option>
176 <option value="ModifyConfig">ModifyConfig</option>
177 <option value="VF Module Create">VF Module Create</option>
178 <option value="VF Module Delete">VF Module Delete</option>
179 <option value="Reroute">Reroute</option>
183 <div class="form-group clearfix">
184 <label for="retry" class="col-sm-4 control-label"> Retry</label>
185 <div class="col-sm-8">
186 <input type="text" maxlength="5" class="form-control" id="retry"
187 ng-pattern="/^[0-9]*$/" ng-model="number" name="retry">
191 <div class="form-group clearfix">
192 <label for="timeout" class="col-sm-4 control-label">
194 <div class="col-sm-8">
195 <input type="text" maxlength="5" class="form-control"
196 id="timeout" ng-pattern="/^[0-9]*$/" ng-model="number"
197 name="timeout"></input>
201 <div class="form-group clearfix">
202 <label for="actor" class="col-sm-4 control-label"> Actor</label>
203 <div class="col-sm-8">
204 <select class="form-control" id="actor" name="actor" ng-click="updateGuardActor($event)" ng-model="actor">
205 <option value="">-- choose an option --</option>
206 <option value="APPC">APPC</option>
207 <option value="SO">SO</option>
208 <option value="VFC">VFC</option>
209 <option value="SDNC">SDNC</option>°
210 <option value="SDNR">SDNR</option>°
214 <label for="payload" class="col-sm-4 control-label">
215 Payload (YAML)</label>
216 <div class="col-sm-8">
217 <textarea class="form-control" id="payload" name="payload"></textarea>
220 <div class="form-group clearfix">
221 <label for="success" class="col-sm-4 control-label">When
223 <div class="col-sm-8">
224 <select class="form-control" id="success" name="success"
226 ng-options="policy for policy in policy_ids track by policy">
227 <option value="">-- choose an option --</option>
231 <div class="form-group clearfix">
232 <label for="failure" class="col-sm-4 control-label">When
234 <div class="col-sm-8">
235 <select class="form-control" id="failure" name="failure"
237 ng-options="policy for policy in policy_ids track by policy">
238 <option value="">-- choose an option --</option>
242 <div class="form-group clearfix">
243 <label for="failure_timeout" class="col-sm-4 control-label">When
244 Failure Timeout</label>
245 <div class="col-sm-8">
246 <select class="form-control" id="failure_timeout"
247 name="failure_timeout" ng-model="null_dump"
248 ng-options="policy for policy in policy_ids track by policy">
249 <option value="">-- choose an option --</option>
253 <div class="form-group clearfix">
254 <label for="failure_retries" class="col-sm-4 control-label">When
255 Failure Retries</label>
256 <div class="col-sm-8">
257 <select class="form-control" id="failure_retries"
258 name="failure_retries" ng-model="null_dump"
259 ng-options="policy for policy in policy_ids track by policy">
260 <option value="">-- choose an option --</option>
264 <div class="form-group clearfix">
265 <label for="failure_exception" class="col-sm-4 control-label">When
266 Failure Exception</label>
267 <div class="col-sm-8">
268 <select class="form-control" id="failure_exception"
269 name="failure_exception" ng-model="null_dump"
270 ng-options="policy for policy in policy_ids track by policy">
271 <option value="">-- choose an option --</option>
275 <div class="form-group clearfix">
276 <label for="failure_guard" class="col-sm-4 control-label">When
277 Failure Guard</label>
278 <div class="col-sm-8">
279 <select class="form-control" id="failure_guard"
280 name="failure_guard" ng-model="null_dump"
281 ng-options="policy for policy in policy_ids track by policy">
282 <option value="">-- choose an option --</option>
287 <form class="policyTarget" class="form-horizontal"
288 title="Operational Policy Target" style="border: 2px dotted gray;">
289 <div class="form-group clearfix">
290 <label for="type" class="col-sm-4 control-label"> Target
292 <div class="col-sm-8">
293 <select class="form-control" name="type" id="type"
294 ng-click="initTargetResourceId()" ng-model="type">
295 <option value="">-- choose an option --</option>
296 <option value="VFModule">VFModule</option>
297 <option value="VM">VM</option>
298 <option value="VNF">VNF</option>
302 <div class="form-group clearfix">
303 <label for="resourceId" class="col-sm-4 control-label">
304 Target ResourceId</label>
305 <div class="col-sm-8">
306 <select class="form-control" name="resourceId" id="resourceId"
307 enableFilter="true" ng-click="changeTargetResourceId()"
308 ng-model="resourceId">
309 <option value="">-- choose an option --</option>
310 <option value="Other:">Other:</option>
315 <div class="form-group clearfix">
316 <label for="modelInvariantId" class="col-sm-4 control-label">
317 Model Invariant Id</label>
318 <div class="col-sm-8">
319 <input class="form-control" name="modelInvariantId"
320 id="modelInvariantId" readonly />
323 <div class="form-group clearfix">
324 <label for="modelVersionId" class="col-sm-4 control-label">
325 Model Version Id</label>
326 <div class="col-sm-8">
327 <input class="form-control" name="modelVersionId"
328 id="modelVersionId" readonly />
331 <div class="form-group clearfix">
332 <label for="modelName" class="col-sm-4 control-label">
334 <div class="col-sm-8">
335 <input class="form-control" name="modelName" id="modelName"
339 <div class="form-group clearfix">
340 <label for="modelVersion" class="col-sm-4 control-label">
341 Model Version</label>
342 <div class="col-sm-8">
343 <input class="form-control" name="modelVersion"
344 id="modelVersion" readonly />
347 <div class="form-group clearfix">
348 <label for="modelCustomizationId" class="col-sm-4 control-label">
349 Model Customization Id</label>
350 <div class="col-sm-8">
351 <input class="form-control" name="modelCustomizationId"
352 id="modelCustomizationId" readonly />
357 <div class="form-group clearfix">
358 <label for="enableGuardPolicy" class="col-sm-4 control-label">
359 Enable Guard Policy</label>
360 <div class="col-sm-8">
361 <input type="checkbox" class="form-control"
362 name="enableGuardPolicy" id="enableGuardPolicy">
365 <div class="col-sm-8">
366 <label for="guardPolicyType" class="col-sm-4 control-label">
367 Guard Policy Type</label> <select class="form-control"
368 name="guardPolicyType" id="guardPolicyType"
369 ng-change="changeGuardPolicyType()" ng-model="guardType">
370 <option value="GUARD_MIN_MAX">MinMax</option>
371 <option value="GUARD_YAML">FrequencyLimiter</option>
375 <form class="guardProperties" class="form-horizontal"
376 title="Guard policy associated" style="border: 2px dotted gray;">
378 <div class="form-group clearfix">
379 <label class="col-sm-4 control-label" for="id">Guard Policy ID</label>
380 <div class="col-sm-8">
381 <input type="text" class="form-control" name="id" id="id" />
384 <div class="form-group clearfix">
385 <label class="col-sm-4 control-label" for="recipe">Recipe</label>
386 <div class="col-sm-8">
387 <input type="text" class="form-control" name="recipe"
388 readonly="readonly" id="recipe"/>
391 <div class="form-group clearfix">
392 <label class="col-sm-4 control-label" for="clname">ControlLoopName</label>
393 <div class="col-sm-8">
394 <input type="text" class="form-control" name="clname"
395 readonly="readonly" id="clname" ng-model="clname"/>
398 <div class="form-group clearfix">
399 <label for="actor" class="col-sm-4 control-label">Actor</label>
400 <div class="col-sm-8">
401 <input type="text" class="form-control" name="actor"
402 readonly="readonly" id="actor" />
405 <div class="form-group clearfix">
407 <label for="guardTargets" class="col-sm-4 control-label">Guard
409 <div class="col-sm-8">
410 <input class="form-control" name="guardTargets" id="guardTargets" />
414 <div class="form-group clearfix" id="minMaxGuardPolicyDiv">
415 <label for="minGuard" class="col-sm-4 control-label"> Min
417 <div class="col-sm-8">
418 <input class="form-control" name="minGuard" id="minGuard" />
420 <label for="maxGuard" class="col-sm-4 control-label"> Max
422 <div class="col-sm-8">
423 <input class="form-control" name="maxGuard" id="maxGuard" />
426 <div class="form-group clearfix"
427 id="frequencyLimiterGuardPolicyDiv" style="display: none">
428 <label for="limitGuard" class="col-sm-4 control-label">Limit</label>
429 <div class="col-sm-8">
430 <input class="form-control" name="limitGuard" id="limitGuard" />
432 <div class="col-sm-8">
433 <select class="form-control" name="timeUnitsGuard"
435 <option value=""></option>
436 <option value="minute">minute</option>
437 <option value="hour">hour</option>
438 <option value="day">day</option>
439 <option value="week">week</option>
440 <option value="month">month</option>
441 <option value="year">year</option>
443 </select> <label for="timeWindowGuard" class="col-sm-4 control-label">Time
446 <div class="col-sm-8">
447 <input class="form-control" name="timeWindowGuard"
448 id="timeWindowGuard" />
451 <div class="form-group clearfix">
452 <label for="guardActiveStart" class="col-sm-4 control-label">
453 Guard Active Start</label>
454 <div class="col-sm-8">
455 <input class="form-control" name="guardActiveStart"
456 id="guardActiveStart" />
458 <label for="guardActiveEnd" class="col-sm-4 control-label">
459 Guard Active End</label>
460 <div class="col-sm-8">
461 <input class="form-control" name="guardActiveEnd"
462 id="guardActiveEnd" />
472 <div attribute-test="policywindowpropertiesf" class="modal-footer">
473 <button id="savePropsBtn" class="btn btn-primary">Close</button>
474 <button ng-click="close(true)" id="close_button"
475 class="btn btn-primary">Cancel</button>