f5229fd0e6
* Implemented the ability to perform multi-selections on cards. Basic selection code is done, CSS needed and exposing actions. * Implemented a bulk selection bar. Added logic to the card on when to force show checkboxes. * Fixed some bad parsing groups and cases for Comic Chapters. * Hooked up some bulk actions on series detail page. Not hooked up to backend yet. * Fixes #593. URI Enocde library names as sometimes they can have & in them. * Implemented the ability to mark volume/chapters as read/unread. * Hooked up mark as unread with specials as well. * Add to reading list hooked up for Series Detail * Implemented ability to add multiple series to a reading list. * Implemented bulk selection for series cards * Added comments to the new code in ReaderService.cs * Implemented proper styling on bulk operation bar and integrated for collections. * Fixed an issue with shift clicking * Cleaned up css of bulk operations bar * Code cleanup
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { Component, Input, OnInit } from '@angular/core';
|
|
import { Action, ActionItem } from 'src/app/_services/action-factory.service';
|
|
import { BulkSelectionService } from '../bulk-selection.service';
|
|
|
|
@Component({
|
|
selector: 'app-bulk-operations',
|
|
templateUrl: './bulk-operations.component.html',
|
|
styleUrls: ['./bulk-operations.component.scss']
|
|
})
|
|
export class BulkOperationsComponent implements OnInit {
|
|
|
|
@Input() actionCallback!: (action: Action, data: any) => void;
|
|
topOffset: number = 0;
|
|
|
|
get actions() {
|
|
return this.bulkSelectionService.getActions(this.actionCallback.bind(this));
|
|
}
|
|
|
|
constructor(public bulkSelectionService: BulkSelectionService) { }
|
|
|
|
ngOnInit(): void {
|
|
const navBar = document.querySelector('.navbar');
|
|
if (navBar) {
|
|
this.topOffset = Math.ceil(navBar.getBoundingClientRect().height);
|
|
}
|
|
}
|
|
|
|
handleActionCallback(action: Action, data: any) {
|
|
this.actionCallback(action, data);
|
|
}
|
|
|
|
performAction(action: ActionItem<any>) {
|
|
if (typeof action.callback === 'function') {
|
|
action.callback(action.action, null);
|
|
}
|
|
}
|
|
|
|
|
|
}
|