mirror of
				https://github.com/paperless-ngx/paperless-ngx.git
				synced 2025-11-03 03:16:10 -06:00 
			
		
		
		
	
		
			
				
	
	
		
			366 lines
		
	
	
		
			23 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			366 lines
		
	
	
		
			23 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<nav class="navbar navbar-dark fixed-top bg-primary flex-md-nowrap p-0 shadow-sm">
 | 
						|
  <button class="navbar-toggler d-md-none collapsed border-0" type="button" data-toggle="collapse"
 | 
						|
    data-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation"
 | 
						|
    (click)="isMenuCollapsed = !isMenuCollapsed">
 | 
						|
    <span class="navbar-toggler-icon"></span>
 | 
						|
  </button>
 | 
						|
  <a class="navbar-brand d-flex align-items-center me-0 px-3 py-3 order-sm-0"
 | 
						|
    [ngClass]="{ 'slim': slimSidebarEnabled, 'col-auto col-md-3 col-lg-2 col-xxxl-1' : !slimSidebarEnabled, 'py-3' : !customAppTitle?.length || slimSidebarEnabled, 'py-2': customAppTitle?.length }"
 | 
						|
    routerLink="/dashboard"
 | 
						|
    tourAnchor="tour.intro">
 | 
						|
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 198.43 238.91" width="1em" height="1.5em" fill="currentColor">
 | 
						|
      <path
 | 
						|
        d="M194.7,0C164.22,70.94,17.64,79.74,64.55,194.06c.58,1.47-10.85,17-18.47,29.9-1.76-6.45-3.81-13.48-3.52-14.07,38.11-45.14-27.26-70.65-30.78-107.58C-4.64,131.62-10.5,182.92,39,212.53c.3,0,2.64,11.14,3.81,16.71a58.55,58.55,0,0,0-2.93,6.45c-1.17,2.93,7.62,2.64,7.62,3.22.88-.29,21.7-36.93,22.28-37.23C187.67,174.72,208.48,68.6,194.7,0ZM134.61,74.75C79.5,124,70.12,160.64,71.88,178.53,53.41,134.85,107.64,86.77,134.61,74.75ZM28.2,145.11c10.55,9.67,28.14,39.28,13.19,56.57C44.91,193.77,46.08,175.89,28.2,145.11Z"
 | 
						|
        transform="translate(0 0)" />
 | 
						|
    </svg>
 | 
						|
    <div class="ms-2 ms-md-3 d-inline-block" [class.d-md-none]="slimSidebarEnabled">
 | 
						|
      @if (customAppTitle?.length) {
 | 
						|
        <div class="d-flex flex-column align-items-start custom-title">
 | 
						|
          <span class="title">{{customAppTitle}}</span>
 | 
						|
          <span class="byline text-uppercase font-monospace" i18n>by Paperless-ngx</span>
 | 
						|
        </div>
 | 
						|
      } @else {
 | 
						|
        Paperless-ngx
 | 
						|
      }
 | 
						|
    </div>
 | 
						|
  </a>
 | 
						|
  <div class="search-container flex-grow-1 py-2 pb-3 pb-sm-2 px-3 ps-md-4 me-sm-auto order-3 order-sm-1">
 | 
						|
    <div class="col-12 col-md-7">
 | 
						|
      <pngx-global-search></pngx-global-search>
 | 
						|
    </div>
 | 
						|
  </div>
 | 
						|
  <ul ngbNav class="order-sm-3">
 | 
						|
    <pngx-toasts-dropdown></pngx-toasts-dropdown>
 | 
						|
    <li ngbDropdown class="nav-item dropdown">
 | 
						|
      <button class="btn ps-1 border-0" id="userDropdown" ngbDropdownToggle>
 | 
						|
        <i-bs width="1.3em" height="1.3em" name="person-circle"></i-bs>
 | 
						|
        <span class="small ms-2 d-none d-sm-inline">
 | 
						|
          {{this.settingsService.displayName}}
 | 
						|
        </span>
 | 
						|
      </button>
 | 
						|
      <div ngbDropdownMenu class="dropdown-menu-end shadow me-2" aria-labelledby="userDropdown">
 | 
						|
        <div class="d-sm-none">
 | 
						|
          <p class="small mb-0 px-3 text-muted" i18n>Logged in as {{this.settingsService.displayName}}</p>
 | 
						|
          <div class="dropdown-divider"></div>
 | 
						|
        </div>
 | 
						|
        <button ngbDropdownItem class="nav-link" (click)="editProfile()">
 | 
						|
          <i-bs class="me-2" name="person"></i-bs><ng-container i18n>My Profile</ng-container>
 | 
						|
        </button>
 | 
						|
        <a ngbDropdownItem class="nav-link" routerLink="settings" (click)="closeMenu()"
 | 
						|
          *pngxIfPermissions="{ action: PermissionAction.Change, type: PermissionType.UISettings }">
 | 
						|
          <i-bs class="me-2" name="gear"></i-bs><ng-container i18n>Settings</ng-container>
 | 
						|
        </a>
 | 
						|
        <a ngbDropdownItem class="nav-link d-flex" href="accounts/logout/" (click)="onLogout()">
 | 
						|
          <i-bs class="me-2" name="door-open"></i-bs><ng-container i18n>Logout</ng-container>
 | 
						|
        </a>
 | 
						|
        <div class="dropdown-divider"></div>
 | 
						|
        <a ngbDropdownItem class="nav-link" target="_blank" rel="noopener noreferrer"
 | 
						|
          href="https://docs.paperless-ngx.com">
 | 
						|
          <i-bs class="me-2" name="question-circle"></i-bs><ng-container i18n>Documentation</ng-container>
 | 
						|
        </a>
 | 
						|
      </div>
 | 
						|
    </li>
 | 
						|
  </ul>
 | 
						|
