[ACS-7429] cleanup APS1 task-list before refactorings (#9650)

demo-shell/src/app/components/cloud/cloud-breadcrumb-component.html

@@ -1,4 +0,0 @@
-<adf-toolbar>
-  <div class="app-crumb">{{appName + ' >'}} </div>
-  <div class="app-filter-crumb"> {{filterName | translate}}</div>
-</adf-toolbar>

demo-shell/src/app/components/cloud/cloud-breadcrumb-component.scss

@@ -1,14 +0,0 @@
-app-cloud-breadcrumbs {
-    .app-app-crumb {
-        opacity: 0.5;
-    }
-
-    .app-filter-crumb {
-        opacity: 0.8;
-        margin-left: 5px;
-    }
-
-    adf-toolbar {
-        display: flex;
-    }
-}

demo-shell/src/app/components/cloud/cloud-breadcrumb-component.ts

@@ -1,43 +0,0 @@
-/*!
- * @license
- * Copyright © 2005-2023 Hyland Software, Inc. and its affiliates. All rights reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { Component, OnInit, ViewEncapsulation } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
-
-@Component({
-    selector: 'app-cloud-breadcrumbs',
-    templateUrl: './cloud-breadcrumb-component.html',
-    styleUrls: ['./cloud-breadcrumb-component.scss'],
-    encapsulation: ViewEncapsulation.None
-})
-export class CloudBreadcrumbsComponent implements OnInit {
-    appName: string;
-    filterName: string;
-
-    constructor(private route: ActivatedRoute) {}
-
-    ngOnInit() {
-        this.route.parent.params.subscribe(params => {
-            this.appName = params.appName;
-        });
-        this.route.queryParams.subscribe(params => {
-            if (params.filterName) {
-                this.filterName = params.filterName;
-            }
-        });
-    }
-}

demo-shell/src/app/components/cloud/cloud-layout.component.html

@@ -3,7 +3,10 @@
     <adf-sidenav-layout [sidenavMin]="70" [sidenavMax]="270" [stepOver]="780">
       <adf-sidenav-layout-header>
         <ng-template>
-          <app-cloud-breadcrumbs></app-cloud-breadcrumbs>
+            <div class="app-cloud-layout-toolbar">
+                <span>{{appName}}</span>
+                <span *ngIf="filterName">{{ ' > ' + (filterName | translate)}}</span>
+            </div>
         </ng-template>
       </adf-sidenav-layout-header>
       <adf-sidenav-layout-navigation>

demo-shell/src/app/components/cloud/cloud-layout.component.scss

@@ -2,10 +2,6 @@
     overflow: auto;
 }
 
-.app-cloud-layout-tab-body .mat-tab-body-wrapper {
-    height: 100%;
-}
-
 app-cloud-layout {
     .app-cloud-layout-tab-body {
         height: 100%;
@@ -18,5 +14,13 @@ app-cloud-layout {
             box-sizing: border-box;
             display: flex;
         }
+
+        & > div {
+            height: 100%;
+        }
+    }
+
+    .app-cloud-layout-toolbar {
+        display: flex;
     }
 }

demo-shell/src/app/components/cloud/cloud-layout.component.ts

@@ -26,14 +26,10 @@ import { CloudLayoutService } from './services/cloud-layout.service';
     encapsulation: ViewEncapsulation.None
 })
 export class CloudLayoutComponent implements OnInit {
-    displayMenu = true;
     appName: string;
+    filterName: string;
 
-    constructor(
-        private router: Router,
-        private route: ActivatedRoute,
-        private cloudLayoutService: CloudLayoutService
-    ) { }
+    constructor(private router: Router, private route: ActivatedRoute, private cloudLayoutService: CloudLayoutService) {}
 
     ngOnInit() {
         let root: string = '';
@@ -53,6 +49,10 @@ export class CloudLayoutComponent implements OnInit {
             if (root === 'processes' && params.id) {
                 this.cloudLayoutService.setCurrentProcessFilterParam({ id: params.id });
             }
+
+            if (params.filterName) {
+                this.filterName = params.filterName;
+            }
         });
     }