Fix Editing/Deletion of directives when not permitted

Fix Edit/Delete options for directives not being disabled
when service is checked in / certified

Issue-ID: SDC-3985
Signed-off-by: JvD_Ericsson <jeff.van.dam@est.tech>
Change-Id: Ic4c6820b8b276c6474acc6d6b46a75eb9ee886f2
diff --git a/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html b/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html
index 3dfbf7a..70ccc4c 100644
--- a/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html
+++ b/catalog-ui/src/app/ng2/components/logic/service-dependencies/service-dependencies.component.html
@@ -5,9 +5,10 @@
   <div *ngIf="isDependent && !isEditable" class="checkbox-label-mark-as-dependent">
     <label class="i-sdc-form-label">Directive: {{getActualDirectiveValue()}}</label>
     <span class="sprite-new delete-btn delete-icon"
-          (click)="onRemoveDirective()" data-tests-id="delete-input-button">
+          (click)="onRemoveDirective()" data-tests-id="delete-input-button" *ngIf="!readonly">
     </span>
-    <svg-icon-label name="edit-file-o" size="small" class="directive-edit-icon" data-tests-id="directive-edit-icon" (click)="onEditDirectives()">
+    <svg-icon-label name="edit-file-o" size="small" class="directive-edit-icon" data-tests-id="directive-edit-icon" 
+          (click)="onEditDirectives()" *ngIf="!readonly">
     </svg-icon-label>
   </div>