fix(admin): P0 user-reported bugs - raw keys, table overflow, builder escape route
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> - Transactions: 'adminTransactions.flag'/'clearFlag' raw keys rendered on the fraud toggle button (missed by earlier audit because the key sits inside a ternary); added en/ru/hy strings with merchant wording ('Flag as suspicious') - Table overflow on Customers/Transactions root-caused: app-table host is a grid item with default min-width:auto, so wide tables stretched their parent card instead of scrolling inside the wrapper; shared TableComponent now declares display:block/min-width:0/max-width:100% on its element selector (encapsulation None - :host would not match), fixing every admin table at once; verified in browser: cards contained, wrapper scrolls internally - Builder trap root-caused: section editor pages (/:lang/edit/<section>) had zero routes to the backoffice - only a link back to the builder overview - so admins inside a section could not return to the dashboard; sidebar now has a persistent 'Back to dashboard' link (new builder.backToDashboard key, en/ru/hy); verified navigation lands on /ru/backoffice/dashboard
This commit is contained in:
@@ -8,6 +8,10 @@
|
||||
<span class="pi pi-arrow-left" aria-hidden="true"></span>
|
||||
{{ 'builder.appName' | translate }}
|
||||
</a>
|
||||
<a class="project-editor-layout__dashboard-link" [routerLink]="dashboardRoute()">
|
||||
<span class="pi pi-home" aria-hidden="true"></span>
|
||||
{{ 'builder.backToDashboard' | translate }}
|
||||
</a>
|
||||
<app-project-editor-nav (linkClicked)="closeMobileDrawer()" />
|
||||
</aside>
|
||||
|
||||
|
||||
@@ -51,6 +51,28 @@
|
||||
}
|
||||
}
|
||||
|
||||
.project-editor-layout__dashboard-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-xs);
|
||||
padding: var(--space-sm);
|
||||
margin-bottom: var(--space-md);
|
||||
border-radius: var(--radius-sm);
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.85rem;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
background: var(--bg-tertiary);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
&:focus-visible {
|
||||
outline: 2px solid var(--primary-color);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.project-editor-layout__content {
|
||||
min-width: 0;
|
||||
padding: var(--space-lg);
|
||||
|
||||
@@ -95,6 +95,9 @@ export class ProjectEditorPageComponent {
|
||||
|
||||
readonly overviewRoute = computed(() => ['/', this.languageService.currentLanguage(), 'edit']);
|
||||
|
||||
/** Persistent escape hatch back to the admin dashboard - section editors previously had no route to the backoffice at all. */
|
||||
readonly dashboardRoute = computed(() => ['/', this.languageService.currentLanguage(), 'backoffice', 'dashboard']);
|
||||
|
||||
constructor() {
|
||||
this.facade.loadBootstrap();
|
||||
effect(() => {
|
||||
|
||||
Reference in New Issue
Block a user