function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

// ==UserScript==
// @name         Steamcn 7L Optimisation
// @namespace    http://tampermonkey.net/
// @version      1.4.0
// @description  try to take over the world!
// @icon         https://steamcn.com/favicon-hq.ico
// @author       Bisumaruko
// @match        https://steamcn.com/forum.php?*steamcn_gift
// @require      https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-sliderAccess.js
// @require      https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.0.5/fuse.min.js
// @grant        GM_addStyle
// @downloadURL none
// ==/UserScript==

/* global Fuse, validate_7l */

const $ = jQuery;

// inject css
$('head').append('<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css">', '<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css" rel="stylesheet" type="text/css">');
GM_addStyle(`
    [class*="7LOptimise"] #ga_id { display: none !important; }
    [class*="7LOptimise"] [class="7LSearchBox"] { display: block !important; }
    [class="7LSearchBox"] {
        width: 500px;
        height: 27px;
        display: none;
        padding-left: 5px;
        border: 1px solid;
        border-color: #E4E4E4 #E0E0E0 #E0E0E0 #E4E4E4;
        box-sizing: border-box;
    }
    [class="7LSearchResult"] {
        width: 500px;
        height: 100px;
        display: none;
        position: absolute;
        padding: 5px;
        overflow: auto;
        overflow-x: hidden;
        background-color: white;
        box-sizing: border-box;
    }
    [class="7LSearchResult"] > span {
        width: 100%;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border: 1px solid white;
        cursor: pointer;
    }
    [class="7LSearchResult"] > span:hover { border-color: #57bae8; }
`);

let fuse = {};
let searchTimer = null;

