பயனர்:Neechalkaran/Floatingbutton.js

/*
    This scipt add some large icon at right side for Editing.
    @example Edit, Save, Preview, Go Top Button

    @Author [[User:Jayprakash12345]]
    @ImproveBy [[User:Krinkle]
    @OwnBy [[meta:Indic-TechCom]]
    @improvedforwikisource[[User:Neechalkaran]]
*/

// i18n for FloatableEditingButton
if( i18nForFloatableButton === undefined ) {
    var i18nForFloatableButton = {
        editi18n: 'Edit Button',
        savei18n: 'Save Button',
        previewi18n: 'Preview Button',
        goLefti18n: 'Goto the Previous',
        goRighti18n: 'Goto the Next Page'
    };
}

$(function () {
  if(mw.config.values.wgCanonicalNamespace!="Page"){return;}
  
    // Get current pagename
    var pageName = mw.config.get('wgPageName');

    // Create Main Div
    var div = document.createElement('div');
        div.style ='position: fixed; right:30px; top:100px; display:block;';
        div.style.zIndex = "2147483647"; // A hack to show div allmost top
        div.id = 'iconForEditor';

    function createIcon(imageSrc, imgTooltip) {
        var element = document.createElement('img');
        element.className = 'image';
        element.width = '36';
        element.height = '36';
        element.src = imageSrc;
        element.title = imgTooltip;
        var divForIcon = document.createElement('div');
        divForIcon.appendChild(element);
        return divForIcon;
    }

    // Object for icons (div with img encapsulated inside)
    var elements = {
        editIcon: createIcon(
            'https://upload.wikimedia.org/wikipedia/commons/b/b2/Writing_Circle_Yellow.svg',
            i18nForFloatableButton.editi18n
        ),
        saveIcon: createIcon(
            'https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Document-save.svg/48px-Document-save.svg.png',
            i18nForFloatableButton.savei18n
        ),
        previewIcon: createIcon(
            'https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/Antu_view-preview.svg/240px-Antu_view-preview.svg.png',
            i18nForFloatableButton.previewi18n
        ),
        goLeftIcon: createIcon(
            'https://upload.wikimedia.org/wikipedia/commons/6/6f/Arrow-left.svg',
            i18nForFloatableButton.goLefti18n
        ),
        goRightIcon: createIcon(
            'https://upload.wikimedia.org/wikipedia/commons/a/af/Arrow-right.svg',
            i18nForFloatableButton.goRighti18n
        )
    };

    // Append icons into main div
    if ( $.inArray( mw.config.get( 'wgAction' ), [ 'edit', 'submit' ] ) === -1 ) {
        // View mode
        $(div).append(elements.editIcon, elements.goLeftIcon, elements.goRightIcon);
    } else {
        //$(div).append($("#wpQuality-container"));
    //    $('#wpQuality-container > span').each(function(i, obj) {$(div).append('<p></p>').append($(obj).html());});
     
    $('#wpQuality-container > span').each(function(i, obj) { $(div).append('<p></p>').append($(obj).clone()) });
      
    $(div).find('input').each(function(i, obj) {
      $(this).attr('name', 'newName');
        $(obj).on('click', function () {
        $('#wpQuality-container').find('input')[i].click();
           $(div).find('input')[i].click();
          $('#wpQuality-container > span')[i].click();
  event.stopImmediatePropagation();
    } );
      
      
    });
    
     
        // Edit mode
        $(div).append(elements.saveIcon, elements.previewIcon, elements.goTopIcon);
    }

    // Append the main div
    $('#mw-content-text').after( div );

    // Trigger for Edit Button
    $(elements.editIcon).on('click', function () {
        var params = {
            title: pageName,
            action: 'edit'
        };
        location.replace( mw.config.get( 'wgScript' ) + '?' + $.param( params ) );
    } );

    // Trigger for Save Button
    $(elements.saveIcon).on('click', function () {
        //$('#wpSave').submit();
         $('#editform').submit();
    } );

    // Trigger for Preview Button
    $(elements.previewIcon).on('click', function () {
        $('#wpPreview').click();
    } );

    // Trigger for previous page
    $(elements.goLeftIcon).on('click', function () {
        $('.oo-ui-icon-previous')[0].click();
        //location.hash = '#top';
    } );
    // Trigger for next page
        $(elements.goRightIcon).on('click', function () {
        $('.oo-ui-icon-next')[0].click();
        //location.hash = '#top';
    } );

});