Usuari:Townie/common.js

/* Ukens konkurranse script
 * Maintainer: [[user:Danmichaelo]]
 *
 * if (/^Atari:Hezkuntza\/Lehiaketak/.test(mw.config.get('wgPageName'))) {
 *     mw.loader.load(mw.config.get('wgServer') + mw.config.get('wgScript') + '?title= MediaWiki:Ukens_konkurranse.js&action=raw&ctype=text/javascript');
 * }
 */
/*jslint browser: true */
/*global mediaWiki, jQuery */

(function ($, mw) {
    "use strict";

    mw.loader.using(['mediawiki.util', 'oojs-ui'], function () {

        var visible = false;
        var timer;

        var popup = new OO.ui.PopupWidget( {
            $content: $('<small id="uk-popup"></small>'),
            // $container: $('.uk-ap:first'),
            padded: true,
            width: 400,
            align: 'forwards',
        } );
        $( 'body' ).append( popup.$element );

        function leave() {
            timer = setTimeout( function () {
                popup.toggle( false );
                visible = false;
            }, 200 );
        }

        function enter() {
            var $this = $( this );
            if (visible) {
                clearTimeout( timer );
            } else {
                visible = true;
            }
            if ($this.hasClass('uk-ap')) {
                popup.setFloatableContainer( $this );
                $( '#uk-popup' ).html( $this.next( '.uk-ap-title' ).html() );
                popup.toggle( true );
            }
        }

        $( '.uk-ap' ).on( 'mouseenter', enter).on( 'mouseleave', leave);
        popup.$element.on( 'mouseenter', enter).on( 'mouseleave', leave);

        $( '.uk-ap-title' ).hide();
    });

    mw.loader.using(['mediawiki.ui.button', 'oojs-ui', 'jquery.spinner'], function () {

        mw.messages.set('ukens-konkurranse-login', 'Hasi saioa izena emateko');
        mw.messages.set('ukens-konkurranse-join', 'Eman izena');
        mw.messages.set('ukens-konkurranse-joined', 'Izena eman duzu!');
        mw.messages.set('ukens-konkurranse-closed', 'Lehiaketa hau amaitu da.<br />Eskerrik asko parte hartu duzuen guztiei!');

        var paameldt = false,
            h2 = $('#Parte-hartzaileak').parent(),
            sectionId = -1,
            userName = mw.user.getName(),
            api = new mw.Api(),
            endtime = parseInt($('.UK-end-ts').text(), 10),
            now = new Date() / 1000;

        function visPaameldt() {
            h2.after('<div style="float:right; margin:.3em 1em; font-weight:bold"><span class="oo-ui-widget oo-ui-iconElement oo-ui-iconElement-icon oo-ui-icon-check oo-ui-iconWidget oo-ui-image-constructive" aria-disabled="true" title="Picture icon"></span> ' + mw.messages.get('ukens-konkurranse-joined') + '</div>');
        }

        if (h2.length === 1) {
            sectionId = h2.prevAll('h2').length + 1;

            if (now > endtime) {
                h2.after('<div style="float:right; border:3px solid #DD5555; padding:15px 30px 15px 20px; margin:0 0 0.5em 0.5em; border-radius:10px; font-weight:bold; background: #F8F8F8;"><div style="background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/0/0e/Emblem-diamond.svg/16px-Emblem-diamond.svg.png) left no-repeat; padding-left:20px;">' + mw.messages.get('ukens-konkurranse-closed') + '</div></div>');
                return;
            }

            if (userName === null) {
                h2.after('<div style="float:right; border:3px solid #008800; padding:15px 30px 15px 20px; margin:0 0 0.5em 0.5em; border-radius:10px; font-weight:bold; background: #BFFF00;">' + mw.messages.get('ukens-konkurranse-login') + '</div>');
                return;
            }

            // Er noen påmeldt?
            if (h2.nextUntil('h2', 'ul').length !== 0) {
                h2.nextUntil('h2', 'ul').find('a').each(function () {
                    if ($(this).attr('title').split(':')[1] === userName) {
                        paameldt = true;
                    }
                });
            }

            if (paameldt) {
                visPaameldt();
            } else {
                h2.after('<div id="joindiv" style="float:right;"><span id="uk-status"></span><button id="joinbtn" class="mw-ui-button mw-ui-constructive mw-ui-big">' + mw.messages.get('ukens-konkurranse-join') + '</button></div>');
                $(function () {
                    $('#joinbtn').click(function () {
                        $('#joinbtn').prop('disabled', true);
                        $('#uk-status').injectSpinner('uk-status-spinner');

                        api.post({
                            'action': 'edit',
                            'title': mw.config.get('wgPageName'),
                            'section': sectionId,
                            'appendtext': '\n* [[User:' + userName + '|' + userName + ']]',
                            'token': mw.user.tokens.get('csrfToken'),
                            'summary': 'Izena eman dut!'
                        }).done(function() {
                            var ul = h2.nextUntil('h2', 'ul'),
                                li = '<li><a href="/wiki/User:' + userName + '" title="User:' + userName + '">' + userName + '</a></li>\n';
                            $.removeSpinner('uk-status-spinner');
                            paameldt = true;
                            $('#joindiv').remove();
                            if (ul.length === 0) {
                                h2.nextAll('h2').first().before('\n<ul>\n' + li + '</ul>');
                            } else {
                                ul.append(li);
                            }
                            visPaameldt();
                        }).fail(function() {
                            $.removeSpinner('uk-status-spinner');
                            $('#uk-status').append('Akatsen bat gertatu da');
                        });

                    });
                });
            }
        }
    });

}(jQuery, mediaWiki));