All files / app/component/folder/file file.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
2x
 
 
 
 
 
 
 
 
 
 
 
2x
 
1x
2x
 
 
 
 
 
 
 
 
2x
 
1x
2x
 
2x
 
 
 
@if (iconEmoji || iconColor) {
  <div class="file-icon thumbnail"
       [style.background-image]="[repostRef, ref] | thumbnail | async | cssUrl"
       [style.background-color]="iconColor"
       [style.border-radius.px]="iconRadius">{{ iconEmoji }}</div>
} @else if (thumbnail) {
  <div class="file-icon thumbnail"
       [style.background-image]="[repostRef, ref] | thumbnail: true | async | cssUrl"
       [style.border-radius.px]="iconRadius">{{ iconEmoji }}</div>
} @else if (iconEmojiDefaults) {
  <div class="file-icon thumbnail">{{ iconEmojiDefaults }}</div>
} @else {
  <div class="file-icon thumbnail" [class.default-thumbnail]="true"></div>
}
<div class="row">
  @if (showToggle && (ref.comment || expandPlugins.length)) {
    <div class="toggle" (click)="editing ? editing = false : viewSource = false">
      @if (!editing && !viewSource && !expanded) {
        <span class="toggle-plus">＋</span>
      } @else {
        <span class="toggle-x">✕</span>
      }
    </div>
  }
  <a [routerLink]="['/ref', ref.url]"
     [queryParams]="{ origin: nonLocalOrigin }"
     (click)="saveRef()"
     [style.pointer-events]="dragging ? 'none' : undefined">{{ title }}</a>
</div>
@if (expanded) {
  <app-viewer [ref]="ref"></app-viewer>
}