feat: add column sorted in fichier tab

690pmb · Feb 21, 2024 · b5a13f9 · b5a13f9
1 parent a8d93ed
commit b5a13f9
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 0 deletions.
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -27,6 +27,7 @@ import {
   faRotateRight,
   faAngleUp,
   faEllipsisVertical,
+  faCheck,
 } from '@fortawesome/free-solid-svg-icons';
 
 import {AppComponent} from './app.component';
@@ -103,6 +104,7 @@ export class AppModule {
       faTimesCircle,
       faRotateRight,
       faEllipsisVertical,
+      faCheck,
       faGoogle
     );
   }

diff --git a/src/app/list-fichier/list-fichier.component.html b/src/app/list-fichier/list-fichier.component.html
@@ -146,6 +146,18 @@
     </mat-cell>
   </ng-container>
 
+  <!-- SORTED -->
+  <ng-container matColumnDef="sorted">
+    <mat-header-cell *matHeaderCellDef mat-sort-header>
+      <span class="mat-text">Trié</span>
+    </mat-header-cell>
+    <mat-cell *matCellDef="let fichier">
+      <div *ngIf="fichier.sorted">
+        <fa-icon [icon]="faCheck"></fa-icon>
+      </div>
+    </mat-cell>
+  </ng-container>
+
   <!-- Composition -->
   <ng-container [matColumnDef]="expandedColumn">
     <td

diff --git a/src/app/list-fichier/list-fichier.component.scss b/src/app/list-fichier/list-fichier.component.scss
@@ -1,3 +1,13 @@
 @use 'list.component' as *;
 
 @include link('title');
+
+.mat-mdc-cell.mat-column-sorted {
+  @include color('purple');
+}
+
+@include media($mobile-width) {
+  .mat-column-sorted {
+    max-width: 20px;
+  }
+}
diff --git a/src/app/list-fichier/list-fichier.component.ts b/src/app/list-fichier/list-fichier.component.ts
@@ -14,6 +14,7 @@ import {Dropbox} from '@utils/dropbox';
 import {FormGroup, FormControl} from '@angular/forms';
 import {yearsValidator} from '@utils/year.validator';
 import {NavigationService} from '@services/navigation.service';
+import {faCheck} from '@fortawesome/free-solid-svg-icons';
 
 @Component({
   selector: 'app-list-fichier',
@@ -48,6 +49,7 @@ export class ListFichierComponent
     'category',
     'size',
     'publish',
+    'sorted',
   ];
 
   override compositionColumns: (Field<Composition> | 'menu')[] = [
@@ -64,6 +66,7 @@ export class ListFichierComponent
   pageComposition!: PageEvent;
   sortComposition?: Sort<Composition>;
   expandedElement?: Fichier;
+  faCheck = faCheck;
   expandedColumn = 'compositions';
   authors!: Dropdown[];
   // Filters

diff --git a/src/app/list/list.component.scss b/src/app/list/list.component.scss
@@ -1,5 +1,6 @@
 @use 'sass:list';
 @use 'imports' as *;
+@forward 'imports';
 
 /* stylelint-disable selector-pseudo-element-no-unknown */
 /* stylelint-disable selector-class-pattern */