const timezones = {
    'GMT-12': '',
    'GMT-11': 'Pacific/Midway',
    'GMT-10': 'Pacific/Honolulu',
    'GMT-9': 'America/Anchorage',
    'GMT-8': 'America/Los_Angeles',
    'GMT-7': 'America/Phoenix',
    'GMT-6': 'America/Chicago',
    'GMT-5': 'America/New_York',
    'GMT-4': 'America/Halifax',
    'GMT-3.5': 'America/St_Johns',
    'GMT-3': 'America/Sao_Paulo',
    'GMT-2': 'Atlantic/South_Georgia',
    'GMT-1': 'Atlantic/Cape_Verde',
    GMT: 'Europe/London',
    'GMT+1': 'Europe/Berlin',
    'GMT+2': 'Europe/Kiev',
    'GMT+3': 'Europe/Moscow',
    'GMT+3.5': 'Asia/Tehran',
    'GMT+4': 'Asia/Dubai',
    'GMT+4.5': 'Asia/Kabul',
    'GMT+5': 'Asia/Karachi',
    'GMT+5.5': 'Asia/Colombo',
    'GMT+5.75': 'Asia/Kathmandu',
    'GMT+6': 'Asia/Urumqi',
    'GMT+6.5': 'Asia/Yangon',
    'GMT+7': 'Asia/Bangkok',
    'GMT+8': 'Asia/Taipei',
    'GMT+9': 'Asia/Tokyo',
    'GMT+9.5': 'Australia/Adelaide',
    'GMT+10': 'Australia/Sydney',
    'GMT+11': 'Asia/Magadan',
    'GMT+12': 'Pacific/Auckland'
};
const games = [];
const handler = () => {
    // initialise
    const $body = $('body');
    const $gaID = $('#ga_id');
    const $gaType = $('#ga_type');
    const searchBox = $('<input/>', {
        type: 'text',
        class: '7LSearchBox',
        placeholder: '选择要赠出的礼物（点击输入名称过滤）'
    });
    const searchResult = $('<div/>', {
        class: '7LSearchResult',
        text: 'Searching...'
    });
    const timezone = $('.subforunm_foot_intro_right > div:last-child').text().split(',')[0].trim();

    // unbind chosen plugin
    $gaID.chosen('destroy');
    $gaType.chosen('destroy');

    // override original change event on gaType
    $gaType.off('change').change(_asyncToGenerator(function* () {
        const type = $gaType.val();

        $gaID.empty();

        if (type === 'steam') $body.addClass('7LOptimise');else {
            const res = yield fetch(`https://steamcn.com/plugin.php?id=steamcn_gift:chosen&type=${type}`);

            if (res.ok) {
                const data = yield res.text();

                $gaID.append(data);
                $body.removeClass('7LOptimise');
            }
        }
    }));

    // cache game list
    $gaID.children().each((index, element) => {
        const $ele = $(element);
        const text = $ele.text().trim();
        const value = $ele.val();
        const game = text.replace(/^【.+?】/, '').replace(/\(([^)]*)\)[^(]*$/, '').trim();

        if ($.isNumeric(value)) games.push({ game, text, value });
    });

    // remove all options to save resources
    $gaID.empty();

    // insert search box replacement
    $gaID.after(searchBox, searchResult);
    $body.addClass('7LOptimise');

    // initialise fuse
    fuse = new Fuse(games, {
        shouldSort: true,
        includeScore: true,
        threshold: 0.1,
        location: 0,
        distance: 100,
        maxPatternLength: 32,
        keys: ['game']
    });

    // bind event to search box
    searchBox.keyup(e => {
        const $ele = $(e.delegateTarget);
        const input = $ele.val().slice(0, 100);

        if (input.length > 0) {
            searchResult.css('display', 'block');
            searchBox.focus(() => {
                searchResult.css('display', 'block');
            });

            // only perform search if 0.3 second has passed
            clearTimeout(searchTimer);
            searchTimer = setTimeout(() => {
                const results = fuse.search(input);
                let i = 0;

                searchResult.empty();

                if (results.length > 0) {
                    while (i < 30) {
                        const result = results[i];

                        if (!result) break;

                        searchResult.append($(`<span>${result.item.text}</span>`).click(() => {
                            searchBox.val(result.item.text);
                            $gaID.empty().append(`<option selected value=${result.item.value}></option>`);
                            $('#subject').val(`[${$('#ga_type > option:selected').text()}] ${result.item.game}`);
                        }));

                        // if (result.score === 0) break; // perfect match
                        i += 1;
                    }
                }
            }, 300);
        }
    });

    // hide searchResult when click
    $body.click(e => {
        if (!$(e.target).hasClass('7LSearchBox')) searchResult.css('display', 'none');
    });

    // change copy & giveRate field type
    $('#ga_copy, #ga_ratio').attr({ type: 'number', min: 1 }).css({ width: '54px', 'background-color': 'white' });

    // override default date time picker
    $('#ga_start, #ga_end').removeAttr('onclick').datetimepicker({ dateFormat: 'yy-mm-dd' });

    // override quick start & end event
    $('.quicksetstart, .quicksetend').off().click(e => {
        const $ele = $(e.delegateTarget);
        const type = $ele.attr('class').split('set').pop();
        const hour = $ele.attr('data-hour') || 0;
        let base = Date.now();

        if ($ele.hasClass('quicksetend')) {
            const startTime = new Date($('#ga_start').val()).getTime();

            if (startTime) base = startTime; // change base to start time if quicksetend
        }

        $(`#ga_${type}`).val(new Date(base + hour * 60 * 60 * 1000).toLocaleDateString('zh', {
            hour12: false,
            year: 'numeric',
            month: '2-digit',
            day: '2-digit',
            hour: '2-digit',
            minute: '2-digit'
        }).replace(/\//g, '-'));
    });

    // offset timezone before submit
    const form = $('#postform');

    form.removeAttr('onsubmit').submit(e => {
        e.preventDefault();

        $('#ga_start, #ga_end').each((index, element) => {
            const $ele = $(element);

            $ele.val(new Date($ele.val()).toLocaleDateString('zh', {
                timeZone: timezones[timezone] || 'Asia/Taipei',
                hour12: false,
                year: 'numeric',
                month: '2-digit',
                day: '2-digit',
                hour: '2-digit',
                minute: '2-digit'
            }).replace(/\//g, '-'));
        });

        validate_7l(form[0]);
    });
};

window.addEventListener('load', handler);