Vergleich admin/jscripts/themes.js - 1.8.0 - 1.8.5

  Keine Änderungen   Hinzugefügt   Modifiziert   Entfernt
Zeile 3Zeile 3
 * a list
*/


 * a list
*/


var ThemeSelector = (function() {
/**
* @var shortcut
*/
var fn = encodeURIComponent;


var ThemeSelector = {






	/**
* Constructor
*

	/**
* Constructor
*

Zeile 21Zeile 17
	 * @param  number the theme id
* @return void
*/

	 * @param  number the theme id
* @return void
*/

	function ThemeSelector(url, saveUrl, selector, styleSheet, file, selectorForm, tid) {

	init: function(url, saveUrl, selector, styleSheet, file, selectorForm, tid) {

		// verify input
if (!url || !saveUrl || !selector || !styleSheet || !file || !selectorForm || !tid) {
return;
}


		// verify input
if (!url || !saveUrl || !selector || !styleSheet || !file || !selectorForm || !tid) {
return;
}


		this.url = url;
this.saveUrl = saveUrl;
this.selector = selector;
this.selectorPrevOpt = this.selector.val();
this.styleSheet = styleSheet;
this.file = file;
this.selectorForm = selectorForm;
this.tid = tid;

		ThemeSelector.url = url;
ThemeSelector.saveUrl = saveUrl;
ThemeSelector.selector = selector;
ThemeSelector.selectorPrevOpt = ThemeSelector.selector.val();
ThemeSelector.styleSheet = styleSheet;
ThemeSelector.file = file;
ThemeSelector.selectorForm = selectorForm;
ThemeSelector.tid = tid;





		this.background = $("#css_bits\\[background\\]").val();
this.width = $("#css_bits\\[width\\]").val();
this.color = $("#css_bits\\[color\\]").val();
this.extra = $("#css_bits\\[extra\\]").val();
this.text_decoration = $("#css_bits\\[text_decoration\\]").val();
this.font_family = $("#css_bits\\[font_family\\]").val();
this.font_size = $("#css_bits\\[font_size\\]").val();
this.font_style = $("#css_bits\\[font_style\\]").val();
this.font_weight = $("#css_bits\\[font_weight\\]").val();












		ThemeSelector.background = $("#css_bits\\[background\\]").val();
ThemeSelector.width = $("#css_bits\\[width\\]").val();
ThemeSelector.color = $("#css_bits\\[color\\]").val();
ThemeSelector.extra = $("#css_bits\\[extra\\]").val();
ThemeSelector.text_decoration = $("#css_bits\\[text_decoration\\]").val();
ThemeSelector.font_family = $("#css_bits\\[font_family\\]").val();
ThemeSelector.font_size = $("#css_bits\\[font_size\\]").val();
ThemeSelector.font_style = $("#css_bits\\[font_style\\]").val();
ThemeSelector.font_weight = $("#css_bits\\[font_weight\\]").val();

$("#save").on('click', function(event) { ThemeSelector.save(event, true); } );
$("#save_close").on('click', function(event) { ThemeSelector.saveClose(event); } );


$(window).on('beforeunload', function(event){
if(ThemeSelector.isChanged())
{
return ' ';
}
});





		$("#save").on('click', function(event) { $.proxy(this, 'save', event, true); } );
$("#save_close").on('click', function(event) { $.proxy(this, 'saveClose', event); } );

ThemeSelector.that = this; // I know this is cheating :D

window.onbeforeunload = function(event) { saveCheck(event, false, ThemeSelector.that); }
window.onunload = function(event) { save(false, false); }

 
		


		


		this.selector.on("change", $.proxy(this, 'updateSelector'));
this.selectorForm.on("submit", $.proxy(this, 'updateSelector'));
}

		ThemeSelector.selector.on("change", ThemeSelector.updateSelector);
ThemeSelector.selectorForm.on("submit", ThemeSelector.updateSelector);
},


/**
* prevents no-save warning messaging when saving
*
* @return void
*/


/**
* prevents no-save warning messaging when saving
*
* @return void
*/

	function saveClose(e) {
this.isClosing = true;
}

	saveClose: function(e) {
ThemeSelector.isClosing = true;
},


/**
* updates the stylesheet info to match the current selection, checking


/**
* updates the stylesheet info to match the current selection, checking

Zeile 75Zeile 75
	 * @param  object the event
* @return void
*/

	 * @param  object the event
* @return void
*/

	function updateSelector(e) {

	updateSelector: function(e) {

		var postData;

e.preventDefault()


		var postData;

e.preventDefault()


		this.saveCheck(e, true, null);

postData = "file=" + fn(this.file) + "&tid=" + fn(this.tid) + "&selector=" + fn(this.selector.val()) + "&my_post_key=" + fn(my_post_key);

this.selectorGoText = $("#mini_spinner").html();
$("#mini_spinner").html("&nbsp;<img src=\"" + this.miniSpinnerImage + "\" style=\"vertical-align: middle;\" alt=\"\" /> ");

$.ajax({
type: 'post',
url: this.url,
data: postData,
complete: $.proxy(this, 'onComplete'),
});
}


		ThemeSelector.saveCheck(e, true);

postData = "file=" + encodeURIComponent(ThemeSelector.file) + "&tid=" + encodeURIComponent(ThemeSelector.tid) + "&selector=" + encodeURIComponent(ThemeSelector.selector.val()) + "&my_post_key=" + encodeURIComponent(my_post_key);

ThemeSelector.selectorGoText = $("#mini_spinner").html();
$("#mini_spinner").html("&nbsp;<img src=\"" + ThemeSelector.miniSpinnerImage + "\" style=\"vertical-align: middle;\" alt=\"\" /> ");

$.ajax({
type: 'post',
url: ThemeSelector.url,
data: postData,
complete: ThemeSelector.onComplete,
});
},


	/**
* handles the AJAX return data
*
* @param object the request
* @return true
*/

	/**
* handles the AJAX return data
*
* @param object the request
* @return true
*/

	function onComplete(request) {

	onComplete: function(request) {

		var message, saved;

if (request.responseText.match(/<error>(.*)<\/error>/)) {

		var message, saved;

if (request.responseText.match(/<error>(.*)<\/error>/)) {

Zeile 115Zeile 115
			if ($("#saved").html()) {
saved = $("#saved").html();
}

			if ($("#saved").html()) {
saved = $("#saved").html();
}

			this.styleSheet.html(request.responseText);

			ThemeSelector.styleSheet.html(request.responseText);

		}


		}


		this.background = $("#css_bits\\[background\\]").val();
this.width = $("#css_bits\\[width\\]").val();
this.color = $("#css_bits\\[color\\]").val();
this.extra = $("#css_bits\\[extra\\]").val();
this.text_decoration = $("#css_bits\\[text_decoration\\]").val();
this.font_family = $("#css_bits\\[font_family\\]").val();
this.font_size = $("#css_bits\\[font_size\\]").val();
this.font_style = $("#css_bits\\[font_style\\]").val();
this.font_weight = $("#css_bits\\[font_weight\\]").val();

		ThemeSelector.background = $("#css_bits\\[background\\]").val();
ThemeSelector.width = $("#css_bits\\[width\\]").val();
ThemeSelector.color = $("#css_bits\\[color\\]").val();
ThemeSelector.extra = $("#css_bits\\[extra\\]").val();
ThemeSelector.text_decoration = $("#css_bits\\[text_decoration\\]").val();
ThemeSelector.font_family = $("#css_bits\\[font_family\\]").val();
ThemeSelector.font_size = $("#css_bits\\[font_size\\]").val();
ThemeSelector.font_style = $("#css_bits\\[font_style\\]").val();
ThemeSelector.font_weight = $("#css_bits\\[font_weight\\]").val();


if (saved) {
$("#saved").html(saved);


if (saved) {
$("#saved").html(saved);

Zeile 135Zeile 135
			}, 30000);
}


			}, 30000);
}


		$("#mini_spinner").html(this.selectorGoText);
this.selectorGoText = '';

		$("#mini_spinner").html(ThemeSelector.selectorGoText);
ThemeSelector.selectorGoText = '';


return true;


return true;

	}














	},

