diff options
Diffstat (limited to 'catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header')
3 files changed, 0 insertions, 142 deletions
diff --git a/catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.html b/catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.html deleted file mode 100644 index 7e7e82d85f..0000000000 --- a/catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.html +++ /dev/null @@ -1,52 +0,0 @@ -<!-- - ~ Copyright (C) 2018 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. - --> - -<div class="header-main-container"> - <div class="inner-container"> - <div class="node from-node" [ngClass]="{'selected':currentStepIndex == 0}"> - <div class="text"> - <div class="node-name"> - {{connectWizardService.connectRelationModel.fromNode.componentInstance.name}} - </div> - <div class="selected-req-or-cap" [ngClass]="{'selected': currentStepIndex == 2 && !connectWizardService.selectedMatch.isFromTo}"> - {{getSelectedReqOrCapName(true)}} - </div> - </div> - <div class="icon"> - <div class="small medium {{connectWizardService.connectRelationModel.fromNode.componentInstance.iconSprite}} {{connectWizardService.connectRelationModel.fromNode.componentInstance.icon}}"> - </div> - </div> - </div> - <div class="connection"> - - </div> - <div class="node to-node" [ngClass]="{'selected':currentStepIndex == 1}"> - <div class="icon"> - <div class="small medium {{connectWizardService.connectRelationModel.toNode.componentInstance.iconSprite}} {{connectWizardService.connectRelationModel.toNode.componentInstance.icon}}"> - </div> - </div> - - <div class="text"> - <div class="node-name"> - {{connectWizardService.connectRelationModel.toNode.componentInstance.name}} - </div> - <div class="selected-req-or-cap" [ngClass]="{'selected': currentStepIndex == 2 && connectWizardService.selectedMatch.isFromTo}"> - {{getSelectedReqOrCapName(false)}} - </div> - </div> - </div> - </div> -</div>
\ No newline at end of file diff --git a/catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.less b/catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.less deleted file mode 100644 index 72fa6e813f..0000000000 --- a/catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.less +++ /dev/null @@ -1,53 +0,0 @@ -@import '../../../../../assets/styles/sprite-proxy-services-icons'; -@import '../../../../../assets/styles/variables'; -.header-main-container{ - background-color: #f8f8f8; - width: 100%; - height: 100px; - display: flex; - .inner-container{ - margin: 0 auto; - display: flex; - } -} -.selected { - color: @main_color_a; -} -.node{ - display: flex; - &.from-node{ - text-align: right; - } - &.to-node{ - text-align: left; - } - &.selected{ - .icon{ - border: solid 3px @main_color_a; - padding: 4px; - border-radius: 50%; - background-color: @main_color_p; - } - } - .icon{ - margin: auto 0; - display: flex; - } - .text{ - font-family: @font-opensans-medium; - margin: auto 10px; - min-width: 450px; - .node-name{ - font-size: 11px; - } - .selected-req-or-cap{ - font-size: 14px; - } - } -} -.connection{ - width: 67px; - height: 0px; - border-bottom: dashed 2px #979797; - margin: auto 0; -} diff --git a/catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.ts b/catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.ts deleted file mode 100644 index f5bc3b7ca4..0000000000 --- a/catalog-ui/src/app/ng2/pages/connection-wizard/connection-wizard-header/connection-wizard-header.component.ts +++ /dev/null @@ -1,37 +0,0 @@ -/** - * Created by rc2122 on 9/27/2017. - */ -import {Component, Inject, forwardRef} from "@angular/core"; -import {ConnectionWizardService} from "../connection-wizard.service"; -import {WizardHeaderBaseComponent} from "app/ng2/components/ui/multi-steps-wizard/multi-steps-wizard-header-base.component"; - -@Component({ - selector: 'connection-wizard-header', - templateUrl: './connection-wizard-header.component.html', - styleUrls:['./connection-wizard-header.component.less'] -}) - -export class ConnectionWizardHeaderComponent extends WizardHeaderBaseComponent{ - - constructor(@Inject(forwardRef(() => ConnectionWizardService)) public connectWizardService: ConnectionWizardService) { - super(); - } - - private _getReqOrCapName(isFromNode:boolean) { - const attributeReqOrCap:string = isFromNode ? 'requirement' : 'capability'; - if (this.connectWizardService.selectedMatch[attributeReqOrCap]) { - return this.connectWizardService.selectedMatch[attributeReqOrCap].getTitle(); - } else if (this.connectWizardService.selectedMatch.relationship) { - return this.connectWizardService.selectedMatch.relationship.relation[attributeReqOrCap]; - } - return ''; - } - - private getSelectedReqOrCapName = (isFromNode:boolean):string => { - if(!this.connectWizardService.selectedMatch){ - return ''; - } - return this._getReqOrCapName(this.connectWizardService.selectedMatch.isFromTo ? isFromNode : !isFromNode); - } -} - |