gabdlr/groceries-price-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: chain list to extend base settings list

Browse Source
This commit is contained in:
Gabriel De Los Rios
2026-02-17 19:32:36 -03:00
parent 36df70bf38
commit 816252308c
2 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/pages/settings/chains/chain-list/chain-list.html
View File

@@ -1,2 +0,0 @@
<app-simple-list-w-actions [items]="(chains$|async) ?? []" (action)="edit($event)"/>
<app-floating-big-btn icon="add" (bigClick)="add()"/>

24
src/app/pages/settings/chains/chain-list/chain-list.ts
View File

@@ -6,34 +6,34 @@ import { SimpleListItem } from '../../../../components/simple-list-w-actions/Sim
import { SimpleListItemAction } from '../../../../components/simple-list-w-actions/SimpleListItemAction';
import { Chain } from '../../../../models/Chain';
import { AsyncPipe } from '@angular/common';
import { FloatingBigBtn } from "../../../../components/floating-big-btn/floating-big-btn";
import { FloatingBigBtn } from '../../../../components/floating-big-btn/floating-big-btn';
import { SettingsBaseList } from '../../../../components/settings-base-list/settings-base-list';
@Component({
selector: 'app-chain-list',
imports: [SimpleListWActions, AsyncPipe, FloatingBigBtn],
templateUrl: './chain-list.html',
styles: ``,
templateUrl: './../../../../components/settings-base-list/settings-base-list.html',
styleUrl: './../../../../components/settings-base-list/settings-base-list.scss',
})
export class ChainList {
export class ChainList extends SettingsBaseList {
private readonly router = inject(Router);
protected readonly activatedRoute = inject(ActivatedRoute);
chains$ = this.activatedRoute.data.pipe(
data$ = this.activatedRoute.data.pipe(
map((data) =>
(<Chain[]>data['chains']).map(
(c, i) =>
new SimpleListItem(String(c.id), c.name ?? '', [new SimpleListItemAction('edit', 'edit')]),
new SimpleListItem(String(c.id), c.name ?? '', [
new SimpleListItemAction('edit', 'edit'),
]),
),
),
);
protected edit(action: {
action: string;
subject: string;
}) {
this.router.navigate(['settings', 'chains', 'edit', action.subject])
protected edit(action: { action: string; subject: string }) {
this.router.navigate(['settings', 'chains', 'edit', action.subject]);
}
protected add() {
this.router.navigate(['settings', 'chains', 'add']);
}