isChanged: function()
{
return (ThemeSelector.background != $("#css_bits\\[background\\]").val() ||
ThemeSelector.width != $("#css_bits\\[width\\]").val() ||
ThemeSelector.color != $("#css_bits\\[color\\]").val() ||
ThemeSelector.extra != $("#css_bits\\[extra\\]").val() ||
ThemeSelector.text_decoration != $("#css_bits\\[text_decoration\\]").val() ||
ThemeSelector.font_family != $("#css_bits\\[font_family\\]").val() ||
ThemeSelector.font_size != $("#css_bits\\[font_size\\]").val() ||
ThemeSelector.font_style != $("#css_bits\\[font_style\\]").val() ||
ThemeSelector.font_weight != $("#css_bits\\[font_weight\\]").val());
},


/**
* check if anything has changed


/**
* check if anything has changed

Zeile 148Zeile 161
	 * @param  bool true if AJAX, false if not
* @return true
*/

	 * @param  bool true if AJAX, false if not
* @return true
*/

	function saveCheck(e, isAjax, that) {

	saveCheck: function(e, isAjax) {





		if(that == null)
that = this;

 
	

	

		if (that.isClosing == true) {

		if (ThemeSelector.isClosing == true) {

			return true;
}

if(e != null && isAjax == true)
e.preventDefault();


			return true;
}

if(e != null && isAjax == true)
e.preventDefault();


		if (that.background != $("#css_bits\\[background\\]").val() ||
that.width != $("#css_bits\\[width\\]").val() ||
that.color != $("#css_bits\\[color\\]").val() ||
that.extra != $("#css_bits\\[extra\\]").val() ||
that.text_decoration != $("#css_bits\\[text_decoration\\]").val() ||
that.font_family != $("#css_bits\\[font_family\\]").val() ||
that.font_size != $("#css_bits\\[font_size\\]").val() ||
that.font_style != $("#css_bits\\[font_style\\]").val() ||
that.font_weight != $("#css_bits\\[font_weight\\]").val()) {

e.preventDefault();

		if (ThemeSelector.isChanged()) {

e.preventDefault();









			
if(isAjax == false)
return save_changes_lang_string;

			
if(isAjax == false)
return save_changes_lang_string;

Zeile 178Zeile 181
			{
confirmReturn = confirm(save_changes_lang_string);
if (confirmReturn == true) {

			{
confirmReturn = confirm(save_changes_lang_string);
if (confirmReturn == true) {

					that.save(false, isAjax);

					ThemeSelector.save(false, isAjax);

					$.jGrowl('Saved');
}
}
}
else if(isAjax == true)
{

					$.jGrowl('Saved');
}
}
}
else if(isAjax == true)
{

			that.selectorPrevOpt = that.selector.val();

			ThemeSelector.selectorPrevOpt = ThemeSelector.selector.val();

			return true;
}

			return true;
}

	}

	},


