mirror of
https://github.com/Kornstalx/5etools-mirror-2.github.io.git
synced 2025-10-28 20:45:35 -05:00
v1.198.1
This commit is contained in:
TheGiddyLimit
199
js/bookslist.js
Normal file
199
js/bookslist.js
Normal file
@@ -0,0 +1,199 @@
|
||||
"use strict";
|
||||
|
||||
class AdventuresBooksList {
|
||||
static _getDateStr (advBook) {
|
||||
if (!advBook.published) return "\u2014";
|
||||
const date = new Date(advBook.published);
|
||||
return DatetimeUtil.getDateStr({date, isShort: true, isPad: true});
|
||||
}
|
||||
|
||||
static _getGroupStr (advBook) {
|
||||
const group = advBook.group || "other";
|
||||
const entry = SourceUtil.ADV_BOOK_GROUPS.find(it => it.group === group);
|
||||
return entry.displayName;
|
||||
}
|
||||
|
||||
static _sortAdventuresBooks (dataList, a, b, o) {
|
||||
a = dataList[a.ix];
|
||||
b = dataList[b.ix];
|
||||
|
||||
if (o.sortBy === "name") return this._sortAdventuresBooks_byName(a, b, o);
|
||||
if (o.sortBy === "storyline") return this._sortAdventuresBooks_orFallback(SortUtil.ascSort, "storyline", a, b, o);
|
||||
if (o.sortBy === "level") return this._sortAdventuresBooks_orFallback(SortUtil.ascSort, "_startLevel", a, b, o);
|
||||
if (o.sortBy === "group") return SortUtil.ascSortSourceGroup(a, b) || this._sortAdventuresBooks_byPublished(a, b, o);
|
||||
if (o.sortBy === "published") return this._sortAdventuresBooks_byPublished(a, b, o);
|
||||
}
|
||||
|
||||
static _sortAdventuresBooks_byPublished (a, b, o) {
|
||||
return SortUtil.ascSortDate(b._pubDate, a._pubDate)
|
||||
|| SortUtil.ascSort(a.publishedOrder || 0, b.publishedOrder || 0)
|
||||
|| this._sortAdventuresBooks_byName(a, b, o);
|
||||
}
|
||||
|
||||
static _sortAdventuresBooks_byName (a, b, o) { return SortUtil.ascSort(a.name, b.name); }
|
||||
|
||||
static _sortAdventuresBooks_orFallback (func, prop, a, b, o) {
|
||||
const initial = func(a[prop] || "", b[prop] || "");
|
||||
return initial || this._sortAdventuresBooks_byName(a, b, o);
|
||||
}
|
||||
|
||||
constructor (options) {
|
||||
this._contentsUrl = options.contentsUrl;
|
||||
this._fnSort = options.fnSort;
|
||||
this._sortByInitial = options.sortByInitial;
|
||||
this._sortDirInitial = options.sortDirInitial;
|
||||
this._dataProp = options.dataProp;
|
||||
this._enhanceRowDataFn = options.enhanceRowDataFn;
|
||||
this._rootPage = options.rootPage;
|
||||
this._rowBuilderFn = options.rowBuilderFn;
|
||||
|
||||
this._list = null;
|
||||
this._listAlt = null;
|
||||
this._dataIx = 0;
|
||||
this._dataList = [];
|
||||
}
|
||||
|
||||
async pOnPageLoad () {
|
||||
await Promise.all([
|
||||
PrereleaseUtil.pInit(),
|
||||
BrewUtil2.pInit(),
|
||||
]);
|
||||
|
||||
const [data] = await Promise.all([
|
||||
await DataUtil.loadJSON(`${Renderer.get().baseUrl}${this._contentsUrl}`),
|
||||
await ExcludeUtil.pInitialise(),
|
||||
]);
|
||||
|
||||
const $iptSearch = $(`#search`);
|
||||
|
||||
const fnSort = (a, b, o) => this._fnSort(this._dataList, a, b, o);
|
||||
this._list = new List({
|
||||
$wrpList: $(".books"),
|
||||
$iptSearch,
|
||||
fnSort,
|
||||
sortByInitial: this._sortByInitial,
|
||||
sortDirInitial: this._sortDirInitial,
|
||||
isUseJquery: true,
|
||||
});
|
||||
SortUtil.initBtnSortHandlers($(`#filtertools`), this._list);
|
||||
|
||||
const $wrpBookshelf = $(".books--alt");
|
||||
this._listAlt = new List({
|
||||
$wrpList: $wrpBookshelf,
|
||||
$iptSearch,
|
||||
fnSort,
|
||||
sortByInitial: this._sortByInitial,
|
||||
sortDirInitial: this._sortDirInitial,
|
||||
});
|
||||
|
||||
$("#reset").click(() => {
|
||||
this._list.reset();
|
||||
this._listAlt.reset();
|
||||
|
||||
this._list.items.forEach(li => {
|
||||
if (li.data.$btnToggleExpand.text() === "[\u2012]") li.data.$btnToggleExpand.click();
|
||||
});
|
||||
});
|
||||
|
||||
this.addData(data);
|
||||
await handleBrew(await PrereleaseUtil.pGetBrewProcessed());
|
||||
await handleBrew(await BrewUtil2.pGetBrewProcessed());
|
||||
ManageBrewUi.bindBtnOpen($(`#manage-brew`));
|
||||
this._list.init();
|
||||
this._listAlt.init();
|
||||
|
||||
if (ExcludeUtil.isAllContentExcluded(this._dataList)) $wrpBookshelf.append(ExcludeUtil.getAllContentBlocklistedHtml());
|
||||
|
||||
window.dispatchEvent(new Event("toolsLoaded"));
|
||||
}
|
||||
|
||||
addData (data) {
|
||||
if (!data[this._dataProp] || !data[this._dataProp].length) return;
|
||||
|
||||
this._dataList.push(...data[this._dataProp]);
|
||||
|
||||
for (; this._dataIx < this._dataList.length; this._dataIx++) {
|
||||
const it = this._dataList[this._dataIx];
|
||||
if (this._enhanceRowDataFn) this._enhanceRowDataFn(it);
|
||||
|
||||
const isExcluded = ExcludeUtil.isExcluded(UrlUtil.URL_TO_HASH_BUILDER[this._rootPage](it), this._dataProp, it.source);
|
||||
|
||||
const $elesContents = [];
|
||||
it.contents.map((chapter, ixChapter) => {
|
||||
const $lnkChapter = $$`<a href="${this._rootPage}#${UrlUtil.encodeForHash(it.id)},${ixChapter}" class="ve-flex w-100 bklist__row-chapter lst--border lst__row-inner lst__row lst__wrp-cells bold">
|
||||
${Parser.bookOrdinalToAbv(chapter.ordinal)}${chapter.name}
|
||||
</a>`;
|
||||
$elesContents.push($lnkChapter);
|
||||
|
||||
if (!chapter.headers) return;
|
||||
|
||||
const headerCounts = {};
|
||||
|
||||
chapter.headers.forEach(header => {
|
||||
const headerText = BookUtil.getHeaderText(header);
|
||||
|
||||
const headerTextClean = headerText.toLowerCase().trim();
|
||||
const headerPos = headerCounts[headerTextClean] || 0;
|
||||
headerCounts[headerTextClean] = (headerCounts[headerTextClean] || 0) + 1;
|
||||
const $lnk = $$`<a href="${this._rootPage}#${UrlUtil.encodeForHash(it.id)},${ixChapter},${UrlUtil.encodeForHash(headerText)}${header.index ? `,${header.index}` : ""}${headerPos > 0 ? `,${headerPos}` : ""}" class="lst__row lst--border lst__row-inner lst__wrp-cells bklist__row-section ve-flex w-100">
|
||||
${BookUtil.getContentsSectionHeader(header)}
|
||||
</a>`;
|
||||
$elesContents.push($lnk);
|
||||
});
|
||||
});
|
||||
|
||||
const $wrpContents = $$`<div class="ve-flex w-100 relative">
|
||||
<div class="vr-0 absolute bklist__vr-contents"></div>
|
||||
<div class="ve-flex-col w-100 bklist__wrp-rows-inner">${$elesContents}</div>
|
||||
</div>`.hideVe();
|
||||
|
||||
const $btnToggleExpand = $(`<span class="px-2 py-1p bold mobile__hidden">[+]</span>`)
|
||||
.click(evt => {
|
||||
evt.stopPropagation();
|
||||
evt.preventDefault();
|
||||
$btnToggleExpand.text($btnToggleExpand.text() === "[+]" ? "[\u2012]" : "[+]");
|
||||
$wrpContents.toggleVe();
|
||||
});
|
||||
|
||||
const $eleLi = $$`<div class="ve-flex-col w-100">
|
||||
<a href="${this._rootPage}#${UrlUtil.encodeForHash(it.id)}" class="split-v-center lst--border lst__row-inner lst__row ${isExcluded ? `lst__row--blocklisted` : ""}">
|
||||
<span class="w-100 ve-flex">${this._rowBuilderFn(it)}</span>
|
||||
${$btnToggleExpand}
|
||||
</a>
|
||||
${$wrpContents}
|
||||
</div>`;
|
||||
|
||||
const listItem = new ListItem(
|
||||
this._dataIx,
|
||||
$eleLi,
|
||||
it.name,
|
||||
{
|
||||
source: Parser.sourceJsonToAbv(it.source),
|
||||
alias: (it.alias || []).map(it => `"${it}"`).join(","),
|
||||
},
|
||||
{
|
||||
$btnToggleExpand,
|
||||
},
|
||||
);
|
||||
|
||||
this._list.addItem(listItem);
|
||||
|
||||
// region Alt list (covers/thumbnails)
|
||||
const eleLiAlt = $(`<a href="${this._rootPage}#${UrlUtil.encodeForHash(it.id)}" class="ve-flex-col ve-flex-v-center m-3 bks__wrp-bookshelf-item ${isExcluded ? `bks__wrp-bookshelf-item--blocklisted` : ""} py-3 px-2 ${Parser.sourceJsonToColor(it.source)}" ${Parser.sourceJsonToStyle(it.source)}>
|
||||
<img src="${Renderer.adventureBook.getCoverUrl(it)}" class="mb-2 bks__bookshelf-image" loading="lazy" alt="Cover Image: ${(it.name || "").qq()}">
|
||||
<div class="bks__bookshelf-item-name ve-flex-vh-center ve-text-center">${it.name}</div>
|
||||
</a>`)[0];
|
||||
const listItemAlt = new ListItem(
|
||||
this._dataIx,
|
||||
eleLiAlt,
|
||||
it.name,
|
||||
{source: it.id},
|
||||
);
|
||||
this._listAlt.addItem(listItemAlt);
|
||||
// endregion
|
||||
}
|
||||
|
||||
this._list.update();
|
||||
this._listAlt.update();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user