feat: add additional information display

src/components/table-header/table-header.component.html

@@ -1,6 +1,11 @@
 <div class="app-table-header">
   <div class="mat-h4">
-    Расписание занятий
+    <div style="justify-content: flex-start; flex-wrap: wrap">
+      <span style="margin-right: 5px">Расписание занятий {{ additionalText }}</span>
+      @if (dataText.length !== 0) {
+        <span style="color: var(--mdc-checkbox-selected-icon-color);">{{ dataText }}</span>
+      }
+    </div>
   </div>
   <div class="mat-h3">
     Неделя: {{ startWeek | date:"shortDate" }}

src/components/table-header/table-header.component.ts

@@ -5,6 +5,13 @@ import {MatButton} from "@angular/material/button";
 import {MatIcon} from "@angular/material/icon";
 import {MatBadge} from "@angular/material/badge";
 
+export enum AdditionalText {
+  Group,
+  Professor,
+  LectureHall,
+  Other
+}
+
 @Component({
   selector: 'app-table-header',
   standalone: true,
@@ -19,6 +26,9 @@ import {MatBadge} from "@angular/material/badge";
 })
 
 export class TableHeaderComponent {
+  protected additionalText: string = '';
+  protected dataText: string = '';
+
   @Input() startWeek!: Date;
   @Input() currentWeek!: number;
   @Output() weekEvent: EventEmitter<boolean | null> = new EventEmitter<boolean | null>();