MediaWiki:Common.js

Revision as of 11:19, 8 September 2019 by Hamedani (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */
/*
$('#mw-content-text').not(":has('#editform')").each(function(){
    $(this).html(farsi_number($(this).html()));
})

function farsi_number(html_string){
    html_array=html_string.split("");
    var in_tag=false;
    if(html_array){
        for(var x in html_array){
            character=html_array[x];
            if(character=='<'){
                in_tag=true;continue;
            }
            if(character==">"){
                in_tag=false;continue;
            }
            if(!in_tag){
                character=num2fa(character);
                html_array[x]=character;
            }
        }
        html_string=html_array.join("");
    }
    return html_string;
}

function num2fa(string){
    farsi_array=new Array("0","1","2","3","4","5","6","7","8","9");
    english_array=new Array("0","1","2","3","4","5","6","7","8","9");
    for(var x in english_array){
        string=string.replace(new RegExp(english_array[x],"g"),farsi_array[x]);
    }
    return string;
}
*/

var autoCollapse = 2;
var collapseCaption = 'hide';
var expandCaption = 'show';
var expandCaption_more = "more";

function collapseTable( tableIndex )
{
    var Button = document.getElementById( "collapseButton" + tableIndex );
    var Table = document.getElementById( "collapsibleTable" + tableIndex );

    if ( !Table || !Button ) {
        return false;
    }

    var Rows = Table.rows;
/**
  * AMDEADMAN Edit for readmore collapse added if
  */
    if ($("#collapsibleTable" + tableIndex).hasClass('readmore') & Button.firstChild.data == collapseCaption ) {
        for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = "none";
        }
        Button.firstChild.data = expandCaption_more;
    } else if ( Button.firstChild.data == collapseCaption ) {
        for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = "none";
        }
        Button.firstChild.data = expandCaption;
    } else {
        for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = Rows[0].style.display;
        }
        Button.firstChild.data = collapseCaption;
    }
}

function createCollapseButtons() {
    var tableIndex = 0;
    var NavigationBoxes = {};
    var Tables = document.getElementsByTagName( 'table' );
    var i;

    function handleButtonLink( index, e ) {
        window.collapseTable( index );
        e.preventDefault();
    }

    for ( i = 0; i < Tables.length; i++ ) {
        if ( $( Tables[i] ).hasClass( 'collapsible' ) ) {

            /* only add button and increment count if there is a header row to work with */
            var HeaderRow = Tables[i].getElementsByTagName( 'tr' )[0];
            if ( !HeaderRow ) continue;
            var Header = HeaderRow.getElementsByTagName( 'th' )[0];
            if ( !Header ) continue;

            NavigationBoxes[ tableIndex ] = Tables[i];
            Tables[i].setAttribute( 'id', 'collapsibleTable' + tableIndex );

            var Button     = document.createElement( 'span' );
            var ButtonLink = document.createElement( 'a' );
            var ButtonText = document.createTextNode( collapseCaption );

            Button.className = 'collapseButton';  /* Styles are declared in Common.css */

            ButtonLink.style.color = Header.style.color;
            ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
            ButtonLink.setAttribute( 'href', '#' );
            $( ButtonLink ).on( 'click', $.proxy( handleButtonLink, ButtonLink, tableIndex ) );
            ButtonLink.appendChild( ButtonText );

            Button.appendChild( document.createTextNode( '[' ) );
            Button.appendChild( ButtonLink );
            Button.appendChild( document.createTextNode( ']' ) );
/**
  * AMDEADMAN Edit for readmore collapse
  */
            if($( Tables[i] ).hasClass( 'readmore' )){
                $(Header).html($(Header).text()).append(Button);
            } else {
                Header.insertBefore( Button, Header.firstChild );
            }
            tableIndex++;
        }
    }

    for ( i = 0;  i < tableIndex; i++ ) {
        if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) || ( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) ) ) {
            window.collapseTable( i );
        }
        else if ( $( NavigationBoxes[i] ).hasClass ( 'innercollapse' ) ) {
            var element = NavigationBoxes[i];
            while ((element = element.parentNode)) {
                if ( $( element ).hasClass( 'outercollapse' ) ) {
                    window.collapseTable ( i );
                    break;
                }
            }
        }
    }
}

$( createCollapseButtons );

/*</pre>
===Dynamic Navigation Bars ===
<pre> */

/** Dynamic Navigation Bars (experimental) *************************************
 *
 *  Description: See [[Wikipedia:NavFrame]].
 *  Maintainers: UNMAINTAINED
 */

// set up the words in your language
var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';

// shows and hides content and picture (if available) of navigation bars
// Parameters:
//     indexNavigationBar: the index of navigation bar to be toggled
window.toggleNavigationBar = function ( indexNavigationBar, event ) {
    var NavToggle = document.getElementById( 'NavToggle' + indexNavigationBar );
    var NavFrame = document.getElementById( 'NavFrame' + indexNavigationBar );
    var NavChild;

    if ( !NavFrame || !NavToggle ) {
        return false;
    }

    /* if shown now */
    if ( NavToggle.firstChild.data === NavigationBarHide ) {
        for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
                NavChild.style.display = 'none';
            }
        }
    NavToggle.firstChild.data = NavigationBarShow;

    /* if hidden now */
    } else if ( NavToggle.firstChild.data === NavigationBarShow ) {
        for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
            if ( $( NavChild ).hasClass( 'NavContent' ) || $( NavChild ).hasClass( 'NavPic' ) ) {
                NavChild.style.display = 'block';
            }
        }
        NavToggle.firstChild.data = NavigationBarHide;
    }

    event.preventDefault();
};

