1 files changed, 54 insertions, 1 deletions
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/scripts-tab/scripts-tab.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/scripts-tab/scripts-tab.component.html
index 490eef394..a272b62b0 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/scripts-tab/scripts-tab.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/scripts-tab/scripts-tab.component.html
@@ -8,9 +8,62 @@
                                                                                              data-toggle="modal"
                                                                                              (click)="resetTheUploadedFiles()"
                                                                                              href="#"><b>Import File</b></a></span>
-
+        <span>
+   <div class="card creat-card"></div>
+   <div class="single-line-model">
+      <label class="label-name">File Name
+      <span _ngcontent-uew-c3="">*</span>
+      </label>
+      <div class="label-input">
+         <input type="input" [(ngModel)]="currentFileName"
+                placeholder="script name" name="scriptName" autofocus [autofocus]="true">
+      </div>
+      <div class="single-line">
+         <label class="label-name">Script Type</label>
+         <div class="label-input" (change)="changeExtension()">
+            <label name="trst" id="kt">
+            <input class="form-check-input" [(ngModel)]="scriptExtension" type="radio"
+                   name="exampleRadios1" id="kt" value=kotlin>
+            <span>
+            Kotlin
+            </span>
+            </label>
+            <label name="trst" id="py">
+            <input class="form-check-input" [(ngModel)]="scriptExtension" type="radio"
+                   name="exampleRadios2" id="py" value=python>
+            <span>
+            Jython
+            </span>
+            </label>
+            <label id="ansible">
+            <input class="form-check-input" [(ngModel)]="scriptExtension" type="radio"
+                   name="exampleRadios3" id="ansible" value=ansible>
+            <span>
+            Ansible
+            </span>
+            </label>
+         </div>
+      </div>
+   </div>
+   <div id="id-script" class="collapse show">
+      <div class="card-body">
+         <ace-editor [(text)]="currentFileContent"
+                     [mode]="currentExtension"
+                     [autoUpdateContent]="true" [durationBeforeCallback]="3000" [theme]="'eclipse'"
+                     #editor
+                     style="height:300px;">
+         </ace-editor>
+      </div>
+   </div>
+</span>
+        <button tourAnchor="tm-templateFinish" (click)="textCurrentChanges()" [disabled]="currentFileName?.length == 0 ||
+this.currentFileContent?.length == 0
+"
+                title="Submit template and close" class="btn btn-primary">Save
+        </button>
     </div>
 
+
     <div class="accordion">
         <!-- <div class="card creat-card">
             <div class="single-line">