From 56ce1449eaf4fdd78f2cccf33f6d2d604a819fb4 Mon Sep 17 00:00:00 2001
From: Sarah Abouzainah <sabouzainah.ext@orange.com>
Date: Fri, 10 Jul 2020 03:07:45 +0200
Subject: Manual Enrichment.

Issue-ID: CCSDK-2542

Signed-off-by: Sarah Abouzainah <sabouzainah.ext@orange.com>
Change-Id: I44cc4266324d5722364c8643cdc75cff49391a63
---
 .../configuration-dashboard.component.html         | 49 ++++++++++++++++++----
 .../configuration-dashboard.component.ts           |  5 +++
 2 files changed, 47 insertions(+), 7 deletions(-)

(limited to 'cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard')

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html
index 8e2ae5dbb..ba5eca973 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.html
@@ -106,16 +106,17 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col-2 package-view-button pt-3">
+                        <div class="col-2 package-view-button">
                             <!-- <button class="btn btn-sm btn-primary mb-2" (click)="goToDesignerMode()">Designer
                                 Mode
                             </button> -->
                             <!-- Button trigger modal - 1st Action -->
+
                             <button type="button" class="btn btn-sm btn-primary mb-2" data-toggle="modal"
                                 data-target="#exampleModalLong">
-                                Designer Mode
+                                <i class="icon-topologyView-active"></i> Designer Mode
                             </button>
-                            <!-- Modal -->
+                            <!-- Designer Modal -->
                             <div class="modal fade createActionModal" id="exampleModalLong" tabindex="-1" role="dialog"
                                 aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                                 <div class="modal-dialog" role="document">
@@ -658,7 +659,13 @@
                                     </div>
                                 </div>
                             </div>
-                            <button class="btn btn-sm btn-outline-secondary" (click)="deployCurrentPackage()"><i
+                            <button type="button" class="btn btn-sm mb-2 btn-enrich" data-toggle="modal"
+                                data-target="#enrichModal">
+                                <i class="icon-enrich" aria-hidden="true"></i> Manual Enrich
+                            </button>
+
+
+                            <button class="btn btn-sm btn-deploy" (click)="deployCurrentPackage()"><i
                                     class="fa fa-play-circle"></i> Deploy
                             </button>
                         </div>
@@ -722,7 +729,35 @@
     </div>
 </div>
 
-
+<!-- Enrich Modal -->
+<div class="modal fade enrichModal" id="enrichModal" tabindex="-1" role="dialog" aria-labelledby="enrichModalLabel"
+    aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="enrichModalLabel">Manual Enrich</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <img src="assets/img/icon-close.svg" />
+                </button>
+            </div>
+            <div class="modal-body">
+                <ul class="defintionsNote">
+                    <li><b>To do manual enrichment: </b></li>
+                    <li>1. Copy and paste "workflows" and "node_templates"</li>
+                    <li>2. Press <b>Enrich</b> button</li>
+                </ul>
+                <ace-editor [(text)]="dslDefinition.content" [mode]="'javascript'" [autoUpdateContent]="true"
+                    [durationBeforeCallback]="1000" (textChanged)="textChanged($event)" [theme]="'eclipse'" #editor
+                    style="height:300px;">
+                </ace-editor>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+                <button type="button" data-dismiss="modal" class="btn btn-primary btn-enrich">Enrich</button>
+            </div>
+        </div>
+    </div>
+</div>
 <!-- Delete Modal -->
 <div class="modal fade" id="removePackageModal" tabindex="-1" role="dialog" aria-labelledby="removePackageModalLabel"
     aria-hidden="true">
@@ -731,7 +766,7 @@
             <div class="modal-header">
                 <h5 class="modal-title" id="removePackageModalLabel">Delete Script</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                    <span aria-hidden="true">&times;</span>
+                    <i class="icon-action-close"></i>
                 </button>
             </div>
             <div class="modal-body">
@@ -744,4 +779,4 @@
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts
index 0e1d4cd11..fa127290c 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/configuration-dashboard/configuration-dashboard.component.ts
@@ -39,6 +39,7 @@ export class ConfigurationDashboardComponent implements OnInit {
     id: any;
 
     currentBlob = new Blob();
+    dslDefinition: DslDefinition = new DslDefinition();
 
     constructor(
         private route: ActivatedRoute,
@@ -248,4 +249,8 @@ export class ConfigurationDashboardComponent implements OnInit {
     public fileLeave(event) {
         console.log(event);
     }
+
+    textChanged($event: {}) {
+
+    }
 }
-- 
cgit 1.2.3-korg