Uit Hack42
Ga naar: navigatie, zoeken
k
k (Onderstaande wijzigingen in oktober 2022: wgUserName en meer wgVariabelen moeten expliciet opgehaald worden met mw.config.get, zitten niet meer in top scope)
 
(56 tussenliggende versies door 5 gebruikers niet weergegeven)
Regel 1: Regel 1:
/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers */
+
/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers! */
 +
jQuery().ready(function() {
 +
    euros();
 +
    createiFrameMap();
 +
    getEditToken();
 +
    user = mw.config.get( 'wgUserName' );
 +
    pagename = mw.config.get( 'wgPageName' );
 +
    if (user) {
 +
        var titles = jQuery('#Ik_kom_wel,#Ik_kom_niet,#Ik_kom_misschien,#Animo,#Aanwezig,#Afwezig,#Wie,#Wie_niet,#Wie_misschien');
 +
        titles.each(function() {
 +
            var $title = jQuery(this).parent();
 +
            var $siblings = $title.nextUntil('h1,h2,h3,h4,h5,h6');
 +
            var $ul = $siblings.filter('ul:first');
 +
            var alreadyInList = $ul.find('li a:contains("'+user+'")').length > 0;
 +
            if ( ! alreadyInList) {
 +
                if ( ! $ul.length) {
 +
                    $ul = jQuery('<ul>').insertAfter($title);
 +
                }
 +
                addAddUserButton($title, $ul);
 +
            }
 +
        });
 +
    }
 +
});
 +
 
 +
function createiFrameMap(){
 +
  my_div = document.getElementById("iframe_example");
 +
  if (my_div === undefined || my_div === null)
 +
    return;
 +
  var ifrm = document.createElement("iframe");
 +
  ifrm.setAttribute("src", "https://hack42.nl/");
 +
  ifrm.style.width = "640px";
 +
  ifrm.style.height = "480px";
 +
  my_div.appendChild(ifrm);
 +
}
 +
 
 +
function euros(){
 +
    var body = document.body;
 +
    var textContent = body.textContent || body.innerText;
 +
 
 +
    var myRegex = /(€)[0-9]{0,4}(,?\.?[0-9]{0,2})?/g;
 +
    var myAmount = textContent.match(myRegex);
 +
 
 +
    if (myAmount){
 +
   
 +
    var myValue = 0.00;
 +
    for(var i=0; i<myAmount.length; i++){
 +
        myValue += parseFloat(myAmount[i].replace(",",".").replace("€",""));
 +
    }
 +
 
 +
    if (document.getElementById("euros")){
 +
        document.getElementById("euros").innerHTML = "€" + (Math.round(myValue * 100) / 100);
 +
    }
 +
    }
 +
};
 +
 
 
