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

// @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
// @downloadURL none
// ==/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://cdn.rawgit.com/Zod-/InstaSynchP-Poll-Menu/8a21e16d6e4238205df1eca353f2a46fb39c26ac/pollMenu.css',
        'autoload': true
    });

    function removeOption(index) {
        if ($('#create-poll > .create-poll-option-div').length <= 1) {
            return;
        }
        //readd the + button on the last element
        if ($('#create-poll > .create-poll-option-div').length === 10) {
            if ($('#create-poll > :last-child').children().length === 2) {
                $('#create-poll > :last-child').children().eq(0).after(
                    $('<button>', {
                        'id': 'add-poll-options'
                    }).text('+').click(function () {
                        addOption($(this).parent().index() - 2);
                    })
                );
            }
        }
        $('#create-poll .create-poll-option-div').eq(index).remove();
    }

    function addOption(index) {
            var sel = '#create-poll > .create-poll-option-div';
            if ($(sel).length >= 10) {
                return;
            }
            var pollOptionElement = $('<div>', {
                'class': 'create-poll-option-div'
            }).append(
                $('<input/>', {
                    'class': 'formbox create-poll-option',
                    'placeholder': 'Option'
                })
            ).append(
                $('<button>', {
                    'id': 'add-poll-options'
                }).text('+').click(function () {
                    addOption($(this).parent().index() - 1);
                })
            ).append(
                $('<button>', {
                    'id': '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);
            }
            if ($(sel).length === 10) {
                $(sel).eq(9).children().eq(1).remove();
            } else {
                if ($('#create-poll > :last-child').children().length === 2) {
                    $('#create-poll > :last-child').children().eq(0).after(
                        $('<button>', {
                            'id': 'add-poll-options'
                        }).text('+').click(function () {
                            addOption($(this).parent().index() - 2);
                        })

                    );
                }
            }
        }
        //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>', {
                'id': 'add-poll-options'
            }).text('+').click(function () {
                addOption($('#create-poll > .create-poll-option-div').length);
            })
        ).append(
            $('<button>', {
                'id': '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>', {
                'id': '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.2');