mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-22 17:42:57 +00:00
92 lines
2.3 KiB
TypeScript
92 lines
2.3 KiB
TypeScript
/*
|
|
* Copyright (C) 2022 StApps
|
|
* This program is free software: you can redistribute it and/or modify it
|
|
* under the terms of the GNU General Public License as published by the Free
|
|
* Software Foundation, version 3.
|
|
*
|
|
* This program is distributed in the hope that it will be useful, but WITHOUT
|
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
|
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
|
|
* more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License along with
|
|
* this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
import {
|
|
Component,
|
|
ContentChild,
|
|
Input,
|
|
OnDestroy,
|
|
OnInit,
|
|
TemplateRef,
|
|
} from '@angular/core';
|
|
import {SCThings} from '@openstapps/core';
|
|
import {Subscription} from 'rxjs';
|
|
import {Router} from '@angular/router';
|
|
import {DataRoutingService} from '../data-routing.service';
|
|
import {DataListContext} from './data-list.component';
|
|
|
|
/**
|
|
* Shows the list of items
|
|
*/
|
|
@Component({
|
|
selector: 'stapps-simple-data-list',
|
|
templateUrl: 'simple-data-list.html',
|
|
styleUrls: ['simple-data-list.scss'],
|
|
})
|
|
export class SimpleDataListComponent implements OnInit, OnDestroy {
|
|
/**
|
|
* All SCThings to display
|
|
*/
|
|
@Input() items?: Promise<SCThings[] | undefined>;
|
|
|
|
/**
|
|
* Indicates whether or not the list is to display SCThings of a single type
|
|
*/
|
|
@Input() singleType = false;
|
|
|
|
@Input() autoRouting = true;
|
|
|
|
/**
|
|
* List header
|
|
*/
|
|
@Input() listHeader?: string;
|
|
|
|
@ContentChild(TemplateRef) listItemTemplateRef: TemplateRef<
|
|
DataListContext<SCThings>
|
|
>;
|
|
|
|
/**
|
|
* Items that display the skeleton list
|
|
*/
|
|
skeletonItems = 6;
|
|
|
|
/**
|
|
* Array of all subscriptions to Observables
|
|
*/
|
|
subscriptions: Subscription[] = [];
|
|
|
|
constructor(
|
|
protected router: Router,
|
|
private readonly dataRoutingService: DataRoutingService,
|
|
) {}
|
|
|
|
ngOnInit(): void {
|
|
if (!this.autoRouting) return;
|
|
this.subscriptions.push(
|
|
this.dataRoutingService.itemSelectListener().subscribe(item => {
|
|
void this.router.navigate(['/data-detail', item.uid]);
|
|
}),
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Remove subscriptions when the component is removed
|
|
*/
|
|
ngOnDestroy() {
|
|
for (const sub of this.subscriptions) {
|
|
sub.unsubscribe();
|
|
}
|
|
}
|
|
}
|