Bugfix/10.2/379 pipelines are showing wrong input and processed values

frontend/src/app/active-directory/shared/components/active-directory-detail/active-directory-detail.component.html

@@ -1,4 +1,4 @@
-<div class="container-fluid pr-2 pl-2 pt-2 h-100">
+<div class="container-fluid pl-2 pt-0 h-100">
   <div *ngIf="!user"
        class="no-object-selected d-flex flex-column align-items-center justify-content-center">
     <app-no-data-found></app-no-data-found>

frontend/src/app/active-directory/shared/components/active-directory-event/active-directory-event.component.html

@@ -1,19 +1,19 @@
-<div class="container-fluid pr-3 pl-3 pt-2 h-100">
+<div class="container-fluid p-0 h-100">
   <div class="row h-100">
-    <div class="col-lg-7 col-md-12 col-sm-12 p-2">
+    <div class="col-lg-7 col-md-12 col-sm-12 pl-2 pr-0">
       <app-event-timeline (eventChange)="onEventChange($event)"
-                          [events]="eventsFilter"
-                          [time]="time"></app-event-timeline>
+                          [events]="[]"
+                          [time]=""></app-event-timeline>
     </div>
-    <div class="col-lg-5 col-md-12 col-sm-12 p-2">
+    <div class="col-lg-5 col-md-12 col-sm-12 pl-2">
       <div class="card m-0 card-detail">
         <div class="card-header header-elements-sm-inline p-2">
           <h6 class="card-title font-weight-light pb-0 text-blue-800">Event detail</h6>
         </div>
         <div *ngIf="event" class="card-body message-container p-2">
           <p [innerHTML]="message" class=""></p>
         </div>
-        <div *ngIf="!event" class="card-body message-container p-2 h-100">
+        <div *ngIf="!event" class="card-body message-container pl-2 h-100">
           <div class="h-100 w-100 d-flex justify-content-center align-items-center flex-column">
             <div class="event-icon utm-icon-lg utm-icon-light"></div>
             <h6 class="text-blue-800 mt-2 text-justify font-weight-light">

frontend/src/app/active-directory/view/active-directory-view/active-directory-view.component.html

@@ -8,7 +8,7 @@
     <app-active-directory-tree (selected)="objectSelected($event)"></app-active-directory-tree>
   </div>
   <div [ngStyle]="{'width':detailWidth}" class="flex-grow-1 card-right-detail resizable-table-responsive">
-    <div class="card h-100 card-detail">
+    <div [ngClass]="{ 'bg-transparent' : !showPanel }" class="card h-100 card-detail border-0">
       <div *ngIf="object && adInfo" class="detail-header tab-header">
         <div class="pl-2 pt-2">
           <h6 class="text-blue-800 font-weight-light">{{object.name}}</h6>
@@ -37,7 +37,7 @@ <h6 class="text-blue-800 font-weight-light">{{object.name}}</h6>
           </ul>
         </div>
       </div>
-      <div *ngIf="object" class="card-body p-0">
+      <div *ngIf="object" class="p-0 h-100">
         <app-active-directory-detail *ngIf="view==='detail'"
                                      [user]="object"
                                      [adInfo]="object">

frontend/src/app/active-directory/view/active-directory-view/active-directory-view.component.scss

@@ -26,3 +26,7 @@
 .form-control {
   font-size: 12px !important;
 }
+
+.bg-transparent {
+  background-color: transparent;
+}