</nav>
 | 
						|
 | 
						|
<div class="container-fluid">
 | 
						|
  <div class="row">
 | 
						|
    <nav id="sidebarMenu" class="d-md-block bg-light sidebar collapse"
 | 
						|
      [ngClass]="slimSidebarEnabled ? 'slim' : 'col-md-3 col-lg-2 col-xxxl-1'" [class.animating]="slimSidebarAnimating"
 | 
						|
      [ngbCollapse]="isMenuCollapsed">
 | 
						|
      <button class="btn btn-sm btn-dark sidebar-slim-toggler" (click)="toggleSlimSidebar()">
 | 
						|
        @if (slimSidebarEnabled) {
 | 
						|
          <i-bs width="0.9em" height="0.9em" name="chevron-double-right"></i-bs>
 | 
						|
        } @else {
 | 
						|
          <i-bs width="0.9em" height="0.9em" name="chevron-double-left"></i-bs>
 | 
						|
        }
 | 
						|
      </button>
 | 
						|
      <div class="sidebar-sticky pt-3 d-flex flex-column justify-space-around">
 | 
						|
        <ul class="nav flex-column">
 | 
						|
          <li class="nav-item app-link">
 | 
						|
            <a class="nav-link" routerLink="dashboard" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
              ngbPopover="Dashboard" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
              container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
              <i-bs class="me-1" name="house"></i-bs><span> <ng-container i18n>Dashboard</ng-container></span>
 | 
						|
            </a>
 | 
						|
          </li>
 | 
						|
          <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Document }">
 | 
						|
            <a class="nav-link" routerLink="documents" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
              ngbPopover="Documents" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
              container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
              <i-bs class="me-1" name="files"></i-bs><span> <ng-container i18n>Documents</ng-container></span>
 | 
						|
            </a>
 | 
						|
          </li>
 | 
						|
        </ul>
 | 
						|
 | 
						|
        <div class="nav-group mt-3 mb-1" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.SavedView }">
 | 
						|
          @if (savedViewService.loading) {
 | 
						|
            <h6 class="sidebar-heading px-3 text-muted">
 | 
						|
              <span i18n>Saved views</span>
 | 
						|
              <div class="spinner-border spinner-border-sm fw-normal ms-2" role="status"></div>
 | 
						|
            </h6>
 | 
						|
          } @else if (savedViewService.sidebarViews?.length > 0) {
 | 
						|
            <h6 class="sidebar-heading px-3 text-muted">
 | 
						|
              <span i18n>Saved views</span>
 | 
						|
            </h6>
 | 
						|
            <ul class="nav flex-column mb-2" cdkDropList (cdkDropListDropped)="onDrop($event)">
 | 
						|
              @for (view of savedViewService.sidebarViews; track view.id) {
 | 
						|
                <li class="nav-item w-100 app-link" cdkDrag [cdkDragDisabled]="!settingsService.organizingSidebarSavedViews"
 | 
						|
                  cdkDragPreviewContainer="parent" cdkDragPreviewClass="navItemDrag" (cdkDragStarted)="onDragStart($event)"
 | 
						|
                  (cdkDragEnded)="onDragEnd($event)">
 | 
						|
                  <a class="nav-link" [class.text-truncate]="!slimSidebarEnabled" routerLink="view/{{view.id}}"
 | 
						|
                    routerLinkActive="active" (click)="closeMenu()" [ngbPopover]="view.name"
 | 
						|
                    [disablePopover]="!slimSidebarEnabled" placement="end" container="body" triggers="mouseenter:mouseleave"
 | 
						|
                    popoverClass="popover-slim">
 | 
						|
                    <i-bs class="me-1" name="funnel"></i-bs><span> {{view.name}}
 | 
						|
                      @if (showSidebarCounts && !slimSidebarEnabled) {
 | 
						|
                        <span><span class="badge bg-info text-dark ms-2 d-inline">{{ savedViewService.getDocumentCount(view) }}</span></span>
 | 
						|
                      }
 | 
						|
                    </span>
 | 
						|
                    @if (showSidebarCounts && slimSidebarEnabled) {
 | 
						|
                      <span class="badge bg-info text-dark position-absolute top-0 end-0 d-none d-md-block">{{ savedViewService.getDocumentCount(view) }}</span>
 | 
						|
                    }
 | 
						|
                  </a>
 | 
						|
                  @if (settingsService.organizingSidebarSavedViews) {
 | 
						|
                    <div class="position-absolute end-0 top-0 px-3 py-2" [class.me-n3]="slimSidebarEnabled" cdkDragHandle>
 | 
						|
                      <i-bs name="grip-vertical"></i-bs>
 | 
						|
                    </div>
 | 
						|
                  }
 | 
						|
                </li>
 | 
						|
              }
 | 
						|
            </ul>
 | 
						|
          }
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="nav-group mt-3 mb-1" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Document }">
 | 
						|
          @if (openDocuments.length > 0) {
 | 
						|
            <h6 class="sidebar-heading px-3 text-muted">
 | 
						|
              <span i18n>Open documents</span>
 | 
						|
            </h6>
 | 
						|
          }
 | 
						|
          <ul class="nav flex-column mb-2">
 | 
						|
            @for (d of openDocuments; track d) {
 | 
						|
              <li class="nav-item w-100 app-link">
 | 
						|
                <a class="nav-link app-link" [class.text-truncate]="!slimSidebarEnabled" routerLink="documents/{{d.id}}"
 | 
						|
                  routerLinkActive="active" (click)="closeMenu()" [ngbPopover]="d.title | documentTitle"
 | 
						|
                  [disablePopover]="!slimSidebarEnabled" placement="end" container="body" triggers="mouseenter:mouseleave"
 | 
						|
                  popoverClass="popover-slim">
 | 
						|
                  <i-bs class="me-1" name="file-text"></i-bs><span> {{d.title | documentTitle}}</span>
 | 
						|
                  <span class="close" (click)="closeDocument(d); $event.preventDefault()">
 | 
						|
                    <i-bs name="x"></i-bs>
 | 
						|
                  </span>
 | 
						|
                </a>
 | 
						|
              </li>
 | 
						|
            }
 | 
						|
            @if (openDocuments.length >= 1) {
 | 
						|
              <li class="nav-item w-100 app-link">
 | 
						|
                <a class="nav-link app-link" [class.text-truncate]="!slimSidebarEnabled" [routerLink]="[]" (click)="closeAll()"
 | 
						|
                  ngbPopover="Close all" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                  container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                  <i-bs class="me-1" name="x"></i-bs><span> <ng-container i18n>Close all</ng-container></span>
 | 
						|
                </a>
 | 
						|
              </li>
 | 
						|
            }
 | 
						|
          </ul>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="nav-group mt-3 mb-1">
 | 
						|
          <h6 class="sidebar-heading px-3 text-muted">
 | 
						|
            <span i18n>Manage</span>
 | 
						|
          </h6>
 | 
						|
          <ul class="nav flex-column mb-2">
 | 
						|
            <li class="nav-item app-link"
 | 
						|
              *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Correspondent }">
 | 
						|
              <a class="nav-link" routerLink="correspondents" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="Correspondents" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="person"></i-bs><span> <ng-container i18n>Correspondents</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Tag }"
 | 
						|
              tourAnchor="tour.tags">
 | 
						|
              <a class="nav-link" routerLink="tags" routerLinkActive="active" (click)="closeMenu()" ngbPopover="Tags"
 | 
						|
                i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end" container="body"
 | 
						|
                triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="tags"></i-bs><span> <ng-container i18n>Tags</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link"
 | 
						|
              *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.DocumentType }">
 | 
						|
              <a class="nav-link" routerLink="documenttypes" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="Document Types" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="hash"></i-bs><span> <ng-container i18n>Document Types</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.StoragePath }">
 | 
						|
              <a class="nav-link" routerLink="storagepaths" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="Storage Paths" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="folder"></i-bs><span> <ng-container i18n>Storage Paths</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.CustomField }">
 | 
						|
              <a class="nav-link" routerLink="customfields" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="Custom Fields" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="ui-radios"></i-bs><span> <ng-container i18n>Custom Fields</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.SavedView }">
 | 
						|
              <a class="nav-link" routerLink="savedviews" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="Saved Views" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="window-stack"></i-bs><span> <ng-container i18n>Saved Views</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link"
 | 
						|
              *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.Workflow }"
 | 
						|
              tourAnchor="tour.workflows">
 | 
						|
              <a class="nav-link" routerLink="workflows" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="Workflows" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="boxes"></i-bs><span> <ng-container i18n>Workflows</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.MailAccount }"
 | 
						|
              tourAnchor="tour.mail">
 | 
						|
              <a class="nav-link" routerLink="mail" routerLinkActive="active" (click)="closeMenu()" ngbPopover="Mail"
 | 
						|
                i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end" container="body"
 | 
						|
                triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="envelope"></i-bs><span> <ng-container i18n>Mail</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.Delete, type: PermissionType.Document }">
 | 
						|
              <a class="nav-link" routerLink="trash" routerLinkActive="active" (click)="closeMenu()" ngbPopover="Trash"
 | 
						|
                i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end" container="body"
 | 
						|
                triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="trash"></i-bs><span> <ng-container i18n>Trash</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
          </ul>
 | 
						|
        </div>
 | 
						|
 | 
						|
        <div class="nav-group mt-auto mb-1">
 | 
						|
          <h6 class="sidebar-heading px-3 pt-4 text-muted">
 | 
						|
            <span i18n>Administration</span>
 | 
						|
          </h6>
 | 
						|
          <ul class="nav flex-column mb-2">
 | 
						|
            <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.Change, type: PermissionType.UISettings }"
 | 
						|
              tourAnchor="tour.settings">
 | 
						|
              <a class="nav-link" routerLink="settings" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="Settings" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="gear"></i-bs><span> <ng-container i18n>Settings</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.Change, type: PermissionType.AppConfig }">
 | 
						|
              <a class="nav-link" routerLink="config" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="Configuration" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="sliders2-vertical"></i-bs><span> <ng-container i18n>Configuration</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link" *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.User }">
 | 
						|
              <a class="nav-link" routerLink="usersgroups" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="Users & Groups" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="people"></i-bs><span> <ng-container i18n>Users & Groups</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item app-link"
 | 
						|
              *pngxIfPermissions="{ action: PermissionAction.View, type: PermissionType.PaperlessTask }"
 | 
						|
              tourAnchor="tour.file-tasks">
 | 
						|
              <a class="nav-link" routerLink="tasks" routerLinkActive="active" (click)="closeMenu()"
 | 
						|
                ngbPopover="File Tasks" i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end"
 | 
						|
                container="body" triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="me-1" name="list-task"></i-bs><span> <ng-container i18n>File Tasks</ng-container>@if (tasksService.failedFileTasks.length > 0) {
 | 
						|
                  <span><span class="badge bg-danger ms-2 d-inline">{{tasksService.failedFileTasks.length}}</span></span>
 | 
						|
                }</span>
 | 
						|
                @if (tasksService.failedFileTasks.length > 0 && slimSidebarEnabled) {
 | 
						|
                  <span class="badge bg-danger position-absolute top-0 end-0 d-none d-md-block">{{tasksService.failedFileTasks.length}}</span>
 | 
						|
                }
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            @if (permissionsService.isAdmin()) {
 | 
						|
              <li class="nav-item app-link">
 | 
						|
                <a class="nav-link" routerLink="logs" routerLinkActive="active" (click)="closeMenu()" ngbPopover="Logs"
 | 
						|
                  i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end" container="body"
 | 
						|
                  triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                  <i-bs class="me-1" name="text-left"></i-bs><span> <ng-container i18n>Logs</ng-container></span>
 | 
						|
                </a>
 | 
						|
              </li>
 | 
						|
            }
 | 
						|
            <li class="nav-item mt-2" tourAnchor="tour.outro">
 | 
						|
              <a class="px-3 py-2 text-muted small d-flex align-items-center flex-wrap text-decoration-none"
 | 
						|
                target="_blank" rel="noopener noreferrer" href="https://docs.paperless-ngx.com" ngbPopover="Documentation"
 | 
						|
                i18n-ngbPopover [disablePopover]="!slimSidebarEnabled" placement="end" container="body"
 | 
						|
                triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                <i-bs class="d-flex" name="question-circle"></i-bs><span class="ms-1"> <ng-container i18n>Documentation</ng-container></span>
 | 
						|
              </a>
 | 
						|
            </li>
 | 
						|
            <li class="nav-item" [class.visually-hidden]="slimSidebarEnabled">
 | 
						|
              <div class="px-3 py-0 text-muted small d-flex align-items-center flex-wrap">
 | 
						|
                <div class="me-3">
 | 
						|
                  <a class="text-muted text-decoration-none" target="_blank" rel="noopener noreferrer"
 | 
						|
                    href="https://github.com/paperless-ngx/paperless-ngx" ngbPopover="GitHub" i18n-ngbPopover
 | 
						|
                    [disablePopover]="!slimSidebarEnabled" placement="end" container="body"
 | 
						|
                    triggers="mouseenter:mouseleave" popoverClass="popover-slim">
 | 
						|
                    {{ versionString }}
 | 
						|
                  </a>
 | 
						|
                </div>
 | 
						|
                @if (!settingsService.updateCheckingIsSet || appRemoteVersion) {
 | 
						|
                  <div class="version-check">
 | 
						|
                    <ng-template #updateAvailablePopContent>
 | 
						|
                      <span class="small">Paperless-ngx {{ appRemoteVersion.version }} <ng-container i18n>is
 | 
						|
                          available.</ng-container><br /><ng-container i18n>Click to view.</ng-container></span>
 | 
						|
                    </ng-template>
 | 
						|
                    <ng-template #updateCheckingNotEnabledPopContent>
 | 
						|
                      <p class="small mb-2">
 | 
						|
                        <ng-container i18n>Paperless-ngx can automatically check for updates</ng-container>
 | 
						|
                      </p>
 | 
						|
                      <div class="btn-group btn-group-xs flex-fill w-100">
 | 
						|
                        <button class="btn btn-outline-primary" (click)="setUpdateChecking(true)">Enable</button>
 | 
						|
                        <button class="btn btn-outline-secondary" (click)="setUpdateChecking(false)">Disable</button>
 | 
						|
                      </div>
 | 
						|
                      <p class="small mb-0 mt-2">
 | 
						|
                        <a class="small text-decoration-none fst-italic" routerLink="/settings" fragment="update-checking" i18n>
 | 
						|
                          How does this work?
 | 
						|
                        </a>
 | 
						|
                      </p>
 | 
						|
                    </ng-template>
 | 
						|
                    @if (settingsService.updateCheckingIsSet) {
 | 
						|
                      @if (appRemoteVersion.update_available) {
 | 
						|
                        <a class="small text-decoration-none" target="_blank" rel="noopener noreferrer"
 | 
						|
                          href="https://github.com/paperless-ngx/paperless-ngx/releases"
 | 
						|
                          [ngbPopover]="updateAvailablePopContent" popoverClass="shadow" triggers="mouseenter:mouseleave"
 | 
						|
                          container="body">
 | 
						|
                          <i-bs width="1.2em" height="1.2em" name="info-circle"></i-bs>
 | 
						|
                          @if (appRemoteVersion?.update_available) {
 | 
						|
                             <ng-container i18n>Update available</ng-container>
 | 
						|
                          }
 | 
						|
                        </a>
 | 
						|
                      }
 | 
						|
                    } @else {
 | 
						|
                      <a  *pngxIfPermissions="{ action: PermissionAction.Change, type: PermissionType.UISettings }" class="small text-decoration-none" routerLink="/settings" fragment="update-checking"
 | 
						|
                        [ngbPopover]="updateCheckingNotEnabledPopContent" popoverClass="shadow" triggers="mouseenter"
 | 
						|
                        container="body">
 | 
						|
                        <i-bs width="1.2em" height="1.2em" name="info-circle"></i-bs>
 | 
						|
                      </a>
 | 
						|
                    }
 | 
						|
                  </div>
 | 
						|
                }
 | 
						|
              </div>
 | 
						|
            </li>
 | 
						|
          </ul>
 | 
						|
        </div>
 | 
						|
      </div>
 | 
						|
    </nav>
 | 
						|
 | 
						|
    <main role="main" class="ms-sm-auto px-md-4"
 | 
						|
      [ngClass]="slimSidebarEnabled ? 'col-slim' : 'col-md-9 col-lg-10 col-xxxl-11'">
 | 
						|
      <router-outlet></router-outlet>
 | 
						|
    </main>
 | 
						|
  </div>
 | 
						|
</div>
 |