Change Import tabs to Definitions

Issue-ID: CCSDK-2312

Signed-off-by: Sarah Abouzainah <sabouzainah.ext@orange.com>
Change-Id: I0aca9848feaf47e3b22d4f3decf3317b7e137a1e
(cherry picked from commit 3ce18436a7fdbe20e5681785d88a62679d92ab0d)

4 files changed, 19 insertions, 3 deletions

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 730525504..1ff03b221 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
@@ -129,7 +129,7 @@
                             <a class="nav-item nav-link" id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts"
                                 role="tab" aria-controls="nav-scripts" aria-selected="false">SCRIPTS</a>
                             <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
-                                role="tab" aria-controls="nav-imports" aria-selected="false">IMPORTS</a>
+                                role="tab" aria-controls="nav-imports" aria-selected="false">DEFINITIONS</a>
                             <a class="nav-item nav-link" id="nav-authentication-tab" data-toggle="tab"
                                 href="#nav-authentication" role="tab" aria-controls="nav-authentication"
                                 aria-selected="false">EXTERNAL SYSTEM AUTHENTICATION PROPERTIES</a>
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/dsl-definitions-tab/dsl-definitions-tab.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/dsl-definitions-tab/dsl-definitions-tab.component.html
index a67d12bcf..2c0400a63 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/dsl-definitions-tab/dsl-definitions-tab.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/dsl-definitions-tab/dsl-definitions-tab.component.html
@@ -1,3 +1,8 @@
+<ul class="defintionsNote">
+    <li><b>To add new property: </b></li>
+    <li>1. Use Copy and paste option or</li>
+    <li>2. Write them manually </li>
+</ul>
 <ace-editor [(text)]="dslDefinition.content" [mode]="'javascript'" [autoUpdateContent]="true"
     [durationBeforeCallback]="1000" (textChanged)="textChanged($event)" [theme]="'tomorrow_night_bright'" #editor style="height:300px;">
 </ace-editor>
diff --git a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html
index 3bb8b56a1..1253dc10b 100644
--- a/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html
+++ b/cds-ui/designer-client/src/app/modules/feature-modules/packages/package-creation/package-creation.component.html
@@ -64,7 +64,7 @@
                             <a class="nav-item nav-link" id="nav-scripts-tab" data-toggle="tab" href="#nav-scripts"
                                 role="tab" aria-controls="nav-scripts" aria-selected="false">SCRIPTS</a>
                             <a class="nav-item nav-link" id="nav-imports-tab" data-toggle="tab" href="#nav-imports"
-                                role="tab" aria-controls="nav-imports" aria-selected="false">IMPORTS</a>
+                                role="tab" aria-controls="nav-imports" aria-selected="false">DEFINITIONS</a>
                             <a class="nav-item nav-link" id="nav-authentication-tab" data-toggle="tab"
                                 href="#nav-authentication" role="tab" aria-controls="nav-authentication"
                                 aria-selected="false">EXTERNAL SYSTEM AUTHENTICATION PROPERTIES</a>
diff --git a/cds-ui/designer-client/src/styles.css b/cds-ui/designer-client/src/styles.css
index b70264b48..b44a36235 100644
--- a/cds-ui/designer-client/src/styles.css
+++ b/cds-ui/designer-client/src/styles.css
@@ -1247,11 +1247,14 @@ ul.package-contributers{
   background: transparent !important;
   border-top-color: #F7F6F6 !important;
 }
+.packages-card .card-footer .col{
+  text-align: center;
+}
 .packages-card .card-footer .col:first-child{
   border-right: solid 1px #F7F6F6;
 }
 .packages-card .card-footer .btn{
-  padding: 10px 5px 10px 0 !important;
+  padding: 10px 0 10px 0 !important;
   background-color: transparent !important;
   color: #1B3E6F !important;
   border: 0;
@@ -2422,6 +2425,14 @@ margin-right: 5px;
   font-size: 20px;
   /* margin-right: 20px; */
 }
+.defintionsNote{
+  padding-left: 0;
+}
+.defintionsNote li{
+  line-height: 24px;
+  list-style: none;
+  font-size: 13px;
+}
 .package-name-container{
   width: calc(100% - 60px);
   display: inline-block;