From d83e246c4ee7625f03b902a195e445139731ed24 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 11 Nov 2012 03:52:06 +0100
Subject: [PATCH] Adds an overlay for 'jump to page'

---
 com.woltlab.wcf/template/headInclude.tpl      |   4 +
 wcfsetup/install/files/js/WCF.js              | 121 ++++++++++++++++++
 .../PagesFunctionTemplatePlugin.class.php     |   4 +-
 wcfsetup/install/lang/de.xml                  |   2 +
 4 files changed, 129 insertions(+), 2 deletions(-)

diff --git a/com.woltlab.wcf/template/headInclude.tpl b/com.woltlab.wcf/template/headInclude.tpl
index e967f3cd30..42f29967df 100644
--- a/com.woltlab.wcf/template/headInclude.tpl
+++ b/com.woltlab.wcf/template/headInclude.tpl
@@ -61,6 +61,9 @@
 			'__days': [ '{lang}wcf.date.day.sunday{/lang}', '{lang}wcf.date.day.monday{/lang}', '{lang}wcf.date.day.tuesday{/lang}', '{lang}wcf.date.day.wednesday{/lang}', '{lang}wcf.date.day.thursday{/lang}', '{lang}wcf.date.day.friday{/lang}', '{lang}wcf.date.day.saturday{/lang}' ],
 			'wcf.global.thousandsSeparator': '{capture assign=thousandsSeparator}{lang}wcf.global.thousandsSeparator{/lang}{/capture}{@$thousandsSeparator|encodeJS}',
 			'wcf.global.decimalPoint': '{capture assign=decimalPoint}{lang}wcf.global.decimalPoint{/lang}{/capture}{$decimalPoint|encodeJS}',
+			'wcf.global.page.jumpTo': '{lang}wcf.global.page.jumpTo{/lang}',
+			'wcf.global.page.jumpTo.description': '{lang}wcf.global.page.jumpTo.description{/lang}',
+			'wcf.global.page.pageNavigation': '{lang}wcf.global.page.pageNavigation{/lang}',
 			'wcf.global.page.next': '{capture assign=pageNext}{lang}wcf.global.page.next{/lang}{/capture}{@$pageNext|encodeJS}',
 			'wcf.global.page.previous': '{capture assign=pagePrevious}{lang}wcf.global.page.previous{/lang}{/capture}{@$pagePrevious|encodeJS}',
 			'wcf.global.confirmation.cancel': '{lang}wcf.global.confirmation.cancel{/lang}',
@@ -98,6 +101,7 @@
 		new WCF.Sitemap();
 		new WCF.Style.Chooser();
 		WCF.Dropdown.init();
+		WCF.System.PageNavigation.init('.pageNavigation');
 		
 		{event name='javascriptInit'}
 		
diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index 03da80c741..1fff647b14 100755
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -5059,6 +5059,127 @@ WCF.System.Confirmation = {
 	}
 };
 
