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 { SimpleListItemAction } from '../../../../components/simple-list-w-actions/SimpleListItemAction';
import { Chain } from '../../../../models/Chain'; import { Chain } from '../../../../models/Chain';
import { AsyncPipe } from '@angular/common'; 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({ @Component({
selector: 'app-chain-list', selector: 'app-chain-list',
imports: [SimpleListWActions, AsyncPipe, FloatingBigBtn], imports: [SimpleListWActions, AsyncPipe, FloatingBigBtn],
templateUrl: './chain-list.html', templateUrl: './../../../../components/settings-base-list/settings-base-list.html',
styles: ``, styleUrl: './../../../../components/settings-base-list/settings-base-list.scss',
}) })
export class ChainList { export class ChainList extends SettingsBaseList {
private readonly router = inject(Router); private readonly router = inject(Router);
protected readonly activatedRoute = inject(ActivatedRoute); protected readonly activatedRoute = inject(ActivatedRoute);
chains$ = this.activatedRoute.data.pipe( data$ = this.activatedRoute.data.pipe(
map((data) => map((data) =>
(<Chain[]>data['chains']).map( (<Chain[]>data['chains']).map(
(c, i) => (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: { protected edit(action: { action: string; subject: string }) {
action: string; this.router.navigate(['settings', 'chains', 'edit', action.subject]);
subject: string;
}) {
this.router.navigate(['settings', 'chains', 'edit', action.subject])
} }
protected add() { protected add() {
this.router.navigate(['settings', 'chains', 'add']); this.router.navigate(['settings', 'chains', 'add']);
} }