All files / app/component/grid/grid-cell grid-cell.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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<div class="grid-cell">
  @if (type === 'url' && textValue) {
    <app-nav class="grid-link"
             [url]="textValue"
             [text]="textValue"></app-nav>
  } @else if (type === 'tag' && textValue) {
    <app-nav class="grid-tag"
             [url]="tagUrl(textValue)"></app-nav>
  } @else if (type === 'tags' && listValue.length) {
    <div class="tag-list grid-list">
      @for (tag of listValue; track tag) {
        <app-nav class="grid-tag"
                 [url]="tagUrl(tag)"></app-nav>
      }
    </div>
  } @else if (type === 'sources' && listValue.length) {
    <div class="tag-list grid-list">
      @for (source of listValue; track source) {
        <app-nav class="grid-link"
                 [url]="source"
                 [text]="source"></app-nav>
      }
    </div>
  } @else if (type === 'image' && textValue) {
    <img class="grid-image" [src]="imageUrl" alt="">
  } @else if (type === 'lens' && textValue) {
    <app-viewer class="grid-viewer"
                [ref]="viewerRef('plugin/lens', tagUrl(textValue))"
                [disableResize]="true"></app-viewer>
  } @else if (type === 'markdown' && textValue) {
    <app-md class="grid-markdown"
            [text]="textValue"
            [clipboard]="false"
            [mermaid]="false"></app-md>
  } @else if (type === 'embed' && textValue) {
    <app-viewer class="grid-viewer"
                [ref]="viewerRef('plugin/embed', textValue)"
                [disableResize]="true"></app-viewer>
  } @else {
    {{ displayValue }}
  }
</div>