first commit

lib/pkp/js/controllers/grid/representations/form/RepresentationFormHandler.js

@@ -0,0 +1,84 @@
+/**
+ * @defgroup js_controllers_grid_representations_form
+ */
+/**
+ * @file js/controllers/grid/representations/form/RepresentationFormHandler.js
+ *
+ * Copyright (c) 2014-2021 Simon Fraser University
+ * Copyright (c) 2000-2021 John Willinsky
+ * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
+ *
+ * @class RepresentationFormHandler
+ * @ingroup js_controllers_grid_representations_form
+ *
+ * @brief Handle the representations forms.
+ */
+(function($) {
+
+	/** @type {Object} */
+	$.pkp.controllers.grid.representations =
+			$.pkp.controllers.grid.representations ||
+			{ form: { } };
+
+
+
+	/**
+	 * @constructor
+	 *
+	 * @extends $.pkp.controllers.form.AjaxFormHandler
+	 *
+	 * @param {jQueryObject} $form the wrapped page element.
+	 * @param {Object} options handler options.
+	 */
+	$.pkp.controllers.grid.representations.form.RepresentationFormHandler =
+			function($form, options) {
+		this.parent($form, options);
+
+		this.remoteRepresentation_ = options.remoteRepresentation;
+		if (this.remoteRepresentation_) {
+			$('#remotelyHostedContent').prop('checked', true);
+			$('#remote').show(20);
+			$('#urlPathSection').hide();
+		} else {
+			$('#remotelyHostedContent').prop('checked', false);
+			$('#remote').hide();
+			$('#urlPathSection').show(20);
+		}
+
+		$('#remotelyHostedContent').change(this.callbackWrapper(this.toggleRemote_));
+	};
+	$.pkp.classes.Helper.inherits(
+			$.pkp.controllers.grid.representations.form.RepresentationFormHandler,
+			$.pkp.controllers.form.AjaxFormHandler);
+
+
+	//
+	// Private methods.
+	//
+	/**
+	 * Internal callback called on checkbox change to show or hide
+	 * remote URL input field.
+	 * @private
+	 * @param {HTMLElement} element The remotely hosted content checkbox.
+	 * @param {Event} event The event that triggered the checkbox.
+	 * @return {boolean} true.
+	 */
+	$.pkp.controllers.grid.representations.form.RepresentationFormHandler.
+			prototype.toggleRemote_ = function(element, event) {
+
+		if ($('#remotelyHostedContent').prop('checked')) {
+			// show the remote URL input field
+			$('#remote').show(20);
+			$('#urlPathSection').hide();
+			$('input[id^="urlPath"]').val('');
+		} else {
+			// hide and clear the remote URL input field
+			$('#remote').hide(20);
+			$('input[id^="urlRemote"]').val('');
+			$('#urlPathSection').show(20);
+		}
+		return true;
+	};
+
+
+}(jQuery));