mirror of
https://github.com/paperless-ngx/paperless-ngx.git
synced 2025-04-02 13:45:10 -05:00
159 lines
8.0 KiB
HTML
159 lines
8.0 KiB
HTML
<div class="modal-header">
|
|
<h5 class="modal-title" id="modal-basic-title" i18n>System Status</h5>
|
|
<button type="button" class="btn-close" aria-label="Close" (click)="close()"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
@if (!status) {
|
|
<div class="w-100 h-100 d-flex align-items-center justify-content-center">
|
|
<div>
|
|
<div class="spinner-border spinner-border-sm me-2" role="status"></div>
|
|
<ng-container i18n>Loading...</ng-container>
|
|
</div>
|
|
</div>
|
|
} @else {
|
|
<div class="row row-cols-1 row-cols-md-3 g-3">
|
|
<div class="col">
|
|
<div class="card bg-light h-100">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0" i18n>Environment</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<dl class="card-text">
|
|
<dt i18n>Paperless-ngx Version</dt>
|
|
<dd>{{status.pngx_version}}</dd>
|
|
<dt i18n>Install Type</dt>
|
|
<dd>{{status.install_type}}</dd>
|
|
<dt i18n>Server OS</dt>
|
|
<dd>{{status.server_os}}</dd>
|
|
<dt i18n>Media Storage</dt>
|
|
<dd>
|
|
<ngb-progressbar style="height: 4px;" class="mt-2 mb-1" type="primary" [max]="status.storage.total" [value]="status.storage.total - status.storage.available"></ngb-progressbar>
|
|
<span class="small">{{status.storage.available | filesize}} <ng-container i18n>available</ng-container> ({{status.storage.total | filesize}} <ng-container i18n>total</ng-container>)</span>
|
|
</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<div class="card bg-light h-100">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0" i18n>Database</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<dl class="card-text">
|
|
<dt i18n>Type</dt>
|
|
<dd>{{status.database.type}}</dd>
|
|
<dt i18n>Status</dt>
|
|
<dd class="d-flex align-items-center">
|
|
{{status.database.status}}
|
|
@if (status.database.status === 'OK') {
|
|
<i-bs name="check-circle-fill" class="text-primary ms-2 lh-1" ngbPopover="{{status.database.url}}" triggers="mouseenter:mouseleave"></i-bs>
|
|
} @else {
|
|
<i-bs name="exclamation-triangle-fill" class="text-danger ms-2 lh-1" ngbPopover="{{status.database.url}}: {{status.database.error}}" triggers="mouseenter:mouseleave"></i-bs>
|
|
}
|
|
</dd>
|
|
<dt i18n>Migration Status</dt>
|
|
<dd class="d-flex align-items-center">
|
|
@if (status.database.migration_status.unapplied_migrations.length === 0) {
|
|
<ng-container i18n>Up to date</ng-container><i-bs name="check-circle-fill" class="text-primary ms-2 lh-1" [ngbPopover]="migrationStatus" triggers="mouseenter:mouseleave"></i-bs>
|
|
} @else {
|
|
<ng-container>{{status.database.migration_status.unapplied_migrations.length}} Pending</ng-container><i-bs name="exclamation-triangle-fill" class="text-warning ms-2 lh-1" [ngbPopover]="migrationStatus" triggers="mouseenter:mouseleave"></i-bs>
|
|
}
|
|
<ng-template #migrationStatus>
|
|
<h6><ng-container i18n>Latest Migration</ng-container>:</h6> <span class="font-monospace small">{{status.database.migration_status.latest_migration}}</span>
|
|
@if (status.database.migration_status.unapplied_migrations.length > 0) {
|
|
<h6 class="mt-3"><ng-container i18n>Pending Migrations</ng-container>:</h6>
|
|
<ul>
|
|
@for (migration of status.database.migration_status.unapplied_migrations; track migration) {
|
|
<li class="font-monospace small">{{migration}}</li>
|
|
}
|
|
</ul>
|
|
}
|
|
</ng-template>
|
|
</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col">
|
|
<div class="card bg-light h-100">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0" i18n>Tasks</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<dl class="card-text">
|
|
<dt i18n>Redis Status</dt>
|
|
<dd class="d-flex align-items-center">
|
|
{{status.tasks.redis_status}}
|
|
@if (status.tasks.redis_status === 'OK') {
|
|
<i-bs name="check-circle-fill" class="text-primary ms-2 lh-1" ngbPopover="{{status.tasks.redis_url}}" triggers="mouseenter:mouseleave"></i-bs>
|
|
} @else {
|
|
<i-bs name="exclamation-triangle-fill" class="text-danger ms-2 lh-1" ngbPopover="{{status.tasks.redis_url}}: {{status.tasks.redis_error}}" triggers="mouseenter:mouseleave"></i-bs>
|
|
}
|
|
</dd>
|
|
<dt i18n>Celery Status</dt>
|
|
<dd class="d-flex align-items-center">
|
|
{{status.tasks.celery_status}}
|
|
@if (status.tasks.celery_status === 'OK') {
|
|
<i-bs name="check-circle-fill" class="text-primary ms-2 lh-1"></i-bs>
|
|
} @else {
|
|
<i-bs name="exclamation-triangle-fill" class="text-danger ms-2 lh-1"></i-bs>
|
|
}
|
|
</dd>
|
|
<dt i18n>Search Index</dt>
|
|
<dd class="d-flex align-items-center">
|
|
{{status.tasks.index_status}}
|
|
@if (status.tasks.index_status === 'OK') {
|
|
@if (isStale(status.tasks.index_last_modified)) {
|
|
<i-bs name="exclamation-triangle-fill" class="text-warning ms-2 lh-1" [ngbPopover]="indexStatus" triggers="mouseenter:mouseleave"></i-bs>
|
|
} @else {
|
|
<i-bs name="check-circle-fill" class="text-primary ms-2 lh-1" [ngbPopover]="indexStatus" triggers="mouseenter:mouseleave"></i-bs>
|
|
}
|
|
} @else {
|
|
<i-bs name="exclamation-triangle-fill" class="text-danger ms-2 lh-1" ngbPopover="{{status.tasks.index_error}}" triggers="mouseenter:mouseleave"></i-bs>
|
|
}
|
|
</dd>
|
|
<ng-template #indexStatus>
|
|
<h6><ng-container i18n>Last Updated</ng-container>:</h6> <span class="font-monospace small">{{status.tasks.index_last_modified | customDate:'medium'}}</span>
|
|
</ng-template>
|
|
<dt i18n>Classifier</dt>
|
|
<dd class="d-flex align-items-center">
|
|
{{status.tasks.classifier_status}}
|
|
@if (status.tasks.classifier_status === 'OK') {
|
|
@if (isStale(status.tasks.classifier_last_trained)) {
|
|
<i-bs name="exclamation-triangle-fill" class="text-warning ms-2 lh-1" [ngbPopover]="classifierStatus" triggers="mouseenter:mouseleave"></i-bs>
|
|
} @else {
|
|
<i-bs name="check-circle-fill" class="text-primary ms-2 lh-1" [ngbPopover]="classifierStatus" triggers="mouseenter:mouseleave"></i-bs>
|
|
}
|
|
} @else {
|
|
<i-bs name="exclamation-triangle-fill" class="ms-2 lh-1"
|
|
[class.text-danger]="status.tasks.classifier_status === SystemStatusItemStatus.ERROR"
|
|
[class.text-warning]="status.tasks.classifier_status === SystemStatusItemStatus.WARNING"
|
|
ngbPopover="{{status.tasks.classifier_error}}"
|
|
triggers="mouseenter:mouseleave"></i-bs>
|
|
}
|
|
</dd>
|
|
<ng-template #classifierStatus>
|
|
<h6><ng-container i18n>Last Trained</ng-container>:</h6> <span class="font-monospace small">{{status.tasks.classifier_last_trained | customDate:'medium'}}</span>
|
|
</ng-template>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button class="btn btn-sm btn-outline-secondary" (click)="copy()">
|
|
@if (!copied) {
|
|
<i-bs name="clipboard-fill"></i-bs>
|
|
}
|
|
@if (copied) {
|
|
<i-bs name="clipboard-check-fill"></i-bs>
|
|
}
|
|
<ng-container i18n>Copy</ng-container>
|
|
</button>
|
|
</div>
|