2 ========================LICENSE_START=================================
5 Copyright (C) 2019 AT&T Intellectual Property and Nokia
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
11 http://www.apache.org/licenses/LICENSE-2.0
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===================================
20 <button type="button" mdbBtn color="default" rounded="true" data-toggle="modal" data-target="#basicExample"
21 (click)="frame.show()" mdbWavesEffect><mat-icon style="vertical-align: -21%; size: 1em">settings</mat-icon></button>
23 <div mdbModal #frame="mdbModal" class="modal fade left" id="frameModalTop" tabindex="-1" role="dialog"
24 aria-labelledby="myModalLabel" aria-hidden="true" (opened)="onOpened($event)">
25 <div class="modal-dialog modal-notify modal-info modal-side modal-top-left" role="document">
27 <div class="modal-content">
29 <div class="modal-header">
30 <p class="heading lead">Settings</p>
32 <button type="button" class="close" data-dismiss="modal" aria-label="Close" (click)="frame.hide()">
33 <span aria-hidden="true" class="white-text">×</span>
38 <div class="modal-body">
40 <div class="text-center">
42 <input type="text" id="jsonurl" class="form-control" mdbInput [formControl]="contactFormModalJsonUrl">
43 <label for="jsonurl">JSON-SERVER url</label>
46 <input type="text" id="host" class="form-control" mdbInput [formControl]="contactFormModalHost">
47 <label for="host">Host url</label>
50 <input type="text" id="metricsPath" class="form-control" mdbInput
51 [formControl]="contactFormModalMetrics">
52 <label data-error="wrong" data-success="right" for="metricsPath">Metrics Path</label>
55 <input type="text" id="delayPath" class="form-control" mdbInput
56 [formControl]="contactFormModalDelay">
57 <label data-error="wrong" data-success="delayPath" for="url">Delay Path</label>
60 <input type="text" id="loadPath" class="form-control" mdbInput
61 [formControl]="contactFormModalLoad">
62 <label data-error="wrong" data-success="right" for="loadPath">Load Path</label>
65 <input type="text" id="delayMax" class="form-control" mdbInput
66 [formControl]="contactFormModalDelayMax">
67 <label data-error="wrong" data-success="delayMax" for="url">Delay Max</label>
70 <input type="text" id="loadMax" class="form-control" mdbInput
71 [formControl]="contactFormModalLoadMax">
72 <label data-error="wrong" data-success="right" for="loadMax">Load Max</label>
78 <div class="modal-footer justify-content-center">
79 <a type="button" mdbBtn color="primary" class="waves-effect" mdbWavesEffect (click)="save(); frame.hide()">
80 <mat-icon style="vertical-align: -21%;">launch</mat-icon> Save
82 <a type="button" mdbBtn color="primary" outline="true" class="waves-effect" mdbWavesEffect (click)="frame.hide()"
84 <mat-icon style="vertical-align: -21%; size: 1em">close</mat-icon> Cancel</a>