diff options
author | Ahmedeldeeb50 <ahmed.eldeeb.ext@orange.com> | 2020-10-19 22:39:16 +0200 |
---|---|---|
committer | KAPIL SINGAL <ks220y@att.com> | 2020-10-20 13:31:11 +0000 |
commit | bb8b842d5d405874c745e054afeffb0e20bc2865 (patch) | |
tree | 781a1a858d88367900d2224322bc6905a5f14c08 /cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute | |
parent | 83c0cd2c078f89a386701b7f8e680fd3fc70ecfd (diff) |
handle integer and checkbox in functional attribute.
Fix finish problem in Mapping.
Issue-ID: CCSDK-2900
Signed-off-by: Ahmedeldeeb50 <ahmed.eldeeb.ext@orange.com>
Change-Id: I08697cb61814db37144f66f7f15773d3c02c9848
Diffstat (limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute')
2 files changed, 108 insertions, 37 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html index 115bf6d54..3107c9368 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html @@ -3,7 +3,8 @@ <div class="col"> <div class="form-group"> <label for="exampleInputEmail1">Function Instance Name</label> - <input type="text" class="form-control" placeholder="Function Instance Name"> + <input type="text" [(ngModel)]="currentFuncion['instance-name']" class="form-control" + placeholder="Function Instance Name"> </div> <div class="form-group mb-0"> <label>Function Type</label> @@ -11,7 +12,8 @@ </div> <div class="form-group"> <label for="exampleFormControlTextarea1">Description</label> - <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea> + <textarea [(ngModel)]="currentFuncion['description']" class="form-control" + id="exampleFormControlTextarea1" rows="3"></textarea> </div> </div> </div> @@ -50,20 +52,22 @@ <!--list--> <div class="attribute-wrap" *ngIf="artifactPrefix"> <div class="form-group"> - <label for="exampleFormControlTextarea1">artifact-prefix-names + <label for="exampleFormControlTextarea">artifact-prefix-names <i class="icon-required-star" type="button" aria-hidden="true"></i></label> </div> <div class="custom-control custom-radio custom-control-inline"> - <input type="radio" id="customRadioInline1" name="customRadioInline1" + <input type="radio" id="functionRadioInline" name="functionRadioInline" class="custom-control-input"> - <label class="custom-control-label" for="customRadioInline1">Pre-defined + <label class="custom-control-label" for="functionRadioInline">Pre-defined Template</label> </div> <div class="custom-control custom-radio custom-control-inline"> - <input type="radio" id="customRadioInline2" name="customRadioInline1" - class="custom-control-input"> - <label class="custom-control-label" for="customRadioInline2">Input Drivin + <input + [checked]="currentFuncion['inputs']['artifact-prefix-names']?.get_input" + (click)="setArtifact(false)" type="radio" id="functionRadioInline-a" + name="functionRadioInline" class="custom-control-input"> + <label class="custom-control-label" for="functionRadioInline-a">Input Drivin Template</label> </div> <br /> @@ -71,42 +75,63 @@ class="btn btn-select-template m-auto"><i class="icon-add-circle" type="button" aria-hidden="true"></i> Select Template</button> </div> - <!--string--> - <div class="attribute-wrap" *ngFor="let requiredInput of getKeys(requiredInputs)"> - <div class="form-group"> + + <div class="attribute-wrap" + *ngFor="let requiredInput of getKeys(requiredInputs); let i=index"> + <!--string--> + <div *ngIf="getValue(requiredInput,requiredInputs).type=='string' || getValue(requiredInput,requiredInputs).type=='json'" + class="form-group"> <label for="exampleInputEmail1">{{ requiredInput }}<i class="icon-required-star" type="button" [ngClass]="{'optional-attribute' : getValue(requiredInput,requiredInputs).required==false}" aria-hidden="true"></i></label> - <input type="text" class="form-control"> - </div> - </div> - <!--integer--> - <!-- <div class="attribute-wrap"> - <div class="form-group"> - <label for="exampleInputEmail1">request-id <i class="icon-required-star" - type="button" aria-hidden="true"></i></label> - <input type="number" class="form-control" placeholder="" value="356"> + <input [(ngModel)]="currentFuncion['inputs'][requiredInput]" type="text" + class="form-control"> </div> - </div> --> - <!--boolean--> - <!-- <div class="attribute-wrap"> - <div class="form-group"> - <label for="exampleFormControlTextarea1">resolution-summary - <i class="icon-required-star optional-attribute" type="button" + <!-- Integer --> + <div class="form-group" + *ngIf="getValue(requiredInput,requiredInputs).type=='integer'"> + <label for="exampleInputEmail1">{{ requiredInput }} <i + class="icon-required-star" type="button" + [ngClass]="{'optional-attribute' : getValue(requiredInput,requiredInputs).required==false}" aria-hidden="true"></i></label> + <input [(ngModel)]="currentFuncion['inputs'][requiredInput]" type="number" + class="form-control" placeholder=""> </div> - <div class="custom-control custom-radio custom-control-inline"> - <input type="radio" id="customRadioInline1" name="customRadioInline1" - class="custom-control-input"> - <label class="custom-control-label" for="customRadioInline1">True</label> - </div> - <div class="custom-control custom-radio custom-control-inline"> - <input type="radio" id="customRadioInline2" name="customRadioInline1" - class="custom-control-input"> - <label class="custom-control-label" for="customRadioInline2">False</label> + <!--boolean--> + <!-- <div *ngIf="getValue(requiredInput,requiredInputs).type=='boolean'"> --> + <div class="form-group" + *ngIf="getValue(requiredInput,requiredInputs).type=='boolean'"> + <label for="exampleFormControlTextarea1">{{ requiredInput }} + <i class="icon-required-star" type="button" + [ngClass]="{'optional-attribute' : getValue(requiredInput,requiredInputs).required==false}" + aria-hidden="true"></i></label><br /> + + <div class="custom-control custom-radio custom-control-inline"> + <input [value]="true" + [(ngModel)]="currentFuncion['inputs'][requiredInput]" type="radio" + id="{{'functionRadioInline' + i}}" + name="{{'functionRadioInline' + i}}" class="custom-control-input"> + <label class="custom-control-label" + for="{{'functionRadioInline' + i}}">True</label> + </div><br /> + <div class="custom-control custom-radio custom-control-inline"> + <input [value]="false" + [(ngModel)]="currentFuncion['inputs'][requiredInput]" type="radio" + id="{{'functionRadioInline' + i+'-a'}}" + name="{{'functionRadioInline' + i}}" class="custom-control-input"> + <label class="custom-control-label" + for="{{'functionRadioInline' + i+'-a'}}">False</label> + </div> </div> + <!-- </div> --> + </div> + + <!--integer--> + <!-- <div class="attribute-wrap"> + </div> --> + </div> </div> <!-- Add Optional Attributes button --> @@ -140,7 +165,8 @@ <div class="form-group"> <label for="exampleInputEmail1">{{ requiredOutput }} <i class="icon-required-star" type="button" aria-hidden="true"></i></label> - <input type="text" class="form-control"> + <input [(ngModel)]="currentFuncion['outputs'][requiredOutput]" type=" text" + class="form-control"> </div> </div> </div> @@ -178,6 +204,7 @@ </div> </div> </div> + <button class="btn btn-info" (click)="displayFunctionData()">Save</button> </div> <!--function - Select Template - Modal--> diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.ts index 4eee1f30c..624f9c7a8 100644 --- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.ts +++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.ts @@ -6,6 +6,7 @@ import { distinctUntilChanged, takeUntil } from 'rxjs/operators'; import { CBAPackage } from '../../package-creation/mapping-models/CBAPacakge.model'; import { TemplateAndMapping } from '../../package-creation/template-mapping/TemplateAndMapping'; import { FunctionsStore } from '../functions.store'; +import { NodeProcess, NodeTemplate } from '../model/desinger.nodeTemplate.model'; @Component({ selector: 'app-functions-attribute', @@ -25,6 +26,8 @@ export class FunctionsAttributeComponent implements OnInit, OnDestroy { OptionalInputs = new Map<string, {}>(); optionalOutputs = new Map<string, {}>(); artifactPrefix = false; + currentFuncion = new NodeProcess(); + nodeTemplates = new NodeTemplate(''); constructor( private designerStore: DesignerStore, @@ -70,8 +73,42 @@ export class FunctionsAttributeComponent implements OnInit, OnDestroy { this.ngUnsubscribe.next(); this.ngUnsubscribe.complete(); } - // Template logic + displayFunctionData() { + this.selectedTemplates.forEach((value, key) => { + console.log(key); + console.log(value); + + if (value.isMapping) { + this.nodeTemplates.artifacts[key + '-mapping'] = { + type: 'artifact-mapping-resource', + file: 'Templates/' + key + '-mapping.json' + }; + } + + if (value.isTemplate) { + this.nodeTemplates.artifacts[key + '-template'] = { + type: 'artifact-template-resource', + file: 'Templates/' + key + '-template.vtl' + }; + } + }); + this.nodeTemplates.interfaces = { + ResourceResolutionComponent: { + operations: { + process: { + ...this.currentFuncion + } + } + } + }; + setTimeout(() => { + console.log(this.currentFuncion); + console.log(this.nodeTemplates); + + }, 1500); + } + // Template logic private setIsMappingOrTemplate(key: string, templateAndMapping: TemplateAndMapping, isFromTemplate: boolean) { const nameOfFile = isFromTemplate ? key.split('/')[1].split('.')[0].split('-template')[0] @@ -88,6 +125,13 @@ export class FunctionsAttributeComponent implements OnInit, OnDestroy { } addTemplates() { } + setArtifact(predefined: boolean) { + if (predefined) { + + } else { + this.currentFuncion.inputs['artifact-prefix-names'] = { get_input: 'template-prefix' }; + } + } addToInputs(optionalInput) { this.requiredInputs.set(optionalInput, this.OptionalInputs.get(optionalInput)); this.OptionalInputs.delete(optionalInput); |