Outlook Calendar - Auto full-open schedule popup

Cancel the unusable mini-popup that appears when you click on a schedule and force it to be displayed in full-size modal.
安裝腳本 ?
瀏覽作者的技術支援網站、發表問題、評論、或檢舉該腳本。
Wrap lines
// ==UserScript==
// @name        Outlook Calendar - Auto full-open schedule popup
// @namespace   Violentmonkey Scripts
// @match       *://outlook.office.com/calendar/*
// @match       *://outlook.office365.com/calendar/*
// @icon        https://res-h3.public.cdn.office.net/assets/mail/pwa/v1/pngs/apple-touch-icon.png
// @grant       none
// @noframes
// @version     1.0.7
// @author      y-saeki
// @supportURL  https://github.com/y-saeki/UserScript
// @description Cancel the unusable mini-popup that appears when you click on a schedule and force it to be displayed in full-size modal.
// ==/UserScript==


// 初期設定
const config = {
  targetMutate        : '#fluent-default-layer-host',
  targetFullOpenTitle : {
    ja                : 'イベントを表示します',
    en                : 'View event'
  },
  modalHeight         : '900px'
};


// 指定された要素を探す処理
function findFullOpenButtonByLabel(title) {

  const targets = document.getElementsByTagName('button');

  for (let i = 0; i < targets.length; i++) {
    if (targets[i].getAttribute("title") === title) {
      return targets[i];
    }
  }

  return null;

}

// 指定された要素を探してクリックする処理
function clickFullOpenButton() {

  const currentLang = document.documentElement.lang;
  const targetFullOpenButton = findFullOpenButtonByLabel(config.targetFullOpenTitle[currentLang] || config.targetFullOpenTitle['en']);

  if (targetFullOpenButton) {
    targetFullOpenButton.click();
  }

}

// 対象セレクタが存在するか確認し、存在するまで待機する関数
function waitForElement(selector) {
  return new Promise((resolve) => {
    const checkForElement = () => {
      const element = document.querySelector(selector);
      element ? resolve(element) : setTimeout(checkForElement, 100);
    };
    checkForElement();
  });
}


(() => {
  const html = `
    <style>
      /*   tweak modal size   */
      div.ms-Modal-scrollableContent,
      div.ms-Modal-scrollableContent > div,
      div[data-app-section="ReadingPane"] {
        height: ${config.modalHeight};
      }
      /*   fix member pane scrollbar bug  */
      .XamP2 {
        padding-bottom: 10px;
      }
    </style>
  `;
  const element = document.body;
  element.insertAdjacentHTML('beforeend', html);
})();

(async function() {

  // 対象セレクタが出現するまで待機
  const targetElement = await waitForElement(config.targetMutate);

  // DOM変更を監視するMutationObserverの設定
  const observerConfig = { childList: true, subtree: true };
  const observer = new MutationObserver(function(mutations) {
    // 変更が検出されたときに実行する処理
    clickFullOpenButton();
  });

  // 対象セレクタの要素の変更を監視する
  observer.observe(targetElement, observerConfig);

})();
欢迎访问Greasy Fork镜像
