All files / app/component/template/template-list template-list.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
2x
 
 
 
 
2x
2x
2x
 
 
 
 
 
 
 
 
6x
 
2x
 
 
 
 
2x
 
 
 
 
 
 
4x
 
 
 
 
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
import { Component, Input, QueryList, ViewChildren } from '@angular/core';
import { Router } from '@angular/router';
import { HasChanges } from '../../../guard/pending-changes.guard';
import { Page } from '../../../model/page';
import { Template } from '../../../model/template';
import { LoadingComponent } from '../../loading/loading.component';
import { PageControlsComponent } from '../../page-controls/page-controls.component';
import { TemplateComponent } from '../template.component';
 
@Component({
  selector: 'app-template-list',
  templateUrl: './template-list.component.html',
  styleUrls: ['./template-list.component.scss'],
  host: { 'class': 'template-list' },
  imports: [TemplateComponent, PageControlsComponent, LoadingComponent]
})
export class TemplateListComponent implements HasChanges {
 
  @ViewChildren(TemplateComponent)
  list?: QueryList<TemplateComponent>;
 
  private _page?: Page<Template>;
 
  constructor(private router: Router) { }
 
  saveChanges() {
    return !this.list?.find(p => !p.saveChanges());
  }
 
  get page() {
    return this._page;
  }
 
  @Input()
  set page(value: Page<Template> | undefined) {
    this._page = value;
    Iif (this._page) {
      if (this._page.page.number > 0 && this._page.page.number >= this._page.page.totalPages) {
        this.router.navigate([], {
          queryParams: {
            pageNumber: this._page.page.totalPages - 1
          },
          queryParamsHandling: "merge",
        })
      }
    }
  }
}