பயனர்:Rtssathishkumar/Floatingbuttonextra.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]]
    @improvedforwikisource[[User:Rtssathishkumar]]
*/

// i18n for FloatableEditingButton
if( i18nForFloatableButton === undefined ) {
    var i18nForFloatableButton = {
        editi18n: 'தொகு',
        savei18n: 'மாற்றங்களைப் பதிப்பிடுக',
        previewi18n: 'முன்தோற்றம் காட்டு',
        goLefti18n: 'முந்தைய பக்கம்',
        goRighti18n: 'அடுத்த பக்கம்',
        quickSavei18n: 'சடுதியில் பதிப்பி'
    };
}

$(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:170px;left:860px; 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 = '25';
        element.height = '25';
        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(
            '//upload.wikimedia.org/wikipedia/commons/b/b2/Writing_Circle_Yellow.svg',
            i18nForFloatableButton.editi18n
        ),
        saveIcon: createIcon(
            '//upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Document-save.svg/48px-Document-save.svg.png',
            i18nForFloatableButton.savei18n
        ),
        previewIcon: createIcon(
            '//upload.wikimedia.org/wikipedia/commons/thumb/7/78/Antu_view-preview.svg/240px-Antu_view-preview.svg.png',
            i18nForFloatableButton.previewi18n
        ),
        goLeftIcon: createIcon(
            '//upload.wikimedia.org/wikipedia/commons/6/6f/Arrow-left.svg',
            i18nForFloatableButton.goLefti18n
        ),
        goRightIcon: createIcon(
            '//upload.wikimedia.org/wikipedia/commons/a/af/Arrow-right.svg',
            i18nForFloatableButton.goRighti18n
        ),
        quickSaveIcon: createIcon(
            '//upload.wikimedia.org/wikipedia/commons/a/af/Arrow-right.svg',
            i18nForFloatableButton.quickSavei18n
        )
    };

    // 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 {
		$('#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
        var surukam =  $("<input type=\"text\" class=\"surukamclass\"  id=\"surukam\"/>");
        $(surukam).change(function() { $('#wpSummary').val($(this).val()); });
        
        $(surukam).keypress(function(event){
			 var keycode = (event.keyCode ? event.keyCode : event.which);
    		 if(keycode == '13'){ $('#editform').submit(); }
		});
        
        $(div).append(elements.saveIcon, surukam, elements.previewIcon, elements.goTopIcon, elements.quickSaveIcon);
    }
	
	// Append the main div
    $('#mw-content-text').after( div );
	
	//Trigger QuickSave in Floating button
	$(elements.quickSaveIcon).on('click', function () { 
		$("#Quicksave").click();
	});

    // 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 () {
         $('#editform').submit();
    });

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

    // Trigger for previous page
    $(elements.goLeftIcon).on('click', function () {
    	var url = $('#ca-proofreadPagePrevLink').find('a').attr('href');
        if(url.length > 0)
        	window.location.href = url;
    });
    
    // Trigger for next page
    $(elements.goRightIcon).on('click', function () {
    	var url = $('#ca-proofreadPageNextLink').find('a').attr('href');
    	if(url.length > 0)
    		window.location.href = url;
	});
	
	//#########Sadudhi Button support changes
	if(mw.config.values.wgCanonicalNamespace==="Page"){
       if ( $.inArray( mw.config.get( 'wgAction' ), [ 'edit', 'submit' ] ) != -1 ) {
			newbutton = $("#wpSaveWidget").clone();
			newbutton.children().prop('id', 'Quicksave','name', 'IFsave'); 
			newbutton.children().val("சடுதியில் பதிப்பி");
			$("#wpSaveWidget").after(newbutton)
		}
	}
	
	$("#Quicksave").click(function(e) {
		$.cookie('chaduthi_flag',"true", { path: '/' });
		console.log('Saduthi clicked ' + $.cookie('chaduthi_flag'));
	});

	var chaduthi = $.cookie('chaduthi_flag');
	console.info('Saduthi during load ' + $.cookie('chaduthi_flag'));
	if(chaduthi === "true"){
		$.cookie('chaduthi_flag', "false", { path: '/' });
		var viewurl = $('#ca-proofreadPageNextLink').find('a').attr('href');
		console.log('Next Link ' + viewurl);
		if(viewurl.length > 0){
			viewurl = viewurl.replace("/wiki/","/w/index.php?title=")+"&action=edit";
			console.log('Final Redirect URL ' + viewurl);
			window.open(viewurl,"_self");
		}
	}
});