disable edit and discard without change in metadata

Issue-ID: CCSDK-2336
Signed-off-by: ShaabanEltanany <shaaban.eltanany.ext@orange.com>
Change-Id: I6e13dbf4b5ec0f868c839ebd77ec1a9aa5241210
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 0c42d3e..f79657a 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
@@ -763,7 +763,7 @@
                     <div class="col">
                         <div class="tab-content" id="nav-tabContent">
                             <div class="tab-pane fade show active" id="nav-metadata" role="tabpanel"
-                                 aria-labelledby="nav-metadata-tab" (click)="clickEvent()">
+                                 aria-labelledby="nav-metadata-tab" (change)="clickEvent()">
                                 <app-metadata-tab></app-metadata-tab>
                             </div>
                             <div class="tab-pane fade" id="nav-template" role="tabpanel"
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 764a5b9..47e89b3 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
@@ -65,13 +65,11 @@
                 if (cbaPackage && cbaPackage.metaData && cbaPackage.metaData.description
                     && cbaPackage.metaData.name && cbaPackage.metaData.version &&
                     regexp.test(cbaPackage.metaData.version)) {
-                    this.isSaveEnabled = true;
                     if (!this.metadataClasses.includes('complete')) {
-                        this.metadataClasses += 'complete';
+                        this.metadataClasses += ' complete';
                     }
                 } else {
                     this.metadataClasses = this.metadataClasses.replace('complete', '');
-                    this.isSaveEnabled = false;
                 }
 
             });