first commit

lib/pkp/js/controllers/RevealMoreHandler.js

@@ -0,0 +1,56 @@
+/**
+ * @file js/controllers/RevealMoreHandler.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 RevealMoreHandler
+ * @ingroup js_controllers
+ *
+ * @brief A basic handler for the reveal more UI pattern
+ */
+(function($) {
+
+
+	/**
+	 * @constructor
+	 *
+	 * @extends $.pkp.classes.Handler
+	 *
+	 * @param {jQueryObject} $widgetWrapper An HTML element that contains the
+	 *   widget.
+	 * @param {Object} options Handler options.
+	 */
+	$.pkp.controllers.RevealMoreHandler = function($widgetWrapper, options) {
+		this.parent($widgetWrapper, options);
+
+		if ($widgetWrapper.outerHeight() > options.height) {
+			$widgetWrapper.addClass('isHidden').
+					css('max-height', options.height + 'px');
+			$('.revealMoreButton', $widgetWrapper).click(
+					this.callbackWrapper(this.revealMore));
+		}
+	};
+	$.pkp.classes.Helper.inherits(
+			$.pkp.controllers.RevealMoreHandler, $.pkp.classes.Handler);
+
+
+	//
+	// Public methods
+	//
+	/**
+	 * Event handler that is called when the button to reveal more is clicked
+	 *
+	 * @param {HTMLElement} revealMoreButton The button that is clicked to
+	 *   toggle extras.
+	 * @param {Event} event The triggering event.
+	 */
+	$.pkp.controllers.RevealMoreHandler.prototype.revealMore =
+			function(revealMoreButton, event) {
+		this.getHtmlElement().removeClass('isHidden').removeAttr('style');
+		event.preventDefault();
+		event.stopPropagation();
+	};
+
+}(jQuery));