All files / app/component/lens lens.component.html

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
9x
 
 
4x
15x
1x
4x
1x
1x
 
1x
 
 
15x
1x
4x
1x
1x
 
1x
 
 
 
9x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4x
 
9x
9x
 
 
 
 
 
 
 
 
@if (header) {
  <app-viewer class="lens-header" [text]="header"></app-viewer>
}
<ng-container *mobxAutorun>
  @if (query.responseOf) {
    <div class="list-container responses-of">
      <div class="label" i18n>Responses Of:</div>
      <app-ref class="full-page"
               [ref]="query.responseOf"
               [showToggle]="true"
               (copied)="query.refresh()"></app-ref>
    </div>
  }
  @if (query.sourcesOf) {
    <div class="list-container sources-of">
      <div class="label" i18n>Sources Of:</div>
      <app-ref class="full-page"
               [ref]="query.sourcesOf"
               [showToggle]="true"
               (copied)="query.refresh()"></app-ref>
    </div>
  }
</ng-container>
@if (isTemplate('graph')) {
  @defer {
    <app-force-directed #lens
                        [tag]="tag"
                        [content]="page?.content || []"></app-force-directed>
  } @placeholder {
    <app-loading></app-loading>
  }
} @else if (isTemplate('grid')) {
  @defer {
    <app-grid #lens
              [tag]="tag"
              [ext]="ext!"
              [page]="page"
              [pageControls]="pageControls"
              [cols]="cols"></app-grid>
  } @placeholder {
    <app-loading></app-loading>
  }
} @else if (isTemplate('notes')) {
  <app-notebook #lens
                [class]="cssClass(ext?.tag)"
                [ext]="ext"
                [page]="page"
                [pageControls]="pageControls"
                [plugins]="plugins"
                [cols]="cols"></app-notebook>
} @else if (isTemplate('kanban')) {
  <app-kanban #lens
              [query]="tag"
              [ext]="ext!"
              [fullPage]="fullPage"
              [pageControls]="pageControls"
              [size]="size"
              [sort]="sort"
              [filter]="filter"
              [search]="search"></app-kanban>
} @else if (isTemplate('blog')) {
  <app-blog #lens
            [ext]="ext!"
            [page]="page"
            [pageControls]="pageControls"
            [cols]="cols"></app-blog>
} @else if (isTemplate('chat')) {
  <app-chat #lens
            [query]="tag"></app-chat>
} @else if (isTemplate('map')) {
  @defer {
    <app-map #lens
             [tag]="tag"
             [ext]="ext"
             [page]="page"
             [saveView]="fullPage"
             [pageControls]="pageControls"></app-map>
  } @placeholder {
    <app-loading></app-loading>
  }
} @else if (isTemplate('folder')) {
  <app-folder #lens
              [page]="page"
              [tag]="tag"
              [ext]="ext!"></app-folder>
} @else {
  <app-ref-list #lens
                class="expand"
                [class]="cssClass(ext?.tag)"
                [ext]="ext"
                [page]="page"
                [pageControls]="pageControls"
                [plugins]="plugins"
                [cols]="cols"
                [showAlarm]="showAlarm"
                [showVotes]="showVotes"></app-ref-list>
}