☰

Event Merge for Google Calendar™ (by @imightbeAmy)

Script that visually merges the same event on multiple Google Calendars into one event.

当前为 2018-02-17 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        Event Merge for Google Calendar™ (by @imightbeAmy)
  3. // @namespace   gcal-multical-event-merge
  4. // @include     https://www.google.com/calendar/*
  5. // @include     http://www.google.com/calendar/*
  6. // @include     https://calendar.google.com/*
  7. // @include     http://calendar.google.com/*
  8. // @version     1
  9. // @grant       none
  10. // @description Script that visually merges the same event on multiple Google Calendars into one event.
  11. // ==/UserScript==
  12.  
  13. 'use strict';
  14.  
  15. console.log("event merge");
  16.  
  17. const stripesGradient = (colors) => {
  18.   let gradient = "repeating-linear-gradient( 45deg,";
  19.   let pos = 0;
  20.  
  21.   colors.forEach(color => {
  22.     gradient += color + " " + pos + "px,";
  23.     pos += 10;
  24.     gradient += color + " " + pos + "px,";
  25.   });
  26.   gradient = gradient.slice(0, -1);
  27.   gradient += ")";
  28.   return gradient;
  29. };
  30.  
  31. const dragType = e => parseInt(e.dataset.dragsourceType);
  32.  
  33. const merge = (mainCalender) => {
  34.   const eventSets = {};
  35.   const days = mainCalender.querySelectorAll("[role=\"gridcell\"]");
  36.   days.forEach((day, index) => {
  37.     const events = Array.from(day.querySelectorAll("[role=\"button\"]"));
  38.     events.forEach(event => {
  39.       let eventKey = event.querySelector("div:nth-child(2)").textContent.replace(/\\s+/g,"");
  40.       eventKey = index + eventKey;
  41.       eventSets[eventKey] = eventSets[eventKey] || [];
  42.       eventSets[eventKey].push(event);
  43.     });
  44.   });
  45.  
  46.   Object.values(eventSets)
  47.     .filter(events => events.length > 1)
  48.     .forEach(events => {
  49.       const colors = events.map(event => event.style.backgroundColor || event.style.borderColor);
  50.       const gradient = stripesGradient(colors);
  51.  
  52.       const left = events[0].style.left;
  53.       events.sort((e1, e2) => dragType(e1) - dragType(e2));
  54.       const eventToKeep = events.shift();
  55.       eventToKeep.style.backgroundImage = gradient;
  56.  
  57.       let width = Number(events[0].style.width.replace(/%/g, ""));
  58.       if (!isNaN(width)) {
  59.         width = width * (events.length + 1);
  60.         width = Math.min(width, 100);
  61.         eventToKeep.style.width = width + "%";
  62.       }
  63.       eventToKeep.style.left = left;
  64.  
  65.       events.forEach(event => {
  66.         event.style.visibility = "hidden";
  67.       });
  68.     });
  69. }
  70.  
  71. const init = (mutationsList) => {
  72.   const main = mutationsList && mutationsList
  73.     .map(mutation => mutation.addedNodes[0] || mutation.target)
  74.     .filter(node => node.matches && node.matches("[role=\"main\"]"))[0];
  75.  
  76.   if (main) {
  77.     const mainCalender = main.querySelector("[role=\"grid\"] > [role=\"presentation\"][data-type=\"1\"]");
  78.     if (mainCalender) {
  79.       merge(mainCalender);
  80.       new MutationObserver(() => merge(mainCalender))
  81.         .observe(mainCalender, { childList: true, subtree: true, attributes: true });
  82.     }
  83.   }
  84. }
  85.  
  86. chrome.runtime.sendMessage({}, response => {
  87.   if (response.enabled) {
  88.     const observer = new MutationObserver(init);
  89.     observer.observe(document.querySelector('body'), { childList: true, subtree: true, attributes: true });
  90.   }
  91. });