/**
* saves the selector info


/**
* saves the selector info

Zeile 197Zeile 200
	 * @param  bool true if AJAX, false if not
* @return true
*/

	 * @param  bool true if AJAX, false if not
* @return true
*/

	function save(e, isAjax) {

	save: function(e, isAjax) {

		var cssBits, postData, completeMethod = 'onUnloadSaveComplete';

if (e) {

		var cssBits, postData, completeMethod = 'onUnloadSaveComplete';

if (e) {

Zeile 216Zeile 219
			'font_weight': $('#css_bits\\[font_weight\\]').val()
};


			'font_weight': $('#css_bits\\[font_weight\\]').val()
};


		postData = "css_bits=" + fn(jsArrayToPhpArray(cssBits)) + "&selector=" + fn(this.selectorPrevOpt) + "&file=" + fn(this.file) + "&tid=" + fn(this.tid) + "&my_post_key=" + fn(my_post_key) + "&serialized=1";

		postData = "css_bits=" + encodeURIComponent(jsArrayToPhpArray(cssBits)) + "&selector=" + encodeURIComponent(ThemeSelector.selectorPrevOpt) + "&file=" + encodeURIComponent(ThemeSelector.file) + "&tid=" + encodeURIComponent(ThemeSelector.tid) + "&my_post_key=" + encodeURIComponent(my_post_key) + "&serialized=1";


if (isAjax == true) {
postData += "&ajax=1";
}



if (isAjax == true) {
postData += "&ajax=1";
}


		this.isAjax = isAjax;

		ThemeSelector.isAjax = isAjax;


if (isAjax == true) {
completeMethod = 'onSaveComplete';
$.jGrowl(lang.saving);


if (isAjax == true) {
completeMethod = 'onSaveComplete';
$.jGrowl(lang.saving);

		}


		}


		$.ajax({
type: 'post',

		$.ajax({
type: 'post',

			url: this.saveUrl,

			url: ThemeSelector.saveUrl,

			data: postData,

			data: postData,

			complete: $.proxy(this, completeMethod),

			complete: ThemeSelector[completeMethod],

		});
return !isAjax;

		});
return !isAjax;

	}

	},


