Merge "Publish execution input/output into Kafka topics"

[ccsdk/cds.git] / cds-ui / designer-client / src / app / modules / feature-modules / packages / package-creation / imports-tab / imports-tab.component.ts

diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/imports-tab/imports-tab.component.ts b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/imports-tab/imports-tab.component.ts
index 535f783..3b9d38c 100644 (file)
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/imports-tab/imports-tab.component.ts
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/imports-tab/imports-tab.component.ts
@@ -1,7 +1,7 @@
-import { Component, OnInit } from '@angular/core';
-import { FileSystemFileEntry, NgxFileDropEntry } from 'ngx-file-drop';
-import { PackageCreationStore } from '../package-creation.store';
-import { PackageCreationUtils } from '../package-creation.utils';
+import {Component, OnInit} from '@angular/core';
+import {FileSystemFileEntry, NgxFileDropEntry} from 'ngx-file-drop';
+import {PackageCreationStore} from '../package-creation.store';
+import {PackageCreationUtils} from '../package-creation.utils';
 
 
 @Component({
@@ -18,6 +18,9 @@ export class ImportsTabComponent implements OnInit {
     public files: NgxFileDropEntry[] = [];
 
     constructor(private packageCreationStore: PackageCreationStore, private packageCreationUtils: PackageCreationUtils) {
+    }
+
+    ngOnInit(): void {
         this.packageCreationStore.state$.subscribe(cbaPackage => {
             if (cbaPackage.definitions && cbaPackage.definitions.imports && cbaPackage.definitions.imports.size > 0) {
                 this.definitionFiles = cbaPackage.definitions.imports;
@@ -25,10 +28,6 @@ export class ImportsTabComponent implements OnInit {
         });
     }
 
-    ngOnInit(): void {
-        // TODO
-    }
-
     public dropped(files: NgxFileDropEntry[]) {
         this.files = files;
         for (const droppedFile of files) {
@@ -39,26 +38,7 @@ export class ImportsTabComponent implements OnInit {
                 console.log(fileEntry.name);
                 this.fileNames.add(fileEntry.name);
 
-            } /*else {
-                const directorEntry = droppedFile.fileEntry as FileSystemDirectoryEntry;
-                this.filesUnderDirectory = directorEntry.getFile('');
-               // const fileEntry = droppedFile.fileEntry as FileSystemDirectoryEntry;
-               /* this.uploadedFile.push(droppedFile);
-                const formData = new FormData()
-                formData.append('logo', fileEntry, droppedFile.relativePath);
-                console.log(formData);*/
-            /* // It was a directory (empty directories are added, otherwise only files)
-             const fileEntry = droppedFile.fileEntry as FileSystemDirectoryEntry;
-             console.log(droppedFile.relativePath, fileEntry);
-
-
-              const formData = new FormData();
-              formData.append('logo', droppedFile, droppedFile.relativePath);
-              console.log(formData);
-
-             //this.packageCreationStore.addDefinition(droppedFile.relativePath, this.getContent(droppedFile.relativePath));
-*/
-            /* }*/
+            }
         }
     }
 
@@ -76,16 +56,6 @@ export class ImportsTabComponent implements OnInit {
         console.log(event);
     }
 
-    /* readFileContent(file: File): string | ArrayBuffer {
-         const fileReader = new FileReader();
-        // let content: string | ArrayBuffer = '';
-         fileReader.onload = (e) => {
-             content = fileReader.result;
-         };
-         fileReader.readAsText(file);
-         return content;
-     }
- */
     setFilesToStore() {
         for (const droppedFile of this.uploadedFiles) {
             droppedFile.file((file: File) => {
@@ -103,4 +73,18 @@ export class ImportsTabComponent implements OnInit {
     resetTheUploadedFiles() {
         this.uploadedFiles = [];
     }
+
+    textChanges(code: any, key: string) {
+        this.packageCreationStore.addDefinition(key, code);
+    }
+
+    changeDivShow(mapIndex: number) {
+        const divElement = document.getElementById('id-' + mapIndex) as HTMLElement;
+        if (divElement.getAttribute('class').includes('show')) {
+            divElement.setAttribute('class', 'collapse');
+        } else {
+            divElement.setAttribute('class', 'collapse show');
+        }
+        console.log(divElement.getAttribute('class'));
+    }
 }