Utente:Alex brollo/eiv.js

// mw.loader.load('//wikisource.org/w/index.php?title=User:Alex brollo/common.js&action=raw&ctype=text/javascript');

/*
Edit In View, versione ottobre 2016
Alex brollo

Logica:
1. costruire l'ambiente (contentore generale, box di edit, box immagine, box anteprima)
2. costruire i box di e gli strumenti base (level, salva, annulla)

3. leggere il codice pagine e popolare gli oggetti-pagina
4. assegnare a tali oggetti appositi metodi
5. verificare caricamento e funzionamento di tutti i tool di edit

*/
// creo un'unica variabile globale, non si sa mai che mi serva; anzi proviamo senza

mw.loader.load("jquery.ui.draggable");



 
(function ($,mw) {
	if(mw.config.get("wgCanonicalPageNAME")!=="Page" || mw.config.get("wgAction")!=="view") return false;
		
	
	var eiv={};

/* passo 1 :  costruire l'ambiente */
if (mw.config.get("wgCanonicalNamespace")!=="Page" || 
	mw.config.get("wgAction")!=="view") return False;
	
	// in nsPage, and in view mode, eiv environment is built
	creabox();
	activate();

function toggle() {
	$("sfondoEiv").toggle();
	return false;
}

function activate() {
	$('<li id="ca-eiv"><span><a href="#" title="Attiva eiv" >eiv</a></span></li>').click(function() {toggle();}).insertAfter($("#ca-view"));
	
	return false;
}

function creabox() {

	    $('<div id="sfondoEiv" style="width: 100%; height: 100%; position: fixed; z-index: 100; top: 0px; left: 0px; background-color: rgb(250, 250, 250); display:none;"></div>').appendTo($("#content"));
		$(".prp-page-image").clone().appendTo($("#sfondoEiv"));
		$("#sfondoEiv .prp-page-image").css("width","40%");
		$("#sfondoEiv .prp-page-image img").draggable();
	
		var box=$('<div style="display:block; border:1px solid black; position:fixed; top:10px; left:10px; /* z-index:999; */ background-color:#efefef;padding:6px;" id="editBox"></div>');
		box.append($("<div id='handle' style='width:100%; background-color:#dfdfdf; min-height:10px;' ><div id='areaBottoni' style='float:left;max-width:400px'></div> </div>"))
		box.append($("<textarea name='wpHeaderTextbox' id='wpHeaderTextbox' style='width:100%; height:30px;  border:1px solid gray;' />"));
		box.append($("<textarea name='wpTextbox1' id='wpTextbox1' rows='35' style='width:550px; border:1px solid gray;' />"));
		box.append($("<textarea name='wpFooterTextbox' id='wpFooterTextbox' style='width:100%; height:30px;  border:1px solid gray;' />"));
	    $("#sfondoEiv").append(box);
		// attivazione alex.activeEleme
	    $("#editBox textarea").focusin(function () {alex.activeElement=this;})
		$("#editBox").draggable({ handle: "areaBottoni" });
	
		var qb='<span id="radiobuttons" style="float:right">'+
			'<span class="quality0"><input tabindex="5" title="Pagine_SAL_00%" type="radio" value="0" name="wpQuality"></span>'+
			'<span class="quality2"><input tabindex="6" title="Pagine_SAL_50%" type="radio" value="2" name="wpQuality"></span>'+
			'<span class="quality1"><input tabindex="7" title="Pagine_SAL_25%" type="radio" value="1" name="wpQuality"></span>'+
			'<span class="quality3"><input tabindex="8" title="Pagine_SAL_75%" checked="" type="radio" value="3" name="wpQuality"></span>'+
			'<span id="radioQuality4" class="quality4"><input tabindex="9" title="Pagine_SAL_100%" type="radio" value="4" name="wpQuality"></span></span>';

		qb+='<br><span style="float:right">'+
			'<button class="baseButton" id="wpSave" style="display: inline; padding: 1px 2px;" type="button" title="Salva le modifiche" onclick="alex.eiv.salvaPagina()"><small>Salva</small></button>'+
			'<button class="baseButton" id="wpPreview" style="display: inline; padding: 1px 2px;" type="button" title="Visualizza anteprima" onclick="alex.eiv.pagePreview()"><small>Anteprima</small></button>'+
			'<button class="baseButton" style="display: inline; padding: 1px 2px;" type="button" title="Annulla e chiudi" onclick="alex.eiv.chiudiEditBox()"><small>Annulla</small></button>'+
			'</span>';
		$("#handle").append($(qb));

	
	}
});