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)
 
(50 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(
+
function addAddUserButton($title, $ul) {
        wgScriptPath + '/api.php?',
+
     var button = jQuery('<input type="button" value="'+user+'"/>');
         {
+
    var textField = jQuery('<input type="text" value="+soep, oid" />');
            action: 'query',
+
    $ul.append(jQuery('<li>').append(button, textField));
             prop: 'revisions',
+
 
            rvlimit: 1,
+
    button.click(function() {
             rvprop: 'content',
+
         var comment = textField.val();
            titles: wgPageName,
+
        if (comment == '+soep, oid')
            rvsection: section_id,
+
             comment = '';
            format: 'json'
+
        ajaxSubmitUserAndComment($title, comment);
        },
+
    });
         function( data ) {
+
    textField.keypress(function (e) {
             if ( data.query.pages && data.query.pageids ) {
+
      if (e.which == 13) {
                var pageid = data.query.pageids[0];
+
        var comment = textField.val();
                 wgContent = data.query.pages[pageid].revisions['*'];
+
        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'});
 +
         });
 
}
 
}
jQuery().ready(function() {
 
    getEditToken()
 
    user = wgUserName;
 
    if (user) {
 
        console.log(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 + '")');
 
console.log(user_is_al_in_lijst.length )
 
        if (user_is_al_in_lijst.length) {
 
            // user_is_al_in_lijst.parent().append('<input type="button" value="-"/>');
 
        } else {
 
            jQuery(titels).each(function(index, val) {
 
                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() {
+
function ajaxSubmitUserAndComment($title, comment) {
                    if (jQuery(this).next().attr('value') != "+soep, oid"){
+
    var $editButton = $title.find('span a');
                        var comment = " " + jQuery(this).next().attr('value')
+
    if ($editButton.length) {
                    }
+
        var section_id = $editButton.attr('href').match(/section=([0-9]+)/)[1];
                    if (!comment) comment = ''
+
        jQuery.ajax({
                    jQuery.ajax({
+
            url: '/mediawiki/api.php',
                        url: wgScriptPath + '/api.php',
+
            data: {
                        data: {
+
                format: 'json',
                            format: 'json',
+
                action: 'edit',
                            action: 'edit',
+
                title: pagename,
                            title: wgPageName,
+
                minor: true,
                            minor: true,
+
                summary: 'Naam toegevoegd via button',
                            summary: 'naam toegevoegd via button',
+
                section: section_id,
                            section: section_id,
+
                appendtext: '\n* {{Mentioneduserbutton|' + user + '}}'  + ' ' + comment,
                            appendtext: '\n* {{Mentioneduserbutton|' + wgUserName + '}}'  + comment,
+
                token: wgEditToken
                            token: wgEditToken
+
            },
                        },
+
            dataType: 'json',
                        dataType: 'json',
+
            type: 'POST',
                        type: 'POST',
+
            success: function(data) {
                        success: function(data) {
+
                window.location.href = window.location.href + '?' + new Date().getTime();
                            window.location.href = window.location.href + '?' + new Date().getTime();
+
                window.location.reload(true);
                            window.location.reload(true);
+
            },
                        },
+
            error: function(xhr) {
                        error: function(xhr) {
+
                alert('Error: iets is mis gegaan, herlaad pagina en probeer opnieuw.');
                            alert('Error: iets is mis gegaan, herlaad pagina en probeer opnieuw.');
+
            }
                        }
+
        });
                    });
+
    } else {
                });
+
        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'});
 
                        };
 
                });
 
            });
 
        }
 
 
     }
 
     }
})
+
}

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.');
    }
}