/* adds show/hide-button to navigation bars */
function createNavigationBarToggleButton() {
    var indexNavigationBar = 0;
    var NavFrame;
    var NavChild;
    /* iterate over all < div >-elements */
    var divs = document.getElementsByTagName( 'div' );
    for ( var i = 0; (NavFrame = divs[i]); i++ ) {
        /* if found a navigation bar */
        if ( $( NavFrame ).hasClass( 'NavFrame' ) ) {

            indexNavigationBar++;
            var NavToggle = document.createElement( 'a' );
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute( 'id', 'NavToggle' + indexNavigationBar );
            NavToggle.setAttribute( 'href', '#' );
            $( NavToggle ).on( 'click', $.proxy( window.toggleNavigationBar, window, indexNavigationBar ) );

            var isCollapsed = $( NavFrame ).hasClass( 'collapsed' );
            /**
             * Check if any children are already hidden.  This loop is here for backwards compatibility:
             * the old way of making NavFrames start out collapsed was to manually add style="display:none"
             * to all the NavPic/NavContent elements.  Since this was bad for accessibility (no way to make
             * the content visible without JavaScript support), the new recommended way is to add the class
             * "collapsed" to the NavFrame itself, just like with collapsible tables.
             */
            for ( NavChild = NavFrame.firstChild; NavChild != null && !isCollapsed; NavChild = NavChild.nextSibling ) {
                if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                    if ( NavChild.style.display === 'none' ) {
                        isCollapsed = true;
                    }
                }
            }
            if ( isCollapsed ) {
                for ( NavChild = NavFrame.firstChild; NavChild != null; NavChild = NavChild.nextSibling ) {
                    if ( $( NavChild ).hasClass( 'NavPic' ) || $( NavChild ).hasClass( 'NavContent' ) ) {
                        NavChild.style.display = 'none';
                    }
                }
            }
            var NavToggleText = document.createTextNode( isCollapsed ? NavigationBarShow : NavigationBarHide );
            NavToggle.appendChild( NavToggleText );

            /* Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked) */
            for( var j = 0; j < NavFrame.childNodes.length; j++ ) {
                if ( $( NavFrame.childNodes[j] ).hasClass( 'NavHead' ) ) {
                    NavToggle.style.color = NavFrame.childNodes[j].style.color;
                    NavFrame.childNodes[j].appendChild( NavToggle );
                }
            }
            NavFrame.setAttribute( 'id', 'NavFrame' + indexNavigationBar );
        }
    }
}


function align_mp_box(){
     return;
    $('.mp-box:not(.autoheight)').each(function(index){
        if(index%2 === 0) {
            return;
        }

        var that = $('.mp-box').eq(index-1);
        var that_height = that.outerHeight();
        var this_height = $(this).outerHeight();

        if(this_height > that_height) {
            that.css('min-height', this_height);
        } else {
            $(this).css('min-height', that_height);
        }
    });
}

var mp_y_item_h = 50;
$('.mp-yadbood-item').each(function(){
   if($(this).height() > mp_y_item_h){
      mp_y_item_h = $(this).height();
   }
});
$('.mp-yadbood-item').height(mp_y_item_h);

$( createNavigationBarToggleButton );

$(document).ready(function(){
   align_mp_box();
});
$(document).ready(function () {
  var form_container = $('.form-translation-request');
  if (typeof form_container == 'undefined' || form_container.length == 0) {
    return false;
  }

  var form_html = form_container.html();

  form_container.html('<form action="/applicationform/"  enctype="multipart/form-data" method="post" autocomplete="on"></form>');

  var form_el = form_container.children('form');

  form_el.html(form_html);

  var form_content = form_el.children('.form-content');

  var submit_button = form_el.find('.submit-button');
  submit_button.fadeIn();

  var success_el = form_el.children('.success');
  var errors_el = form_el.children('.errors');

  var ajax = false;
  $(document).on('submit', form_el, function (e) {
    e.preventDefault();

    if (ajax !== false) {
      ajax.abort();
    }

    submit_button.prop('disabled', true);

    ajax = $.ajax({
      url: form_el.attr('action'),
      type: form_el.attr('method'),
      dataType: 'json',
      data: form_el.serialize(),
      success: function (result) {
        errors_el.html('')
        form_el.find('input[name]').css('border-color', '#ccc');

        if (result.status === 'success') {
          form_content.slideUp(function () {
            success_el.slideDown()
          });
        } else if (result.status === 'error') {
          submit_button.prop('disabled', false);
          var errors = '';
          var msg = result.msg;
          for (var key in msg) {
            var input = form_el.find('input[name="' + key + '"]');
            input.css('border-color', 'red');
            errors += '<p>' + msg[key] + '</p>';
          }
          errors_el.html(errors);
        } else {
          alert(result.msg);
          submit_button.prop('disabled', false);
        }
      },
      error: function () {
        submit_button.prop('disabled', false);
        alert('Error! Please try againg.')
      }
    });

    return false;
  });

  $('.form-translation-request input[type="file"]').on('change', function () {
    var that = $(this);
    var input_name = that.attr('name') + '-name';
    var file_data = that.prop('files')[0];
    var form_data = new FormData();
    form_data.append('file', file_data);
    $.ajax({
      url: '/applicationform/upload.php', // point to server-side PHP script
      cache: false,
      contentType: false,
      processData: false,
      data: form_data,
      type: 'post',
      success: function (result) {
        $('input[name="' + input_name + '"]').val(result);
      },
      error: function () {
        alert('Error! Please try againg.')
      }
    });
  });


})

$(window).on('load', function(){
   align_mp_box();

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-85669311-1', 'auto');
  ga('send', 'pageview');
})

$(window).on('resize', function(){
    align_mp_box();
});