+/**
+ * Provides the 'jump to page' overlay.
+ */
+WCF.System.PageNavigation = {
+	/**
+	 * submit button
+	 * @var	jQuery
+	 */
+	_button: null,
+	
+	/**
+	 * page No description
+	 * @var	jQuery
+	 */
+	_description: null,
+	
+	/**
+	 * dialog overlay
+	 * @var	jQuery
+	 */
+	_dialog: null,
+	
+	/**
+	 * active element id
+	 * @var	string
+	 */
+	_elementID: '',
+	
+	/**
+	 * list of tracked navigation bars
+	 * @var	object
+	 */
+	_elements: { },
+	
+	/**
+	 * page No input
+	 * @var	jQuery
+	 */
+	_pageNo: null,
+	
+	/**
+	 * Initializes the 'jump to page' overlay for given selector.
+	 * 
+	 * @param	string		selector
+	 */
+	init: function(selector) {
+		var $elements = $(selector);
+		if (!$elements.length) {
+			return;
+		}
+		
+		this._initElements($elements);
+	},
+	
+	/**
+	 * Initializes the 'jump to page' overlay for given elements.
+	 * 
+	 * @param	jQuery		elements
+	 */
+	_initElements: function(elements) {
+		var self = this;
+		elements.each(function(index, element) {
+			var $element = $(element);
+			var $elementID = $element.wcfIdentify();
+			if (self._elements[$elementID] === undefined) {
+				self._elements[$elementID] = $element;
+				$element.find('li.jumpTo').data('elementID', $elementID).click($.proxy(self._click, self));
+			}
+		});
+	},
+	
+	/**
+	 * Shows the 'jump to page' overlay.
+	 * 
+	 * @param	object		event
+	 */
+	_click: function(event) {
+		this._elementID = $(event.currentTarget).data('elementID');
+		
+		if (this._dialog === null) {
+			this._dialog = $('<div id="pageNavigationOverlay" />').hide().appendTo(document.body);
+			
+			var $fieldset = $('<fieldset><legend>' + WCF.Language.get('wcf.global.page.jumpTo') + '</legend></fieldset>').appendTo(this._dialog);
+			$('<dl><dt><label for="jsPageNavigationPageNo">' + WCF.Language.get('wcf.global.page.jumpTo') + '</label></dt><dd></dd></dl>').appendTo($fieldset);
+			this._pageNo = $('<input type="number" id="jsPageNavigationPageNo" value="1" min="1" max="1" class="long" />').keyup($.proxy(this._keyUp, this)).appendTo($fieldset.find('dd'));
+			this._description = $('<small></small>').insertAfter(this._pageNo);
+			var $formSubmit = $('<div class="formSubmit" />').appendTo(this._dialog);
+			this._button = $('<button class="buttonPrimary">' + WCF.Language.get('wcf.global.button.submit') + '</button>').click($.proxy(this._submit, this)).appendTo($formSubmit);
+		}
+		
+		this._button.enable();
+		this._description.html(WCF.Language.get('wcf.global.page.jumpTo.description').replace(/#pages#/, this._elements[this._elementID].data('pages')));
+		this._pageNo.val('1').attr('max', this._elements[this._elementID].data('pages'));
+		
+		this._dialog.wcfDialog({
+			'title': WCF.Language.get('wcf.global.page.pageNavigation')
+		});
+	},
+	
+	/**
+	 * Validates the page No input.
+	 */
+	_keyUp: function() {
+		var $pageNo = parseInt(this._pageNo.val()) || 0;
+		if ($pageNo < 1 || $pageNo > this._pageNo.attr('max')) {
+			this._button.disable();
+		}
+		else {
+			this._button.enable();
+		}
+	},
+	
+	/**
+	 * Redirects to given page No.
+	 */
+	_submit: function() {
+		var $redirectURL = this._elements[this._elementID].data('link').replace(/pageNo=%d/, 'pageNo=' + this._pageNo.val());
+		window.location = $redirectURL;
+	}
+};
+
 /**
  * Default implementation for inline editors.
  * 
diff --git a/wcfsetup/install/files/lib/system/template/plugin/PagesFunctionTemplatePlugin.class.php b/wcfsetup/install/files/lib/system/template/plugin/PagesFunctionTemplatePlugin.class.php
index b6d62954d2..4282ec9152 100644
--- a/wcfsetup/install/files/lib/system/template/plugin/PagesFunctionTemplatePlugin.class.php
+++ b/wcfsetup/install/files/lib/system/template/plugin/PagesFunctionTemplatePlugin.class.php
@@ -176,7 +176,7 @@ class PagesFunctionTemplatePlugin implements IFunctionTemplatePlugin {
 					$html .= $this->makeLink($link, 2, $tagArgs['page']);
 				}
 				else {
-					$html .= '<li class="button jumpTo"><a title="'.WCF::getLanguage()->getDynamicVariable('wcf.global.page.jumpTo').'" class="jsTooltip">...</a></li>'."\n";
+					$html .= '<li class="button jumpTo"><a title="'.WCF::getLanguage()->getDynamicVariable('wcf.global.page.jumpTo').'" class="jsTooltip">&hellip;</a></li>'."\n";
 				}
 			}
 			
@@ -191,7 +191,7 @@ class PagesFunctionTemplatePlugin implements IFunctionTemplatePlugin {
 					$html .= $this->makeLink($link, $tagArgs['pages'] - 1, $tagArgs['page']);
 				}
 				else {
-					$html .= '<li class="button jumpTo"><a title="'.WCF::getLanguage()->getDynamicVariable('wcf.global.page.jumpTo').'" class="jsTooltip">...</a></li>'."\n";
+					$html .= '<li class="button jumpTo"><a title="'.WCF::getLanguage()->getDynamicVariable('wcf.global.page.jumpTo').'" class="jsTooltip">&hellip;</a></li>'."\n";
 				}
 			}
 			
diff --git a/wcfsetup/install/lang/de.xml b/wcfsetup/install/lang/de.xml
index e44a33fcf7..a2ea62a049 100644
--- a/wcfsetup/install/lang/de.xml
+++ b/wcfsetup/install/lang/de.xml
@@ -709,6 +709,7 @@
 		<item name="wcf.global.name"><![CDATA[Name]]></item>
 		<item name="wcf.global.objectID"><![CDATA[ID]]></item>
 		<item name="wcf.global.page.next"><![CDATA[Nächste Seite]]></item>
+		<item name="wcf.global.page.pageNavigation"><![CDATA[Navigation]]></item>
 		<item name="wcf.global.page.previous"><![CDATA[Vorherige Seite]]></item>
 		<item name="wcf.global.pageDirection"><![CDATA[ltr]]></item> <!-- system variable; do not translate -->
 		<item name="wcf.global.redirect.title"><![CDATA[Weiterleitung]]></item>
@@ -726,6 +727,7 @@
 		<item name="wcf.global.preview"><![CDATA[Vorschau]]></item>
 		<item name="wcf.global.multiSelect"><![CDATA[Mehrfache Markierungen sind durch zusätzliches Drücken der Taste &bdquo;Strg/Ctrl&ldquo; (Windows) oder &bdquo;Befehl/Command&ldquo; (Mac OS) möglich.]]></item>
 		<item name="wcf.global.page.jumpTo"><![CDATA[Gehe zu Seite]]></item>
+		<item name="wcf.global.page.jumpTo.description"><![CDATA[Geben Sie einen Wert zwischen &bdquo;1&ldquo; und &bdquo;#pages#&ldquo; ein.]]></item>
 		<item name="wcf.global.error.illegalLink"><![CDATA[Sie haben einen ungültigen oder nicht mehr gültigen Link aufgerufen.]]></item>
 		<item name="wcf.global.error.backward"><![CDATA[Zurück zur vorherigen Seite]]></item>
 		<item name="wcf.global.noDeclaration"><![CDATA[Keine Angabe]]></item>
-- 
2.20.1