function getEditToken() {
 
function getEditToken() {
 
     jQuery.getJSON(
 
     jQuery.getJSON(
         wgScriptPath + '/api.php?',
+
         '/mediawiki/api.php?',
 
         {
 
         {
 
             action: 'query',
 
             action: 'query',
Regel 19: Regel 73:
 
     )
 
     )
 
}
 
}
function getSection(section_id) {
 
    jQuery.getJSON(
 
        wgScriptPath + '/api.php?',
 
        {
 
            action: 'query',
 
            prop: 'revisions',
 
            rvlimit: 1,
 
            rvprop: 'content',
 
            titles: wgPageName,
 
            rvsection: section_id,
 
            format: 'json'
 
        },
 
        function( data ) {
 
            if ( data.query.pages && data.query.pageids ) {
 
                var pageid = data.query.pageids[0];
 
                wgContent = data.query.pages[pageid].revisions['*'];
 
            }
 
        }
 
    )
 
}
 
jQuery().ready(function() {
 
    getEditToken()
 
    user = wgUserName;
 
    if (user) {
 
        titels = '#Ik_kom_wel,#Ik_kom_niet,#Animo,#Aanwezig,#Afwezig,#Wie,#Wie_niet';
 
        var user_is_al_in_lijst = jQuery(titels).parent().nextAll('ul').find('li a:contains("' + user + '")');
 
  
        if (user_is_al_in_lijst.length) {
+
function addAddUserButton($title, $ul) {
            // user_is_al_in_lijst.parent().append('<input type="button" value="-"/>');
+
    var button = jQuery('<input type="button" value="'+user+'"/>');
        } else {
+
    var textField = jQuery('<input type="text" value="+soep, oid" />');
            jQuery(titels).each(function(index, val) {
+
    $ul.append(jQuery('<li>').append(button, textField));
                var ul = jQuery(val).parent().nextAll('ul:first')
 
                var section_id = jQuery(val).parent().children('span').children('a').attr('href').match(/section=([0-9]+)/)[1]
 
                var li = ul.append('<li><input type="button" value="' + user + '"/><input type="text" value="+soep, oid" /></li>');
 
                ul.find('li:contains("...")').remove();
 
  
                jQuery(li).find('input[type="button"]').click(function() {
+
    button.click(function() {
                    if (jQuery(this).next().attr('value') != "+soep, oid"){
+
        var comment = textField.val();
                        var comment = " " + jQuery(this).next().attr('value')
+
        if (comment == '+soep, oid')
                    }
+
            comment = '';
                    if (!comment) comment = ''
+
        ajaxSubmitUserAndComment($title, comment);
                    jQuery.ajax({
+
    });
                        url: wgScriptPath + '/api.php',
+
    textField.keypress(function (e) {
                        data: {
+
      if (e.which == 13) {
                            format: 'json',
+
        var comment = textField.val();
                            action: 'edit',
+
        if (comment == '+soep, oid')
                            title: wgPageName,
+
            comment = '';
                            minor: true,
+
        ajaxSubmitUserAndComment($title, comment);
                            summary: 'naam toegevoegd via button',
 
                            section: section_id,
 
                            appendtext: '\n* ' + unescape('%7E%7E%7E') + comment,
 
                            token: wgEditToken
 
                        },
 
                        dataType: 'json',
 
                        type: 'POST',
 
                        success: function(data) {
 
                            window.location.href = window.location.href + '?' + new Date().getTime();
 
                            window.location.reload(true);
 
                        },
 
                        error: function(xhr) {
 
                            alert('Error: iets is mis gegaan, herlaad pagina en probeer opnieuw.');
 
                        }
 
                    });
 
                });
 
                jQuery(li).find('input[type="text"]').focus(function(){
 
                        if(this.value == '+soep, oid') {
 
                                this.value='';
 
                                jQuery(this).css({'color':'black'});
 
                        };
 
                });
 
                jQuery(li).find('input[type="text"]').css({'color':'lightgray'});
 
               
 
                jQuery(li).find('input[type="text"]').blur(function(){
 
                        if(this.value == ''){
 
                                this.value='+soep, oid';       
 
                                jQuery(this).css({'color':'lightgray'});
 
                        };
 
                });
 
            });
 
        }
 
 
     }
 
     }
})
+
});
  
 +
    textField
 +
        .css({color: 'lightgray'}) // TODO: use CSS class instead?
 +
        .focus(function() {
 +
            if (this.value == '+soep, oid')
 +
                jQuery(this).val('').css({color: 'black'});
 +
        })
 +
        .blur(function() {
 +
            if (this.value == '')
 +
                jQuery(this).val('+soep, oid').css({color: 'lightgray'});
 +
        });
 +
}
  
// voor de deelnemercube:
+
function ajaxSubmitUserAndComment($title, comment) {
 
+
    var $editButton = $title.find('span a');
var xAngle = 0, yAngle = 0;
+
    if ($editButton.length) {
         document.addEventListener('keydown', function(e)
+
         var section_id = $editButton.attr('href').match(/section=([0-9]+)/)[1];
         {
+
         jQuery.ajax({
                switch(e.keyCode)
+
            url: '/mediawiki/api.php',
                {
+
            data: {
 
+
                format: 'json',
                        case 37: // left
+
                action: 'edit',
                                yAngle -= 90;
+
                title: pagename,
                                break;
+
                minor: true,
 
+
                summary: 'Naam toegevoegd via button',
                        case 38: // up
+
                section: section_id,
                                xAngle += 90;
+
                appendtext: '\n* {{Mentioneduserbutton|' + user + '}}'  + ' ' + comment,
                                break;
+
                token: wgEditToken
 
+
            },
                        case 39: // right
+
            dataType: 'json',
                                yAngle += 90;
+
            type: 'POST',
                                break;
+
            success: function(data) {
 
+
                window.location.href = window.location.href + '?' + new Date().getTime();
                        case 40: // down
+
                window.location.reload(true);
                                xAngle -= 90;
+
            },
                                break;
+
            error: function(xhr) {
                };
+
                 alert('Error: iets is mis gegaan, herlaad pagina en probeer opnieuw.');
 
+
            }
                 $('cube').style.webkitTransform = "rotateX("+xAngle+"deg) rotateY("+yAngle+"deg)";
+
        });
         }, false);
+
    } else {
 +
         alert('Error: iets is mis gegaan, herlaad pagina en probeer opnieuw.');
 +
    }
 +
}

Huidige versie van 12 okt 2022 om 19:53

/* JavaScript die hier wordt geplaatst heeft invloed op alle pagina's voor alle gebruikers! */
jQuery().ready(function() {
    euros();
    createiFrameMap();
    getEditToken();
    user = mw.config.get( 'wgUserName' );
    pagename = mw.config.get( 'wgPageName' );
    if (user) {
        var titles = jQuery('#Ik_kom_wel,#Ik_kom_niet,#Ik_kom_misschien,#Animo,#Aanwezig,#Afwezig,#Wie,#Wie_niet,#Wie_misschien');
        titles.each(function() {
            var $title = jQuery(this).parent();
            var $siblings = $title.nextUntil('h1,h2,h3,h4,h5,h6');
            var $ul = $siblings.filter('ul:first');
            var alreadyInList = $ul.find('li a:contains("'+user+'")').length > 0;
            if ( ! alreadyInList) {
                if ( ! $ul.length) {
                    $ul = jQuery('<ul>').insertAfter($title);
                }
                addAddUserButton($title, $ul);
            }
        });
    }
});

function createiFrameMap(){
  my_div = document.getElementById("iframe_example");
  if (my_div === undefined || my_div === null)
    return;
  var ifrm = document.createElement("iframe");
  ifrm.setAttribute("src", "https://hack42.nl/");
  ifrm.style.width = "640px";
  ifrm.style.height = "480px";
  my_div.appendChild(ifrm);
}

function euros(){
    var body = document.body;
    var textContent = body.textContent || body.innerText;

    var myRegex = /(€)[0-9]{0,4}(,?\.?[0-9]{0,2})?/g;
    var myAmount = textContent.match(myRegex);

    if (myAmount){
    
    var myValue = 0.00;
    for(var i=0; i<myAmount.length; i++){
         myValue += parseFloat(myAmount[i].replace(",",".").replace("€",""));
    }

    if (document.getElementById("euros")){
        document.getElementById("euros").innerHTML = "€" + (Math.round(myValue * 100) / 100);
    }
    }
};

function getEditToken() {
    jQuery.getJSON(
        '/mediawiki/api.php?',
        {
            action: 'query',
            prop: 'info',
            intoken: 'edit',
            titles: 'Main Page',
            indexpageids: '',
            format: 'json'
        },
        function( data ) {
            if ( data.query.pages && data.query.pageids ) {
                var pageid = data.query.pageids[0];
                wgEditToken = data.query.pages[pageid].edittoken;
            }
        }
    )
}

function addAddUserButton($title, $ul) {
    var button = jQuery('<input type="button" value="'+user+'"/>');
    var textField = jQuery('<input type="text" value="+soep, oid" />');
    $ul.append(jQuery('<li>').append(button, textField));

    button.click(function() {
        var comment = textField.val();
        if (comment == '+soep, oid')
            comment = '';
        ajaxSubmitUserAndComment($title, comment);
    });
    textField.keypress(function (e) {
      if (e.which == 13) {
        var comment = textField.val();
        if (comment == '+soep, oid')
            comment = '';
        ajaxSubmitUserAndComment($title, comment);
    }
});

    textField
        .css({color: 'lightgray'}) // TODO: use CSS class instead?
        .focus(function() {
            if (this.value == '+soep, oid')
                jQuery(this).val('').css({color: 'black'});
        })
        .blur(function() {
            if (this.value == '')
                jQuery(this).val('+soep, oid').css({color: 'lightgray'});
        });
}

function ajaxSubmitUserAndComment($title, comment) {
    var $editButton = $title.find('span a');
    if ($editButton.length) {
        var section_id = $editButton.attr('href').match(/section=([0-9]+)/)[1];
        jQuery.ajax({
            url: '/mediawiki/api.php',
            data: {
                format: 'json',
                action: 'edit',
                title: pagename,
                minor: true,
                summary: 'Naam toegevoegd via button',
                section: section_id,
                appendtext: '\n* {{Mentioneduserbutton|' + user + '}}'  + ' ' + comment,
                token: wgEditToken
            },
            dataType: 'json',
            type: 'POST',
            success: function(data) {
                window.location.href = window.location.href + '?' + new Date().getTime();
                window.location.reload(true);
            },
            error: function(xhr) {
                alert('Error: iets is mis gegaan, herlaad pagina en probeer opnieuw.');
            }
        });
    } else {
        alert('Error: iets is mis gegaan, herlaad pagina en probeer opnieuw.');
    }
}