Add/Edit: add Last Service button to some dates

Add a button that sets its to the closest past Sunday or Wednesday, in the fields that are usually set to last service.

当前为 2025-12-08 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Add/Edit: add Last Service button to some dates
// @namespace    https://github.com/nate-kean/
// @version      2025.12.8
// @description  Add a button that sets its to the closest past Sunday or Wednesday, in the fields that are usually set to last service.
// @author       Nate Kean
// @match        https://jamesriver.fellowshiponego.com/members/edit/*
// @match        https://jamesriver.fellowshiponego.com/members/add*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=fellowshiponego.com
// @grant        none
// @license      MIT
// @run-at       document-end
// @require      https://update.greasyfork.org/scripts/554804/1689525/Nate%27s%20Day%20Button.js
// ==/UserScript==

(async function() {
    document.head.insertAdjacentHTML("beforeend", `
        <style id="nates-last-service-button-css">
            .dates-panel .date-section {
                max-width: 750px !important;

                & .nates-day-button.last-service {
                    float: right;
                    margin-top: -2px;
                }

                & .date-holder {
                    width: 250px !important;

                    & label {
                        width: unset !important;
                    }

                    & .input-holder {
                        width: 100%;
                    }
                }
            }
        </style>
    `);

    // Overrides
    const specialDates = [
        new Date("12/6/2025"), // James River Christmas Saturday 2025
    ];

    const fieldNames = [
        "First Visit Date",
        "Baptized",
        "Salvation Date",
        "Rededication Date",
    ];

	const Day = Object.freeze({
		SUNDAY: 0,
		MONDAY: 1,
		TUESDAY: 2,
		WEDNESDAY: 3,
		THURSDAY: 4,
		FRIDAY: 5,
		SATURDAY: 6,
	});

	function getLastWeekday(targetDate, day) {
		const currentWeekday = targetDate.getDay();
		const daysToSubtract = (currentWeekday - day + 7) % 7;
		const lastWeekdayDate = new Date(targetDate);
		lastWeekdayDate.setDate(targetDate.getDate() - daysToSubtract);
		return lastWeekdayDate;
	}

    function isSameDate(a, b) {
        return (
            a.getDate() === b.getDate()
            && a.getMonth() === b.getMonth()
            && a.getFullYear() === b.getFullYear()
        );
    }

    function getLastServiceDate(today, lastSunday, lastWednesday) {
        for (const date of specialDates) {
            if (
                today.getFullYear() === date.getFullYear()
                && today.getMonth() === date.getMonth()
                && today.getDate() === date.getDate()
            ) {
                return date;
            }
        }
        return new Date(Math.max(lastSunday, lastWednesday));
    }

    function delay(ms) {
        return new Promise((resolve) => setTimeout(resolve, ms));
    }


    const today = new Date();
    const lastSunday = getLastWeekday(today, Day.SUNDAY);
    const lastWednesday = getLastWeekday(today, Day.WEDNESDAY);
    const lastServiceDate = getLastServiceDate(today, lastSunday, lastWednesday);
    const buttonName = (isSameDate(today, lastServiceDate)) ? "Today" : "Last Service";
    const dateString = new Intl.DateTimeFormat("en-US", {
        month: "2-digit",
        day: "2-digit",
        year: "numeric",
    }).format(lastServiceDate);

    const yesterday = new Date();
    yesterday.setDate(yesterday.getDate() - 1);
    const dateStringYesterday = new Intl.DateTimeFormat("en-US", {
        month: "2-digit",
        day: "2-digit",
        year: "numeric",
    }).format(yesterday);

    for (const formGroup of document.querySelectorAll(".form-group")) {
        if (!fieldNames.includes(formGroup.querySelector("label")?.textContent.trim())) {
            continue;
        }
        const btn = document.createElement("button");
        btn.classList.add("nates-day-button", "last-service");
        btn.textContent = buttonName;
        btn.type = "button";
        btn.addEventListener("click", () => {
            formGroup.querySelector("input").value = dateString;
        }, { passive: true });
        formGroup.prepend(btn);
    }

    // TODO: use MutationObserver
    while (true) {
        for (const row of document.querySelectorAll(".memberEditGroupName > :nth-child(2 of div)")) {
            if (row.classList.contains("has-last-service-button")) continue;
            row.classList.add("has-last-service-button");

            const btn = document.createElement("button");
            btn.classList.add("nates-day-button", "last-service");
            btn.textContent = buttonName;
            btn.type = "button";
            btn.addEventListener("click", () => {
                row.querySelector("input").value = dateString;
            }, { passive: true });
        }
        await delay(100);
    }
})();