inital commit

webroot/forum/admin/jscripts/theme_properties.js

@@ -0,0 +1,87 @@
+/**
+ * functions for stylesheet file/color attachments
+ */
+
+var themeProperties = (function() {
+	/**
+	 * @var number the total attached files for this stylesheet
+	 */
+	var attachedCount = 0;
+
+	/**
+	 * attach event handlers
+	 *
+	 * @return void
+	 */
+	function init() {
+		for (var i = 0; i < attachedCount; ++i) {
+			$("#delete_img_" + i).on('click', removeAttachmentBox);
+		}
+		$("#new_specific_file").on('click', addAttachmentBox);
+	}
+
+	/**
+	 * allow external setup
+	 *
+	 * @param  string the count at load time
+	 * @return void
+	 */
+	function setup(count) {
+		attachedCount = count || 0;
+	}
+
+	/**
+	 * create a new blank attachment box
+	 *
+	 * @param  object the event
+	 * @return void
+	 */
+	function addAttachmentBox(e) {
+		e.preventDefault();
+
+		var next_count = Number(attachedCount) + 1,
+		contents = "<div id=\"attached_form_" + attachedCount + "\"><div class=\"border_wrapper\">\n<table class=\"general form_container \" cellspacing=\"0\">\n<tbody>\n<tr class=\"first\">\n<td class=\"first\"><div class=\"form_row\"><span style=\"float: right;\"><a href=\"\" id=\"delete_img_" + attachedCount + "\"><img src=\"styles/default/images/icons/cross.png\" alt=\"" + delete_lang_string + "\" title=\"" + delete_lang_string + "\" /></a></span>" + file_lang_string + " &nbsp;<input type=\"text\" name=\"attached_" + attachedCount + "\" value=\"\" class=\"text_input\" style=\"width: 200px;\" id=\"attached_" + attachedCount + "\" /></div>\n</td>\n</tr>\n<tr class=\"last alt_row\">\n<td class=\"first\"><div class=\"form_row\"><dl style=\"margin-top: 0; margin-bottom: 0; width: 100%;\">\n<dt><label style=\"display: block;\"><input type=\"radio\" name=\"action_" + attachedCount + "\" value=\"0\" checked=\"checked\" class=\"action_" + attachedCount + "s_check\" onclick=\"checkAction('action_" + attachedCount + "');\" style=\"vertical-align: middle;\" /> " + globally_lang_string + "</label></dt>\n<dt><label style=\"display: block;\"><input type=\"radio\" name=\"action_" + attachedCount + "\" value=\"1\"  class=\"action_" + attachedCount + "s_check\" onclick=\"checkAction('action_" + attachedCount + "');\" style=\"vertical-align: middle;\" /> " + specific_actions_lang_string + "</label></dt>\n<dd style=\"margin-top: 4px;\" id=\"action_" + attachedCount + "_1\" class=\"action_" + attachedCount + "s\">\n<small class=\"description\">" + specific_actions_desc_lang_string + "</small>\n<table cellpadding=\"4\">\n<tr>\n<td><input type=\"text\" name=\"action_list_" + attachedCount + "\" value=\"\" class=\"text_input\" style=\"width: 190px;\" id=\"action_list_" + attachedCount + "\" /></td>\n</tr>\n</table>\n</dd>\n</dl></div>\n</td>\n</tr>\n</tbody>\n</table>\n</div></div><div id=\"attach_box_" + next_count + "\"></div>\n";
+
+		// if this is the first attachment, create the first
+		if (!$("#attach_box_" + attachedCount).attr('id')) {
+			$("#attach_1").html(contents).show();
+		} else {
+			$("#attach_box_" + attachedCount).html(contents).show();
+		}
+
+		checkAction('action_' + attachedCount);
+
+		if ($("#attached_form_" + attachedCount)) {
+			$("#delete_img_" + attachedCount).on('click', removeAttachmentBox);
+		}
+		++attachedCount;
+	}
+
+	/**
+	 * remove an entire attachment box
+	 *
+	 * @param  object the event
+	 * @return void
+	 */
+	function removeAttachmentBox(e) {
+		var idArray, id;
+
+		idArray = e.currentTarget.id.split('_');
+		if (!idArray.length) {
+			return;
+		}
+		id = idArray[idArray.length - 1];
+		e.preventDefault();
+
+		if (confirm(delete_confirm_lang_string) == true) {
+			$("#attached_form_" + id).remove();
+		}
+	}
+
+	$(init);
+
+	// the only public method
+	return {
+		setup: setup,
+	};
+})();