/**
* handle errors, reset values and clean up


/**
* handle errors, reset values and clean up

Zeile 244Zeile 247
	 * @param  object the request
* @return true
*/

	 * @param  object the request
* @return true
*/

	function onSaveComplete(request) {

	onSaveComplete: function(request) {

		var message;

if (request.responseText.match(/<error>(.*)<\/error>/)) {

		var message;

if (request.responseText.match(/<error>(.*)<\/error>/)) {

Zeile 258Zeile 261
		} else if(request.responseText) {
$("#saved").html(" (" + lang.saved + " @ "+ Date() + ")");
if ($("#ajax_alert")) {

		} else if(request.responseText) {
$("#saved").html(" (" + lang.saved + " @ "+ Date() + ")");
if ($("#ajax_alert")) {

				$("#ajax_alert").html('').hide();
}
}

this.background = $("#css_bits\\[background\\]").val();
this.width = $("#css_bits\\[width\\]").val();
this.color = $("#css_bits\\[color\\]").val();
this.extra = $("#css_bits\\[extra\\]").val();
this.text_decoration = $("#css_bits\\[text_decoration\\]").val();
this.font_family = $("#css_bits\\[font_family\\]").val();
this.font_size = $("#css_bits\\[font_size\\]").val();
this.font_style = $("#css_bits\\[font_style\\]").val();
this.font_weight = $("#css_bits\\[font_weight\\]").val();


				$("#ajax_alert").html('').hide();
}
}

ThemeSelector.background = $("#css_bits\\[background\\]").val();
ThemeSelector.width = $("#css_bits\\[width\\]").val();
ThemeSelector.color = $("#css_bits\\[color\\]").val();
ThemeSelector.extra = $("#css_bits\\[extra\\]").val();
ThemeSelector.text_decoration = $("#css_bits\\[text_decoration\\]").val();
ThemeSelector.font_family = $("#css_bits\\[font_family\\]").val();
ThemeSelector.font_size = $("#css_bits\\[font_size\\]").val();
ThemeSelector.font_style = $("#css_bits\\[font_style\\]").val();
ThemeSelector.font_weight = $("#css_bits\\[font_weight\\]").val();


		return true;

		return true;

	}

	},


/**
* handle leaving page save


/**
* handle leaving page save

Zeile 281Zeile 284
	 * @param  object the request
* @return true
*/

	 * @param  object the request
* @return true
*/

	function onUnloadSaveComplete(request) {

	onUnloadSaveComplete: function(request) {

		var message;

if (request.responseText.match(/<error>(.*)<\/error>/)) {

		var message;

if (request.responseText.match(/<error>(.*)<\/error>/)) {

Zeile 294Zeile 297
			return false;
}
return true;

			return false;
}
return true;

	}

ThemeSelector.prototype = {
url: null,
saveUrl: null,
selector: null,
styleSheet: null,
file: null,
selectorForm: null,
tid: null,
miniSpinnerImage: "../images/spinner.gif",
isAjax: false,
specific_count: 0,
selectorGoText: null,
selectorPrevOpt: null,
isClosing: false,
background: null,
width: null,
color: null,
extra: null,
text_decoration: null,
font_family: null,
font_size: null,
font_style: null,
font_weight: null,
saveClose: saveClose,
updateSelector: updateSelector,
onComplete: onComplete,
saveCheck: saveCheck,
save: save,
onSaveComplete: onSaveComplete,
onUnloadSaveComplete: onUnloadSaveComplete,
}

	},





































	return ThemeSelector;
})();






















	url: null,
saveUrl: null,
selector: null,
styleSheet: null,
file: null,
selectorForm: null,
tid: null,
miniSpinnerImage: "../images/spinner.gif",
isAjax: false,
specific_count: 0,
selectorGoText: null,
selectorPrevOpt: null,
isClosing: false,
background: null,
width: null,
color: null,
extra: null,
text_decoration: null,
font_family: null,
font_size: null,
font_style: null,
font_weight: null
};


/**
* converts a JS object to a JSON of a PHP associative array


/**
* converts a JS object to a JSON of a PHP associative array