summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/management
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-08-22 16:55:57 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-08-22 16:56:09 +0800
commitd0f5347dc16b5aa9fc95eb520fbc9a1c7b672b09 (patch)
treeb3891d8de290d755d7f0f00d35bb77d3b89ad747 /usecaseui-portal/src/app/management
parent56923755c761897cc86ca2457667fcc3e6a0e43f (diff)
feat: change the project structure and add mock data function
Change-Id: I381845bff5eb37d1fab3eba8cf1ae7838df523b7 Issue-ID: USECASEUI-307 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/management')
-rw-r--r--usecaseui-portal/src/app/management/management.component.html36
-rw-r--r--usecaseui-portal/src/app/management/management.component.less79
-rw-r--r--usecaseui-portal/src/app/management/management.component.spec.ts25
-rw-r--r--usecaseui-portal/src/app/management/management.component.ts68
4 files changed, 0 insertions, 208 deletions
diff --git a/usecaseui-portal/src/app/management/management.component.html b/usecaseui-portal/src/app/management/management.component.html
deleted file mode 100644
index 2efa3f8e..00000000
--- a/usecaseui-portal/src/app/management/management.component.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--
- Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
--->
-<div class="content" style="padding: 20px 20px;height: 100vh">
- <div class="management" *ngIf="nocuster" >
- <div class="title">
- <p> {{"i18nTextDefine_Create_initial_customer" | translate}} </p>
- <span> {{"i18nTextDefine_Customer_not_in_ONAP" | translate}} </span>
- <span> {{"i18nTextDefine_CreateCustomer" | 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="">
- </div>
- </div>
- <div *ngIf="!nocuster" style="height: 100%">
- <app-customer></app-customer>
- </div>
-</div>
diff --git a/usecaseui-portal/src/app/management/management.component.less b/usecaseui-portal/src/app/management/management.component.less
deleted file mode 100644
index 5a3a0f42..00000000
--- a/usecaseui-portal/src/app/management/management.component.less
+++ /dev/null
@@ -1,79 +0,0 @@
-/*
- Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-*/
-.content {
- .management {
- width: 100%;
- .title {
- width: 50%;
- vertical-align:top;
- display: inline-block;
- font-family: "Arial";
- p {
- font-size: 33px;
- color: #3C4F8C;
- margin-bottom: 0.5em;
- }
- span {
- font-size: 18px;
- color: rgba(60,79,140,0.5);
- display: block;
- }
- img {
- padding-top: 8%;
- width: 55%;
- margin-left: 20%;
- margin-bottom: 5%;
- }
- input {
- width: 50%;
- margin: 0 auto;
- margin-bottom: 5%;
- display: block;
-
- }
- .action{
- width: 50%;
- height: 40px;
- margin: 0 auto;
- }
- .action button{
- width: 40%;
- height: 40px;
- margin: 0 4%;
- }
- .cancel{
- background-color: #eee;
- border-color: #eee;
- color: #9DA7C5;
- }
- .add {
- color: #fff;
- background:linear-gradient(310deg,rgba(30,158,255,1) 0%,rgba(99,200,255,1) 100%);
- border-color: #1890ff;
- }
- }
- .image {
- width: 49%;
- vertical-align:top;
- display: inline-block;
- img {
- width: 85%;
- margin-top: 41%;
- }
- }
- }
-
-} \ No newline at end of file
diff --git a/usecaseui-portal/src/app/management/management.component.spec.ts b/usecaseui-portal/src/app/management/management.component.spec.ts
deleted file mode 100644
index f6152432..00000000
--- a/usecaseui-portal/src/app/management/management.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ManagementComponent } from './management.component';
-
-describe('ManagementComponent', () => {
- let component: ManagementComponent;
- let fixture: ComponentFixture<ManagementComponent>;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ ManagementComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(ManagementComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/usecaseui-portal/src/app/management/management.component.ts b/usecaseui-portal/src/app/management/management.component.ts
deleted file mode 100644
index 0a5bfd2e..00000000
--- a/usecaseui-portal/src/app/management/management.component.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-*/
-import { Component, OnInit , HostBinding} from '@angular/core';
-import { showHideAnimate, slideToRight } from '../animates';
-import { ManagemencsService } from '../managemencs.service';
-
-@Component({
- selector: 'app-management',
- templateUrl: './management.component.html',
- styleUrls: ['./management.component.less'],
- animations: [
- showHideAnimate, slideToRight
- ]
-})
-export class ManagementComponent implements OnInit {
- @HostBinding('@routerAnimate') routerAnimateState; //Routing animation
-
- constructor(private managemencs: ManagemencsService) { }
-
- ngOnInit() {
- this.getAllCustomers();
- }
-
- nocuster = true;
- firstCustomer = null;
- AllCustomersdata = [];
-
- // Get all customers
- getAllCustomers() {
- this.managemencs.getAllCustomers().subscribe((data) => {
- if (data.length > 0) {
- this.nocuster = false;
- } else {
- this.nocuster = true;
- }
- })
- }
-
- createNewCustomer(customer) {
- let createParams = {
- customerId: customer
- };
- this.managemencs.createCustomer(customer, createParams).subscribe((data) => {
- if (data["status"] == 'SUCCESS') {
- this.nocuster = false;
- } else {
- this.nocuster = true;
- console.log(data, "Interface returned error")
- }
- })
- }
- clearCustomerInput(){
- this.firstCustomer=null;
- }
-}