diff options
author | k.kedron <k.kedron@partner.samsung.com> | 2019-06-14 16:06:05 +0200 |
---|---|---|
committer | Ofir Sonsino <ofir.sonsino@intl.att.com> | 2019-06-19 07:19:40 +0000 |
commit | 786fdeaa0d83aeb012622c1e644a0a9ca0e7c1b0 (patch) | |
tree | e0005022773b9f437594c698d7973905d9fdde14 /public/src/app/home/home.component.html | |
parent | df4ec4191e8d9f3704c315d5122048ef5f757cef (diff) |
Improve UX when user wants to add first MC.
Add new button to import the MC directly.
Update the information on the main label.
Improve the css style.
Issue-ID: SDC-2312
Signed-off-by: Krystian Kedron <k.kedron@partner.samsung.com>
Change-Id: I31352e56fb032092dcbae209e6bae8af6d09ac6c
Diffstat (limited to 'public/src/app/home/home.component.html')
-rw-r--r-- | public/src/app/home/home.component.html | 33 |
1 files changed, 25 insertions, 8 deletions
diff --git a/public/src/app/home/home.component.html b/public/src/app/home/home.component.html index fe20ab6..6b7d6a9 100644 --- a/public/src/app/home/home.component.html +++ b/public/src/app/home/home.component.html @@ -11,6 +11,7 @@ height: 100%; display: flex; justify-content: center; + color: #00c100; align-items: center;" [innerHTML]="'download' | feather:20"></span> </button> @@ -123,19 +124,35 @@ <div style="font-size: 18px;"> Monitoring Configuration does not Exist </div> - <div style="padding: 0.5em; padding-top: 1em; font-size: 13px;" data-tests-id="new-monitoring-title"> + <div style="padding: 1em 0.5em 0.5em; font-size: 13px;" data-tests-id="new-monitoring-title"> A Monitoring Configuration (MC) was not yet created </div> <div style="font-size: 13px;"> Please create a new MC to monitor the service </div> - <div class="wrapper-btn-add-mc"> - <button mat-mini-fab color="primary" (click)="createScreen()" data-tests-id="btn-fab-create-mc" [disabled]="!checkCanCreate()"> - <span [innerHTML]="'plus' | feather:24"></span> - </button> - <span style="margin-top: 10px; font-size: 14px; " [style.color]="!checkCanCreate() ? '#ebebe4' : '#009FDB'"> - <p data-tests-id="btn-span-create-mc">Add First MC</p> - </span> + <div style="padding-top: 0.5em; font-size: 13px;"> + Or import any existing VFCMT present + </div> + <div style="font-size: 13px;"> + in the DCAE-DS catalog as the MC + </div> + <div style="margin-top: 46px;"> + <div class="wrapper-btn-mc"> + <button mat-mini-fab color="primary" (click)="createScreen()" data-tests-id="btn-fab-create-mc" [disabled]="!checkCanCreate()"> + <span [innerHTML]="'plus' | feather:24"></span> + </button> + <span style="margin-top: 10px; font-size: 14px; " [style.color]="!checkCanCreate() ? '#ebebe4' : '#009FDB'"> + <p data-tests-id="btn-span-create-mc">Add First MC</p> + </span> + </div> + <div class="wrapper-btn-mc" style="margin-left: 40px"> + <button mat-mini-fab color="success" (click)="importScreen()" data-tests-id="btn-fab-create-mc" [disabled]="!checkCanCreate()"> + <span [innerHTML]="'plus' | feather:24"></span> + </button> + <span style="margin-top: 10px; font-size: 16px; " [style.color]="!checkCanCreate() ? '#ebebe4' : '#5cb85c'"> + <p data-tests-id="btn-span-create-mc">Import MC</p> + </span> + </div> </div> </div> </ng-template> |