All files / app/page/ref ref.component.html

45.8% Statements 71/155
58.18% Branches 32/55
0% Functions 0/5
74.69% Lines 62/83

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 1362x 9x 2x 2x   9x 2x 1x     1x     1x     1x     1x     1x     1x     1x     9x 1x 2x 9x   1x 1x   9x   1x 1x   9x   1x 1x   9x   1x 1x   9x   1x 1x   9x   1x 1x   9x   1x 1x   2x 9x     9x 3x                 1x   1x   1x     1x 3x 3x       1x 3x 1x 1x     3x 1x       3x   1x     1x       1x       1x             3x 1x       2x      
<ng-container *mobxAutorun>
  <h1 class="print-block">{{ store.view.pageTitle }}</h1>
  <app-tabs>
    <a class="logo" routerLink="/"></a>
    <h5></h5>
    @switch (store.view.current) {
      @case ('ref/summary') {
        <h5 class="print-inline" i18n>Summary</h5>
      }
      @case ('ref/comments') {
        <h5 class="print-inline" i18n>Comments</h5>
      }
      @case ('ref/thread') {
        <h5 class="print-inline" i18n>Thread</h5>
      }
      @case ('ref/responses') {
        <h5 class="print-inline" i18n>Responses</h5>
      }
      @case ('ref/errors') {
        <h5 class="print-inline" i18n>Errors</h5>
      }
      @case ('ref/sources') {
        <h5 class="print-inline" i18n>Sources</h5>
      }
      @case ('ref/alts') {
        <h5 class="print-inline" i18n>Alternate URLs</h5>
      }
      @case ('ref/versions') {
        <h5 class="print-inline" i18n>Versions</h5>
      }
    }
    <a routerLink="." [queryParams]="{origin: store.view.origin}" [class.current-tab]="store.view.summary"
       i18n-title title="Summary View"
       i18n>view</a>
    @if (store.view.current === 'ref/comments' || comments) {
      <a routerLink="comments" [queryParams]="{origin: store.view.origin}" routerLinkActive="current-tab"
         i18n-title title="Comments"
         i18n>comments</a>
    }
    @if (store.view.current === 'ref/thread' || threads) {
      <a routerLink="thread" [queryParams]="{origin: store.view.origin}" routerLinkActive="current-tab"
         i18n-title title="Threads"
         i18n>threads</a>
    }
    @if (store.view.current === 'ref/responses' || responses) {
      <a routerLink="responses" [queryParams]="{origin: store.view.origin}" routerLinkActive="current-tab"
         i18n-title title="Responses"
         i18n>responses</a>
    }
    @if (store.view.current === 'ref/errors' || logs) {
      <a routerLink="errors" [queryParams]="{origin: store.view.origin}" routerLinkActive="current-tab"
         i18n-title title="Errors"
         i18n>errors</a>
    }
    @if (store.view.current === 'ref/sources' || sources) {
      <a routerLink="sources" [queryParams]="{origin: store.view.origin}" routerLinkActive="current-tab"
         i18n-title title="Sources"
         i18n>sources</a>
    }
    @if (store.view.current === 'ref/alts' || alts) {
      <a routerLink="alts" [queryParams]="{origin: store.view.origin}" routerLinkActive="current-tab"
         i18n-title title="Alternate URLs"
         i18n>alts</a>
    }
    @if (store.view.current === 'ref/versions' || store.view.versions) {
      <a routerLink="versions" [queryParams]="{origin: store.view.origin}" routerLinkActive="current-tab"
         i18n-title title="Versions"
         i18n>versions</a>
    }
  </app-tabs>
  <app-sidebar [ext]="store.view.viewExt"
               [tag]="store.view.tag"
               [activeExts]="store.view.activeExts"></app-sidebar>
  @if (store.view.ref) {
    @if ((thread || comment) && store.view.top && store.view.ref.url !== store.view.top.url && store.view.current !== 'ref/sources' && !store.view.repost) {
      <app-ref class="print-hide"
               [class.thread]="thread"
               [class.parent-ref]="true"
               [ref]="store.view.top"
               [showToggle]="false"
               [expanded]="false"
               (copied)="reload()"></app-ref>
      @if (thread) {
        <a class="parent-link print-hide" [routerLink]="['/ref', store.view.top.url, 'thread']" (click)="store.view.preloadRef(store.view.top)" i18n>full thread</a>
      } @else if (comment && store.view.current === 'ref/comments') {
        <a class="parent-link print-hide" [routerLink]="['/ref', store.view.top.url, 'comments']" (click)="store.view.preloadRef(store.view.top)" i18n>full comments</a>
      } @else {
        <a class="parent-link print-hide" [routerLink]="['/ref', store.view.top.url]" (click)="store.view.preloadRef(store.view.top)" i18n>parent</a>
      }
    }
    <app-ref #ref class="full-page"
             [class.thread]="thread"
             [ref]="store.view.ref"
             [showToggle]="!thread"
             [expandInline]="!config.mobile || !!thread"
             [expanded]="expandedOnLoad || !!thread"
             (copied)="reload()"></app-ref>
    @if (newResponses) {
      <div class="warning print-hide" i18n>
        {newResponses, plural, =1 {1 new response} other {{{newResponses}} new responses}}
      </div>
    }
    @if (refWarning) {
      <div class="warning print-hide" i18n>
        * Published date was changed to be after source published date.
      </div>
    }
    @if (!store.view.ref.created) {
      <div class="stack">
        <div class="error-404" i18n>Not Found</div>
        @if (store.account.signedIn) {
          @if (isWiki(store.view.url)) {
            <div class="error-404 submit-button" routerLink="/submit/text" [queryParams]="{ url: store.view.url }" i18n>
              📔 &nbsp; Submit Wiki
            </div>
          } @else if (store.view.isTextPost) {
            <div class="error-404 submit-button" routerLink="/submit/text" [queryParams]="{ url: store.view.url }" i18n>
              📝 Submit Text Post
            </div>
          } @else {
            <div class="error-404 submit-button" routerLink="/submit" [queryParams]="{ url: store.view.url }" i18n>
              🔗 Submit Link
            </div>
          }
        }
      </div>
    }
    @if (store.view.ref.created || store.view.versions || store.view.current !== 'ref/summary') {
      <hr>
      <router-outlet></router-outlet>
    }
  } @else {
    <app-loading></app-loading>
  }
</ng-container>