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
130 lines
3 KiB
TypeScript
130 lines
3 KiB
TypeScript
import { Injectable } from '@angular/core';
|
|
import { Chapter } from 'src/app/_models/chapter';
|
|
import { MangaFormat } from 'src/app/_models/manga-format';
|
|
import { Series } from 'src/app/_models/series';
|
|
import { Volume } from 'src/app/_models/volume';
|
|
|
|
export enum KEY_CODES {
|
|
RIGHT_ARROW = 'ArrowRight',
|
|
LEFT_ARROW = 'ArrowLeft',
|
|
DOWN_ARROW = 'ArrowDown',
|
|
UP_ARROW = 'ArrowUp',
|
|
ESC_KEY = 'Escape',
|
|
SPACE = ' ',
|
|
ENTER = 'Enter',
|
|
G = 'g',
|
|
B = 'b',
|
|
BACKSPACE = 'Backspace',
|
|
DELETE = 'Delete',
|
|
SHIFT = 'Shift'
|
|
}
|
|
|
|
export enum Breakpoint {
|
|
Mobile = 768,
|
|
Tablet = 1280,
|
|
Desktop = 1440
|
|
}
|
|
|
|
|
|
@Injectable({
|
|
providedIn: 'root'
|
|
})
|
|
export class UtilityService {
|
|
|
|
mangaFormatKeys: string[] = [];
|
|
|
|
constructor() { }
|
|
|
|
sortVolumes = (a: Volume, b: Volume) => {
|
|
if (a === b) { return 0; }
|
|
else if (a.number === 0) { return 1; }
|
|
else if (b.number === 0) { return -1; }
|
|
else {
|
|
return a.number < b.number ? -1 : 1;
|
|
}
|
|
}
|
|
|
|
sortChapters = (a: Chapter, b: Chapter) => {
|
|
return parseFloat(a.number) - parseFloat(b.number);
|
|
}
|
|
|
|
mangaFormatToText(format: MangaFormat): string {
|
|
if (this.mangaFormatKeys === undefined || this.mangaFormatKeys.length === 0) {
|
|
this.mangaFormatKeys = Object.keys(MangaFormat);
|
|
}
|
|
|
|
return this.mangaFormatKeys.filter(item => MangaFormat[format] === item)[0];
|
|
}
|
|
|
|
cleanSpecialTitle(title: string) {
|
|
let cleaned = title.replace(/_/g, ' ').replace(/SP\d+/g, '').trim();
|
|
cleaned = cleaned.substring(0, cleaned.lastIndexOf('.'));
|
|
if (cleaned.trim() === '') {
|
|
return title;
|
|
}
|
|
return cleaned;
|
|
}
|
|
|
|
mangaFormat(format: MangaFormat): string {
|
|
switch (format) {
|
|
case MangaFormat.EPUB:
|
|
return 'EPUB';
|
|
case MangaFormat.ARCHIVE:
|
|
return 'Archive';
|
|
case MangaFormat.IMAGE:
|
|
return 'Image';
|
|
case MangaFormat.PDF:
|
|
return 'PDF';
|
|
case MangaFormat.UNKNOWN:
|
|
return 'Unknown';
|
|
}
|
|
}
|
|
|
|
mangaFormatIcon(format: MangaFormat): string {
|
|
switch (format) {
|
|
case MangaFormat.EPUB:
|
|
return 'fa-book';
|
|
case MangaFormat.ARCHIVE:
|
|
return 'fa-file-archive';
|
|
case MangaFormat.IMAGE:
|
|
return 'fa-image';
|
|
case MangaFormat.PDF:
|
|
return 'fa-file-pdf';
|
|
case MangaFormat.UNKNOWN:
|
|
return 'fa-question';
|
|
}
|
|
}
|
|
|
|
isVolume(d: any) {
|
|
return d != null && d.hasOwnProperty('chapters');
|
|
}
|
|
|
|
isChapter(d: any) {
|
|
return d != null && d.hasOwnProperty('volumeId');
|
|
}
|
|
|
|
isSeries(d: any) {
|
|
return d != null && d.hasOwnProperty('originalName');
|
|
}
|
|
|
|
asVolume(d: any) {
|
|
return <Volume>d;
|
|
}
|
|
|
|
asChapter(d: any) {
|
|
return <Chapter>d;
|
|
}
|
|
|
|
asSeries(d: any) {
|
|
return <Series>d;
|
|
}
|
|
|
|
getActiveBreakpoint(): Breakpoint {
|
|
if (window.innerWidth <= Breakpoint.Mobile) return Breakpoint.Mobile;
|
|
else if (window.innerWidth > Breakpoint.Mobile && window.innerWidth <= Breakpoint.Tablet) return Breakpoint.Tablet;
|
|
else if (window.innerWidth > Breakpoint.Tablet) return Breakpoint.Desktop
|
|
|
|
return Breakpoint.Desktop;
|
|
}
|
|
|
|
}
|