diff options
Diffstat (limited to 'usecaseui-portal/src/app/management/management.component.html')
-rw-r--r-- | usecaseui-portal/src/app/management/management.component.html | 24 |
1 files changed, 13 insertions, 11 deletions
diff --git a/usecaseui-portal/src/app/management/management.component.html b/usecaseui-portal/src/app/management/management.component.html index ef8c8435..8cfccfd3 100644 --- a/usecaseui-portal/src/app/management/management.component.html +++ b/usecaseui-portal/src/app/management/management.component.html @@ -13,22 +13,24 @@ See the License for the specific language governing permissions and limitations under the License. --> -<div class="content" style="padding: 20px 20px;"> - <div class="management" [@showHideAnimate]="show" > +<div class="content" style="padding: 20px 20px;height: 100vh"> + <div class="management" *ngIf="nocuster" > <div class="title"> - <p>Create initial customer</p> - <span>Customer has not been created in ONAP </span> - <span>please create customer and its service type</span> - <img src="../../assets/images/customer01.png" alt=""> - <input nz-input placeholder="input customer name" nzSize="large"> - <button nz-button nzType="primary" class="cancel">Cancel</button> - <button nz-button nzType="primary" class="add" (click) = "customerhide()">Add</button> + <p> {{"i18nTextDefine_Create_initial_customer" | translate}} </p> + <span> {{"i18nTextDefine_Customer_not_in_ONAP" | translate}} </span> + <span> {{"i18nTextDefine_createCustomer&serviceType" | translate}} </span> + <img src="./assets/images/customer01.png" alt=""> + <input nz-input placeholder=" {{'i18nTextDefine_input_customerName' | translate}} " nzSize="large" style="height: 50px" [(ngModel)]="firstCustomer"> + <div class="action"> + <button nz-button nzType="primary" class="cancel" (click) = "clearCustomerInput()"> {{"i18nTextDefine_Cancel" | translate}} </button> + <button nz-button nzType="primary" class="add" (click) = "createNewCustomer(firstCustomer)"> {{"i18nTextDefine_Add" | translate}} </button> + </div> </div> <div class="image"> - <img src="../../assets/images/customer02.png" alt=""> + <img src="./assets/images/customer02.png" alt=""> </div> </div> - <div [@showHideAnimate]="hide"> + <div *ngIf="!nocuster" style="height: 100%"> <app-customer></app-customer> </div> </div> |