Add Language settings dialog

Change-Id: Ie3455f32ac6ceff3c52d79643a6f7f82106ab7f1

resources/js/ext.uls.displaysettings.js

@@ -0,0 +1,51 @@
+/**
+ * ULS-based display settings panel
+ *
+ * Copyright (C) 2012 Alolita Sharma, Amir Aharoni, Arun Ganesh, Brandon Harris,
+ * Niklas Laxström, Pau Giner, Santhosh Thottingal, Siebrand Mazeland and other
+ * contributors. See CREDITS for a list.
+ *
+ * UniversalLanguageSelector is dual licensed GPLv2 or later and MIT. You don't
+ * have to do anything special to choose one license or the other and you don't
+ * have to notify anyone which license you are using. You are free to use
+ * UniversalLanguageSelector in commercial projects as long as the copyright
+ * header is left intact. See files GPL-LICENSE and MIT-LICENSE for details.
+ *
+ * @file
+ * @ingroup Extensions
+ * @licence GNU General Public Licence 2.0 or later
+ * @licence MIT License
+ */
+
+( function( $ ) {
+	"use strict";
+	var template = '<div><h3>Display Settings</h3></div>' +
+		'<div><h4>Select Language</h4></div>' +
+		'<div>' +
+			'<button>English</button>' +
+			'<button>Deutsch</button>' +
+			'<button>עברית</button>' +
+			'<button class="uls-trigger">...</button>' +
+		'</div>' +
+		'<div><h4>Font Settings</h4></div>' +
+		'<div>' +
+			'<input type="checkbox" id="webfonts-enable-checkbox" />' +
+			'<label for="webfonts-enable-checkbox">Download fonts automatically when needed</label>' +
+		'</div>' +
+		'<div><h5>Select your preferred fonts to use</h5></div>' +
+		'<div>Fonts for English<select></select></div>' +
+		'<div>Fonts for Spanish<select></select></div>' +
+		'<div class="language-settings-buttons"><button>Cancel</button><button>Apply changes</button></div>';
+
+	var displaySettings = {
+		render: function() {
+			return template;
+		},
+		name: "Display",
+		description: "Set the fonts for languages"
+	};
+
+	$.fn.languagesettings.modules = $.extend( $.fn.languagesettings.modules, {
+		display: displaySettings
+	} );
+} ) ( jQuery );