All files / app/component/subscription-bar subscription-bar.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
2x
2x
2x
7x
7x
2x
 
2x
 
 
7x
2x
 
2x
7x
 
 
 
 
7x
 
 
 
7x
 
 
 
 
 
 
 
 
 
 
2x
7x
2x
 
2x
 
7x
7x
 
 
 
<ng-container *mobxAutorun>
  <span class="back-button" (click)="back()">��️</span>
  <div class="subs">
    <a [routerLink]="['/tags', store.view.noQuery || '@*']" [class.current-page]="store.view.tags" [queryParams]="{ home: store.view.current === 'home' || null }" i18n>tags</a>
    @if (admin.home) {
      &bullet; <a routerLink="/home" [class.current-page]="store.view.current === 'home' && !store.view.forYou" i18n>home</a>
      @if (admin.getTemplate('user') && store.account.signedIn) {
        &bullet; <a routerLink="/home" [queryParams]="{ forYou : true }" routerLinkActive="current-page" i18n>for you</a>
      }
    }
    @if (admin.getPlugin('+plugin/origin') && store.account.signedIn) {
      &bullet; <a [routerLink]="'/tag/' + (store.account.origin || '*')" routerLinkActive="current-page" i18n>local</a>
    }
    &bullet; <a routerLink="/tag/@*" routerLinkActive="current-page" i18n>all</a>
    @if (bookmarks.length) {
      @for (b of bookmarks; track i; let i = $index) {
        &bullet; <a [routerLink]="['/tag', store.account.bookmarkQueries[i]]" [queryParams]="store.account.bookmarkParams[i]" [appTitle]="b" routerLinkActive="current-page">{{ b.name || store.account.bookmarkQueries[i] }}</a>
      }
    } @else {
      @for (b of store.account.bookmarks; track i; let i = $index) {
        &bullet; <a  [routerLink]="['/tag', store.account.bookmarkQueries[i]]" [queryParams]="store.account.bookmarkParams[i]" routerLinkActive="current-page">{{ store.account.bookmarkQueries[i] }}</a>
      }
    }
    @if (admin.home) {
      @if (subs.length) {
        @for (sub of subs; track i; let i = $index) {
          &bullet; <a [routerLink]="['/tag', store.account.subs[i]]" [appTitle]="sub" routerLinkActive="current-page">{{ sub.name || store.account.subs[i] }}</a>
        }
      } @else {
        @for (t of store.account.subs; track t) {
          &bullet; <a [routerLink]="['/tag', t]" routerLinkActive="current-page">{{ t }}</a>
        }
      }
    }
  </div>
  @if (!store.submit.empty) {
    <span class="drafts" routerLink="/submit/upload" i18n-title title="Unsaved Drafts" i18n>🗂️</span>
  }
  <div class="light-toggle"
     (click)="themes.toggle(store.hotkey)">
    <div class="moon" [class.lights-on]="!store.darkTheme" [class.lights-off]="store.darkTheme" i18n>🌙️</div>
    <div class="light" [class.lights-on]="!store.darkTheme" [class.lights-off]="store.darkTheme" i18n>💡️</div>
  </div>
</ng-container>