mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-04-02 13:45:10 -05:00
186 lines
9.4 KiB
HTML
186 lines
9.4 KiB
HTML
<nav class="navbar navbar-dark sticky-top bg-primary flex-md-nowrap p-0 shadow">
|
|
<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 col-auto col-md-3 col-lg-2 mr-0 px-3 py-3 order-sm-0" routerLink="/dashboard">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 198.43 238.91" width="1rem" class="mr-2" 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>
|
|
<ng-container i18n="app title">Paperless-ng</ng-container>
|
|
</a>
|
|
<div class="search-form-container flex-grow-1 py-2 pb-3 pb-sm-2 px-3 pl-md-4 mr-sm-auto order-3 order-sm-1">
|
|
<form (ngSubmit)="search()" class="form-inline flex-grow-1">
|
|
<input class="form-control form-control-sm" type="text" placeholder="Search documents" aria-label="Search"
|
|
[formControl]="searchField" [ngbTypeahead]="searchAutoComplete" (selectItem)="itemSelected($event)" i18n-placeholder>
|
|
<svg width="1em" height="1em">
|
|
<use xlink:href="assets/bootstrap-icons.svg#search"/>
|
|
</svg>
|
|
</form>
|
|
</div>
|
|
<ul ngbNav class="order-sm-3">
|
|
<li ngbDropdown class="nav-item dropdown">
|
|
<button class="btn text-light" id="userDropdown" ngbDropdownToggle>
|
|
<span *ngIf="displayName" class="navbar-text small mr-2 text-light d-none d-sm-inline">
|
|
{{displayName}}
|
|
</span>
|
|
<svg width="1.3em" height="1.3em">
|
|
<use xlink:href="assets/bootstrap-icons.svg#person-circle"/>
|
|
</svg>
|
|
</button>
|
|
<div ngbDropdownMenu class="dropdown-menu-right shadow mr-2" aria-labelledby="userDropdown">
|
|
<div *ngIf="displayName" class="d-sm-none">
|
|
<p class="small mb-0 px-3" i18n>Logged in as {{displayName}}</p>
|
|
<div class="dropdown-divider"></div>
|
|
</div>
|
|
<a ngbDropdownItem class="nav-link" routerLink="settings" (click)="closeMenu()">
|
|
<svg class="sidebaricon mr-2" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#gear"/>
|
|
</svg><ng-container i18n>Settings</ng-container>
|
|
</a>
|
|
<a ngbDropdownItem class="nav-link" href="accounts/logout/">
|
|
<svg class="sidebaricon mr-2" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#door-open"/>
|
|
</svg><ng-container i18n>Logout</ng-container>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse" [ngbCollapse]="isMenuCollapsed">
|
|
|
|
<div style="position: absolute; bottom: 0; left: 0;" class="text-muted p-1">
|
|
{{versionString}}
|
|
</div>
|
|
|
|
<div class="sidebar-sticky pt-3">
|
|
<ul class="nav flex-column">
|
|
<li class="nav-item">
|
|
<a class="nav-link" routerLink="dashboard" routerLinkActive="active" (click)="closeMenu()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#house"/>
|
|
</svg> <ng-container i18n>Dashboard</ng-container>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" routerLink="documents" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" (click)="closeMenu()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#files"/>
|
|
</svg> <ng-container i18n>Documents</ng-container>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted" *ngIf='savedViewService.sidebarViews.length > 0'>
|
|
<ng-container i18n>Saved views</ng-container>
|
|
</h6>
|
|
<ul class="nav flex-column mb-2">
|
|
<li class="nav-item w-100" *ngFor="let view of savedViewService.sidebarViews">
|
|
<a class="nav-link text-truncate" routerLink="view/{{view.id}}" routerLinkActive="active" (click)="closeMenu()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#funnel"/>
|
|
</svg> {{view.name}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted" *ngIf='openDocuments.length > 0'>
|
|
<ng-container i18n>Open documents</ng-container>
|
|
</h6>
|
|
<ul class="nav flex-column mb-2">
|
|
<li class="nav-item w-100" *ngFor='let d of openDocuments'>
|
|
<a class="nav-link text-truncate" routerLink="documents/{{d.id}}" routerLinkActive="active" (click)="closeMenu()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#file-text"/>
|
|
</svg> {{d.title | documentTitle}}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item w-100" *ngIf="openDocuments.length > 1">
|
|
<a class="nav-link text-truncate" [routerLink]="" (click)="closeAll()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#x"/>
|
|
</svg> <ng-container i18n>Close all</ng-container>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
|
|
<ng-container i18n>Manage</ng-container>
|
|
</h6>
|
|
<ul class="nav flex-column mb-2">
|
|
<li class="nav-item">
|
|
<a class="nav-link" routerLink="correspondents" routerLinkActive="active" (click)="closeMenu()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#person"/>
|
|
</svg> <ng-container i18n>Correspondents</ng-container>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" routerLink="tags" routerLinkActive="active" (click)="closeMenu()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#tags"/>
|
|
</svg> <ng-container i18n>Tags</ng-container>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" routerLink="documenttypes" routerLinkActive="active" (click)="closeMenu()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#hash"/>
|
|
</svg> <ng-container i18n>Document types</ng-container>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" routerLink="logs" routerLinkActive="active" (click)="closeMenu()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#text-left"/>
|
|
</svg> <ng-container i18n>Logs</ng-container>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" routerLink="settings" routerLinkActive="active" (click)="closeMenu()">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#gear"/>
|
|
</svg> <ng-container i18n>Settings</ng-container>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="admin/">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#toggles"/>
|
|
</svg> <ng-container i18n>Admin</ng-container>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted">
|
|
<ng-container i18n>Misc</ng-container>
|
|
</h6>
|
|
<ul class="nav flex-column mb-2">
|
|
<li class="nav-item">
|
|
<a class="nav-link" target="_blank" rel="noopener noreferrer" href="https://paperless-ng.readthedocs.io/en/latest/">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#question-circle"/>
|
|
</svg> <ng-container i18n>Documentation</ng-container>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" target="_blank" rel="noopener noreferrer" href="https://github.com/jonaswinkler/paperless-ng">
|
|
<svg class="sidebaricon" fill="currentColor">
|
|
<use xlink:href="assets/bootstrap-icons.svg#link"/>
|
|
</svg> <ng-container i18n>GitHub</ng-container>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
|
|
<router-outlet></router-outlet>
|
|
</main>
|
|
</div>
|
|
</div>
|