mirror of
https://github.com/notion-enhancer/notion-enhancer.git
synced 2025-04-05 05:09:03 +00:00
109 lines
3.9 KiB
JavaScript
109 lines
3.9 KiB
JavaScript
/*
|
|
* weekly view
|
|
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
|
|
* (c) 2020 adihd
|
|
* under the MIT license
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
module.exports = {
|
|
id: '4c7acaea-6596-4590-85e5-8ac5a1455e8f',
|
|
tags: ['extension'],
|
|
name: 'weekly view',
|
|
desc: 'calendar views named "weekly" will show only the 7 days of this week.',
|
|
version: '0.5.0',
|
|
author: 'adihd',
|
|
hacks: {
|
|
'renderer/preload.js'(store, __exports) {
|
|
document.addEventListener('readystatechange', (event) => {
|
|
if (document.readyState !== 'complete') return false;
|
|
const attempt_interval = setInterval(enhance, 500);
|
|
function enhance() {
|
|
const notion_elem = document.querySelector('.notion-frame');
|
|
if (!notion_elem) return;
|
|
clearInterval(attempt_interval);
|
|
process([{ target: notion_elem }]);
|
|
const observer = new MutationObserver(process);
|
|
observer.observe(notion_elem, {
|
|
childList: true,
|
|
subtree: true,
|
|
});
|
|
function process(list, observer) {
|
|
const collection_view = document.querySelector(
|
|
'.notion-collection-view-select'
|
|
);
|
|
if (!collection_view || collection_view.innerText != 'weekly')
|
|
return;
|
|
const days = collection_view.parentElement.parentElement.parentElement.parentElement.getElementsByClassName(
|
|
'notion-calendar-view-day'
|
|
);
|
|
for (let day of days)
|
|
day.parentElement.parentElement.style.height = 0;
|
|
if (days.length) {
|
|
const today = [...days].find((day) => day.style.background);
|
|
if (today)
|
|
today.parentElement.parentElement.style.height = '124px';
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// document.addEventListener('readystatechange', (event) => {
|
|
// if (document.readyState !== 'complete') return false;
|
|
// let queue = [];
|
|
// const observer = new MutationObserver((list, observer) => {
|
|
// if (!queue.length) requestAnimationFrame(() => process(queue));
|
|
// queue.push(...list);
|
|
// });
|
|
// observer.observe(document, {
|
|
// // subtree: true,
|
|
// });
|
|
// function process(list) {
|
|
// queue = [];
|
|
// if (
|
|
// list.find((e) => e.target.matches('.notion-collection-view-select'))
|
|
// )
|
|
// console.log(list);
|
|
|
|
// for (let elem of document.getElementsByClassName(
|
|
// 'notion-collection-view-select'
|
|
// )) {
|
|
// // console.log("this is working2");
|
|
// if (elem.innerText === 'weekly') {
|
|
// // console.log("this is working3");
|
|
// var days_list = elem.parentElement.parentElement.parentElement.parentElement.getElementsByClassName(
|
|
// 'notion-calendar-view-day'
|
|
// );
|
|
// for (let index = 0; index < days_list.length; index++) {
|
|
// // const element = array[index];
|
|
// if (days_list[index].style.background) {
|
|
// days_list[index].parentElement.parentElement.classList.add(
|
|
// 'this_week'
|
|
// );
|
|
// // console.log("yay");
|
|
// }
|
|
// }
|
|
// var weeks = document.getElementsByClassName('this_week')[0]
|
|
// .parentElement.children;
|
|
// // delete al div that not contain a class of "this_week"
|
|
// while (weeks.length > 1) {
|
|
// for (let index = 0; index < weeks.length; index++) {
|
|
// // const element = array[index];
|
|
|
|
// if (weeks[index].classList.contains('this_week')) {
|
|
// console.log('yes');
|
|
// } else {
|
|
// // console.log(index);
|
|
// weeks[index].style.display = 'none';
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// }
|
|
// });
|
|
},
|
|
},
|
|
};
|