InstaSynchP Poll Menu

Improves the poll menu

当前为 2014-10-31 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name        InstaSynchP Poll Menu
// @namespace   InstaSynchP
// @description Improves the poll menu
// @version     1.0.3
// @author      Zod-
// @source      https://github.com/Zod-/InstaSynchP-Poll-Menu
// @license     MIT

// @include     http://*.instasynch.com/*
// @include     http://instasynch.com/*
// @include     http://*.instasync.com/*
// @include     http://instasync.com/*
// @grant       none
// @run-at      document-start

// @require https://greasyfork.org/scripts/5647-instasynchp-library/code/InstaSynchP%20Library.js
// ==/UserScript==

function PollMenu(version, url) {
    "use strict";
    this.version = version;
    this.name = 'InstaSynchP Poll Menu';
    this.oldPolls = [{
        'title': '',
        'options': [{
            'option': '',
            'votes': 0
        }]
    }];
    this.index = 0;
}

PollMenu.prototype = {
    get index() {
        return this._index % this.oldPolls.length;
    },
    set index(value) {
        if (value < 0) {
            value = this.oldPolls.length - 1;
        }
        this._index = value;
    }
};

PollMenu.prototype.copyOld = function (poll) {
    "use strict";
    var i = 0;
    $('#clear-poll-options').click();

    //add more rows until we got enough to fit the old poll
    if ($('#create-poll > .create-poll-option-div').length < poll.options.length) {
        while (poll.options.length > $('#create-poll > .create-poll-option-div').length) {
            $('#add-poll-options').click();
        }
    }

    //set the title
    $('#title').val(htmlDecode(poll.title));

    //set the options
    $(".create-poll-option").each(function () {
        $(this).val(htmlDecode(poll.options[i].option));
        i += 1;
        if (i >= poll.options.length) {
            return false;
        }
    });
};

PollMenu.prototype.preConnect = function () {
    "use strict";
    var th = this;
    cssLoader.add({
        'name': 'poll-menu',
        'url': 'https://rawgit.com/Zod-/InstaSynchP-Poll-Menu/5214823bc1a16de90f0134c0794efaa9b24494a7/pollMenu.css',
        'autoload': true
    });

    function enableDisableButtons() {
        $('.remove-poll-options').attr('disabled',
            $('#create-poll .create-poll-option-div').length <= 1
        );
        $('.add-poll-options').attr('disabled',
            $('#create-poll > .create-poll-option-div').length >= 10
        );
    }

    function removeOption(index) {
        var sel = '#create-poll .create-poll-option-div';
        $(sel).eq(index).remove();
        enableDisableButtons();
    }

    function addOption(index) {
            var sel = '#create-poll > .create-poll-option-div';
            var pollOptionElement = $('<div>', {
                'class': 'create-poll-option-div'
            }).append(
                $('<input/>', {
                    'class': 'formbox create-poll-option',
                    'placeholder': 'Option'
                })
            ).append(
                $('<button>', {
                    'class': 'add-poll-options'
                }).text('+').click(function () {
                    addOption($(this).parent().index() - 1);
                })
            ).append(
                $('<button>', {
                    'class': 'remove-poll-options'
                }).text('-').click(function () {
                    removeOption($(this).parent().index() - 2);
                })
            );
            if ($(sel).length === index) {
                $('#create-poll').append(pollOptionElement);
            } else {
                $(sel).eq(index).before(pollOptionElement);
            }
            enableDisableButtons();
        }
        //recreate the poll menu to add +, -, copy old and clear buttons
        //at the top rather than the bottom so they don't move down when adding
        //more rows
    $('#create-pollBtn').text('Poll Menu');
    $('#create-poll').empty().append(
        $('<div>', {
            'class': 'poll-create-controls'
        }).append(
            $('<button>', {
                'class': 'add-poll-options'
            }).text('+').click(function () {
                addOption($('#create-poll > .create-poll-option-div').length);
            })
        ).append(
            $('<button>', {
                'class': 'remove-poll-options'
            }).text('-').click(function () {
                removeOption($('#create-poll > .create-poll-option-div').length - 1);
            })
        ).append(
            $('<button>', {
                'id': 'browse-poll-left'
            }).text('<').click(function () {
                if (th.oldPolls.length > 0) {
                    th.index -= 1;
                    th.copyOld(th.oldPolls[th.index]);
                }
            })
        ).append(
            $('<button>', {
                'id': 'copy-poll'
            }).text('Copy').click(function () {
                if (th.oldPolls.length > 0) {
                    th.index = -1;
                    th.copyOld(th.oldPolls[th.index]);
                }
            })
        ).append(
            $('<button>', {
                'id': 'browse-poll-right'
            }).text('>').click(function () {
                if (th.oldPolls.length > 0) {
                    th.index += 1;
                    th.copyOld(th.oldPolls[th.index]);
                }
            })
        ).append(
            $('<button>', {
                'id': 'clear-poll-options'
            }).text('Clear').click(function () {
                //just clear the options and title
                $('#title').val('');
                $(".create-poll-option").val('');
            })
        ).append(
            $('<button>', {
                'id': 'create-poll-button'
            }).text('Create').click(function () {
                //copied from InstaSynch core.js
                var poll = {};
                poll.title = $("#title").val();
                poll.options = [];
                $(".create-poll-option").each(function () {
                    if ($(this).val().trim() !== "") {
                        poll.options.push($(this).val().trim());
                    }
                });
                window.global.sendcmd("poll-create", poll);
            })
        )
    ).append(
        $('<div>').append(
            $('<input/>', {
                'class': 'formbox',
                'id': 'title',
                'placeholder': 'Poll Title'
            })
        ).append(
            $('<button>', {
                'class': 'add-poll-options'
            }).text('+').click(function () {
                addOption(0);
            })
        )
    );
    for (var i = 0; i < 4; i += 1) {
        addOption(0);
    }
    //read the current poll when the script got loaded after we got connected
    if (window.plugins.core.connected) {
        var poll = {};
        poll.title = $(".poll-title").text();
        poll.options = [];
        $('.poll-item').each(function () {
            poll.options.push({
                votes: $(this).children().eq(0).text(),
                option: $(this).children().eq(1).text()
            });
        });
        th.oldPolls.push(poll);
        if (poll.options.length !== 0) {
            window.createPoll(poll);
        }
    }
};

PollMenu.prototype.executeOnce = function () {
    "use strict";
    var th = this;
    events.on(th, 'CreatePoll', function (poll) {
        //make a deep copy of the poll
        th.oldPolls.push($.extend(true, {}, poll));
    }, true);
};

window.plugins = window.plugins || {};
window.plugins.pollMenu = new PollMenu('1.0.3');