☰

Event Merge for Google Calendar™ (by @imightbeAmy)

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

当前为 2014-07-28 提交的版本，查看 最新版本。

// ==UserScript==
// @name        Event Merge for Google Calendar™ (by @imightbeAmy)
// @namespace   gcal-multical-event-merge
// @include     https://www.google.com/calendar/*
// @include     http://www.google.com/calendar/*
// @require     https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @version     1
// @grant       none
// @description Script that visually merges the same event on multiple Google Calendars into one event.
// ==/UserScript==

'use strict';

function EventMerger(key_function, clean_up_function) {
    this.makeKey = key_function;
    this.cleanUp = clean_up_function;
}

EventMerger.prototype = {
    getEventSets: function ($events) {
        var event_sets = {},
            makeKey = this.makeKey;
        $events.each(function () {
            var $event = $(this),
                key = makeKey($event).replace(/\s/g, '');
            event_sets[key] = event_sets[key] || [];
            event_sets[key].push($event);
        });
        return event_sets;
    },
    makeStripes: function (colors) {
        var gradient = "repeating-linear-gradient( 45deg,",
            pos = 0;
        $.each(colors, function (i, c) {
            gradient += c + " " + pos + "px,";
            pos += 10;
            gradient += c + " " + pos + "px,";
        });
        gradient = gradient.slice(0, -1);
        gradient += ")";
        return gradient;
    },
    mergeEvents: function (name, event_set) {
        if (event_set.length > 1) {
            var colors = $.map(event_set, function (event) {
                return $(event).css('background-color');
            });

            var keep = event_set.shift();
            $(event_set).each(function () {
                $(this).parent().remove();
            });

            keep.css('background-image', this.makeStripes(colors));
            this.cleanUp && this.cleanUp(keep);
        }
    },
    mergeSets: function ($events) {
        var sets = this.getEventSets($events);
        $.each(sets, $.proxy(this.mergeEvents, this));
    }
};

/*****************************************************************************/

function eventKey($event) {
    var event_name = $event.find('dd span').text(),
        event_time = $event.find('dt').text(),
        col = $event.parents('.tg-col-eventwrapper').attr('id');
    return event_name + event_time + col;
}

function cleanUp($event) {
    var chip = $event.parents('.chip'),
        left = Number(chip.css('left').replace(/[%px]*/g, ''));
    chip.css('width', 100 - left + "%");
}

var merger = new EventMerger(eventKey, cleanUp);
$(document).on("DOMNodeInserted", ".tg-mainwrapper", function () {
    merger.mergeSets($('dl'));
});

/*****************************************************************************/

// merge day-long events, on top of week mode display

function dayLongEventKey($event) {
    var event_name = $event.text(),
        $td = $event.parents('td'),
        days = $td.attr("colspan") || 1,
        col = $td.position().left;
    return event_name + col + days;
}

var dayLongMerger = new EventMerger(dayLongEventKey);

$(document).on("DOMNodeInserted", "#topcontainerwk", function () {
    dayLongMerger.mergeSets($(".rb-n"));
});

// ...and now, in month-view display

function monthDayEventKey($event) {
    var row = $event.parents('.month-row').index();
    return dayLongEventKey($event) + row;
}

var monthViewMerger = new EventMerger(monthDayEventKey);

$(document).on("DOMNodeInserted", ".mv-container", function () {
    monthViewMerger.mergeSets($(".rb-n"));
});