diff options
Diffstat (limited to 'cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping')
5 files changed, 401 insertions, 0 deletions
diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.html b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.html new file mode 100644 index 000000000..b369e012d --- /dev/null +++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.html @@ -0,0 +1,166 @@ +<!-- +============LICENSE_START========================================== +=================================================================== +Copyright (C) 2018-19 IBM Intellectual Property. All rights reserved. +=================================================================== + +Unless otherwise specified, all software contained herein is licensed +under the Apache License, Version 2.0 (the License); +you may not use this software 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============================================ +--> +<div> + <table class="table table-bordered table-condensed" style="margin: 1em; background: white"> + <thead style="background-color: #3f51b5; color: white;line-height: 26px;font: 400 13.3333px Arial;"> + <tr class="success"> + <th>Required</th> + <th>Template Input</th> + <th>Parameter Name</th> + <th>Dictionary Name</th> + <th>Dictionary Source</th> + <th>Default</th> + <th>Data Type</th> + <th>Entry Schema</th> + <th>Dependency Mapping</th> + </tr> + </thead> + <tbody> + <tr *ngFor="let param of paramData.resourceAccumulatorResolvedData"> + <td> + <input type="checkbox" /> + </td> + <td> + <input type="text" /> + </td> + <td>{{param["param-value"]}}</td> + <td> + <input type="text" style="width: 80%" [(ngModel)]="resorceDictionaryName" /> + <i class="fa fa-search" style="margin-left: 1em" aria-hidden="true"></i> + </td> + <td> + <select> + <option value="volvo">Input</option> + <option value="saab">Output</option> + </select> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + </tr> + + <tr> + <td> + <input type="checkbox" /> + </td> + <td> + <input type="text" /> + </td> + <td>Name</td> + <td> + <input type="text" /> + <i class="fa fa-search" aria-hidden="true"></i> + </td> + <td> + <select> + <option value="volvo">Input</option> + <option value="saab">Output</option> + </select> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + </tr> + + <tr> + <td> + <input type="checkbox" /> + </td> + <td> + <input type="text" /> + </td> + <td>Name</td> + <td> + <input type="text" /> + <i class="fa fa-search" aria-hidden="true"></i> + </td> + <td> + <select> + <option value="volvo">Input</option> + <option value="saab">Output</option> + </select> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + </tr> + + <tr> + <td> + <input type="checkbox" /> + </td> + <td> + <input type="text" /> + </td> + <td>Name</td> + <td> + <input type="text" /> + <i class="fa fa-search" aria-hidden="true"></i> + </td> + <td> + <select> + <option value="volvo">Input</option> + <option value="saab">Output</option> + </select> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + <td> + <input type="text" /> + </td> + </tr> + </tbody> + </table> +</div>
\ No newline at end of file diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.scss b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.scss new file mode 100644 index 000000000..91c611066 --- /dev/null +++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.scss @@ -0,0 +1,24 @@ +/* +============LICENSE_START========================================== +=================================================================== +Copyright (C) 2018-19 IBM Intellectual Property. All rights reserved. +=================================================================== + +Unless otherwise specified, all software contained herein is licensed +under the Apache License, Version 2.0 (the License); +you may not use this software 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============================================ +*/ + +table { + width: 100%; + }
\ No newline at end of file diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.spec.ts b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.spec.ts new file mode 100644 index 000000000..7bbd01103 --- /dev/null +++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.spec.ts @@ -0,0 +1,46 @@ +/* +============LICENSE_START========================================== +=================================================================== +Copyright (C) 2018-19 IBM Intellectual Property. All rights reserved. +=================================================================== + +Unless otherwise specified, all software contained herein is licensed +under the Apache License, Version 2.0 (the License); +you may not use this software 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 { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ResourceMappingComponent } from './resource-mapping.component'; + +describe('ResourceMappingComponent', () => { + let component: ResourceMappingComponent; + let fixture: ComponentFixture<ResourceMappingComponent>; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ResourceMappingComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ResourceMappingComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.ts b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.ts new file mode 100644 index 000000000..6edd26113 --- /dev/null +++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.component.ts @@ -0,0 +1,80 @@ +/* +============LICENSE_START========================================== +=================================================================== +Copyright (C) 2018-19 IBM Intellectual Property. All rights reserved. +=================================================================== + +Unless otherwise specified, all software contained herein is licensed +under the Apache License, Version 2.0 (the License); +you may not use this software 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 { Component, OnInit, ViewChild, Input } from '@angular/core'; +import { MatPaginator, MatTableDataSource, MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material'; +import { SearchDialog } from '../../../../common/shared/components/search-dialog/search-dialog.component'; +import { ResourceMappingService } from './resource-mapping.service'; + + +@Component({ + selector: 'app-resource-mapping', + templateUrl: './resource-mapping.component.html', + styleUrls: ['./resource-mapping.component.scss'] +}) +export class ResourceMappingComponent { + + @Input('paramData') paramData: any; + dialogRef: any; + animal: string; + name: string; + selectedParam: any; + + resorceDictionaryName: string = ''; + + constructor(public dialog: MatDialog, private resourceMappingService: ResourceMappingService) { + } + + openDialog(paramValue): void { + const dialogRef = this.dialog.open(SearchDialog, { + width: '250px', + data: { name: paramValue, animal: this.animal } + }); + + dialogRef.afterClosed().subscribe(result => { + console.log('The dialog was closed'); + this.animal = result; + }); + } + + getResourceDictionaryByName(param) { + let popup; + this.selectedParam = param; + this.resourceMappingService.getResourceDictionaryByName(this.resorceDictionaryName) + .subscribe(dictionaryObj => { + popup = this.dialog.open(SearchDialog, { + width: '250px', + data: { name: dictionaryObj, animal: this.animal } + }) + }, + error => { + console.log(error); + }) + popup.afterClosed().subscribe(result=>{ + this.paramData.resourceAccumulatorResolvedData.forEach(element => { + if(element.id == this.selectedParam) { + // element. + } + }); + }); + } + +} diff --git a/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.service.ts b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.service.ts new file mode 100644 index 000000000..a79b33b04 --- /dev/null +++ b/cds-ui/client/src/app/feature-modules/blueprint/modify-template/resource-mapping/resource-mapping.service.ts @@ -0,0 +1,85 @@ +/* +============LICENSE_START========================================== +=================================================================== +Copyright (C) 2018 IBM Intellectual Property. All rights reserved. +=================================================================== + +Unless otherwise specified, all software contained herein is licensed +under the Apache License, Version 2.0 (the License); +you may not use this software 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 { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import { Observable, observable } from 'rxjs'; +import { ApiService } from '../../../../common/core/services/api.service'; + +@Injectable() +export class ResourceMappingService { + // blueprintUrl = '../../constants/blueprint.json'; + + constructor(private api: ApiService) { + } + + getResourceDictionaryByName(name) { + // return this.api.get(''); + + return new Observable((observer) => { + + // observable execution + observer.next({"name": "sample-input-source", + "dataType": "string", + "entrySchema": null, + "definition": { + "tags": "sample-input-source", + "name": "sample-input-source", + "property": { + "description": "name of the ", + "required": null, + "type": "string", + "status": null, + "constraints": null, + "value": null, + "default": null, + "entry_schema": null + }, + "updated-by": "brindasanth@onap.com", + "sources": { + "input": { + "description": null, + "type": "source-input", + "metadata": null, + "directives": null, + "properties": { + "key": "input-source" + }, + "attributes": null, + "capabilities": null, + "requirements": null, + "interfaces": null, + "artifacts": null, + "copy": null, + "node_filter": null + } + } + }, + "description": "name of the ", + "tags": "sample-input-source", + "creationDate": "2019-04-03T10:36:31.603Z", + "updatedBy": "brindasanth@onap.com"}) + observer.complete() + }); + } + +}
\ No newline at end of file |