dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-10 15:39:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix weekly-view view targeting for new Notion databases

Browse Source
This commit is contained in:
pr3cast 2022-03-18 21:46:01 -04:00
parent 4e2253d0ac
commit d884f146b3
1 changed files with 24 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
repo/weekly-view/client.mjs
View File

@ -4,39 +4,51 @@
* (https://notion-enhancer.github.io/) under the MIT license * (https://notion-enhancer.github.io/) under the MIT license
*/ */
'use strict'; "use strict";
export default async function ({ web }, db) { export default async function ({ web }, db) {
const pageSelector = '.notion-page-content', const pageSelector = ".notion-page-content",
calendarSelector = '.notion-calendar-view', calendarSelector = ".notion-calendar-view",
viewSelector = '.notion-collection-view-select:not([data-weekly-view])', collectionSelector =
".notion-page-content > .notion-selectable.notion-collection_view-block",
viewSelector = ":scope>div>div>div>div>div",
todaySelector = '.notion-calendar-view-day[style*="background"]', todaySelector = '.notion-calendar-view-day[style*="background"]',
weekSelector = '[style^="position: relative; display: flex; height: "]', weekSelector = '[style^="position: relative; display: flex; height: "]',
toolbarBtnSelector = toolbarBtnSelector =
'.notion-calendar-view > :first-child > :first-child > :first-child > :nth-last-child(2)'; ".notion-calendar-view > :first-child > :first-child > :first-child > :nth-last-child(2)";
const transformCalendarView = () => { const transformCalendarView = () => {
const $page = document.querySelector(pageSelector); const $page = document.querySelector(pageSelector);
document.querySelectorAll(viewSelector).forEach(async ($view) => { document.querySelectorAll(collectionSelector).forEach(async ($view) => {
if ($view.innerText.toLowerCase() !== 'weekly') return;
const $calendar = $view.parentElement.parentElement.parentElement.parentElement; const currentText = [].slice.call($view.querySelector(viewSelector).children).filter((e) => e.children[0].style.borderBottomWidth.toString() === "2px" )[0].innerText.toLowerCase();
if (currentText !== "weekly")
return;
const $calendar =
$view.parentElement.parentElement.parentElement.parentElement;
if (!$calendar.querySelector(todaySelector)) { if (!$calendar.querySelector(todaySelector)) {
$calendar.querySelector(toolbarBtnSelector).click(); $calendar.querySelector(toolbarBtnSelector).click();
} }
await new Promise((res, rej) => requestAnimationFrame(res)); await new Promise((res, rej) => requestAnimationFrame(res));
if ($page) { if ($page) {
for (const $week of $calendar.querySelectorAll(weekSelector)) { for (const $week of $calendar.querySelectorAll(weekSelector)) {
if (!$week.querySelector(todaySelector)) $week.style.height = '0'; if (!$week.querySelector(todaySelector)) {
$week.style.height = "0";
$week.style.display = "none";
}
} }
} else { } else {
const $weekContainer = $calendar.querySelector(weekSelector).parentElement; const $weekContainer =
$calendar.querySelector(weekSelector).parentElement;
for (const $week of $calendar.querySelectorAll(weekSelector)) { for (const $week of $calendar.querySelectorAll(weekSelector)) {
if ($week.querySelector(todaySelector)) { if ($week.querySelector(todaySelector)) {
$weekContainer.style.maxHeight = $week.style.height; $weekContainer.style.maxHeight = $week.style.height;
break; break;
} else { } else {
$week.style.height = '0'; $week.style.height = "0";
$week.style.opacity = '0'; $week.style.opacity = "0";
} }
} }
} }