feat(workflow): breadcrumb placeholder

kaleidos-ventures · Sep 20, 2023 · 3b1f7a5 · 3b1f7a5
1 parent 3543c2a
commit 3b1f7a5
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 2 deletions.
diff --git a/.../app/modules/project/feature-kanban/components/kanban-header/kanban-header.component.html b/.../app/modules/project/feature-kanban/components/kanban-header/kanban-header.component.html
@@ -9,10 +9,17 @@
 <ng-container *transloco="let t">
   <h1
     id="main-area-title"
+    *ngIf="workflows.length === 1"
     data-test="kanban-title">
     {{ t('kanban.title') }}
   </h1>
 
+  <div
+    class="breadcrumb"
+    *ngIf="workflows.length > 1">
+    Todo: breadcrumb
+  </div>
+
   <tui-hosted-dropdown
     class="status-options-menu"
     tuiDropdownAlign="left"

diff --git a/...rc/app/modules/project/feature-kanban/components/kanban-header/kanban-header.component.ts b/...rc/app/modules/project/feature-kanban/components/kanban-header/kanban-header.component.ts
@@ -7,14 +7,15 @@
  */
 
 import { CommonModule } from '@angular/common';
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import { TranslocoDirective } from '@ngneat/transloco';
 import {
   TuiButtonModule,
   TuiDataListModule,
   TuiHostedDropdownModule,
   TuiSvgModule,
 } from '@taiga-ui/core';
+import { Workflow } from '@taiga/data';
 
 @Component({
   selector: 'tg-kanban-header',
@@ -32,5 +33,7 @@ import {
   ],
 })
 export class KanbanHeaderComponent {
+  @Input() public workflows: Workflow[] = [];
+
   public openWorkflowOptions = false;
 }
diff --git a/...t/apps/taiga/src/app/modules/project/feature-kanban/project-feature-kanban.component.html b/...t/apps/taiga/src/app/modules/project/feature-kanban/project-feature-kanban.component.html
@@ -18,7 +18,7 @@
         (resized)="onResized($event)"
         class="kanban-wrapper kanban-cdk-area">
         <div class="kanban">
-          <tg-kanban-header></tg-kanban-header>
+          <tg-kanban-header [workflows]="vm.workflows"></tg-kanban-header>
           <div class="kanban-wrapper">
             <ng-container *ngIf="vm.workflow && vm.workflow.statuses.length">
               <tg-kanban-workflow

diff --git a/...ipt/apps/taiga/src/app/modules/project/feature-kanban/project-feature-kanban.component.ts b/...ipt/apps/taiga/src/app/modules/project/feature-kanban/project-feature-kanban.component.ts
@@ -81,6 +81,7 @@ import { KanbanHeaderComponent } from './components/kanban-header/kanban-header.
 interface ComponentState {
   loadingWorkflow: KanbanState['loadingWorkflow'];
   workflow: KanbanState['workflow'];
+  workflows: Workflow[];
   invitePeopleModal: boolean;
   showStoryDetail: boolean;
   storyView: StoryView;
@@ -186,6 +187,18 @@ export class ProjectFeatureKanbanComponent {
       this.store.select(selectStory).pipe(filterNil())
     );
 
+    this.state.connect(
+      'workflows',
+      this.store
+        .select(selectCurrentProject)
+        .pipe(filterNil())
+        .pipe(
+          map((project) => {
+            return project.workflows;
+          })
+        )
+    );
+
     this.state.hold(
       combineLatest([
         this.state.select('storyView'),