From 16a9fce0e104a38371a9e5a567ec611ae3fc7f33 Mon Sep 17 00:00:00 2001 From: ys9693 Date: Sun, 19 Jan 2020 13:50:02 +0200 Subject: Catalog alignment Issue-ID: SDC-2724 Signed-off-by: ys9693 Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe --- .../service-paths-list.component.html | 21 +++++++ .../service-paths-list.component.less | 24 ++++++++ .../service-paths-list.component.ts | 70 ++++++++++++++++++++++ .../service-paths-list.module.ts | 17 ++++++ 4 files changed, 132 insertions(+) create mode 100644 catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.html create mode 100644 catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.less create mode 100644 catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.ts create mode 100644 catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.module.ts (limited to 'catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list') diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.html b/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.html new file mode 100644 index 0000000000..39c41916a2 --- /dev/null +++ b/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.html @@ -0,0 +1,21 @@ +
+
+ Add Flow
+
+
+
+ {{header}} +
+
+
+
{{path.name}}
+
+ + +
+
+
+ No flows have been added yet. +
+
+ +
\ No newline at end of file diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.less b/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.less new file mode 100644 index 0000000000..17f70926ff --- /dev/null +++ b/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.less @@ -0,0 +1,24 @@ +@import './../../../../../../assets/styles/variables.less'; + +.add-path-link { + display: flex; + align-items: flex-end; + flex-direction: column; + padding-bottom: 10px; +} + +.generic-table { + max-height: 233px; +} + +.path-action-buttons { + display: flex; + align-items: center; + justify-content: space-between; + .sprite-new { + cursor: pointer; + } + & > span:only-child { + margin: auto; +} +} \ No newline at end of file diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.ts b/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.ts new file mode 100644 index 0000000000..81abe42cb3 --- /dev/null +++ b/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.component.ts @@ -0,0 +1,70 @@ +/*- + * ============LICENSE_START======================================================= + * SDC + * ================================================================================ + * Copyright (C) 2017 AT&T Intellectual Property. 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. + * ============LICENSE_END========================================================= + */ + +import * as _ from "lodash"; +import {Component, ComponentRef} from '@angular/core'; +import {ForwardingPath} from "app/models/forwarding-path"; +import {ServiceServiceNg2} from "app/ng2/services/component-services/service.service"; +import {ModalService} from "app/ng2/services/modal.service"; +import {ModalComponent} from "app/ng2/components/ui/modal/modal.component"; +import {CompositionService} from "app/ng2/pages/composition/composition.service"; + +@Component({ + selector: 'service-paths-list', + templateUrl: './service-paths-list.component.html', + styleUrls:['service-paths-list.component.less'], + providers: [ServiceServiceNg2, ModalService] +}) +export class ServicePathsListComponent { + modalInstance: ComponentRef; + headers: Array = []; + paths: Array = []; + input:any; + onAddServicePath: Function; + onEditServicePath: Function; + isViewOnly: boolean; + + constructor(private serviceService:ServiceServiceNg2, + private compositionService: CompositionService) { + this.headers = ['Flow Name','Actions']; + } + + ngOnInit() { + _.forEach(this.compositionService.forwardingPaths, (path: ForwardingPath)=> { + this.paths[this.paths.length] = path; + }); + this.paths.sort((a:ForwardingPath, b:ForwardingPath)=> { + return a.name.localeCompare(b.name); + }); + this.onAddServicePath = this.input.onCreateServicePath; + this.onEditServicePath = this.input.onEditServicePath; + this.isViewOnly = this.input.isViewOnly; + } + + deletePath = (id:string):void => { + this.serviceService.deleteServicePath(this.input.serviceId, id).subscribe((res:any) => { + delete this.compositionService.forwardingPaths[id]; + this.paths = this.paths.filter(function(path){ + return path.uniqueId !== id; + }); + }); + }; + +} \ No newline at end of file diff --git a/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.module.ts b/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.module.ts new file mode 100644 index 0000000000..5121627a9d --- /dev/null +++ b/catalog-ui/src/app/ng2/pages/composition/graph/service-paths-list/service-paths-list.module.ts @@ -0,0 +1,17 @@ +import { NgModule } from "@angular/core"; +import {CommonModule} from "@angular/common"; +import { ServicePathsListComponent } from "./service-paths-list.component"; + +@NgModule({ + declarations: [ + ServicePathsListComponent + ], + imports: [CommonModule], + exports: [], + entryComponents: [ + ServicePathsListComponent + ], + providers: [] +}) +export class ServicePathsListModule { +} \ No newline at end of file -- cgit 1.2.3-korg