summaryrefslogtreecommitdiffstats
path: root/cds-ui/designer-client/src/app
diff options
context:
space:
mode:
authorAhmedeldeeb50 <ahmed.eldeeb.ext@orange.com>2020-12-13 21:47:55 +0200
committerKAPIL SINGAL <ks220y@att.com>2020-12-14 18:30:57 +0000
commit0aa4ea86a06dba452360b0806b820454133cb82a (patch)
tree37d07ec03a053f1ef039f80aa85cc9b94995b41d /cds-ui/designer-client/src/app
parentb4bbb70118f3406ffc7bdd7df557a9b0d9d63f21 (diff)
1- Fix add template & cancel button in templates modal
2- Add a distinctive color to the selected template Issue-ID: CCSDK-3042 Signed-off-by: Ahmedeldeeb50 <ahmed.eldeeb.ext@orange.com> Change-Id: I4d7e469a4b0739fae67740cf30535203518df45b
Diffstat (limited to 'cds-ui/designer-client/src/app')
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html38
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.css3
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.html14
-rw-r--r--cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.ts9
4 files changed, 38 insertions, 26 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html
index 0886a3fd3..c26fe00c2 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/action-attributes/action-attributes.component.html
@@ -171,20 +171,24 @@
<label class="col-form-label col-sm-3 pt-0">Type <span>*</span></label>
<div class="col-sm-9">
<div class="list-group list-group-horizontal">
- <button type="button" class="list-group-item list-group-item-action"
- (click)="setInputType('string')">
+ <button type="button" [class.active]="this.inputActionAttribute.type === 'string'"
+ class="list-group-item list-group-item-action" (click)="setInputType('string')">
String
</button>
- <button type="button" class="list-group-item list-group-item-action"
+ <button type="button" [class.active]="this.inputActionAttribute.type === 'integer'"
+ class="list-group-item list-group-item-action"
(click)="setInputType('integer')">Integer
</button>
- <button type="button" class="list-group-item list-group-item-action"
+ <button type="button" [class.active]="this.inputActionAttribute.type === 'boolean'"
+ class="list-group-item list-group-item-action"
(click)="setInputType('boolean')">Boolean
</button>
- <button type="button" class="list-group-item list-group-item-action"
+ <button type="button" [class.active]="this.inputActionAttribute.type === 'list'"
+ class="list-group-item list-group-item-action"
(click)="setInputType('list')">List
</button>
- <button type="button" class="list-group-item list-group-item-action"
+ <button type="button" [class.active]="this.inputActionAttribute.type === 'Other'"
+ class="list-group-item list-group-item-action"
(click)="setInputType('Other')">Other
</button>
</div>
@@ -478,15 +482,13 @@
<div class="scrollWrapper">
<a [class]="steps.indexOf(step) === 0?
'list-group-item list-group-item-action active':
- 'list-group-item list-group-item-action'" [id]="step"
- data-toggle="list" href="#list-home" role="tab" aria-controls="home"
- *ngFor="let step of steps" >
+ 'list-group-item list-group-item-action'" [id]="step" data-toggle="list"
+ href="#list-home" role="tab" aria-controls="home"
+ *ngFor="let step of steps">
- <i class="icon-resource_resolution mr-1" aria-hidden="true"
- (click)="setInputAndOutputs(
+ <i class="icon-resource_resolution mr-1" aria-hidden="true" (click)="setInputAndOutputs(
this.designerState.template.workflows[actionName]['steps'][step]['target']
- )"
- ></i>
+ )"></i>
{{step}} <i class="icon-next_arrow" aria-hidden="true" (click)="setInputAndOutputs(
this.designerState.template.workflows[actionName]['steps'][step]['target']
)"></i></a>
@@ -543,12 +545,12 @@
<input type="text" class="form-control input-search-controller"
placeholder="Functions">
<div class="scrollWrapper" *ngFor="let step of steps">
- <a [class]="steps.indexOf(step) === 0?
+ <a [class]="steps.indexOf(step) === 0?
'list-group-item list-group-item-action active':
'list-group-item list-group-item-action'" [id]="step"
- *ngFor="let step of steps"
- data-toggle="list" href="#list-home" role="tab" aria-controls="home"><i
- class="icon-resource_resolution mr-1" aria-hidden="true"></i>
+ *ngFor="let step of steps" data-toggle="list" href="#list-home" role="tab"
+ aria-controls="home"><i class="icon-resource_resolution mr-1"
+ aria-hidden="true"></i>
{{step}} <i class="icon-next_arrow" aria-hidden="true" (click)="setInputAndOutputs(
this.designerState.template.workflows[actionName]['steps'][step]['target']
)"></i></a>
@@ -699,4 +701,4 @@
</div>
</div>
</div>
-</div>
+</div> \ No newline at end of file
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.css b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.css
index e69de29bb..10ed56b55 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.css
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/designer/functions-attribute/functions-attribute.component.css
@@ -0,0 +1,3 @@
+.createAttributeTabs .active {
+ background: #eaeaea;
+} \ No newline at end of file
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 762f1e2b6..8879d539d 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
@@ -59,8 +59,7 @@
<div class="custom-control custom-radio custom-control-inline">
<input type="radio" id="functionRadioInline" name="functionRadioInline"
[checked]="!currentFuncion['inputs']['artifact-prefix-names']?.get_input"
- (click)="setArtifact(true)"
- class="custom-control-input">
+ (click)="setArtifact(true)" class="custom-control-input">
<label class="custom-control-label" for="functionRadioInline">Pre-defined
Template</label>
</div>
@@ -177,7 +176,7 @@
</div>
</div>
<!--ARTIFACTS-->
- <div class="card" [hidden]="selectedTemplates.size == 0" class="accordion" id="accordionExample1">
+ <div class="card" [hidden]="finalTemplates.size == 0" class="accordion" id="accordionExample1">
<div class="card-header" id="headingTwo">
<h2 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo"
@@ -189,7 +188,7 @@
<div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
<div class="row">
- <div class="col-12" *ngFor="let file of getKeys(selectedTemplates)">
+ <div class="col-12" *ngFor="let file of getKeys(finalTemplates)">
<a class="template-mapping-list">
<p>{{file}}</p>
<span *ngIf="getValue(file,templateAndMappingMap).isMapping">Mapping</span>
@@ -223,7 +222,7 @@
</div>
<div class="modal-body createAttributeTabs">
<div class="col-4" *ngFor="let file of getKeys(templateAndMappingMap)">
- <a class="template-mapping-list float" [ngClass]="{'active':selectedTemplates.has(file)}">
+ <a class="template-mapping-list float" [class.active]="selectedTemplates.has(file)">
<p (click)="setTemplate(file)">{{file}}</p>
<span *ngIf="getValue(file,templateAndMappingMap).isMapping">Mapping</span>
<span *ngIf="getValue(file,templateAndMappingMap).isTemplate">Template</span>
@@ -233,7 +232,7 @@
</div>
<div class="modal-footer">
- <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+ <button type="button" class="btn btn-secondary" (click)="cancel()" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" data-dismiss="modal" (click)="addTemplates()">Add
Templates</button>
</div>
@@ -254,7 +253,8 @@
</div>
<div class="modal-body">
<p>Are you sure you want to delete Template file
- <span>{{fileToDelete}}</span>?</p>
+ <span>{{fileToDelete}}</span>?
+ </p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
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 6ebf536b5..d36b16f16 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
@@ -22,6 +22,7 @@ export class FunctionsAttributeComponent implements OnInit, OnDestroy {
cbaPackage: CBAPackage;
templateAndMappingMap = new Map<string, TemplateAndMapping>();
selectedTemplates = new Map<string, TemplateAndMapping>();
+ finalTemplates = new Map<string, TemplateAndMapping>();
fileToDelete: string;
requiredInputs = new Map<string, {}>();
requiredOutputs = new Map<string, {}>();
@@ -108,6 +109,7 @@ export class FunctionsAttributeComponent implements OnInit, OnDestroy {
console.log(filename);
if (this.templateAndMappingMap.has(filename)) {
this.selectedTemplates.set(filename, this.templateAndMappingMap.get(filename));
+ this.finalTemplates.set(filename, this.templateAndMappingMap.get(filename));
}
});
@@ -153,7 +155,12 @@ export class FunctionsAttributeComponent implements OnInit, OnDestroy {
this.ngUnsubscribe.complete();
}
- addTemplates() { }
+ addTemplates() {
+ this.finalTemplates = this.selectedTemplates;
+ }
+ cancel() {
+ this.selectedTemplates = new Map<string, TemplateAndMapping>();
+ }
saveFunctionData() {
this.nodeTemplates = new NodeTemplate('');