gru/mikrotik_backup_system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-04-15 10:33:26 +02:00
parent 14f83cd549
commit 9ddb203ec0
16 changed files with 348 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/app/core/services/ui.service.ts
View File

@@ -1,4 +1,3 @@
import { HttpErrorResponse } from '@angular/common/http';
import { Injectable, inject } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { ConfirmationService, MessageService } from 'primeng/api';
@@ -46,17 +45,6 @@ export class UiService {
this.messageService.clear();
}
apiError(error: unknown, fallbackDetailKey: string) {
const detail = this.extractErrorMessage(error) || this.t(fallbackDetailKey);
this.messageService.add({
severity: 'error',
summary: this.t('toast.error'),
detail
});
}
confirm(options: ConfirmOptions): Promise<boolean> {
return new Promise((resolve) => {
let resolved = false;
@@ -87,42 +75,7 @@ export class UiService {
return this.t(key, params);
}
private extractErrorMessage(error: unknown): string | null {
if (!error) {
return null;
}
if (error instanceof HttpErrorResponse) {
if ((error as { name?: string }).name === 'TimeoutError') {
return this.t('toast.requestTimeout');
}
const payload = error.error;
if (typeof payload === 'string' && payload.trim()) {
return payload.trim();
}
if (payload && typeof payload === 'object') {
const detail = (payload as { detail?: unknown }).detail;
if (typeof detail === 'string' && detail.trim()) {
return detail.trim();
}
}
if (typeof error.message === 'string' && error.message.trim()) {
return error.message.trim();
}
return null;
}
const maybeTimeout = error as { name?: string; message?: string };
if (maybeTimeout.name === 'TimeoutError') {
return this.t('toast.requestTimeout');
}
if (typeof maybeTimeout.message === 'string' && maybeTimeout.message.trim()) {
return maybeTimeout.message.trim();
}
return null;
}
private t(key: string, params?: Record<string, unknown>): string {
return this.translate.instant(key, params);
}
}

1
frontend/src/app/features/auth/change-password-page.component.html
View File

@@ -42,7 +42,6 @@
<small class="form-field--full table-secondary">{{ passwordsMatch ? ('auth.passwordsMatchHint' | translate) : ('auth.passwordsMismatch' | translate) }}</small>
<small *ngIf="error" class="form-error form-field--full">{{ error }}</small>
<div class="dialog-actions form-field--full auth-card__actions auth-card__actions--split">
<a class="auth-link" routerLink="/">{{ 'auth.backToApp' | translate }}</a>
<button pButton type="submit" styleClass="auth-primary-btn" [disabled]="form.invalid || submitting" [loading]="submitting" [label]="'auth.changePassword' | translate"></button>
</div>
</form>

14
frontend/src/app/features/diff-configs/diff-configs-page.component.html
View File

@@ -62,7 +62,7 @@
</app-section-card>
<app-section-card class="diff-configs-table-section" [title]="'diffConfigs.tableTitle' | translate" [subtitle]="'diffConfigs.tableSubtitle' | translate">
<p-table [value]="exportFiles" [loading]="loading" [rows]="8" [paginator]="exportFiles.length > 8" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table">
<p-table [value]="exportFiles" [loading]="loading" [rows]="8" [paginator]="exportFiles.length > 8" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table repository-table--diff">
<ng-template pTemplate="header">
<tr>
<th>{{ 'files.fileColumn' | translate }}</th>
@@ -75,7 +75,7 @@
<tr>
<td>
<span class="p-column-title">{{ 'files.fileColumn' | translate }}</span>
<div class="table-primary">{{ item.file_name }}</div>
<div class="table-primary table-primary--ellipsis" [attr.title]="item.file_name">{{ item.file_name }}</div>
<small class="table-secondary">{{ 'files.checksum' | translate }}: {{ checksumShort(item.checksum) }}</small>
</td>
<td>
@@ -90,11 +90,19 @@
</td>
<td>
<span class="p-column-title">{{ 'files.compareColumn' | translate }}</span>
<div class="table-actions table-actions--labels table-actions--stack">
<div class="table-actions table-actions--labels table-actions--stack table-actions--desktop-row">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-arrow-left" [label]="'files.setOlder' | translate" (click)="assignCompare('left', item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-arrow-right" [label]="'files.setNewer' | translate" (click)="assignCompare('right', item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="info" icon="pi pi-eye" [label]="'common.preview' | translate" (click)="viewExport(item)"></button>
</div>
<details class="table-row-menu table-row-menu--compare">
<summary><i class="pi pi-ellipsis-h"></i><span>{{ 'files.compareColumn' | translate }}</span></summary>
<div class="table-row-menu__list">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-arrow-left" [label]="'files.setOlder' | translate" (click)="assignCompare('left', item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-arrow-right" [label]="'files.setNewer' | translate" (click)="assignCompare('right', item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="info" icon="pi pi-eye" [label]="'common.preview' | translate" (click)="viewExport(item)"></button>
</div>
</details>
</td>
</tr>
</ng-template>

26
frontend/src/app/features/files/files-page.component.html
View File

@@ -87,7 +87,7 @@
</app-section-card>
<app-section-card class="repository-table-section" [title]="'files.tableTitle' | translate" [subtitle]="'files.tableSubtitle' | translate">
<p-table [value]="files" [(selection)]="selected" dataKey="id" [rows]="10" [loading]="loading" [paginator]="files.length > 10" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table">
<p-table [value]="files" [(selection)]="selected" dataKey="id" [rows]="10" [loading]="loading" [paginator]="files.length > 10" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table repository-table--files">
<ng-template pTemplate="header">
<tr>
<th style="width:3rem"></th>
@@ -108,7 +108,7 @@
</td>
<td>
<span class="p-column-title">{{ 'files.fileColumn' | translate }}</span>
<div class="table-primary">{{ item.file_name }}</div>
<div class="table-primary table-primary--ellipsis" [attr.title]="item.file_name">{{ item.file_name }}</div>
<small class="table-secondary">{{ 'files.checksum' | translate }}: {{ checksumShort(item.checksum) }}</small>
</td>
<td>
@@ -132,24 +132,42 @@
</td>
<td>
<span class="p-column-title">{{ 'files.compareColumn' | translate }}</span>
<div class="table-actions table-actions--stack" *ngIf="item.backup_type === 'export'; else noCompare">
<div class="table-actions table-actions--stack table-actions--desktop-row" *ngIf="item.backup_type === 'export'; else noCompare">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-arrow-left" [label]="'files.setOlder' | translate" (click)="assignCompare('left', item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-arrow-right" [label]="'files.setNewer' | translate" (click)="assignCompare('right', item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="help" icon="pi pi-code" [label]="'files.latestForRouter' | translate" (click)="compareClosestForRouter(item)"></button>
</div>
<details class="table-row-menu table-row-menu--compare" *ngIf="item.backup_type === 'export'">
<summary><i class="pi pi-ellipsis-h"></i><span>{{ 'files.compareColumn' | translate }}</span></summary>
<div class="table-row-menu__list">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-arrow-left" [label]="'files.setOlder' | translate" (click)="assignCompare('left', item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-arrow-right" [label]="'files.setNewer' | translate" (click)="assignCompare('right', item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="help" icon="pi pi-code" [label]="'files.latestForRouter' | translate" (click)="compareClosestForRouter(item)"></button>
</div>
</details>
<ng-template #noCompare>
<small class="table-secondary">{{ 'files.binaryNoCompare' | translate }}</small>
</ng-template>
</td>
<td>
<span class="p-column-title">{{ 'files.actionsColumn' | translate }}</span>
<div class="table-actions table-actions--labels table-actions--stack">
<div class="table-actions table-actions--labels table-actions--stack table-actions--desktop-row">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" icon="pi pi-download" [label]="'common.download' | translate" (click)="download(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-envelope" [label]="'common.email' | translate" (click)="sendEmail(item.id)"></button>
<button *ngIf="item.backup_type==='export'" pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="info" icon="pi pi-eye" [label]="'common.preview' | translate" (click)="viewExport(item)"></button>
<button *ngIf="item.backup_type==='binary' && item.device_type==='routeros'" pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="help" icon="pi pi-upload" [label]="'common.restore' | translate" (click)="upload(item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="danger" icon="pi pi-trash" [label]="'common.delete' | translate" (click)="deleteOne(item.id)"></button>
</div>
<details class="table-row-menu">
<summary><i class="pi pi-ellipsis-h"></i><span>{{ 'common.actions' | translate }}</span></summary>
<div class="table-row-menu__list">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" icon="pi pi-download" [label]="'common.download' | translate" (click)="download(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="secondary" icon="pi pi-envelope" [label]="'common.email' | translate" (click)="sendEmail(item.id)"></button>
<button *ngIf="item.backup_type==='export'" pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="info" icon="pi pi-eye" [label]="'common.preview' | translate" (click)="viewExport(item)"></button>
<button *ngIf="item.backup_type==='binary' && item.device_type==='routeros'" pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="help" icon="pi pi-upload" [label]="'common.restore' | translate" (click)="upload(item)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide" severity="danger" icon="pi pi-trash" [label]="'common.delete' | translate" (click)="deleteOne(item.id)"></button>
</div>
</details>
</td>
</tr>
</ng-template>

31
frontend/src/app/features/routers/router-detail-page.component.html
View File

@@ -150,7 +150,7 @@
<div class="dashboard-grid router-detail-grid router-detail-grid--stack" *ngIf="!isSwitchos">
<app-section-card [title]="'routers.exportsTableTitle' | translate" [subtitle]="'routers.exportsTableSubtitle' | translate">
<p-table [value]="exportBackups" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table">
<p-table [value]="exportBackups" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table repository-table--router-detail">
<ng-template pTemplate="header">
<tr><th>{{ 'files.fileColumn' | translate }}</th><th>{{ 'files.createdColumn' | translate }}</th><th>{{ 'common.actions' | translate }}</th></tr>
</ng-template>
@@ -158,7 +158,7 @@
<tr>
<td>
<span class="p-column-title">{{ 'files.fileColumn' | translate }}</span>
<div class="table-primary">{{ item.file_name }}</div>
<div class="table-primary table-primary--ellipsis" [attr.title]="item.file_name">{{ item.file_name }}</div>
<small class="table-secondary">{{ 'files.exportType' | translate }}</small>
</td>
<td>
@@ -167,13 +167,23 @@
</td>
<td>
<span class="p-column-title">{{ 'common.actions' | translate }}</span>
<div class="table-actions table-actions--labels table-actions--tight">
<div class="table-actions table-actions--labels table-actions--tight table-actions--desktop-row">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" icon="pi pi-download" [label]="'common.download' | translate" (click)="download(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="info" icon="pi pi-eye" [label]="'common.preview' | translate" (click)="viewExport(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="secondary" icon="pi pi-envelope" [label]="'common.email' | translate" (click)="sendEmail(item.id)"></button>
<button pButton *ngIf="i > 0" type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="help" icon="pi pi-code" [label]="'common.diff' | translate" (click)="compareToLatest(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="danger" icon="pi pi-trash" [label]="'common.delete' | translate" (click)="remove(item.id)"></button>
</div>
<details class="table-row-menu">
<summary><i class="pi pi-ellipsis-h"></i><span>{{ 'common.actions' | translate }}</span></summary>
<div class="table-row-menu__list">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" icon="pi pi-download" [label]="'common.download' | translate" (click)="download(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="info" icon="pi pi-eye" [label]="'common.preview' | translate" (click)="viewExport(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="secondary" icon="pi pi-envelope" [label]="'common.email' | translate" (click)="sendEmail(item.id)"></button>
<button pButton *ngIf="i > 0" type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="help" icon="pi pi-code" [label]="'common.diff' | translate" (click)="compareToLatest(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="danger" icon="pi pi-trash" [label]="'common.delete' | translate" (click)="remove(item.id)"></button>
</div>
</details>
</td>
</tr>
</ng-template>
@@ -183,7 +193,7 @@
<div class="dashboard-grid router-detail-grid router-detail-grid--stack">
<app-section-card [title]="'routers.binaryTableTitle' | translate" [subtitle]="'routers.binaryTableSubtitle' | translate">
<p-table [value]="binaryBackups" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table">
<p-table [value]="binaryBackups" responsiveLayout="stack" [breakpoint]="'960px'" styleClass="app-table repository-table repository-table--router-detail">
<ng-template pTemplate="header">
<tr><th>{{ 'files.fileColumn' | translate }}</th><th>{{ 'files.createdColumn' | translate }}</th><th>{{ 'common.actions' | translate }}</th></tr>
</ng-template>
@@ -191,7 +201,7 @@
<tr>
<td>
<span class="p-column-title">{{ 'files.fileColumn' | translate }}</span>
<div class="table-primary">{{ item.file_name }}</div>
<div class="table-primary table-primary--ellipsis" [attr.title]="item.file_name">{{ item.file_name }}</div>
<small class="table-secondary">{{ 'files.binaryType' | translate }}</small>
</td>
<td>
@@ -200,12 +210,21 @@
</td>
<td>
<span class="p-column-title">{{ 'common.actions' | translate }}</span>
<div class="table-actions table-actions--labels table-actions--tight">
<div class="table-actions table-actions--labels table-actions--tight table-actions--desktop-row">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" icon="pi pi-download" [label]="'common.download' | translate" (click)="download(item.id)"></button>
<button *ngIf="!isSwitchos" pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="help" icon="pi pi-upload" [label]="'common.restore' | translate" (click)="upload(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="secondary" icon="pi pi-envelope" [label]="'common.email' | translate" (click)="sendEmail(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="danger" icon="pi pi-trash" [label]="'common.delete' | translate" (click)="remove(item.id)"></button>
</div>
<details class="table-row-menu">
<summary><i class="pi pi-ellipsis-h"></i><span>{{ 'common.actions' | translate }}</span></summary>
<div class="table-row-menu__list">
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" icon="pi pi-download" [label]="'common.download' | translate" (click)="download(item.id)"></button>
<button *ngIf="!isSwitchos" pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="help" icon="pi pi-upload" [label]="'common.restore' | translate" (click)="upload(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="secondary" icon="pi pi-envelope" [label]="'common.email' | translate" (click)="sendEmail(item.id)"></button>
<button pButton type="button" size="small" styleClass="table-action-btn table-action-btn--wide table-action-btn--compact" severity="danger" icon="pi pi-trash" [label]="'common.delete' | translate" (click)="remove(item.id)"></button>
</div>
</details>
</td>
</tr>
</ng-template>

95
frontend/src/app/features/routers/router-detail-page.component.ts
View File

@@ -1,5 +1,4 @@
import { CommonModule } from '@angular/common';
import { finalize, timeout } from 'rxjs';
import { HttpResponse } from '@angular/common/http';
import { Component, OnInit, inject } from '@angular/core';
import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
@@ -243,25 +242,17 @@ export class RouterDetailPageComponent implements OnInit {
if (payload.device_type === 'switchos') {
payload.ssh_key = '';
}
this.api.http
.put<DeviceItem>(`${this.api.baseUrl}/routers/${this.routerId}`, payload)
.pipe(
timeout(15000),
finalize(() => {
this.saving = false;
})
)
.subscribe({
next: (routerItem) => {
this.routerItem = routerItem;
this.connection = this.mapStoredConnection(routerItem);
this.editVisible = false;
this.ui.success('toast.routerUpdated');
},
error: (error) => {
this.ui.apiError(error, 'toast.routerSaveFailed');
}
});
this.api.http.put<DeviceItem>(`${this.api.baseUrl}/routers/${this.routerId}`, payload).subscribe({
next: (routerItem) => {
this.routerItem = routerItem;
this.connection = this.mapStoredConnection(routerItem);
this.editVisible = false;
this.ui.success('toast.routerUpdated');
},
complete: () => {
this.saving = false;
}
});
}
saveSettings() {
@@ -277,25 +268,17 @@ export class RouterDetailPageComponent implements OnInit {
payload.disable_export_backups = true;
payload.disable_binary_backups = true;
}
this.api.http
.put<DeviceItem>(`${this.api.baseUrl}/routers/${this.routerId}`, payload)
.pipe(
timeout(15000),
finalize(() => {
this.savingSettings = false;
})
)
.subscribe({
next: (routerItem) => {
this.routerItem = routerItem;
this.connection = this.mapStoredConnection(routerItem);
this.patchSettingsForm(routerItem);
this.ui.success('toast.routerUpdated');
},
error: (error) => {
this.ui.apiError(error, 'toast.routerSaveFailed');
}
});
this.api.http.put<DeviceItem>(`${this.api.baseUrl}/routers/${this.routerId}`, payload).subscribe({
next: (routerItem) => {
this.routerItem = routerItem;
this.connection = this.mapStoredConnection(routerItem);
this.patchSettingsForm(routerItem);
this.ui.success('toast.routerUpdated');
},
complete: () => {
this.savingSettings = false;
}
});
}
private patchSettingsForm(item: DeviceItem) {
@@ -344,28 +327,20 @@ export class RouterDetailPageComponent implements OnInit {
return;
}
this.testing = true;
this.api.http
.get<ConnectionSnapshot>(`${this.api.baseUrl}/routers/${this.routerId}/test-connection`)
.pipe(
timeout(15000),
finalize(() => {
this.testing = false;
})
)
.subscribe({
next: (result) => {
this.connection = result;
this.syncStoredConnection(result);
if (result.success) {
this.ui.success('toast.connectionSuccessful');
} else {
this.ui.apiError({ message: result.error }, 'toast.connectionFailed');
}
},
error: (error) => {
this.ui.apiError(error, 'toast.connectionFailed');
this.api.http.get<ConnectionSnapshot>(`${this.api.baseUrl}/routers/${this.routerId}/test-connection`).subscribe({
next: (result) => {
this.connection = result;
this.syncStoredConnection(result);
if (result.success) {
this.ui.success('toast.connectionSuccessful');
} else {
this.ui.error('toast.connectionFailed');
}
});
},
complete: () => {
this.testing = false;
}
});
}
compareToLatest(id: number) {

28
frontend/src/app/features/routers/routers-page.component.ts
View File

@@ -1,5 +1,4 @@
import { CommonModule } from '@angular/common';
import { finalize, timeout } from 'rxjs';
import { Component, OnInit, inject } from '@angular/core';
import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
import { Router } from '@angular/router';
@@ -168,23 +167,16 @@ export class RoutersPageComponent implements OnInit {
? this.api.http.put(`${this.api.baseUrl}/routers/${this.editingId}`, payload)
: this.api.http.post(`${this.api.baseUrl}/routers`, payload);
request$
.pipe(
timeout(15000),
finalize(() => {
this.saving = false;
})
)
.subscribe({
next: () => {
this.ui.success(this.editingId ? 'toast.routerUpdated' : 'toast.routerCreated');
this.visible = false;
this.load();
},
error: (error) => {
this.ui.apiError(error, 'toast.routerSaveFailed');
}
});
request$.subscribe({
next: () => {
this.ui.success(this.editingId ? 'toast.routerUpdated' : 'toast.routerCreated');
this.visible = false;
this.load();
},
complete: () => {
this.saving = false;
}
});
}
async remove(id: number) {

2
frontend/src/app/features/settings/settings-page.component.html
View File

@@ -310,7 +310,7 @@
</span>
<span class="form-field">
<label>{{ 'settings.defaultSwitchosPassword' | translate }}</label>
<input pInputText formControlName="default_switchos_password" placeholder="••••••••" />
<input pInputText type="password" formControlName="default_switchos_password" placeholder="••••••••" />
</span>
</div>
</div>

3
frontend/src/assets/i18n/en.json
View File

@@ -56,7 +56,6 @@
"currentPassword": "Current password",
"newPassword": "New password",
"backToLogin": "Back to login",
"backToApp": "Back to app",
"loginSubtitle": "Sign in to continue.",
"loginFailed": "Login failed",
"accountCreated": "Account created",
@@ -458,8 +457,6 @@
"archivePrepared": "Archive prepared.",
"exportedRouters": "Export completed for {{count}} devices.",
"binaryCompletedRouters": "Binary backup completed for {{count}} devices.",
"routerSaveFailed": "Could not save device.",
"requestTimeout": "Request timed out. Check connection and try again.",
"routerCreated": "Router created.",
"routerUpdated": "Router updated.",
"routerDeleted": "Router deleted.",

3
frontend/src/assets/i18n/es.json
View File

@@ -56,7 +56,6 @@
"currentPassword": "Contraseña actual",
"newPassword": "Nueva contraseña",
"backToLogin": "Volver al inicio de sesión",
"backToApp": "Volver a la app",
"loginSubtitle": "Inicia sesión para continuar.",
"loginFailed": "Error de inicio de sesión",
"accountCreated": "Cuenta creada",
@@ -440,8 +439,6 @@
"archivePrepared": "Archivo preparado.",
"exportedRouters": "Exportación completada para {{count}} routers.",
"binaryCompletedRouters": "Copia binaria completada para {{count}} routers.",
"routerSaveFailed": "No se pudo guardar el dispositivo.",
"requestTimeout": "Se agotó el tiempo de espera. Comprueba la conexión e inténtalo de nuevo.",
"routerCreated": "Router creado.",
"routerUpdated": "Router actualizado.",
"routerDeleted": "Router eliminado.",

3
frontend/src/assets/i18n/no.json
View File

@@ -56,7 +56,6 @@
"currentPassword": "Nåværende passord",
"newPassword": "Nytt passord",
"backToLogin": "Tilbake til innlogging",
"backToApp": "Tilbake til appen",
"loginSubtitle": "Logg inn for å fortsette.",
"loginFailed": "Innlogging mislyktes",
"accountCreated": "Konto opprettet",
@@ -440,8 +439,6 @@
"archivePrepared": "Arkiv klargjort.",
"exportedRouters": "Export fullført for {{count}} rutere.",
"binaryCompletedRouters": "Binær backup fullført for {{count}} rutere.",
"routerSaveFailed": "Kunne ikke lagre enheten.",
"requestTimeout": "Tidsavbrudd for forespørselen. Sjekk tilkoblingen og prøv igjen.",
"routerCreated": "Ruter opprettet.",
"routerUpdated": "Ruter oppdatert.",
"routerDeleted": "Ruter slettet.",

3
frontend/src/assets/i18n/pl.json
View File

@@ -56,7 +56,6 @@
"currentPassword": "Obecne hasło",
"newPassword": "Nowe hasło",
"backToLogin": "Powrót do logowania",
"backToApp": "Powrót do aplikacji",
"loginSubtitle": "Zaloguj się, aby kontynuować.",
"loginFailed": "Logowanie nie powiodło się",
"accountCreated": "Konto zostało utworzone",
@@ -458,8 +457,6 @@
"archivePrepared": "Archiwum zostało przygotowane.",
"exportedRouters": "Wykonano export dla {{count}} urządzeń.",
"binaryCompletedRouters": "Wykonano backup binarny dla {{count}} urządzeń.",
"routerSaveFailed": "Nie udało się zapisać urządzenia.",
"requestTimeout": "Przekroczono czas oczekiwania. Sprawdź połączenie i spróbuj ponownie.",
"routerCreated": "Urządzenie zostało dodane.",
"routerUpdated": "Urządzenie zostało zaktualizowane.",
"routerDeleted": "Urządzenie zostało usunięte.",

229
frontend/src/styles/pages.css
View File

@@ -2598,9 +2598,13 @@ app-page-header{
}
.repository-table .p-button .p-button-label{
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
white-space: nowrap;
overflow-wrap: normal;
word-break: normal;
}
.repository-table .p-column-title{
display: none;
}
.repository-table .p-button .p-button-icon{
@@ -3528,10 +3532,229 @@ body.dark-theme .device-toggle.is-active{background:linear-gradient(135deg,color
min-width: 0;
}
.repository-table .p-column-title{
display: inline-flex;
align-items: center;
}
.repository-table .p-button.table-action-btn,
.repository-table .p-button.table-action-btn--wide,
.repository-table .p-button.table-action-btn--compact{
width: 100%;
justify-content: center;
}
.repository-table .p-button .p-button-label{
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
}
.repository-table .table-actions--labels,
.repository-table .table-actions--tight{
align-items: center;
}
.repository-table .table-actions--tight{
flex-wrap: wrap;
overflow-x: visible;
}
.repository-table .p-button.table-action-btn,
.repository-table .p-button.table-action-btn--wide,
.repository-table .p-button.table-action-btn--compact{
width: auto;
flex: 0 0 auto;
}
.repository-table.app-table .p-datatable-thead > tr > th:last-child,
.repository-table.app-table .p-datatable-tbody > tr > td:last-child{
width: 1%;
white-space: nowrap;
}
/* --- table usability fix 2026-04-15 --- */
.repository-table .p-column-title{display:none !important;}
@media (max-width: 960px){
.repository-table .p-column-title{display:inline-flex !important;align-items:center;}
}
.repository-table--files .p-datatable-thead > tr > th:first-child,
.repository-table--files .p-datatable-tbody > tr > td:first-child{
width: 3rem;
padding-inline: 0.55rem;
}
.repository-table--router-detail .p-datatable-thead > tr > th:first-child,
.repository-table--router-detail .p-datatable-tbody > tr > td:first-child,
.repository-table--diff .p-datatable-thead > tr > th:first-child,
.repository-table--diff .p-datatable-tbody > tr > td:first-child{
width: auto;
padding-inline: 0.8rem;
}
.repository-table .table-primary--ellipsis{
display:block;
max-width:100%;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.repository-table .table-secondary{
overflow:hidden;
text-overflow:ellipsis;
}
.repository-table.app-table .p-datatable-thead > tr > th,
.repository-table.app-table .p-datatable-tbody > tr > td{
min-width:0;
}
.repository-table.app-table .p-datatable-thead > tr > th:last-child,
.repository-table.app-table .p-datatable-tbody > tr > td:last-child{
width: 280px;
min-width: 280px;
white-space: normal;
}
.repository-table--diff.app-table .p-datatable-thead > tr > th:last-child,
.repository-table--diff.app-table .p-datatable-tbody > tr > td:last-child{
width: 220px;
min-width: 220px;
}
.repository-table .table-actions--desktop-row{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:center;
gap:0.45rem;
overflow:hidden;
}
.repository-table .table-actions--desktop-row .p-button{
flex:0 0 auto;
}
.repository-table .table-row-menu{
display:none;
position:relative;
}
.repository-table .table-row-menu summary{
display:inline-flex;
align-items:center;
gap:8px;
list-style:none;
cursor:pointer;
padding:8px 12px;
border-radius:12px;
border:1px solid color-mix(in srgb,var(--border-color) 82%, transparent);
background:color-mix(in srgb,var(--surface-2) 92%, transparent);
color:var(--text-main);
font-weight:700;
white-space:nowrap;
}
.repository-table .table-row-menu summary::-webkit-details-marker{display:none;}
.repository-table .table-row-menu__list{
position:absolute;
right:0;
top:calc(100% + 8px);
z-index:25;
display:grid;
gap:8px;
min-width:220px;
padding:10px;
border-radius:16px;
border:1px solid color-mix(in srgb,var(--border-color) 82%, transparent);
background:color-mix(in srgb,var(--surface-1) 96%, transparent);
box-shadow:var(--shadow-lg);
}
.repository-table .table-row-menu__list .p-button{width:100%;justify-content:center;}
@media (max-width: 1400px){
.repository-table--router-detail .table-actions--desktop-row,
.repository-table--diff .table-actions--desktop-row{
display:none;
}
.repository-table--router-detail .table-row-menu,
.repository-table--diff .table-row-menu{
display:inline-block;
}
}
@media (max-width: 1520px){
.repository-table--files .table-actions--desktop-row{
display:none;
}
.repository-table--files .table-row-menu{
display:inline-block;
}
}
@media (max-width: 960px){
.repository-table.app-table .p-datatable-thead > tr > th:last-child,
.repository-table.app-table .p-datatable-tbody > tr > td:last-child,
.repository-table--diff.app-table .p-datatable-thead > tr > th:last-child,
.repository-table--diff.app-table .p-datatable-tbody > tr > td:last-child{
width:auto;
min-width:0;
}
.repository-table .table-actions--desktop-row,
.repository-table .table-row-menu{
display:none !important;
}
.repository-table .table-primary--ellipsis,
.repository-table .table-secondary{
white-space:normal;
overflow:visible;
text-overflow:unset;
}
}
/* repository table desktop layout fix 2026-04-15 v4 */
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(2),
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(2){
width: 34%;
max-width: 0;
}
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(7),
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(7){
width: 230px;
min-width: 230px;
white-space: normal;
}
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(8),
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(8){
width: 200px;
min-width: 200px;
white-space: normal;
}
.repository-table--files .table-actions--desktop-row{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.45rem;
}
.repository-table--files .table-actions--desktop-row .p-button{
width: 100%;
justify-content: center;
}
.repository-table--files .table-primary--ellipsis,
.repository-table--files .table-secondary{
max-width: 100%;
}
@media (max-width: 1520px){
.repository-table--files .table-actions--desktop-row{
display: none;
}
.repository-table--files .table-row-menu{
display: inline-block;
}
}
@media (max-width: 960px){
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(2),
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(2),
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(7),
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(7),
.repository-table--files.app-table .p-datatable-thead > tr > th:nth-child(8),
.repository-table--files.app-table .p-datatable-tbody > tr > td:nth-child(8){
width: auto;
min-width: 0;
max-width: none;
}
}