From: Kibum Kim Date: Mon, 27 Feb 2012 12:16:46 +0000 (+0900) Subject: tizen beta release X-Git-Tag: 2.0_release~1 X-Git-Url: http://review.tizen.org/git/?p=framework%2Fweb%2Fweb-ui-fw.git;a=commitdiff_plain;h=5304d4c62a76f7517fedcc510afbebe2239173a5 tizen beta release --- 5304d4c62a76f7517fedcc510afbebe2239173a5 diff --git a/COPYING b/COPYING new file mode 100644 index 0000000..7706565 --- /dev/null +++ b/COPYING @@ -0,0 +1,53 @@ +This software is licensed under the MIT licence (as defined +by the OSI at http://www.opensource.org/licenses/mit-license.php) + +**************************************************************************** +Copyright (c) 2000 - 2011 Samsung Electronics Co., Ltd. +Copyright (C) 2011 by Intel Corporation Ltd. + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. +**************************************************************************** + +This software incorporates software from other sources, including: + +widgets/jquery.mobile.groupindex/ + initial version taken from + git clone https://github.com/jquery/jquery-mobile.git + commit a197e17500ed9f4994f532ab384b0b45b414a1ea + including theme files (removed php files which required some changes), demo html, js, and also the + jquery.mobile.scrollview.{js/css} in the common directories (already copied as part of datetimepicker). + +widgets/jquery.mobile.maps/ + initial version taken from : + svn checkout http://jquery-ui-map.googlecode.com/svn/trunk/ jquery-ui-map-read-only + Checked out revision 254. + +jQuery UI (http://jqueryui.com/) [MIT licence] +JQM-DateBox (https://github.com/jtsage/jquery-mobile-datebox) [CC 3.0 Attribution] +developed by JTSage (http://dev.jtsage.com/blog/) + +jQuery Mobile (http://jquerymobile.com/) [MIT licence] + +jQuery (http://jquery.com/) [MIT licence] + +(parts of) Underscore (http://documentcloud.github.com/underscore/) [MIT licence] + +jLayout (http://www.bramstein.com/projects/jlayout/) [BSD licence] + +jSizes (http://www.bramstein.com/projects/jsizes/) [BSD licence] diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..1422fca --- /dev/null +++ b/Makefile @@ -0,0 +1,282 @@ +## Project setting +DEBUG ?= yes +PROJECT_NAME = tizen-web-ui-fw +VERSION = 0.1 +VERSION_COMPAT = +THEME_NAME = default + +PATH := $(CURDIR)/build-tools/bin:$(PATH) + +INLINE_PROTO = 1 +OUTPUT_ROOT = $(CURDIR)/build +FRAMEWORK_ROOT = ${OUTPUT_ROOT}/${PROJECT_NAME}/${VERSION} + +LATEST_ROOT = ${OUTPUT_ROOT}/${PROJECT_NAME}/latest + +JS_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/js +export THEME_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/themes +CSS_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/themes/${THEME_NAME} +CSS_IMAGES_OUTPUT_DIR = ${CSS_OUTPUT_ROOT}/images +WIDGET_CSS_OUTPUT_ROOT = ${FRAMEWORK_ROOT}/widget-css +PROTOTYPE_HTML_OUTPUT_DIR = proto-html + +WIDGETS_DIR = $(CURDIR)/src/widgets + +THEMES_DIR = $(CURDIR)/src/themes +LIBS_DIR = $(CURDIR)/libs + +COPYING_FILE = $(CURDIR)/COPYING + +DESTDIR ?= + +PREFIX ?= /usr +INSTALL_DIR = ${DESTDIR}${PREFIX} + +FW_JS = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}.js +FW_MIN = $(subst .js,.min.js,$(FW_JS)) +FW_LIB_JS = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}-libs.js +FW_LIB_MIN = $(subst .js,.min.js,$(FW_LIB_JS)) + + + +FW_JS_THEME = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}-${THEME_NAME}-theme.js +FW_CSS = ${CSS_OUTPUT_ROOT}/${PROJECT_NAME}-theme.css +FW_LIBS_JS = ${JS_OUTPUT_ROOT}/${PROJECT_NAME}-libs.js +FW_THEME_CSS_FILE = ${PROJECT_NAME}-theme.css +FW_WIDGET_CSS_FILE = ${WIDGET_CSS_OUTPUT_ROOT}/${PROJECT_NAME}-widget.css + +LIBS_JS_FILES = underscore.js \ + jlayout/jquery.sizes.js \ + jlayout/jlayout.border.js \ + jlayout/jlayout.grid.js \ + jlayout/jlayout.flexgrid.js \ + jlayout/jlayout.flow.js \ + jlayout/jquery.jlayout.js \ + domready.js \ + $(NULL) + +JQUERY_MOBILE = submodules/jquery-mobile/compiled/jquery.mobile.js +JQUERY_MOBILE_CSS = submodules/jquery-mobile/compiled/jquery.mobile.structure.css \ + submodules/jquery-mobile/compiled/jquery.mobile.css \ + $(NULL) +JQUERY_MOBILE_IMAGES = submodules/jquery-mobile/css/themes/default/images + +JQM_VERSION = jquery-mobile-1.0.1pre +JQM_LIB_PATH = $(CURDIR)/libs/js/${JQM_VERSION} + +ifeq (${DEBUG},yes) +LIBS_JS_FILES +=\ + jquery.mobile.js \ + jquery.ui.position.git+dfe75e1.js \ + $(NULL) +JQUERY = jquery-1.6.4.js +else +LIBS_JS_FILES +=\ + jquery.mobile.min.js \ + jquery.ui.position.git+dfe75e1.min.js \ + $(NULL) +JQUERY = jquery-1.6.4.min.js +endif + +LIBS_CSS_FILES = +ifeq (${DEBUG},yes) +LIBS_CSS_FILES +=\ + $(CURDIR)/src/jqm/compiled/jquery.mobile-1.0rc2pre.css \ + $(NULL) +else +LIBS_CSS_FILES +=\ + $(CURDIR)/src/jqm/compiled/jquery.mobile-1.0rc2pre.min.css \ + $(NULL) +endif + + +all: third_party widgets loader themes version_compat compress + + +jqm: init + # Building jQuery Mobile... + @@test -d ${JQM_LIB_PATH}.bak && rm -f ${JQM_LIB_PATH} && mv ${JQM_LIB_PATH}.bak ${JQM_LIB_PATH}; \ + cp -a ${JQM_LIB_PATH} ${JQM_LIB_PATH}.bak; \ + for f in `ls $(CURDIR)/libs/patch/*.patch`; do \ + cd $(CURDIR); \ + echo "Apply patch: $$f"; \ + cat $$f | patch -p1 -N; \ + done; \ + cd ${JQM_LIB_PATH} && make all-but-min || exit 1; \ + cp -f ${JQM_LIB_PATH}/compiled/*.js ${JQM_LIB_PATH}/../; \ + rm -rf ${JQM_LIB_PATH}; mv ${JQM_LIB_PATH}.bak ${JQM_LIB_PATH}; + + + +third_party: init jqm + # Building third party components... + @@cd ${LIBS_DIR}/js; \ + for f in ${LIBS_JS_FILES}; do \ + cat $$f >> ${FW_LIB_JS}; \ + uglifyjs $$f >> ${FW_LIB_MIN}; \ + echo "" >> ${FW_LIB_MIN}; \ + done; \ + cp ${LIBS_DIR}/js/${JQUERY} ${JS_OUTPUT_ROOT}/jquery.js + @@cd ${LIBS_DIR}/css; \ + for f in ${LIBS_CSS_FILES}; do \ + cat $$f >> ${FW_CSS}; \ + done; \ + cp -r images/* ${CSS_IMAGES_OUTPUT_DIR} + + #@@cp -a ${LIBS_DIR}/images ${FRAMEWORK_ROOT}/ + + +widgets: init third_party + # Building widgets... + @@ls -l ${WIDGETS_DIR} | grep '^d' | awk '{print $$NF;}' | \ + while read REPLY; do \ + echo " # Building widget $$REPLY"; \ + if test "x${INLINE_PROTO}x" = "x1x"; then \ + ./tools/inline-protos.sh ${WIDGETS_DIR}/$$REPLY >> ${WIDGETS_DIR}/$$REPLY/js/$$REPLY.js.compiled; \ + cat ${WIDGETS_DIR}/$$REPLY/js/$$REPLY.js.compiled >> ${FW_JS}; \ + else \ + for f in `find ${WIDGETS_DIR}/$$REPLY -iname 'js/*.js' | sort`; do \ + echo " $$f"; \ + cat $$f >> ${FW_JS}; \ + done; \ + fi; \ + for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.js.theme' | sort`; do \ + echo " $$f"; \ + cat $$f >> ${FW_JS_THEME}; \ + done; \ + for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.less' | sort`; do \ + echo " $$f"; \ + lessc $$f > $$f.css; \ + done; \ + for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.css' | sort`; do \ + echo " $$f"; \ + cat $$f >> ${FW_CSS}; \ + done; \ + for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.gif' -or -iname '*.png' -or -iname '*.jpg' | sort`; do \ + echo " $$f"; \ + cp $$f ${CSS_IMAGES_OUTPUT_DIR}; \ + done; \ + if test "x${INLINE_PROTO}x" != "x1x"; then \ + for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.prototype.html' | sort`; do \ + echo " $$f"; \ + cp $$f ${PROTOTYPE_HTML_OUTPUT_DIR}; \ + done; \ + fi; \ + done + + +loader: widgets globalize + cat 'src/loader/loader.js' >> ${FW_JS} + + +globalize: widgets + cat 'libs/js/globalize/lib/globalize.js' >> ${FW_JS} + # copy globalize libs... + cp -a libs/js/globalize/lib/cultures ${FRAMEWORK_ROOT}/js/ + + +themes: + make -C src/themes || exit $? + + +compress: widgets loader + @@echo " # Compressing...."; + echo '/*' > ${FW_MIN} + cat ${COPYING_FILE} >> ${FW_MIN} + echo '*/' >> ${FW_MIN} + uglifyjs -nc ${FW_JS} >> ${FW_MIN} + + +docs: init + # Building documentation... + @@hash docco 2>&1 /dev/null || (echo "docco not found. Please see README."; exit 1); \ + ls -l ${WIDGETS_DIR} | grep '^d' | awk '{print $$NF;}' | \ + while read REPLY; do \ + echo " # Building docs for widget $$REPLY"; \ + for f in `find ${WIDGETS_DIR}/$$REPLY -iname '*.js' | sort`; do \ + docco $$f > /dev/null; \ + done; \ + done; \ + cp docs/docco.custom.css docs/docco.css; \ + cat docs/index.header > docs/index.html; \ + for f in `find docs -name '*.html' -not -name index.html | sort`; do \ + echo "
  • $$(basename $$f .html)
    • " >> docs/index.html; \ + done; \ + cat docs/index.footer >> docs/index.html + + +version_compat: third_party widgets + # Creating compatible version dirs... + for v_compat in ${VERSION_COMPAT}; do \ + ln -sf ${VERSION} ${FRAMEWORK_ROOT}/../$$v_compat; \ + done; + +demo: widgets + mkdir -p ${OUTPUT_ROOT}/demos + cp -av demos/* ${OUTPUT_ROOT}/demos/ + cp -f src/template/bootstrap.js ${OUTPUT_ROOT}/demos/gallery/ + + +install: all + mkdir -p ${INSTALL_DIR}/lib/tizen-web-ui-fw ${INSTALL_DIR}/bin ${INSTALL_DIR}/share/tizen-web-ui-fw/demos/ + cp -av ${OUTPUT_ROOT}/tizen-web-ui-fw/* src/template ${INSTALL_DIR}/lib/tizen-web-ui-fw/ + cp -av tools/* ${INSTALL_DIR}/bin/ + cp -av demos/tizen-gray ${INSTALL_DIR}/share/tizen-web-ui-fw/demos/ && cd ${INSTALL_DIR}/share/tizen-web-ui-fw/demos/tizen-gray && sed -i -e "s#../../build#../../../../lib#g" *.html + + +coverage: clean all + # Checking unit test coverage + $(CURDIR)/tests/coverage/instrument.sh + + +dist: clean all docs + # Creating tarball... + @@ \ + TMPDIR=$$(mktemp -d tarball.XXXXXXXX); \ + DESTDIR=$${TMPDIR}/${PROJECT_NAME}; \ + MIN=''; \ + if test "x${DEBUG}x" = "xnox"; then \ + MIN='.min'; \ + fi; \ + TARBALL=${PROJECT_NAME}-${VERSION}-`date +%Y%m%d`$${MIN}.tar.gz; \ + mkdir -p $${DESTDIR}; \ + cp -a ${FW_JS} \ + ${FW_LIBS_JS} \ + ${THEMES_OUTPUT_ROOT}/tizen/${FW_THEME_CSS_FILE} \ + ${FW_WIDGET_CSS_FILE} \ + ${THEMES_OUTPUT_ROOT}/tizen/images \ + docs \ + README.md \ + COPYING \ + $${DESTDIR}; \ + hash git 2>&1 /dev/null && touch $${DESTDIR}/$$(git log | head -n 1 | awk '{print $$2;}'); \ + tar cfzps \ + $${TARBALL} \ + --exclude='.git' \ + --exclude='*.less.css' \ + --exclude='*.js.compiled' \ + --exclude='submodules/jquery-mobile' \ + --exclude='${JQUERY}' \ + -C $${TMPDIR} ${PROJECT_NAME}; \ + rm -rf $${TMPDIR} + + +clean: + # Removing destination directory... + @@rm -rf ${OUTPUT_ROOT} + # Remove generated files... + @@rm -f `find . -iname *.less.css` + @@rm -f `find . -iname *.js.compiled` + + +init: clean + # Check build environment... + @@hash lessc 2>/dev/null || (echo "lessc not found. Please see HACKING."; exit 1); \ + + # Initializing... + @@mkdir -p ${JS_OUTPUT_ROOT} + @@mkdir -p ${THEME_OUTPUT_ROOT} + @@mkdir -p ${CSS_OUTPUT_ROOT} + @@mkdir -p ${CSS_IMAGES_OUTPUT_DIR} + @@mkdir -p ${PROTOTYPE_HTML_OUTPUT_DIR} + @@rm -f docs/*.html diff --git a/build-tools/README.txt b/build-tools/README.txt new file mode 100644 index 0000000..64e1a7a --- /dev/null +++ b/build-tools/README.txt @@ -0,0 +1,14 @@ +Tizen Web UI Framework includes following tools used on build; + +* less (http://lesscss.org) + * Description: A dynamic CSS language compiler based on node.js + * Mods + * Support rem unit (build-tools/lib/less/parser.js) + * License: Apache License Version 2.0 (build-tools/lib/less/LICENSE) + +* UglifyJS (https://github.com/mishoo/UglifyJS) + * Description: A javascript code compressor/uglifier based on node.js + * Mods + * Add relative lib directory to work with UglifyJS libs (build-tools/bin/uglifyjs) + * Change lib directory structure: lib/ to lib/uglifyjs/ (build-tools/bin/uglifyjs, build-tools/lib/uglify-js) + * License: BSD License (build-tools/lib/uglifyjs/LICENSE) diff --git a/build-tools/bin/lessc b/build-tools/bin/lessc new file mode 100755 index 0000000..1e3c961 --- /dev/null +++ b/build-tools/bin/lessc @@ -0,0 +1,130 @@ +#!/usr/bin/env node + +var path = require('path'), + fs = require('fs'), + sys = require('sys'); + +require.paths.unshift(path.join(__dirname, '..', 'lib')); + +var less = require('less'); +var args = process.argv.slice(1); +var options = { + compress: false, + optimization: 1, + silent: false, + paths: [], + color: true +}; + +args = args.filter(function (arg) { + var match; + + if (match = arg.match(/^-I(.+)$/)) { + options.paths.push(match[1]); + return false; + } + + if (match = arg.match(/^--?([a-z][0-9a-z-]*)(?:=([^\s]+))?$/i)) { arg = match[1] } + else { return arg } + + switch (arg) { + case 'v': + case 'version': + sys.puts("lessc " + less.version.join('.') + " (LESS Compiler) [JavaScript]"); + process.exit(0); + case 'verbose': + options.verbose = true; + break; + case 's': + case 'silent': + options.silent = true; + break; + case 'h': + case 'help': + sys.puts("usage: lessc source [destination]"); + process.exit(0); + case 'x': + case 'compress': + options.compress = true; + break; + case 'no-color': + options.color = false; + break; + case 'include-path': + options.paths = match[2].split(':') + .map(function(p) { + if (p && p[0] == '/') { + return path.join(path.dirname(input), p); + } else if (p) { + return path.join(process.cwd(), p); + } + }); + break; + case 'O0': options.optimization = 0; break; + case 'O1': options.optimization = 1; break; + case 'O2': options.optimization = 2; break; + } +}); + +var input = args[1]; +if (input && input[0] != '/' && input != '-') { + input = path.join(process.cwd(), input); +} +var output = args[2]; +if (output && output[0] != '/') { + output = path.join(process.cwd(), output); +} + +var css, fd, tree; + +if (! input) { + sys.puts("lessc: no input files"); + process.exit(1); +} + +var parseLessFile = function (e, data) { + if (e) { + sys.puts("lessc: " + e.message); + process.exit(1); + } + + new(less.Parser)({ + paths: [path.dirname(input)].concat(options.paths), + optimization: options.optimization, + filename: input + }).parse(data, function (err, tree) { + if (err) { + less.writeError(err, options); + process.exit(1); + } else { + try { + css = tree.toCSS({ compress: options.compress }); + if (output) { + fd = fs.openSync(output, "w"); + fs.writeSync(fd, css, 0, "utf8"); + } else { + sys.print(css); + } + } catch (e) { + less.writeError(e, options); + process.exit(2); + } + } + }); +}; + +if (input != '-') { + fs.readFile(input, 'utf-8', parseLessFile); +} else { + process.stdin.resume(); + process.stdin.setEncoding('utf8'); + + var buffer = ''; + process.stdin.on('data', function(data) { + buffer += data; + }); + + process.stdin.on('end', function() { + parseLessFile(false, buffer); + }); +} diff --git a/build-tools/bin/uglifyjs b/build-tools/bin/uglifyjs new file mode 100755 index 0000000..061cd4d --- /dev/null +++ b/build-tools/bin/uglifyjs @@ -0,0 +1,329 @@ +#!/usr/bin/env node +// -*- js -*- + +global.sys = require(/^v0\.[012]/.test(process.version) ? "sys" : "util"); +var fs = require("fs"); + +// Add ../lib to require path +// by Youmin Ha +var path = require("path"); +require.paths.unshift(path.join(__dirname, '..', 'lib')); + +var uglify = require("uglify-js"), // symlink ~/.node_libraries/uglify-js.js to ../uglify-js.js + jsp = uglify.parser, + pro = uglify.uglify; + +var options = { + ast: false, + mangle: true, + mangle_toplevel: false, + no_mangle_functions: false, + squeeze: true, + make_seqs: true, + dead_code: true, + verbose: false, + show_copyright: true, + out_same_file: false, + max_line_length: 32 * 1024, + unsafe: false, + reserved_names: null, + defines: { }, + lift_vars: false, + codegen_options: { + ascii_only: false, + beautify: false, + indent_level: 4, + indent_start: 0, + quote_keys: false, + space_colon: false, + inline_script: false + }, + make: false, + output: true // stdout +}; + +var args = jsp.slice(process.argv, 2); +var filename; + +out: while (args.length > 0) { + var v = args.shift(); + switch (v) { + case "-b": + case "--beautify": + options.codegen_options.beautify = true; + break; + case "-i": + case "--indent": + options.codegen_options.indent_level = args.shift(); + break; + case "-q": + case "--quote-keys": + options.codegen_options.quote_keys = true; + break; + case "-mt": + case "--mangle-toplevel": + options.mangle_toplevel = true; + break; + case "-nmf": + case "--no-mangle-functions": + options.no_mangle_functions = true; + break; + case "--no-mangle": + case "-nm": + options.mangle = false; + break; + case "--no-squeeze": + case "-ns": + options.squeeze = false; + break; + case "--no-seqs": + options.make_seqs = false; + break; + case "--no-dead-code": + options.dead_code = false; + break; + case "--no-copyright": + case "-nc": + options.show_copyright = false; + break; + case "-o": + case "--output": + options.output = args.shift(); + break; + case "--overwrite": + options.out_same_file = true; + break; + case "-v": + case "--verbose": + options.verbose = true; + break; + case "--ast": + options.ast = true; + break; + case "--unsafe": + options.unsafe = true; + break; + case "--max-line-len": + options.max_line_length = parseInt(args.shift(), 10); + break; + case "--reserved-names": + options.reserved_names = args.shift().split(","); + break; + case "--lift-vars": + options.lift_vars = true; + break; + case "-d": + case "--define": + var defarg = args.shift(); + try { + var defsym = function(sym) { + // KEYWORDS_ATOM doesn't include NaN or Infinity - should we check + // for them too ?? We don't check reserved words and the like as the + // define values are only substituted AFTER parsing + if (jsp.KEYWORDS_ATOM.hasOwnProperty(sym)) { + throw "Don't define values for inbuilt constant '"+sym+"'"; + } + return sym; + }, + defval = function(v) { + if (v.match(/^"(.*)"$/) || v.match(/^'(.*)'$/)) { + return [ "string", RegExp.$1 ]; + } + else if (!isNaN(parseFloat(v))) { + return [ "num", parseFloat(v) ]; + } + else if (v.match(/^[a-z\$_][a-z\$_0-9]*$/i)) { + return [ "name", v ]; + } + else if (!v.match(/"/)) { + return [ "string", v ]; + } + else if (!v.match(/'/)) { + return [ "string", v ]; + } + throw "Can't understand the specified value: "+v; + }; + if (defarg.match(/^([a-z_\$][a-z_\$0-9]*)(=(.*))?$/i)) { + var sym = defsym(RegExp.$1), + val = RegExp.$2 ? defval(RegExp.$2.substr(1)) : [ 'name', 'true' ]; + options.defines[sym] = val; + } + else { + throw "The --define option expects SYMBOL[=value]"; + } + } catch(ex) { + sys.print("ERROR: In option --define "+defarg+"\n"+ex+"\n"); + process.exit(1); + } + break; + case "--define-from-module": + var defmodarg = args.shift(), + defmodule = require(defmodarg), + sym, + val; + for (sym in defmodule) { + if (defmodule.hasOwnProperty(sym)) { + options.defines[sym] = function(val) { + if (typeof val == "string") + return [ "string", val ]; + if (typeof val == "number") + return [ "num", val ]; + if (val === true) + return [ 'name', 'true' ]; + if (val === false) + return [ 'name', 'false' ]; + if (val === null) + return [ 'name', 'null' ]; + if (val === undefined) + return [ 'name', 'undefined' ]; + sys.print("ERROR: In option --define-from-module "+defmodarg+"\n"); + sys.print("ERROR: Unknown object type for: "+sym+"="+val+"\n"); + process.exit(1); + return null; + }(defmodule[sym]); + } + } + break; + case "--ascii": + options.codegen_options.ascii_only = true; + break; + case "--make": + options.make = true; + break; + case "--inline-script": + options.codegen_options.inline_script = true; + break; + default: + filename = v; + break out; + } +} + +if (options.verbose) { + pro.set_logger(function(msg){ + sys.debug(msg); + }); +} + +jsp.set_logger(function(msg){ + sys.debug(msg); +}); + +if (options.make) { + options.out_same_file = false; // doesn't make sense in this case + var makefile = JSON.parse(fs.readFileSync(filename || "Makefile.uglify.js").toString()); + output(makefile.files.map(function(file){ + var code = fs.readFileSync(file.name); + if (file.module) { + code = "!function(exports, global){global = this;\n" + code + "\n;this." + file.module + " = exports;}({})"; + } + else if (file.hide) { + code = "(function(){" + code + "}());"; + } + return squeeze_it(code); + }).join("\n")); +} +else if (filename) { + fs.readFile(filename, "utf8", function(err, text){ + if (err) throw err; + output(squeeze_it(text)); + }); +} +else { + var stdin = process.openStdin(); + stdin.setEncoding("utf8"); + var text = ""; + stdin.on("data", function(chunk){ + text += chunk; + }); + stdin.on("end", function() { + output(squeeze_it(text)); + }); +} + +function output(text) { + var out; + if (options.out_same_file && filename) + options.output = filename; + if (options.output === true) { + out = process.stdout; + } else { + out = fs.createWriteStream(options.output, { + flags: "w", + encoding: "utf8", + mode: 0644 + }); + } + out.write(text.replace(/;*$/, ";")); + if (options.output !== true) { + out.end(); + } +}; + +// --------- main ends here. + +function show_copyright(comments) { + var ret = ""; + for (var i = 0; i < comments.length; ++i) { + var c = comments[i]; + if (c.type == "comment1") { + ret += "//" + c.value + "\n"; + } else { + ret += "/*" + c.value + "*/"; + } + } + return ret; +}; + +function squeeze_it(code) { + var result = ""; + if (options.show_copyright) { + var tok = jsp.tokenizer(code), c; + c = tok(); + result += show_copyright(c.comments_before); + } + try { + var ast = time_it("parse", function(){ return jsp.parse(code); }); + if (options.lift_vars) { + ast = time_it("lift", function(){ return pro.ast_lift_variables(ast); }); + } + if (options.mangle) ast = time_it("mangle", function(){ + return pro.ast_mangle(ast, { + toplevel : options.mangle_toplevel, + defines : options.defines, + except : options.reserved_names, + no_functions : options.no_mangle_functions + }); + }); + if (options.squeeze) ast = time_it("squeeze", function(){ + ast = pro.ast_squeeze(ast, { + make_seqs : options.make_seqs, + dead_code : options.dead_code, + keep_comps : !options.unsafe + }); + if (options.unsafe) + ast = pro.ast_squeeze_more(ast); + return ast; + }); + if (options.ast) + return sys.inspect(ast, null, null); + result += time_it("generate", function(){ return pro.gen_code(ast, options.codegen_options) }); + if (!options.codegen_options.beautify && options.max_line_length) { + result = time_it("split", function(){ return pro.split_lines(result, options.max_line_length) }); + } + return result; + } catch(ex) { + sys.debug(ex.stack); + sys.debug(sys.inspect(ex)); + sys.debug(JSON.stringify(ex)); + process.exit(1); + } +}; + +function time_it(name, cont) { + if (!options.verbose) + return cont(); + var t1 = new Date().getTime(); + try { return cont(); } + finally { sys.debug("// " + name + ": " + ((new Date().getTime() - t1) / 1000).toFixed(3) + " sec."); } +}; diff --git a/build-tools/lib/less/LICENSE b/build-tools/lib/less/LICENSE new file mode 100644 index 0000000..40f3b78 --- /dev/null +++ b/build-tools/lib/less/LICENSE @@ -0,0 +1,179 @@ + + Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + +TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + +1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + +2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + +3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + +4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + +5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + +6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + +7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + +8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + +9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + +END OF TERMS AND CONDITIONS + +Copyright (c) 2009-2010 Alexis Sellier diff --git a/build-tools/lib/less/browser.js b/build-tools/lib/less/browser.js new file mode 100644 index 0000000..cba4c3b --- /dev/null +++ b/build-tools/lib/less/browser.js @@ -0,0 +1,375 @@ +// +// browser.js - client-side engine +// + +var isFileProtocol = (location.protocol === 'file:' || + location.protocol === 'chrome:' || + location.protocol === 'chrome-extension:' || + location.protocol === 'resource:'); + +less.env = less.env || (location.hostname == '127.0.0.1' || + location.hostname == '0.0.0.0' || + location.hostname == 'localhost' || + location.port.length > 0 || + isFileProtocol ? 'development' + : 'production'); + +// Load styles asynchronously (default: false) +// +// This is set to `false` by default, so that the body +// doesn't start loading before the stylesheets are parsed. +// Setting this to `true` can result in flickering. +// +less.async = false; + +// Interval between watch polls +less.poll = less.poll || (isFileProtocol ? 1000 : 1500); + +// +// Watch mode +// +less.watch = function () { return this.watchMode = true }; +less.unwatch = function () { return this.watchMode = false }; + +if (less.env === 'development') { + less.optimization = 0; + + if (/!watch/.test(location.hash)) { + less.watch(); + } + less.watchTimer = setInterval(function () { + if (less.watchMode) { + loadStyleSheets(function (root, sheet, env) { + if (root) { + createCSS(root.toCSS(), sheet, env.lastModified); + } + }); + } + }, less.poll); +} else { + less.optimization = 3; +} + +var cache; + +try { + cache = (typeof(window.localStorage) === 'undefined') ? null : window.localStorage; +} catch (_) { + cache = null; +} + +// +// Get all tags with the 'rel' attribute set to "stylesheet/less" +// +var links = document.getElementsByTagName('link'); +var typePattern = /^text\/(x-)?less$/; + +less.sheets = []; + +for (var i = 0; i < links.length; i++) { + if (links[i].rel === 'stylesheet/less' || (links[i].rel.match(/stylesheet/) && + (links[i].type.match(typePattern)))) { + less.sheets.push(links[i]); + } +} + + +less.refresh = function (reload) { + var startTime, endTime; + startTime = endTime = new(Date); + + loadStyleSheets(function (root, sheet, env) { + if (env.local) { + log("loading " + sheet.href + " from cache."); + } else { + log("parsed " + sheet.href + " successfully."); + createCSS(root.toCSS(), sheet, env.lastModified); + } + log("css for " + sheet.href + " generated in " + (new(Date) - endTime) + 'ms'); + (env.remaining === 0) && log("css generated in " + (new(Date) - startTime) + 'ms'); + endTime = new(Date); + }, reload); + + loadStyles(); +}; +less.refreshStyles = loadStyles; + +less.refresh(less.env === 'development'); + +function loadStyles() { + var styles = document.getElementsByTagName('style'); + for (var i = 0; i < styles.length; i++) { + if (styles[i].type.match(typePattern)) { + new(less.Parser)().parse(styles[i].innerHTML || '', function (e, tree) { + var css = tree.toCSS(); + var style = styles[i]; + try { + style.innerHTML = css; + } catch (_) { + style.styleSheets.cssText = css; + } + style.type = 'text/css'; + }); + } + } +} + +function loadStyleSheets(callback, reload) { + for (var i = 0; i < less.sheets.length; i++) { + loadStyleSheet(less.sheets[i], callback, reload, less.sheets.length - (i + 1)); + } +} + +function loadStyleSheet(sheet, callback, reload, remaining) { + var url = window.location.href.replace(/[#?].*$/, ''); + var href = sheet.href.replace(/\?.*$/, ''); + var css = cache && cache.getItem(href); + var timestamp = cache && cache.getItem(href + ':timestamp'); + var styles = { css: css, timestamp: timestamp }; + + // Stylesheets in IE don't always return the full path + if (! /^(https?|file):/.test(href)) { + if (href.charAt(0) == "/") { + href = window.location.protocol + "//" + window.location.host + href; + } else { + href = url.slice(0, url.lastIndexOf('/') + 1) + href; + } + } + + xhr(sheet.href, sheet.type, function (data, lastModified) { + if (!reload && styles && lastModified && + (new(Date)(lastModified).valueOf() === + new(Date)(styles.timestamp).valueOf())) { + // Use local copy + createCSS(styles.css, sheet); + callback(null, sheet, { local: true, remaining: remaining }); + } else { + // Use remote copy (re-parse) + try { + new(less.Parser)({ + optimization: less.optimization, + paths: [href.replace(/[\w\.-]+$/, '')], + mime: sheet.type + }).parse(data, function (e, root) { + if (e) { return error(e, href) } + try { + callback(root, sheet, { local: false, lastModified: lastModified, remaining: remaining }); + removeNode(document.getElementById('less-error-message:' + extractId(href))); + } catch (e) { + error(e, href); + } + }); + } catch (e) { + error(e, href); + } + } + }, function (status, url) { + throw new(Error)("Couldn't load " + url + " (" + status + ")"); + }); +} + +function extractId(href) { + return href.replace(/^[a-z]+:\/\/?[^\/]+/, '' ) // Remove protocol & domain + .replace(/^\//, '' ) // Remove root / + .replace(/\?.*$/, '' ) // Remove query + .replace(/\.[^\.\/]+$/, '' ) // Remove file extension + .replace(/[^\.\w-]+/g, '-') // Replace illegal characters + .replace(/\./g, ':'); // Replace dots with colons(for valid id) +} + +function createCSS(styles, sheet, lastModified) { + var css; + + // Strip the query-string + var href = sheet.href ? sheet.href.replace(/\?.*$/, '') : ''; + + // If there is no title set, use the filename, minus the extension + var id = 'less:' + (sheet.title || extractId(href)); + + // If the stylesheet doesn't exist, create a new node + if ((css = document.getElementById(id)) === null) { + css = document.createElement('style'); + css.type = 'text/css'; + css.media = sheet.media || 'screen'; + css.id = id; + document.getElementsByTagName('head')[0].appendChild(css); + } + + if (css.styleSheet) { // IE + try { + css.styleSheet.cssText = styles; + } catch (e) { + throw new(Error)("Couldn't reassign styleSheet.cssText."); + } + } else { + (function (node) { + if (css.childNodes.length > 0) { + if (css.firstChild.nodeValue !== node.nodeValue) { + css.replaceChild(node, css.firstChild); + } + } else { + css.appendChild(node); + } + })(document.createTextNode(styles)); + } + + // Don't update the local store if the file wasn't modified + if (lastModified && cache) { + log('saving ' + href + ' to cache.'); + cache.setItem(href, styles); + cache.setItem(href + ':timestamp', lastModified); + } +} + +function xhr(url, type, callback, errback) { + var xhr = getXMLHttpRequest(); + var async = isFileProtocol ? false : less.async; + + if (typeof(xhr.overrideMimeType) === 'function') { + xhr.overrideMimeType('text/css'); + } + xhr.open('GET', url, async); + xhr.setRequestHeader('Accept', type || 'text/x-less, text/css; q=0.9, */*; q=0.5'); + xhr.send(null); + + if (isFileProtocol) { + if (xhr.status === 0) { + callback(xhr.responseText); + } else { + errback(xhr.status, url); + } + } else if (async) { + xhr.onreadystatechange = function () { + if (xhr.readyState == 4) { + handleResponse(xhr, callback, errback); + } + }; + } else { + handleResponse(xhr, callback, errback); + } + + function handleResponse(xhr, callback, errback) { + if (xhr.status >= 200 && xhr.status < 300) { + callback(xhr.responseText, + xhr.getResponseHeader("Last-Modified")); + } else if (typeof(errback) === 'function') { + errback(xhr.status, url); + } + } +} + +function getXMLHttpRequest() { + if (window.XMLHttpRequest) { + return new(XMLHttpRequest); + } else { + try { + return new(ActiveXObject)("MSXML2.XMLHTTP.3.0"); + } catch (e) { + log("browser doesn't support AJAX."); + return null; + } + } +} + +function removeNode(node) { + return node && node.parentNode.removeChild(node); +} + +function log(str) { + if (less.env == 'development' && typeof(console) !== "undefined") { console.log('less: ' + str) } +} + +function error(e, href) { + var id = 'less-error-message:' + extractId(href); + + var template = [''].join('\n'); + + var elem = document.createElement('div'), timer, content; + + elem.id = id; + elem.className = "less-error-message"; + + content = '

    ' + (e.message || 'There is an error in your .less file') + + '

    ' + '

    ' + href + " "; + + if (e.extract) { + content += 'on line ' + e.line + ', column ' + (e.column + 1) + ':

    ' + + template.replace(/\[(-?\d)\]/g, function (_, i) { + return (parseInt(e.line) + parseInt(i)) || ''; + }).replace(/\{(\d)\}/g, function (_, i) { + return e.extract[parseInt(i)] || ''; + }).replace(/\{current\}/, e.extract[1].slice(0, e.column) + '' + + e.extract[1].slice(e.column) + ''); + } + elem.innerHTML = content; + + // CSS for error messages + createCSS([ + '.less-error-message ul, .less-error-message li {', + 'list-style-type: none;', + 'margin-right: 15px;', + 'padding: 4px 0;', + 'margin: 0;', + '}', + '.less-error-message label {', + 'font-size: 12px;', + 'margin-right: 15px;', + 'padding: 4px 0;', + 'color: #cc7777;', + '}', + '.less-error-message pre {', + 'color: #ee4444;', + 'padding: 4px 0;', + 'margin: 0;', + 'display: inline-block;', + '}', + '.less-error-message pre.ctx {', + 'color: #dd4444;', + '}', + '.less-error-message h3 {', + 'font-size: 20px;', + 'font-weight: bold;', + 'padding: 15px 0 5px 0;', + 'margin: 0;', + '}', + '.less-error-message a {', + 'color: #10a', + '}', + '.less-error-message .error {', + 'color: red;', + 'font-weight: bold;', + 'padding-bottom: 2px;', + 'border-bottom: 1px dashed red;', + '}' + ].join('\n'), { title: 'error-message' }); + + elem.style.cssText = [ + "font-family: Arial, sans-serif", + "border: 1px solid #e00", + "background-color: #eee", + "border-radius: 5px", + "-webkit-border-radius: 5px", + "-moz-border-radius: 5px", + "color: #e00", + "padding: 15px", + "margin-bottom: 15px" + ].join(';'); + + if (less.env == 'development') { + timer = setInterval(function () { + if (document.body) { + if (document.getElementById(id)) { + document.body.replaceChild(elem, document.getElementById(id)); + } else { + document.body.insertBefore(elem, document.body.firstChild); + } + clearInterval(timer); + } + }, 10); + } +} + diff --git a/build-tools/lib/less/functions.js b/build-tools/lib/less/functions.js new file mode 100644 index 0000000..fc9d86f --- /dev/null +++ b/build-tools/lib/less/functions.js @@ -0,0 +1,185 @@ +(function (tree) { + +tree.functions = { + rgb: function (r, g, b) { + return this.rgba(r, g, b, 1.0); + }, + rgba: function (r, g, b, a) { + var rgb = [r, g, b].map(function (c) { return number(c) }), + a = number(a); + return new(tree.Color)(rgb, a); + }, + hsl: function (h, s, l) { + return this.hsla(h, s, l, 1.0); + }, + hsla: function (h, s, l, a) { + h = (number(h) % 360) / 360; + s = number(s); l = number(l); a = number(a); + + var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s; + var m1 = l * 2 - m2; + + return this.rgba(hue(h + 1/3) * 255, + hue(h) * 255, + hue(h - 1/3) * 255, + a); + + function hue(h) { + h = h < 0 ? h + 1 : (h > 1 ? h - 1 : h); + if (h * 6 < 1) return m1 + (m2 - m1) * h * 6; + else if (h * 2 < 1) return m2; + else if (h * 3 < 2) return m1 + (m2 - m1) * (2/3 - h) * 6; + else return m1; + } + }, + hue: function (color) { + return new(tree.Dimension)(Math.round(color.toHSL().h)); + }, + saturation: function (color) { + return new(tree.Dimension)(Math.round(color.toHSL().s * 100), '%'); + }, + lightness: function (color) { + return new(tree.Dimension)(Math.round(color.toHSL().l * 100), '%'); + }, + alpha: function (color) { + return new(tree.Dimension)(color.toHSL().a); + }, + saturate: function (color, amount) { + var hsl = color.toHSL(); + + hsl.s += amount.value / 100; + hsl.s = clamp(hsl.s); + return hsla(hsl); + }, + desaturate: function (color, amount) { + var hsl = color.toHSL(); + + hsl.s -= amount.value / 100; + hsl.s = clamp(hsl.s); + return hsla(hsl); + }, + lighten: function (color, amount) { + var hsl = color.toHSL(); + + hsl.l += amount.value / 100; + hsl.l = clamp(hsl.l); + return hsla(hsl); + }, + darken: function (color, amount) { + var hsl = color.toHSL(); + + hsl.l -= amount.value / 100; + hsl.l = clamp(hsl.l); + return hsla(hsl); + }, + fadein: function (color, amount) { + var hsl = color.toHSL(); + + hsl.a += amount.value / 100; + hsl.a = clamp(hsl.a); + return hsla(hsl); + }, + fadeout: function (color, amount) { + var hsl = color.toHSL(); + + hsl.a -= amount.value / 100; + hsl.a = clamp(hsl.a); + return hsla(hsl); + }, + fade: function (color, amount) { + var hsl = color.toHSL(); + + hsl.a = amount.value / 100; + hsl.a = clamp(hsl.a); + return hsla(hsl); + }, + spin: function (color, amount) { + var hsl = color.toHSL(); + var hue = (hsl.h + amount.value) % 360; + + hsl.h = hue < 0 ? 360 + hue : hue; + + return hsla(hsl); + }, + // + // Copyright (c) 2006-2009 Hampton Catlin, Nathan Weizenbaum, and Chris Eppstein + // http://sass-lang.com + // + mix: function (color1, color2, weight) { + var p = weight.value / 100.0; + var w = p * 2 - 1; + var a = color1.toHSL().a - color2.toHSL().a; + + var w1 = (((w * a == -1) ? w : (w + a) / (1 + w * a)) + 1) / 2.0; + var w2 = 1 - w1; + + var rgb = [color1.rgb[0] * w1 + color2.rgb[0] * w2, + color1.rgb[1] * w1 + color2.rgb[1] * w2, + color1.rgb[2] * w1 + color2.rgb[2] * w2]; + + var alpha = color1.alpha * p + color2.alpha * (1 - p); + + return new(tree.Color)(rgb, alpha); + }, + greyscale: function (color) { + return this.desaturate(color, new(tree.Dimension)(100)); + }, + e: function (str) { + return new(tree.Anonymous)(str instanceof tree.JavaScript ? str.evaluated : str); + }, + escape: function (str) { + return new(tree.Anonymous)(encodeURI(str.value).replace(/=/g, "%3D").replace(/:/g, "%3A").replace(/#/g, "%23").replace(/;/g, "%3B").replace(/\(/g, "%28").replace(/\)/g, "%29")); + }, + '%': function (quoted /* arg, arg, ...*/) { + var args = Array.prototype.slice.call(arguments, 1), + str = quoted.value; + + for (var i = 0; i < args.length; i++) { + str = str.replace(/%[sda]/i, function(token) { + var value = token.match(/s/i) ? args[i].value : args[i].toCSS(); + return token.match(/[A-Z]$/) ? encodeURIComponent(value) : value; + }); + } + str = str.replace(/%%/g, '%'); + return new(tree.Quoted)('"' + str + '"', str); + }, + round: function (n) { + if (n instanceof tree.Dimension) { + return new(tree.Dimension)(Math.round(number(n)), n.unit); + } else if (typeof(n) === 'number') { + return Math.round(n); + } else { + throw { + error: "RuntimeError", + message: "math functions take numbers as parameters" + }; + } + }, + argb: function (color) { + return new(tree.Anonymous)(color.toARGB()); + + } +}; + +function hsla(hsla) { + return tree.functions.hsla(hsla.h, hsla.s, hsla.l, hsla.a); +} + +function number(n) { + if (n instanceof tree.Dimension) { + return parseFloat(n.unit == '%' ? n.value / 100 : n.value); + } else if (typeof(n) === 'number') { + return n; + } else { + throw { + error: "RuntimeError", + message: "color functions take numbers as parameters" + }; + } +} + +function clamp(val) { + return Math.min(1, Math.max(0, val)); +} + +})(require('less/tree')); diff --git a/build-tools/lib/less/index.js b/build-tools/lib/less/index.js new file mode 100644 index 0000000..39c40ca --- /dev/null +++ b/build-tools/lib/less/index.js @@ -0,0 +1,139 @@ +var path = require('path'), + sys = require('sys'), + fs = require('fs'); + +require.paths.unshift(path.join(__dirname, '..')); + +var less = { + version: [1, 1, 3], + Parser: require('less/parser').Parser, + importer: require('less/parser').importer, + tree: require('less/tree'), + render: function (input, options, callback) { + options = options || {}; + + if (typeof(options) === 'function') { + callback = options, options = {}; + } + + var parser = new(this.Parser)(options), + ee; + + if (callback) { + parser.parse(input, function (e, root) { + callback(e, root.toCSS(options)); + }); + } else { + ee = new(require('events').EventEmitter); + + process.nextTick(function () { + parser.parse(input, function (e, root) { + if (e) { ee.emit('error', e) } + else { ee.emit('success', root.toCSS(options)) } + }); + }); + return ee; + } + }, + writeError: function (ctx, options) { + var message = ""; + var extract = ctx.extract; + var error = []; + var stylize = options.color ? less.stylize : function (str) { return str }; + + options = options || {}; + + if (options.silent) { return } + + if (!ctx.index) { + return sys.error(ctx.stack || ctx.message); + } + + if (typeof(extract[0]) === 'string') { + error.push(stylize((ctx.line - 1) + ' ' + extract[0], 'grey')); + } + + error.push(ctx.line + ' ' + extract[1].slice(0, ctx.column) + + stylize(stylize(extract[1][ctx.column], 'bold') + + extract[1].slice(ctx.column + 1), 'yellow')); + + if (typeof(extract[2]) === 'string') { + error.push(stylize((ctx.line + 1) + ' ' + extract[2], 'grey')); + } + error = error.join('\n') + '\033[0m\n'; + + message += stylize(ctx.message, 'red'); + ctx.filename && (message += stylize(' in ', 'red') + ctx.filename); + + sys.error(message, error); + + if (ctx.callLine) { + sys.error(stylize('from ', 'red') + (ctx.filename || '')); + sys.error(stylize(ctx.callLine, 'grey') + ' ' + ctx.callExtract); + } + if (ctx.stack) { sys.error(stylize(ctx.stack, 'red')) } + } +}; + +['color', 'directive', 'operation', 'dimension', + 'keyword', 'variable', 'ruleset', 'element', + 'selector', 'quoted', 'expression', 'rule', + 'call', 'url', 'alpha', 'import', + 'mixin', 'comment', 'anonymous', 'value', 'javascript' +].forEach(function (n) { + require(path.join('less', 'tree', n)); +}); + +less.Parser.importer = function (file, paths, callback) { + var pathname; + + paths.unshift('.'); + + for (var i = 0; i < paths.length; i++) { + try { + pathname = path.join(paths[i], file); + fs.statSync(pathname); + break; + } catch (e) { + pathname = null; + } + } + + if (pathname) { + fs.readFile(pathname, 'utf-8', function(e, data) { + if (e) sys.error(e); + + new(less.Parser)({ + paths: [path.dirname(pathname)].concat(paths), + filename: pathname + }).parse(data, function (e, root) { + if (e) less.writeError(e); + callback(root); + }); + }); + } else { + sys.error("file '" + file + "' wasn't found.\n"); + process.exit(1); + } +} + +require('less/functions'); + +for (var k in less) { exports[k] = less[k] } + +// Stylize a string +function stylize(str, style) { + var styles = { + 'bold' : [1, 22], + 'inverse' : [7, 27], + 'underline' : [4, 24], + 'yellow' : [33, 39], + 'green' : [32, 39], + 'red' : [31, 39], + 'grey' : [90, 39] + }; + return '\033[' + styles[style][0] + 'm' + str + + '\033[' + styles[style][1] + 'm'; +} +less.stylize = stylize; + diff --git a/build-tools/lib/less/parser.js b/build-tools/lib/less/parser.js new file mode 100644 index 0000000..fae248e --- /dev/null +++ b/build-tools/lib/less/parser.js @@ -0,0 +1,1115 @@ +var less, tree; + +if (typeof environment === "object" && ({}).toString.call(environment) === "[object Environment]") { + // Rhino + // Details on how to detect Rhino: https://github.com/ringo/ringojs/issues/88 + less = {}; + tree = less.tree = {}; + less.mode = 'rhino'; +} else if (typeof(window) === 'undefined') { + // Node.js + less = exports, + tree = require('less/tree'); + less.mode = 'rhino'; +} else { + // Browser + if (typeof(window.less) === 'undefined') { window.less = {} } + less = window.less, + tree = window.less.tree = {}; + less.mode = 'browser'; +} +// +// less.js - parser +// +// A relatively straight-forward predictive parser. +// There is no tokenization/lexing stage, the input is parsed +// in one sweep. +// +// To make the parser fast enough to run in the browser, several +// optimization had to be made: +// +// - Matching and slicing on a huge input is often cause of slowdowns. +// The solution is to chunkify the input into smaller strings. +// The chunks are stored in the `chunks` var, +// `j` holds the current chunk index, and `current` holds +// the index of the current chunk in relation to `input`. +// This gives us an almost 4x speed-up. +// +// - In many cases, we don't need to match individual tokens; +// for example, if a value doesn't hold any variables, operations +// or dynamic references, the parser can effectively 'skip' it, +// treating it as a literal. +// An example would be '1px solid #000' - which evaluates to itself, +// we don't need to know what the individual components are. +// The drawback, of course is that you don't get the benefits of +// syntax-checking on the CSS. This gives us a 50% speed-up in the parser, +// and a smaller speed-up in the code-gen. +// +// +// Token matching is done with the `$` function, which either takes +// a terminal string or regexp, or a non-terminal function to call. +// It also takes care of moving all the indices forwards. +// +// +less.Parser = function Parser(env) { + var input, // LeSS input string + i, // current index in `input` + j, // current chunk + temp, // temporarily holds a chunk's state, for backtracking + memo, // temporarily holds `i`, when backtracking + furthest, // furthest index the parser has gone to + chunks, // chunkified input + current, // index of current chunk, in `input` + parser; + + var that = this; + + // This function is called after all files + // have been imported through `@import`. + var finish = function () {}; + + var imports = this.imports = { + paths: env && env.paths || [], // Search paths, when importing + queue: [], // Files which haven't been imported yet + files: {}, // Holds the imported parse trees + mime: env && env.mime, // MIME type of .less files + push: function (path, callback) { + var that = this; + this.queue.push(path); + + // + // Import a file asynchronously + // + less.Parser.importer(path, this.paths, function (root) { + that.queue.splice(that.queue.indexOf(path), 1); // Remove the path from the queue + that.files[path] = root; // Store the root + + callback(root); + + if (that.queue.length === 0) { finish() } // Call `finish` if we're done importing + }, env); + } + }; + + function save() { temp = chunks[j], memo = i, current = i } + function restore() { chunks[j] = temp, i = memo, current = i } + + function sync() { + if (i > current) { + chunks[j] = chunks[j].slice(i - current); + current = i; + } + } + // + // Parse from a token, regexp or string, and move forward if match + // + function $(tok) { + var match, args, length, c, index, endIndex, k, mem; + + // + // Non-terminal + // + if (tok instanceof Function) { + return tok.call(parser.parsers); + // + // Terminal + // + // Either match a single character in the input, + // or match a regexp in the current chunk (chunk[j]). + // + } else if (typeof(tok) === 'string') { + match = input.charAt(i) === tok ? tok : null; + length = 1; + sync (); + } else { + sync (); + + if (match = tok.exec(chunks[j])) { + length = match[0].length; + } else { + return null; + } + } + + // The match is confirmed, add the match length to `i`, + // and consume any extra white-space characters (' ' || '\n') + // which come after that. The reason for this is that LeSS's + // grammar is mostly white-space insensitive. + // + if (match) { + mem = i += length; + endIndex = i + chunks[j].length - length; + + while (i < endIndex) { + c = input.charCodeAt(i); + if (! (c === 32 || c === 10 || c === 9)) { break } + i++; + } + chunks[j] = chunks[j].slice(length + (i - mem)); + current = i; + + if (chunks[j].length === 0 && j < chunks.length - 1) { j++ } + + if(typeof(match) === 'string') { + return match; + } else { + return match.length === 1 ? match[0] : match; + } + } + } + + // Same as $(), but don't change the state of the parser, + // just return the match. + function peek(tok) { + if (typeof(tok) === 'string') { + return input.charAt(i) === tok; + } else { + if (tok.test(chunks[j])) { + return true; + } else { + return false; + } + } + } + + this.env = env = env || {}; + + // The optimization level dictates the thoroughness of the parser, + // the lower the number, the less nodes it will create in the tree. + // This could matter for debugging, or if you want to access + // the individual nodes in the tree. + this.optimization = ('optimization' in this.env) ? this.env.optimization : 1; + + this.env.filename = this.env.filename || null; + + // + // The Parser + // + return parser = { + + imports: imports, + // + // Parse an input string into an abstract syntax tree, + // call `callback` when done. + // + parse: function (str, callback) { + var root, start, end, zone, line, lines, buff = [], c, error = null; + + i = j = current = furthest = 0; + chunks = []; + input = str.replace(/\r\n/g, '\n'); + + // Split the input into chunks. + chunks = (function (chunks) { + var j = 0, + skip = /[^"'`\{\}\/\(\)]+/g, + comment = /\/\*(?:[^*]|\*+[^\/*])*\*+\/|\/\/.*/g, + level = 0, + match, + chunk = chunks[0], + inParam, + inString; + + for (var i = 0, c, cc; i < input.length; i++) { + skip.lastIndex = i; + if (match = skip.exec(input)) { + if (match.index === i) { + i += match[0].length; + chunk.push(match[0]); + } + } + c = input.charAt(i); + comment.lastIndex = i; + + if (!inString && !inParam && c === '/') { + cc = input.charAt(i + 1); + if (cc === '/' || cc === '*') { + if (match = comment.exec(input)) { + if (match.index === i) { + i += match[0].length; + chunk.push(match[0]); + c = input.charAt(i); + } + } + } + } + + if (c === '{' && !inString && !inParam) { level ++; + chunk.push(c); + } else if (c === '}' && !inString && !inParam) { level --; + chunk.push(c); + chunks[++j] = chunk = []; + } else if (c === '(' && !inString && !inParam) { + chunk.push(c); + inParam = true; + } else if (c === ')' && !inString && inParam) { + chunk.push(c); + inParam = false; + } else { + if (c === '"' || c === "'" || c === '`') { + if (! inString) { + inString = c; + } else { + inString = inString === c ? false : inString; + } + } + chunk.push(c); + } + } + if (level > 0) { + throw { + type: 'Syntax', + message: "Missing closing `}`", + filename: env.filename + }; + } + + return chunks.map(function (c) { return c.join('') });; + })([[]]); + + // Start with the primary rule. + // The whole syntax tree is held under a Ruleset node, + // with the `root` property set to true, so no `{}` are + // output. The callback is called when the input is parsed. + root = new(tree.Ruleset)([], $(this.parsers.primary)); + root.root = true; + + root.toCSS = (function (evaluate) { + var line, lines, column; + + return function (options, variables) { + var frames = []; + + options = options || {}; + // + // Allows setting variables with a hash, so: + // + // `{ color: new(tree.Color)('#f01') }` will become: + // + // new(tree.Rule)('@color', + // new(tree.Value)([ + // new(tree.Expression)([ + // new(tree.Color)('#f01') + // ]) + // ]) + // ) + // + if (typeof(variables) === 'object' && !Array.isArray(variables)) { + variables = Object.keys(variables).map(function (k) { + var value = variables[k]; + + if (! (value instanceof tree.Value)) { + if (! (value instanceof tree.Expression)) { + value = new(tree.Expression)([value]); + } + value = new(tree.Value)([value]); + } + return new(tree.Rule)('@' + k, value, false, 0); + }); + frames = [new(tree.Ruleset)(null, variables)]; + } + + try { + var css = evaluate.call(this, { frames: frames }) + .toCSS([], { compress: options.compress || false }); + } catch (e) { + lines = input.split('\n'); + line = getLine(e.index); + + for (var n = e.index, column = -1; + n >= 0 && input.charAt(n) !== '\n'; + n--) { column++ } + + throw { + type: e.type, + message: e.message, + filename: env.filename, + index: e.index, + line: typeof(line) === 'number' ? line + 1 : null, + callLine: e.call && (getLine(e.call) + 1), + callExtract: lines[getLine(e.call)], + stack: e.stack, + column: column, + extract: [ + lines[line - 1], + lines[line], + lines[line + 1] + ] + }; + } + if (options.compress) { + return css.replace(/(\s)+/g, "$1"); + } else { + return css; + } + + function getLine(index) { + return index ? (input.slice(0, index).match(/\n/g) || "").length : null; + } + }; + })(root.eval); + + // If `i` is smaller than the `input.length - 1`, + // it means the parser wasn't able to parse the whole + // string, so we've got a parsing error. + // + // We try to extract a \n delimited string, + // showing the line where the parse error occured. + // We split it up into two parts (the part which parsed, + // and the part which didn't), so we can color them differently. + if (i < input.length - 1) { + i = furthest; + lines = input.split('\n'); + line = (input.slice(0, i).match(/\n/g) || "").length + 1; + + for (var n = i, column = -1; n >= 0 && input.charAt(n) !== '\n'; n--) { column++ } + + error = { + name: "ParseError", + message: "Syntax Error on line " + line, + index: i, + filename: env.filename, + line: line, + column: column, + extract: [ + lines[line - 2], + lines[line - 1], + lines[line] + ] + }; + } + + if (this.imports.queue.length > 0) { + finish = function () { callback(error, root) }; + } else { + callback(error, root); + } + }, + + // + // Here in, the parsing rules/functions + // + // The basic structure of the syntax tree generated is as follows: + // + // Ruleset -> Rule -> Value -> Expression -> Entity + // + // Here's some LESS code: + // + // .class { + // color: #fff; + // border: 1px solid #000; + // width: @w + 4px; + // > .child {...} + // } + // + // And here's what the parse tree might look like: + // + // Ruleset (Selector '.class', [ + // Rule ("color", Value ([Expression [Color #fff]])) + // Rule ("border", Value ([Expression [Dimension 1px][Keyword "solid"][Color #000]])) + // Rule ("width", Value ([Expression [Operation "+" [Variable "@w"][Dimension 4px]]])) + // Ruleset (Selector [Element '>', '.child'], [...]) + // ]) + // + // In general, most rules will try to parse a token with the `$()` function, and if the return + // value is truly, will return a new node, of the relevant type. Sometimes, we need to check + // first, before parsing, that's when we use `peek()`. + // + parsers: { + // + // The `primary` rule is the *entry* and *exit* point of the parser. + // The rules here can appear at any level of the parse tree. + // + // The recursive nature of the grammar is an interplay between the `block` + // rule, which represents `{ ... }`, the `ruleset` rule, and this `primary` rule, + // as represented by this simplified grammar: + // + // primary → (ruleset | rule)+ + // ruleset → selector+ block + // block → '{' primary '}' + // + // Only at one point is the primary rule not called from the + // block rule: at the root level. + // + primary: function () { + var node, root = []; + + while ((node = $(this.mixin.definition) || $(this.rule) || $(this.ruleset) || + $(this.mixin.call) || $(this.comment) || $(this.directive)) + || $(/^[\s\n]+/)) { + node && root.push(node); + } + return root; + }, + + // We create a Comment node for CSS comments `/* */`, + // but keep the LeSS comments `//` silent, by just skipping + // over them. + comment: function () { + var comment; + + if (input.charAt(i) !== '/') return; + + if (input.charAt(i + 1) === '/') { + return new(tree.Comment)($(/^\/\/.*/), true); + } else if (comment = $(/^\/\*(?:[^*]|\*+[^\/*])*\*+\/\n?/)) { + return new(tree.Comment)(comment); + } + }, + + // + // Entities are tokens which can be found inside an Expression + // + entities: { + // + // A string, which supports escaping " and ' + // + // "milky way" 'he\'s the one!' + // + quoted: function () { + var str, j = i, e; + + if (input.charAt(j) === '~') { j++, e = true } // Escaped strings + if (input.charAt(j) !== '"' && input.charAt(j) !== "'") return; + + e && $('~'); + + if (str = $(/^"((?:[^"\\\r\n]|\\.)*)"|'((?:[^'\\\r\n]|\\.)*)'/)) { + return new(tree.Quoted)(str[0], str[1] || str[2], e); + } + }, + + // + // A catch-all word, such as: + // + // black border-collapse + // + keyword: function () { + var k; + if (k = $(/^[_A-Za-z-][_A-Za-z0-9-]*/)) { return new(tree.Keyword)(k) } + }, + + // + // A function call + // + // rgb(255, 0, 255) + // + // We also try to catch IE's `alpha()`, but let the `alpha` parser + // deal with the details. + // + // The arguments are parsed with the `entities.arguments` parser. + // + call: function () { + var name, args, index = i; + + if (! (name = /^([\w-]+|%)\(/.exec(chunks[j]))) return; + + name = name[1].toLowerCase(); + + if (name === 'url') { return null } + else { i += name.length } + + if (name === 'alpha') { return $(this.alpha) } + + $('('); // Parse the '(' and consume whitespace. + + args = $(this.entities.arguments); + + if (! $(')')) return; + + if (name) { return new(tree.Call)(name, args, index) } + }, + arguments: function () { + var args = [], arg; + + while (arg = $(this.expression)) { + args.push(arg); + if (! $(',')) { break } + } + return args; + }, + literal: function () { + return $(this.entities.dimension) || + $(this.entities.color) || + $(this.entities.quoted); + }, + + // + // Parse url() tokens + // + // We use a specific rule for urls, because they don't really behave like + // standard function calls. The difference is that the argument doesn't have + // to be enclosed within a string, so it can't be parsed as an Expression. + // + url: function () { + var value; + + if (input.charAt(i) !== 'u' || !$(/^url\(/)) return; + value = $(this.entities.quoted) || $(this.entities.variable) || + $(this.entities.dataURI) || $(/^[-\w%@$\/.&=:;#+?~]+/) || ""; + if (! $(')')) throw new(Error)("missing closing ) for url()"); + + return new(tree.URL)((value.value || value.data || value instanceof tree.Variable) + ? value : new(tree.Anonymous)(value), imports.paths); + }, + + dataURI: function () { + var obj; + + if ($(/^data:/)) { + obj = {}; + obj.mime = $(/^[^\/]+\/[^,;)]+/) || ''; + obj.charset = $(/^;\s*charset=[^,;)]+/) || ''; + obj.base64 = $(/^;\s*base64/) || ''; + obj.data = $(/^,\s*[^)]+/); + + if (obj.data) { return obj } + } + }, + + // + // A Variable entity, such as `@fink`, in + // + // width: @fink + 2px + // + // We use a different parser for variable definitions, + // see `parsers.variable`. + // + variable: function () { + var name, index = i; + + if (input.charAt(i) === '@' && (name = $(/^@@?[\w-]+/))) { + return new(tree.Variable)(name, index); + } + }, + + // + // A Hexadecimal color + // + // #4F3C2F + // + // `rgb` and `hsl` colors are parsed through the `entities.call` parser. + // + color: function () { + var rgb; + + if (input.charAt(i) === '#' && (rgb = $(/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})/))) { + return new(tree.Color)(rgb[1]); + } + }, + + // + // A Dimension, that is, a number and a unit + // + // 0.5em 95% + // + dimension: function () { + var value, c = input.charCodeAt(i); + if ((c > 57 || c < 45) || c === 47) return; + + if (value = $(/^(-?\d*\.?\d+)(px|%|em|rem|pc|ex|in|deg|s|ms|pt|cm|mm|rad|grad|turn)?/)) { + return new(tree.Dimension)(value[1], value[2]); + } + }, + + // + // JavaScript code to be evaluated + // + // `window.location.href` + // + javascript: function () { + var str, j = i, e; + + if (input.charAt(j) === '~') { j++, e = true } // Escaped strings + if (input.charAt(j) !== '`') { return } + + e && $('~'); + + if (str = $(/^`([^`]*)`/)) { + return new(tree.JavaScript)(str[1], i, e); + } + } + }, + + // + // The variable part of a variable definition. Used in the `rule` parser + // + // @fink: + // + variable: function () { + var name; + + if (input.charAt(i) === '@' && (name = $(/^(@[\w-]+)\s*:/))) { return name[1] } + }, + + // + // A font size/line-height shorthand + // + // small/12px + // + // We need to peek first, or we'll match on keywords and dimensions + // + shorthand: function () { + var a, b; + + if (! peek(/^[@\w.%-]+\/[@\w.-]+/)) return; + + if ((a = $(this.entity)) && $('/') && (b = $(this.entity))) { + return new(tree.Shorthand)(a, b); + } + }, + + // + // Mixins + // + mixin: { + // + // A Mixin call, with an optional argument list + // + // #mixins > .square(#fff); + // .rounded(4px, black); + // .button; + // + // The `while` loop is there because mixins can be + // namespaced, but we only support the child and descendant + // selector for now. + // + call: function () { + var elements = [], e, c, args, index = i, s = input.charAt(i); + + if (s !== '.' && s !== '#') { return } + + while (e = $(/^[#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/)) { + elements.push(new(tree.Element)(c, e)); + c = $('>'); + } + $('(') && (args = $(this.entities.arguments)) && $(')'); + + if (elements.length > 0 && ($(';') || peek('}'))) { + return new(tree.mixin.Call)(elements, args, index); + } + }, + + // + // A Mixin definition, with a list of parameters + // + // .rounded (@radius: 2px, @color) { + // ... + // } + // + // Until we have a finer grained state-machine, we have to + // do a look-ahead, to make sure we don't have a mixin call. + // See the `rule` function for more information. + // + // We start by matching `.rounded (`, and then proceed on to + // the argument list, which has optional default values. + // We store the parameters in `params`, with a `value` key, + // if there is a value, such as in the case of `@radius`. + // + // Once we've got our params list, and a closing `)`, we parse + // the `{...}` block. + // + definition: function () { + var name, params = [], match, ruleset, param, value; + + if ((input.charAt(i) !== '.' && input.charAt(i) !== '#') || + peek(/^[^{]*(;|})/)) return; + + if (match = $(/^([#.](?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+)\s*\(/)) { + name = match[1]; + + while (param = $(this.entities.variable) || $(this.entities.literal) + || $(this.entities.keyword)) { + // Variable + if (param instanceof tree.Variable) { + if ($(':')) { + if (value = $(this.expression)) { + params.push({ name: param.name, value: value }); + } else { + throw new(Error)("Expected value"); + } + } else { + params.push({ name: param.name }); + } + } else { + params.push({ value: param }); + } + if (! $(',')) { break } + } + if (! $(')')) throw new(Error)("Expected )"); + + ruleset = $(this.block); + + if (ruleset) { + return new(tree.mixin.Definition)(name, params, ruleset); + } + } + } + }, + + // + // Entities are the smallest recognized token, + // and can be found inside a rule's value. + // + entity: function () { + return $(this.entities.literal) || $(this.entities.variable) || $(this.entities.url) || + $(this.entities.call) || $(this.entities.keyword) || $(this.entities.javascript) || + $(this.comment); + }, + + // + // A Rule terminator. Note that we use `peek()` to check for '}', + // because the `block` rule will be expecting it, but we still need to make sure + // it's there, if ';' was ommitted. + // + end: function () { + return $(';') || peek('}'); + }, + + // + // IE's alpha function + // + // alpha(opacity=88) + // + alpha: function () { + var value; + + if (! $(/^\(opacity=/i)) return; + if (value = $(/^\d+/) || $(this.entities.variable)) { + if (! $(')')) throw new(Error)("missing closing ) for alpha()"); + return new(tree.Alpha)(value); + } + }, + + // + // A Selector Element + // + // div + // + h1 + // #socks + // input[type="text"] + // + // Elements are the building blocks for Selectors, + // they are made out of a `Combinator` (see combinator rule), + // and an element name, such as a tag a class, or `*`. + // + element: function () { + var e, t, c; + + c = $(this.combinator); + e = $(/^(?:[.#]?|:*)(?:[\w-]|\\(?:[a-fA-F0-9]{1,6} ?|[^a-fA-F0-9]))+/) || $('*') || $(this.attribute) || $(/^\([^)@]+\)/) || $(/^(?:\d*\.)?\d+%/); + + if (e) { return new(tree.Element)(c, e) } + + if (c.value && c.value[0] === '&') { + return new(tree.Element)(c, null); + } + }, + + // + // Combinators combine elements together, in a Selector. + // + // Because our parser isn't white-space sensitive, special care + // has to be taken, when parsing the descendant combinator, ` `, + // as it's an empty space. We have to check the previous character + // in the input, to see if it's a ` ` character. More info on how + // we deal with this in *combinator.js*. + // + combinator: function () { + var match, c = input.charAt(i); + + if (c === '>' || c === '+' || c === '~') { + i++; + while (input.charAt(i) === ' ') { i++ } + return new(tree.Combinator)(c); + } else if (c === '&') { + match = '&'; + i++; + if(input.charAt(i) === ' ') { + match = '& '; + } + while (input.charAt(i) === ' ') { i++ } + return new(tree.Combinator)(match); + } else if (c === ':' && input.charAt(i + 1) === ':') { + i += 2; + while (input.charAt(i) === ' ') { i++ } + return new(tree.Combinator)('::'); + } else if (input.charAt(i - 1) === ' ') { + return new(tree.Combinator)(" "); + } else { + return new(tree.Combinator)(null); + } + }, + + // + // A CSS Selector + // + // .class > div + h1 + // li a:hover + // + // Selectors are made out of one or more Elements, see above. + // + selector: function () { + var sel, e, elements = [], c, match; + + while (e = $(this.element)) { + c = input.charAt(i); + elements.push(e) + if (c === '{' || c === '}' || c === ';' || c === ',') { break } + } + + if (elements.length > 0) { return new(tree.Selector)(elements) } + }, + tag: function () { + return $(/^[a-zA-Z][a-zA-Z-]*[0-9]?/) || $('*'); + }, + attribute: function () { + var attr = '', key, val, op; + + if (! $('[')) return; + + if (key = $(/^[a-zA-Z-]+/) || $(this.entities.quoted)) { + if ((op = $(/^[|~*$^]?=/)) && + (val = $(this.entities.quoted) || $(/^[\w-]+/))) { + attr = [key, op, val.toCSS ? val.toCSS() : val].join(''); + } else { attr = key } + } + + if (! $(']')) return; + + if (attr) { return "[" + attr + "]" } + }, + + // + // The `block` rule is used by `ruleset` and `mixin.definition`. + // It's a wrapper around the `primary` rule, with added `{}`. + // + block: function () { + var content; + + if ($('{') && (content = $(this.primary)) && $('}')) { + return content; + } + }, + + // + // div, .class, body > p {...} + // + ruleset: function () { + var selectors = [], s, rules, match; + save(); + + while (s = $(this.selector)) { + selectors.push(s); + $(this.comment); + if (! $(',')) { break } + $(this.comment); + } + + if (selectors.length > 0 && (rules = $(this.block))) { + return new(tree.Ruleset)(selectors, rules); + } else { + // Backtrack + furthest = i; + restore(); + } + }, + rule: function () { + var name, value, c = input.charAt(i), important, match; + save(); + + if (c === '.' || c === '#' || c === '&') { return } + + if (name = $(this.variable) || $(this.property)) { + if ((name.charAt(0) != '@') && (match = /^([^@+\/'"*`(;{}-]*);/.exec(chunks[j]))) { + i += match[0].length - 1; + value = new(tree.Anonymous)(match[1]); + } else if (name === "font") { + value = $(this.font); + } else { + value = $(this.value); + } + important = $(this.important); + + if (value && $(this.end)) { + return new(tree.Rule)(name, value, important, memo); + } else { + furthest = i; + restore(); + } + } + }, + + // + // An @import directive + // + // @import "lib"; + // + // Depending on our environemnt, importing is done differently: + // In the browser, it's an XHR request, in Node, it would be a + // file-system operation. The function used for importing is + // stored in `import`, which we pass to the Import constructor. + // + "import": function () { + var path; + if ($(/^@import\s+/) && + (path = $(this.entities.quoted) || $(this.entities.url)) && + $(';')) { + return new(tree.Import)(path, imports); + } + }, + + // + // A CSS Directive + // + // @charset "utf-8"; + // + directive: function () { + var name, value, rules, types; + + if (input.charAt(i) !== '@') return; + + if (value = $(this['import'])) { + return value; + } else if (name = $(/^@media|@page/) || $(/^@(?:-webkit-|-moz-)?keyframes/)) { + types = ($(/^[^{]+/) || '').trim(); + if (rules = $(this.block)) { + return new(tree.Directive)(name + " " + types, rules); + } + } else if (name = $(/^@[-a-z]+/)) { + if (name === '@font-face') { + if (rules = $(this.block)) { + return new(tree.Directive)(name, rules); + } + } else if ((value = $(this.entity)) && $(';')) { + return new(tree.Directive)(name, value); + } + } + }, + font: function () { + var value = [], expression = [], weight, shorthand, font, e; + + while (e = $(this.shorthand) || $(this.entity)) { + expression.push(e); + } + value.push(new(tree.Expression)(expression)); + + if ($(',')) { + while (e = $(this.expression)) { + value.push(e); + if (! $(',')) { break } + } + } + return new(tree.Value)(value); + }, + + // + // A Value is a comma-delimited list of Expressions + // + // font-family: Baskerville, Georgia, serif; + // + // In a Rule, a Value represents everything after the `:`, + // and before the `;`. + // + value: function () { + var e, expressions = [], important; + + while (e = $(this.expression)) { + expressions.push(e); + if (! $(',')) { break } + } + + if (expressions.length > 0) { + return new(tree.Value)(expressions); + } + }, + important: function () { + if (input.charAt(i) === '!') { + return $(/^! *important/); + } + }, + sub: function () { + var e; + + if ($('(') && (e = $(this.expression)) && $(')')) { + return e; + } + }, + multiplication: function () { + var m, a, op, operation; + if (m = $(this.operand)) { + while ((op = ($('/') || $('*'))) && (a = $(this.operand))) { + operation = new(tree.Operation)(op, [operation || m, a]); + } + return operation || m; + } + }, + addition: function () { + var m, a, op, operation; + if (m = $(this.multiplication)) { + while ((op = $(/^[-+]\s+/) || (input.charAt(i - 1) != ' ' && ($('+') || $('-')))) && + (a = $(this.multiplication))) { + operation = new(tree.Operation)(op, [operation || m, a]); + } + return operation || m; + } + }, + + // + // An operand is anything that can be part of an operation, + // such as a Color, or a Variable + // + operand: function () { + var negate, p = input.charAt(i + 1); + + if (input.charAt(i) === '-' && (p === '@' || p === '(')) { negate = $('-') } + var o = $(this.sub) || $(this.entities.dimension) || + $(this.entities.color) || $(this.entities.variable) || + $(this.entities.call); + return negate ? new(tree.Operation)('*', [new(tree.Dimension)(-1), o]) + : o; + }, + + // + // Expressions either represent mathematical operations, + // or white-space delimited Entities. + // + // 1px solid black + // @var * 2 + // + expression: function () { + var e, delim, entities = [], d; + + while (e = $(this.addition) || $(this.entity)) { + entities.push(e); + } + if (entities.length > 0) { + return new(tree.Expression)(entities); + } + }, + property: function () { + var name; + + if (name = $(/^(\*?-?[-a-z_0-9]+)\s*:/)) { + return name[1]; + } + } + } + }; +}; + +if (less.mode === 'browser' || less.mode === 'rhino') { + // + // Used by `@import` directives + // + less.Parser.importer = function (path, paths, callback, env) { + if (path.charAt(0) !== '/' && paths.length > 0) { + path = paths[0] + path; + } + // We pass `true` as 3rd argument, to force the reload of the import. + // This is so we can get the syntax tree as opposed to just the CSS output, + // as we need this to evaluate the current stylesheet. + loadStyleSheet({ href: path, title: path, type: env.mime }, callback, true); + }; +} + diff --git a/build-tools/lib/less/rhino.js b/build-tools/lib/less/rhino.js new file mode 100644 index 0000000..ab1c886 --- /dev/null +++ b/build-tools/lib/less/rhino.js @@ -0,0 +1,60 @@ +var name; + +function loadStyleSheet(sheet, callback, reload, remaining) { + var sheetName = name.slice(0, name.lastIndexOf('/') + 1) + sheet.href; + var input = readFile(sheetName); + var parser = new less.Parser(); + parser.parse(input, function (e, root) { + if (e) { + print("Error: " + e); + quit(1); + } + callback(root, sheet, { local: false, lastModified: 0, remaining: remaining }); + }); + + // callback({}, sheet, { local: true, remaining: remaining }); +} + +function writeFile(filename, content) { + var fstream = new java.io.FileWriter(filename); + var out = new java.io.BufferedWriter(fstream); + out.write(content); + out.close(); +} + +// Command line integration via Rhino +(function (args) { + name = args[0]; + var output = args[1]; + + if (!name) { + print('No files present in the fileset; Check your pattern match in build.xml'); + quit(1); + } + path = name.split("/");path.pop();path=path.join("/") + + var input = readFile(name); + + if (!input) { + print('lesscss: couldn\'t open file ' + name); + quit(1); + } + + var result; + var parser = new less.Parser(); + parser.parse(input, function (e, root) { + if (e) { + quit(1); + } else { + result = root.toCSS(); + if (output) { + writeFile(output, result); + print("Written to " + output); + } else { + print(result); + } + quit(0); + } + }); + print("done"); +}(arguments)); diff --git a/build-tools/lib/less/tree.js b/build-tools/lib/less/tree.js new file mode 100644 index 0000000..eb08aa4 --- /dev/null +++ b/build-tools/lib/less/tree.js @@ -0,0 +1,13 @@ +require('less/tree').find = function (obj, fun) { + for (var i = 0, r; i < obj.length; i++) { + if (r = fun.call(obj, obj[i])) { return r } + } + return null; +}; +require('less/tree').jsify = function (obj) { + if (Array.isArray(obj.value) && (obj.value.length > 1)) { + return '[' + obj.value.map(function (v) { return v.toCSS(false) }).join(', ') + ']'; + } else { + return obj.toCSS(false); + } +}; diff --git a/build-tools/lib/less/tree/alpha.js b/build-tools/lib/less/tree/alpha.js new file mode 100644 index 0000000..551ccba --- /dev/null +++ b/build-tools/lib/less/tree/alpha.js @@ -0,0 +1,17 @@ +(function (tree) { + +tree.Alpha = function (val) { + this.value = val; +}; +tree.Alpha.prototype = { + toCSS: function () { + return "alpha(opacity=" + + (this.value.toCSS ? this.value.toCSS() : this.value) + ")"; + }, + eval: function (env) { + if (this.value.eval) { this.value = this.value.eval(env) } + return this; + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/anonymous.js b/build-tools/lib/less/tree/anonymous.js new file mode 100644 index 0000000..89840d0 --- /dev/null +++ b/build-tools/lib/less/tree/anonymous.js @@ -0,0 +1,13 @@ +(function (tree) { + +tree.Anonymous = function (string) { + this.value = string.value || string; +}; +tree.Anonymous.prototype = { + toCSS: function () { + return this.value; + }, + eval: function () { return this } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/call.js b/build-tools/lib/less/tree/call.js new file mode 100644 index 0000000..4a72932 --- /dev/null +++ b/build-tools/lib/less/tree/call.js @@ -0,0 +1,45 @@ +(function (tree) { + +// +// A function call node. +// +tree.Call = function (name, args, index) { + this.name = name; + this.args = args; + this.index = index; +}; +tree.Call.prototype = { + // + // When evaluating a function call, + // we either find the function in `tree.functions` [1], + // in which case we call it, passing the evaluated arguments, + // or we simply print it out as it appeared originally [2]. + // + // The *functions.js* file contains the built-in functions. + // + // The reason why we evaluate the arguments, is in the case where + // we try to pass a variable to a function, like: `saturate(@color)`. + // The function should receive the value, not the variable. + // + eval: function (env) { + var args = this.args.map(function (a) { return a.eval(env) }); + + if (this.name in tree.functions) { // 1. + try { + return tree.functions[this.name].apply(tree.functions, args); + } catch (e) { + throw { message: "error evaluating function `" + this.name + "`", + index: this.index }; + } + } else { // 2. + return new(tree.Anonymous)(this.name + + "(" + args.map(function (a) { return a.toCSS() }).join(', ') + ")"); + } + }, + + toCSS: function (env) { + return this.eval(env).toCSS(); + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/color.js b/build-tools/lib/less/tree/color.js new file mode 100644 index 0000000..bb7646a --- /dev/null +++ b/build-tools/lib/less/tree/color.js @@ -0,0 +1,101 @@ +(function (tree) { +// +// RGB Colors - #ff0014, #eee +// +tree.Color = function (rgb, a) { + // + // The end goal here, is to parse the arguments + // into an integer triplet, such as `128, 255, 0` + // + // This facilitates operations and conversions. + // + if (Array.isArray(rgb)) { + this.rgb = rgb; + } else if (rgb.length == 6) { + this.rgb = rgb.match(/.{2}/g).map(function (c) { + return parseInt(c, 16); + }); + } else { + this.rgb = rgb.split('').map(function (c) { + return parseInt(c + c, 16); + }); + } + this.alpha = typeof(a) === 'number' ? a : 1; +}; +tree.Color.prototype = { + eval: function () { return this }, + + // + // If we have some transparency, the only way to represent it + // is via `rgba`. Otherwise, we use the hex representation, + // which has better compatibility with older browsers. + // Values are capped between `0` and `255`, rounded and zero-padded. + // + toCSS: function () { + if (this.alpha < 1.0) { + return "rgba(" + this.rgb.map(function (c) { + return Math.round(c); + }).concat(this.alpha).join(', ') + ")"; + } else { + return '#' + this.rgb.map(function (i) { + i = Math.round(i); + i = (i > 255 ? 255 : (i < 0 ? 0 : i)).toString(16); + return i.length === 1 ? '0' + i : i; + }).join(''); + } + }, + + // + // Operations have to be done per-channel, if not, + // channels will spill onto each other. Once we have + // our result, in the form of an integer triplet, + // we create a new Color node to hold the result. + // + operate: function (op, other) { + var result = []; + + if (! (other instanceof tree.Color)) { + other = other.toColor(); + } + + for (var c = 0; c < 3; c++) { + result[c] = tree.operate(op, this.rgb[c], other.rgb[c]); + } + return new(tree.Color)(result, this.alpha + other.alpha); + }, + + toHSL: function () { + var r = this.rgb[0] / 255, + g = this.rgb[1] / 255, + b = this.rgb[2] / 255, + a = this.alpha; + + var max = Math.max(r, g, b), min = Math.min(r, g, b); + var h, s, l = (max + min) / 2, d = max - min; + + if (max === min) { + h = s = 0; + } else { + s = l > 0.5 ? d / (2 - max - min) : d / (max + min); + + switch (max) { + case r: h = (g - b) / d + (g < b ? 6 : 0); break; + case g: h = (b - r) / d + 2; break; + case b: h = (r - g) / d + 4; break; + } + h /= 6; + } + return { h: h * 360, s: s, l: l, a: a }; + }, + toARGB: function () { + var argb = [Math.round(this.alpha * 255)].concat(this.rgb); + return '#' + argb.map(function (i) { + i = Math.round(i); + i = (i > 255 ? 255 : (i < 0 ? 0 : i)).toString(16); + return i.length === 1 ? '0' + i : i; + }).join(''); + } +}; + + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/comment.js b/build-tools/lib/less/tree/comment.js new file mode 100644 index 0000000..2d95dff --- /dev/null +++ b/build-tools/lib/less/tree/comment.js @@ -0,0 +1,14 @@ +(function (tree) { + +tree.Comment = function (value, silent) { + this.value = value; + this.silent = !!silent; +}; +tree.Comment.prototype = { + toCSS: function (env) { + return env.compress ? '' : this.value; + }, + eval: function () { return this } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/dimension.js b/build-tools/lib/less/tree/dimension.js new file mode 100644 index 0000000..41f3ca2 --- /dev/null +++ b/build-tools/lib/less/tree/dimension.js @@ -0,0 +1,34 @@ +(function (tree) { + +// +// A number with a unit +// +tree.Dimension = function (value, unit) { + this.value = parseFloat(value); + this.unit = unit || null; +}; + +tree.Dimension.prototype = { + eval: function () { return this }, + toColor: function () { + return new(tree.Color)([this.value, this.value, this.value]); + }, + toCSS: function () { + var css = this.value + this.unit; + return css; + }, + + // In an operation between two Dimensions, + // we default to the first Dimension's unit, + // so `1px + 2em` will yield `3px`. + // In the future, we could implement some unit + // conversions such that `100cm + 10mm` would yield + // `101cm`. + operate: function (op, other) { + return new(tree.Dimension) + (tree.operate(op, this.value, other.value), + this.unit || other.unit); + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/directive.js b/build-tools/lib/less/tree/directive.js new file mode 100644 index 0000000..fbe9a93 --- /dev/null +++ b/build-tools/lib/less/tree/directive.js @@ -0,0 +1,33 @@ +(function (tree) { + +tree.Directive = function (name, value) { + this.name = name; + if (Array.isArray(value)) { + this.ruleset = new(tree.Ruleset)([], value); + } else { + this.value = value; + } +}; +tree.Directive.prototype = { + toCSS: function (ctx, env) { + if (this.ruleset) { + this.ruleset.root = true; + return this.name + (env.compress ? '{' : ' {\n ') + + this.ruleset.toCSS(ctx, env).trim().replace(/\n/g, '\n ') + + (env.compress ? '}': '\n}\n'); + } else { + return this.name + ' ' + this.value.toCSS() + ';\n'; + } + }, + eval: function (env) { + env.frames.unshift(this); + this.ruleset = this.ruleset && this.ruleset.eval(env); + env.frames.shift(); + return this; + }, + variable: function (name) { return tree.Ruleset.prototype.variable.call(this.ruleset, name) }, + find: function () { return tree.Ruleset.prototype.find.apply(this.ruleset, arguments) }, + rulesets: function () { return tree.Ruleset.prototype.rulesets.apply(this.ruleset) } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/element.js b/build-tools/lib/less/tree/element.js new file mode 100644 index 0000000..27cf822 --- /dev/null +++ b/build-tools/lib/less/tree/element.js @@ -0,0 +1,35 @@ +(function (tree) { + +tree.Element = function (combinator, value) { + this.combinator = combinator instanceof tree.Combinator ? + combinator : new(tree.Combinator)(combinator); + this.value = value ? value.trim() : ""; +}; +tree.Element.prototype.toCSS = function (env) { + return this.combinator.toCSS(env || {}) + this.value; +}; + +tree.Combinator = function (value) { + if (value === ' ') { + this.value = ' '; + } else if (value === '& ') { + this.value = '& '; + } else { + this.value = value ? value.trim() : ""; + } +}; +tree.Combinator.prototype.toCSS = function (env) { + return { + '' : '', + ' ' : ' ', + '&' : '', + '& ' : ' ', + ':' : ' :', + '::': '::', + '+' : env.compress ? '+' : ' + ', + '~' : env.compress ? '~' : ' ~ ', + '>' : env.compress ? '>' : ' > ' + }[this.value]; +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/expression.js b/build-tools/lib/less/tree/expression.js new file mode 100644 index 0000000..f638a1b --- /dev/null +++ b/build-tools/lib/less/tree/expression.js @@ -0,0 +1,23 @@ +(function (tree) { + +tree.Expression = function (value) { this.value = value }; +tree.Expression.prototype = { + eval: function (env) { + if (this.value.length > 1) { + return new(tree.Expression)(this.value.map(function (e) { + return e.eval(env); + })); + } else if (this.value.length === 1) { + return this.value[0].eval(env); + } else { + return this; + } + }, + toCSS: function (env) { + return this.value.map(function (e) { + return e.toCSS(env); + }).join(' '); + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/import.js b/build-tools/lib/less/tree/import.js new file mode 100644 index 0000000..427c109 --- /dev/null +++ b/build-tools/lib/less/tree/import.js @@ -0,0 +1,77 @@ +(function (tree) { +// +// CSS @import node +// +// The general strategy here is that we don't want to wait +// for the parsing to be completed, before we start importing +// the file. That's because in the context of a browser, +// most of the time will be spent waiting for the server to respond. +// +// On creation, we push the import path to our import queue, though +// `import,push`, we also pass it a callback, which it'll call once +// the file has been fetched, and parsed. +// +tree.Import = function (path, imports) { + var that = this; + + this._path = path; + + // The '.less' extension is optional + if (path instanceof tree.Quoted) { + this.path = /\.(le?|c)ss(\?.*)?$/.test(path.value) ? path.value : path.value + '.less'; + } else { + this.path = path.value.value || path.value; + } + + this.css = /css(\?.*)?$/.test(this.path); + + // Only pre-compile .less files + if (! this.css) { + imports.push(this.path, function (root) { + if (! root) { + throw new(Error)("Error parsing " + that.path); + } + that.root = root; + }); + } +}; + +// +// The actual import node doesn't return anything, when converted to CSS. +// The reason is that it's used at the evaluation stage, so that the rules +// it imports can be treated like any other rules. +// +// In `eval`, we make sure all Import nodes get evaluated, recursively, so +// we end up with a flat structure, which can easily be imported in the parent +// ruleset. +// +tree.Import.prototype = { + toCSS: function () { + if (this.css) { + return "@import " + this._path.toCSS() + ';\n'; + } else { + return ""; + } + }, + eval: function (env) { + var ruleset; + + if (this.css) { + return this; + } else { + ruleset = new(tree.Ruleset)(null, this.root.rules.slice(0)); + + for (var i = 0; i < ruleset.rules.length; i++) { + if (ruleset.rules[i] instanceof tree.Import) { + Array.prototype + .splice + .apply(ruleset.rules, + [i, 1].concat(ruleset.rules[i].eval(env))); + } + } + return ruleset.rules; + } + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/javascript.js b/build-tools/lib/less/tree/javascript.js new file mode 100644 index 0000000..4ec66b9 --- /dev/null +++ b/build-tools/lib/less/tree/javascript.js @@ -0,0 +1,51 @@ +(function (tree) { + +tree.JavaScript = function (string, index, escaped) { + this.escaped = escaped; + this.expression = string; + this.index = index; +}; +tree.JavaScript.prototype = { + eval: function (env) { + var result, + that = this, + context = {}; + + var expression = this.expression.replace(/@\{([\w-]+)\}/g, function (_, name) { + return tree.jsify(new(tree.Variable)('@' + name, that.index).eval(env)); + }); + + try { + expression = new(Function)('return (' + expression + ')'); + } catch (e) { + throw { message: "JavaScript evaluation error: `" + expression + "`" , + index: this.index }; + } + + for (var k in env.frames[0].variables()) { + context[k.slice(1)] = { + value: env.frames[0].variables()[k].value, + toJS: function () { + return this.value.eval(env).toCSS(); + } + }; + } + + try { + result = expression.call(context); + } catch (e) { + throw { message: "JavaScript evaluation error: '" + e.name + ': ' + e.message + "'" , + index: this.index }; + } + if (typeof(result) === 'string') { + return new(tree.Quoted)('"' + result + '"', result, this.escaped, this.index); + } else if (Array.isArray(result)) { + return new(tree.Anonymous)(result.join(', ')); + } else { + return new(tree.Anonymous)(result); + } + } +}; + +})(require('less/tree')); + diff --git a/build-tools/lib/less/tree/keyword.js b/build-tools/lib/less/tree/keyword.js new file mode 100644 index 0000000..a4431ba --- /dev/null +++ b/build-tools/lib/less/tree/keyword.js @@ -0,0 +1,9 @@ +(function (tree) { + +tree.Keyword = function (value) { this.value = value }; +tree.Keyword.prototype = { + eval: function () { return this }, + toCSS: function () { return this.value } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/mixin.js b/build-tools/lib/less/tree/mixin.js new file mode 100644 index 0000000..24cb8e4 --- /dev/null +++ b/build-tools/lib/less/tree/mixin.js @@ -0,0 +1,106 @@ +(function (tree) { + +tree.mixin = {}; +tree.mixin.Call = function (elements, args, index) { + this.selector = new(tree.Selector)(elements); + this.arguments = args; + this.index = index; +}; +tree.mixin.Call.prototype = { + eval: function (env) { + var mixins, args, rules = [], match = false; + + for (var i = 0; i < env.frames.length; i++) { + if ((mixins = env.frames[i].find(this.selector)).length > 0) { + args = this.arguments && this.arguments.map(function (a) { return a.eval(env) }); + for (var m = 0; m < mixins.length; m++) { + if (mixins[m].match(args, env)) { + try { + Array.prototype.push.apply( + rules, mixins[m].eval(env, this.arguments).rules); + match = true; + } catch (e) { + throw { message: e.message, index: e.index, stack: e.stack, call: this.index }; + } + } + } + if (match) { + return rules; + } else { + throw { message: 'No matching definition was found for `' + + this.selector.toCSS().trim() + '(' + + this.arguments.map(function (a) { + return a.toCSS(); + }).join(', ') + ")`", + index: this.index }; + } + } + } + throw { message: this.selector.toCSS().trim() + " is undefined", + index: this.index }; + } +}; + +tree.mixin.Definition = function (name, params, rules) { + this.name = name; + this.selectors = [new(tree.Selector)([new(tree.Element)(null, name)])]; + this.params = params; + this.arity = params.length; + this.rules = rules; + this._lookups = {}; + this.required = params.reduce(function (count, p) { + if (!p.name || (p.name && !p.value)) { return count + 1 } + else { return count } + }, 0); + this.parent = tree.Ruleset.prototype; + this.frames = []; +}; +tree.mixin.Definition.prototype = { + toCSS: function () { return "" }, + variable: function (name) { return this.parent.variable.call(this, name) }, + variables: function () { return this.parent.variables.call(this) }, + find: function () { return this.parent.find.apply(this, arguments) }, + rulesets: function () { return this.parent.rulesets.apply(this) }, + + eval: function (env, args) { + var frame = new(tree.Ruleset)(null, []), context, _arguments = []; + + for (var i = 0, val; i < this.params.length; i++) { + if (this.params[i].name) { + if (val = (args && args[i]) || this.params[i].value) { + frame.rules.unshift(new(tree.Rule)(this.params[i].name, val.eval(env))); + } else { + throw { message: "wrong number of arguments for " + this.name + + ' (' + args.length + ' for ' + this.arity + ')' }; + } + } + } + for (var i = 0; i < Math.max(this.params.length, args && args.length); i++) { + _arguments.push(args[i] || this.params[i].value); + } + frame.rules.unshift(new(tree.Rule)('@arguments', new(tree.Expression)(_arguments).eval(env))); + + return new(tree.Ruleset)(null, this.rules.slice(0)).eval({ + frames: [this, frame].concat(this.frames, env.frames) + }); + }, + match: function (args, env) { + var argsLength = (args && args.length) || 0, len; + + if (argsLength < this.required) { return false } + if ((this.required > 0) && (argsLength > this.params.length)) { return false } + + len = Math.min(argsLength, this.arity); + + for (var i = 0; i < len; i++) { + if (!this.params[i].name) { + if (args[i].eval(env).toCSS() != this.params[i].value.eval(env).toCSS()) { + return false; + } + } + } + return true; + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/operation.js b/build-tools/lib/less/tree/operation.js new file mode 100644 index 0000000..d2e4d57 --- /dev/null +++ b/build-tools/lib/less/tree/operation.js @@ -0,0 +1,32 @@ +(function (tree) { + +tree.Operation = function (op, operands) { + this.op = op.trim(); + this.operands = operands; +}; +tree.Operation.prototype.eval = function (env) { + var a = this.operands[0].eval(env), + b = this.operands[1].eval(env), + temp; + + if (a instanceof tree.Dimension && b instanceof tree.Color) { + if (this.op === '*' || this.op === '+') { + temp = b, b = a, a = temp; + } else { + throw { name: "OperationError", + message: "Can't substract or divide a color from a number" }; + } + } + return a.operate(this.op, b); +}; + +tree.operate = function (op, a, b) { + switch (op) { + case '+': return a + b; + case '-': return a - b; + case '*': return a * b; + case '/': return a / b; + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/quoted.js b/build-tools/lib/less/tree/quoted.js new file mode 100644 index 0000000..6ddfa40 --- /dev/null +++ b/build-tools/lib/less/tree/quoted.js @@ -0,0 +1,29 @@ +(function (tree) { + +tree.Quoted = function (str, content, escaped, i) { + this.escaped = escaped; + this.value = content || ''; + this.quote = str.charAt(0); + this.index = i; +}; +tree.Quoted.prototype = { + toCSS: function () { + if (this.escaped) { + return this.value; + } else { + return this.quote + this.value + this.quote; + } + }, + eval: function (env) { + var that = this; + var value = this.value.replace(/`([^`]+)`/g, function (_, exp) { + return new(tree.JavaScript)(exp, that.index, true).eval(env).value; + }).replace(/@\{([\w-]+)\}/g, function (_, name) { + var v = new(tree.Variable)('@' + name, that.index).eval(env); + return v.value || v.toCSS(); + }); + return new(tree.Quoted)(this.quote + value + this.quote, value, this.escaped, this.index); + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/rule.js b/build-tools/lib/less/tree/rule.js new file mode 100644 index 0000000..18cc49b --- /dev/null +++ b/build-tools/lib/less/tree/rule.js @@ -0,0 +1,38 @@ +(function (tree) { + +tree.Rule = function (name, value, important, index) { + this.name = name; + this.value = (value instanceof tree.Value) ? value : new(tree.Value)([value]); + this.important = important ? ' ' + important.trim() : ''; + this.index = index; + + if (name.charAt(0) === '@') { + this.variable = true; + } else { this.variable = false } +}; +tree.Rule.prototype.toCSS = function (env) { + if (this.variable) { return "" } + else { + return this.name + (env.compress ? ':' : ': ') + + this.value.toCSS(env) + + this.important + ";"; + } +}; + +tree.Rule.prototype.eval = function (context) { + return new(tree.Rule)(this.name, this.value.eval(context), this.important, this.index); +}; + +tree.Shorthand = function (a, b) { + this.a = a; + this.b = b; +}; + +tree.Shorthand.prototype = { + toCSS: function (env) { + return this.a.toCSS(env) + "/" + this.b.toCSS(env); + }, + eval: function () { return this } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/ruleset.js b/build-tools/lib/less/tree/ruleset.js new file mode 100644 index 0000000..cc9a60a --- /dev/null +++ b/build-tools/lib/less/tree/ruleset.js @@ -0,0 +1,212 @@ +(function (tree) { + +tree.Ruleset = function (selectors, rules) { + this.selectors = selectors; + this.rules = rules; + this._lookups = {}; +}; +tree.Ruleset.prototype = { + eval: function (env) { + var ruleset = new(tree.Ruleset)(this.selectors, this.rules.slice(0)); + + ruleset.root = this.root; + + // push the current ruleset to the frames stack + env.frames.unshift(ruleset); + + // Evaluate imports + if (ruleset.root) { + for (var i = 0; i < ruleset.rules.length; i++) { + if (ruleset.rules[i] instanceof tree.Import) { + Array.prototype.splice + .apply(ruleset.rules, [i, 1].concat(ruleset.rules[i].eval(env))); + } + } + } + + // Store the frames around mixin definitions, + // so they can be evaluated like closures when the time comes. + for (var i = 0; i < ruleset.rules.length; i++) { + if (ruleset.rules[i] instanceof tree.mixin.Definition) { + ruleset.rules[i].frames = env.frames.slice(0); + } + } + + // Evaluate mixin calls. + for (var i = 0; i < ruleset.rules.length; i++) { + if (ruleset.rules[i] instanceof tree.mixin.Call) { + Array.prototype.splice + .apply(ruleset.rules, [i, 1].concat(ruleset.rules[i].eval(env))); + } + } + + // Evaluate everything else + for (var i = 0, rule; i < ruleset.rules.length; i++) { + rule = ruleset.rules[i]; + + if (! (rule instanceof tree.mixin.Definition)) { + ruleset.rules[i] = rule.eval ? rule.eval(env) : rule; + } + } + + // Pop the stack + env.frames.shift(); + + return ruleset; + }, + match: function (args) { + return !args || args.length === 0; + }, + variables: function () { + if (this._variables) { return this._variables } + else { + return this._variables = this.rules.reduce(function (hash, r) { + if (r instanceof tree.Rule && r.variable === true) { + hash[r.name] = r; + } + return hash; + }, {}); + } + }, + variable: function (name) { + return this.variables()[name]; + }, + rulesets: function () { + if (this._rulesets) { return this._rulesets } + else { + return this._rulesets = this.rules.filter(function (r) { + return (r instanceof tree.Ruleset) || (r instanceof tree.mixin.Definition); + }); + } + }, + find: function (selector, self) { + self = self || this; + var rules = [], rule, match, + key = selector.toCSS(); + + if (key in this._lookups) { return this._lookups[key] } + + this.rulesets().forEach(function (rule) { + if (rule !== self) { + for (var j = 0; j < rule.selectors.length; j++) { + if (match = selector.match(rule.selectors[j])) { + if (selector.elements.length > rule.selectors[j].elements.length) { + Array.prototype.push.apply(rules, rule.find( + new(tree.Selector)(selector.elements.slice(1)), self)); + } else { + rules.push(rule); + } + break; + } + } + } + }); + return this._lookups[key] = rules; + }, + // + // Entry point for code generation + // + // `context` holds an array of arrays. + // + toCSS: function (context, env) { + var css = [], // The CSS output + rules = [], // node.Rule instances + rulesets = [], // node.Ruleset instances + paths = [], // Current selectors + selector, // The fully rendered selector + rule; + + if (! this.root) { + if (context.length === 0) { + paths = this.selectors.map(function (s) { return [s] }); + } else { + this.joinSelectors( paths, context, this.selectors ); + } + } + + // Compile rules and rulesets + for (var i = 0; i < this.rules.length; i++) { + rule = this.rules[i]; + + if (rule.rules || (rule instanceof tree.Directive)) { + rulesets.push(rule.toCSS(paths, env)); + } else if (rule instanceof tree.Comment) { + if (!rule.silent) { + if (this.root) { + rulesets.push(rule.toCSS(env)); + } else { + rules.push(rule.toCSS(env)); + } + } + } else { + if (rule.toCSS && !rule.variable) { + rules.push(rule.toCSS(env)); + } else if (rule.value && !rule.variable) { + rules.push(rule.value.toString()); + } + } + } + + rulesets = rulesets.join(''); + + // If this is the root node, we don't render + // a selector, or {}. + // Otherwise, only output if this ruleset has rules. + if (this.root) { + css.push(rules.join(env.compress ? '' : '\n')); + } else { + if (rules.length > 0) { + selector = paths.map(function (p) { + return p.map(function (s) { + return s.toCSS(env); + }).join('').trim(); + }).join(env.compress ? ',' : (paths.length > 3 ? ',\n' : ', ')); + css.push(selector, + (env.compress ? '{' : ' {\n ') + + rules.join(env.compress ? '' : '\n ') + + (env.compress ? '}' : '\n}\n')); + } + } + css.push(rulesets); + + return css.join('') + (env.compress ? '\n' : ''); + }, + + joinSelectors: function (paths, context, selectors) { + for (var s = 0; s < selectors.length; s++) { + this.joinSelector(paths, context, selectors[s]); + } + }, + + joinSelector: function (paths, context, selector) { + var before = [], after = [], beforeElements = [], + afterElements = [], hasParentSelector = false, el; + + for (var i = 0; i < selector.elements.length; i++) { + el = selector.elements[i]; + if (el.combinator.value[0] === '&') { + hasParentSelector = true; + } + if (hasParentSelector) afterElements.push(el); + else beforeElements.push(el); + } + + if (! hasParentSelector) { + afterElements = beforeElements; + beforeElements = []; + } + + if (beforeElements.length > 0) { + before.push(new(tree.Selector)(beforeElements)); + } + + if (afterElements.length > 0) { + after.push(new(tree.Selector)(afterElements)); + } + + for (var c = 0; c < context.length; c++) { + paths.push(before.concat(context[c]).concat(after)); + } + } +}; +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/selector.js b/build-tools/lib/less/tree/selector.js new file mode 100644 index 0000000..ddc6842 --- /dev/null +++ b/build-tools/lib/less/tree/selector.js @@ -0,0 +1,42 @@ +(function (tree) { + +tree.Selector = function (elements) { + this.elements = elements; + if (this.elements[0].combinator.value === "") { + this.elements[0].combinator.value = ' '; + } +}; +tree.Selector.prototype.match = function (other) { + var value = this.elements[0].value, + len = this.elements.length, + olen = other.elements.length; + + if (len > olen) { + return value === other.elements[0].value; + } + + for (var i = 0; i < olen; i ++) { + if (value === other.elements[i].value) { + for (var j = 1; j < len; j ++) { + if (this.elements[j].value !== other.elements[i + j].value) { + return false; + } + } + return true; + } + } + return false; +}; +tree.Selector.prototype.toCSS = function (env) { + if (this._css) { return this._css } + + return this._css = this.elements.map(function (e) { + if (typeof(e) === 'string') { + return ' ' + e.trim(); + } else { + return e.toCSS(env); + } + }).join(''); +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/url.js b/build-tools/lib/less/tree/url.js new file mode 100644 index 0000000..f427070 --- /dev/null +++ b/build-tools/lib/less/tree/url.js @@ -0,0 +1,25 @@ +(function (tree) { + +tree.URL = function (val, paths) { + if (val.data) { + this.attrs = val; + } else { + // Add the base path if the URL is relative and we are in the browser + if (!/^(?:https?:\/|file:\/|data:\/)?\//.test(val.value) && paths.length > 0 && typeof(window) !== 'undefined') { + val.value = paths[0] + (val.value.charAt(0) === '/' ? val.value.slice(1) : val.value); + } + this.value = val; + this.paths = paths; + } +}; +tree.URL.prototype = { + toCSS: function () { + return "url(" + (this.attrs ? 'data:' + this.attrs.mime + this.attrs.charset + this.attrs.base64 + this.attrs.data + : this.value.toCSS()) + ")"; + }, + eval: function (ctx) { + return this.attrs ? this : new(tree.URL)(this.value.eval(ctx), this.paths); + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/value.js b/build-tools/lib/less/tree/value.js new file mode 100644 index 0000000..922096c --- /dev/null +++ b/build-tools/lib/less/tree/value.js @@ -0,0 +1,24 @@ +(function (tree) { + +tree.Value = function (value) { + this.value = value; + this.is = 'value'; +}; +tree.Value.prototype = { + eval: function (env) { + if (this.value.length === 1) { + return this.value[0].eval(env); + } else { + return new(tree.Value)(this.value.map(function (v) { + return v.eval(env); + })); + } + }, + toCSS: function (env) { + return this.value.map(function (e) { + return e.toCSS(env); + }).join(env.compress ? ',' : ', '); + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/less/tree/variable.js b/build-tools/lib/less/tree/variable.js new file mode 100644 index 0000000..10f7c08 --- /dev/null +++ b/build-tools/lib/less/tree/variable.js @@ -0,0 +1,24 @@ +(function (tree) { + +tree.Variable = function (name, index) { this.name = name, this.index = index }; +tree.Variable.prototype = { + eval: function (env) { + var variable, v, name = this.name; + + if (name.indexOf('@@') == 0) { + name = '@' + new(tree.Variable)(name.slice(1)).eval(env).value; + } + + if (variable = tree.find(env.frames, function (frame) { + if (v = frame.variable(name)) { + return v.value.eval(env); + } + })) { return variable } + else { + throw { message: "variable " + name + " is undefined", + index: this.index }; + } + } +}; + +})(require('less/tree')); diff --git a/build-tools/lib/uglify-js.js b/build-tools/lib/uglify-js.js new file mode 100644 index 0000000..972e9cf --- /dev/null +++ b/build-tools/lib/uglify-js.js @@ -0,0 +1,21 @@ +//convienence function(src, [options]); +function uglify(orig_code, options){ + options || (options = {}); + var jsp = uglify.parser; + var pro = uglify.uglify; + + var ast = jsp.parse(orig_code, options.strict_semicolons); // parse code and get the initial AST + ast = pro.ast_mangle(ast, options.mangle_options); // get a new AST with mangled names + ast = pro.ast_squeeze(ast, options.squeeze_options); // get an AST with compression optimizations + var final_code = pro.gen_code(ast, options.gen_options); // compressed code here + return final_code; +}; + +// Change path to clean up lib directory. +// by Youmin Ha +uglify.parser = require("./uglifyjs/parse-js"); +uglify.uglify = require("./uglifyjs/process"); +//uglify.parser = require("./lib/parse-js"); +//uglify.uglify = require("./lib/process"); + +module.exports = uglify diff --git a/build-tools/lib/uglifyjs/LICENSE b/build-tools/lib/uglifyjs/LICENSE new file mode 100644 index 0000000..50b533a --- /dev/null +++ b/build-tools/lib/uglifyjs/LICENSE @@ -0,0 +1,28 @@ +Copyright 2010 (c) Mihai Bazon +Based on parse-js (http://marijn.haverbeke.nl/parse-js/). + +Redistribution and use in source and binary forms, with or without +modification, are permitted provided that the following conditions +are met: + +* Redistributions of source code must retain the above +copyright notice, this list of conditions and the following +disclaimer. + +* Redistributions in binary form must reproduce the above +copyright notice, this list of conditions and the following +disclaimer in the documentation and/or other materials +provided with the distribution. + +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY +EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE +IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR +PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE +LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, +OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, +PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR +PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY +THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR +TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF +THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF +SUCH DAMAGE. diff --git a/build-tools/lib/uglifyjs/parse-js.js b/build-tools/lib/uglifyjs/parse-js.js new file mode 100644 index 0000000..44dcc33 --- /dev/null +++ b/build-tools/lib/uglifyjs/parse-js.js @@ -0,0 +1,1342 @@ +/*********************************************************************** + + A JavaScript tokenizer / parser / beautifier / compressor. + + This version is suitable for Node.js. With minimal changes (the + exports stuff) it should work on any JS platform. + + This file contains the tokenizer/parser. It is a port to JavaScript + of parse-js [1], a JavaScript parser library written in Common Lisp + by Marijn Haverbeke. Thank you Marijn! + + [1] http://marijn.haverbeke.nl/parse-js/ + + Exported functions: + + - tokenizer(code) -- returns a function. Call the returned + function to fetch the next token. + + - parse(code) -- returns an AST of the given JavaScript code. + + -------------------------------- (C) --------------------------------- + + Author: Mihai Bazon + + http://mihai.bazon.net/blog + + Distributed under the BSD license: + + Copyright 2010 (c) Mihai Bazon + Based on parse-js (http://marijn.haverbeke.nl/parse-js/). + + Redistribution and use in source and binary forms, with or without + modification, are permitted provided that the following conditions + are met: + + * Redistributions of source code must retain the above + copyright notice, this list of conditions and the following + disclaimer. + + * Redistributions in binary form must reproduce the above + copyright notice, this list of conditions and the following + disclaimer in the documentation and/or other materials + provided with the distribution. + + THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY + EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE + LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, + OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR + TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF + THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF + SUCH DAMAGE. + + ***********************************************************************/ + +/* -----[ Tokenizer (constants) ]----- */ + +var KEYWORDS = array_to_hash([ + "break", + "case", + "catch", + "const", + "continue", + "debugger", + "default", + "delete", + "do", + "else", + "finally", + "for", + "function", + "if", + "in", + "instanceof", + "new", + "return", + "switch", + "throw", + "try", + "typeof", + "var", + "void", + "while", + "with" +]); + +var RESERVED_WORDS = array_to_hash([ + "abstract", + "boolean", + "byte", + "char", + "class", + "double", + "enum", + "export", + "extends", + "final", + "float", + "goto", + "implements", + "import", + "int", + "interface", + "long", + "native", + "package", + "private", + "protected", + "public", + "short", + "static", + "super", + "synchronized", + "throws", + "transient", + "volatile" +]); + +var KEYWORDS_BEFORE_EXPRESSION = array_to_hash([ + "return", + "new", + "delete", + "throw", + "else", + "case" +]); + +var KEYWORDS_ATOM = array_to_hash([ + "false", + "null", + "true", + "undefined" +]); + +var OPERATOR_CHARS = array_to_hash(characters("+-*&%=<>!?|~^")); + +var RE_HEX_NUMBER = /^0x[0-9a-f]+$/i; +var RE_OCT_NUMBER = /^0[0-7]+$/; +var RE_DEC_NUMBER = /^\d*\.?\d*(?:e[+-]?\d*(?:\d\.?|\.?\d)\d*)?$/i; + +var OPERATORS = array_to_hash([ + "in", + "instanceof", + "typeof", + "new", + "void", + "delete", + "++", + "--", + "+", + "-", + "!", + "~", + "&", + "|", + "^", + "*", + "/", + "%", + ">>", + "<<", + ">>>", + "<", + ">", + "<=", + ">=", + "==", + "===", + "!=", + "!==", + "?", + "=", + "+=", + "-=", + "/=", + "*=", + "%=", + ">>=", + "<<=", + ">>>=", + "|=", + "^=", + "&=", + "&&", + "||" +]); + +var WHITESPACE_CHARS = array_to_hash(characters(" \u00a0\n\r\t\f\u000b\u200b\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000")); + +var PUNC_BEFORE_EXPRESSION = array_to_hash(characters("[{}(,.;:")); + +var PUNC_CHARS = array_to_hash(characters("[]{}(),;:")); + +var REGEXP_MODIFIERS = array_to_hash(characters("gmsiy")); + +/* -----[ Tokenizer ]----- */ + +// regexps adapted from http://xregexp.com/plugins/#unicode +var UNICODE = { + letter: new RegExp("[\\u0041-\\u005A\\u0061-\\u007A\\u00AA\\u00B5\\u00BA\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02C1\\u02C6-\\u02D1\\u02E0-\\u02E4\\u02EC\\u02EE\\u0370-\\u0374\\u0376\\u0377\\u037A-\\u037D\\u0386\\u0388-\\u038A\\u038C\\u038E-\\u03A1\\u03A3-\\u03F5\\u03F7-\\u0481\\u048A-\\u0523\\u0531-\\u0556\\u0559\\u0561-\\u0587\\u05D0-\\u05EA\\u05F0-\\u05F2\\u0621-\\u064A\\u066E\\u066F\\u0671-\\u06D3\\u06D5\\u06E5\\u06E6\\u06EE\\u06EF\\u06FA-\\u06FC\\u06FF\\u0710\\u0712-\\u072F\\u074D-\\u07A5\\u07B1\\u07CA-\\u07EA\\u07F4\\u07F5\\u07FA\\u0904-\\u0939\\u093D\\u0950\\u0958-\\u0961\\u0971\\u0972\\u097B-\\u097F\\u0985-\\u098C\\u098F\\u0990\\u0993-\\u09A8\\u09AA-\\u09B0\\u09B2\\u09B6-\\u09B9\\u09BD\\u09CE\\u09DC\\u09DD\\u09DF-\\u09E1\\u09F0\\u09F1\\u0A05-\\u0A0A\\u0A0F\\u0A10\\u0A13-\\u0A28\\u0A2A-\\u0A30\\u0A32\\u0A33\\u0A35\\u0A36\\u0A38\\u0A39\\u0A59-\\u0A5C\\u0A5E\\u0A72-\\u0A74\\u0A85-\\u0A8D\\u0A8F-\\u0A91\\u0A93-\\u0AA8\\u0AAA-\\u0AB0\\u0AB2\\u0AB3\\u0AB5-\\u0AB9\\u0ABD\\u0AD0\\u0AE0\\u0AE1\\u0B05-\\u0B0C\\u0B0F\\u0B10\\u0B13-\\u0B28\\u0B2A-\\u0B30\\u0B32\\u0B33\\u0B35-\\u0B39\\u0B3D\\u0B5C\\u0B5D\\u0B5F-\\u0B61\\u0B71\\u0B83\\u0B85-\\u0B8A\\u0B8E-\\u0B90\\u0B92-\\u0B95\\u0B99\\u0B9A\\u0B9C\\u0B9E\\u0B9F\\u0BA3\\u0BA4\\u0BA8-\\u0BAA\\u0BAE-\\u0BB9\\u0BD0\\u0C05-\\u0C0C\\u0C0E-\\u0C10\\u0C12-\\u0C28\\u0C2A-\\u0C33\\u0C35-\\u0C39\\u0C3D\\u0C58\\u0C59\\u0C60\\u0C61\\u0C85-\\u0C8C\\u0C8E-\\u0C90\\u0C92-\\u0CA8\\u0CAA-\\u0CB3\\u0CB5-\\u0CB9\\u0CBD\\u0CDE\\u0CE0\\u0CE1\\u0D05-\\u0D0C\\u0D0E-\\u0D10\\u0D12-\\u0D28\\u0D2A-\\u0D39\\u0D3D\\u0D60\\u0D61\\u0D7A-\\u0D7F\\u0D85-\\u0D96\\u0D9A-\\u0DB1\\u0DB3-\\u0DBB\\u0DBD\\u0DC0-\\u0DC6\\u0E01-\\u0E30\\u0E32\\u0E33\\u0E40-\\u0E46\\u0E81\\u0E82\\u0E84\\u0E87\\u0E88\\u0E8A\\u0E8D\\u0E94-\\u0E97\\u0E99-\\u0E9F\\u0EA1-\\u0EA3\\u0EA5\\u0EA7\\u0EAA\\u0EAB\\u0EAD-\\u0EB0\\u0EB2\\u0EB3\\u0EBD\\u0EC0-\\u0EC4\\u0EC6\\u0EDC\\u0EDD\\u0F00\\u0F40-\\u0F47\\u0F49-\\u0F6C\\u0F88-\\u0F8B\\u1000-\\u102A\\u103F\\u1050-\\u1055\\u105A-\\u105D\\u1061\\u1065\\u1066\\u106E-\\u1070\\u1075-\\u1081\\u108E\\u10A0-\\u10C5\\u10D0-\\u10FA\\u10FC\\u1100-\\u1159\\u115F-\\u11A2\\u11A8-\\u11F9\\u1200-\\u1248\\u124A-\\u124D\\u1250-\\u1256\\u1258\\u125A-\\u125D\\u1260-\\u1288\\u128A-\\u128D\\u1290-\\u12B0\\u12B2-\\u12B5\\u12B8-\\u12BE\\u12C0\\u12C2-\\u12C5\\u12C8-\\u12D6\\u12D8-\\u1310\\u1312-\\u1315\\u1318-\\u135A\\u1380-\\u138F\\u13A0-\\u13F4\\u1401-\\u166C\\u166F-\\u1676\\u1681-\\u169A\\u16A0-\\u16EA\\u1700-\\u170C\\u170E-\\u1711\\u1720-\\u1731\\u1740-\\u1751\\u1760-\\u176C\\u176E-\\u1770\\u1780-\\u17B3\\u17D7\\u17DC\\u1820-\\u1877\\u1880-\\u18A8\\u18AA\\u1900-\\u191C\\u1950-\\u196D\\u1970-\\u1974\\u1980-\\u19A9\\u19C1-\\u19C7\\u1A00-\\u1A16\\u1B05-\\u1B33\\u1B45-\\u1B4B\\u1B83-\\u1BA0\\u1BAE\\u1BAF\\u1C00-\\u1C23\\u1C4D-\\u1C4F\\u1C5A-\\u1C7D\\u1D00-\\u1DBF\\u1E00-\\u1F15\\u1F18-\\u1F1D\\u1F20-\\u1F45\\u1F48-\\u1F4D\\u1F50-\\u1F57\\u1F59\\u1F5B\\u1F5D\\u1F5F-\\u1F7D\\u1F80-\\u1FB4\\u1FB6-\\u1FBC\\u1FBE\\u1FC2-\\u1FC4\\u1FC6-\\u1FCC\\u1FD0-\\u1FD3\\u1FD6-\\u1FDB\\u1FE0-\\u1FEC\\u1FF2-\\u1FF4\\u1FF6-\\u1FFC\\u2071\\u207F\\u2090-\\u2094\\u2102\\u2107\\u210A-\\u2113\\u2115\\u2119-\\u211D\\u2124\\u2126\\u2128\\u212A-\\u212D\\u212F-\\u2139\\u213C-\\u213F\\u2145-\\u2149\\u214E\\u2183\\u2184\\u2C00-\\u2C2E\\u2C30-\\u2C5E\\u2C60-\\u2C6F\\u2C71-\\u2C7D\\u2C80-\\u2CE4\\u2D00-\\u2D25\\u2D30-\\u2D65\\u2D6F\\u2D80-\\u2D96\\u2DA0-\\u2DA6\\u2DA8-\\u2DAE\\u2DB0-\\u2DB6\\u2DB8-\\u2DBE\\u2DC0-\\u2DC6\\u2DC8-\\u2DCE\\u2DD0-\\u2DD6\\u2DD8-\\u2DDE\\u2E2F\\u3005\\u3006\\u3031-\\u3035\\u303B\\u303C\\u3041-\\u3096\\u309D-\\u309F\\u30A1-\\u30FA\\u30FC-\\u30FF\\u3105-\\u312D\\u3131-\\u318E\\u31A0-\\u31B7\\u31F0-\\u31FF\\u3400\\u4DB5\\u4E00\\u9FC3\\uA000-\\uA48C\\uA500-\\uA60C\\uA610-\\uA61F\\uA62A\\uA62B\\uA640-\\uA65F\\uA662-\\uA66E\\uA67F-\\uA697\\uA717-\\uA71F\\uA722-\\uA788\\uA78B\\uA78C\\uA7FB-\\uA801\\uA803-\\uA805\\uA807-\\uA80A\\uA80C-\\uA822\\uA840-\\uA873\\uA882-\\uA8B3\\uA90A-\\uA925\\uA930-\\uA946\\uAA00-\\uAA28\\uAA40-\\uAA42\\uAA44-\\uAA4B\\uAC00\\uD7A3\\uF900-\\uFA2D\\uFA30-\\uFA6A\\uFA70-\\uFAD9\\uFB00-\\uFB06\\uFB13-\\uFB17\\uFB1D\\uFB1F-\\uFB28\\uFB2A-\\uFB36\\uFB38-\\uFB3C\\uFB3E\\uFB40\\uFB41\\uFB43\\uFB44\\uFB46-\\uFBB1\\uFBD3-\\uFD3D\\uFD50-\\uFD8F\\uFD92-\\uFDC7\\uFDF0-\\uFDFB\\uFE70-\\uFE74\\uFE76-\\uFEFC\\uFF21-\\uFF3A\\uFF41-\\uFF5A\\uFF66-\\uFFBE\\uFFC2-\\uFFC7\\uFFCA-\\uFFCF\\uFFD2-\\uFFD7\\uFFDA-\\uFFDC]"), + non_spacing_mark: new RegExp("[\\u0300-\\u036F\\u0483-\\u0487\\u0591-\\u05BD\\u05BF\\u05C1\\u05C2\\u05C4\\u05C5\\u05C7\\u0610-\\u061A\\u064B-\\u065E\\u0670\\u06D6-\\u06DC\\u06DF-\\u06E4\\u06E7\\u06E8\\u06EA-\\u06ED\\u0711\\u0730-\\u074A\\u07A6-\\u07B0\\u07EB-\\u07F3\\u0816-\\u0819\\u081B-\\u0823\\u0825-\\u0827\\u0829-\\u082D\\u0900-\\u0902\\u093C\\u0941-\\u0948\\u094D\\u0951-\\u0955\\u0962\\u0963\\u0981\\u09BC\\u09C1-\\u09C4\\u09CD\\u09E2\\u09E3\\u0A01\\u0A02\\u0A3C\\u0A41\\u0A42\\u0A47\\u0A48\\u0A4B-\\u0A4D\\u0A51\\u0A70\\u0A71\\u0A75\\u0A81\\u0A82\\u0ABC\\u0AC1-\\u0AC5\\u0AC7\\u0AC8\\u0ACD\\u0AE2\\u0AE3\\u0B01\\u0B3C\\u0B3F\\u0B41-\\u0B44\\u0B4D\\u0B56\\u0B62\\u0B63\\u0B82\\u0BC0\\u0BCD\\u0C3E-\\u0C40\\u0C46-\\u0C48\\u0C4A-\\u0C4D\\u0C55\\u0C56\\u0C62\\u0C63\\u0CBC\\u0CBF\\u0CC6\\u0CCC\\u0CCD\\u0CE2\\u0CE3\\u0D41-\\u0D44\\u0D4D\\u0D62\\u0D63\\u0DCA\\u0DD2-\\u0DD4\\u0DD6\\u0E31\\u0E34-\\u0E3A\\u0E47-\\u0E4E\\u0EB1\\u0EB4-\\u0EB9\\u0EBB\\u0EBC\\u0EC8-\\u0ECD\\u0F18\\u0F19\\u0F35\\u0F37\\u0F39\\u0F71-\\u0F7E\\u0F80-\\u0F84\\u0F86\\u0F87\\u0F90-\\u0F97\\u0F99-\\u0FBC\\u0FC6\\u102D-\\u1030\\u1032-\\u1037\\u1039\\u103A\\u103D\\u103E\\u1058\\u1059\\u105E-\\u1060\\u1071-\\u1074\\u1082\\u1085\\u1086\\u108D\\u109D\\u135F\\u1712-\\u1714\\u1732-\\u1734\\u1752\\u1753\\u1772\\u1773\\u17B7-\\u17BD\\u17C6\\u17C9-\\u17D3\\u17DD\\u180B-\\u180D\\u18A9\\u1920-\\u1922\\u1927\\u1928\\u1932\\u1939-\\u193B\\u1A17\\u1A18\\u1A56\\u1A58-\\u1A5E\\u1A60\\u1A62\\u1A65-\\u1A6C\\u1A73-\\u1A7C\\u1A7F\\u1B00-\\u1B03\\u1B34\\u1B36-\\u1B3A\\u1B3C\\u1B42\\u1B6B-\\u1B73\\u1B80\\u1B81\\u1BA2-\\u1BA5\\u1BA8\\u1BA9\\u1C2C-\\u1C33\\u1C36\\u1C37\\u1CD0-\\u1CD2\\u1CD4-\\u1CE0\\u1CE2-\\u1CE8\\u1CED\\u1DC0-\\u1DE6\\u1DFD-\\u1DFF\\u20D0-\\u20DC\\u20E1\\u20E5-\\u20F0\\u2CEF-\\u2CF1\\u2DE0-\\u2DFF\\u302A-\\u302F\\u3099\\u309A\\uA66F\\uA67C\\uA67D\\uA6F0\\uA6F1\\uA802\\uA806\\uA80B\\uA825\\uA826\\uA8C4\\uA8E0-\\uA8F1\\uA926-\\uA92D\\uA947-\\uA951\\uA980-\\uA982\\uA9B3\\uA9B6-\\uA9B9\\uA9BC\\uAA29-\\uAA2E\\uAA31\\uAA32\\uAA35\\uAA36\\uAA43\\uAA4C\\uAAB0\\uAAB2-\\uAAB4\\uAAB7\\uAAB8\\uAABE\\uAABF\\uAAC1\\uABE5\\uABE8\\uABED\\uFB1E\\uFE00-\\uFE0F\\uFE20-\\uFE26]"), + space_combining_mark: new RegExp("[\\u0903\\u093E-\\u0940\\u0949-\\u094C\\u094E\\u0982\\u0983\\u09BE-\\u09C0\\u09C7\\u09C8\\u09CB\\u09CC\\u09D7\\u0A03\\u0A3E-\\u0A40\\u0A83\\u0ABE-\\u0AC0\\u0AC9\\u0ACB\\u0ACC\\u0B02\\u0B03\\u0B3E\\u0B40\\u0B47\\u0B48\\u0B4B\\u0B4C\\u0B57\\u0BBE\\u0BBF\\u0BC1\\u0BC2\\u0BC6-\\u0BC8\\u0BCA-\\u0BCC\\u0BD7\\u0C01-\\u0C03\\u0C41-\\u0C44\\u0C82\\u0C83\\u0CBE\\u0CC0-\\u0CC4\\u0CC7\\u0CC8\\u0CCA\\u0CCB\\u0CD5\\u0CD6\\u0D02\\u0D03\\u0D3E-\\u0D40\\u0D46-\\u0D48\\u0D4A-\\u0D4C\\u0D57\\u0D82\\u0D83\\u0DCF-\\u0DD1\\u0DD8-\\u0DDF\\u0DF2\\u0DF3\\u0F3E\\u0F3F\\u0F7F\\u102B\\u102C\\u1031\\u1038\\u103B\\u103C\\u1056\\u1057\\u1062-\\u1064\\u1067-\\u106D\\u1083\\u1084\\u1087-\\u108C\\u108F\\u109A-\\u109C\\u17B6\\u17BE-\\u17C5\\u17C7\\u17C8\\u1923-\\u1926\\u1929-\\u192B\\u1930\\u1931\\u1933-\\u1938\\u19B0-\\u19C0\\u19C8\\u19C9\\u1A19-\\u1A1B\\u1A55\\u1A57\\u1A61\\u1A63\\u1A64\\u1A6D-\\u1A72\\u1B04\\u1B35\\u1B3B\\u1B3D-\\u1B41\\u1B43\\u1B44\\u1B82\\u1BA1\\u1BA6\\u1BA7\\u1BAA\\u1C24-\\u1C2B\\u1C34\\u1C35\\u1CE1\\u1CF2\\uA823\\uA824\\uA827\\uA880\\uA881\\uA8B4-\\uA8C3\\uA952\\uA953\\uA983\\uA9B4\\uA9B5\\uA9BA\\uA9BB\\uA9BD-\\uA9C0\\uAA2F\\uAA30\\uAA33\\uAA34\\uAA4D\\uAA7B\\uABE3\\uABE4\\uABE6\\uABE7\\uABE9\\uABEA\\uABEC]"), + connector_punctuation: new RegExp("[\\u005F\\u203F\\u2040\\u2054\\uFE33\\uFE34\\uFE4D-\\uFE4F\\uFF3F]") +}; + +function is_letter(ch) { + return UNICODE.letter.test(ch); +}; + +function is_digit(ch) { + ch = ch.charCodeAt(0); + return ch >= 48 && ch <= 57; //XXX: find out if "UnicodeDigit" means something else than 0..9 +}; + +function is_alphanumeric_char(ch) { + return is_digit(ch) || is_letter(ch); +}; + +function is_unicode_combining_mark(ch) { + return UNICODE.non_spacing_mark.test(ch) || UNICODE.space_combining_mark.test(ch); +}; + +function is_unicode_connector_punctuation(ch) { + return UNICODE.connector_punctuation.test(ch); +}; + +function is_identifier_start(ch) { + return ch == "$" || ch == "_" || is_letter(ch); +}; + +function is_identifier_char(ch) { + return is_identifier_start(ch) + || is_unicode_combining_mark(ch) + || is_digit(ch) + || is_unicode_connector_punctuation(ch) + || ch == "\u200c" // zero-width non-joiner + || ch == "\u200d" // zero-width joiner (in my ECMA-262 PDF, this is also 200c) + ; +}; + +function parse_js_number(num) { + if (RE_HEX_NUMBER.test(num)) { + return parseInt(num.substr(2), 16); + } else if (RE_OCT_NUMBER.test(num)) { + return parseInt(num.substr(1), 8); + } else if (RE_DEC_NUMBER.test(num)) { + return parseFloat(num); + } +}; + +function JS_Parse_Error(message, line, col, pos) { + this.message = message; + this.line = line + 1; + this.col = col + 1; + this.pos = pos + 1; + this.stack = new Error().stack; +}; + +JS_Parse_Error.prototype.toString = function() { + return this.message + " (line: " + this.line + ", col: " + this.col + ", pos: " + this.pos + ")" + "\n\n" + this.stack; +}; + +function js_error(message, line, col, pos) { + throw new JS_Parse_Error(message, line, col, pos); +}; + +function is_token(token, type, val) { + return token.type == type && (val == null || token.value == val); +}; + +var EX_EOF = {}; + +function tokenizer($TEXT) { + + var S = { + text : $TEXT.replace(/\r\n?|[\n\u2028\u2029]/g, "\n").replace(/^\uFEFF/, ''), + pos : 0, + tokpos : 0, + line : 0, + tokline : 0, + col : 0, + tokcol : 0, + newline_before : false, + regex_allowed : false, + comments_before : [] + }; + + function peek() { return S.text.charAt(S.pos); }; + + function next(signal_eof, in_string) { + var ch = S.text.charAt(S.pos++); + if (signal_eof && !ch) + throw EX_EOF; + if (ch == "\n") { + S.newline_before = S.newline_before || !in_string; + ++S.line; + S.col = 0; + } else { + ++S.col; + } + return ch; + }; + + function eof() { + return !S.peek(); + }; + + function find(what, signal_eof) { + var pos = S.text.indexOf(what, S.pos); + if (signal_eof && pos == -1) throw EX_EOF; + return pos; + }; + + function start_token() { + S.tokline = S.line; + S.tokcol = S.col; + S.tokpos = S.pos; + }; + + function token(type, value, is_comment) { + S.regex_allowed = ((type == "operator" && !HOP(UNARY_POSTFIX, value)) || + (type == "keyword" && HOP(KEYWORDS_BEFORE_EXPRESSION, value)) || + (type == "punc" && HOP(PUNC_BEFORE_EXPRESSION, value))); + var ret = { + type : type, + value : value, + line : S.tokline, + col : S.tokcol, + pos : S.tokpos, + endpos : S.pos, + nlb : S.newline_before + }; + if (!is_comment) { + ret.comments_before = S.comments_before; + S.comments_before = []; + } + S.newline_before = false; + return ret; + }; + + function skip_whitespace() { + while (HOP(WHITESPACE_CHARS, peek())) + next(); + }; + + function read_while(pred) { + var ret = "", ch = peek(), i = 0; + while (ch && pred(ch, i++)) { + ret += next(); + ch = peek(); + } + return ret; + }; + + function parse_error(err) { + js_error(err, S.tokline, S.tokcol, S.tokpos); + }; + + function read_num(prefix) { + var has_e = false, after_e = false, has_x = false, has_dot = prefix == "."; + var num = read_while(function(ch, i){ + if (ch == "x" || ch == "X") { + if (has_x) return false; + return has_x = true; + } + if (!has_x && (ch == "E" || ch == "e")) { + if (has_e) return false; + return has_e = after_e = true; + } + if (ch == "-") { + if (after_e || (i == 0 && !prefix)) return true; + return false; + } + if (ch == "+") return after_e; + after_e = false; + if (ch == ".") { + if (!has_dot && !has_x) + return has_dot = true; + return false; + } + return is_alphanumeric_char(ch); + }); + if (prefix) + num = prefix + num; + var valid = parse_js_number(num); + if (!isNaN(valid)) { + return token("num", valid); + } else { + parse_error("Invalid syntax: " + num); + } + }; + + function read_escaped_char(in_string) { + var ch = next(true, in_string); + switch (ch) { + case "n" : return "\n"; + case "r" : return "\r"; + case "t" : return "\t"; + case "b" : return "\b"; + case "v" : return "\u000b"; + case "f" : return "\f"; + case "0" : return "\0"; + case "x" : return String.fromCharCode(hex_bytes(2)); + case "u" : return String.fromCharCode(hex_bytes(4)); + case "\n": return ""; + default : return ch; + } + }; + + function hex_bytes(n) { + var num = 0; + for (; n > 0; --n) { + var digit = parseInt(next(true), 16); + if (isNaN(digit)) + parse_error("Invalid hex-character pattern in string"); + num = (num << 4) | digit; + } + return num; + }; + + function read_string() { + return with_eof_error("Unterminated string constant", function(){ + var quote = next(), ret = ""; + for (;;) { + var ch = next(true); + if (ch == "\\") { + // read OctalEscapeSequence (XXX: deprecated if "strict mode") + // https://github.com/mishoo/UglifyJS/issues/178 + var octal_len = 0, first = null; + ch = read_while(function(ch){ + if (ch >= "0" && ch <= "7") { + if (!first) { + first = ch; + return ++octal_len; + } + else if (first <= "3" && octal_len <= 2) return ++octal_len; + else if (first >= "4" && octal_len <= 1) return ++octal_len; + } + return false; + }); + if (octal_len > 0) ch = String.fromCharCode(parseInt(ch, 8)); + else ch = read_escaped_char(true); + } + else if (ch == quote) break; + ret += ch; + } + return token("string", ret); + }); + }; + + function read_line_comment() { + next(); + var i = find("\n"), ret; + if (i == -1) { + ret = S.text.substr(S.pos); + S.pos = S.text.length; + } else { + ret = S.text.substring(S.pos, i); + S.pos = i; + } + return token("comment1", ret, true); + }; + + function read_multiline_comment() { + next(); + return with_eof_error("Unterminated multiline comment", function(){ + var i = find("*/", true), + text = S.text.substring(S.pos, i); + S.pos = i + 2; + S.line += text.split("\n").length - 1; + S.newline_before = text.indexOf("\n") >= 0; + + // https://github.com/mishoo/UglifyJS/issues/#issue/100 + if (/^@cc_on/i.test(text)) { + warn("WARNING: at line " + S.line); + warn("*** Found \"conditional comment\": " + text); + warn("*** UglifyJS DISCARDS ALL COMMENTS. This means your code might no longer work properly in Internet Explorer."); + } + + return token("comment2", text, true); + }); + }; + + function read_name() { + var backslash = false, name = "", ch; + while ((ch = peek()) != null) { + if (!backslash) { + if (ch == "\\") backslash = true, next(); + else if (is_identifier_char(ch)) name += next(); + else break; + } + else { + if (ch != "u") parse_error("Expecting UnicodeEscapeSequence -- uXXXX"); + ch = read_escaped_char(); + if (!is_identifier_char(ch)) parse_error("Unicode char: " + ch.charCodeAt(0) + " is not valid in identifier"); + name += ch; + backslash = false; + } + } + return name; + }; + + function read_regexp(regexp) { + return with_eof_error("Unterminated regular expression", function(){ + var prev_backslash = false, ch, in_class = false; + while ((ch = next(true))) if (prev_backslash) { + regexp += "\\" + ch; + prev_backslash = false; + } else if (ch == "[") { + in_class = true; + regexp += ch; + } else if (ch == "]" && in_class) { + in_class = false; + regexp += ch; + } else if (ch == "/" && !in_class) { + break; + } else if (ch == "\\") { + prev_backslash = true; + } else { + regexp += ch; + } + var mods = read_name(); + return token("regexp", [ regexp, mods ]); + }); + }; + + function read_operator(prefix) { + function grow(op) { + if (!peek()) return op; + var bigger = op + peek(); + if (HOP(OPERATORS, bigger)) { + next(); + return grow(bigger); + } else { + return op; + } + }; + return token("operator", grow(prefix || next())); + }; + + function handle_slash() { + next(); + var regex_allowed = S.regex_allowed; + switch (peek()) { + case "/": + S.comments_before.push(read_line_comment()); + S.regex_allowed = regex_allowed; + return next_token(); + case "*": + S.comments_before.push(read_multiline_comment()); + S.regex_allowed = regex_allowed; + return next_token(); + } + return S.regex_allowed ? read_regexp("") : read_operator("/"); + }; + + function handle_dot() { + next(); + return is_digit(peek()) + ? read_num(".") + : token("punc", "."); + }; + + function read_word() { + var word = read_name(); + return !HOP(KEYWORDS, word) + ? token("name", word) + : HOP(OPERATORS, word) + ? token("operator", word) + : HOP(KEYWORDS_ATOM, word) + ? token("atom", word) + : token("keyword", word); + }; + + function with_eof_error(eof_error, cont) { + try { + return cont(); + } catch(ex) { + if (ex === EX_EOF) parse_error(eof_error); + else throw ex; + } + }; + + function next_token(force_regexp) { + if (force_regexp != null) + return read_regexp(force_regexp); + skip_whitespace(); + start_token(); + var ch = peek(); + if (!ch) return token("eof"); + if (is_digit(ch)) return read_num(); + if (ch == '"' || ch == "'") return read_string(); + if (HOP(PUNC_CHARS, ch)) return token("punc", next()); + if (ch == ".") return handle_dot(); + if (ch == "/") return handle_slash(); + if (HOP(OPERATOR_CHARS, ch)) return read_operator(); + if (ch == "\\" || is_identifier_start(ch)) return read_word(); + parse_error("Unexpected character '" + ch + "'"); + }; + + next_token.context = function(nc) { + if (nc) S = nc; + return S; + }; + + return next_token; + +}; + +/* -----[ Parser (constants) ]----- */ + +var UNARY_PREFIX = array_to_hash([ + "typeof", + "void", + "delete", + "--", + "++", + "!", + "~", + "-", + "+" +]); + +var UNARY_POSTFIX = array_to_hash([ "--", "++" ]); + +var ASSIGNMENT = (function(a, ret, i){ + while (i < a.length) { + ret[a[i]] = a[i].substr(0, a[i].length - 1); + i++; + } + return ret; +})( + ["+=", "-=", "/=", "*=", "%=", ">>=", "<<=", ">>>=", "|=", "^=", "&="], + { "=": true }, + 0 +); + +var PRECEDENCE = (function(a, ret){ + for (var i = 0, n = 1; i < a.length; ++i, ++n) { + var b = a[i]; + for (var j = 0; j < b.length; ++j) { + ret[b[j]] = n; + } + } + return ret; +})( + [ + ["||"], + ["&&"], + ["|"], + ["^"], + ["&"], + ["==", "===", "!=", "!=="], + ["<", ">", "<=", ">=", "in", "instanceof"], + [">>", "<<", ">>>"], + ["+", "-"], + ["*", "/", "%"] + ], + {} +); + +var STATEMENTS_WITH_LABELS = array_to_hash([ "for", "do", "while", "switch" ]); + +var ATOMIC_START_TOKEN = array_to_hash([ "atom", "num", "string", "regexp", "name" ]); + +/* -----[ Parser ]----- */ + +function NodeWithToken(str, start, end) { + this.name = str; + this.start = start; + this.end = end; +}; + +NodeWithToken.prototype.toString = function() { return this.name; }; + +function parse($TEXT, exigent_mode, embed_tokens) { + + var S = { + input : typeof $TEXT == "string" ? tokenizer($TEXT, true) : $TEXT, + token : null, + prev : null, + peeked : null, + in_function : 0, + in_loop : 0, + labels : [] + }; + + S.token = next(); + + function is(type, value) { + return is_token(S.token, type, value); + }; + + function peek() { return S.peeked || (S.peeked = S.input()); }; + + function next() { + S.prev = S.token; + if (S.peeked) { + S.token = S.peeked; + S.peeked = null; + } else { + S.token = S.input(); + } + return S.token; + }; + + function prev() { + return S.prev; + }; + + function croak(msg, line, col, pos) { + var ctx = S.input.context(); + js_error(msg, + line != null ? line : ctx.tokline, + col != null ? col : ctx.tokcol, + pos != null ? pos : ctx.tokpos); + }; + + function token_error(token, msg) { + croak(msg, token.line, token.col); + }; + + function unexpected(token) { + if (token == null) + token = S.token; + token_error(token, "Unexpected token: " + token.type + " (" + token.value + ")"); + }; + + function expect_token(type, val) { + if (is(type, val)) { + return next(); + } + token_error(S.token, "Unexpected token " + S.token.type + ", expected " + type); + }; + + function expect(punc) { return expect_token("punc", punc); }; + + function can_insert_semicolon() { + return !exigent_mode && ( + S.token.nlb || is("eof") || is("punc", "}") + ); + }; + + function semicolon() { + if (is("punc", ";")) next(); + else if (!can_insert_semicolon()) unexpected(); + }; + + function as() { + return slice(arguments); + }; + + function parenthesised() { + expect("("); + var ex = expression(); + expect(")"); + return ex; + }; + + function add_tokens(str, start, end) { + return str instanceof NodeWithToken ? str : new NodeWithToken(str, start, end); + }; + + function maybe_embed_tokens(parser) { + if (embed_tokens) return function() { + var start = S.token; + var ast = parser.apply(this, arguments); + ast[0] = add_tokens(ast[0], start, prev()); + return ast; + }; + else return parser; + }; + + var statement = maybe_embed_tokens(function() { + if (is("operator", "/") || is("operator", "/=")) { + S.peeked = null; + S.token = S.input(S.token.value.substr(1)); // force regexp + } + switch (S.token.type) { + case "num": + case "string": + case "regexp": + case "operator": + case "atom": + return simple_statement(); + + case "name": + return is_token(peek(), "punc", ":") + ? labeled_statement(prog1(S.token.value, next, next)) + : simple_statement(); + + case "punc": + switch (S.token.value) { + case "{": + return as("block", block_()); + case "[": + case "(": + return simple_statement(); + case ";": + next(); + return as("block"); + default: + unexpected(); + } + + case "keyword": + switch (prog1(S.token.value, next)) { + case "break": + return break_cont("break"); + + case "continue": + return break_cont("continue"); + + case "debugger": + semicolon(); + return as("debugger"); + + case "do": + return (function(body){ + expect_token("keyword", "while"); + return as("do", prog1(parenthesised, semicolon), body); + })(in_loop(statement)); + + case "for": + return for_(); + + case "function": + return function_(true); + + case "if": + return if_(); + + case "return": + if (S.in_function == 0) + croak("'return' outside of function"); + return as("return", + is("punc", ";") + ? (next(), null) + : can_insert_semicolon() + ? null + : prog1(expression, semicolon)); + + case "switch": + return as("switch", parenthesised(), switch_block_()); + + case "throw": + if (S.token.nlb) + croak("Illegal newline after 'throw'"); + return as("throw", prog1(expression, semicolon)); + + case "try": + return try_(); + + case "var": + return prog1(var_, semicolon); + + case "const": + return prog1(const_, semicolon); + + case "while": + return as("while", parenthesised(), in_loop(statement)); + + case "with": + return as("with", parenthesised(), statement()); + + default: + unexpected(); + } + } + }); + + function labeled_statement(label) { + S.labels.push(label); + var start = S.token, stat = statement(); + if (exigent_mode && !HOP(STATEMENTS_WITH_LABELS, stat[0])) + unexpected(start); + S.labels.pop(); + return as("label", label, stat); + }; + + function simple_statement() { + return as("stat", prog1(expression, semicolon)); + }; + + function break_cont(type) { + var name; + if (!can_insert_semicolon()) { + name = is("name") ? S.token.value : null; + } + if (name != null) { + next(); + if (!member(name, S.labels)) + croak("Label " + name + " without matching loop or statement"); + } + else if (S.in_loop == 0) + croak(type + " not inside a loop or switch"); + semicolon(); + return as(type, name); + }; + + function for_() { + expect("("); + var init = null; + if (!is("punc", ";")) { + init = is("keyword", "var") + ? (next(), var_(true)) + : expression(true, true); + if (is("operator", "in")) { + if (init[0] == "var" && init[1].length > 1) + croak("Only one variable declaration allowed in for..in loop"); + return for_in(init); + } + } + return regular_for(init); + }; + + function regular_for(init) { + expect(";"); + var test = is("punc", ";") ? null : expression(); + expect(";"); + var step = is("punc", ")") ? null : expression(); + expect(")"); + return as("for", init, test, step, in_loop(statement)); + }; + + function for_in(init) { + var lhs = init[0] == "var" ? as("name", init[1][0]) : init; + next(); + var obj = expression(); + expect(")"); + return as("for-in", init, lhs, obj, in_loop(statement)); + }; + + var function_ = function(in_statement) { + var name = is("name") ? prog1(S.token.value, next) : null; + if (in_statement && !name) + unexpected(); + expect("("); + return as(in_statement ? "defun" : "function", + name, + // arguments + (function(first, a){ + while (!is("punc", ")")) { + if (first) first = false; else expect(","); + if (!is("name")) unexpected(); + a.push(S.token.value); + next(); + } + next(); + return a; + })(true, []), + // body + (function(){ + ++S.in_function; + var loop = S.in_loop; + S.in_loop = 0; + var a = block_(); + --S.in_function; + S.in_loop = loop; + return a; + })()); + }; + + function if_() { + var cond = parenthesised(), body = statement(), belse; + if (is("keyword", "else")) { + next(); + belse = statement(); + } + return as("if", cond, body, belse); + }; + + function block_() { + expect("{"); + var a = []; + while (!is("punc", "}")) { + if (is("eof")) unexpected(); + a.push(statement()); + } + next(); + return a; + }; + + var switch_block_ = curry(in_loop, function(){ + expect("{"); + var a = [], cur = null; + while (!is("punc", "}")) { + if (is("eof")) unexpected(); + if (is("keyword", "case")) { + next(); + cur = []; + a.push([ expression(), cur ]); + expect(":"); + } + else if (is("keyword", "default")) { + next(); + expect(":"); + cur = []; + a.push([ null, cur ]); + } + else { + if (!cur) unexpected(); + cur.push(statement()); + } + } + next(); + return a; + }); + + function try_() { + var body = block_(), bcatch, bfinally; + if (is("keyword", "catch")) { + next(); + expect("("); + if (!is("name")) + croak("Name expected"); + var name = S.token.value; + next(); + expect(")"); + bcatch = [ name, block_() ]; + } + if (is("keyword", "finally")) { + next(); + bfinally = block_(); + } + if (!bcatch && !bfinally) + croak("Missing catch/finally blocks"); + return as("try", body, bcatch, bfinally); + }; + + function vardefs(no_in) { + var a = []; + for (;;) { + if (!is("name")) + unexpected(); + var name = S.token.value; + next(); + if (is("operator", "=")) { + next(); + a.push([ name, expression(false, no_in) ]); + } else { + a.push([ name ]); + } + if (!is("punc", ",")) + break; + next(); + } + return a; + }; + + function var_(no_in) { + return as("var", vardefs(no_in)); + }; + + function const_() { + return as("const", vardefs()); + }; + + function new_() { + var newexp = expr_atom(false), args; + if (is("punc", "(")) { + next(); + args = expr_list(")"); + } else { + args = []; + } + return subscripts(as("new", newexp, args), true); + }; + + var expr_atom = maybe_embed_tokens(function(allow_calls) { + if (is("operator", "new")) { + next(); + return new_(); + } + if (is("punc")) { + switch (S.token.value) { + case "(": + next(); + return subscripts(prog1(expression, curry(expect, ")")), allow_calls); + case "[": + next(); + return subscripts(array_(), allow_calls); + case "{": + next(); + return subscripts(object_(), allow_calls); + } + unexpected(); + } + if (is("keyword", "function")) { + next(); + return subscripts(function_(false), allow_calls); + } + if (HOP(ATOMIC_START_TOKEN, S.token.type)) { + var atom = S.token.type == "regexp" + ? as("regexp", S.token.value[0], S.token.value[1]) + : as(S.token.type, S.token.value); + return subscripts(prog1(atom, next), allow_calls); + } + unexpected(); + }); + + function expr_list(closing, allow_trailing_comma, allow_empty) { + var first = true, a = []; + while (!is("punc", closing)) { + if (first) first = false; else expect(","); + if (allow_trailing_comma && is("punc", closing)) break; + if (is("punc", ",") && allow_empty) { + a.push([ "atom", "undefined" ]); + } else { + a.push(expression(false)); + } + } + next(); + return a; + }; + + function array_() { + return as("array", expr_list("]", !exigent_mode, true)); + }; + + function object_() { + var first = true, a = []; + while (!is("punc", "}")) { + if (first) first = false; else expect(","); + if (!exigent_mode && is("punc", "}")) + // allow trailing comma + break; + var type = S.token.type; + var name = as_property_name(); + if (type == "name" && (name == "get" || name == "set") && !is("punc", ":")) { + a.push([ as_name(), function_(false), name ]); + } else { + expect(":"); + a.push([ name, expression(false) ]); + } + } + next(); + return as("object", a); + }; + + function as_property_name() { + switch (S.token.type) { + case "num": + case "string": + return prog1(S.token.value, next); + } + return as_name(); + }; + + function as_name() { + switch (S.token.type) { + case "name": + case "operator": + case "keyword": + case "atom": + return prog1(S.token.value, next); + default: + unexpected(); + } + }; + + function subscripts(expr, allow_calls) { + if (is("punc", ".")) { + next(); + return subscripts(as("dot", expr, as_name()), allow_calls); + } + if (is("punc", "[")) { + next(); + return subscripts(as("sub", expr, prog1(expression, curry(expect, "]"))), allow_calls); + } + if (allow_calls && is("punc", "(")) { + next(); + return subscripts(as("call", expr, expr_list(")")), true); + } + return expr; + }; + + function maybe_unary(allow_calls) { + if (is("operator") && HOP(UNARY_PREFIX, S.token.value)) { + return make_unary("unary-prefix", + prog1(S.token.value, next), + maybe_unary(allow_calls)); + } + var val = expr_atom(allow_calls); + while (is("operator") && HOP(UNARY_POSTFIX, S.token.value) && !S.token.nlb) { + val = make_unary("unary-postfix", S.token.value, val); + next(); + } + return val; + }; + + function make_unary(tag, op, expr) { + if ((op == "++" || op == "--") && !is_assignable(expr)) + croak("Invalid use of " + op + " operator"); + return as(tag, op, expr); + }; + + function expr_op(left, min_prec, no_in) { + var op = is("operator") ? S.token.value : null; + if (op && op == "in" && no_in) op = null; + var prec = op != null ? PRECEDENCE[op] : null; + if (prec != null && prec > min_prec) { + next(); + var right = expr_op(maybe_unary(true), prec, no_in); + return expr_op(as("binary", op, left, right), min_prec, no_in); + } + return left; + }; + + function expr_ops(no_in) { + return expr_op(maybe_unary(true), 0, no_in); + }; + + function maybe_conditional(no_in) { + var expr = expr_ops(no_in); + if (is("operator", "?")) { + next(); + var yes = expression(false); + expect(":"); + return as("conditional", expr, yes, expression(false, no_in)); + } + return expr; + }; + + function is_assignable(expr) { + if (!exigent_mode) return true; + switch (expr[0]+"") { + case "dot": + case "sub": + case "new": + case "call": + return true; + case "name": + return expr[1] != "this"; + } + }; + + function maybe_assign(no_in) { + var left = maybe_conditional(no_in), val = S.token.value; + if (is("operator") && HOP(ASSIGNMENT, val)) { + if (is_assignable(left)) { + next(); + return as("assign", ASSIGNMENT[val], left, maybe_assign(no_in)); + } + croak("Invalid assignment"); + } + return left; + }; + + var expression = maybe_embed_tokens(function(commas, no_in) { + if (arguments.length == 0) + commas = true; + var expr = maybe_assign(no_in); + if (commas && is("punc", ",")) { + next(); + return as("seq", expr, expression(true, no_in)); + } + return expr; + }); + + function in_loop(cont) { + try { + ++S.in_loop; + return cont(); + } finally { + --S.in_loop; + } + }; + + return as("toplevel", (function(a){ + while (!is("eof")) + a.push(statement()); + return a; + })([])); + +}; + +/* -----[ Utilities ]----- */ + +function curry(f) { + var args = slice(arguments, 1); + return function() { return f.apply(this, args.concat(slice(arguments))); }; +}; + +function prog1(ret) { + if (ret instanceof Function) + ret = ret(); + for (var i = 1, n = arguments.length; --n > 0; ++i) + arguments[i](); + return ret; +}; + +function array_to_hash(a) { + var ret = {}; + for (var i = 0; i < a.length; ++i) + ret[a[i]] = true; + return ret; +}; + +function slice(a, start) { + return Array.prototype.slice.call(a, start || 0); +}; + +function characters(str) { + return str.split(""); +}; + +function member(name, array) { + for (var i = array.length; --i >= 0;) + if (array[i] == name) + return true; + return false; +}; + +function HOP(obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); +}; + +var warn = function() {}; + +/* -----[ Exports ]----- */ + +exports.tokenizer = tokenizer; +exports.parse = parse; +exports.slice = slice; +exports.curry = curry; +exports.member = member; +exports.array_to_hash = array_to_hash; +exports.PRECEDENCE = PRECEDENCE; +exports.KEYWORDS_ATOM = KEYWORDS_ATOM; +exports.RESERVED_WORDS = RESERVED_WORDS; +exports.KEYWORDS = KEYWORDS; +exports.ATOMIC_START_TOKEN = ATOMIC_START_TOKEN; +exports.OPERATORS = OPERATORS; +exports.is_alphanumeric_char = is_alphanumeric_char; +exports.set_logger = function(logger) { + warn = logger; +}; diff --git a/build-tools/lib/uglifyjs/process.js b/build-tools/lib/uglifyjs/process.js new file mode 100644 index 0000000..050d28b --- /dev/null +++ b/build-tools/lib/uglifyjs/process.js @@ -0,0 +1,2009 @@ +/*********************************************************************** + + A JavaScript tokenizer / parser / beautifier / compressor. + + This version is suitable for Node.js. With minimal changes (the + exports stuff) it should work on any JS platform. + + This file implements some AST processors. They work on data built + by parse-js. + + Exported functions: + + - ast_mangle(ast, options) -- mangles the variable/function names + in the AST. Returns an AST. + + - ast_squeeze(ast) -- employs various optimizations to make the + final generated code even smaller. Returns an AST. + + - gen_code(ast, options) -- generates JS code from the AST. Pass + true (or an object, see the code for some options) as second + argument to get "pretty" (indented) code. + + -------------------------------- (C) --------------------------------- + + Author: Mihai Bazon + + http://mihai.bazon.net/blog + + Distributed under the BSD license: + + Copyright 2010 (c) Mihai Bazon + + Redistribution and use in source and binary forms, with or without + modification, are permitted provided that the following conditions + are met: + + * Redistributions of source code must retain the above + copyright notice, this list of conditions and the following + disclaimer. + + * Redistributions in binary form must reproduce the above + copyright notice, this list of conditions and the following + disclaimer in the documentation and/or other materials + provided with the distribution. + + THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY + EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE + IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR + PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE + LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, + OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, + PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR + PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY + THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR + TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF + THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF + SUCH DAMAGE. + + ***********************************************************************/ + +var jsp = require("./parse-js"), + slice = jsp.slice, + member = jsp.member, + PRECEDENCE = jsp.PRECEDENCE, + OPERATORS = jsp.OPERATORS; + +/* -----[ helper for AST traversal ]----- */ + +function ast_walker() { + function _vardefs(defs) { + return [ this[0], MAP(defs, function(def){ + var a = [ def[0] ]; + if (def.length > 1) + a[1] = walk(def[1]); + return a; + }) ]; + }; + function _block(statements) { + var out = [ this[0] ]; + if (statements != null) + out.push(MAP(statements, walk)); + return out; + }; + var walkers = { + "string": function(str) { + return [ this[0], str ]; + }, + "num": function(num) { + return [ this[0], num ]; + }, + "name": function(name) { + return [ this[0], name ]; + }, + "toplevel": function(statements) { + return [ this[0], MAP(statements, walk) ]; + }, + "block": _block, + "splice": _block, + "var": _vardefs, + "const": _vardefs, + "try": function(t, c, f) { + return [ + this[0], + MAP(t, walk), + c != null ? [ c[0], MAP(c[1], walk) ] : null, + f != null ? MAP(f, walk) : null + ]; + }, + "throw": function(expr) { + return [ this[0], walk(expr) ]; + }, + "new": function(ctor, args) { + return [ this[0], walk(ctor), MAP(args, walk) ]; + }, + "switch": function(expr, body) { + return [ this[0], walk(expr), MAP(body, function(branch){ + return [ branch[0] ? walk(branch[0]) : null, + MAP(branch[1], walk) ]; + }) ]; + }, + "break": function(label) { + return [ this[0], label ]; + }, + "continue": function(label) { + return [ this[0], label ]; + }, + "conditional": function(cond, t, e) { + return [ this[0], walk(cond), walk(t), walk(e) ]; + }, + "assign": function(op, lvalue, rvalue) { + return [ this[0], op, walk(lvalue), walk(rvalue) ]; + }, + "dot": function(expr) { + return [ this[0], walk(expr) ].concat(slice(arguments, 1)); + }, + "call": function(expr, args) { + return [ this[0], walk(expr), MAP(args, walk) ]; + }, + "function": function(name, args, body) { + return [ this[0], name, args.slice(), MAP(body, walk) ]; + }, + "debugger": function() { + return [ this[0] ]; + }, + "defun": function(name, args, body) { + return [ this[0], name, args.slice(), MAP(body, walk) ]; + }, + "if": function(conditional, t, e) { + return [ this[0], walk(conditional), walk(t), walk(e) ]; + }, + "for": function(init, cond, step, block) { + return [ this[0], walk(init), walk(cond), walk(step), walk(block) ]; + }, + "for-in": function(vvar, key, hash, block) { + return [ this[0], walk(vvar), walk(key), walk(hash), walk(block) ]; + }, + "while": function(cond, block) { + return [ this[0], walk(cond), walk(block) ]; + }, + "do": function(cond, block) { + return [ this[0], walk(cond), walk(block) ]; + }, + "return": function(expr) { + return [ this[0], walk(expr) ]; + }, + "binary": function(op, left, right) { + return [ this[0], op, walk(left), walk(right) ]; + }, + "unary-prefix": function(op, expr) { + return [ this[0], op, walk(expr) ]; + }, + "unary-postfix": function(op, expr) { + return [ this[0], op, walk(expr) ]; + }, + "sub": function(expr, subscript) { + return [ this[0], walk(expr), walk(subscript) ]; + }, + "object": function(props) { + return [ this[0], MAP(props, function(p){ + return p.length == 2 + ? [ p[0], walk(p[1]) ] + : [ p[0], walk(p[1]), p[2] ]; // get/set-ter + }) ]; + }, + "regexp": function(rx, mods) { + return [ this[0], rx, mods ]; + }, + "array": function(elements) { + return [ this[0], MAP(elements, walk) ]; + }, + "stat": function(stat) { + return [ this[0], walk(stat) ]; + }, + "seq": function() { + return [ this[0] ].concat(MAP(slice(arguments), walk)); + }, + "label": function(name, block) { + return [ this[0], name, walk(block) ]; + }, + "with": function(expr, block) { + return [ this[0], walk(expr), walk(block) ]; + }, + "atom": function(name) { + return [ this[0], name ]; + } + }; + + var user = {}; + var stack = []; + function walk(ast) { + if (ast == null) + return null; + try { + stack.push(ast); + var type = ast[0]; + var gen = user[type]; + if (gen) { + var ret = gen.apply(ast, ast.slice(1)); + if (ret != null) + return ret; + } + gen = walkers[type]; + return gen.apply(ast, ast.slice(1)); + } finally { + stack.pop(); + } + }; + + function dive(ast) { + if (ast == null) + return null; + try { + stack.push(ast); + return walkers[ast[0]].apply(ast, ast.slice(1)); + } finally { + stack.pop(); + } + }; + + function with_walkers(walkers, cont){ + var save = {}, i; + for (i in walkers) if (HOP(walkers, i)) { + save[i] = user[i]; + user[i] = walkers[i]; + } + var ret = cont(); + for (i in save) if (HOP(save, i)) { + if (!save[i]) delete user[i]; + else user[i] = save[i]; + } + return ret; + }; + + return { + walk: walk, + dive: dive, + with_walkers: with_walkers, + parent: function() { + return stack[stack.length - 2]; // last one is current node + }, + stack: function() { + return stack; + } + }; +}; + +/* -----[ Scope and mangling ]----- */ + +function Scope(parent) { + this.names = {}; // names defined in this scope + this.mangled = {}; // mangled names (orig.name => mangled) + this.rev_mangled = {}; // reverse lookup (mangled => orig.name) + this.cname = -1; // current mangled name + this.refs = {}; // names referenced from this scope + this.uses_with = false; // will become TRUE if with() is detected in this or any subscopes + this.uses_eval = false; // will become TRUE if eval() is detected in this or any subscopes + this.parent = parent; // parent scope + this.children = []; // sub-scopes + if (parent) { + this.level = parent.level + 1; + parent.children.push(this); + } else { + this.level = 0; + } +}; + +var base54 = (function(){ + var DIGITS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_"; + return function(num) { + var ret = ""; + do { + ret = DIGITS.charAt(num % 54) + ret; + num = Math.floor(num / 54); + } while (num > 0); + return ret; + }; +})(); + +Scope.prototype = { + has: function(name) { + for (var s = this; s; s = s.parent) + if (HOP(s.names, name)) + return s; + }, + has_mangled: function(mname) { + for (var s = this; s; s = s.parent) + if (HOP(s.rev_mangled, mname)) + return s; + }, + toJSON: function() { + return { + names: this.names, + uses_eval: this.uses_eval, + uses_with: this.uses_with + }; + }, + + next_mangled: function() { + // we must be careful that the new mangled name: + // + // 1. doesn't shadow a mangled name from a parent + // scope, unless we don't reference the original + // name from this scope OR from any sub-scopes! + // This will get slow. + // + // 2. doesn't shadow an original name from a parent + // scope, in the event that the name is not mangled + // in the parent scope and we reference that name + // here OR IN ANY SUBSCOPES! + // + // 3. doesn't shadow a name that is referenced but not + // defined (possibly global defined elsewhere). + for (;;) { + var m = base54(++this.cname), prior; + + // case 1. + prior = this.has_mangled(m); + if (prior && this.refs[prior.rev_mangled[m]] === prior) + continue; + + // case 2. + prior = this.has(m); + if (prior && prior !== this && this.refs[m] === prior && !prior.has_mangled(m)) + continue; + + // case 3. + if (HOP(this.refs, m) && this.refs[m] == null) + continue; + + // I got "do" once. :-/ + if (!is_identifier(m)) + continue; + + return m; + } + }, + set_mangle: function(name, m) { + this.rev_mangled[m] = name; + return this.mangled[name] = m; + }, + get_mangled: function(name, newMangle) { + if (this.uses_eval || this.uses_with) return name; // no mangle if eval or with is in use + var s = this.has(name); + if (!s) return name; // not in visible scope, no mangle + if (HOP(s.mangled, name)) return s.mangled[name]; // already mangled in this scope + if (!newMangle) return name; // not found and no mangling requested + return s.set_mangle(name, s.next_mangled()); + }, + references: function(name) { + return name && !this.parent || this.uses_with || this.uses_eval || this.refs[name]; + }, + define: function(name, type) { + if (name != null) { + if (type == "var" || !HOP(this.names, name)) + this.names[name] = type || "var"; + return name; + } + } +}; + +function ast_add_scope(ast) { + + var current_scope = null; + var w = ast_walker(), walk = w.walk; + var having_eval = []; + + function with_new_scope(cont) { + current_scope = new Scope(current_scope); + current_scope.labels = new Scope(); + var ret = current_scope.body = cont(); + ret.scope = current_scope; + current_scope = current_scope.parent; + return ret; + }; + + function define(name, type) { + return current_scope.define(name, type); + }; + + function reference(name) { + current_scope.refs[name] = true; + }; + + function _lambda(name, args, body) { + var is_defun = this[0] == "defun"; + return [ this[0], is_defun ? define(name, "defun") : name, args, with_new_scope(function(){ + if (!is_defun) define(name, "lambda"); + MAP(args, function(name){ define(name, "arg") }); + return MAP(body, walk); + })]; + }; + + function _vardefs(type) { + return function(defs) { + MAP(defs, function(d){ + define(d[0], type); + if (d[1]) reference(d[0]); + }); + }; + }; + + function _breacont(label) { + if (label) + current_scope.labels.refs[label] = true; + }; + + return with_new_scope(function(){ + // process AST + var ret = w.with_walkers({ + "function": _lambda, + "defun": _lambda, + "label": function(name, stat) { current_scope.labels.define(name) }, + "break": _breacont, + "continue": _breacont, + "with": function(expr, block) { + for (var s = current_scope; s; s = s.parent) + s.uses_with = true; + }, + "var": _vardefs("var"), + "const": _vardefs("const"), + "try": function(t, c, f) { + if (c != null) return [ + this[0], + MAP(t, walk), + [ define(c[0], "catch"), MAP(c[1], walk) ], + f != null ? MAP(f, walk) : null + ]; + }, + "name": function(name) { + if (name == "eval") + having_eval.push(current_scope); + reference(name); + } + }, function(){ + return walk(ast); + }); + + // the reason why we need an additional pass here is + // that names can be used prior to their definition. + + // scopes where eval was detected and their parents + // are marked with uses_eval, unless they define the + // "eval" name. + MAP(having_eval, function(scope){ + if (!scope.has("eval")) while (scope) { + scope.uses_eval = true; + scope = scope.parent; + } + }); + + // for referenced names it might be useful to know + // their origin scope. current_scope here is the + // toplevel one. + function fixrefs(scope, i) { + // do children first; order shouldn't matter + for (i = scope.children.length; --i >= 0;) + fixrefs(scope.children[i]); + for (i in scope.refs) if (HOP(scope.refs, i)) { + // find origin scope and propagate the reference to origin + for (var origin = scope.has(i), s = scope; s; s = s.parent) { + s.refs[i] = origin; + if (s === origin) break; + } + } + }; + fixrefs(current_scope); + + return ret; + }); + +}; + +/* -----[ mangle names ]----- */ + +function ast_mangle(ast, options) { + var w = ast_walker(), walk = w.walk, scope; + options = options || {}; + + function get_mangled(name, newMangle) { + if (!options.toplevel && !scope.parent) return name; // don't mangle toplevel + if (options.except && member(name, options.except)) + return name; + return scope.get_mangled(name, newMangle); + }; + + function get_define(name) { + if (options.defines) { + // we always lookup a defined symbol for the current scope FIRST, so declared + // vars trump a DEFINE symbol, but if no such var is found, then match a DEFINE value + if (!scope.has(name)) { + if (HOP(options.defines, name)) { + return options.defines[name]; + } + } + return null; + } + }; + + function _lambda(name, args, body) { + if (!options.no_functions) { + var is_defun = this[0] == "defun", extra; + if (name) { + if (is_defun) name = get_mangled(name); + else if (body.scope.references(name)) { + extra = {}; + if (!(scope.uses_eval || scope.uses_with)) + name = extra[name] = scope.next_mangled(); + else + extra[name] = name; + } + else name = null; + } + } + body = with_scope(body.scope, function(){ + args = MAP(args, function(name){ return get_mangled(name) }); + return MAP(body, walk); + }, extra); + return [ this[0], name, args, body ]; + }; + + function with_scope(s, cont, extra) { + var _scope = scope; + scope = s; + if (extra) for (var i in extra) if (HOP(extra, i)) { + s.set_mangle(i, extra[i]); + } + for (var i in s.names) if (HOP(s.names, i)) { + get_mangled(i, true); + } + var ret = cont(); + ret.scope = s; + scope = _scope; + return ret; + }; + + function _vardefs(defs) { + return [ this[0], MAP(defs, function(d){ + return [ get_mangled(d[0]), walk(d[1]) ]; + }) ]; + }; + + function _breacont(label) { + if (label) return [ this[0], scope.labels.get_mangled(label) ]; + }; + + return w.with_walkers({ + "function": _lambda, + "defun": function() { + // move function declarations to the top when + // they are not in some block. + var ast = _lambda.apply(this, arguments); + switch (w.parent()[0]) { + case "toplevel": + case "function": + case "defun": + return MAP.at_top(ast); + } + return ast; + }, + "label": function(label, stat) { + if (scope.labels.refs[label]) return [ + this[0], + scope.labels.get_mangled(label, true), + walk(stat) + ]; + return walk(stat); + }, + "break": _breacont, + "continue": _breacont, + "var": _vardefs, + "const": _vardefs, + "name": function(name) { + return get_define(name) || [ this[0], get_mangled(name) ]; + }, + "try": function(t, c, f) { + return [ this[0], + MAP(t, walk), + c != null ? [ get_mangled(c[0]), MAP(c[1], walk) ] : null, + f != null ? MAP(f, walk) : null ]; + }, + "toplevel": function(body) { + var self = this; + return with_scope(self.scope, function(){ + return [ self[0], MAP(body, walk) ]; + }); + } + }, function() { + return walk(ast_add_scope(ast)); + }); +}; + +/* -----[ + - compress foo["bar"] into foo.bar, + - remove block brackets {} where possible + - join consecutive var declarations + - various optimizations for IFs: + - if (cond) foo(); else bar(); ==> cond?foo():bar(); + - if (cond) foo(); ==> cond&&foo(); + - if (foo) return bar(); else return baz(); ==> return foo?bar():baz(); // also for throw + - if (foo) return bar(); else something(); ==> {if(foo)return bar();something()} + ]----- */ + +var warn = function(){}; + +function best_of(ast1, ast2) { + return gen_code(ast1).length > gen_code(ast2[0] == "stat" ? ast2[1] : ast2).length ? ast2 : ast1; +}; + +function last_stat(b) { + if (b[0] == "block" && b[1] && b[1].length > 0) + return b[1][b[1].length - 1]; + return b; +} + +function aborts(t) { + if (t) switch (last_stat(t)[0]) { + case "return": + case "break": + case "continue": + case "throw": + return true; + } +}; + +function boolean_expr(expr) { + return ( (expr[0] == "unary-prefix" + && member(expr[1], [ "!", "delete" ])) || + + (expr[0] == "binary" + && member(expr[1], [ "in", "instanceof", "==", "!=", "===", "!==", "<", "<=", ">=", ">" ])) || + + (expr[0] == "binary" + && member(expr[1], [ "&&", "||" ]) + && boolean_expr(expr[2]) + && boolean_expr(expr[3])) || + + (expr[0] == "conditional" + && boolean_expr(expr[2]) + && boolean_expr(expr[3])) || + + (expr[0] == "assign" + && expr[1] === true + && boolean_expr(expr[3])) || + + (expr[0] == "seq" + && boolean_expr(expr[expr.length - 1])) + ); +}; + +function empty(b) { + return !b || (b[0] == "block" && (!b[1] || b[1].length == 0)); +}; + +function is_string(node) { + return (node[0] == "string" || + node[0] == "unary-prefix" && node[1] == "typeof" || + node[0] == "binary" && node[1] == "+" && + (is_string(node[2]) || is_string(node[3]))); +}; + +var when_constant = (function(){ + + var $NOT_CONSTANT = {}; + + // this can only evaluate constant expressions. If it finds anything + // not constant, it throws $NOT_CONSTANT. + function evaluate(expr) { + switch (expr[0]) { + case "string": + case "num": + return expr[1]; + case "name": + case "atom": + switch (expr[1]) { + case "true": return true; + case "false": return false; + case "null": return null; + } + break; + case "unary-prefix": + switch (expr[1]) { + case "!": return !evaluate(expr[2]); + case "typeof": return typeof evaluate(expr[2]); + case "~": return ~evaluate(expr[2]); + case "-": return -evaluate(expr[2]); + case "+": return +evaluate(expr[2]); + } + break; + case "binary": + var left = expr[2], right = expr[3]; + switch (expr[1]) { + case "&&" : return evaluate(left) && evaluate(right); + case "||" : return evaluate(left) || evaluate(right); + case "|" : return evaluate(left) | evaluate(right); + case "&" : return evaluate(left) & evaluate(right); + case "^" : return evaluate(left) ^ evaluate(right); + case "+" : return evaluate(left) + evaluate(right); + case "*" : return evaluate(left) * evaluate(right); + case "/" : return evaluate(left) / evaluate(right); + case "%" : return evaluate(left) % evaluate(right); + case "-" : return evaluate(left) - evaluate(right); + case "<<" : return evaluate(left) << evaluate(right); + case ">>" : return evaluate(left) >> evaluate(right); + case ">>>" : return evaluate(left) >>> evaluate(right); + case "==" : return evaluate(left) == evaluate(right); + case "===" : return evaluate(left) === evaluate(right); + case "!=" : return evaluate(left) != evaluate(right); + case "!==" : return evaluate(left) !== evaluate(right); + case "<" : return evaluate(left) < evaluate(right); + case "<=" : return evaluate(left) <= evaluate(right); + case ">" : return evaluate(left) > evaluate(right); + case ">=" : return evaluate(left) >= evaluate(right); + case "in" : return evaluate(left) in evaluate(right); + case "instanceof" : return evaluate(left) instanceof evaluate(right); + } + } + throw $NOT_CONSTANT; + }; + + return function(expr, yes, no) { + try { + var val = evaluate(expr), ast; + switch (typeof val) { + case "string": ast = [ "string", val ]; break; + case "number": ast = [ "num", val ]; break; + case "boolean": ast = [ "name", String(val) ]; break; + default: throw new Error("Can't handle constant of type: " + (typeof val)); + } + return yes.call(expr, ast, val); + } catch(ex) { + if (ex === $NOT_CONSTANT) { + if (expr[0] == "binary" + && (expr[1] == "===" || expr[1] == "!==") + && ((is_string(expr[2]) && is_string(expr[3])) + || (boolean_expr(expr[2]) && boolean_expr(expr[3])))) { + expr[1] = expr[1].substr(0, 2); + } + else if (no && expr[0] == "binary" + && (expr[1] == "||" || expr[1] == "&&")) { + // the whole expression is not constant but the lval may be... + try { + var lval = evaluate(expr[2]); + expr = ((expr[1] == "&&" && (lval ? expr[3] : lval)) || + (expr[1] == "||" && (lval ? lval : expr[3])) || + expr); + } catch(ex2) { + // IGNORE... lval is not constant + } + } + return no ? no.call(expr, expr) : null; + } + else throw ex; + } + }; + +})(); + +function warn_unreachable(ast) { + if (!empty(ast)) + warn("Dropping unreachable code: " + gen_code(ast, true)); +}; + +function prepare_ifs(ast) { + var w = ast_walker(), walk = w.walk; + // In this first pass, we rewrite ifs which abort with no else with an + // if-else. For example: + // + // if (x) { + // blah(); + // return y; + // } + // foobar(); + // + // is rewritten into: + // + // if (x) { + // blah(); + // return y; + // } else { + // foobar(); + // } + function redo_if(statements) { + statements = MAP(statements, walk); + + for (var i = 0; i < statements.length; ++i) { + var fi = statements[i]; + if (fi[0] != "if") continue; + + if (fi[3] && walk(fi[3])) continue; + + var t = walk(fi[2]); + if (!aborts(t)) continue; + + var conditional = walk(fi[1]); + + var e_body = redo_if(statements.slice(i + 1)); + var e = e_body.length == 1 ? e_body[0] : [ "block", e_body ]; + + return statements.slice(0, i).concat([ [ + fi[0], // "if" + conditional, // conditional + t, // then + e // else + ] ]); + } + + return statements; + }; + + function redo_if_lambda(name, args, body) { + body = redo_if(body); + return [ this[0], name, args, body ]; + }; + + function redo_if_block(statements) { + return [ this[0], statements != null ? redo_if(statements) : null ]; + }; + + return w.with_walkers({ + "defun": redo_if_lambda, + "function": redo_if_lambda, + "block": redo_if_block, + "splice": redo_if_block, + "toplevel": function(statements) { + return [ this[0], redo_if(statements) ]; + }, + "try": function(t, c, f) { + return [ + this[0], + redo_if(t), + c != null ? [ c[0], redo_if(c[1]) ] : null, + f != null ? redo_if(f) : null + ]; + } + }, function() { + return walk(ast); + }); +}; + +function for_side_effects(ast, handler) { + var w = ast_walker(), walk = w.walk; + var $stop = {}, $restart = {}; + function stop() { throw $stop }; + function restart() { throw $restart }; + function found(){ return handler.call(this, this, w, stop, restart) }; + function unary(op) { + if (op == "++" || op == "--") + return found.apply(this, arguments); + }; + return w.with_walkers({ + "try": found, + "throw": found, + "return": found, + "new": found, + "switch": found, + "break": found, + "continue": found, + "assign": found, + "call": found, + "if": found, + "for": found, + "for-in": found, + "while": found, + "do": found, + "return": found, + "unary-prefix": unary, + "unary-postfix": unary, + "defun": found + }, function(){ + while (true) try { + walk(ast); + break; + } catch(ex) { + if (ex === $stop) break; + if (ex === $restart) continue; + throw ex; + } + }); +}; + +function ast_lift_variables(ast) { + var w = ast_walker(), walk = w.walk, scope; + function do_body(body, env) { + var _scope = scope; + scope = env; + body = MAP(body, walk); + var hash = {}, names = MAP(env.names, function(type, name){ + if (type != "var") return MAP.skip; + if (!env.references(name)) return MAP.skip; + hash[name] = true; + return [ name ]; + }); + if (names.length > 0) { + // looking for assignments to any of these variables. + // we can save considerable space by moving the definitions + // in the var declaration. + for_side_effects([ "block", body ], function(ast, walker, stop, restart) { + if (ast[0] == "assign" + && ast[1] === true + && ast[2][0] == "name" + && HOP(hash, ast[2][1])) { + // insert the definition into the var declaration + for (var i = names.length; --i >= 0;) { + if (names[i][0] == ast[2][1]) { + if (names[i][1]) // this name already defined, we must stop + stop(); + names[i][1] = ast[3]; // definition + names.push(names.splice(i, 1)[0]); + break; + } + } + // remove this assignment from the AST. + var p = walker.parent(); + if (p[0] == "seq") { + var a = p[2]; + a.unshift(0, p.length); + p.splice.apply(p, a); + } + else if (p[0] == "stat") { + p.splice(0, p.length, "block"); // empty statement + } + else { + stop(); + } + restart(); + } + stop(); + }); + body.unshift([ "var", names ]); + } + scope = _scope; + return body; + }; + function _vardefs(defs) { + var ret = null; + for (var i = defs.length; --i >= 0;) { + var d = defs[i]; + if (!d[1]) continue; + d = [ "assign", true, [ "name", d[0] ], d[1] ]; + if (ret == null) ret = d; + else ret = [ "seq", d, ret ]; + } + if (ret == null) { + if (w.parent()[0] == "for-in") + return [ "name", defs[0][0] ]; + return MAP.skip; + } + return [ "stat", ret ]; + }; + function _toplevel(body) { + return [ this[0], do_body(body, this.scope) ]; + }; + return w.with_walkers({ + "function": function(name, args, body){ + for (var i = args.length; --i >= 0 && !body.scope.references(args[i]);) + args.pop(); + if (!body.scope.references(name)) name = null; + return [ this[0], name, args, do_body(body, body.scope) ]; + }, + "defun": function(name, args, body){ + if (!scope.references(name)) return MAP.skip; + for (var i = args.length; --i >= 0 && !body.scope.references(args[i]);) + args.pop(); + return [ this[0], name, args, do_body(body, body.scope) ]; + }, + "var": _vardefs, + "toplevel": _toplevel + }, function(){ + return walk(ast_add_scope(ast)); + }); +}; + +function ast_squeeze(ast, options) { + options = defaults(options, { + make_seqs : true, + dead_code : true, + no_warnings : false, + keep_comps : true + }); + + var w = ast_walker(), walk = w.walk; + + function negate(c) { + var not_c = [ "unary-prefix", "!", c ]; + switch (c[0]) { + case "unary-prefix": + return c[1] == "!" && boolean_expr(c[2]) ? c[2] : not_c; + case "seq": + c = slice(c); + c[c.length - 1] = negate(c[c.length - 1]); + return c; + case "conditional": + return best_of(not_c, [ "conditional", c[1], negate(c[2]), negate(c[3]) ]); + case "binary": + var op = c[1], left = c[2], right = c[3]; + if (!options.keep_comps) switch (op) { + case "<=" : return [ "binary", ">", left, right ]; + case "<" : return [ "binary", ">=", left, right ]; + case ">=" : return [ "binary", "<", left, right ]; + case ">" : return [ "binary", "<=", left, right ]; + } + switch (op) { + case "==" : return [ "binary", "!=", left, right ]; + case "!=" : return [ "binary", "==", left, right ]; + case "===" : return [ "binary", "!==", left, right ]; + case "!==" : return [ "binary", "===", left, right ]; + case "&&" : return best_of(not_c, [ "binary", "||", negate(left), negate(right) ]); + case "||" : return best_of(not_c, [ "binary", "&&", negate(left), negate(right) ]); + } + break; + } + return not_c; + }; + + function make_conditional(c, t, e) { + var make_real_conditional = function() { + if (c[0] == "unary-prefix" && c[1] == "!") { + return e ? [ "conditional", c[2], e, t ] : [ "binary", "||", c[2], t ]; + } else { + return e ? best_of( + [ "conditional", c, t, e ], + [ "conditional", negate(c), e, t ] + ) : [ "binary", "&&", c, t ]; + } + }; + // shortcut the conditional if the expression has a constant value + return when_constant(c, function(ast, val){ + warn_unreachable(val ? e : t); + return (val ? t : e); + }, make_real_conditional); + }; + + function rmblock(block) { + if (block != null && block[0] == "block" && block[1]) { + if (block[1].length == 1) + block = block[1][0]; + else if (block[1].length == 0) + block = [ "block" ]; + } + return block; + }; + + function _lambda(name, args, body) { + return [ this[0], name, args, tighten(body, "lambda") ]; + }; + + // this function does a few things: + // 1. discard useless blocks + // 2. join consecutive var declarations + // 3. remove obviously dead code + // 4. transform consecutive statements using the comma operator + // 5. if block_type == "lambda" and it detects constructs like if(foo) return ... - rewrite like if (!foo) { ... } + function tighten(statements, block_type) { + statements = MAP(statements, walk); + + statements = statements.reduce(function(a, stat){ + if (stat[0] == "block") { + if (stat[1]) { + a.push.apply(a, stat[1]); + } + } else { + a.push(stat); + } + return a; + }, []); + + statements = (function(a, prev){ + statements.forEach(function(cur){ + if (prev && ((cur[0] == "var" && prev[0] == "var") || + (cur[0] == "const" && prev[0] == "const"))) { + prev[1] = prev[1].concat(cur[1]); + } else { + a.push(cur); + prev = cur; + } + }); + return a; + })([]); + + if (options.dead_code) statements = (function(a, has_quit){ + statements.forEach(function(st){ + if (has_quit) { + if (st[0] == "function" || st[0] == "defun") { + a.push(st); + } + else if (st[0] == "var" || st[0] == "const") { + if (!options.no_warnings) + warn("Variables declared in unreachable code"); + st[1] = MAP(st[1], function(def){ + if (def[1] && !options.no_warnings) + warn_unreachable([ "assign", true, [ "name", def[0] ], def[1] ]); + return [ def[0] ]; + }); + a.push(st); + } + else if (!options.no_warnings) + warn_unreachable(st); + } + else { + a.push(st); + if (member(st[0], [ "return", "throw", "break", "continue" ])) + has_quit = true; + } + }); + return a; + })([]); + + if (options.make_seqs) statements = (function(a, prev) { + statements.forEach(function(cur){ + if (prev && prev[0] == "stat" && cur[0] == "stat") { + prev[1] = [ "seq", prev[1], cur[1] ]; + } else { + a.push(cur); + prev = cur; + } + }); + if (a.length >= 2 + && a[a.length-2][0] == "stat" + && (a[a.length-1][0] == "return" || a[a.length-1][0] == "throw") + && a[a.length-1][1]) + { + a.splice(a.length - 2, 2, + [ a[a.length-1][0], + [ "seq", a[a.length-2][1], a[a.length-1][1] ]]); + } + return a; + })([]); + + // this increases jQuery by 1K. Probably not such a good idea after all.. + // part of this is done in prepare_ifs anyway. + // if (block_type == "lambda") statements = (function(i, a, stat){ + // while (i < statements.length) { + // stat = statements[i++]; + // if (stat[0] == "if" && !stat[3]) { + // if (stat[2][0] == "return" && stat[2][1] == null) { + // a.push(make_if(negate(stat[1]), [ "block", statements.slice(i) ])); + // break; + // } + // var last = last_stat(stat[2]); + // if (last[0] == "return" && last[1] == null) { + // a.push(make_if(stat[1], [ "block", stat[2][1].slice(0, -1) ], [ "block", statements.slice(i) ])); + // break; + // } + // } + // a.push(stat); + // } + // return a; + // })(0, []); + + return statements; + }; + + function make_if(c, t, e) { + return when_constant(c, function(ast, val){ + if (val) { + t = walk(t); + warn_unreachable(e); + return t || [ "block" ]; + } else { + e = walk(e); + warn_unreachable(t); + return e || [ "block" ]; + } + }, function() { + return make_real_if(c, t, e); + }); + }; + + function abort_else(c, t, e) { + var ret = [ [ "if", negate(c), e ] ]; + if (t[0] == "block") { + if (t[1]) ret = ret.concat(t[1]); + } else { + ret.push(t); + } + return walk([ "block", ret ]); + }; + + function make_real_if(c, t, e) { + c = walk(c); + t = walk(t); + e = walk(e); + + if (empty(t)) { + c = negate(c); + t = e; + e = null; + } else if (empty(e)) { + e = null; + } else { + // if we have both else and then, maybe it makes sense to switch them? + (function(){ + var a = gen_code(c); + var n = negate(c); + var b = gen_code(n); + if (b.length < a.length) { + var tmp = t; + t = e; + e = tmp; + c = n; + } + })(); + } + if (empty(e) && empty(t)) + return [ "stat", c ]; + var ret = [ "if", c, t, e ]; + if (t[0] == "if" && empty(t[3]) && empty(e)) { + ret = best_of(ret, walk([ "if", [ "binary", "&&", c, t[1] ], t[2] ])); + } + else if (t[0] == "stat") { + if (e) { + if (e[0] == "stat") + ret = best_of(ret, [ "stat", make_conditional(c, t[1], e[1]) ]); + else if (aborts(e)) + ret = abort_else(c, t, e); + } + else { + ret = best_of(ret, [ "stat", make_conditional(c, t[1]) ]); + } + } + else if (e && t[0] == e[0] && (t[0] == "return" || t[0] == "throw") && t[1] && e[1]) { + ret = best_of(ret, [ t[0], make_conditional(c, t[1], e[1] ) ]); + } + else if (e && aborts(t)) { + ret = [ [ "if", c, t ] ]; + if (e[0] == "block") { + if (e[1]) ret = ret.concat(e[1]); + } + else { + ret.push(e); + } + ret = walk([ "block", ret ]); + } + else if (t && aborts(e)) { + ret = abort_else(c, t, e); + } + return ret; + }; + + function _do_while(cond, body) { + return when_constant(cond, function(cond, val){ + if (!val) { + warn_unreachable(body); + return [ "block" ]; + } else { + return [ "for", null, null, null, walk(body) ]; + } + }); + }; + + return w.with_walkers({ + "sub": function(expr, subscript) { + if (subscript[0] == "string") { + var name = subscript[1]; + if (is_identifier(name)) + return [ "dot", walk(expr), name ]; + else if (/^[1-9][0-9]*$/.test(name) || name === "0") + return [ "sub", walk(expr), [ "num", parseInt(name, 10) ] ]; + } + }, + "if": make_if, + "toplevel": function(body) { + return [ "toplevel", tighten(body) ]; + }, + "switch": function(expr, body) { + var last = body.length - 1; + return [ "switch", walk(expr), MAP(body, function(branch, i){ + var block = tighten(branch[1]); + if (i == last && block.length > 0) { + var node = block[block.length - 1]; + if (node[0] == "break" && !node[1]) + block.pop(); + } + return [ branch[0] ? walk(branch[0]) : null, block ]; + }) ]; + }, + "function": _lambda, + "defun": _lambda, + "block": function(body) { + if (body) return rmblock([ "block", tighten(body) ]); + }, + "binary": function(op, left, right) { + return when_constant([ "binary", op, walk(left), walk(right) ], function yes(c){ + return best_of(walk(c), this); + }, function no() { + return function(){ + if(op != "==" && op != "!=") return; + var l = walk(left), r = walk(right); + if(l && l[0] == "unary-prefix" && l[1] == "!" && l[2][0] == "num") + left = ['num', +!l[2][1]]; + else if (r && r[0] == "unary-prefix" && r[1] == "!" && r[2][0] == "num") + right = ['num', +!r[2][1]]; + return ["binary", op, left, right]; + }() || this; + }); + }, + "conditional": function(c, t, e) { + return make_conditional(walk(c), walk(t), walk(e)); + }, + "try": function(t, c, f) { + return [ + "try", + tighten(t), + c != null ? [ c[0], tighten(c[1]) ] : null, + f != null ? tighten(f) : null + ]; + }, + "unary-prefix": function(op, expr) { + expr = walk(expr); + var ret = [ "unary-prefix", op, expr ]; + if (op == "!") + ret = best_of(ret, negate(expr)); + return when_constant(ret, function(ast, val){ + return walk(ast); // it's either true or false, so minifies to !0 or !1 + }, function() { return ret }); + }, + "name": function(name) { + switch (name) { + case "true": return [ "unary-prefix", "!", [ "num", 0 ]]; + case "false": return [ "unary-prefix", "!", [ "num", 1 ]]; + } + }, + "while": _do_while, + "assign": function(op, lvalue, rvalue) { + lvalue = walk(lvalue); + rvalue = walk(rvalue); + var okOps = [ '+', '-', '/', '*', '%', '>>', '<<', '>>>', '|', '^', '&' ]; + if (op === true && lvalue[0] === "name" && rvalue[0] === "binary" && + ~okOps.indexOf(rvalue[1]) && rvalue[2][0] === "name" && + rvalue[2][1] === lvalue[1]) { + return [ this[0], rvalue[1], lvalue, rvalue[3] ] + } + return [ this[0], op, lvalue, rvalue ]; + } + }, function() { + for (var i = 0; i < 2; ++i) { + ast = prepare_ifs(ast); + ast = walk(ast); + } + return ast; + }); +}; + +/* -----[ re-generate code from the AST ]----- */ + +var DOT_CALL_NO_PARENS = jsp.array_to_hash([ + "name", + "array", + "object", + "string", + "dot", + "sub", + "call", + "regexp", + "defun" +]); + +function make_string(str, ascii_only) { + var dq = 0, sq = 0; + str = str.replace(/[\\\b\f\n\r\t\x22\x27\u2028\u2029\0]/g, function(s){ + switch (s) { + case "\\": return "\\\\"; + case "\b": return "\\b"; + case "\f": return "\\f"; + case "\n": return "\\n"; + case "\r": return "\\r"; + case "\t": return "\\t"; + case "\u2028": return "\\u2028"; + case "\u2029": return "\\u2029"; + case '"': ++dq; return '"'; + case "'": ++sq; return "'"; + case "\0": return "\\0"; + } + return s; + }); + if (ascii_only) str = to_ascii(str); + if (dq > sq) return "'" + str.replace(/\x27/g, "\\'") + "'"; + else return '"' + str.replace(/\x22/g, '\\"') + '"'; +}; + +function to_ascii(str) { + return str.replace(/[\u0080-\uffff]/g, function(ch) { + var code = ch.charCodeAt(0).toString(16); + while (code.length < 4) code = "0" + code; + return "\\u" + code; + }); +}; + +var SPLICE_NEEDS_BRACKETS = jsp.array_to_hash([ "if", "while", "do", "for", "for-in", "with" ]); + +function gen_code(ast, options) { + options = defaults(options, { + indent_start : 0, + indent_level : 4, + quote_keys : false, + space_colon : false, + beautify : false, + ascii_only : false, + inline_script: false + }); + var beautify = !!options.beautify; + var indentation = 0, + newline = beautify ? "\n" : "", + space = beautify ? " " : ""; + + function encode_string(str) { + var ret = make_string(str, options.ascii_only); + if (options.inline_script) + ret = ret.replace(/<\x2fscript([>\/\t\n\f\r ])/gi, "<\\/script$1"); + return ret; + }; + + function make_name(name) { + name = name.toString(); + if (options.ascii_only) + name = to_ascii(name); + return name; + }; + + function indent(line) { + if (line == null) + line = ""; + if (beautify) + line = repeat_string(" ", options.indent_start + indentation * options.indent_level) + line; + return line; + }; + + function with_indent(cont, incr) { + if (incr == null) incr = 1; + indentation += incr; + try { return cont.apply(null, slice(arguments, 1)); } + finally { indentation -= incr; } + }; + + function add_spaces(a) { + if (beautify) + return a.join(" "); + var b = []; + for (var i = 0; i < a.length; ++i) { + var next = a[i + 1]; + b.push(a[i]); + if (next && + ((/[a-z0-9_\x24]$/i.test(a[i].toString()) && /^[a-z0-9_\x24]/i.test(next.toString())) || + (/[\+\-]$/.test(a[i].toString()) && /^[\+\-]/.test(next.toString())))) { + b.push(" "); + } + } + return b.join(""); + }; + + function add_commas(a) { + return a.join("," + space); + }; + + function parenthesize(expr) { + var gen = make(expr); + for (var i = 1; i < arguments.length; ++i) { + var el = arguments[i]; + if ((el instanceof Function && el(expr)) || expr[0] == el) + return "(" + gen + ")"; + } + return gen; + }; + + function best_of(a) { + if (a.length == 1) { + return a[0]; + } + if (a.length == 2) { + var b = a[1]; + a = a[0]; + return a.length <= b.length ? a : b; + } + return best_of([ a[0], best_of(a.slice(1)) ]); + }; + + function needs_parens(expr) { + if (expr[0] == "function" || expr[0] == "object") { + // dot/call on a literal function requires the + // function literal itself to be parenthesized + // only if it's the first "thing" in a + // statement. This means that the parent is + // "stat", but it could also be a "seq" and + // we're the first in this "seq" and the + // parent is "stat", and so on. Messy stuff, + // but it worths the trouble. + var a = slice(w.stack()), self = a.pop(), p = a.pop(); + while (p) { + if (p[0] == "stat") return true; + if (((p[0] == "seq" || p[0] == "call" || p[0] == "dot" || p[0] == "sub" || p[0] == "conditional") && p[1] === self) || + ((p[0] == "binary" || p[0] == "assign" || p[0] == "unary-postfix") && p[2] === self)) { + self = p; + p = a.pop(); + } else { + return false; + } + } + } + return !HOP(DOT_CALL_NO_PARENS, expr[0]); + }; + + function make_num(num) { + var str = num.toString(10), a = [ str.replace(/^0\./, ".") ], m; + if (Math.floor(num) === num) { + if (num >= 0) { + a.push("0x" + num.toString(16).toLowerCase(), // probably pointless + "0" + num.toString(8)); // same. + } else { + a.push("-0x" + (-num).toString(16).toLowerCase(), // probably pointless + "-0" + (-num).toString(8)); // same. + } + if ((m = /^(.*?)(0+)$/.exec(num))) { + a.push(m[1] + "e" + m[2].length); + } + } else if ((m = /^0?\.(0+)(.*)$/.exec(num))) { + a.push(m[2] + "e-" + (m[1].length + m[2].length), + str.substr(str.indexOf("."))); + } + return best_of(a); + }; + + var w = ast_walker(); + var make = w.walk; + return w.with_walkers({ + "string": encode_string, + "num": make_num, + "name": make_name, + "debugger": function(){ return "debugger" }, + "toplevel": function(statements) { + return make_block_statements(statements) + .join(newline + newline); + }, + "splice": function(statements) { + var parent = w.parent(); + if (HOP(SPLICE_NEEDS_BRACKETS, parent)) { + // we need block brackets in this case + return make_block.apply(this, arguments); + } else { + return MAP(make_block_statements(statements, true), + function(line, i) { + // the first line is already indented + return i > 0 ? indent(line) : line; + }).join(newline); + } + }, + "block": make_block, + "var": function(defs) { + return "var " + add_commas(MAP(defs, make_1vardef)) + ";"; + }, + "const": function(defs) { + return "const " + add_commas(MAP(defs, make_1vardef)) + ";"; + }, + "try": function(tr, ca, fi) { + var out = [ "try", make_block(tr) ]; + if (ca) out.push("catch", "(" + ca[0] + ")", make_block(ca[1])); + if (fi) out.push("finally", make_block(fi)); + return add_spaces(out); + }, + "throw": function(expr) { + return add_spaces([ "throw", make(expr) ]) + ";"; + }, + "new": function(ctor, args) { + args = args.length > 0 ? "(" + add_commas(MAP(args, function(expr){ + return parenthesize(expr, "seq"); + })) + ")" : ""; + return add_spaces([ "new", parenthesize(ctor, "seq", "binary", "conditional", "assign", function(expr){ + var w = ast_walker(), has_call = {}; + try { + w.with_walkers({ + "call": function() { throw has_call }, + "function": function() { return this } + }, function(){ + w.walk(expr); + }); + } catch(ex) { + if (ex === has_call) + return true; + throw ex; + } + }) + args ]); + }, + "switch": function(expr, body) { + return add_spaces([ "switch", "(" + make(expr) + ")", make_switch_block(body) ]); + }, + "break": function(label) { + var out = "break"; + if (label != null) + out += " " + make_name(label); + return out + ";"; + }, + "continue": function(label) { + var out = "continue"; + if (label != null) + out += " " + make_name(label); + return out + ";"; + }, + "conditional": function(co, th, el) { + return add_spaces([ parenthesize(co, "assign", "seq", "conditional"), "?", + parenthesize(th, "seq"), ":", + parenthesize(el, "seq") ]); + }, + "assign": function(op, lvalue, rvalue) { + if (op && op !== true) op += "="; + else op = "="; + return add_spaces([ make(lvalue), op, parenthesize(rvalue, "seq") ]); + }, + "dot": function(expr) { + var out = make(expr), i = 1; + if (expr[0] == "num") { + if (!/\./.test(expr[1])) + out += "."; + } else if (needs_parens(expr)) + out = "(" + out + ")"; + while (i < arguments.length) + out += "." + make_name(arguments[i++]); + return out; + }, + "call": function(func, args) { + var f = make(func); + if (f.charAt(0) != "(" && needs_parens(func)) + f = "(" + f + ")"; + return f + "(" + add_commas(MAP(args, function(expr){ + return parenthesize(expr, "seq"); + })) + ")"; + }, + "function": make_function, + "defun": make_function, + "if": function(co, th, el) { + var out = [ "if", "(" + make(co) + ")", el ? make_then(th) : make(th) ]; + if (el) { + out.push("else", make(el)); + } + return add_spaces(out); + }, + "for": function(init, cond, step, block) { + var out = [ "for" ]; + init = (init != null ? make(init) : "").replace(/;*\s*$/, ";" + space); + cond = (cond != null ? make(cond) : "").replace(/;*\s*$/, ";" + space); + step = (step != null ? make(step) : "").replace(/;*\s*$/, ""); + var args = init + cond + step; + if (args == "; ; ") args = ";;"; + out.push("(" + args + ")", make(block)); + return add_spaces(out); + }, + "for-in": function(vvar, key, hash, block) { + return add_spaces([ "for", "(" + + (vvar ? make(vvar).replace(/;+$/, "") : make(key)), + "in", + make(hash) + ")", make(block) ]); + }, + "while": function(condition, block) { + return add_spaces([ "while", "(" + make(condition) + ")", make(block) ]); + }, + "do": function(condition, block) { + return add_spaces([ "do", make(block), "while", "(" + make(condition) + ")" ]) + ";"; + }, + "return": function(expr) { + var out = [ "return" ]; + if (expr != null) out.push(make(expr)); + return add_spaces(out) + ";"; + }, + "binary": function(operator, lvalue, rvalue) { + var left = make(lvalue), right = make(rvalue); + // XXX: I'm pretty sure other cases will bite here. + // we need to be smarter. + // adding parens all the time is the safest bet. + if (member(lvalue[0], [ "assign", "conditional", "seq" ]) || + lvalue[0] == "binary" && PRECEDENCE[operator] > PRECEDENCE[lvalue[1]] || + lvalue[0] == "function" && needs_parens(this)) { + left = "(" + left + ")"; + } + if (member(rvalue[0], [ "assign", "conditional", "seq" ]) || + rvalue[0] == "binary" && PRECEDENCE[operator] >= PRECEDENCE[rvalue[1]] && + !(rvalue[1] == operator && member(operator, [ "&&", "||", "*" ]))) { + right = "(" + right + ")"; + } + else if (!beautify && options.inline_script && (operator == "<" || operator == "<<") + && rvalue[0] == "regexp" && /^script/i.test(rvalue[1])) { + right = " " + right; + } + return add_spaces([ left, operator, right ]); + }, + "unary-prefix": function(operator, expr) { + var val = make(expr); + if (!(expr[0] == "num" || (expr[0] == "unary-prefix" && !HOP(OPERATORS, operator + expr[1])) || !needs_parens(expr))) + val = "(" + val + ")"; + return operator + (jsp.is_alphanumeric_char(operator.charAt(0)) ? " " : "") + val; + }, + "unary-postfix": function(operator, expr) { + var val = make(expr); + if (!(expr[0] == "num" || (expr[0] == "unary-postfix" && !HOP(OPERATORS, operator + expr[1])) || !needs_parens(expr))) + val = "(" + val + ")"; + return val + operator; + }, + "sub": function(expr, subscript) { + var hash = make(expr); + if (needs_parens(expr)) + hash = "(" + hash + ")"; + return hash + "[" + make(subscript) + "]"; + }, + "object": function(props) { + var obj_needs_parens = needs_parens(this); + if (props.length == 0) + return obj_needs_parens ? "({})" : "{}"; + var out = "{" + newline + with_indent(function(){ + return MAP(props, function(p){ + if (p.length == 3) { + // getter/setter. The name is in p[0], the arg.list in p[1][2], the + // body in p[1][3] and type ("get" / "set") in p[2]. + return indent(make_function(p[0], p[1][2], p[1][3], p[2])); + } + var key = p[0], val = parenthesize(p[1], "seq"); + if (options.quote_keys) { + key = encode_string(key); + } else if ((typeof key == "number" || !beautify && +key + "" == key) + && parseFloat(key) >= 0) { + key = make_num(+key); + } else if (!is_identifier(key)) { + key = encode_string(key); + } + return indent(add_spaces(beautify && options.space_colon + ? [ key, ":", val ] + : [ key + ":", val ])); + }).join("," + newline); + }) + newline + indent("}"); + return obj_needs_parens ? "(" + out + ")" : out; + }, + "regexp": function(rx, mods) { + return "/" + rx + "/" + mods; + }, + "array": function(elements) { + if (elements.length == 0) return "[]"; + return add_spaces([ "[", add_commas(MAP(elements, function(el, i){ + if (!beautify && el[0] == "atom" && el[1] == "undefined") return i === elements.length - 1 ? "," : ""; + return parenthesize(el, "seq"); + })), "]" ]); + }, + "stat": function(stmt) { + return make(stmt).replace(/;*\s*$/, ";"); + }, + "seq": function() { + return add_commas(MAP(slice(arguments), make)); + }, + "label": function(name, block) { + return add_spaces([ make_name(name), ":", make(block) ]); + }, + "with": function(expr, block) { + return add_spaces([ "with", "(" + make(expr) + ")", make(block) ]); + }, + "atom": function(name) { + return make_name(name); + } + }, function(){ return make(ast) }); + + // The squeezer replaces "block"-s that contain only a single + // statement with the statement itself; technically, the AST + // is correct, but this can create problems when we output an + // IF having an ELSE clause where the THEN clause ends in an + // IF *without* an ELSE block (then the outer ELSE would refer + // to the inner IF). This function checks for this case and + // adds the block brackets if needed. + function make_then(th) { + if (th == null) return ";"; + if (th[0] == "do") { + // https://github.com/mishoo/UglifyJS/issues/#issue/57 + // IE croaks with "syntax error" on code like this: + // if (foo) do ... while(cond); else ... + // we need block brackets around do/while + return make_block([ th ]); + } + var b = th; + while (true) { + var type = b[0]; + if (type == "if") { + if (!b[3]) + // no else, we must add the block + return make([ "block", [ th ]]); + b = b[3]; + } + else if (type == "while" || type == "do") b = b[2]; + else if (type == "for" || type == "for-in") b = b[4]; + else break; + } + return make(th); + }; + + function make_function(name, args, body, keyword) { + var out = keyword || "function"; + if (name) { + out += " " + make_name(name); + } + out += "(" + add_commas(MAP(args, make_name)) + ")"; + out = add_spaces([ out, make_block(body) ]); + return needs_parens(this) ? "(" + out + ")" : out; + }; + + function must_has_semicolon(node) { + switch (node[0]) { + case "with": + case "while": + return empty(node[2]); // `with' or `while' with empty body? + case "for": + case "for-in": + return empty(node[4]); // `for' with empty body? + case "if": + if (empty(node[2]) && !node[3]) return true; // `if' with empty `then' and no `else' + if (node[3]) { + if (empty(node[3])) return true; // `else' present but empty + return must_has_semicolon(node[3]); // dive into the `else' branch + } + return must_has_semicolon(node[2]); // dive into the `then' branch + } + }; + + function make_block_statements(statements, noindent) { + for (var a = [], last = statements.length - 1, i = 0; i <= last; ++i) { + var stat = statements[i]; + var code = make(stat); + if (code != ";") { + if (!beautify && i == last && !must_has_semicolon(stat)) { + code = code.replace(/;+\s*$/, ""); + } + a.push(code); + } + } + return noindent ? a : MAP(a, indent); + }; + + function make_switch_block(body) { + var n = body.length; + if (n == 0) return "{}"; + return "{" + newline + MAP(body, function(branch, i){ + var has_body = branch[1].length > 0, code = with_indent(function(){ + return indent(branch[0] + ? add_spaces([ "case", make(branch[0]) + ":" ]) + : "default:"); + }, 0.5) + (has_body ? newline + with_indent(function(){ + return make_block_statements(branch[1]).join(newline); + }) : ""); + if (!beautify && has_body && i < n - 1) + code += ";"; + return code; + }).join(newline) + newline + indent("}"); + }; + + function make_block(statements) { + if (!statements) return ";"; + if (statements.length == 0) return "{}"; + return "{" + newline + with_indent(function(){ + return make_block_statements(statements).join(newline); + }) + newline + indent("}"); + }; + + function make_1vardef(def) { + var name = def[0], val = def[1]; + if (val != null) + name = add_spaces([ make_name(name), "=", parenthesize(val, "seq") ]); + return name; + }; + +}; + +function split_lines(code, max_line_length) { + var splits = [ 0 ]; + jsp.parse(function(){ + var next_token = jsp.tokenizer(code); + var last_split = 0; + var prev_token; + function current_length(tok) { + return tok.pos - last_split; + }; + function split_here(tok) { + last_split = tok.pos; + splits.push(last_split); + }; + function custom(){ + var tok = next_token.apply(this, arguments); + out: { + if (prev_token) { + if (prev_token.type == "keyword") break out; + } + if (current_length(tok) > max_line_length) { + switch (tok.type) { + case "keyword": + case "atom": + case "name": + case "punc": + split_here(tok); + break out; + } + } + } + prev_token = tok; + return tok; + }; + custom.context = function() { + return next_token.context.apply(this, arguments); + }; + return custom; + }()); + return splits.map(function(pos, i){ + return code.substring(pos, splits[i + 1] || code.length); + }).join("\n"); +}; + +/* -----[ Utilities ]----- */ + +function repeat_string(str, i) { + if (i <= 0) return ""; + if (i == 1) return str; + var d = repeat_string(str, i >> 1); + d += d; + if (i & 1) d += str; + return d; +}; + +function defaults(args, defs) { + var ret = {}; + if (args === true) + args = {}; + for (var i in defs) if (HOP(defs, i)) { + ret[i] = (args && HOP(args, i)) ? args[i] : defs[i]; + } + return ret; +}; + +function is_identifier(name) { + return /^[a-z_$][a-z0-9_$]*$/i.test(name) + && name != "this" + && !HOP(jsp.KEYWORDS_ATOM, name) + && !HOP(jsp.RESERVED_WORDS, name) + && !HOP(jsp.KEYWORDS, name); +}; + +function HOP(obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); +}; + +// some utilities + +var MAP; + +(function(){ + MAP = function(a, f, o) { + var ret = [], top = [], i; + function doit() { + var val = f.call(o, a[i], i); + if (val instanceof AtTop) { + val = val.v; + if (val instanceof Splice) { + top.push.apply(top, val.v); + } else { + top.push(val); + } + } + else if (val != skip) { + if (val instanceof Splice) { + ret.push.apply(ret, val.v); + } else { + ret.push(val); + } + } + }; + if (a instanceof Array) for (i = 0; i < a.length; ++i) doit(); + else for (i in a) if (HOP(a, i)) doit(); + return top.concat(ret); + }; + MAP.at_top = function(val) { return new AtTop(val) }; + MAP.splice = function(val) { return new Splice(val) }; + var skip = MAP.skip = {}; + function AtTop(val) { this.v = val }; + function Splice(val) { this.v = val }; +})(); + +/* -----[ Exports ]----- */ + +exports.ast_walker = ast_walker; +exports.ast_mangle = ast_mangle; +exports.ast_squeeze = ast_squeeze; +exports.ast_lift_variables = ast_lift_variables; +exports.gen_code = gen_code; +exports.ast_add_scope = ast_add_scope; +exports.set_logger = function(logger) { warn = logger }; +exports.make_string = make_string; +exports.split_lines = split_lines; +exports.MAP = MAP; + +// keep this last! +exports.ast_squeeze_more = require("./squeeze-more").ast_squeeze_more; diff --git a/build-tools/lib/uglifyjs/squeeze-more.js b/build-tools/lib/uglifyjs/squeeze-more.js new file mode 100644 index 0000000..fbf3733 --- /dev/null +++ b/build-tools/lib/uglifyjs/squeeze-more.js @@ -0,0 +1,69 @@ +var jsp = require("./parse-js"), + pro = require("./process"), + slice = jsp.slice, + member = jsp.member, + curry = jsp.curry, + MAP = pro.MAP, + PRECEDENCE = jsp.PRECEDENCE, + OPERATORS = jsp.OPERATORS; + +function ast_squeeze_more(ast) { + var w = pro.ast_walker(), walk = w.walk, scope; + function with_scope(s, cont) { + var save = scope, ret; + scope = s; + ret = cont(); + scope = save; + return ret; + }; + function _lambda(name, args, body) { + return [ this[0], name, args, with_scope(body.scope, curry(MAP, body, walk)) ]; + }; + return w.with_walkers({ + "toplevel": function(body) { + return [ this[0], with_scope(this.scope, curry(MAP, body, walk)) ]; + }, + "function": _lambda, + "defun": _lambda, + "new": function(ctor, args) { + if (ctor[0] == "name") { + if (ctor[1] == "Array" && !scope.has("Array")) { + if (args.length != 1) { + return [ "array", args ]; + } else { + return walk([ "call", [ "name", "Array" ], args ]); + } + } else if (ctor[1] == "Object" && !scope.has("Object")) { + if (!args.length) { + return [ "object", [] ]; + } else { + return walk([ "call", [ "name", "Object" ], args ]); + } + } else if ((ctor[1] == "RegExp" || ctor[1] == "Function" || ctor[1] == "Error") && !scope.has(ctor[1])) { + return walk([ "call", [ "name", ctor[1] ], args]); + } + } + }, + "call": function(expr, args) { + if (expr[0] == "dot" && expr[2] == "toString" && args.length == 0) { + // foo.toString() ==> foo+"" + return [ "binary", "+", expr[1], [ "string", "" ]]; + } + if (expr[0] == "name") { + if (expr[1] == "Array" && args.length != 1 && !scope.has("Array")) { + return [ "array", args ]; + } + if (expr[1] == "Object" && !args.length && !scope.has("Object")) { + return [ "object", [] ]; + } + if (expr[1] == "String" && !scope.has("String")) { + return [ "binary", "+", args[0], [ "string", "" ]]; + } + } + } + }, function() { + return walk(pro.ast_add_scope(ast)); + }); +}; + +exports.ast_squeeze_more = ast_squeeze_more; diff --git a/demos/tizen-gray/configure.js b/demos/tizen-gray/configure.js new file mode 100644 index 0000000..6ab2afb --- /dev/null +++ b/demos/tizen-gray/configure.js @@ -0,0 +1,3 @@ +$( document ).bind( "mobileinit", function() { + $.support.scrollview = true; +}); diff --git a/demos/tizen-gray/custom.css b/demos/tizen-gray/custom.css new file mode 100644 index 0000000..58ca0b0 --- /dev/null +++ b/demos/tizen-gray/custom.css @@ -0,0 +1,6 @@ +.my-check-button-style { + margin: 10px; +} +.my-check-inline-style { + display: inline; +} diff --git a/demos/tizen-gray/desktopbrowser.js b/demos/tizen-gray/desktopbrowser.js new file mode 100644 index 0000000..98e3ba2 --- /dev/null +++ b/demos/tizen-gray/desktopbrowser.js @@ -0,0 +1,4 @@ +window.innerHeight = 720; +window.innerWidth = 1280; +document.body.scroll = "no"; + diff --git a/demos/tizen-gray/index.html b/demos/tizen-gray/index.html new file mode 100755 index 0000000..9a8be8a --- /dev/null +++ b/demos/tizen-gray/index.html @@ -0,0 +1,919 @@ + + + + + + + + + + + + + + + + + + + +
    +
    +

    Tizen UI

    +
    +
    +

    + +
    +
    + +
    +
    +

    Not Implemented

    +
    +
    +

    Not Implemented

    +
    +
    + +
    +
    +

    Slider

    +
    +
    +
      +
    • Normal Slider
      • +
      • +
    • Popup Slider
      • +
      • +
    • Icon Slider
      • +
      • +
      • +
    • Text Slider
      • +
      • +
      • +
    +
    +
    + +
    +
    +

    No Contents

    +
    +
    +
    +
    +
    + +
    +
    +

    No Contents

    +
    +
    +
    +
    +
    + +
    +
    +

    No Contents

    +
    +
    +
    +
    +
    + +
    +
    +

    No Contents

    +
    +
    +
    +
    +
    + +
    +
    +

    Optional Header

    +
    + +
    + +
    +
    + TestBtn +

    Option header - 2 buttons

    + + TestBtn + +
    +
    +
    Save
    +
    Next
    +
    +
    +
    +
    +

    Some content would be here

    +
    +
    + +
    +
    +

    Option header - 3 buttons

    +
    +
    +
    Previous
    +
    Cancel
    +
    Save
    +
    +
    +
    +
    +

    Some content would be here

    +
    +
    + +
    +
    +

    Option header - 4 buttons

    +
    +
    +
    Previous
    +
    Cancel
    +
    Save
    +
    Next
    +
    +
    +
    +
    +

    Some content would be here

    +
    +
    + +
    +
    +

    Option header - 4 buttons

    + +
    +
    +

    Some content would be here

    +
    +
    + +
    +
    +

    ControlBar

    +
    +
    +
    + +
    +
    +
    + + + +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +

    Tabbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Tabbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Tabbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Tabbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Tabbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Tabbar

    +
    +
    +
    + +
    +
    +
    +
    +
      +
      • +
      • +
      • +
      • +
      • +
    +
    +
    +
    + + + + +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    +
    + + +
    +
    +

    Toolbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Toolbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Toolbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Toolbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Toolbar

    +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Toolbar

    +
    +
    +
    + +
    +
    +
    +
    +
      +
      • +
      • +
      • +
      • +
      • +
    +
    +
    +
    + + + + +
    +
    +

    Mixed Toolbar

    +
    +
    +

    Not Supported for winset

    +
    +
    + + + +
    +
    +

    Vertical Toolbar

    +
    +
    + +
    + +
    +
    +
    + + + +
    +
    +

    Vertical Toolbar

    +
    +
    + +
    + +
    +
    +
    + + + +
    +
    +

    Vertical Toolbar

    +
    +
    +
    +
    +
    + +
    +
    +
    + + + + +
    +
    +

    Title Area

    +
    + +
    + +
    +
    + Text1 +

    Title Area

    +
    + +
    + +
    +
    + Text1 +

    Title Area

    + Text2 +
    + +
    + +
    +
    + Text1 +

    Title Area

    + Text2 + Text3 +
    + +
    + +
    +
    +

    Title Extend

    +
    + +
    + +
    +
    + Text +

    Title Extend 2 Button

    + Text +
    +
    + + + + +
    +
    +
    +
    +
    + +
    +
    +
    + +
    +
    + Text +

    Title Extend 3 Button

    + Text +
    +
    + + + + + + +
    +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Title Extend 4 Button

    +
    +
    + + + + + + + + +
    +
    +
    +
    +
    + +
    +
    +
    + +
    +
    +

    Footer extended style

    +
    +
    +

    test page

    +
    +
    +
    +
    + + + + + + + + +
    +
    + Edit +
    +
    + + diff --git a/demos/tizen-gray/init.js b/demos/tizen-gray/init.js new file mode 100755 index 0000000..34e6520 --- /dev/null +++ b/demos/tizen-gray/init.js @@ -0,0 +1,237 @@ +$( document ).bind("pagecreate", function () { + /* Color widget demo */ + $("input[type='checkbox'][data-widget-type-list]").bind("change", function() { + var ls = $( this ).attr("data-widget-type-list").split(","), + page = $( this ).closest(":jqmData(role='page')"), + disabled = $( this ).is(":checked"); + + $.each(ls, function( idx, widgetType ) { + var ar = widgetType.split("-"); + + if ( ar.length === 2 ) { + page.find(":" + widgetType)[ar[1]]( "option", "disabled", disabled ); + } + }); + }); + + $("#checkHideInput").bind("change", function (e) { + $("#colorpickerbutton").colorpickerbutton("option", "hideInput", $("#checkHideInput").is(":checked")); + }); + + $('#scroller-demo').bind('pageshow', function ( e ) { + $page = $( e.target ); + /* + * many options cannot be set without subclassing since they're + * used in the _create method - it seems as if these are for + * internal use only and scrollDuration is only changable by + * chance. + */ + var $scroller2List = $('#scroller2').find('ul'); + $scroller2List.scrollview( 'option','scrollDuration','10000' ); + + // only works by manipulating css + // the only other way is to use attribute 'scroll-method="scroll"' in html + $('#scroller2 .ui-scrollbar').css( 'visibility','hidden' ); + + /* + * make toggle button switch scroll bars on and off + */ + var scrollBarVisible = $('#scroller2').find('.ui-scrollbar').css('visibility') === "visible"; + + var $toggleScrollBars = $('#toggleScrollBars'); + $toggleScrollBars.attr( "checked", scrollBarVisible ).checkboxradio("refresh"); + + /* the 'label' is the thing that is clicked, not the input element */ + var $label = $toggleScrollBars.siblings('label').attr( 'for', '#toggleScrollBars' ); + $label.bind("click", function () { + var $scrollBar = $('#scroller2').find('.ui-scrollbar'); + var scrollBarVisible = $scrollBar.css('visibility') === "visible"; + var newVisibility = scrollBarVisible ? "hidden" : "visible"; + $scrollBar.css( 'visibility', scrollBarVisible ? "hidden" : "visible" ); + }); + }); + + $("#demo-date").bind("date-changed", function ( e, newDate ) { + $("#selected-date1").text( newDate.toString() ); + }); + + $("#demo-date2").bind("date-changed", function ( e, newDate ) { + $("#selected-date2").text( newDate.toString() ); + }); + + $("#demo-date3").bind("date-changed", function ( e, newDate ) { + $("#selected-date3").text( newDate.toString() ); + }); + + $("#demo-date4").bind("date-changed", function ( e, newDate ) { + $("#selected-date4").text( newDate.toString() ); + }); + + $('#notification-demo').bind('vmouseup', function ( e ) { + $('#notification').notification('show'); + }); + + $('#notification-demo').bind('tapped', function ( e, m ) { + /* DO SOMETHING */ + alert('notification is tapped\nparameter:"' + m + '"'); + }); + + $('#imageslider-add').bind('vmouseup', function ( e ) { + $('#imageslider').imageslider('add', './test/10.jpg'); + $('#imageslider').imageslider('add', './test/11.jpg'); + $('#imageslider').imageslider('refresh'); + }); + + $('#imageslider-del').bind('vmouseup', function ( e ) { + $('#imageslider').imageslider('del'); + }); + + $('#selectioninfo-demo').bind('vmouseup', function ( e ) { + $('#smallpopup_selectioninfo').attr("data-text1", + $("#dayselector1").find(".ui-checkbox-on").length + " items are selected"); + $('#smallpopup_selectioninfo').notification('show'); + }); + + $('#groupindex-demo').bind('pageshow', function () { + $('#groupindex').scrolllistview(); + }); + + $("#showVolumeButton").bind("vclick", function ( e ) { + $("#myVolumeControl").volumecontrol("open"); + }); + + $("#volumecontrol_setBasicTone").bind("change", function ( e ) { + var basicTone = !($("#volumecontrol_setBasicTone").next('label') + .find(".ui-icon").hasClass("ui-icon-checkbox-on")); + + if ( basicTone ) { + $("#myVolumeControl").volumecontrol( "option", "basicTone", true ); + $("#myVolumeControl").volumecontrol( "option", "title", "Basic Tone" ); + } else { + $("#myVolumeControl").volumecontrol( "option", "basicTone", false ); + $("#myVolumeControl").volumecontrol( "option", "title", "Volume" ); + } + }); + + $("#myoptionheader").bind('collapse', function () { + console.log('option header was collapsed'); + }); + + $("#myoptionheader").bind('expand', function () { + console.log('option header was expanded'); + }); + + //day-selector codes... + $("#day-selector-check-all").live('vclick', function () { + $("#dayselector1").dayselector('selectAll'); + }); + + $("#day-selector-get-days").live('vclick', function () { + var valuesStr = $("#dayselector1").dayselector('value').join(', '); + $(".selectedDay").text( valuesStr ); + }); + + /* Gen list : Dummy DB load */ + $(".virtuallist_demo_page").live("pagecreate", function () { + /* ?_=ts code for no cache mechanism */ + $.getScript( "./virtuallist-db-demo.js", function ( data, textStatus ) { + $("ul").filter( function () { + return $( this ).data("role") == "virtuallistview"; + }).addClass("vlLoadSuccess"); + + $(".virtuallist_demo_page").die(); + $("ul.ui-virtual-list-container").virtuallistview("create"); + }); + }); + + /*Expandable list : Dummy DB load*/ + $("#genlist_extendable_page").live("pagecreate", function () { + /*?_=ts code for no cache mechanism*/ + $.getScript( "./virtuallist-db-demo.js", function ( data, textStatus ) { + $("ul").filter( function () { + return $( this ).data("role") == "extendablelist"; + }).addClass("vlLoadSuccess"); + + $("#genlist-extendable-page").die(); + $("ul.ui-extendable-list-container").extendablelist("create"); + }); + }); + + /* Color widget demo */ + var clrWidgetsAreInit = false; + $("#colorwidgets-demo").bind("pageshow", function () { + if ( clrWidgetsAreInit ) { + return; + } + + $("#colorpicker").bind("colorchanged", function ( e, clr ) { + $("#colorpickerbutton").colorpickerbutton( "option", "color", clr ); + $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr ); + $("#hsvpicker").hsvpicker( "option", "color", clr ); + $("#colortitle").colortitle( "option", "color", clr ); + $("#colorpalette").colorpalette( "option", "color", clr ); + }); + + $("#colorpickerbutton").bind("colorchanged", function ( e, clr ) { + $("#colorpicker").colorpicker( "option", "color", clr ); + $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr ); + $("#hsvpicker").hsvpicker( "option", "color", clr ); + $("#colortitle").colortitle( "option", "color", clr ); + $("#colorpalette").colorpalette( "option", "color", clr ); + }); + + $("#colorpickerbutton-noform").bind("colorchanged", function ( e, clr ) { + $("#colorpicker").colorpicker( "option", "color", clr ); + $("#colorpickerbutton").colorpickerbutton( "option", "color", clr ); + $("#hsvpicker").hsvpicker( "option", "color", clr ); + $("#colortitle").colortitle( "option", "color", clr ); + $("#colorpalette").colorpalette( "option", "color", clr ); + }); + + $("#hsvpicker").bind("colorchanged", function ( e, clr ) { + $("#colorpicker").colorpicker( "option", "color", clr ); + $("#colorpickerbutton").colorpickerbutton( "option", "color", clr ); + $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr ); + $("#colortitle").colortitle( "option", "color", clr ); + $("#colorpalette").colorpalette( "option", "color", clr ); + }); + + $("#colortitle").bind("colorchanged", function ( e, clr ) { + $("#colorpicker").colorpicker( "option", "color", clr ); + $("#colorpickerbutton").colorpickerbutton( "option", "color", clr ); + $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr ); + $("#hsvpicker").hsvpicker( "option", "color", clr ); + $("#colorpalette").colorpalette( "option", "color", clr ); + }); + + $("#colorpalette").bind("colorchanged", function ( e, clr ) { + $("#colorpicker").colorpicker( "option", "color", clr ); + $("#colorpickerbutton").colorpickerbutton( "option", "color", clr ); + $("#colorpickerbutton-noform").colorpickerbutton( "option", "color", clr ); + $("#hsvpicker").hsvpicker( "option", "color", clr ); + $("#colortitle").colortitle( "option", "color", clr ); + }); + + $("#colorpalette").colorpalette("option", "color", "#45cc98"); + + clrWidgetsAreInit = true; + }); +}); + +$( document ).bind("pagecreate", function () { + var button = $('#calendarbutton'); + + button.bind('vclick', function ( e ) { + button.calendarpicker('open'); + button.unbind('selectedDate').bind('selectedDate', function ( e,val ) { + $('#selectedCalendarDate').attr('value',val); + }); + }); +}); + +domReady( function () { + // add current datetime with browser language format + // NOTE: Globalize.* functions must be run after domReady. + $('#current_date').html(Globalize.culture().name + " -- " + + Globalize.format( new Date(), "F" )); +}); diff --git a/demos/tizen-gray/tips/generate-elements-dynamically.html b/demos/tizen-gray/tips/generate-elements-dynamically.html new file mode 100755 index 0000000..e1ff81c --- /dev/null +++ b/demos/tizen-gray/tips/generate-elements-dynamically.html @@ -0,0 +1,16 @@ +
    +
    +

    Generate elements dynamically

    +
    + + +
    +
    + +
    + +
    +
    +
    diff --git a/demos/tizen-gray/tips/generate-elements-dynamically.js b/demos/tizen-gray/tips/generate-elements-dynamically.js new file mode 100755 index 0000000..e66d459 --- /dev/null +++ b/demos/tizen-gray/tips/generate-elements-dynamically.js @@ -0,0 +1,15 @@ +var myArray = []; +function addCheckbox(){ + var newhtml; + var i = myArray.length; + myArray[myArray.length] = 'Item - ' + myArray.length; + newhtml = '' ; + newhtml += ''; + $("#checkboxItems").append(newhtml); + $("#checkboxItems").trigger( "create" ); +} + + +$('#bAdd').live('vclick', function () { + addCheckbox(); +}); diff --git a/demos/tizen-gray/widgets/auto-dividers.html b/demos/tizen-gray/widgets/auto-dividers.html new file mode 100644 index 0000000..4a86f88 --- /dev/null +++ b/demos/tizen-gray/widgets/auto-dividers.html @@ -0,0 +1,21 @@ +
    +
    +

    Listview auto-dividers

    +
    +
    +

    This gets auto-dividers based on link text, or just + text (for read-only lists).

    + +
    +
    + + diff --git a/demos/tizen-gray/widgets/button/button.html b/demos/tizen-gray/widgets/button/button.html new file mode 100755 index 0000000..a983bd9 --- /dev/null +++ b/demos/tizen-gray/widgets/button/button.html @@ -0,0 +1,41 @@ + + + + + + + + + + + + + +
    +
    +

    Buttons

    +
    +
    +
      +
    • List item 1
      Text Button TesT
      • +
    • List item 2
      Call Icon
      • +
    • List item 3
      Longer Call Icon
      • +
    • List item 4
      Icon Text
      • +
    • List item 5
      • +
    • List item 6
      • +
    • List item 7
      • +
    • List item 8
      • +
    • List item 9
      • +
    • List item 10
      • +
    • List item 11
      • +
    • List item 12
      Delete
      • +
    +
    +
    + + + + + diff --git a/demos/tizen-gray/widgets/checkbox/checkbox.html b/demos/tizen-gray/widgets/checkbox/checkbox.html new file mode 100644 index 0000000..567c13f --- /dev/null +++ b/demos/tizen-gray/widgets/checkbox/checkbox.html @@ -0,0 +1,54 @@ + + + + + + +
    + +
    +

    Check

    +
    + +
    +
    +
    Check/UnCheck First checkbox
    +
    Get Check Value
    +

    First checkbox check value : + + (click the button! ) + +

    +

    Trigged When user clicks a checkbox : + + (This is updated when user clicks a checkbox ) + +

    + +
    + +
    + + + + + + + + + + + + + + + + +
    +
    +
    + + + + + diff --git a/demos/tizen-gray/widgets/checkbox/checkbox.js b/demos/tizen-gray/widgets/checkbox/checkbox.js new file mode 100644 index 0000000..53d1d61 --- /dev/null +++ b/demos/tizen-gray/widgets/checkbox/checkbox.js @@ -0,0 +1,22 @@ +$( "#checkbox-demo" ).live("pagecreate", function () { + $( "#check-1" ).bind('vclick', function () { + console.log("clicked..."); + value = $( "#checkbox-1" ).prop( "checked" ); + // change checkbox property and update UI. + $( "#checkbox-1" ).prop( "checked", !value ); + $("#checkbox-1").checkboxradio( "refresh" ); + // show checkbox1 property + $( ".checked-value" ).text( $( "#checkbox-1" ).prop( "checked" ) ); + }); + + $( "#get-check-value" ).bind('vclick', function () { + $( ".checked-value" ).text( $( "#checkbox-1" ).prop( "checked" ) ); + }); + + $("input[type='checkbox']").bind( "change", function(event, ui) { + $( ".triggered-check" ).text( this.id + " is " + this.checked ); + }); + +}); + + diff --git a/demos/tizen-gray/widgets/colorpicker.html b/demos/tizen-gray/widgets/colorpicker.html new file mode 100755 index 0000000..90658df --- /dev/null +++ b/demos/tizen-gray/widgets/colorpicker.html @@ -0,0 +1,53 @@ + + +
    +
    +

    Color widgets

    +
    +
    +
    +
    +
    Color title widget
    +
    +
    +
    +
    Color palette widget
    +
    +
    +
    +
    Color picker button
    +
    +
    +
    +
    Color picker button (form element)
    +
    +
    + + +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +
    Hue-Saturation-Value picker widget
    +
    +
    +
    +
    Hue-Saturation-Lightness picker widget
    +
    +
    +
    + +
    +
    + + + diff --git a/demos/tizen-gray/widgets/ctxpopup.html b/demos/tizen-gray/widgets/ctxpopup.html new file mode 100755 index 0000000..dd378d3 --- /dev/null +++ b/demos/tizen-gray/widgets/ctxpopup.html @@ -0,0 +1,183 @@ +
    +
    +

    Contextual Popup

    +
    +
    +
    + Icon+Text +
    + +
    + +
    +
    + 3 Icons +
    + +
    +
    +
    + 6 Icons-Grid +
    + + + + + + + + + + + +
    + + + + + Eeenie +
    + + + Mynie + + +
    +
    +
    +
    + CopyPaste +
    + +
    +
    +
    + Text Only +
    + +
    + +
    +
    + Buttons + + +
    +
    + +
    +
    + +
    diff --git a/demos/tizen-gray/widgets/datefield.html b/demos/tizen-gray/widgets/datefield.html new file mode 100644 index 0000000..cd707f9 --- /dev/null +++ b/demos/tizen-gray/widgets/datefield.html @@ -0,0 +1,44 @@ +
    +
    +

    Date/time picker

    +
    +
    +
      +
    • + + + + + Date/Time Picker(Custom) - (select a date first) + +
      • +
    • + + + + + Date/Time Picker - (select a date first) + +
      • +
    • + + + + + Date Picker - (select a date first) + +
      • +
    • + + + + + Time Picker - (select a date first) + +
      • +
    +
    +
    + + diff --git a/demos/tizen-gray/widgets/day-selector.html b/demos/tizen-gray/widgets/day-selector.html new file mode 100644 index 0000000..8a4851b --- /dev/null +++ b/demos/tizen-gray/widgets/day-selector.html @@ -0,0 +1,53 @@ +
    +
    +

    Day selector

    +
    + +
    +

    With a legend (also API demo)

    +
    + Choose some days +
    + + + +

    The day(s) you selected are: + + (select a day first) + +

    +
    + +

    With a legend, with custom swatch

    +
    + Choose some days +
    +
    + +

    Without a legend

    +
    +
    +
    + +

    Without a legend, vertical layout

    + +

    Note that the checkboxes are visible as icons + (this is the default behaviour for vertical checkbox + controlgroups in jQuery Mobile).

    + +
    +
    + +
    + +

    With a legend, vertical layout

    + +
    + Choose some days +
    + +
    +
    + + + diff --git a/demos/tizen-gray/widgets/entry.html b/demos/tizen-gray/widgets/entry.html new file mode 100755 index 0000000..64b2e9a --- /dev/null +++ b/demos/tizen-gray/widgets/entry.html @@ -0,0 +1,48 @@ + +
    + +
    +

    Entry

    +
    + +
    +
    + +
    +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    +
    +
    + diff --git a/demos/tizen-gray/widgets/fast-scroll.html b/demos/tizen-gray/widgets/fast-scroll.html new file mode 100644 index 0000000..ad81285 --- /dev/null +++ b/demos/tizen-gray/widgets/fast-scroll.html @@ -0,0 +1,60 @@ +
    +
    +

    Short cut scroll (aka fast scroll)

    +
    + +
    +
      +
    • A
      • +
    • Anton
      • +
    • Arabella
      • +
    • Art
      • +
    • B
      • +
    • Barry
      • +
    • Bibi
      • +
    • Billy
      • +
    • Bob
      • +
    • D
      • +
    • Daisy
      • +
    • Derek
      • +
    • Desmond
      • +
    • E
      • +
    • Eric
      • +
    • Ernie
      • +
    • Esme
      • +
    • F
      • +
    • Fay
      • +
    • Felicity
      • +
    • Francis
      • +
    • Frank
      • +
    • H
      • +
    • Harry
      • +
    • Herman
      • +
    • Horace
      • +
    • J
      • +
    • Jack
      • +
    • Jane
      • +
    • Jill
      • +
    • K
      • +
    • Katherine
      • +
    • Katy
      • +
    • Keith
      • +
    • L
      • +
    • Larry
      • +
    • Lee
      • +
    • Lola
      • +
    • M
      • +
    • Mark
      • +
    • Milly
      • +
    • Mort
      • +
    • N
      • +
    • Nigel
      • +
    • Norman
      • +
    • O
      • +
    • Organza
      • +
    • Orlando
      • +
    +
    +
    + + diff --git a/demos/tizen-gray/widgets/font-effect.html b/demos/tizen-gray/widgets/font-effect.html new file mode 100755 index 0000000..44ee4db --- /dev/null +++ b/demos/tizen-gray/widgets/font-effect.html @@ -0,0 +1,17 @@ + +
    + +
    +

    Font - TODO : Add more samples

    + Home +
    + +
    +
    + bold +
    normal +
    italic + +
    +
    + diff --git a/demos/tizen-gray/widgets/forms-all-native.html b/demos/tizen-gray/widgets/forms-all-native.html new file mode 100755 index 0000000..9da7eeb --- /dev/null +++ b/demos/tizen-gray/widgets/forms-all-native.html @@ -0,0 +1,199 @@ + +
    + +
    +

    Forms

    +
    + +
    +
    + + + +

    Native form elements & buttons

    + +

    Although the framework automatically enhances form elements and buttons into touch input optimized controls to streamline development, it's easy to tell jQuery Mobile to leave these elements alone so the standard, native control can be used instead.

    +

    Adding the data-role="none" attribute to any form or button element tells the framework to not apply any enhanced styles or scripting. The examples below all have this attribute in place to demonstrate the effect. You may need to write custom styles to lay out your form controls because we try to leave all the default styling intact.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + Choose as many snacks as you'd like: + + + + + + + + + + + +
    +
    + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    +
    + Layout view: + + + + + + +
    +
    + +
    + + +
    + +
    + + +
    + + + + +

    Button based button:

    + + +

    Input type="button" based button:

    + + +

    Input type="submit" based button:

    + + +

    Input type="reset" based button:

    + + +

    Input type="image" based button:

    + + + + +
    + +
    + +
    + + diff --git a/demos/tizen-gray/widgets/forms-all.html b/demos/tizen-gray/widgets/forms-all.html new file mode 100755 index 0000000..36dccb6 --- /dev/null +++ b/demos/tizen-gray/widgets/forms-all.html @@ -0,0 +1,254 @@ + +
    + +
    +

    Forms

    + Home +
    + +
    +
    + +
    + +

    Form elements

    + +

    This page contains various progressive-enhancement driven form controls. Native elements are sometimes hidden from view, but their values are maintained so the form can be submitted normally.

    + +

    Browsers that don't support the custom controls will still deliver a usable experience, because all are based on native form elements.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + Choose as many snacks as you'd like: + + + + + + + + + + + +
    +
    + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    +
    + Layout view: + + + + + + +
    +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    +
    +
    +
    +
    +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + diff --git a/demos/tizen-gray/widgets/imageslider.html b/demos/tizen-gray/widgets/imageslider.html new file mode 100644 index 0000000..fb9c518 --- /dev/null +++ b/demos/tizen-gray/widgets/imageslider.html @@ -0,0 +1,27 @@ + +
    +
    +

    Image Slider

    +
    +
    +
    + + + + + + + + + +
    +
    +
    +
    + +
    +
    +
    diff --git a/demos/tizen-gray/widgets/list/00_winset_icon_favorite_on.png b/demos/tizen-gray/widgets/list/00_winset_icon_favorite_on.png new file mode 100644 index 0000000..1c024a5 Binary files /dev/null and b/demos/tizen-gray/widgets/list/00_winset_icon_favorite_on.png differ diff --git a/demos/tizen-gray/widgets/list/images/nba_76ers.jpg b/demos/tizen-gray/widgets/list/images/nba_76ers.jpg new file mode 100755 index 0000000..35db118 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_76ers.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_bobcats.jpg b/demos/tizen-gray/widgets/list/images/nba_bobcats.jpg new file mode 100755 index 0000000..6572396 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_bobcats.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_bucks.jpg b/demos/tizen-gray/widgets/list/images/nba_bucks.jpg new file mode 100755 index 0000000..8b420ae Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_bucks.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_bulls.jpg b/demos/tizen-gray/widgets/list/images/nba_bulls.jpg new file mode 100755 index 0000000..8c131e1 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_bulls.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_cavaliers.jpg b/demos/tizen-gray/widgets/list/images/nba_cavaliers.jpg new file mode 100755 index 0000000..2a66daa Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_cavaliers.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_celtics.jpg b/demos/tizen-gray/widgets/list/images/nba_celtics.jpg new file mode 100755 index 0000000..363f65b Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_celtics.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_clippers.jpg b/demos/tizen-gray/widgets/list/images/nba_clippers.jpg new file mode 100755 index 0000000..9b042b9 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_clippers.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_griz.jpg b/demos/tizen-gray/widgets/list/images/nba_griz.jpg new file mode 100755 index 0000000..c521cc9 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_griz.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_hawks.jpg b/demos/tizen-gray/widgets/list/images/nba_hawks.jpg new file mode 100755 index 0000000..208be2d Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_hawks.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_heats.jpg b/demos/tizen-gray/widgets/list/images/nba_heats.jpg new file mode 100755 index 0000000..1c009d2 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_heats.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_honets.jpg b/demos/tizen-gray/widgets/list/images/nba_honets.jpg new file mode 100755 index 0000000..b2aa7ee Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_honets.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_jazz.jpg b/demos/tizen-gray/widgets/list/images/nba_jazz.jpg new file mode 100755 index 0000000..1f1d221 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_jazz.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_kings.jpg b/demos/tizen-gray/widgets/list/images/nba_kings.jpg new file mode 100755 index 0000000..fc0e9f9 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_kings.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_knics.jpg b/demos/tizen-gray/widgets/list/images/nba_knics.jpg new file mode 100755 index 0000000..70c8796 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_knics.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_lakers.jpg b/demos/tizen-gray/widgets/list/images/nba_lakers.jpg new file mode 100755 index 0000000..cb291b1 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_lakers.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_magics.jpg b/demos/tizen-gray/widgets/list/images/nba_magics.jpg new file mode 100755 index 0000000..290b930 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_magics.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_mavericks.jpg b/demos/tizen-gray/widgets/list/images/nba_mavericks.jpg new file mode 100755 index 0000000..f8816a8 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_mavericks.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_nets.jpg b/demos/tizen-gray/widgets/list/images/nba_nets.jpg new file mode 100755 index 0000000..3d2600c Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_nets.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_nuggets.jpg b/demos/tizen-gray/widgets/list/images/nba_nuggets.jpg new file mode 100755 index 0000000..a01e78e Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_nuggets.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_pacers.jpg b/demos/tizen-gray/widgets/list/images/nba_pacers.jpg new file mode 100755 index 0000000..be98506 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_pacers.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_pistons.jpg b/demos/tizen-gray/widgets/list/images/nba_pistons.jpg new file mode 100755 index 0000000..f13c851 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_pistons.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_raptors.jpg b/demos/tizen-gray/widgets/list/images/nba_raptors.jpg new file mode 100755 index 0000000..eb8d431 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_raptors.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_rockets.jpg b/demos/tizen-gray/widgets/list/images/nba_rockets.jpg new file mode 100755 index 0000000..8cf2f17 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_rockets.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_sonics.jpg b/demos/tizen-gray/widgets/list/images/nba_sonics.jpg new file mode 100755 index 0000000..2104e42 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_sonics.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_spurs.jpg b/demos/tizen-gray/widgets/list/images/nba_spurs.jpg new file mode 100755 index 0000000..060002d Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_spurs.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_suns.jpg b/demos/tizen-gray/widgets/list/images/nba_suns.jpg new file mode 100755 index 0000000..754769c Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_suns.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_timberwolves.jpg b/demos/tizen-gray/widgets/list/images/nba_timberwolves.jpg new file mode 100755 index 0000000..79476a8 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_timberwolves.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_trail.jpg b/demos/tizen-gray/widgets/list/images/nba_trail.jpg new file mode 100755 index 0000000..57168c9 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_trail.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_warriors.jpg b/demos/tizen-gray/widgets/list/images/nba_warriors.jpg new file mode 100755 index 0000000..45440c4 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_warriors.jpg differ diff --git a/demos/tizen-gray/widgets/list/images/nba_wizards.jpg b/demos/tizen-gray/widgets/list/images/nba_wizards.jpg new file mode 100755 index 0000000..e98a491 Binary files /dev/null and b/demos/tizen-gray/widgets/list/images/nba_wizards.jpg differ diff --git a/demos/tizen-gray/widgets/list/list-bubble-sample1.png b/demos/tizen-gray/widgets/list/list-bubble-sample1.png new file mode 100644 index 0000000..3c1d65e Binary files /dev/null and b/demos/tizen-gray/widgets/list/list-bubble-sample1.png differ diff --git a/demos/tizen-gray/widgets/list/list-bubble.html b/demos/tizen-gray/widgets/list/list-bubble.html new file mode 100644 index 0000000..e6baefc --- /dev/null +++ b/demos/tizen-gray/widgets/list/list-bubble.html @@ -0,0 +1,21 @@ +
    +
    +

    bubble list (message bubble)

    +
    +
    +
      +
    • short left9:20 PM
      • +
    • But I have no choice. I have a big exam tomorrow. (bubble right)9:26 PM
      • + +
    • Don't worry... I'm free. You're gonna get sick. (bubble left)9:30 PM
      • +
    • 2010. 05. 20 (bubble date)
      • +
    • Sorry I'm late. (bubble right)9:26 PM
      • +
    • Don't worry... I'm free. You're gonna get sick. (bubble sos)9:30 PM
      • +
    • Picture test asdjfkldsjaklf sda lfkjdsa f lasd fldsaf das jflds lfdsl jfklsda jlfjdslf jdskl jfklds fdas lf 9:40 PM
      • +
    + + + +
    +
    + diff --git a/demos/tizen-gray/widgets/list/list-dialogue.html b/demos/tizen-gray/widgets/list/list-dialogue.html new file mode 100644 index 0000000..6f9a52e --- /dev/null +++ b/demos/tizen-gray/widgets/list/list-dialogue.html @@ -0,0 +1,362 @@ +
    +
    +

    Dialog lists

    +
    +
    +
      + +
    • + 1line +
      • +
    • + 1line (with link) +
      • +
    • + 1line-sub + subtext +
      • +
    • + + 1line-sub (with link) + subtext + +
      • +
    • + 1line-setting + Sub text +
      • +
    • + 1line-btn1 +
      Text Button
      +
      • +
    • + 1line-btn2 +
      +
      • +
    • + 1line-toggle +
      +
      • + +
    • + 1line-bigicon1 + +
      • +
    • + 1line-bigicon2 + + Sub text +
      • +
    • + 1line-bigicon4 + +
      Text Button
      +
      • +
    • + 1line-bigicon5 + +
      +
      • +
    • + 1line-bigicon6 + +
      +
      • +
    • + 1line-check1 +
      +
      • +
    • + 1line-check2 +
      +
      +
      • +
    • + 1line-check3 +
      + +
      • +
    • + 1line-check4 +
      + +
      +
      • +
    • + 1line-radio1 +
      +
      • +
    • + 1line-radio3 +
      +
      +
      • +
    • + 1line-radio4 +
      + +
      • +
    • + 1line-radio5 +
      + +
      +
      • + + +
    • +
      subtext
      +
      1line-leftsub1 longtextlongtextlongtextlongtextlongtextlongtext
      +
      • +
    • +
      subtext
      +
      1line-leftsub2
      + +
      • +
    • + 3line-dgroup1 + Subtext1 + Subtext2 +
      • + + +
    • + 2line + Subtext +
      • + +
    • + 2line-sub-main + Subtext +
      • + +
    • + 2line-2sub + Subtext + Subtext2 +
      • + +
    • + 2line-btn1 + Subtext +
      button
      +
      • + +
    • + 2line-btn1 + Subtext +
      +
      • + +
    • + 2line-btn2 + Subtext +
      +
      • + +
    • + 2line-star1 + + Subtext + Subtext2 +
      • + +
    • + 2line-star2 + + Subtext + +
      • + +
    • + 2line-setting + Subtext +
      • + +
    • + 2line-toggle-setting + Subtext +
      +
      • + +
    • + 2line-btn-setting + Subtext +
      +
      • + +
    • + 2line-bigicon0 + Subtext +
      +
      • + +
    • + 2line-bigicon1 + Subtext + +
      • + +
    • + 2line-bigicon2 + Subtext + + Subtext2 +
      • + +
    • + 2line-bigicon3 + Subtext + +
      • + +
    • + 2line-bigicon4 + Subtext +
      + +
      • + +
    • + 2line-check1 + Subtext +
      +
      • + +
    • + 2line-check2 + Subtext +
      +
      +
      • + +
    • + 2line-check3 + Subtext +
      + +
      • + + +
    • + 2line-radio1 + Subtext +
      +
      • + +
    • + 2line-radio2 + Subtext +
      + +
      • + + +
    • + + 2line-colorbar1 + Subtext + + + + + Subtext2 +
      button
      +
      • + +
    • + + 2line-colorbar3 + Subtext +
      button
      +
      • + +
    • + + 2line-colorbar3 + Subtext +
      +
      • + +
    • + + 2line-colorbar3 + Subtext +
      + +
      • + +
    • + + 2line-bigicon8 + Subtext + +
      • + +
    • + 2line-thumb1 + Subtext + +
      • + +
    • + 2line-thumb2 + Subtext + +
      • + +
    • + Subtext + 2line-sub-main-bigicon1 + +
      • + +
    • + + 2line-bigicon-pgbar1 + Subtext + Subtext2 +
      Cancel
      +
      +
      • + +
    • + + 2line-bigicon-pgbar2 + Subtext +
      button
      +
      • + +
    • + + 2line-bigicon-pgbar2 + Subtext +
      +
      • + +
    • + + 2line-bigicon-pgbar3 + Subtext + Subtext2 +
      +
      • + +
    • +
      + + 2line-icon-bigicon-btn + Subtext +
      +
      • + +
    • + 2line-thumb3 + Subtext + +
      • + +
    +
    +
    + diff --git a/demos/tizen-gray/widgets/list/list-email.html b/demos/tizen-gray/widgets/list/list-email.html new file mode 100644 index 0000000..f7fbaef --- /dev/null +++ b/demos/tizen-gray/widgets/list/list-email.html @@ -0,0 +1,179 @@ +
    +
    +

    Email lists

    +
    +
    +
      +
    • + +
      + email-name1-btn +
      3 >
      +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name2-btn +
      3 >
      +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name1 +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name2 +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name1-btn-warning +
      3 >
      + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name2-btn-warning +
      3 >
      + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name1-warning + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name2-warning + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name1-btn-attach +
      3 >
      + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name2-btn-attach +
      3 >
      + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name1-attach + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name2-attach + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name1-btn-warning-attach +
      3 >
      + + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name2-btn-warning-attach +
      3 >
      + + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name1-warning-attach + + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • +
    • + +
      + email-name2-warning-attach + + +
      + Subtext 01 + Subtext 02 + Subtext 03 +
      • + +
    +
    +
    + diff --git a/demos/tizen-gray/widgets/list/list-expandable.html b/demos/tizen-gray/widgets/list/list-expandable.html new file mode 100644 index 0000000..b164328 --- /dev/null +++ b/demos/tizen-gray/widgets/list/list-expandable.html @@ -0,0 +1,45 @@ +
    +
    +

    expandable list

    +
    +
    +
      +
    • 1line
      • +
    • exp1-sub 1
      • +
    • exp1-sub 2
      • +
    • exp1-sub 3
      • +
    • exp1-sub 4
      • +
    • exp1-sub 5
      • +
    • exp1-sub 6
      • +
    • exp1-sub 7
      • +
    • exp1-sub 2 (exp2)
      • +
    • exp2-sub 1
      • +
    • exp2-sub 2
      • +
    • exp2-sub 3
      • +
    • + 2line + Subtext +
      • +
    • + 2line-sub-main + Subtext +
      • +
    • + 2line-radio1 + Subtext +
      +
      • +
    • + + 2line-colorbar3 + Subtext + + +
      • + + +
    +
    +
    +
    +
    diff --git a/demos/tizen-gray/widgets/list/list-extendable.html b/demos/tizen-gray/widgets/list/list-extendable.html new file mode 100755 index 0000000..6aa0e73 --- /dev/null +++ b/demos/tizen-gray/widgets/list/list-extendable.html @@ -0,0 +1,20 @@ +
    + + + +
    +

    extendable list

    +
    +
    +
      +
    +
    +
    +
    +
    diff --git a/demos/tizen-gray/widgets/list/list-multiline.html b/demos/tizen-gray/widgets/list/list-multiline.html new file mode 100644 index 0000000..bbddd2b --- /dev/null +++ b/demos/tizen-gray/widgets/list/list-multiline.html @@ -0,0 +1,20 @@ +
    + +
    +

    Multiline lists

    +
    + +
    +
      +
    • +

      3-4-1 Main item

      + Hundres of charities, hobby clubs and professional associations in the suburbs and thousands in the state could be forced to pay taxes for the first time next year. +
      • +
    • +

      3-4-5

      + Hundres of charities, hobby clubs and professional associations in the suburbs and thousands in the state could be forced to pay taxes for the first time next year. +
      • +
    +
    + +
    diff --git a/demos/tizen-gray/widgets/list/list-normal.html b/demos/tizen-gray/widgets/list/list-normal.html new file mode 100644 index 0000000..bd98be4 --- /dev/null +++ b/demos/tizen-gray/widgets/list/list-normal.html @@ -0,0 +1,348 @@ +
    +
    +

    Normal lists

    +
    +
    +
      + +
    • + 1line +
      • + +
    • + 1line (with link) +
      • +
    • + 1line-sub + subtext +
      • +
    • + 1line-sub (with link) + subtext +
      • +
    • + 1line-setting + Sub text +
      • +
    • + 1line-btn1 +
      Text Button
      +
      • +
    • + 1line-btn2 +
      +
      • +
    • + 1line-toggle +
      +
      • + +
    • + 1line-bigicon1 + +
      • +
    • + 1line-bigicon2 + + Sub text +
      • +
    • + 1line-bigicon4 + +
      Text Button
      +
      • +
    • + 1line-bigicon5 + +
      +
      • +
    • + 1line-bigicon6 + +
      +
      • +
    • + 1line-check1 +
      +
      • +
    • + 1line-check2 +
      +
      +
      • +
    • + 1line-check3 +
      + +
      • +
    • + 1line-check4 +
      + +
      +
      • +
    • + 1line-radio1 +
      +
      • +
    • + 1line-radio3 +
      +
      +
      • +
    • + 1line-radio4 +
      + +
      • +
    • + 1line-radio5 +
      + +
      +
      • +
    • + 1line-radio6 + +
      • + +
    • + 2line + Subtext +
      • + +
    • + 2line-sub-main + Subtext +
      • + +
    • + 2line-2sub + Subtext + Subtext2 +
      • + +
    • + 2line-btn1 + Subtext +
      button
      +
      • + +
    • + 2line-btn1 + Subtext +
      +
      • + +
    • + 2line-btn2 + Subtext +
      +
      • + +
    • + 2line-star1 + + Subtext + Subtext2 +
      • + +
    • + 2line-star2 + + Subtext + +
      • + +
    • + 2line-setting + Subtext +
      • + +
    • + 2line-toggle-setting + Subtext +
      +
      • + +
    • + 2line-btn-setting + Subtext +
      +
      • + +
    • + 2line-bigicon0 + Subtext +
      +
      • + +
    • + 2line-bigicon1 + Subtext + +
      • + +
    • + 2line-bigicon2 + Subtext + + Subtext2 +
      • + +
    • + 2line-bigicon3 + Subtext + +
      • + +
    • + 2line-bigicon4 + Subtext +
      + +
      • + +
    • + 2line-check1 + Subtext +
      +
      • + +
    • + 2line-check2 + Subtext +
      +
      +
      • + +
    • + 2line-check3 + Subtext +
      + +
      • + + +
    • + 2line-radio1 + Subtext +
      +
      • + +
    • + 2line-radio2 + Subtext +
      + +
      • + + +
    • + + 2line-colorbar1 + Subtext + + + + + Subtext2 +
      button
      +
      • + +
    • + + 2line-colorbar2 + Subtext +
      button
      +
      • + +
    • + + 2line-colorbar2 + Subtext +
      +
      • + +
    • + + 2line-colorbar3 + Subtext +
      + +
      • + +
    • + + 2line-bigicon8 + Subtext + +
      • + +
    • + 2line-thumb1 + Subtext + +
      • + +
    • + 2line-thumb2 + Subtext + +
      • + +
    • + Subtext + 2line-sub-main-bigicon1 + +
      • + +
    • + + 2line-bigicon-pgbar1 + Subtext + Subtext2 +
      Cancel
      +
      +
      • + +
    • + + 2line-bigicon-pgbar2 + Subtext +
      button
      +
      • + +
    • + + 2line-bigicon-pgbar2 + Subtext +
      +
      • + +
    • + + 2line-bigicon-pgbar3 + Subtext + Subtext2 +
      +
      • + +
    • +
      + + 2line-icon-bigicon-btn + Subtext +
      +
      • + +
    • + 2line-thumb3 + Subtext + +
      • + +
    +
    +
    + diff --git a/demos/tizen-gray/widgets/list/list-radio.html b/demos/tizen-gray/widgets/list/list-radio.html new file mode 100644 index 0000000..c9feecf --- /dev/null +++ b/demos/tizen-gray/widgets/list/list-radio.html @@ -0,0 +1,56 @@ +
    +
    +

    Radio Button lists

    +
    +
    +
    +
      +
    • + Radio Item 1 + +
      • +
    • + Radio Item 2 + +
      • +
    • + Radio Item 3 + +
      • +
    • + Radio Item 4 + +
      +
      • +
    • + Radio Item 5 + + +
      • +
    • + Radio Item 6 + +
      • +
    • + Radio Item 7 + +
      • +
    • + Radio Item 8 + +
      • +
    • + Radio Item 9 + +
      +
      • +
    • + Radio Item 10 + + +
      • +
    +
    +
    +
    + diff --git a/demos/tizen-gray/widgets/list/list-swipe.html b/demos/tizen-gray/widgets/list/list-swipe.html new file mode 100644 index 0000000..b6502ea --- /dev/null +++ b/demos/tizen-gray/widgets/list/list-swipe.html @@ -0,0 +1,107 @@ +
    +
    +

    Swipe lists

    +
    +
    +
      +
        +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        subtext
        +
        1line-leftsub1
        +
        +
        • +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        1line
        +
        +
        • +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        subtext
        +
        1line-leftsub1
        +
        +
        • +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        1line
        +
        +
        • +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        subtext
        +
        1line-leftsub1
        +
        +
        • +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        1line
        +
        +
        • +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        subtext
        +
        1line-leftsub1
        +
        +
        • +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        1line
        +
        +
        • +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        subtext
        +
        1line-leftsub1
        +
        +
        • +
      • +
        Twitter
        +
        Twitter
        +
        Facebook
        +
        Facebook
        +
        +
        1line
        +
        +
        • +
      +
    +
    +
    + diff --git a/demos/tizen-gray/widgets/list/list.html b/demos/tizen-gray/widgets/list/list.html new file mode 100755 index 0000000..b45ec05 --- /dev/null +++ b/demos/tizen-gray/widgets/list/list.html @@ -0,0 +1,48 @@ + + + + + + + + + + + +
    +
    +

    +
    +
    + + +
    +
    + + + + diff --git a/demos/tizen-gray/widgets/list/thumbnail.jpg b/demos/tizen-gray/widgets/list/thumbnail.jpg new file mode 100644 index 0000000..7627ddc Binary files /dev/null and b/demos/tizen-gray/widgets/list/thumbnail.jpg differ diff --git a/demos/tizen-gray/widgets/list/virtuallist-db-demo.js b/demos/tizen-gray/widgets/list/virtuallist-db-demo.js new file mode 100755 index 0000000..178bb15 --- /dev/null +++ b/demos/tizen-gray/widgets/list/virtuallist-db-demo.js @@ -0,0 +1,1057 @@ +/* + * jQuery Mobile Framework : Dummy data for Virtuallist demo + * Copyright (c) Lee, Wongi (wongi11.lee@samsung.com) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + */ + +/* Sample Data in JSON : NBA Player list more than 1,000. */ +var JSON_DATA = [ +{NAME:"Abdelnaby, Alaa", ACTIVE:"1990 - 1994", FROM:"College - Duke", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Abdul-Aziz, Zaid", ACTIVE:"1968 - 1977", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Abdul-Jabbar, Kareem", ACTIVE:"1969 - 1988", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Abdul-Rauf, Mahmoud", ACTIVE:"1990 - 2000", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Abdul-Wahad, Tariq", ACTIVE:"1997 - 2002", FROM:"College - San Jose State", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Abdur-Rahim, Shareef", ACTIVE:"2007 - 2007", FROM:"College - California", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Abernethy, Tom", ACTIVE:"1976 - 1980", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Able, Forest Edward (Frosty)", ACTIVE:"1956 - 1956", FROM:"College - Western Kentucky; Louisville", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Abramovic, John Jr. (Brooms)", ACTIVE:"1946 - 1947", FROM:"College - Salem (NC)", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Acker, Alex", ACTIVE:"2005 - 2008", FROM:"College - Pepperdine", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Ackerman, Donald D. (Buddy)", ACTIVE:"1953 - 1953", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Acres, Mark", ACTIVE:"1987 - 1992", FROM:"College - Oral Roberts", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Acton, Charles R. (Bud)", ACTIVE:"1967 - 1967", FROM:"College - Alma; Hillsdale", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Adams, Alvan", ACTIVE:"1975 - 1987", FROM:"College - Oklahoma", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Adams, Donald L. (Don)", ACTIVE:"1970 - 1976", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Adams, Hassan", ACTIVE:"2006 - 2008", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Adams, Michael", ACTIVE:"1985 - 1995", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Addison, Rafael", ACTIVE:"1986 - 1996", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Adelman, Rick", ACTIVE:"1968 - 1974", FROM:"College - Loyola Marymount", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Adrien, Jeff", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Afflalo, Arron", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Ager, Maurice", ACTIVE:"2007 - 2010", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Aguirre, Mark", ACTIVE:"1981 - 1993", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Ahearn, Blake", ACTIVE:"2007 - 2008", FROM:"College - Missouri State", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Ainge, Danny", ACTIVE:"1981 - 1994", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Ajinca, Alexis", ACTIVE:"ACTIVE", FROM:"From - Saint Etienne, France", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Akin, Henry T.", ACTIVE:"1966 - 1967", FROM:"College - William Carey; Morehead State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Alabi, Solomon", ACTIVE:"ACTIVE", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Alarie, Mark", ACTIVE:"1986 - 1990", FROM:"College - Duke", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Alcorn, Gary R.", ACTIVE:"1959 - 1960", FROM:"College - Fresno City Coll. CA (J.C.); Fresno State", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Aldrich, Cole", ACTIVE:"ACTIVE", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Aldridge, LaMarcus", ACTIVE:"ACTIVE", FROM:"College - Texas", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Aleksinas, Chuck", ACTIVE:"1984 - 1984", FROM:"College - Kentucky; Connecticut", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Alexander, Cory", ACTIVE:"1995 - 2004", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Alexander, Courtney", ACTIVE:"2000 - 2002", FROM:"College - Fresno State", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Alexander, Gary", ACTIVE:"1993 - 1993", FROM:"College - South Florida", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Alexander, Joe", ACTIVE:"2008 - 2009", FROM:"College - West Virginia", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Alexander, Victor", ACTIVE:"1991 - 2001", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Alford, Steve", ACTIVE:"1987 - 1990", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Allen, Jerome", ACTIVE:"1995 - 1996", FROM:"College - Pennsylvania", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Allen, Lucius", ACTIVE:"1969 - 1978", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Allen, Malik", ACTIVE:"ACTIVE", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Allen, Randy", ACTIVE:"1988 - 1989", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Allen, Ray", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Allen, Robert J. (Bob)", ACTIVE:"1968 - 1968", FROM:"College - Marshall", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Allen, Tony", ACTIVE:"ACTIVE", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Allison, Odis Jr.", ACTIVE:"1971 - 1971", FROM:"College - Laney Coll. CA (J.C.); Nevada-Las Vegas", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Allred, Lance", ACTIVE:"2007 - 2007", FROM:"College - Weber State", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Allums, Darrell", ACTIVE:"1980 - 1980", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Almond, Morris", ACTIVE:"2007 - 2008", FROM:"College - Rice", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Babbitt, Luke", ACTIVE:"ACTIVE", FROM:"College - Nevada-Reno", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Babic, Milos", ACTIVE:"1990 - 1991", FROM:"College - Tennessee Tech", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Bach, John William (Johnny)", ACTIVE:"1948 - 1948", FROM:"College - Fordham; Rochester; Brown", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Baechtold, James E. (Jim)", ACTIVE:"1952 - 1956", FROM:"College - Eastern Kentucky", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Bagaric, Dalibor", ACTIVE:"2000 - 2002", FROM:"From - Croatia", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Bagley, John", ACTIVE:"1982 - 1993", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Bailey, Augustus (Gus)", ACTIVE:"1974 - 1979", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Bailey, Carl", ACTIVE:"1981 - 1981", FROM:"College - Tuskegee", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Bailey, James", ACTIVE:"1979 - 1987", FROM:"College - Rutgers", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Bailey, Thurl", ACTIVE:"1983 - 1998", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Bailey, Toby", ACTIVE:"1998 - 1999", FROM:"College - UCLA ''98", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Baker, Mark", ACTIVE:"1998 - 1998", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Baker, Maurice", ACTIVE:"2004 - 2004", FROM:"College - Oklahoma State '02", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Baker, Norman Henry (Norm)", ACTIVE:"1946 - 1946", FROM:"College - No College", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Baker, Vin", ACTIVE:"1993 - 2005", FROM:"College - Hartford", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Balkman, Renaldo", ACTIVE:"ACTIVE", FROM:"College - South Carolina", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Ball, Cedric", ACTIVE:"1990 - 1990", FROM:"College - North Carolina-Charlotte", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Ballard, Greg", ACTIVE:"1977 - 1988", FROM:"College - Shasta Coll. CA (J.C.); Oregon", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Baltimore, Herschel David (Herk)", ACTIVE:"1946 - 1946", FROM:"College - Penn State", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Banks, Gene", ACTIVE:"1981 - 1986", FROM:"College - Duke", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Banks, Marcus", ACTIVE:"ACTIVE", FROM:"College - Nevada-Las Vegas", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Bannister, Ken", ACTIVE:"1984 - 1990", FROM:"College - Trinidad State JC CO; Indiana State; Saint Augustine College", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Bantom, Mike", ACTIVE:"1973 - 1981", FROM:"College - St. Joseph's (PA)", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Barber, John", ACTIVE:"1956 - 1956", FROM:"College - Los Angeles State", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Barbosa, Leandro", ACTIVE:"ACTIVE", FROM:"From - Sau Paulo, Brazil", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Bardo, Stephen", ACTIVE:"1991 - 1995", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Barea, Jose", ACTIVE:"ACTIVE", FROM:"College - Northeastern", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Bargnani, Andrea", ACTIVE:"ACTIVE", FROM:"From - Rome, Italy", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Barker, Clifford E. (Cliff)", ACTIVE:"1949 - 1951", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Barker, Thomas Kevin (Tom)", ACTIVE:"1976 - 1978", FROM:"College - Minnesota; Coll. of Southern Idaho (J.C.); Hawaii", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Barkley, Charles", ACTIVE:"1984 - 1999", FROM:"College - Auburn", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Barkley, Erick", ACTIVE:"2000 - 2001", FROM:"College - St. John''s '02", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Barksdale, Don Angelo", ACTIVE:"1951 - 1954", FROM:"College - Coll. of Marin CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Barnes, Harry J.", ACTIVE:"1968 - 1968", FROM:"College - Northeastern", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Barnes, Marvin Jerome", ACTIVE:"1976 - 1979", FROM:"College - Providence", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Barnes, Matt", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Barnes, V. James (Jim, Bad News)", ACTIVE:"1964 - 1970", FROM:"College - Cameron; Texas-El Paso", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Barnett, Dick", ACTIVE:"1959 - 1973", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Barnett, James Franklin (Jim)", ACTIVE:"1966 - 1976", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Barnhill, John Anthony (Rabbit)", ACTIVE:"1962 - 1968", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Barnhill, Norton", ACTIVE:"1976 - 1976", FROM:"College - Washington State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Barnhorst, Leo A. (Barney)", ACTIVE:"1949 - 1953", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Barr, John E.", ACTIVE:"1946 - 1946", FROM:"College - Penn State", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Barr, Michael J. (Mike)", ACTIVE:"1976 - 1976", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Barr, Thomas L. (Moe)", ACTIVE:"1970 - 1970", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Barrett, Andre", ACTIVE:"2007 - 2007", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Barrett, Ernie Drew", ACTIVE:"1953 - 1955", FROM:"College - Kansas State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Barron, Earl", ACTIVE:"ACTIVE", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Barros, Dana", ACTIVE:"1989 - 2003", FROM:"College - Boston College ''89", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Barry, Brent", ACTIVE:"2007 - 2008", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Cabarkapa, Zarko", ACTIVE:"2003 - 2005", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Cable, Byrum William (Barney)", ACTIVE:"1958 - 1963", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Caffey, Jason", ACTIVE:"1995 - 2002", FROM:"College - Alabama ''95", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Cage, Michael", ACTIVE:"1984 - 1999", FROM:"College - San Diego State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Calabrese, Gerald A. (Gerry)", ACTIVE:"1950 - 1951", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Calderon, Jose", ACTIVE:"ACTIVE", FROM:"From - Villanueva de la Serena, Spain", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Caldwell, Adrian", ACTIVE:"1989 - 1997", FROM:"College - Navarro Coll. TX (J.C.); Southern Methodist; Lamar", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Caldwell, James W. Jr. (Jim)", ACTIVE:"1967 - 1967", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Caldwell, Joe (Pogo)", ACTIVE:"1964 - 1969", FROM:"College - Arizona State", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Calhoun, David L. (Corky)", ACTIVE:"1972 - 1979", FROM:"College - Pennsylvania", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Calhoun, William C. (Bill)", ACTIVE:"1948 - 1954", FROM:"College - San Francisco City Coll. CA (J.C.)", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Calip, Demetrius", ACTIVE:"1991 - 1991", FROM:"College - Michigan", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Callahan, Thomas Francis (Tom)", ACTIVE:"1946 - 1946", FROM:"College - Notre Dame; Rockhurst", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Calloway, Rick", ACTIVE:"1990 - 1990", FROM:"College - Indiana; Kansas", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Calverley, Ernest A. (Ernie)", ACTIVE:"1946 - 1948", FROM:"College - Rhode Island", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Calvin, Mack", ACTIVE:"1976 - 1980", FROM:"College - Long Beach City Coll. CA (J.C.); USC", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Cambridge, Dexter", ACTIVE:"1992 - 1992", FROM:"College - Lon Morris Coll. TX (J.C.); Texas", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Camby, Marcus", ACTIVE:"ACTIVE", FROM:"College - Massachusetts", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Campbell, Elden", ACTIVE:"1990 - 2004", FROM:"College - Clemson", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Campbell, Tony", ACTIVE:"1984 - 1994", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Cannon, Lawrence T. (Larry)", ACTIVE:"1973 - 1973", FROM:"College - La Salle", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Caracter, Derrick", ACTIVE:"ACTIVE", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Cardinal, Brian", ACTIVE:"ACTIVE", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Carl, Howard Hershey (Howie)", ACTIVE:"1961 - 1961", FROM:"College - Illinois; DePaul", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Carlisle, Chester G. (Chet)", ACTIVE:"1946 - 1946", FROM:"College - California", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Carlisle, Geno", ACTIVE:"2004 - 2004", FROM:"College - California '99", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Carlisle, Rick", ACTIVE:"1984 - 1989", FROM:"College - Maine; Virginia", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Carlson, Alvin Harold", ACTIVE:"1975 - 1975", FROM:"College - USC; Oregon", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Carlson, Don Vernon (Swede)", ACTIVE:"1946 - 1950", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Carney, Robert Lee (Bob)", ACTIVE:"1954 - 1954", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Carney, Rodney", ACTIVE:"2007 - 2010", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Carpenter, Robert H. (Bob)", ACTIVE:"1949 - 1950", FROM:"College - Texas A&M-Commerce", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Carr, Antoine", ACTIVE:"1984 - 1999", FROM:"College - Wichita State", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Carr, Austin George", ACTIVE:"1971 - 1980", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Carr, Chris", ACTIVE:"1995 - 2000", FROM:"College - Southern Illinois", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Carr, Cory", ACTIVE:"1998 - 1998", FROM:"College - Texas Tech", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Carr, Kenny", ACTIVE:"1977 - 1986", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Carr, M.L.", ACTIVE:"1976 - 1984", FROM:"College - Guilford", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Carrington, Robert Frederick (Bob)", ACTIVE:"1977 - 1979", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Carroll, DeMarre", ACTIVE:"2009 - 2010", FROM:"College - Missouri", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Carroll, Joe Barry", ACTIVE:"1980 - 1990", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Carroll, Matt", ACTIVE:"ACTIVE", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Carruth, Jimmy", ACTIVE:"1996 - 1996", FROM:"College - Virginia Tech", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Carter, Anthony", ACTIVE:"ACTIVE", FROM:"College - Hawaii", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Carter, Butch", ACTIVE:"1980 - 1985", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Carter, Frederick James (Fred, Mad Dog)", ACTIVE:"1969 - 1976", FROM:"College - Mount St. Mary's", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Carter, George", ACTIVE:"1967 - 1967", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Carter, Howard", ACTIVE:"1983 - 1984", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Carter, John D. (Jake)", ACTIVE:"1949 - 1949", FROM:"College - Texas A&M-Commerce", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Carter, Maurice", ACTIVE:"2003 - 2003", FROM:"College - Louisiana State ''99", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"D'Antoni, Michael Andrew (Mike)", ACTIVE:"1973 - 1976", FROM:"College - Marshall", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Dahler, Edward Jr. (Ed)", ACTIVE:"1951 - 1951", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Dailey, Quintin", ACTIVE:"1982 - 1991", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Dalembert, Samuel", ACTIVE:"ACTIVE", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Dallmar, Howard (Howie)", ACTIVE:"1946 - 1948", FROM:"College - Stanford; Pennsylvania", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Dampier, Erick", ACTIVE:"ACTIVE", FROM:"College - Mississippi State", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Dampier, Louie (Lou)", ACTIVE:"1976 - 1978", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Dandridge, Robert L. Jr. (Bob)", ACTIVE:"1969 - 1981", FROM:"College - Norfolk State", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Daniels, Antonio", ACTIVE:"ACTIVE", FROM:"College - Bowling Green", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Daniels, Erik", ACTIVE:"2004 - 2004", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Daniels, Lloyd", ACTIVE:"1992 - 1997", FROM:"College - Mount San Antonio Coll. CA (J.C.)", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Daniels, Marquis", ACTIVE:"ACTIVE", FROM:"College - Auburn", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Daniels, Mel", ACTIVE:"1976 - 1976", FROM:"College - Burlington Co. Coll. NJ (J.C.); New Mexico", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Danilovic, Sasha", ACTIVE:"1995 - 1996", FROM:"College - Serbia", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Dantley, Adrian", ACTIVE:"1976 - 1990", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Darcey, Henry J. (Pete)", ACTIVE:"1952 - 1952", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Darden, James W. (Jimmy)", ACTIVE:"1949 - 1949", FROM:"College - Wyoming; Denver", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Dare, Yinka", ACTIVE:"1994 - 1997", FROM:"College - George Washington", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Dark, Jesse L.", ACTIVE:"1974 - 1974", FROM:"College - Virginia Commonwealth", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Darrow, James K. (Jimmy)", ACTIVE:"1961 - 1961", FROM:"College - Bowling Green State", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Daugherty, Brad", ACTIVE:"1986 - 1993", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"David, Kornel", ACTIVE:"1998 - 2000", FROM:"College - Budapest AEH", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Davidson, Jermareo", ACTIVE:"2007 - 2008", FROM:"College - Alabama", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Davies, Robert Edris (Bob, Harrisburg Houdini)", ACTIVE:"1948 - 1954", FROM:"College - Franklin & Marshall; Seton Hall", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Davis, Antonio", ACTIVE:"1993 - 2005", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Davis, Aubrey D.", ACTIVE:"1946 - 1946", FROM:"College - Oklahoma Baptist", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Davis, Baron", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Davis, Ben", ACTIVE:"1996 - 1999", FROM:"College - Arizona ''96", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Davis, Brad", ACTIVE:"1977 - 1991", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Davis, Brian", ACTIVE:"1993 - 1993", FROM:"College - Duke", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Davis, Charles Lawrence (Charlie)", ACTIVE:"1971 - 1973", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Davis, Charlie E.", ACTIVE:"1981 - 1989", FROM:"College - Vanderbilt", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Davis, Dale", ACTIVE:"1991 - 2006", FROM:"College - Clemson", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Davis, Damon William (Monti)", ACTIVE:"1980 - 1980", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Davis, Dwight E. (Double D)", ACTIVE:"1972 - 1976", FROM:"College - Houston", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Davis, Ed", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Davis, Edward J. (Mickey)", ACTIVE:"1972 - 1976", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Davis, Emanual", ACTIVE:"1996 - 2002", FROM:"College - Delaware State ''91", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Davis, Glen", ACTIVE:"ACTIVE", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Davis, Harry A.", ACTIVE:"1978 - 1979", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Davis, Hubert", ACTIVE:"1992 - 2003", FROM:"College - North Carolina ''92", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Davis, James R. (Red)", ACTIVE:"1955 - 1955", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Davis, James W. (Jim)", ACTIVE:"1967 - 1974", FROM:"College - Colorado", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Davis, Johnny", ACTIVE:"1976 - 1985", FROM:"College - Dayton", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Davis, Josh", ACTIVE:"2003 - 2005", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Davis, Mark", ACTIVE:"1988 - 1988", FROM:"College - Old Dominion", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Davis, Mark", ACTIVE:"1995 - 1999", FROM:"College - Texas Tech", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Davis, Melvyn Jerome (Mel, Killer)", ACTIVE:"1973 - 1976", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Davis, Michael", ACTIVE:"1982 - 1982", FROM:"College - Mercer Co. CC NJ; Maryland", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Davis, Michael A. (Mike, Crusher)", ACTIVE:"1969 - 1972", FROM:"College - Virginia Union", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Eackles, Ledell", ACTIVE:"1988 - 1997", FROM:"College - San Jacinto Coll. TX (J.C.); New Orleans", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Eakins, James Scott (Jim, Jimbo)", ACTIVE:"1976 - 1977", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Earl, Acie", ACTIVE:"1993 - 1996", FROM:"College - Iowa", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Earle, Edwin (Ed)", ACTIVE:"1953 - 1953", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Eaton, Mark", ACTIVE:"1982 - 1992", FROM:"College - Cypress Coll. CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Eaves, Jerry", ACTIVE:"1982 - 1986", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Ebanks, Devin", ACTIVE:"ACTIVE", FROM:"College - West Virginia", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Ebben, William Edward (Bill)", ACTIVE:"1957 - 1957", FROM:"College - Detroit", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Eberhard, Allen Dean (Al)", ACTIVE:"1974 - 1977", FROM:"College - Missouri", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Ebi, Ndudi", ACTIVE:"2003 - 2004", FROM:"High School - Westbury Christian HS (TX)", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Eddie, Patrick", ACTIVE:"1991 - 1991", FROM:"College - Arkansas State; Mississippi", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Eddleman, Thomas Dwight (Dike)", ACTIVE:"1949 - 1952", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Edelin, Kenton Scott (Kent)", ACTIVE:"1984 - 1984", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Edmonson, Keith", ACTIVE:"1982 - 1983", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Edney, Tyus", ACTIVE:"1995 - 2000", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Edwards, Bill", ACTIVE:"1993 - 1993", FROM:"College - Wright State", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Edwards, Blue", ACTIVE:"1989 - 1998", FROM:"College - Louisburg; East Carolina", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Edwards, Corsley", ACTIVE:"2004 - 2004", FROM:"College - Central Connecticut State '02", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Edwards, Doug", ACTIVE:"1993 - 1995", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Edwards, Franklin", ACTIVE:"1981 - 1987", FROM:"College - Cleveland State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Edwards, James", ACTIVE:"1977 - 1995", FROM:"College - Washington", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Edwards, Jay", ACTIVE:"1989 - 1989", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Edwards, John", ACTIVE:"2004 - 2005", FROM:"College - Kent State", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Edwards, Kevin", ACTIVE:"1988 - 2000", FROM:"College - Lakeland CC OH; DePaul", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Egan, John Francis (Johnny)", ACTIVE:"1961 - 1971", FROM:"College - Providence", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Eggleston, Lonnie J.", ACTIVE:"1948 - 1948", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Ehlers, Edwin S. (Eddie, Bulbs)", ACTIVE:"1947 - 1948", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Ehlo, Craig", ACTIVE:"1983 - 1996", FROM:"College - Odessa Coll. TX (J.C.); Washington State", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Eichhorst, Richard A. (Dick)", ACTIVE:"1961 - 1961", FROM:"College - Southeast Missouri State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Eisley, Howard", ACTIVE:"1994 - 2005", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Ekezie, Obinna", ACTIVE:"1999 - 2004", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"El-Amin, Khalid", ACTIVE:"2000 - 2000", FROM:"College - Connecticut ''01", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Eliason, Donald Carlton (Don)", ACTIVE:"1946 - 1946", FROM:"College - Hamline", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Elie, Mario", ACTIVE:"1990 - 2000", FROM:"College - American International", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Ellefson, E. Ray (Ray)", ACTIVE:"1948 - 1950", FROM:"College - Oklahoma State; Colorado; West Texas A&M", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Ellington, Wayne", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Elliott, Robert Alan (Bob)", ACTIVE:"1978 - 1980", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Elliott, Sean", ACTIVE:"1989 - 2000", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Ellis, Alexander (Boo)", ACTIVE:"1958 - 1959", FROM:"College - Niagara", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Ellis, Dale", ACTIVE:"1983 - 1999", FROM:"College - Tennessee", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Ellis, Harold", ACTIVE:"1993 - 1997", FROM:"College - Morehouse", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Ellis, Joe", ACTIVE:"1966 - 1973", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Ellis, LaPhonso", ACTIVE:"1992 - 2002", FROM:"College - Notre Dame ''92", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Ellis, LeRon", ACTIVE:"1991 - 1995", FROM:"College - Kentucky; Syracuse", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Ellis, Leroy", ACTIVE:"1962 - 1975", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Ellis, Maurice H. (Bo)", ACTIVE:"1977 - 1979", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Ellis, Monta", ACTIVE:"ACTIVE", FROM:"High School - Lanier HS (Jackson, MS)", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Ellison, Pervis", ACTIVE:"1989 - 2000", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Elmore, Len", ACTIVE:"1976 - 1983", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Elson, Francisco", ACTIVE:"ACTIVE", FROM:"College - California", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Fabel, Joseph (Joe)", ACTIVE:"1946 - 1946", FROM:"College - Pittsburgh", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Fairchild, John Russell", ACTIVE:"1965 - 1965", FROM:"College - Palomar Coll. CA (J.C.); Brigham Young", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Farbman, Philip M. (Phil)", ACTIVE:"1948 - 1948", FROM:"College - CCNY; Brooklyn College", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Farley, Richard L. (Dick)", ACTIVE:"1954 - 1958", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Farmar, Jordan", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Farmer, Desmon", ACTIVE:"2006 - 2008", FROM:"College - USC", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Farmer, Don Michael (Mike)", ACTIVE:"1958 - 1965", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Farmer, Jim", ACTIVE:"1987 - 1993", FROM:"College - Alabama", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Farmer, Tony", ACTIVE:"1997 - 1999", FROM:"College - Nebraska", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Faught, Robert Edward (Bob)", ACTIVE:"1946 - 1946", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Favors, Derrick", ACTIVE:"ACTIVE", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Fazekas, Nick", ACTIVE:"2007 - 2007", FROM:"College - Nevada-Reno", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Fedor, Samuel David (Dave)", ACTIVE:"1962 - 1962", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Feerick, Robert Joseph (Bob)", ACTIVE:"1946 - 1949", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Feher, Raymond G. (Butch)", ACTIVE:"1976 - 1976", FROM:"College - Vanderbilt", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Feick, Jamie", ACTIVE:"1996 - 2000", FROM:"College - Michigan State ''96", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Feiereisel, Ronald E. (Ron)", ACTIVE:"1955 - 1955", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Feigenbaum, George", ACTIVE:"1949 - 1952", FROM:"College - Long Island University; Kentucky", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Feitl, Dave", ACTIVE:"1986 - 1991", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Felix, Noel", ACTIVE:"2005 - 2005", FROM:"College - Fresno State", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Felix, Ray", ACTIVE:"1953 - 1961", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Felton, Raymond", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Fendley, John Phillip (Jake)", ACTIVE:"1951 - 1952", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Fenley, William Warren (Bill)", ACTIVE:"1946 - 1946", FROM:"College - Manhattan", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Ferguson, Desmond", ACTIVE:"2003 - 2003", FROM:"College - Detroit", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Fernandez, Rudy", ACTIVE:"ACTIVE", FROM:"From - Palma de Mallorca, Spain", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Fernsten, Eric", ACTIVE:"1975 - 1983", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Ferrari, Albert R. (Al)", ACTIVE:"1955 - 1962", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Ferreira, Rolando", ACTIVE:"1988 - 1988", FROM:"College - Houston", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Ferrell, Duane", ACTIVE:"1988 - 1998", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Ferrin, C. Arnold Jr. (Arnie)", ACTIVE:"1948 - 1950", FROM:"College - Utah", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Ferry, Danny", ACTIVE:"1990 - 2002", FROM:"College - Duke ''89", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Ferry, Robert Dean (Bob)", ACTIVE:"1959 - 1968", FROM:"College - St. Louis", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Fesenko, Kyrylo", ACTIVE:"ACTIVE", FROM:"From - Dnepropetrovsk, Ukraine", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Fields, Kenny", ACTIVE:"1984 - 1987", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Fields, Landry", ACTIVE:"ACTIVE", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Filipek, Ronald Stanley (Ron)", ACTIVE:"1967 - 1967", FROM:"College - Tennessee Tech", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Fillmore, Gregory Paul (Greg)", ACTIVE:"1970 - 1971", FROM:"College - Iowa Central CC; Cheyney", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Finkel, Henry J. (Hank)", ACTIVE:"1966 - 1974", FROM:"College - St. Peter's; Dayton", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Finley, Michael", ACTIVE:"2007 - 2009", FROM:"College - Wisconsin", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Finn, Daniel Lawrence Jr. (Danny)", ACTIVE:"1952 - 1954", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Fish, Matt", ACTIVE:"1994 - 1996", FROM:"College - Wilmington", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Fisher, Derek", ACTIVE:"ACTIVE", FROM:"College - Arkansas-Little Rock", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Fitch, Gerald", ACTIVE:"2005 - 2005", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Fitzgerald, Richard (Dick)", ACTIVE:"1946 - 1947", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Fitzgerald, Robert (Bob)", ACTIVE:"1946 - 1948", FROM:"College - Fordham", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Fizer, Marcus", ACTIVE:"2000 - 2005", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Fleishman, Jerome (Jerry)", ACTIVE:"1946 - 1952", FROM:"College - N.Y.U.; Long Island University", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Fleming, Albert Jr. (Al)", ACTIVE:"1977 - 1977", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Fleming, Edward R. (Ed)", ACTIVE:"1955 - 1959", FROM:"College - Niagara", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Gabor, William A. (Billy, The Human Projectile)", ACTIVE:"1949 - 1954", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Gadzuric, Dan", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Gai, Deng", ACTIVE:"2005 - 2005", FROM:"College - Fairfield", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Gainer, Elmer R.", ACTIVE:"1947 - 1949", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Gaines, Corey", ACTIVE:"1988 - 1994", FROM:"College - UCLA; Loyola Marymount", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Gaines, Reece", ACTIVE:"2003 - 2005", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Gaines, Sundiata", ACTIVE:"ACTIVE", FROM:"College - Georgia", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Gale, Mike", ACTIVE:"1976 - 1981", FROM:"College - Elizabeth City State", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Gallagher, Chad", ACTIVE:"1993 - 1993", FROM:"College - Creighton", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Gallatin, Harry", ACTIVE:"1948 - 1957", FROM:"College - Northeast Missouri State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Gallinari, Danilo", ACTIVE:"ACTIVE", FROM:"From - Milan, Italy", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Gambee, Dave", ACTIVE:"1958 - 1969", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Gamble, Kevin", ACTIVE:"1987 - 1996", FROM:"College - Lincoln Trail IL (J.C.); Iowa", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Gantt, Robert M. Jr. (Bob)", ACTIVE:"1946 - 1946", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Garbajosa, Jorge", ACTIVE:"2007 - 2007", FROM:"From - Spain", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Garces, Ruben", ACTIVE:"2000 - 2000", FROM:"College - Providence", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Garcia, Alex", ACTIVE:"2003 - 2004", FROM:"From - Brazil", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Garcia, Francisco", ACTIVE:"ACTIVE", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Gardner, Earl Baker (Red)", ACTIVE:"1948 - 1948", FROM:"College - Wabash; DePauw", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Gardner, Thomas", ACTIVE:"2007 - 2008", FROM:"College - Missouri", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Gardner, Vern B.", ACTIVE:"1949 - 1951", FROM:"College - Wyoming; Utah", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Garfinkel, Jack (Dutch)", ACTIVE:"1946 - 1948", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Garland, Gary J.", ACTIVE:"1979 - 1979", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Garland, Winston", ACTIVE:"1987 - 1994", FROM:"College - Southeastern CC IA; Southwest Missouri State", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Garmaker, Richard Eugene (Dick)", ACTIVE:"1955 - 1960", FROM:"College - Hibbing CC MN; Minnesota", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Garner, Chris", ACTIVE:"1997 - 2000", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Garnett, Bill", ACTIVE:"1982 - 1985", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Garnett, Kevin", ACTIVE:"ACTIVE", FROM:"High School - Farragut Academy HS (IL)", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Garnett, Marlon", ACTIVE:"1998 - 1998", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Garrett, Calvin", ACTIVE:"1980 - 1983", FROM:"College - Austin Peay State; Oral Roberts", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Garrett, Dean", ACTIVE:"1996 - 2001", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Garrett, Eldo (Dick)", ACTIVE:"1969 - 1973", FROM:"College - Southern Illinois", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Garrett, Rowland G.", ACTIVE:"1972 - 1976", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Garrick, Tom", ACTIVE:"1988 - 1991", FROM:"College - Rhode Island", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Garris, John", ACTIVE:"1983 - 1983", FROM:"College - Michigan; Boston College", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Garris, Kiwane", ACTIVE:"1997 - 1999", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Garrity, Pat", ACTIVE:"2007 - 2007", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Garvin, James D. (Jim)", ACTIVE:"1973 - 1973", FROM:"College - Boston U.", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Gasol, Marc", ACTIVE:"ACTIVE", FROM:"From - Barcelona, Spain", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Gasol, Pau", ACTIVE:"ACTIVE", FROM:"From - Barcelona, Spain", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Gates, Ben Frank (Frank, Needle)", ACTIVE:"1949 - 1949", FROM:"College - Sam Houston State", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Gatling, Chris", ACTIVE:"1991 - 2001", FROM:"College - Pittsburgh; Old Dominion", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Gattison, Kenny", ACTIVE:"1986 - 1995", FROM:"College - Old Dominion", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Gay, Rudy", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Gayda, Edward C. (Ed)", ACTIVE:"1950 - 1950", FROM:"College - Washington State", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Gaze, Andrew", ACTIVE:"1993 - 1998", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Geary, Reggie", ACTIVE:"1996 - 1997", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Gee, Alonzo", ACTIVE:"ACTIVE", FROM:"College - Alabama", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Geiger, Matt", ACTIVE:"1992 - 2001", FROM:"College - Auburn; Georgia Tech", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Gelabale, Mickael", ACTIVE:"2007 - 2007", FROM:"From - France", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Hackett, Rudolph (Rudy)", ACTIVE:"1976 - 1976", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Haddadi, Hamed", ACTIVE:"ACTIVE", FROM:"From - Ahvaz, Iran", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Haffner, Scott", ACTIVE:"1989 - 1990", FROM:"College - Illinois; Evansville", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Hagan, Cliff", ACTIVE:"1956 - 1965", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Hagan, Glenn Kassabin", ACTIVE:"1981 - 1981", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Hahn, Robert B. (Bob)", ACTIVE:"1949 - 1949", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Hairston, Alan Leroy (Al)", ACTIVE:"1968 - 1969", FROM:"College - St. Clair Co. CC MI; Bowling Green State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Hairston, Happy", ACTIVE:"1964 - 1974", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Hairston, Lindsay (Spider)", ACTIVE:"1975 - 1975", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Hairston, Malik", ACTIVE:"2008 - 2009", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Haislip, Marcus", ACTIVE:"2002 - 2009", FROM:"College - Tennessee", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Halbert, Charles P. (Chuck)", ACTIVE:"1946 - 1950", FROM:"College - West Texas A&M", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Halbrook, Harvey Wade (Swede)", ACTIVE:"1960 - 1961", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Hale, William Bruce (Bruce)", ACTIVE:"1948 - 1950", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Haley, Jack", ACTIVE:"1988 - 1997", FROM:"College - Golden West Coll. CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Halimon, Shaler Jr.", ACTIVE:"1968 - 1971", FROM:"College - Imperial Valley Coll. CA (J.C.); Utah State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Hall, Mike", ACTIVE:"2006 - 2006", FROM:"College - George Washington", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Halliburton, Jeffrey (Jeff)", ACTIVE:"1971 - 1972", FROM:"College - San Jacinto Coll. TX (J.C.); Drake", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Ham, Darvin", ACTIVE:"1996 - 2004", FROM:"College - Texas Tech", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Hamer, Steve", ACTIVE:"1996 - 1996", FROM:"College - Tennessee", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Hamilton, Dale B.", ACTIVE:"1949 - 1949", FROM:"College - Franklin (Ind.)", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Hamilton, Dennis Eugene", ACTIVE:"1967 - 1968", FROM:"College - Arizona State", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Hamilton, Ralph Albert (Ham)", ACTIVE:"1948 - 1948", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Hamilton, Richard", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Hamilton, Roy Lee", ACTIVE:"1979 - 1980", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Hamilton, Steve Absher", ACTIVE:"1958 - 1959", FROM:"College - Purdue; Morehead State", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Hamilton, Tang", ACTIVE:"2001 - 2001", FROM:"College - Mississippi State ''01", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Hamilton, Thomas", ACTIVE:"1995 - 1999", FROM:"College - No College", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Hamilton, Zendon", ACTIVE:"2000 - 2005", FROM:"College - St. John's", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Hammink, Geert", ACTIVE:"1993 - 1995", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Hammonds, Tom", ACTIVE:"1989 - 2000", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Hancock, Darrin", ACTIVE:"1994 - 1996", FROM:"College - Garden City CC KS; Kansas", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Handlogten, Ben", ACTIVE:"2003 - 2004", FROM:"College - Western Michigan", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Hankins, Cecil O.", ACTIVE:"1946 - 1947", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Hankinson, Phil", ACTIVE:"1973 - 1974", FROM:"College - Pennsylvania", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Hannum, Alexander Murray (Alex)", ACTIVE:"1949 - 1956", FROM:"College - USC", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Hanrahan, Donald (Don)", ACTIVE:"1952 - 1952", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Hans, Rollen F. (Rolly)", ACTIVE:"1953 - 1954", FROM:"College - Los Angeles City Coll. CA (J.C.); Long Island University", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Hansbrough, Tyler", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Hansen, Bob", ACTIVE:"1983 - 1991", FROM:"College - Iowa", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Hansen, Glenn R.", ACTIVE:"1975 - 1977", FROM:"College - Utah State; Louisiana State", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Hansen, Lars", ACTIVE:"1978 - 1978", FROM:"College - Washington", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Hansen, Travis", ACTIVE:"2003 - 2003", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Hanson, Reggie", ACTIVE:"1997 - 1997", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Hanzlik, Bill", ACTIVE:"1980 - 1989", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Harangody, Luke", ACTIVE:"ACTIVE", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Hardaway, Anfernee", ACTIVE:"2007 - 2007", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Hardaway, Tim", ACTIVE:"1989 - 2002", FROM:"College - Texas-El Paso ''89", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Harden, James", ACTIVE:"ACTIVE", FROM:"College - Arizona State", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Harding, Reginald (Reggie)", ACTIVE:"1963 - 1967", FROM:"College - No College", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Iavaroni, Marc", ACTIVE:"1982 - 1988", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Ibaka, Serge", ACTIVE:"ACTIVE", FROM:"From - Brazzaville, Republic of Congo", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Iguodala, Andre", ACTIVE:"ACTIVE", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Ilgauskas, Zydrunas", ACTIVE:"ACTIVE", FROM:"From - Kaunas, Lithuania", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Ilic, Mile", ACTIVE:"2006 - 2006", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Ilunga-Mbenga, Didier", ACTIVE:"ACTIVE", FROM:"From - Kinshasa, DRC", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Ilyasova, Ersan", ACTIVE:"ACTIVE", FROM:"From - Eskisehir, Turkey", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Imhoff, Darrall Tucker (Big D)", ACTIVE:"1960 - 1971", FROM:"College - California", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Ingelsby, Tom", ACTIVE:"1973 - 1973", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Ingram, Joel McCoy (McCoy)", ACTIVE:"1957 - 1957", FROM:"College - Jackson State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Irvin, Byron", ACTIVE:"1989 - 1992", FROM:"College - Arkansas; Missouri", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Issel, Dan", ACTIVE:"1976 - 1984", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Iuzzolino, Mike", ACTIVE:"1991 - 1992", FROM:"College - Penn State; St. Francis (PA)", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Iverson, Allen", ACTIVE:"2007 - 2009", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Ivey, Royal", ACTIVE:"ACTIVE", FROM:"College - Texas", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Jack, Jarrett", ACTIVE:"ACTIVE", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Jackson, Alvin (Al)", ACTIVE:"1967 - 1967", FROM:"College - Wilberforce", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Jackson, Anthony Eugene (Tony)", ACTIVE:"1980 - 1980", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Jackson, Bobby", ACTIVE:"2007 - 2008", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Jackson, Cedric", ACTIVE:"2009 - 2009", FROM:"College - Cleveland State", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Jackson, Darnell", ACTIVE:"ACTIVE", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Jackson, Gregory (Greg)", ACTIVE:"1974 - 1974", FROM:"College - Guilford", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Jackson, Jaren", ACTIVE:"1989 - 2001", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Jackson, Jermaine", ACTIVE:"1999 - 2005", FROM:"College - Detroit", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Jackson, Jim", ACTIVE:"1992 - 2005", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Jackson, Lucious B. (Luke)", ACTIVE:"1964 - 1971", FROM:"College - Quincy; Texas Southern; Texas-Pan American", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Jackson, Luke", ACTIVE:"2007 - 2007", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Jackson, Marc", ACTIVE:"2000 - 2006", FROM:"College - Temple", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Jackson, Mark", ACTIVE:"1987 - 2003", FROM:"College - St. John''s (N.Y.) '87", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Jackson, Michael", ACTIVE:"1987 - 1989", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Jackson, Myron", ACTIVE:"1986 - 1986", FROM:"College - Arkansas-Little Rock", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Jackson, Philip D. (Phil, Action)", ACTIVE:"1967 - 1979", FROM:"College - North Dakota", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Jackson, Ralph A. III", ACTIVE:"1984 - 1984", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Jackson, Randell", ACTIVE:"1998 - 1999", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Jackson, Stanley", ACTIVE:"1993 - 1993", FROM:"College - Alabama-Birmingham", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Jackson, Stephen", ACTIVE:"ACTIVE", FROM:"High School - Oak Hill Academy (Mouth of Wilson, VA)", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Jackson, Tracy", ACTIVE:"1981 - 1983", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Jackson, Wardell", ACTIVE:"1974 - 1974", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Jacobs, Winfred O. (Fred)", ACTIVE:"1946 - 1946", FROM:"College - Denver", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Jacobsen, Casey", ACTIVE:"2007 - 2007", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Jacobson, Sam", ACTIVE:"1998 - 2000", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Jamerson, Dave", ACTIVE:"1990 - 1993", FROM:"College - Ohio U.", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"James, Aaron (A.J.)", ACTIVE:"1974 - 1978", FROM:"College - Grambling State", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"James, Damion", ACTIVE:"ACTIVE", FROM:"College - Texas", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"James, Harold Gene (Gene, Goose)", ACTIVE:"1948 - 1950", FROM:"College - Marshall", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"James, Henry", ACTIVE:"1990 - 1997", FROM:"College - South Plains Coll. TX (J.C.); St. Mary's (Tex.)", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"James, Jerome", ACTIVE:"2007 - 2008", FROM:"College - Florida A&M", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"James, LeBron", ACTIVE:"ACTIVE", FROM:"High School - St. Vincent-St. Mary HS (OH)", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"James, Mike", ACTIVE:"2007 - 2009", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"James, Tim", ACTIVE:"1999 - 2001", FROM:"College - Miami (Fla.) ''99", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Jamison, Antawn", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Jamison, Harold", ACTIVE:"1999 - 2001", FROM:"College - Clemson ''99", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Janisch, John Albert", ACTIVE:"1946 - 1947", FROM:"College - Valparaiso", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Janotta, Howard (Howie)", ACTIVE:"1949 - 1949", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Jaric, Marko", ACTIVE:"2007 - 2008", FROM:"From - Belgrade, Serbia", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Jaros, Anthony Joseph (Tony)", ACTIVE:"1946 - 1950", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Jasikevicius, Sarunas", ACTIVE:"2005 - 2006", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Jawai, Nathan", ACTIVE:"2008 - 2009", FROM:"From - Australia", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Jeannette, Harry Edward (Buddy)", ACTIVE:"1947 - 1949", FROM:"College - Washington & Jefferson", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Jeelani, Abdul Qadir (formerly Gary Cole)", ACTIVE:"1979 - 1980", FROM:"College - Wis.-Parkside", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Jefferies, Chris", ACTIVE:"2002 - 2003", FROM:"College - Fresno State ''03", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Jeffers, Othyus", ACTIVE:"ACTIVE", FROM:"College - Robert Morris (Ill.)", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Jefferson, Al", ACTIVE:"ACTIVE", FROM:"High School - Prentiss HS (MS)", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Jefferson, Dontell", ACTIVE:"2008 - 2008", FROM:"College - Arkansas", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Jefferson, Richard", ACTIVE:"ACTIVE", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Kachan, Edwin John (Whitey)", ACTIVE:"1948 - 1948", FROM:"College - DePaul", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Kaftan, George A. (The Golden Greek)", ACTIVE:"1948 - 1952", FROM:"College - Holy Cross", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Kalafat, Edward L. (Ed)", ACTIVE:"1954 - 1956", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Kaman, Chris", ACTIVE:"ACTIVE", FROM:"College - Central Michigan", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Kaplowitz, Ralph (Kappy)", ACTIVE:"1946 - 1947", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Kapono, Jason", ACTIVE:"ACTIVE", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Kappen, Anthony George (Tony)", ACTIVE:"1946 - 1946", FROM:"College - No College", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Karl, Coby", ACTIVE:"2007 - 2009", FROM:"College - Boise State", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Karl, George Matthew", ACTIVE:"1976 - 1977", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Kasid, Edward (Ed)", ACTIVE:"1946 - 1946", FROM:"College - No College", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Kasun, Mario", ACTIVE:"2004 - 2005", FROM:"From - Croatia", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Katkaveck, Leo Frank", ACTIVE:"1948 - 1949", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Kauffman, Robert (Bob, Horse)", ACTIVE:"1968 - 1974", FROM:"College - Guilford", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Kautz, Wilbert (Wibs)", ACTIVE:"1946 - 1946", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Kea, Clarence Leroy", ACTIVE:"1980 - 1981", FROM:"College - Lamar", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Kearns, Michael Joseph", ACTIVE:"1954 - 1954", FROM:"College - Princeton", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Kearns, Thomas Francis Jr. (Tommy)", ACTIVE:"1958 - 1958", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Keefe, Adam", ACTIVE:"1992 - 2000", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Keeling, Harold A.", ACTIVE:"1985 - 1985", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Keller, Kenneth W. (Ken)", ACTIVE:"1946 - 1946", FROM:"College - Vermont; St. John's (N.Y.)", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Kelley, Rich", ACTIVE:"1975 - 1985", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Kellogg, Clark", ACTIVE:"1982 - 1986", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Kelly, Gerard Allan (Jerry)", ACTIVE:"1946 - 1947", FROM:"College - Marshall", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Kelly, Thomas Edward (Tom)", ACTIVE:"1948 - 1948", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Kelser, Greg", ACTIVE:"1979 - 1984", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Kelso, Ben", ACTIVE:"1973 - 1973", FROM:"College - Central Michigan", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Kemp, Shawn", ACTIVE:"1989 - 2002", FROM:"High School - Concord HS (IN) ''87", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Kempton, Tim", ACTIVE:"1986 - 1997", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Kendrick, Frank Edward", ACTIVE:"1974 - 1974", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Kennedy, Eugene (Goo)", ACTIVE:"1976 - 1976", FROM:"College - Texas Christian", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Kennedy, Joseph A. (Joe)", ACTIVE:"1968 - 1969", FROM:"College - Duke", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Kennedy, William F. (Pickles)", ACTIVE:"1960 - 1960", FROM:"College - Temple", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Kenon, Larry", ACTIVE:"1976 - 1982", FROM:"College - Amarillo Coll. TX (J.C.); Memphis", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Kenville, William McGill (Billy, The Kid)", ACTIVE:"1953 - 1959", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Kerner, Jonathan", ACTIVE:"1998 - 1998", FROM:"College - East Carolina ''97", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Kerr, Johnny", ACTIVE:"1954 - 1965", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Kerr, Steve", ACTIVE:"1988 - 2002", FROM:"College - Arizona ''88", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Kerris, John E. (Jack)", ACTIVE:"1949 - 1952", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Kersey, Jerome", ACTIVE:"1984 - 2000", FROM:"College - Longwood", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Kessler, Alec", ACTIVE:"1990 - 1993", FROM:"College - Georgia", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Ketner, Lari", ACTIVE:"1999 - 2000", FROM:"College - Massachusetts", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Keys, Randolph", ACTIVE:"1988 - 1995", FROM:"College - Southern Mississippi", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Khryapa, Viktor", ACTIVE:"2007 - 2007", FROM:"From - Russia", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Kidd, Jason", ACTIVE:"ACTIVE", FROM:"College - California", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Kidd, Warren", ACTIVE:"1993 - 1993", FROM:"College - Middle Tennessee State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Kiffin, Irvin A. Jr.", ACTIVE:"1979 - 1979", FROM:"College - Virginia Union; Oklahoma Baptist", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Kiley, John F. (Jack)", ACTIVE:"1951 - 1952", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Killum, Earnest (Ernie)", ACTIVE:"1970 - 1970", FROM:"College - Stetson", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Kilpatrick, Carl", ACTIVE:"1979 - 1979", FROM:"College - Kilgore Coll. TX (J.C.); Louisiana-Monroe", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Kimball, Toby", ACTIVE:"1966 - 1974", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Lacey, Sam", ACTIVE:"1970 - 1982", FROM:"College - New Mexico State", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"LaCour, Fred", ACTIVE:"1960 - 1962", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Laettner, Christian", ACTIVE:"1992 - 2004", FROM:"College - Duke", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Lafayette, Oliver", ACTIVE:"2009 - 2009", FROM:"College - Houston", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"LaFrentz, Raef", ACTIVE:"2007 - 2007", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"LaGarde, Thomas Joseph (Tom)", ACTIVE:"1977 - 1984", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Laimbeer, Bill", ACTIVE:"1980 - 1993", FROM:"College - Owens CC OH; Notre Dame", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Lalich, Peter T. (Pete)", ACTIVE:"1946 - 1946", FROM:"College - Ohio U.", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Lamar, Dwight (Bo)", ACTIVE:"1976 - 1976", FROM:"College - Louisiana-Lafayette", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Lambert, John Edward", ACTIVE:"1975 - 1981", FROM:"College - USC", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Lamp, Jeff", ACTIVE:"1981 - 1988", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Lampe, Maciej", ACTIVE:"2003 - 2005", FROM:"From - Poland", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Lampley, Jimmy", ACTIVE:"1986 - 1986", FROM:"College - Vanderbilt; Arkansas-Little Rock", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Lampley, Sean", ACTIVE:"2002 - 2003", FROM:"College - California", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Landry, Carl", ACTIVE:"ACTIVE", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Landry, Marcus", ACTIVE:"2009 - 2009", FROM:"College - Wisconsin", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Landsberger, Mark", ACTIVE:"1977 - 1983", FROM:"College - Allan Hancock Coll. CA (J.C.); Minnesota; Arizona State", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Lane, Jerome", ACTIVE:"1988 - 1992", FROM:"College - Pittsburgh", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Lang, Andrew", ACTIVE:"1988 - 1999", FROM:"College - Arkansas", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Lang, Antonio", ACTIVE:"1994 - 1999", FROM:"College - Duke", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Lang, James", ACTIVE:"2006 - 2006", FROM:"High School - Central Park Christian HS (AL)", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Langdon, Trajan", ACTIVE:"1999 - 2001", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Langford, Keith", ACTIVE:"2007 - 2007", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Langhi, Dan", ACTIVE:"2000 - 2003", FROM:"College - Vanderbilt ''00", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Lanier, Bob", ACTIVE:"1970 - 1983", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Lantz, Stuart Burrell (Stu)", ACTIVE:"1968 - 1975", FROM:"College - Nebraska", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Larese, York Bruno", ACTIVE:"1961 - 1961", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"LaRue, Rusty", ACTIVE:"1997 - 2003", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"LaRusso, Rudolph A. (Rudy)", ACTIVE:"1959 - 1968", FROM:"College - Dartmouth", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Laskowski, John", ACTIVE:"1975 - 1976", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Lasme, Stephane", ACTIVE:"2007 - 2007", FROM:"College - Massachusetts", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Lattin, David (Dave, Big Daddy)", ACTIVE:"1967 - 1968", FROM:"College - Texas-El Paso", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Lauderdale, Priest", ACTIVE:"1996 - 1997", FROM:"College - Central State (Ohio)", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Laurel, Richard", ACTIVE:"1977 - 1977", FROM:"College - Hofstra", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Lautenbach, Walter Henry (Walt)", ACTIVE:"1949 - 1949", FROM:"College - Wisconsin", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Lavelli, Anthony (Tony)", ACTIVE:"1949 - 1950", FROM:"College - Yale", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Lavoy, Robert William (Bob)", ACTIVE:"1950 - 1953", FROM:"College - Illinois; Western Kentucky", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Law, Acie", ACTIVE:"ACTIVE", FROM:"College - Texas A&M", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Lawal, Gani", ACTIVE:"ACTIVE", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Lawrence, Edmund (Ed)", ACTIVE:"1980 - 1980", FROM:"College - McNeese State", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Lawson, Jason", ACTIVE:"1997 - 1997", FROM:"College - Villanova ''97", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Lawson, Ty", ACTIVE:"ACTIVE", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Layton, Dennis (Mo)", ACTIVE:"1971 - 1977", FROM:"College - Phoenix Coll. AZ (J.C.); USC", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Leaks, Emanuel (Manny)", ACTIVE:"1972 - 1973", FROM:"College - Niagara", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Lear, Harold C. Jr. (Hal, King)", ACTIVE:"1956 - 1956", FROM:"College - Temple", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Leavell, Allen", ACTIVE:"1979 - 1988", FROM:"College - Oklahoma City", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Lebo, Jeff", ACTIVE:"1989 - 1989", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Leckner, Eric", ACTIVE:"1988 - 1996", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Lee, Alfred (Butch)", ACTIVE:"1978 - 1979", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Lee, Clyde", ACTIVE:"1966 - 1975", FROM:"College - Vanderbilt", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Macaluso, Michael Emelius (Mike)", ACTIVE:"1973 - 1973", FROM:"College - Canisius", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Macauley, Ed", ACTIVE:"1949 - 1958", FROM:"College - St. Louis", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"MacCulloch, Todd", ACTIVE:"1999 - 2002", FROM:"College - Washington ''99", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"MacGilvray, Ronald (Ronnie)", ACTIVE:"1954 - 1954", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Macijauskas, Arvydas", ACTIVE:"2005 - 2005", FROM:"From - Lithuania", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Mack, Oliver (Ollie)", ACTIVE:"1979 - 1981", FROM:"College - San Jacinto Coll. TX (J.C.); East Carolina", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Mack, Sam", ACTIVE:"1992 - 2001", FROM:"College - Iowa State; Arizona State; Tyler JC TX; Houston", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Mackey, Malcolm", ACTIVE:"1993 - 1993", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Macklin, Rudy", ACTIVE:"1981 - 1983", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Macknowski, John Andrew (Johnny, Whitey)", ACTIVE:"1949 - 1950", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"MacLean, Don", ACTIVE:"1992 - 2000", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Macon, Mark", ACTIVE:"1991 - 1998", FROM:"College - Temple", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Macy, Kyle", ACTIVE:"1980 - 1986", FROM:"College - Purdue; Kentucky", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Maddox, Jack C.", ACTIVE:"1948 - 1948", FROM:"College - West Texas A&M", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Maddox, Tito", ACTIVE:"2002 - 2002", FROM:"College - Fresno State ''04", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Madkins, Gerald", ACTIVE:"1993 - 1997", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Madsen, Mark", ACTIVE:"2007 - 2008", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Mager, Norman Clifford (Norm)", ACTIVE:"1950 - 1950", FROM:"College - St. John's (N.Y.); CCNY", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Maggette, Corey", ACTIVE:"ACTIVE", FROM:"College - Duke", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Magley, Dave", ACTIVE:"1982 - 1982", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Magloire, Jamaal", ACTIVE:"ACTIVE", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Mahinmi, Ian", ACTIVE:"ACTIVE", FROM:"From - Rouen, France", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Mahnken, John E. (Long John; Stretch)", ACTIVE:"1946 - 1952", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Mahoney, Francis H. (Mo)", ACTIVE:"1952 - 1953", FROM:"College - Brown", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Mahorn, Rick", ACTIVE:"1980 - 1998", FROM:"College - Hampton", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Majerle, Dan", ACTIVE:"1988 - 2001", FROM:"College - Central Michigan", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Major, Renaldo", ACTIVE:"2006 - 2006", FROM:"College - Fresno State", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Malamed, Lionel", ACTIVE:"1948 - 1948", FROM:"College - CCNY", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Malone, Jeff", ACTIVE:"1983 - 1995", FROM:"College - Mississippi State", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Malone, Karl", ACTIVE:"1985 - 2003", FROM:"College - Louisiana Tech ''86", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Malone, Moses", ACTIVE:"1976 - 1994", FROM:"College - No College", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Maloney, Matt", ACTIVE:"1996 - 2002", FROM:"College - Pennsylvania", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Malovic, Stephen L.", ACTIVE:"1979 - 1979", FROM:"College - USC; San Diego State", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Manakas, Theodore (Ted)", ACTIVE:"1973 - 1973", FROM:"College - Princeton", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Mandic, John J.", ACTIVE:"1948 - 1949", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Mangiapane, Francis E. (Frank)", ACTIVE:"1946 - 1946", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Manning, Danny", ACTIVE:"1988 - 2002", FROM:"College - Kansas ''88", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Manning, Edward R. (Ed)", ACTIVE:"1967 - 1970", FROM:"College - Jackson State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Manning, Rich", ACTIVE:"1995 - 1996", FROM:"College - Syracuse; Washington", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Mannion, Pace", ACTIVE:"1983 - 1988", FROM:"College - Utah", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Mantis, Nicholas (Nick)", ACTIVE:"1959 - 1962", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Maravich, Pete", ACTIVE:"1970 - 1979", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Maravich, Peter (Press)", ACTIVE:"1946 - 1946", FROM:"College - Davis & Elkins", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Marble, Roy", ACTIVE:"1989 - 1993", FROM:"College - Iowa", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Marbury, Stephon", ACTIVE:"2007 - 2008", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Marciulionis, Sarunas", ACTIVE:"1989 - 1996", FROM:"College - Vilnius (Lithuania)", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Mariaschin, Saul George", ACTIVE:"1947 - 1947", FROM:"College - Bloomsburg; Syracuse; Harvard", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Marin, John Warren (Jack)", ACTIVE:"1966 - 1976", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Marion, Shawn", ACTIVE:"ACTIVE", FROM:"College - UNLV", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Markota, Damir", ACTIVE:"2006 - 2006", FROM:"From - Croatia", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"N'diaye, Mamadou", ACTIVE:"2000 - 2004", FROM:"College - Auburn", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Naber, Robert E. (Bob)", ACTIVE:"1952 - 1952", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Nachamkin, Boris Alexander", ACTIVE:"1954 - 1954", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Nachbar, Bostjan", ACTIVE:"2007 - 2007", FROM:"From - Slovenia", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Nagel, Gerald R. (Jerry)", ACTIVE:"1949 - 1949", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Nagy, Frederick Karl (Fritz)", ACTIVE:"1948 - 1948", FROM:"College - North Carolina; Akron", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Nailon, Lee", ACTIVE:"2000 - 2005", FROM:"College - Texas Christian", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Najera, Eduardo", ACTIVE:"ACTIVE", FROM:"College - Oklahoma", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Nance, Larry", ACTIVE:"1981 - 1993", FROM:"College - Clemson", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Napolitano, Paul Wally", ACTIVE:"1948 - 1948", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Nash, Charles Francis (Cotton)", ACTIVE:"1964 - 1964", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Nash, Robert Lee Jr. (Bob)", ACTIVE:"1972 - 1978", FROM:"College - San Jacinto Coll. TX (J.C.); Hawaii", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Nash, Steve", ACTIVE:"ACTIVE", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Nater, Swen", ACTIVE:"1976 - 1983", FROM:"College - Cypress Coll. CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Nathan, Howard", ACTIVE:"1995 - 1995", FROM:"College - Louisiana-Monroe", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Natt, Calvin", ACTIVE:"1979 - 1989", FROM:"College - Louisiana-Monroe", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Natt, Kenny", ACTIVE:"1980 - 1984", FROM:"College - Louisiana-Monroe", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Naulls, Willie", ACTIVE:"1956 - 1965", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Navarro, Juan Carlos", ACTIVE:"2007 - 2007", FROM:"From - Spain", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Ndiaye, Hamady", ACTIVE:"ACTIVE", FROM:"College - Rutgers", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Ndiaye, Makhtar", ACTIVE:"1998 - 1998", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Ndong, Boniface", ACTIVE:"2005 - 2005", FROM:"-", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Neal, Craig", ACTIVE:"1988 - 1990", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Neal, Gary", ACTIVE:"ACTIVE", FROM:"College - Towson", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Neal, James Ellerbe (Jim)", ACTIVE:"1953 - 1954", FROM:"College - Wofford", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Neal, Lloyd", ACTIVE:"1972 - 1978", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Nealy, Ed", ACTIVE:"1982 - 1992", FROM:"College - Kansas State", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Negratti, Albert Edward (Al)", ACTIVE:"1946 - 1946", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Nelson, Barry G.", ACTIVE:"1971 - 1971", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Nelson, DeMarcus", ACTIVE:"2008 - 2008", FROM:"College - Duke", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Nelson, Donald Arvid (Don, Nellie)", ACTIVE:"1962 - 1975", FROM:"College - Iowa", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Nelson, Jameer", ACTIVE:"ACTIVE", FROM:"College - Saint Joseph's", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Nelson, Louis (Louie, Sweets)", ACTIVE:"1973 - 1977", FROM:"College - Washington", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Nembhard, Ruben", ACTIVE:"1996 - 1996", FROM:"College - Weber State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Nene", ACTIVE:"ACTIVE", FROM:"From - Sao Carlos, Brazil", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Nesby, Tyrone", ACTIVE:"1998 - 2001", FROM:"College - Vincennes IN (J.C.); Nevada-Las Vegas", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Nessley, Martin", ACTIVE:"1987 - 1987", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Nesterovic, Rasho", ACTIVE:"2007 - 2009", FROM:"From - Ljubljana, Slovenia", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Neumann, Johnny", ACTIVE:"1976 - 1977", FROM:"College - Mississippi", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Neumann, Paul R.", ACTIVE:"1961 - 1966", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Nevitt, Chuck", ACTIVE:"1982 - 1993", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Newbern, Melvin", ACTIVE:"1992 - 1992", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Newbill, Ivano", ACTIVE:"1994 - 1997", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Newble, Ira", ACTIVE:"2007 - 2007", FROM:"College - Miami (Ohio)", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Newlin, Mike", ACTIVE:"1971 - 1981", FROM:"College - Utah", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Newman, Johnny", ACTIVE:"1986 - 2001", FROM:"College - Richmond", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Newmark, David L. (Dave)", ACTIVE:"1968 - 1969", FROM:"College - Columbia", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Nichols, Demetris", ACTIVE:"2007 - 2008", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Nichols, Jack Edward", ACTIVE:"1948 - 1957", FROM:"College - Washington; USC", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Nickerson, Gaylon", ACTIVE:"1996 - 1996", FROM:"College - Wichita State; Butler Co. CC PA; Kansas State; Northwestern O", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"O'Bannon, Charles", ACTIVE:"1997 - 1998", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"O'Bannon, Ed", ACTIVE:"1995 - 1996", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"O'Koren, Mike", ACTIVE:"1980 - 1987", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"O'Sullivan, Dan", ACTIVE:"1990 - 1995", FROM:"College - Fordham", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"O'Boyle, John W.", ACTIVE:"1952 - 1952", FROM:"College - Modesto JC CA; Colorado State", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"O'Brien, Ralph E. (Buckshot)", ACTIVE:"1951 - 1952", FROM:"College - Butler", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"O'Brien, Robert (Bob)", ACTIVE:"1947 - 1948", FROM:"College - Kansas; Pepperdine", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"O'Bryant, Patrick", ACTIVE:"2007 - 2009", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"O'Connell, Dermott F. (Dermie)", ACTIVE:"1948 - 1949", FROM:"College - Holy Cross", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"O'Donnell, Andrew J. (Andy)", ACTIVE:"1949 - 1949", FROM:"College - Loyola (Balt.)", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"O'Grady, Francis David (Buddy)", ACTIVE:"1946 - 1948", FROM:"College - Georgetown", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"O'Keefe, Richard T. (Dick)", ACTIVE:"1947 - 1950", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"O'Keefe, Thomas V. (Tommy)", ACTIVE:"1950 - 1950", FROM:"College - Notre Dame; Georgetown", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"O'Malley, V. Grady (Grady)", ACTIVE:"1969 - 1969", FROM:"College - Manhattan", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"O'Neal, Jermaine", ACTIVE:"ACTIVE", FROM:"High School - Eau Claire HS (SC)", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"O'Neal, Shaquille", ACTIVE:"2007 - 2010", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"O'Neill, Mike", ACTIVE:"1952 - 1952", FROM:"College - California", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"O'Shea, Kevin Christopher", ACTIVE:"1950 - 1952", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"O'Shields, Garland L. (Mule)", ACTIVE:"1946 - 1946", FROM:"College - Spartanburg Tech SC (J.C.); Tennessee", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Oakley, Charles", ACTIVE:"1985 - 2003", FROM:"College - Virginia Union ''85", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Oberto, Fabricio", ACTIVE:"2007 - 2010", FROM:"From - Las Varillas, Argentina", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Oden, Greg", ACTIVE:"ACTIVE", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Odom, Lamar", ACTIVE:"ACTIVE", FROM:"College - Rhode Island", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Ogden, Carlos (Bud)", ACTIVE:"1969 - 1970", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Ogden, Ralph", ACTIVE:"1970 - 1970", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Ogg, Alan", ACTIVE:"1990 - 1992", FROM:"College - Alabama-Birmingham", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Ohl, Donald Jay (Don)", ACTIVE:"1960 - 1969", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Okafor, Emeka", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Okur, Mehmet", ACTIVE:"ACTIVE", FROM:"From - Yalova, Turkey", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Olajuwon, Hakeem", ACTIVE:"1984 - 2001", FROM:"College - Houston ''84", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Olberding, Mark", ACTIVE:"1976 - 1986", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Oldham, Jawann", ACTIVE:"1980 - 1990", FROM:"College - Seattle", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Oldham, John O. (Johnny)", ACTIVE:"1949 - 1950", FROM:"College - Western Kentucky", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Oleynick, Frank (Magic)", ACTIVE:"1975 - 1976", FROM:"College - Seattle", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Olive, John", ACTIVE:"1978 - 1979", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Oliver, Brian", ACTIVE:"1990 - 1997", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Oliver, Dean", ACTIVE:"2001 - 2002", FROM:"College - Iowa ''01", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Oliver, Jimmy", ACTIVE:"1991 - 1998", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Ollie, Kevin", ACTIVE:"2007 - 2009", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Ollrich, Gene W. (Moe)", ACTIVE:"1949 - 1949", FROM:"College - Drake", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Olowokandi, Michael", ACTIVE:"1998 - 2006", FROM:"College - U. of Pacific", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Olsen, Enoch Eli III (Bud)", ACTIVE:"1962 - 1968", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Orms, Barry D.", ACTIVE:"1968 - 1968", FROM:"College - St. Louis", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Orr, John M. (Johnny)", ACTIVE:"1949 - 1949", FROM:"College - Beloit; Illinois", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Orr, Louis", ACTIVE:"1980 - 1987", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Ortiz, Jose", ACTIVE:"1988 - 1989", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Osborne, Charles H. (Chuck)", ACTIVE:"1961 - 1961", FROM:"College - Western Kentucky", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Osterkorn, Walter Raymond (Wally)", ACTIVE:"1951 - 1954", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Ostertag, Greg", ACTIVE:"1995 - 2005", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Othick, Matt", ACTIVE:"1992 - 1992", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Pace, Joseph (Joe)", ACTIVE:"1976 - 1977", FROM:"College - Maryland East. Shore; Coppin State", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Pachulia, Zaza", ACTIVE:"ACTIVE", FROM:"From - Tbilisi, Georgia", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Pack, Robert", ACTIVE:"1991 - 2003", FROM:"College - USC", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Paddio, Gerald", ACTIVE:"1990 - 1993", FROM:"College - Seminole JC OK; Kilgore Coll. TX (J.C.); Nevada-Las Vegas", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Padgett, Scott", ACTIVE:"1999 - 2006", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Paine, Frederick Vincent Jr. (Fred)", ACTIVE:"1948 - 1948", FROM:"College - Westminster (PA)", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Palacio, Milt", ACTIVE:"1999 - 2005", FROM:"College - Colorado State", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Palazzi, Togo Anthony", ACTIVE:"1954 - 1959", FROM:"College - Holy Cross", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Palmer, James G. (Jim)", ACTIVE:"1958 - 1960", FROM:"College - Dayton", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Palmer, John S. (Bud)", ACTIVE:"1946 - 1948", FROM:"College - Princeton", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Palmer, Walter", ACTIVE:"1990 - 1992", FROM:"College - Dartmouth", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Panko, Andy", ACTIVE:"2000 - 2000", FROM:"College - Lebanon Valley", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Pargo, Jannero", ACTIVE:"ACTIVE", FROM:"College - Arkansas", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Parham, Estes Foster (Easy)", ACTIVE:"1948 - 1950", FROM:"College - Texas Wesleyan", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Parish, Robert", ACTIVE:"1976 - 1996", FROM:"College - Centenary", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Park, Medford R. (Med)", ACTIVE:"1955 - 1959", FROM:"College - Missouri", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Parker, Anthony", ACTIVE:"ACTIVE", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Parker, Robert S. Jr. (Sonny)", ACTIVE:"1976 - 1981", FROM:"College - Mineral Area Coll. MO (J.C.); Texas A&M", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Parker, Smush", ACTIVE:"2007 - 2007", FROM:"College - Fordham", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Parker, Tony", ACTIVE:"ACTIVE", FROM:"From - Paris, France", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Parkinson, Jack Gordon", ACTIVE:"1949 - 1949", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Parks, Cherokee", ACTIVE:"1995 - 2003", FROM:"College - Duke ''95", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Parr, Jack", ACTIVE:"1958 - 1958", FROM:"College - Kansas State", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Parrack, Doyle Kenneth", ACTIVE:"1946 - 1946", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Parsley, Charles H. (Charlie)", ACTIVE:"1949 - 1949", FROM:"College - Western Kentucky", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Paspalj, Zarko", ACTIVE:"1989 - 1989", FROM:"College - No College", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Passaglia, Martin Harold (Marty)", ACTIVE:"1946 - 1948", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Pastushok, George A.", ACTIVE:"1946 - 1946", FROM:"College - Manhattan; St. John's (N.Y.)", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Patrick, Myles", ACTIVE:"1980 - 1980", FROM:"College - Auburn", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Patrick, Stanley A. (Stan)", ACTIVE:"1949 - 1949", FROM:"College - Santa Clara; Illinois", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Patterson, Andrae", ACTIVE:"1998 - 1999", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Patterson, George", ACTIVE:"1967 - 1967", FROM:"College - Toledo", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Patterson, Patrick", ACTIVE:"ACTIVE", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Patterson, Ruben", ACTIVE:"2007 - 2007", FROM:"College - Cincinnati", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Patterson, Steven J. (Steve)", ACTIVE:"1971 - 1975", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Patterson, Tommie J. (Tommy)", ACTIVE:"1972 - 1973", FROM:"College - Ouachita Baptist", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Patterson, Worthington R. (Worthy)", ACTIVE:"1957 - 1957", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Paul, Chris", ACTIVE:"ACTIVE", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Paulk, Charles (Charlie)", ACTIVE:"1968 - 1971", FROM:"College - Tulsa; Northeastern State (Okla.)", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Paulson, Gerald Arthur (Jerry)", ACTIVE:"1957 - 1957", FROM:"College - Manhattan", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Paultz, Billy", ACTIVE:"1976 - 1984", FROM:"College - Cameron; St. John's (N.Y.)", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Pavlovic, Aleksandar", ACTIVE:"ACTIVE", FROM:"From - Bar, Montenegro", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Paxson, James Edward Sr. (Jim)", ACTIVE:"1956 - 1957", FROM:"College - Dayton", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Paxson, Jim", ACTIVE:"1979 - 1989", FROM:"College - Dayton", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Paxson, John", ACTIVE:"1983 - 1993", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Payak, John Jr. (Johnny)", ACTIVE:"1949 - 1952", FROM:"College - Bowling Green State", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Payne, Kenny", ACTIVE:"1989 - 1992", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Payne, Tom", ACTIVE:"1971 - 1971", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Payton, Gary", ACTIVE:"1990 - 2006", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Payton, Melvin E. (Mel)", ACTIVE:"1951 - 1952", FROM:"College - Tulane", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Quick, Robert L. (Bob)", ACTIVE:"1968 - 1971", FROM:"College - Xavier (Ohio)", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Quinn, Chris", ACTIVE:"ACTIVE", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Quinnett, Brian", ACTIVE:"1989 - 1991", FROM:"College - Washington State", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Rackley, Luther Jr. (Luke)", ACTIVE:"1969 - 1973", FROM:"College - Xavier (Ohio)", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Rader, Howard (Howie)", ACTIVE:"1948 - 1948", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Radford, Mark", ACTIVE:"1981 - 1982", FROM:"College - Oregon State", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Radford, Wayne", ACTIVE:"1978 - 1978", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Radja, Dino", ACTIVE:"1993 - 1996", FROM:"College - Croatia", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Radmanovic, Vladimir", ACTIVE:"ACTIVE", FROM:"From - Belgrade, Serbia", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Radojevic, Aleksandar", ACTIVE:"1999 - 2004", FROM:"From - Serbia-Montenegro", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Radovich, Frank Raymond", ACTIVE:"1961 - 1961", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Radovich, George Lewis (Moe)", ACTIVE:"1952 - 1952", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Radziszewski, Raymond A. (Ray)", ACTIVE:"1957 - 1957", FROM:"College - St. Joseph's (PA)", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Ragelis, Raymond Ernest (Ray)", ACTIVE:"1951 - 1951", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Raiken, Sherwin H.", ACTIVE:"1952 - 1952", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Rains, Ed", ACTIVE:"1981 - 1982", FROM:"College - South Alabama", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Rakocevic, Igor", ACTIVE:"2002 - 2002", FROM:"College - No College", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Rambis, Kurt", ACTIVE:"1981 - 1994", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Ramos, Peter", ACTIVE:"2004 - 2004", FROM:"From - Puerto Rico", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Ramsey, Calvin (Cal)", ACTIVE:"1959 - 1960", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Ramsey, Frank", ACTIVE:"1954 - 1963", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Ramsey, Raymond Leroy (Ray)", ACTIVE:"1948 - 1948", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Randall, Mark", ACTIVE:"1991 - 1994", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Randolph, Anthony", ACTIVE:"ACTIVE", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Randolph, Shavlik", ACTIVE:"2007 - 2009", FROM:"College - Duke", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Randolph, Zach", ACTIVE:"ACTIVE", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Rank, Wallace Aliifua (Wally)", ACTIVE:"1980 - 1980", FROM:"College - San Jose State", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Ransey, Kelvin", ACTIVE:"1980 - 1985", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Ranzino, Samuel Salvadore (Sam)", ACTIVE:"1951 - 1951", FROM:"College - North Carolina State", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Rasmussen, Blair", ACTIVE:"1985 - 1992", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Ratkovicz, George", ACTIVE:"1949 - 1954", FROM:"College - No College", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Ratleff, Ed", ACTIVE:"1973 - 1977", FROM:"College - Long Beach State", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Ratliff, Michael D. (Mike)", ACTIVE:"1972 - 1973", FROM:"College - Wis.-Eau Claire", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Ratliff, Theo", ACTIVE:"ACTIVE", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Rautins, Andy", ACTIVE:"ACTIVE", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Rautins, Leo", ACTIVE:"1983 - 1984", FROM:"College - Minnesota; Syracuse", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Ray, Allan", ACTIVE:"2006 - 2006", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Ray, Clifford", ACTIVE:"1971 - 1980", FROM:"College - Oklahoma", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Ray, Donald L. (Don, Duck)", ACTIVE:"1949 - 1949", FROM:"College - Western Kentucky", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Ray, James E. (Jim)", ACTIVE:"1956 - 1959", FROM:"College - Toledo", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Ray, James Earl", ACTIVE:"1980 - 1982", FROM:"College - Jacksonville", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Raymond, Craig Milford", ACTIVE:"1968 - 1968", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Rea, Connie Mack", ACTIVE:"1953 - 1953", FROM:"College - Centenary; Vanderbilt", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Reaves, Joe L.", ACTIVE:"1973 - 1973", FROM:"College - Bethel College (Tenn.)", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Rebraca, Zeljko", ACTIVE:"2001 - 2005", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Recasner, Eldridge", ACTIVE:"1994 - 2001", FROM:"College - Washington", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Redd, Michael", ACTIVE:"ACTIVE", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Reddout, Franklin P. (Frank)", ACTIVE:"1953 - 1953", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Redick, J.J.", ACTIVE:"ACTIVE", FROM:"College - Duke", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Redmond, Marlon Bernard", ACTIVE:"1978 - 1979", FROM:"College - San Francisco", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Reed, Hubert F. (Hub)", ACTIVE:"1958 - 1964", FROM:"College - Oklahoma City", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Reed, Justin", ACTIVE:"2004 - 2006", FROM:"College - Mississippi", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Reed, Ronald Lee (Ron)", ACTIVE:"1965 - 1966", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Sabonis, Arvydas", ACTIVE:"1995 - 2002", FROM:"From - Lithuania", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Sadowski, Edward Frank (Ed, Big Ed)", ACTIVE:"1946 - 1949", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Sailors, Kenneth L. (Kenny)", ACTIVE:"1946 - 1950", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Salley, John", ACTIVE:"1986 - 1999", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Salmons, John", ACTIVE:"ACTIVE", FROM:"College - Miami (Fla.)", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Salvadori, Kevin", ACTIVE:"1996 - 1997", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Samake, Soumaila", ACTIVE:"2000 - 2002", FROM:"From - Republic of Mali", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Samb, Cheikh", ACTIVE:"2007 - 2008", FROM:"From - Senegal", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Sampson, Jamal", ACTIVE:"2002 - 2006", FROM:"College - California", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Sampson, Ralph", ACTIVE:"1983 - 1991", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Samuels, Samardo", ACTIVE:"ACTIVE", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Sanchez, Pepe", ACTIVE:"2000 - 2002", FROM:"College - Temple ''00", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Sanders, Frankie J. (Frankie J.)", ACTIVE:"1978 - 1980", FROM:"College - Southern University", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Sanders, Jeff", ACTIVE:"1989 - 1992", FROM:"College - Georgia Southern", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Sanders, Larry", ACTIVE:"ACTIVE", FROM:"College - Virginia Commonwealth", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Sanders, Melvin", ACTIVE:"2005 - 2005", FROM:"College - Oklahoma State", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Sanders, Mike", ACTIVE:"1982 - 1992", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Sanders, Thomas Ernest (Satch)", ACTIVE:"1960 - 1972", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Santiago, Daniel", ACTIVE:"2000 - 2004", FROM:"College - St. Vincent", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Santini, Robert (Bob)", ACTIVE:"1955 - 1955", FROM:"College - Iona", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Sappleton, Wayne B.", ACTIVE:"1984 - 1984", FROM:"College - Loyola (Chicago)", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Sasser, Jason", ACTIVE:"1996 - 1998", FROM:"College - Texas Tech ''96", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Sasser, Jeryl", ACTIVE:"2001 - 2002", FROM:"College - Southern Methodist ''01", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Satterfield, Kenny", ACTIVE:"2001 - 2002", FROM:"College - Cincinnati ''03", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Saul, Frank Benjamin Jr. (Pep)", ACTIVE:"1949 - 1954", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Sauldsberry, Woodrow Jr. (Woody)", ACTIVE:"1957 - 1965", FROM:"College - Texas Southern", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Saunders, James Frederick (Fred)", ACTIVE:"1974 - 1977", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Savage, Donald Joseph (Don)", ACTIVE:"1951 - 1956", FROM:"College - Le Moyne", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Savovic, Predrag", ACTIVE:"2002 - 2002", FROM:"College - Hawaii ''02", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Sawyer, Alan Leigh", ACTIVE:"1950 - 1950", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Scalabrine, Brian", ACTIVE:"ACTIVE", FROM:"College - USC", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Scales, Alex", ACTIVE:"2005 - 2005", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Scales, DeWayne", ACTIVE:"1980 - 1983", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Schade, Frank", ACTIVE:"1972 - 1972", FROM:"College - Wis.-Eau Claire; Texas-El Paso", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Schadler, Bernard R. (Ben)", ACTIVE:"1947 - 1947", FROM:"College - Northwestern", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Schaefer, Herman H. (Herm)", ACTIVE:"1948 - 1949", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Schafer, Robert Thomas (Bob)", ACTIVE:"1955 - 1955", FROM:"College - Villanova", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Scharnus, Benedict Michael (Ben, Whitey)", ACTIVE:"1946 - 1948", FROM:"College - Seton Hall", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Schatzman, Marvin J. (Marv)", ACTIVE:"1949 - 1949", FROM:"College - St. Louis", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Schaus, Frederick Appleton (Fred)", ACTIVE:"1949 - 1953", FROM:"College - West Virginia", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Schayes, Danny", ACTIVE:"1981 - 1998", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Schayes, Dolph", ACTIVE:"1949 - 1963", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Schectman, Oscar B. (Ossie)", ACTIVE:"1946 - 1946", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Scheffler, Steve", ACTIVE:"1990 - 1996", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Scheffler, Thomas Mark (Tom)", ACTIVE:"1984 - 1984", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Schellhase, David Gene Jr. (Dave)", ACTIVE:"1966 - 1967", FROM:"College - Purdue", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Schenscher, Luke", ACTIVE:"2005 - 2006", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Scherer, Herbert Frederick (Herb)", ACTIVE:"1950 - 1951", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Schintzius, Dwayne", ACTIVE:"1990 - 1998", FROM:"College - Florida", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Schlueter, Dale Wayne", ACTIVE:"1968 - 1977", FROM:"College - Colorado State", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Tabak, Zan", ACTIVE:"1994 - 2000", FROM:"College - No College", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Tabuse, Yuta", ACTIVE:"2004 - 2004", FROM:"College - BYU-Hawaii", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Taft, Chris", ACTIVE:"2005 - 2005", FROM:"College - Pittsburgh", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Tannenbaum, Sidney (Sid)", ACTIVE:"1947 - 1948", FROM:"College - N.Y.U.", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Tarlac, Dragan", ACTIVE:"2000 - 2000", FROM:"College - Olympiakos (Greece)", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Tarpley, Roy", ACTIVE:"1986 - 1994", FROM:"College - Michigan", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Tatum, William Earl (Earl)", ACTIVE:"1976 - 1979", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Taylor, Anthony", ACTIVE:"1988 - 1988", FROM:"College - Oregon", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Taylor, Brian Dw.", ACTIVE:"1976 - 1981", FROM:"College - Princeton", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Taylor, Donell", ACTIVE:"2005 - 2006", FROM:"College - Alabama-Birmingham", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Taylor, Fredrick Ollie (Fred)", ACTIVE:"1970 - 1971", FROM:"College - Texas-Pan American", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Taylor, Jay", ACTIVE:"1989 - 1989", FROM:"College - Eastern Illinois", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Taylor, Jeff", ACTIVE:"1982 - 1986", FROM:"College - Texas Tech", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Taylor, Jermaine", ACTIVE:"2009 - 2010", FROM:"College - Central Florida", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Taylor, Johnny", ACTIVE:"1997 - 1999", FROM:"College - Knoxville; Indian Hills CC IA; Tennessee-Chattanooga", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Taylor, Leonard", ACTIVE:"1989 - 1989", FROM:"College - California", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Taylor, Maurice", ACTIVE:"1997 - 2006", FROM:"College - Michigan", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Taylor, Mike", ACTIVE:"2008 - 2008", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Taylor, Roland Morris (Fatty)", ACTIVE:"1976 - 1976", FROM:"College - Edison CC FL; La Salle", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Taylor, Vince", ACTIVE:"1982 - 1982", FROM:"College - Duke", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Teagle, Terry", ACTIVE:"1982 - 1992", FROM:"College - Baylor", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Teague, Jeff", ACTIVE:"ACTIVE", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Telfair, Sebastian", ACTIVE:"ACTIVE", FROM:"High School - Abraham Lincoln HS (Brooklyn, NY)", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Temple, Garrett", ACTIVE:"ACTIVE", FROM:"College - Louisiana State", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Terrell, Ira Edmondson", ACTIVE:"1976 - 1978", FROM:"College - Southern Methodist", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Terry, Allen Charles (Chuck)", ACTIVE:"1972 - 1976", FROM:"College - Long Beach State", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Terry, Carlos", ACTIVE:"1980 - 1982", FROM:"College - Winston-Salem State", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Terry, Claude Lewis", ACTIVE:"1976 - 1977", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Terry, Jason", ACTIVE:"ACTIVE", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Thabeet, Hasheem", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Thacker, Thomas Porter (Tom, Tack)", ACTIVE:"1963 - 1967", FROM:"College - Cincinnati", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Theus, Reggie", ACTIVE:"1978 - 1990", FROM:"College - Nevada-Las Vegas", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Thibeaux, Peter C.", ACTIVE:"1984 - 1985", FROM:"College - St. Mary's (CA)", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Thieben, William Bernard (Bill)", ACTIVE:"1956 - 1957", FROM:"College - Hofstra", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Thigpen, Justus", ACTIVE:"1972 - 1973", FROM:"College - Charles Stewart Mott CC MI; Weber State", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Thirdkill, David", ACTIVE:"1982 - 1986", FROM:"College - Coll. of Southern Idaho (J.C.); Bradley", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Thomas, Billy", ACTIVE:"2007 - 2007", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Thomas, Carl", ACTIVE:"1991 - 1997", FROM:"College - Eastern Michigan", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Thomas, Charles", ACTIVE:"1991 - 1991", FROM:"College - Eastern Michigan", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Thomas, Etan", ACTIVE:"ACTIVE", FROM:"College - Syracuse", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Thomas, Irving", ACTIVE:"1990 - 1990", FROM:"College - Kentucky; Florida State", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Thomas, Isiah", ACTIVE:"1981 - 1993", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Thomas, Jamel", ACTIVE:"1999 - 2000", FROM:"College - Providence", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Thomas, Jamel", ACTIVE:"1999 - 2000", FROM:"College - Providence", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Thomas, James", ACTIVE:"2004 - 2005", FROM:"College - Texas", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Thomas, Jim", ACTIVE:"1983 - 1990", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Thomas, John", ACTIVE:"1997 - 2005", FROM:"College - Minnesota", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Thomas, Joseph Randle (Joe)", ACTIVE:"1970 - 1970", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Thomas, Kenny", ACTIVE:"2007 - 2009", FROM:"College - New Mexico", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Thomas, Kurt", ACTIVE:"ACTIVE", FROM:"College - Texas Christian", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Udoh, Ekpe", ACTIVE:"ACTIVE", FROM:"College - Baylor", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Udoka, Ime", ACTIVE:"2007 - 2010", FROM:"College - Portland State", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Udrih, Beno", ACTIVE:"ACTIVE", FROM:"From - Sempeter, Slovenia", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Ukic, Roko", ACTIVE:"2008 - 2009", FROM:"From - Split, Croatia", TEAM_LOGO:"./images/nba_jazz.jpg"}, +{NAME:"Unseld, Wes", ACTIVE:"1968 - 1980", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Uplinger, Harold F. (Hal)", ACTIVE:"1953 - 1953", FROM:"College - Long Island University", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Upshaw, Kelvin", ACTIVE:"1988 - 1990", FROM:"College - Northeastern State (Okla.); Utah", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Uzoh, Ben", ACTIVE:"ACTIVE", FROM:"College - Tulsa", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Valentine, Darnell", ACTIVE:"1981 - 1990", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Valentine, Ronnie L. (Ron)", ACTIVE:"1980 - 1980", FROM:"College - Old Dominion", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Vallely, John Stephen", ACTIVE:"1970 - 1971", FROM:"College - Orange Coast Coll. CA (J.C.); UCLA", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Van Arsdale, Dick", ACTIVE:"1965 - 1976", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Van Arsdale, Thomas Arthur (Tom)", ACTIVE:"1965 - 1976", FROM:"College - Indiana", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Van Breda Kolff, Jan", ACTIVE:"1976 - 1982", FROM:"College - Vanderbilt", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Van Breda Kolff, Willem H. (Butch)", ACTIVE:"1946 - 1949", FROM:"College - Princeton; N.Y.U.", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Van Exel, Nick", ACTIVE:"1993 - 2005", FROM:"College - Cincinnati", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Van Horn, Keith", ACTIVE:"1997 - 2005", FROM:"College - Utah", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Van Lier, Norm", ACTIVE:"1969 - 1978", FROM:"College - St. Francis (PA)", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Vance, Ellis Eugene (Gene)", ACTIVE:"1947 - 1951", FROM:"College - Illinois", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Vander Velden, Logan", ACTIVE:"1995 - 1995", FROM:"College - Wis.-Green Bay", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Vandeweghe, Ernest Maurice Jr. (Ernie, Doc)", ACTIVE:"1949 - 1955", FROM:"College - Colgate", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Vandeweghe, Kiki", ACTIVE:"1980 - 1992", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Vanos, Nick", ACTIVE:"1985 - 1986", FROM:"College - Santa Clara", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Vanterpool, David", ACTIVE:"2000 - 2000", FROM:"College - St. Bonaventure", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Varda, Ratko", ACTIVE:"2001 - 2001", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Varejao, Anderson", ACTIVE:"ACTIVE", FROM:"From - Santa Teresa, Brazil", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Vasquez, Greivis", ACTIVE:"ACTIVE", FROM:"College - Maryland", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Vaughn, Charles (Chico)", ACTIVE:"1962 - 1966", FROM:"College - Southern Illinois", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Vaughn, David", ACTIVE:"1995 - 1998", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Vaughn, Jacque", ACTIVE:"2007 - 2008", FROM:"College - Kansas", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Vaughn, Virgil V.", ACTIVE:"1946 - 1946", FROM:"College - Kentucky Wesleyan", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Vaught, Loy", ACTIVE:"1990 - 2000", FROM:"College - Michigan", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Verga, Robert Bruce (Bob)", ACTIVE:"1973 - 1973", FROM:"College - Duke", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Verhoeven, Peter", ACTIVE:"1981 - 1986", FROM:"College - Fresno State", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Vetra, Gundars", ACTIVE:"1992 - 1992", FROM:"College - No College", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Vianna, Joao", ACTIVE:"1991 - 1991", FROM:"College - Travajara (Brazil)", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Villanueva, Charlie", ACTIVE:"ACTIVE", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Vincent, Jay", ACTIVE:"1981 - 1989", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_kings.jpg"}, +{NAME:"Vincent, Sam", ACTIVE:"1985 - 1991", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Vinicius, Marcus", ACTIVE:"2007 - 2007", FROM:"From - Brazil", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Vinson, Fred", ACTIVE:"1994 - 1999", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Voce, Gary", ACTIVE:"1989 - 1989", FROM:"College - Notre Dame", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Volker, Floyd W.", ACTIVE:"1949 - 1949", FROM:"College - Wyoming", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Volkov, Alexander", ACTIVE:"1989 - 1991", FROM:"College - Kiev Institute (Ukraine)", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Von Nieda, Stanley L. Jr. (Whitey)", ACTIVE:"1949 - 1949", FROM:"College - Penn State", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Voskuhl, Jake", ACTIVE:"2007 - 2008", FROM:"College - Connecticut", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Vranes, Danny", ACTIVE:"1981 - 1987", FROM:"College - Utah", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Vranes, Slavko", ACTIVE:"2003 - 2003", FROM:"From - Serbia & Montenegro", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Vrankovic, Stojko", ACTIVE:"1990 - 1998", FROM:"College - Croatia", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Vroman, Brett Grant", ACTIVE:"1980 - 1980", FROM:"College - UCLA; Nevada-Las Vegas", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Vroman, Jackson", ACTIVE:"2004 - 2005", FROM:"College - Iowa State", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Vujacic, Sasha", ACTIVE:"ACTIVE", FROM:"From - Maribor, Slovenia", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Wade, Dwyane", ACTIVE:"ACTIVE", FROM:"College - Marquette", TEAM_LOGO:"./images/nba_knics.jpg"}, +{NAME:"Wade, Mark", ACTIVE:"1987 - 1989", FROM:"College - El Camino Coll. CA (J.C.); Oklahoma; Nevada-Las Vegas", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Wafer, Von", ACTIVE:"ACTIVE", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Wager, Clinton B. (Clint)", ACTIVE:"1949 - 1949", FROM:"College - St. Mary's (Minn.)", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Wagner, Dajuan", ACTIVE:"2002 - 2006", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Wagner, Daniel Earnest (Danny)", ACTIVE:"1949 - 1949", FROM:"College - Schreiner Coll.; Texas", TEAM_LOGO:"./images/nba_bulls.jpg"}, +{NAME:"Wagner, Milt", ACTIVE:"1987 - 1990", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Waiters, Granville", ACTIVE:"1983 - 1987", FROM:"College - Ohio State", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Wakefield, Andre", ACTIVE:"1978 - 1979", FROM:"College - Coll. of Southern Idaho (J.C.); Loyola (Chicago)", TEAM_LOGO:"./images/nba_clippers.jpg"}, +{NAME:"Walk, Neal", ACTIVE:"1969 - 1976", FROM:"College - Florida", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Walker, Andrew Martin (Andy)", ACTIVE:"1976 - 1976", FROM:"College - Niagara", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Walker, Antoine", ACTIVE:"2007 - 2007", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Walker, Bill", ACTIVE:"ACTIVE", FROM:"College - Kansas State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Walker, Brady W.", ACTIVE:"1948 - 1951", FROM:"College - Brigham Young", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Walker, Chet", ACTIVE:"1962 - 1974", FROM:"College - Bradley", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Walker, Darrell", ACTIVE:"1983 - 1992", FROM:"College - Westark CC; Arkansas", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Walker, Foots", ACTIVE:"1974 - 1983", FROM:"College - Vincennes IN (J.C.); West Georgia", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Walker, Horace", ACTIVE:"1961 - 1961", FROM:"College - Michigan State", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Walker, James (Jimmy)", ACTIVE:"1967 - 1975", FROM:"College - Providence", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Walker, Kenny", ACTIVE:"1986 - 1994", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Walker, Phillip B. (Phil)", ACTIVE:"1977 - 1977", FROM:"College - Millersville", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Walker, Samaki", ACTIVE:"1996 - 2005", FROM:"College - Louisville", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Walker, Wally", ACTIVE:"1976 - 1983", FROM:"College - Virginia", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Wall, John", ACTIVE:"ACTIVE", FROM:"College - Kentucky", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Wallace, Ben", ACTIVE:"ACTIVE", FROM:"College - Virginia Union", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Wallace, Gerald", ACTIVE:"ACTIVE", FROM:"College - Alabama", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Wallace, John", ACTIVE:"1996 - 2003", FROM:"College - Syracuse ''96", TEAM_LOGO:"./images/nba_spurs.jpg"}, +{NAME:"Wallace, Michael John (Red)", ACTIVE:"1946 - 1946", FROM:"College - Scranton", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Wallace, Rasheed", ACTIVE:"2007 - 2009", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Waller, Dwight", ACTIVE:"1968 - 1968", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Waller, Jamie", ACTIVE:"1987 - 1987", FROM:"College - Virginia Union", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Walsh, James Patrick (Jim)", ACTIVE:"1957 - 1957", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Walsh, Matt", ACTIVE:"2005 - 2005", FROM:"College - Florida", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Walters, Rex", ACTIVE:"1993 - 1999", FROM:"College - De Anza Coll. CA (J.C.); Northwestern; Kansas", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Walther, Paul P. (Lefty)", ACTIVE:"1949 - 1954", FROM:"College - Tennessee", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Walthour, Isaac (Rabbit)", ACTIVE:"1953 - 1953", FROM:"College - No College", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Walton, Bill", ACTIVE:"1974 - 1986", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_heats.jpg"}, +{NAME:"Walton, Lloyd", ACTIVE:"1976 - 1980", FROM:"College - Moberly Area CC; Marquette", TEAM_LOGO:"./images/nba_celtics.jpg"}, +{NAME:"Walton, Luke", ACTIVE:"ACTIVE", FROM:"College - Arizona", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Wang Zhizhi", ACTIVE:"2000 - 2004", FROM:"From - China", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Wanzer, Robert Francis (Bobby)", ACTIVE:"1948 - 1956", FROM:"College - Colgate; Seton Hall", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Warbington, Perry", ACTIVE:"1974 - 1974", FROM:"College - Lake City CC FL; Georgia Southern", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Ward, Charlie", ACTIVE:"1994 - 2004", FROM:"College - Florida State", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Ward, Gerald W. (Gerry)", ACTIVE:"1963 - 1966", FROM:"College - Boston College", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Ward, Henry Lorette", ACTIVE:"1976 - 1976", FROM:"College - Jackson State", TEAM_LOGO:"./images/nba_cavaliers.jpg"}, +{NAME:"Ware, James Edward (Jim)", ACTIVE:"1966 - 1967", FROM:"College - Oklahoma City", TEAM_LOGO:"./images/nba_magics.jpg"}, +{NAME:"Warley, Benjamin Vallintina (Ben)", ACTIVE:"1962 - 1966", FROM:"College - Tennessee State", TEAM_LOGO:"./images/nba_rockets.jpg"}, +{NAME:"Warlick, Robert Lee (Bob)", ACTIVE:"1965 - 1968", FROM:"College - Pueblo CC CO; Pepperdine; Denver", TEAM_LOGO:"./images/nba_nets.jpg"}, +{NAME:"Warner, Cornell", ACTIVE:"1970 - 1976", FROM:"College - Jackson State", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Warren, John II (Johnny)", ACTIVE:"1969 - 1973", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Yarbrough, Vincent", ACTIVE:"2002 - 2002", FROM:"College - Tennessee ''02", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Yardley, George", ACTIVE:"1953 - 1959", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Yates, Barry", ACTIVE:"1971 - 1971", FROM:"College - Nebraska; Maryland", TEAM_LOGO:"./images/nba_pistons.jpg"}, +{NAME:"Yates, Wayne E.", ACTIVE:"1961 - 1961", FROM:"College - Memphis", TEAM_LOGO:"./images/nba_76ers.jpg"}, +{NAME:"Yelverton, Charles W. (Charlie)", ACTIVE:"1971 - 1971", FROM:"College - Fordham", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Yonakor, Richard Robert (Rich)", ACTIVE:"1981 - 1981", FROM:"College - North Carolina", TEAM_LOGO:"./images/nba_timberwolves.jpg"}, +{NAME:"Young, Danny", ACTIVE:"1984 - 1994", FROM:"College - Wake Forest", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Young, Korleone", ACTIVE:"1998 - 1998", FROM:"College - No College", TEAM_LOGO:"./images/nba_griz.jpg"}, +{NAME:"Young, Michael", ACTIVE:"1984 - 1989", FROM:"College - Houston", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Young, Nick", ACTIVE:"ACTIVE", FROM:"College - USC", TEAM_LOGO:"./images/nba_bobcats.jpg"}, +{NAME:"Young, Perry", ACTIVE:"1986 - 1986", FROM:"College - Virginia Tech", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Young, Sam", ACTIVE:"ACTIVE", FROM:"College - Pittsburgh", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Young, Thaddeus", ACTIVE:"ACTIVE", FROM:"College - Georgia Tech", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Young, Tim", ACTIVE:"1999 - 1999", FROM:"College - Stanford", TEAM_LOGO:"./images/nba_lakers.jpg"}, +{NAME:"Yue, Sun", ACTIVE:"2008 - 2008", FROM:"From - China", TEAM_LOGO:"./images/nba_wizards.jpg"}, +{NAME:"Zaslofsky, Max (Slats)", ACTIVE:"1946 - 1955", FROM:"College - Chicago; St. John's (N.Y.)", TEAM_LOGO:"./images/nba_mavericks.jpg"}, +{NAME:"Zawoluk, Robert Michael (Zeke)", ACTIVE:"1952 - 1954", FROM:"College - St. John's (N.Y.)", TEAM_LOGO:"./images/nba_bucks.jpg"}, +{NAME:"Zeller, David A. (Dave)", ACTIVE:"1961 - 1961", FROM:"College - Miami (Ohio)", TEAM_LOGO:"./images/nba_trail.jpg"}, +{NAME:"Zeller, Gary Lynn", ACTIVE:"1970 - 1971", FROM:"College - Drake", TEAM_LOGO:"./images/nba_raptors.jpg"}, +{NAME:"Zeller, Harry Raymond (Hank)", ACTIVE:"1946 - 1946", FROM:"College - Pittsburgh; Washington & Jefferson", TEAM_LOGO:"./images/nba_warriors.jpg"}, +{NAME:"Zeno, Anthony Michael (Tony)", ACTIVE:"1979 - 1979", FROM:"College - Arizona State", TEAM_LOGO:"./images/nba_pacers.jpg"}, +{NAME:"Zevenbergen, Phil", ACTIVE:"1987 - 1987", FROM:"College - Seattle Pacific; Edmonds CC WA; Washington", TEAM_LOGO:"./images/nba_honets.jpg"}, +{NAME:"Zidek, George", ACTIVE:"1995 - 1997", FROM:"College - UCLA", TEAM_LOGO:"./images/nba_sonics.jpg"}, +{NAME:"Zimmerman, Derrick", ACTIVE:"2005 - 2005", FROM:"College - Mississippi State", TEAM_LOGO:"./images/nba_nuggets.jpg"}, +{NAME:"Zoet, Jim", ACTIVE:"1982 - 1982", FROM:"College - Kent State", TEAM_LOGO:"./images/nba_suns.jpg"}, +{NAME:"Zopf, William Charles Jr. (Bill, Zip)", ACTIVE:"1970 - 1970", FROM:"College - Duquesne", TEAM_LOGO:"./images/nba_hawks.jpg"}, +{NAME:"Zunic, Matthew (Matt, Mad Matt)", ACTIVE:"1948 - 1948", FROM:"College - George Washington", TEAM_LOGO:"./images/nba_clippers.jpg"} +]; \ No newline at end of file diff --git a/demos/tizen-gray/widgets/list/virtuallist-normal.html b/demos/tizen-gray/widgets/list/virtuallist-normal.html new file mode 100755 index 0000000..8eeb2e5 --- /dev/null +++ b/demos/tizen-gray/widgets/list/virtuallist-normal.html @@ -0,0 +1,13 @@ +
    +
    +

    Virtual List - Normal Style 1line

    +
    +
    + + +
      +
    +
    +
    diff --git a/demos/tizen-gray/widgets/list/virtuallist-normal_3_1_14.html b/demos/tizen-gray/widgets/list/virtuallist-normal_3_1_14.html new file mode 100755 index 0000000..13f55f0 --- /dev/null +++ b/demos/tizen-gray/widgets/list/virtuallist-normal_3_1_14.html @@ -0,0 +1,18 @@ + +
    +
    +

    Virtual List - Normal Style 1line-bigicon5

    +
    +
    + +
      +
    +
    +
    diff --git a/demos/tizen-gray/widgets/list/virtuallist-normal_3_1_4.html b/demos/tizen-gray/widgets/list/virtuallist-normal_3_1_4.html new file mode 100755 index 0000000..fbd24a5 --- /dev/null +++ b/demos/tizen-gray/widgets/list/virtuallist-normal_3_1_4.html @@ -0,0 +1,15 @@ +
    +
    +

    Virtual List - Normal Style 1line-btn1

    +
    +
    + +
      +
    +
    +
    diff --git a/demos/tizen-gray/widgets/list/virtuallist-normal_3_1_6.html b/demos/tizen-gray/widgets/list/virtuallist-normal_3_1_6.html new file mode 100755 index 0000000..fc20c2c --- /dev/null +++ b/demos/tizen-gray/widgets/list/virtuallist-normal_3_1_6.html @@ -0,0 +1,16 @@ + +
    +
    +

    Virtual List - Normal Style 1line-toggle

    +
    +
    + +
      +
    +
    +
    diff --git a/demos/tizen-gray/widgets/list/virtuallist-normal_3_2_7.html b/demos/tizen-gray/widgets/list/virtuallist-normal_3_2_7.html new file mode 100755 index 0000000..d7512d7 --- /dev/null +++ b/demos/tizen-gray/widgets/list/virtuallist-normal_3_2_7.html @@ -0,0 +1,21 @@ + +
    +
    +

    Virtual List - Normal Style 2line-star1

    +
    +
    + + +
      +
    +
    +
    diff --git a/demos/tizen-gray/widgets/listviewcontrols.html b/demos/tizen-gray/widgets/listviewcontrols.html new file mode 100755 index 0000000..add7e2f --- /dev/null +++ b/demos/tizen-gray/widgets/listviewcontrols.html @@ -0,0 +1,79 @@ + +
    +
    +

    Listview controls

    +
    +
    + + +
    +
    +
    +
    +
    +

    These are the controls which can operate over all of + the items in the listview. Note that if you filter the + list, these controls will only affect the currently-visible + items. Also note that we're using autodividers here too :)

    + +
    + + +
    +
    + +
      +
    • +
      + + +
      + Greg +
      • +
    • +
      + + +
      + Greta +
      • +
    • +
      + + +
      + Pete +
      • +
    • +
      + + +
      + Phil +
      • +
    • +
      + + +
      + Sue +
      • +
    +
    +
    +

    Web UI Framework - Widgets gallery

    +
    +
    + + diff --git a/demos/tizen-gray/widgets/navigationbar.html b/demos/tizen-gray/widgets/navigationbar.html new file mode 100755 index 0000000..87cf9df --- /dev/null +++ b/demos/tizen-gray/widgets/navigationbar.html @@ -0,0 +1,206 @@ + + + + + + + jQM Test Example + + + + + + + + +
    +
    +

    ControlBar

    +
    + +
    +
    + +
    +
    +
    + +
    +
    +

    Title Area

    +
    + + +
    + +
    +
    + Text1 +

    Title Area

    +
    + +
    +
    + +
    +
    +
    + +
    +
    + Text1 +

    Title Area

    + Text2 +
    + +
    +
    + +
    +
    +
    + +
    +
    + Text1 +

    Title Area

    + Text2 + Text3 +
    + +
    +
    + +
    +
    +
    + +
    +
    +

    Title Extend

    +
    + +
    +
    + +
    +
    +
    + +
    +
    + Text +

    Title Extend 2 Button

    + Text +
    +
    + + + + +
    +
    + +
    + +
    +
    + +
    +
    +
    + +
    +
    + Text +

    Title Extend 3 Button

    + Text +
    +
    + + + + + + +
    +
    + +
    + +
    +
    + +
    +
    +
    \ No newline at end of file diff --git a/demos/tizen-gray/widgets/pagecontrol/pagecontrol-demo.js b/demos/tizen-gray/widgets/pagecontrol/pagecontrol-demo.js new file mode 100644 index 0000000..a60a5f3 --- /dev/null +++ b/demos/tizen-gray/widgets/pagecontrol/pagecontrol-demo.js @@ -0,0 +1,31 @@ +/** + * Pagecontrol sample code + * by Youmin Ha + */ + +(function($) { + +// Example: Set value change callback +$('#pagecontrol').live('pageshow', function() { + var i = 1; + for(i=1; i<=10; i++) { + $('#p'+i).bind("change", function(event, value) { + var log = 'Changed value to ' + value; + $("#txt").html(log); + }); + } +}); + + +// Example: Set value by random +$('#pagecontrol_btn_randomset').live('vclick', + function() { + var i; + for(i=1; i<=10; i++) { + $('#p'+i).trigger('change', + Math.floor(Math.random() * i + 1)); + } +}); + +})($); + diff --git a/demos/tizen-gray/widgets/pagecontrol/pagecontrol.html b/demos/tizen-gray/widgets/pagecontrol/pagecontrol.html new file mode 100644 index 0000000..90015ec --- /dev/null +++ b/demos/tizen-gray/widgets/pagecontrol/pagecontrol.html @@ -0,0 +1,20 @@ +
    +
    +

    Pagecontrol (page indicator)

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    here
    + Set each values randomly +
    +
    diff --git a/demos/tizen-gray/widgets/popupwindow/dialog-center-info.html b/demos/tizen-gray/widgets/popupwindow/dialog-center-info.html new file mode 100644 index 0000000..b59f9cd --- /dev/null +++ b/demos/tizen-gray/widgets/popupwindow/dialog-center-info.html @@ -0,0 +1,28 @@ + + + + + + + + + + + + + +
    + +
    +
    +

    + Pop-up dialog box, a child + window that blocks user inter- + act to the parent windows +

    +
    +
    + +
    + + diff --git a/demos/tizen-gray/widgets/popupwindow/popup.html b/demos/tizen-gray/widgets/popupwindow/popup.html new file mode 100644 index 0000000..d357cdc --- /dev/null +++ b/demos/tizen-gray/widgets/popupwindow/popup.html @@ -0,0 +1,251 @@ + + + + + + + + + + + + + + + + + diff --git a/demos/tizen-gray/widgets/popupwindow/popupwindow.js b/demos/tizen-gray/widgets/popupwindow/popupwindow.js new file mode 100644 index 0000000..a4fead0 --- /dev/null +++ b/demos/tizen-gray/widgets/popupwindow/popupwindow.js @@ -0,0 +1,13 @@ +$("#popupwindow-demo").bind("pageshow", function() { + $('#popupwindow-demo-transition-' + $("#popupContent2").popupwindow("option", "transition")) + .attr("checked", "true") + .checkboxradio("refresh"); + + $(this).find('#progressbar').progressbar('start'); +}); + +$('input[name=popupwindow-demo-transition-choice]').bind("change", function(e) { + $("#popupContent2").popupwindow("option", "transition", $(this).attr("id").split("-").pop()); +}); + + diff --git a/demos/tizen-gray/widgets/progressbar.html b/demos/tizen-gray/widgets/progressbar.html new file mode 100644 index 0000000..0785d6e --- /dev/null +++ b/demos/tizen-gray/widgets/progressbar.html @@ -0,0 +1,20 @@ +
    +
    +

    Progress bar

    +
    +
    +
      +
    • Progress Bar
      • +
    • When you click progress bar, it starts updating values...
      • +
      • + +
    • Progress Pending
      • +
      • + +
    • Progress ~ing
      • +
      • +
    +
    +
    + + diff --git a/demos/tizen-gray/widgets/progressbar.js b/demos/tizen-gray/widgets/progressbar.js new file mode 100644 index 0000000..704dc4a --- /dev/null +++ b/demos/tizen-gray/widgets/progressbar.js @@ -0,0 +1,63 @@ + $('#progressbar-demo').live('pageshow', function (e) { + + // set progressbar value... + $('#progressbar').progressbar("option", "value", 37); + + // how to update progressbar.. + $('#progressbarTest').bind('vclick', function (e) { + + // request animation frame + window.requestAnimFrame = (function(){ + return window.requestAnimationFrame || + window.webkitRequestAnimationFrame || + window.mozRequestAnimationFrame || + window.oRequestAnimationFrame || + window.msRequestAnimationFrame || + function(animloop){ + return window.setTimeout(animloop, 1000 / 60); + }; + })(); + window.cancelRequestAnimFrame = ( function() { + return window.cancelAnimationFrame || + window.webkitCancelRequestAnimationFrame || + window.mozCancelRequestAnimationFrame || + window.oCancelRequestAnimationFrame || + window.msCancelRequestAnimationFrame || + clearTimeout + })(); + + // to store the request + var request; + // progress value + var i = 0; + + // start and run the animloop + (function animloop(){ + $('#progressbar').progressbar("option", "value", i++); + request = requestAnimFrame(animloop); + if ( i > 100 ) + cancelRequestAnimFrame(request); + })(); + }); + $(this).find('#pending').progress({ running: true }); + $(this).find('#progressing').progress({ running: true }); + + $('#pendingTest').bind('vclick', function (e) { + var running = $('#pending').progress( "option", "running" ); + // start/stop progressing animation + $('#pending').progress( "option", "running", !running ); + }); + + $('#progressingTest').bind('vclick', function (e) { + var running = $('#progressing').progress( "option", "running" ); + // start/stop progressing animation + $('#progressing').progress( "option", "running", !running ); + }); + }); + + $('#progressbar-demo').bind('pagehide', function (e) { + $(this).find('#pending').progress( "option", "running", false ); + $(this).find('#progressing').progress( "option", "running", false ); + }); + + diff --git a/demos/tizen-gray/widgets/radio/radio.html b/demos/tizen-gray/widgets/radio/radio.html new file mode 100644 index 0000000..e00e61b --- /dev/null +++ b/demos/tizen-gray/widgets/radio/radio.html @@ -0,0 +1,38 @@ +
    + +
    +

    Radio

    + +
    + +
    +
    +
    + Choose a pet: + + + + + + + + + + + +
    +

    Trigged When user clicks a radio button : + + (This is updated when user clicks a radio button ) + +

    + + + + + + + +
    +
    +
    diff --git a/demos/tizen-gray/widgets/radio/radio.js b/demos/tizen-gray/widgets/radio/radio.js new file mode 100644 index 0000000..2c97312 --- /dev/null +++ b/demos/tizen-gray/widgets/radio/radio.js @@ -0,0 +1,9 @@ +$( "#radio-demo" ).live("pagecreate", function () { + $("input[type='radio']").bind( "change", function(event, ui) { + if( this.checked ) + $( ".triggered-radio" ).text( this.id + " is selected..." ); + }); + +}); + + diff --git a/demos/tizen-gray/widgets/searchbar.html b/demos/tizen-gray/widgets/searchbar.html new file mode 100755 index 0000000..9350e48 --- /dev/null +++ b/demos/tizen-gray/widgets/searchbar.html @@ -0,0 +1,33 @@ + +
    +
    +

    Searchbar

    +
    +
    +
    Previous
    +
    Cancel
    +
    Save
    +
    + +
    + +
    + +
    + +

    1 test

    +

    2 test

    +

    3 test

    +

    4 test

    +

    5 test

    +

    6 test

    +

    7 test

    +

    8 test

    +

    9 test

    +

    10 test

    +

    11 test

    +

    12 test

    + +
    +
    + diff --git a/demos/tizen-gray/widgets/segmentctrl.html b/demos/tizen-gray/widgets/segmentctrl.html new file mode 100644 index 0000000..dd8ad26 --- /dev/null +++ b/demos/tizen-gray/widgets/segmentctrl.html @@ -0,0 +1,79 @@ +
    + +
    +

    Segment Control

    +
    + +
    +
    +
    + segment toolbar segonly style with 2 buttons: + + + + +
    +
    + +
    +
    + segment toolbar segonly style with 3 buttons: + + + + + + +
    +
    + +
    +
    + segment toolbar segonly style with 4 buttons: + + + + + + + + +
    +
    +
    +
    + + + + +
    +
    + +
    +
    + + + + + + +
    +
    + +
    +
    + + + + + + + + +
    +
    + +
    + +
    +
    diff --git a/demos/tizen-gray/widgets/selectioninfo.html b/demos/tizen-gray/widgets/selectioninfo.html new file mode 100755 index 0000000..f8273d3 --- /dev/null +++ b/demos/tizen-gray/widgets/selectioninfo.html @@ -0,0 +1,25 @@ + + +
    +
    +
    +

    Selection Info

    +
    + +
    +

    Selectioninfo Test

    +
    + Choose some days +
    + + + +
    + + +

    Click Here to Show Small Popup

    + +
    + + + diff --git a/demos/tizen-gray/widgets/small-popup-interval.html b/demos/tizen-gray/widgets/small-popup-interval.html new file mode 100644 index 0000000..28caacb --- /dev/null +++ b/demos/tizen-gray/widgets/small-popup-interval.html @@ -0,0 +1,10 @@ + +
    +
    +
    +

    Notification

    +
    +
    +

    Click Here to Show Small Popup

    +
    +
    diff --git a/demos/tizen-gray/widgets/small-popup.html b/demos/tizen-gray/widgets/small-popup.html new file mode 100644 index 0000000..500c723 --- /dev/null +++ b/demos/tizen-gray/widgets/small-popup.html @@ -0,0 +1,10 @@ + +
    +
    +
    +

    Notification

    +
    +
    +

    Click Here to Show Small Popup

    +
    +
    diff --git a/demos/tizen-gray/widgets/switch/switch.html b/demos/tizen-gray/widgets/switch/switch.html new file mode 100644 index 0000000..890aaa6 --- /dev/null +++ b/demos/tizen-gray/widgets/switch/switch.html @@ -0,0 +1,23 @@ + + + + + +
    +
    +

    Switch

    +
    +
    +
    +

    +

    +

    Coordinated switches:

    +
    +
    +
    +
    +

    Web UI Framework - Widgets gallery

    +
    +
    + + diff --git a/demos/tizen-gray/widgets/switch/switch.js b/demos/tizen-gray/widgets/switch/switch.js new file mode 100644 index 0000000..5addffc --- /dev/null +++ b/demos/tizen-gray/widgets/switch/switch.js @@ -0,0 +1,13 @@ +var coordSwitchesAreInit = false; +$("#switch-demo").live("pageshow", function(e) { + if ( coordSwitchesAreInit ) return; + + $("#switch-1-coord").bind("changed", function(e) { + $("#switch-2-coord").toggleswitch("option", "checked", $("#switch-1-coord").toggleswitch("option", "checked")); + }); + $("#switch-2-coord").bind("changed", function(e) { + $("#switch-1-coord").toggleswitch("option", "checked", $("#switch-2-coord").toggleswitch("option", "checked")); + }); + + coordSwitchesAreInit = true; +}); diff --git a/demos/tizen-gray/widgets/test/01.jpg b/demos/tizen-gray/widgets/test/01.jpg new file mode 100644 index 0000000..df471b3 Binary files /dev/null and b/demos/tizen-gray/widgets/test/01.jpg differ diff --git a/demos/tizen-gray/widgets/test/02.jpg b/demos/tizen-gray/widgets/test/02.jpg new file mode 100644 index 0000000..7cd3f0f Binary files /dev/null and b/demos/tizen-gray/widgets/test/02.jpg differ diff --git a/demos/tizen-gray/widgets/test/03.jpg b/demos/tizen-gray/widgets/test/03.jpg new file mode 100644 index 0000000..a976675 Binary files /dev/null and b/demos/tizen-gray/widgets/test/03.jpg differ diff --git a/demos/tizen-gray/widgets/test/04.jpg b/demos/tizen-gray/widgets/test/04.jpg new file mode 100644 index 0000000..9305cd0 Binary files /dev/null and b/demos/tizen-gray/widgets/test/04.jpg differ diff --git a/demos/tizen-gray/widgets/test/05.jpg b/demos/tizen-gray/widgets/test/05.jpg new file mode 100644 index 0000000..120cd41 Binary files /dev/null and b/demos/tizen-gray/widgets/test/05.jpg differ diff --git a/demos/tizen-gray/widgets/test/06.jpg b/demos/tizen-gray/widgets/test/06.jpg new file mode 100644 index 0000000..11f4ef9 Binary files /dev/null and b/demos/tizen-gray/widgets/test/06.jpg differ diff --git a/demos/tizen-gray/widgets/test/07.jpg b/demos/tizen-gray/widgets/test/07.jpg new file mode 100644 index 0000000..c7178f2 Binary files /dev/null and b/demos/tizen-gray/widgets/test/07.jpg differ diff --git a/demos/tizen-gray/widgets/test/08.jpg b/demos/tizen-gray/widgets/test/08.jpg new file mode 100644 index 0000000..b6adfee Binary files /dev/null and b/demos/tizen-gray/widgets/test/08.jpg differ diff --git a/demos/tizen-gray/widgets/test/09.jpg b/demos/tizen-gray/widgets/test/09.jpg new file mode 100644 index 0000000..33d4d66 Binary files /dev/null and b/demos/tizen-gray/widgets/test/09.jpg differ diff --git a/demos/tizen-gray/widgets/test/10.jpg b/demos/tizen-gray/widgets/test/10.jpg new file mode 100644 index 0000000..7b556da Binary files /dev/null and b/demos/tizen-gray/widgets/test/10.jpg differ diff --git a/demos/tizen-gray/widgets/test/11.jpg b/demos/tizen-gray/widgets/test/11.jpg new file mode 100644 index 0000000..a712a66 Binary files /dev/null and b/demos/tizen-gray/widgets/test/11.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_76ers.jpg b/demos/tizen-gray/widgets/test/nba_76ers.jpg new file mode 100755 index 0000000..35db118 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_76ers.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_bobcats.jpg b/demos/tizen-gray/widgets/test/nba_bobcats.jpg new file mode 100755 index 0000000..6572396 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_bobcats.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_bucks.jpg b/demos/tizen-gray/widgets/test/nba_bucks.jpg new file mode 100755 index 0000000..8b420ae Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_bucks.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_bulls.jpg b/demos/tizen-gray/widgets/test/nba_bulls.jpg new file mode 100755 index 0000000..8c131e1 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_bulls.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_cavaliers.jpg b/demos/tizen-gray/widgets/test/nba_cavaliers.jpg new file mode 100755 index 0000000..2a66daa Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_cavaliers.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_celtics.jpg b/demos/tizen-gray/widgets/test/nba_celtics.jpg new file mode 100755 index 0000000..363f65b Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_celtics.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_clippers.jpg b/demos/tizen-gray/widgets/test/nba_clippers.jpg new file mode 100755 index 0000000..9b042b9 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_clippers.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_griz.jpg b/demos/tizen-gray/widgets/test/nba_griz.jpg new file mode 100755 index 0000000..c521cc9 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_griz.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_hawks.jpg b/demos/tizen-gray/widgets/test/nba_hawks.jpg new file mode 100755 index 0000000..208be2d Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_hawks.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_heats.jpg b/demos/tizen-gray/widgets/test/nba_heats.jpg new file mode 100755 index 0000000..1c009d2 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_heats.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_honets.jpg b/demos/tizen-gray/widgets/test/nba_honets.jpg new file mode 100755 index 0000000..b2aa7ee Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_honets.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_jazz.jpg b/demos/tizen-gray/widgets/test/nba_jazz.jpg new file mode 100755 index 0000000..1f1d221 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_jazz.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_kings.jpg b/demos/tizen-gray/widgets/test/nba_kings.jpg new file mode 100755 index 0000000..fc0e9f9 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_kings.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_knics.jpg b/demos/tizen-gray/widgets/test/nba_knics.jpg new file mode 100755 index 0000000..70c8796 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_knics.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_lakers.jpg b/demos/tizen-gray/widgets/test/nba_lakers.jpg new file mode 100755 index 0000000..cb291b1 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_lakers.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_magics.jpg b/demos/tizen-gray/widgets/test/nba_magics.jpg new file mode 100755 index 0000000..290b930 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_magics.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_mavericks.jpg b/demos/tizen-gray/widgets/test/nba_mavericks.jpg new file mode 100755 index 0000000..f8816a8 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_mavericks.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_nets.jpg b/demos/tizen-gray/widgets/test/nba_nets.jpg new file mode 100755 index 0000000..3d2600c Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_nets.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_nuggets.jpg b/demos/tizen-gray/widgets/test/nba_nuggets.jpg new file mode 100755 index 0000000..a01e78e Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_nuggets.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_pacers.jpg b/demos/tizen-gray/widgets/test/nba_pacers.jpg new file mode 100755 index 0000000..be98506 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_pacers.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_pistons.jpg b/demos/tizen-gray/widgets/test/nba_pistons.jpg new file mode 100755 index 0000000..f13c851 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_pistons.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_raptors.jpg b/demos/tizen-gray/widgets/test/nba_raptors.jpg new file mode 100755 index 0000000..eb8d431 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_raptors.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_rockets.jpg b/demos/tizen-gray/widgets/test/nba_rockets.jpg new file mode 100755 index 0000000..8cf2f17 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_rockets.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_sonics.jpg b/demos/tizen-gray/widgets/test/nba_sonics.jpg new file mode 100755 index 0000000..2104e42 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_sonics.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_spurs.jpg b/demos/tizen-gray/widgets/test/nba_spurs.jpg new file mode 100755 index 0000000..060002d Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_spurs.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_suns.jpg b/demos/tizen-gray/widgets/test/nba_suns.jpg new file mode 100755 index 0000000..754769c Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_suns.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_timberwolves.jpg b/demos/tizen-gray/widgets/test/nba_timberwolves.jpg new file mode 100755 index 0000000..79476a8 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_timberwolves.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_trail.jpg b/demos/tizen-gray/widgets/test/nba_trail.jpg new file mode 100755 index 0000000..57168c9 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_trail.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_warriors.jpg b/demos/tizen-gray/widgets/test/nba_warriors.jpg new file mode 100755 index 0000000..45440c4 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_warriors.jpg differ diff --git a/demos/tizen-gray/widgets/test/nba_wizards.jpg b/demos/tizen-gray/widgets/test/nba_wizards.jpg new file mode 100755 index 0000000..e98a491 Binary files /dev/null and b/demos/tizen-gray/widgets/test/nba_wizards.jpg differ diff --git a/demos/tizen-gray/widgets/tickernoti-interval.html b/demos/tizen-gray/widgets/tickernoti-interval.html new file mode 100644 index 0000000..18b21c5 --- /dev/null +++ b/demos/tizen-gray/widgets/tickernoti-interval.html @@ -0,0 +1,10 @@ + +
    +
    +
    +

    Notification

    +
    +
    +

    Click Here to Show TickerNoti

    +
    +
    diff --git a/demos/tizen-gray/widgets/tickernoti.html b/demos/tizen-gray/widgets/tickernoti.html new file mode 100644 index 0000000..673760c --- /dev/null +++ b/demos/tizen-gray/widgets/tickernoti.html @@ -0,0 +1,10 @@ + +
    +
    +
    +

    Notification

    +
    +
    +

    Click Here to Show TickerNoti

    +
    +
    diff --git a/libs/css/images/00_sweep_list_bg.png b/libs/css/images/00_sweep_list_bg.png new file mode 100644 index 0000000..d87592a Binary files /dev/null and b/libs/css/images/00_sweep_list_bg.png differ diff --git a/libs/css/images/ajax-loader.png b/libs/css/images/ajax-loader.png new file mode 100644 index 0000000..811a2cd Binary files /dev/null and b/libs/css/images/ajax-loader.png differ diff --git a/libs/css/images/icon-search-black.png b/libs/css/images/icon-search-black.png new file mode 100644 index 0000000..5721120 Binary files /dev/null and b/libs/css/images/icon-search-black.png differ diff --git a/libs/css/images/icons-18-black.png b/libs/css/images/icons-18-black.png new file mode 100644 index 0000000..1ecfd26 Binary files /dev/null and b/libs/css/images/icons-18-black.png differ diff --git a/libs/css/images/icons-18-white.png b/libs/css/images/icons-18-white.png new file mode 100644 index 0000000..0c70831 Binary files /dev/null and b/libs/css/images/icons-18-white.png differ diff --git a/libs/css/images/icons-36-black.png b/libs/css/images/icons-36-black.png new file mode 100644 index 0000000..4c72adf Binary files /dev/null and b/libs/css/images/icons-36-black.png differ diff --git a/libs/css/images/icons-36-white.png b/libs/css/images/icons-36-white.png new file mode 100644 index 0000000..84ea9fb Binary files /dev/null and b/libs/css/images/icons-36-white.png differ diff --git a/libs/css/jquery.mobile-1.0rc1.css b/libs/css/jquery.mobile-1.0rc1.css new file mode 100644 index 0000000..d2abe88 --- /dev/null +++ b/libs/css/jquery.mobile-1.0rc1.css @@ -0,0 +1,1749 @@ +/*! + * jQuery Mobile v1.0rc1 + * http://jquerymobile.com/ + * + * Copyright 2010, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + */ +/*! +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +/* Swatches */ + +/* A +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-a { + border: 1px solid #2A2A2A /*{a-bar-border}*/; + background: #111111 /*{a-bar-background-color}*/; + color: #ffffff /*{a-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 1px /*{a-bar-shadow-radius}*/ #000000 /*{a-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c /*{a-bar-background-start}*/), to(#111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); +} +.ui-bar-a, +.ui-bar-a input, +.ui-bar-a select, +.ui-bar-a textarea, +.ui-bar-a button { + font-family: Helvetica, Arial, sans-serif /*{a-bar-font}*/; +} +.ui-bar-a .ui-link-inherit { + color: #fff /*{a-bar-color}*/; +} +.ui-bar-a .ui-link { + color: #7cc4e7 /*{global-link-color}*/; + font-weight: bold; +} +.ui-body-a { + border: 1px solid #2A2A2A /*{a-body-border}*/; + background: #222222 /*{a-body-background-color}*/; + color: #fff /*{a-body-color}*/; + text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #000 /*{a-body-shadow-color}*/; + font-weight: normal; + background-image: -webkit-gradient(linear, left top, left bottom, from(#666 /*{a-body-background-start}*/), to(#222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #666 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); +} +.ui-body-a, +.ui-body-a input, +.ui-body-a select, +.ui-body-a textarea, +.ui-body-a button { + font-family: Helvetica, Arial, sans-serif /*{a-body-font}*/; +} +.ui-body-a .ui-link-inherit { + color: #fff /*{a-body-color}*/; +} +.ui-body-a .ui-link { + color: #2489CE /*{global-link-color}*/; + font-weight: bold; +} +.ui-br { + border-bottom: rgb(130,130,130); + border-bottom: rgba(130,130,130,.3); + border-bottom-width: 1px; + border-bottom-style: solid; +} +.ui-btn-up-a { + border: 1px solid #222 /*{a-bup-border}*/; + background: #333333 /*{a-bup-background-color}*/; + font-weight: bold; + color: #fff /*{a-bup-color}*/; + text-shadow: 0 /*{a-bup-shadow-x}*/ -1px /*{a-bup-shadow-y}*/ 1px /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#555 /*{a-bup-background-start}*/), to(#333 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #555 /*{a-bup-background-start}*/, #333 /*{a-bup-background-end}*/); +} +.ui-btn-up-a a.ui-link-inherit { + color: #fff /*{a-bup-color}*/; +} +.ui-btn-hover-a { + border: 1px solid #000 /*{a-bhover-border}*/; + background: #444444 /*{a-bhover-background-color}*/; + font-weight: bold; + color: #fff /*{a-bhover-color}*/; + text-shadow: 0 /*{a-bhover-shadow-x}*/ -1px /*{a-bhover-shadow-y}*/ 1px /*{a-bhover-shadow-radius}*/ #000 /*{a-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#666 /*{a-bhover-background-start}*/), to(#444 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #666 /*{a-bhover-background-start}*/, #444 /*{a-bhover-background-end}*/); +} +.ui-btn-hover-a a.ui-link-inherit { + color: #fff /*{a-bhover-color}*/; +} +.ui-btn-down-a { + border: 1px solid #000 /*{a-bdown-border}*/; + background: #3d3d3d /*{a-bdown-background-color}*/; + font-weight: bold; + color: #fff /*{a-bdown-color}*/; + text-shadow: 0 /*{a-bdown-shadow-x}*/ -1px /*{a-bdown-shadow-y}*/ 1px /*{a-bdown-shadow-radius}*/ #000 /*{a-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#333 /*{a-bdown-background-start}*/), to(#5a5a5a /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #333 /*{a-bdown-background-start}*/, #5a5a5a /*{a-bdown-background-end}*/); +} +.ui-btn-down-a a.ui-link-inherit { + color: #fff /*{a-bdown-color}*/; +} +.ui-btn-up-a, +.ui-btn-hover-a, +.ui-btn-down-a { + font-family: Helvetica, Arial, sans-serif /*{a-button-font}*/; + text-decoration: none; +} + + +/* B +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-b { + border: 1px solid #456f9a /*{b-bar-border}*/; + background: #5e87b0 /*{b-bar-background-color}*/; + color: #fff /*{b-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{b-bar-shadow-x}*/ -1px /*{b-bar-shadow-y}*/ 1px /*{b-bar-shadow-radius}*/ #254f7a /*{b-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#81a8ce /*{b-bar-background-start}*/), to(#5e87b0 /*{b-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #81a8ce /*{b-bar-background-start}*/, #5e87b0 /*{b-bar-background-end}*/); +} +.ui-bar-b, +.ui-bar-b input, +.ui-bar-b select, +.ui-bar-b textarea, +.ui-bar-b button { + font-family: Helvetica, Arial, sans-serif /*{b-bar-font}*/; +} +.ui-bar-b .ui-link-inherit { + color: #fff /*{b-bar-color}*/; +} +.ui-bar-b .ui-link { + color: #7cc4e7 /*{global-link-color}*/; + font-weight: bold; +} + +.ui-body-b { + border: 1px solid #C6C6C6 /*{b-body-border}*/; + background: #cccccc /*{b-body-background-color}*/; + color: #333333 /*{b-body-color}*/; + text-shadow: 0 /*{b-body-shadow-x}*/ 1px /*{b-body-shadow-y}*/ 0 /*{b-body-shadow-radius}*/ #fff /*{b-body-shadow-color}*/; + font-weight: normal; + background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6 /*{b-body-background-start}*/), to(#ccc /*{b-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #e6e6e6 /*{b-body-background-start}*/, #ccc /*{b-body-background-end}*/); +} +.ui-body-b, +.ui-body-b input, +.ui-body-b select, +.ui-body-b textarea, +.ui-body-b button { + font-family: Helvetica, Arial, sans-serif /*{b-body-font}*/; +} +.ui-body-b .ui-link-inherit { + color: #333333 /*{b-body-color}*/; +} +.ui-body-b .ui-link { + color: #2489CE /*{global-link-color}*/; + font-weight: bold; +} +.ui-btn-up-b { + border: 1px solid #145072 /*{b-bup-border}*/; + background: #2567ab /*{b-bup-background-color}*/; + font-weight: bold; + color: #fff /*{b-bup-color}*/; + text-shadow: 0 /*{b-bup-shadow-x}*/ -1px /*{b-bup-shadow-y}*/ 1px /*{b-bup-shadow-radius}*/ #145072 /*{b-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#5f9cc5 /*{b-bup-background-start}*/), to(#396b9e /*{b-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #5f9cc5 /*{b-bup-background-start}*/, #396b9e /*{b-bup-background-end}*/); +} +.ui-btn-up-b a.ui-link-inherit { + color: #fff /*{b-bup-color}*/; +} +.ui-btn-hover-b { + border: 1px solid #00516e /*{b-bhover-border}*/; + background: #4b88b6 /*{b-bhover-background-color}*/; + font-weight: bold; + color: #fff /*{b-bhover-color}*/; + text-shadow: 0 /*{b-bhover-shadow-x}*/ -1px /*{b-bhover-shadow-y}*/ 1px /*{b-bhover-shadow-radius}*/ #014D68 /*{b-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#72b0d4 /*{b-bhover-background-start}*/), to(#4b88b6 /*{b-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #72b0d4 /*{b-bhover-background-start}*/, #4b88b6 /*{b-bhover-background-end}*/); +} +.ui-btn-hover-b a.ui-link-inherit { + color: #fff /*{b-bhover-color}*/; +} +.ui-btn-down-b { + border: 1px solid #225377 /*{b-bdown-border}*/; + background: #4e89c5 /*{b-bdown-background-color}*/; + font-weight: bold; + color: #fff /*{b-bdown-color}*/; + text-shadow: 0 /*{b-bdown-shadow-x}*/ -1px /*{b-bdown-shadow-y}*/ 1px /*{b-bdown-shadow-radius}*/ #225377 /*{b-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#396b9e /*{b-bdown-background-start}*/), to(#4e89c5 /*{b-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #396b9e /*{b-bdown-background-start}*/, #4e89c5 /*{b-bdown-background-end}*/); +} +.ui-btn-down-b a.ui-link-inherit { + color: #fff /*{b-bdown-color}*/; +} +.ui-btn-up-b, +.ui-btn-hover-b, +.ui-btn-down-b { + font-family: Helvetica, Arial, sans-serif /*{b-button-font}*/; + text-decoration: none; +} + + +/* C +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-c { + border: 1px solid #B3B3B3 /*{c-bar-border}*/; + background: #e9eaeb /*{c-bar-background-color}*/; + color: #3E3E3E /*{c-bar-color}*/; + font-weight: bold; + text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0 /*{c-bar-background-start}*/), to(#e9eaeb /*{c-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/); +} + +.ui-bar-c .ui-link { + color: #2489CE /*{global-link-color}*/; + font-weight: bold; +} + +.ui-bar-c, +.ui-bar-c input, +.ui-bar-c select, +.ui-bar-c textarea, +.ui-bar-c button { + font-family: Helvetica, Arial, sans-serif /*{c-bar-font}*/; +} +.ui-body-c { + border: 1px solid #B3B3B3 /*{c-body-border}*/; + color: #333333 /*{c-body-color}*/; + text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/; + background: #f0f0f0 /*{c-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{c-body-background-start}*/), to(#ddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); +} +.ui-body-c, +.ui-body-c input, +.ui-body-c select, +.ui-body-c textarea, +.ui-body-c button { + font-family: Helvetica, Arial, sans-serif /*{c-body-font}*/; +} +.ui-body-c .ui-link-inherit { + color: #333333 /*{c-body-color}*/; +} +.ui-body-c .ui-link { + color: #2489CE /*{global-link-color}*/; + font-weight: bold; +} + +.ui-btn-up-c { + border: 1px solid #ccc /*{c-bup-border}*/; + background: #eee /*{c-bup-background-color}*/; + font-weight: bold; + color: #444 /*{c-bup-color}*/; + text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd /*{c-bup-background-start}*/), to(#eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); +} +.ui-btn-up-c a.ui-link-inherit { + color: #2F3E46 /*{c-bup-color}*/; +} + +.ui-btn-hover-c { + border: 1px solid #bbb /*{c-bhover-border}*/; + background: #dadada /*{c-bhover-background-color}*/; + font-weight: bold; + color: #101010 /*{c-bhover-color}*/; + text-shadow: 0 /*{c-bhover-shadow-x}*/ 1px /*{c-bhover-shadow-y}*/ 1px /*{c-bhover-shadow-radius}*/ #fff /*{c-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed /*{c-bhover-background-start}*/), to(#dadada /*{c-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #ededed /*{c-bhover-background-start}*/, #dadada /*{c-bhover-background-end}*/); +} +.ui-btn-hover-c a.ui-link-inherit { + color: #2F3E46 /*{c-bhover-color}*/; +} +.ui-btn-down-c { + border: 1px solid #808080 /*{c-bdown-border}*/; + background: #fdfdfd /*{c-bdown-background-color}*/; + font-weight: bold; + color: #111111 /*{c-bdown-color}*/; + text-shadow: 0 /*{c-bdown-shadow-x}*/ 1px /*{c-bdown-shadow-y}*/ 1px /*{c-bdown-shadow-radius}*/ #ffffff /*{c-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{c-bdown-background-start}*/), to(#fdfdfd /*{c-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #eee /*{c-bdown-background-start}*/, #fdfdfd /*{c-bdown-background-end}*/); +} +.ui-btn-down-c a.ui-link-inherit { + color: #2F3E46 /*{c-bdown-color}*/; +} +.ui-btn-up-c, +.ui-btn-hover-c, +.ui-btn-down-c { + font-family: Helvetica, Arial, sans-serif /*{c-button-font}*/; + text-decoration: none; +} + + +/* D +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-d { + border: 1px solid #ccc /*{d-bar-border}*/; + background: #bbb /*{d-bar-background-color}*/; + color: #333 /*{d-bar-color}*/; + text-shadow: 0 /*{d-bar-shadow-x}*/ 1px /*{d-bar-shadow-y}*/ 0 /*{d-bar-shadow-radius}*/ #eee /*{d-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd /*{d-bar-background-start}*/), to(#bbb /*{d-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #ddd /*{d-bar-background-start}*/, #bbb /*{d-bar-background-end}*/); +} +.ui-bar-d, +.ui-bar-d input, +.ui-bar-d select, +.ui-bar-d textarea, +.ui-bar-d button { + font-family: Helvetica, Arial, sans-serif /*{d-bar-font}*/; +} +.ui-bar-d .ui-link-inherit { + color: #333 /*{d-bar-color}*/; +} +.ui-bar-d .ui-link { + color: #2489CE /*{global-link-color}*/; + font-weight: bold; +} +.ui-body-d { + border: 1px solid #ccc /*{d-body-border}*/; + color: #333333 /*{d-body-color}*/; + text-shadow: 0 /*{d-body-shadow-x}*/ 1px /*{d-body-shadow-y}*/ 0 /*{d-body-shadow-radius}*/ #fff /*{d-body-shadow-color}*/; + background: #ffffff /*{d-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff /*{d-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fff /*{d-body-background-start}*/, #fff /*{d-body-background-end}*/); +} +.ui-body-d, +.ui-body-d input, +.ui-body-d select, +.ui-body-d textarea, +.ui-body-d button { + font-family: Helvetica, Arial, sans-serif /*{d-body-font}*/; +} +.ui-body-d .ui-link-inherit { + color: #333333 /*{d-body-color}*/; +} +.ui-body-d .ui-link { + color: #2489CE /*{global-link-color}*/; + font-weight: bold; +} +.ui-btn-up-d { + border: 1px solid #ccc /*{d-bup-border}*/; + background: #fff /*{d-bup-background-color}*/; + font-weight: bold; + color: #444 /*{d-bup-color}*/; + text-shadow: 0 /*{d-bup-shadow-x}*/ 1px /*{d-bup-shadow-y}*/ 1px /*{d-bup-shadow-radius}*/ #fff /*{d-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff /*{d-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fff /*{d-bup-background-start}*/, #fff /*{d-bup-background-end}*/); +} +.ui-btn-up-d a.ui-link-inherit { + color: #333 /*{d-bup-color}*/; +} +.ui-btn-hover-d { + border: 1px solid #aaa /*{d-bhover-border}*/; + background: #eeeeee /*{d-bhover-background-color}*/; + font-weight: bold; + color: #222 /*{d-bhover-color}*/; + cursor: pointer; + text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ #fff /*{d-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fdfdfd /*{d-bhover-background-start}*/, #eee /*{d-bhover-background-end}*/); +} +.ui-btn-hover-d a.ui-link-inherit { + color: #222 /*{d-bhover-color}*/; +} +.ui-btn-down-d { + border: 1px solid #aaaaaa /*{d-bdown-border}*/; + background: #ffffff /*{d-bdown-background-color}*/; + font-weight: bold; + color: #111 /*{d-bdown-color}*/; + text-shadow: 0 /*{d-bdown-shadow-x}*/ 1px /*{d-bdown-shadow-y}*/ 1px /*{d-bdown-shadow-radius}*/ #ffffff /*{d-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#eee /*{d-bdown-background-start}*/), to(#fff /*{d-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #eee /*{d-bdown-background-start}*/, #fff /*{d-bdown-background-end}*/); +} +.ui-btn-down-d a.ui-link-inherit { + color: #111 /*{d-bdown-color}*/; +} +.ui-btn-up-d, +.ui-btn-hover-d, +.ui-btn-down-d { + font-family: Helvetica, Arial, sans-serif /*{d-button-font}*/; + text-decoration: none; +} + + +/* E +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-e { + border: 1px solid #F7C942 /*{e-bar-border}*/; + background: #fadb4e /*{e-bar-background-color}*/; + color: #333 /*{e-bar-color}*/; + text-shadow: 0 /*{e-bar-shadow-x}*/ 1px /*{e-bar-shadow-y}*/ 0 /*{e-bar-shadow-radius}*/ #fff /*{e-bar-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7 /*{e-bar-background-start}*/), to(#fadb4e /*{e-bar-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fceda7 /*{e-bar-background-start}*/, #fadb4e /*{e-bar-background-end}*/); +} +.ui-bar-e, +.ui-bar-e input, +.ui-bar-e select, +.ui-bar-e textarea, +.ui-bar-e button { + font-family: Helvetica, Arial, sans-serif /*{e-bar-font}*/; +} +.ui-bar-e .ui-link-inherit { + color: #333 /*{e-bar-color}*/; +} +.ui-bar-e .ui-link { + color: #2489CE /*{global-link-color}*/; + font-weight: bold; +} +.ui-body-e { + border: 1px solid #F7C942 /*{e-body-border}*/; + color: #333333 /*{e-body-color}*/; + text-shadow: 0 /*{e-body-shadow-x}*/ 1px /*{e-body-shadow-y}*/ 0 /*{e-body-shadow-radius}*/ #fff /*{e-body-shadow-color}*/; + background: #faeb9e /*{e-body-background-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fff /*{e-body-background-start}*/), to(#faeb9e /*{e-body-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fff /*{e-body-background-start}*/, #faeb9e /*{e-body-background-end}*/); +} +.ui-body-e, +.ui-body-e input, +.ui-body-e select, +.ui-body-e textarea, +.ui-body-e button { + font-family: Helvetica, Arial, sans-serif /*{e-body-font}*/; +} +.ui-body-e .ui-link-inherit { + color: #333333 /*{e-body-color}*/; +} +.ui-body-e .ui-link { + color: #2489CE /*{global-link-color}*/; + font-weight: bold; +} +.ui-btn-up-e { + border: 1px solid #F7C942 /*{e-bup-border}*/; + background: #fadb4e /*{e-bup-background-color}*/; + font-weight: bold; + color: #333 /*{e-bup-color}*/; + text-shadow: 0 /*{e-bup-shadow-x}*/ 1px /*{e-bup-shadow-y}*/ 0 /*{e-bup-shadow-radius}*/ #fff /*{e-bup-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7 /*{e-bup-background-start}*/), to(#fadb4e /*{e-bup-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fceda7 /*{e-bup-background-start}*/, #fadb4e /*{e-bup-background-end}*/); +} +.ui-btn-up-e a.ui-link-inherit { + color: #333 /*{e-bup-color}*/; +} +.ui-btn-hover-e { + border: 1px solid #e79952 /*{e-bhover-border}*/; + background: #fbe26f /*{e-bhover-background-color}*/; + font-weight: bold; + color: #111 /*{e-bhover-color}*/; + text-shadow: 0 /*{e-bhover-shadow-x}*/ 1px /*{e-bhover-shadow-y}*/ 1px /*{e-bhover-shadow-radius}*/ #fff /*{e-bhover-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5 /*{e-bhover-background-start}*/), to(#fbe26f /*{e-bhover-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fcf0b5 /*{e-bhover-background-start}*/, #fbe26f /*{e-bhover-background-end}*/); +} + +.ui-btn-hover-e a.ui-link-inherit { + color: #333 /*{e-bhover-color}*/; +} +.ui-btn-down-e { + border: 1px solid #F7C942 /*{e-bdown-border}*/; + background: #fceda7 /*{e-bdown-background-color}*/; + font-weight: bold; + color: #111 /*{e-bdown-color}*/; + text-shadow: 0 /*{e-bdown-shadow-x}*/ 1px /*{e-bdown-shadow-y}*/ 1px /*{e-bdown-shadow-radius}*/ #ffffff /*{e-bdown-shadow-color}*/; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e /*{e-bdown-background-start}*/), to(#fceda7 /*{e-bdown-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fadb4e /*{e-bdown-background-start}*/, #fceda7 /*{e-bdown-background-end}*/); +} +.ui-btn-down-e a.ui-link-inherit { + color: #333 /*{e-bdown-color}*/; +} +.ui-btn-up-e, +.ui-btn-hover-e, +.ui-btn-down-e { + font-family: Helvetica, Arial, sans-serif /*{e-button-font}*/; + text-decoration: none; +} + +/* Structure */ + +/* links within "buttons" +-----------------------------------------------------------------------------------------------------------*/ + +a.ui-link-inherit { + text-decoration: none !important; +} + +/* links and their different states +-----------------------------------------------------------------------------------------------------------*/ + +.ui-link{ + color: #2489CE /*{global-link-color}*/ +} + +.ui-link:hover{ + color: #2489CE /*{global-link-hover}*/ +} + +.ui-link:active{ + color: #2489CE /*{global-link-active}*/ +} + +.ui-link:visited{ + color: #2489CE /*{global-link-visited}*/ +} + +/* Active class used as the "on" state across all themes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-active { + border: 1px solid #155678 /*{global-active-border}*/; + background: #4596ce /*{global-active-background-color}*/; + font-weight: bold; + color: #fff /*{global-active-color}*/; + cursor: pointer; + text-shadow: 0 /*{global-active-shadow-x}*/ -1px /*{global-active-shadow-y}*/ 1px /*{global-active-shadow-radius}*/ #145072 /*{global-active-shadow-color}*/; + text-decoration: none; + background-image: -webkit-gradient(linear, left top, left bottom, from(#85bae4 /*{global-active-background-start}*/), to(#5393c5 /*{global-active-background-end}*/)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* IE10 */ + background-image: -o-linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); /* Opera 11.10+ */ + background-image: linear-gradient(top, #85bae4 /*{global-active-background-start}*/, #5393c5 /*{global-active-background-end}*/); + outline: none; + font-family: Helvetica, Arial, sans-serif /*{global-active-font}*/; +} +.ui-btn-active a.ui-link-inherit { + color: #fff /*{global-active-color}*/; +} + + +/* button inner top highlight +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-inner { + border-top: 1px solid #fff; + border-color: rgba(255,255,255,.3); +} + + +/* corner rounding classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-corner-tl { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-tr { + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-bl { + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-br { + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-top { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-bottom { + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + } +.ui-corner-right { + -moz-border-radius-topright: .6em /*{global-radii-blocks}*/; + -webkit-border-top-right-radius: .6em /*{global-radii-blocks}*/; + border-top-right-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomright: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-right-radius: .6em /*{global-radii-blocks}*/; + border-bottom-right-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-left { + -moz-border-radius-topleft: .6em /*{global-radii-blocks}*/; + -webkit-border-top-left-radius: .6em /*{global-radii-blocks}*/; + border-top-left-radius: .6em /*{global-radii-blocks}*/; + -moz-border-radius-bottomleft: .6em /*{global-radii-blocks}*/; + -webkit-border-bottom-left-radius: .6em /*{global-radii-blocks}*/; + border-bottom-left-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-all { + -moz-border-radius: .6em /*{global-radii-blocks}*/; + -webkit-border-radius: .6em /*{global-radii-blocks}*/; + border-radius: .6em /*{global-radii-blocks}*/; +} +.ui-corner-none { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; +} + +/* Interaction cues +-----------------------------------------------------------------------------------------------------------*/ +.ui-disabled { + opacity: .3; +} +.ui-disabled, +.ui-disabled a { + cursor: default; +} + +/* Icons +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon, +.ui-icon-searchfield:after { + background: #666 /*{global-icon-color}*/; + background: rgba(0,0,0,.4) /*{global-icon-disc}*/; + background-image: url(images/icons-18-white.png) /*{global-icon-set}*/; + background-repeat: no-repeat; + -moz-border-radius: 9px; + -webkit-border-radius: 9px; + border-radius: 9px; +} + + +/* Alt icon color +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon-alt { + background: #fff; + background: rgba(255,255,255,.3); + background-image: url(images/icons-18-black.png); + background-repeat: no-repeat; +} + +/* HD/"retina" sprite +-----------------------------------------------------------------------------------------------------------*/ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min--moz-device-pixel-ratio: 1.5), + only screen and (min-resolution: 240dpi) { + + .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, + .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, + .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, + .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, + .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { + background-image: url(images/icons-36-white.png); + -moz-background-size: 776px 18px; + -o-background-size: 776px 18px; + -webkit-background-size: 776px 18px; + background-size: 776px 18px; + } + .ui-icon-alt { + background-image: url(images/icons-36-black.png); + } +} + +/* plus minus */ +.ui-icon-plus { + background-position: -0 50%; +} +.ui-icon-minus { + background-position: -36px 50%; +} + +/* delete/close */ +.ui-icon-delete { + background-position: -72px 50%; +} + +/* arrows */ +.ui-icon-arrow-r { + background-position: -108px 50%; +} +.ui-icon-arrow-l { + background-position: -144px 50%; +} +.ui-icon-arrow-u { + background-position: -180px 50%; +} +.ui-icon-arrow-d { + background-position: -216px 50%; +} + +/* misc */ +.ui-icon-check { + background-position: -252px 50%; +} +.ui-icon-gear { + background-position: -288px 50%; +} +.ui-icon-refresh { + background-position: -324px 50%; +} +.ui-icon-forward { + background-position: -360px 50%; +} +.ui-icon-back { + background-position: -396px 50%; +} +.ui-icon-grid { + background-position: -432px 50%; +} +.ui-icon-star { + background-position: -468px 50%; +} +.ui-icon-alert { + background-position: -504px 50%; +} +.ui-icon-info { + background-position: -540px 50%; +} +.ui-icon-home { + background-position: -576px 50%; +} +.ui-icon-search, +.ui-icon-searchfield:after { + background-position: -612px 50%; +} +.ui-icon-checkbox-off { + background-position: -684px 50%; +} +.ui-icon-checkbox-on { + background-position: -648px 50%; +} +.ui-icon-radio-off { + background-position: -756px 50%; +} +.ui-icon-radio-on { + background-position: -720px 50%; +} + + +/* checks,radios */ +.ui-checkbox .ui-icon { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.ui-icon-checkbox-off, +.ui-icon-radio-off { + background-color: transparent; +} +.ui-checkbox-on .ui-icon, +.ui-radio-on .ui-icon { + background-color: #4596ce /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */ +} + +/* loading icon */ +.ui-icon-loading { + background-image: url(images/ajax-loader.png); + width: 40px; + height: 40px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + background-size: 35px 35px; +} + + +/* Button corner classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-corner-tl { + -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; + -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; + border-top-left-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-tr { + -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; + -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; + border-top-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-bl { + -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + border-bottom-left-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-br { + -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; + border-bottom-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-top { + -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; + -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; + border-top-left-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; + -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; + border-top-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-bottom { + -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; + border-bottom-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-right { + -moz-border-radius-topright: 1em /*{global-radii-buttons}*/; + -webkit-border-top-right-radius: 1em /*{global-radii-buttons}*/; + border-top-right-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-bottomright: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-right-radius: 1em /*{global-radii-buttons}*/; + border-bottom-right-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-left { + -moz-border-radius-topleft: 1em /*{global-radii-buttons}*/; + -webkit-border-top-left-radius: 1em /*{global-radii-buttons}*/; + border-top-left-radius: 1em /*{global-radii-buttons}*/; + -moz-border-radius-bottomleft: 1em /*{global-radii-buttons}*/; + -webkit-border-bottom-left-radius: 1em /*{global-radii-buttons}*/; + border-bottom-left-radius: 1em /*{global-radii-buttons}*/; +} +.ui-btn-corner-all { + -moz-border-radius: 1em /*{global-radii-buttons}*/; + -webkit-border-radius: 1em /*{global-radii-buttons}*/; + border-radius: 1em /*{global-radii-buttons}*/; +} + +/* radius clip workaround for cleaning up corner trapping */ +.ui-corner-tl, +.ui-corner-tr, +.ui-corner-bl, +.ui-corner-br, +.ui-corner-top, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-left, +.ui-corner-all, +.ui-btn-corner-tl, +.ui-btn-corner-tr, +.ui-btn-corner-bl, +.ui-btn-corner-br, +.ui-btn-corner-top, +.ui-btn-corner-bottom, +.ui-btn-corner-right, +.ui-btn-corner-left, +.ui-btn-corner-all { + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +/* Overlay / modal +-----------------------------------------------------------------------------------------------------------*/ + +.ui-overlay { + background: #666; + opacity: .5; + filter: Alpha(Opacity=50); + position: absolute; + width: 100%; + height: 100%; +} +.ui-overlay-shadow { + -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); + -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); + box-shadow: 0px 0px 12px rgba(0,0,0,.6); +} +.ui-shadow { + -moz-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; + -webkit-box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; + box-shadow: 0px 1px 4px /*{global-box-shadow-size}*/ rgba(0,0,0,.3) /*{global-box-shadow-color}*/; +} +.ui-bar-a .ui-shadow, +.ui-bar-b .ui-shadow , +.ui-bar-c .ui-shadow { + -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3); + -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3); + box-shadow: 0px 1px 0 rgba(255,255,255,.3); +} +.ui-shadow-inset { + -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); +} +.ui-icon-shadow { + -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4); + -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4); + box-shadow: 0px 1px 0 rgba(255,255,255,.4); +} + +/* Focus state - set here for specificity +-----------------------------------------------------------------------------------------------------------*/ + +.ui-focus { + -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; + -webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; + box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/; +} + +/* unset box shadow in browsers that don't do it right +-----------------------------------------------------------------------------------------------------------*/ + +.ui-mobile-nosupport-boxshadow * { + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +/* ...and bring back focus */ +.ui-mobile-nosupport-boxshadow .ui-focus { + outline-width: 2px; +}/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +/* some unsets - more probably needed */ +.ui-mobile, .ui-mobile body { height: 100%; } +.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; } +.ui-mobile a img, .ui-mobile fieldset { border: 0; } + +/* responsive page widths */ +.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +/* "page" containers - full-screen views, one should always be in view post-pageload */ +.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } +.ui-mobile .ui-page-active { display: block; overflow: visible; } + +/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */ +.ui-page { outline: none; } + +/* native overflow scrolling */ +.ui-page.ui-mobile-touch-overflow, +.ui-mobile-touch-overflow.ui-native-fixed .ui-content { + overflow: auto; + height: 100%; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-page.ui-mobile-touch-overflow, +.ui-page.ui-mobile-touch-overflow * { + /* some level of transform keeps elements from blinking out of visibility on iOS */ + -webkit-transform: rotateY(0); +} +.ui-page.ui-mobile-pre-transition { + display: block; +} + +/* loading screen */ +.ui-loading .ui-mobile-viewport { overflow: hidden !important; } +.ui-loading .ui-loader { display: block; } +.ui-loading .ui-page { overflow: hidden; } +.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; } +.ui-loader h1 { font-size: 15px; text-align: center; } +.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; } + +/*fouc*/ +.ui-mobile-rendering > * { visibility: hidden; } + +/*headers, content panels*/ +.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; } +.ui-bar { font-size: 16px; margin: 0; } +.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; } + +.ui-header, .ui-footer { display: block; } +.ui-page .ui-header, .ui-page .ui-footer { position: relative; } +.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; } +.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; } +.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; } + +/*content area*/ +.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; } +.ui-page-fullscreen .ui-content { padding:0; } + +/* native fixed headers and footers */ +.ui-mobile-touch-overflow.ui-page.ui-native-fixed, +.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen { + overflow: visible; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-header, +.ui-mobile-touch-overflow.ui-native-fixed .ui-footer { + position: fixed; + left: 0; + right: 0; + top: 0; + z-index: 200; +} +.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer { + top: auto; + bottom: 0; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-content { + padding-top: 2.5em; + padding-bottom: 3em; + top: 0; + bottom: 0; + height: auto; + position: absolute; +} +.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content { + padding-top: 0; + padding-bottom: 0; +} +.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header, +.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer { + opacity: .9; +} +.ui-native-bars-hidden { + display: none; +} + +/* icons sizing */ +.ui-icon { width: 18px; height: 18px; } + +/* fullscreen class on ui-content div */ +.ui-fullscreen { } +.ui-fullscreen img { max-width: 100%; } + +/* non-js content hiding */ +.ui-nojs { position: absolute; left: -9999px; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.spin { + -webkit-transform: rotate(360deg); + -webkit-animation-name: spin; + -webkit-animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; +} +@-webkit-keyframes spin { + from {-webkit-transform: rotate(0deg);} + to {-webkit-transform: rotate(360deg);} +} + +/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/ +Built by David Kaneda and maintained by Jonathan Stark. +*/ +.in, .out { + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-duration: 350ms; +} + + +.slide.out { + -webkit-transform: translateX(-100%); + -webkit-animation-name: slideouttoleft; +} + +.slide.in { + -webkit-transform: translateX(0); + -webkit-animation-name: slideinfromright; +} + +.slide.out.reverse { + -webkit-transform: translateX(100%); + -webkit-animation-name: slideouttoright; +} + +.slide.in.reverse { + -webkit-transform: translateX(0); + -webkit-animation-name: slideinfromleft; +} + +.slideup.out { + -webkit-animation-name: dontmove; + z-index: 0; +} + +.slideup.in { + -webkit-transform: translateY(0); + -webkit-animation-name: slideinfrombottom; + z-index: 10; +} + +.slideup.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +.slideup.out.reverse { + -webkit-transform: translateY(100%); + z-index: 10; + -webkit-animation-name: slideouttobottom; +} + +.slidedown.out { + -webkit-animation-name: dontmove; + z-index: 0; +} + +.slidedown.in { + -webkit-transform: translateY(0); + -webkit-animation-name: slideinfromtop; + z-index: 10; +} + +.slidedown.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +.slidedown.out.reverse { + -webkit-transform: translateY(-100%); + z-index: 10; + -webkit-animation-name: slideouttotop; +} + +@-webkit-keyframes slideinfromright { + from { -webkit-transform: translateX(100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideinfromleft { + from { -webkit-transform: translateX(-100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideouttoleft { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(-100%); } +} + +@-webkit-keyframes slideouttoright { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(100%); } +} + +@-webkit-keyframes slideinfromtop { + from { -webkit-transform: translateY(-100%); } + to { -webkit-transform: translateY(0); } +} + +@-webkit-keyframes slideinfrombottom { + from { -webkit-transform: translateY(100%); } + to { -webkit-transform: translateY(0); } +} + +@-webkit-keyframes slideouttobottom { + from { -webkit-transform: translateY(0); } + to { -webkit-transform: translateY(100%); } +} + +@-webkit-keyframes slideouttotop { + from { -webkit-transform: translateY(0); } + to { -webkit-transform: translateY(-100%); } +} +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +@-webkit-keyframes fadeout { + from { opacity: 1; } + to { opacity: 0; } +} + +.fade.out { + z-index: 0; + -webkit-animation-name: fadeout; +} + +.fade.in { + opacity: 1; + z-index: 10; + -webkit-animation-name: fadein; +} + +/* The properties in this rule are only necessary for the 'flip' transition. + * We need specify the perspective to create a projection matrix. This will add + * some depth as the element flips. The depth number represents the distance of + * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate + * value. + */ +.viewport-flip { + -webkit-perspective: 1000; + position: absolute; +} + +.ui-mobile-viewport-transitioning, +.ui-mobile-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; +} + +.flip { + -webkit-animation-duration: .65s; + -webkit-backface-visibility:hidden; + -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */ +} + +.flip.out { + -webkit-transform: rotateY(-180deg) scale(.8); + -webkit-animation-name: flipouttoleft; +} + +.flip.in { + -webkit-transform: rotateY(0) scale(1); + -webkit-animation-name: flipinfromleft; +} + +/* Shake it all about */ + +.flip.out.reverse { + -webkit-transform: rotateY(180deg) scale(.8); + -webkit-animation-name: flipouttoright; +} + +.flip.in.reverse { + -webkit-transform: rotateY(0) scale(1); + -webkit-animation-name: flipinfromright; +} + +@-webkit-keyframes flipinfromright { + from { -webkit-transform: rotateY(-180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipinfromleft { + from { -webkit-transform: rotateY(180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipouttoleft { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(-180deg) scale(.8); } +} + +@-webkit-keyframes flipouttoright { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(180deg) scale(.8); } +} + + +/* Hackish, but reliable. */ + +@-webkit-keyframes dontmove { + from { opacity: 1; } + to { opacity: 1; } +} + +.pop { + -webkit-transform-origin: 50% 50%; +} + +.pop.in { + -webkit-transform: scale(1); + opacity: 1; + -webkit-animation-name: popin; + z-index: 10; +} + +.pop.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +.pop.out.reverse { + -webkit-transform: scale(.2); + opacity: 0; + -webkit-animation-name: popout; + z-index: 10; +} + +@-webkit-keyframes popin { + from { + -webkit-transform: scale(.2); + opacity: 0; + } + to { + -webkit-transform: scale(1); + opacity: 1; + } +} + +@-webkit-keyframes popout { + from { + -webkit-transform: scale(1); + opacity: 1; + } + to { + -webkit-transform: scale(.2); + opacity: 0; + } +}/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ + +/* content configurations. */ +.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; } +.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;} + +/* grid solo: 100 - single item fallback */ +.ui-grid-solo .ui-block-a { width: 100%; float: none; } + +/* grid a: 50/50 */ +.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; } +.ui-grid-a .ui-block-a { clear: left; } + +/* grid b: 33/33/33 */ +.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; } +.ui-grid-b .ui-block-a { clear: left; } + +/* grid c: 25/25/25/25 */ +.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; } +.ui-grid-c .ui-block-a { clear: left; } + +/* grid d: 20/20/20/20/20 */ +.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; } +.ui-grid-d .ui-block-a { clear: left; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +/* fixed page header & footer configuration */ +.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; } +.ui-header-fixed, .ui-footer-fixed { + z-index: 1000; + -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */ +} +.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; } +.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-navbar { overflow: hidden; } +.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;} +.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; } +.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; } +.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; } +.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; } +.ui-navbar li .ui-btn { margin-right: -1px; } +.ui-navbar li .ui-btn:last-child { margin-right: 0; } +.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn, +.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; } +.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; } +.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; } +/*expanded page styles*/ +.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; } +.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; } +.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; } +.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; } +.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; } +.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; } +.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; } +.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; } +.ui-btn:focus, .ui-btn:active { outline: none; } +.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; } +.ui-btn-inline { display: inline-block; } +.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; } +.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; } +.ui-btn-icon-notext { width: 24px; height: 24px; } +.ui-btn-icon-notext .ui-btn-inner { padding: 2px 1px 2px 3px; } +.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; } +.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; } +.ui-header .ui-btn-icon-left .ui-btn-inner, +.ui-footer .ui-btn-icon-left .ui-btn-inner, +.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; } +.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; } +.ui-header .ui-btn-icon-right .ui-btn-inner, +.ui-footer .ui-btn-icon-right .ui-btn-inner, +.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; } +.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; } +.ui-header .ui-btn-icon-top .ui-btn-inner, +.ui-footer .ui-btn-icon-top .ui-btn-inner, +.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; } +.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; } +.ui-header .ui-btn-icon-bottom .ui-btn-inner, +.ui-footer .ui-btn-icon-bottom .ui-btn-inner, +.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; } + +/*btn icon positioning*/ +.ui-btn-icon-notext .ui-icon { display: block; } +.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; } +.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; } +.ui-btn-icon-left .ui-icon { left: 10px; } +.ui-btn-icon-right .ui-icon { right: 10px; } +.ui-btn-icon-top .ui-icon { top: 10px; } +.ui-btn-icon-bottom .ui-icon { bottom: 10px; } +.ui-header .ui-btn-icon-left .ui-icon, +.ui-footer .ui-btn-icon-left .ui-icon, +.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; } +.ui-header .ui-btn-icon-right .ui-icon, +.ui-footer .ui-btn-icon-right .ui-icon, +.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; } +.ui-header .ui-btn-icon-top .ui-icon, +.ui-footer .ui-btn-icon-top .ui-icon, +.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; } +.ui-header .ui-btn-icon-bottom .ui-icon, +.ui-footer .ui-btn-icon-bottom .ui-icon, +.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; } + +/*hiding native button,inputs */ +.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: transparent; font-size: 1px; border: none; line-height: 999px; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-collapsible { margin: .5em 0; } +.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; } +.ui-collapsible-heading a { text-align: left; margin: 0; } +.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; } +.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; } +.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; } +.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; } +.ui-collapsible-heading-status { position:absolute; left:-9999px; } +.ui-collapsible-content { + display: block; + margin: 0 -8px; + padding: 10px 16px; + border-top: none; /* Overrides ui-btn-up-* */ + background-image: none; /* Overrides ui-btn-up-* */ + font-weight: normal; /* Overrides ui-btn-up-* */ +} +.ui-collapsible-content-collapsed { display: none; } + +.ui-collapsible-set { margin: .5em 0; } +.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; } +.ui-bar .ui-controlgroup { margin: 0 .3em; } +.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; } +.ui-controlgroup-controls { display: block; width: 95%;} +.ui-controlgroup li { list-style: none; } +.ui-controlgroup-vertical .ui-btn, +.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; } +.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; } +.ui-controlgroup-horizontal { padding: 0; } +.ui-controlgroup-horizontal .ui-btn { display: inline-block; margin: 0 -5px 0 0; } +.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; margin: 0 -1px 0 0; } +.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn, +.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; } +.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; } +.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; } +/* conflicts with listview.. +.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; } +.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; } +*/ + +@media all and (min-width: 450px){ + .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } + .ui-controlgroup-controls { width: 60%; display: inline-block; } +} /* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-dialog { min-height: 480px; } +.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; } +.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; } +.ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; } +.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; } +.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; } +.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; } +.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } +.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; } +.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; } +.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; } +/* input, label positioning */ +.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; } +.ui-field-contain:first-child { border-top-width: 0; } +@media all and (min-width: 450px){ + .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; } +} /* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-select { display: block; position: relative; } +.ui-select select { position: absolute; left: -9999px; top: -9999px; } +.ui-select .ui-btn { overflow: hidden; } +.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; } +@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }} +.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; } + +.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } +.ui-select .ui-btn-icon-right .ui-icon { right: 15px; } + +/* labels */ +label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } + +/*listbox*/ +.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; } +.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden;} + +.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; } +.ui-selectmenu .ui-listview { margin: 0; } +.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; } +.ui-selectmenu-hidden { top: -9999px; left: -9999px; } +.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } +.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; } +.ui-selectmenu-list .ui-li .ui-icon { display: block; } +.ui-li.ui-selectmenu-placeholder { display: none; } +.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; } + +@media all and (min-width: 450px){ + label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } + .ui-select { width: 60%; display: inline-block; } +} + +/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */ +.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; } +input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; } +input.ui-input-text { -webkit-appearance: none; } +textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; } +.ui-input-search { padding: 0 30px; width: 77%; background-image: none; position: relative; } +.ui-icon-searchfield:after { position: absolute; left: 7px; top: 50%; margin-top: -9px; content: ""; width: 18px; height: 18px; opacity: .5; } +.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; } +.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; } +.ui-input-search .ui-input-clear-hidden { display: none; } + +/* orientation adjustments - incomplete!*/ +@media all and (min-width: 450px){ + label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 } + input.ui-input-text, + textarea.ui-input-text, + .ui-input-search { width: 60%; display: inline-block; } + .ui-input-search { width: 50%; } + .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ } +}/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-listview { margin: 0; counter-reset: listnumbering; } +.ui-content .ui-listview { margin: -15px; } +.ui-content .ui-listview-inset { margin: 1em 0; } +.ui-listview, .ui-li { list-style:none; padding:0; } +.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; } +.ui-li .ui-btn-text { position: relative; z-index: 1; } +.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; } +.ui-li-divider { counter-reset: listnumbering; } +ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; } +ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */ +.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; } +.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; } +.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; } +.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 15px .7em 15px; display: block; } +.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; } +.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; } +.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count { padding-right: 45px; } +.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow { padding-right: 30px; } +.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count { padding-right: 75px; } +.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; } +.ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; } +.ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; } + +.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; } +@media all and (min-width: 480px){ + .ui-li-aside { width: 45%; } +} +.ui-li-divider { cursor: default; } +.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; } +.ui-li-has-count .ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; } +.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; } +.ui-li-has-alt .ui-li-count { right: 55px; } +.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; } +.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; z-index: -1;} +.ui-li-link-alt .ui-btn-inner { padding: 0; height: 100%; position: absolute; width: 100%; top: 0; left: 0;} +.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; } + +.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { border-top: 0px; } + +.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px } +.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; } + +.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; } +.ui-li.ui-screen-hidden{display:none;} +/* Odd iPad positioning issue. */ +@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { + .ui-li .ui-btn-text { overflow: visible; } +}/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +label.ui-slider { display: block; } +input.ui-slider-input { display: inline-block; width: 50px; } +select.ui-slider-switch { display: none; } +div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; } +a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; } +a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; } +@media all and (min-width: 480px){ + label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } + div.ui-slider { width: 45%; } +} + +div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; } +div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; } +a.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; } +div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; } +div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; } +div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; } +.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; } +.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; } + +div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; } +span.ui-slider-label { width: 100%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent; } +span.ui-slider-label-a { left: -100%; margin-right: -1px } +span.ui-slider-label-b { right: -100%; margin-left: -1px } diff --git a/libs/css/jquery.mobile-1.0rc1.min.css b/libs/css/jquery.mobile-1.0rc1.min.css new file mode 100644 index 0000000..40d4b8f --- /dev/null +++ b/libs/css/jquery.mobile-1.0rc1.min.css @@ -0,0 +1,12 @@ +/*! + * jQuery Mobile v1.0rc1 + * http://jquerymobile.com/ + * + * Copyright 2010, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + *//*! +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/.ui-bar-a{border:1px solid #2a2a2a;background:#111;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));background-image:-webkit-linear-gradient(top,#3c3c3c,#111);background-image:-moz-linear-gradient(top,#3c3c3c,#111);background-image:-ms-linear-gradient(top,#3c3c3c,#111);background-image:-o-linear-gradient(top,#3c3c3c,#111);background-image:linear-gradient(top,#3c3c3c,#111)}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif}.ui-bar-a .ui-link-inherit{color:#fff}.ui-bar-a .ui-link{color:#7cc4e7;font-weight:bold}.ui-body-a{border:1px solid #2a2a2a;background:#222;color:#fff;text-shadow:0 1px 0 #000;font-weight:normal;background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#222));background-image:-webkit-linear-gradient(top,#666,#222);background-image:-moz-linear-gradient(top,#666,#222);background-image:-ms-linear-gradient(top,#666,#222);background-image:-o-linear-gradient(top,#666,#222);background-image:linear-gradient(top,#666,#222)}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif}.ui-body-a .ui-link-inherit{color:#fff}.ui-body-a .ui-link{color:#2489ce;font-weight:bold}.ui-br{border-bottom:#828282;border-bottom:rgba(130,130,130,.3);border-bottom-width:1px;border-bottom-style:solid}.ui-btn-up-a{border:1px solid #222;background:#333;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));background-image:-webkit-linear-gradient(top,#555,#333);background-image:-moz-linear-gradient(top,#555,#333);background-image:-ms-linear-gradient(top,#555,#333);background-image:-o-linear-gradient(top,#555,#333);background-image:linear-gradient(top,#555,#333)}.ui-btn-up-a a.ui-link-inherit{color:#fff}.ui-btn-hover-a{border:1px solid #000;background:#444;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#444));background-image:-webkit-linear-gradient(top,#666,#444);background-image:-moz-linear-gradient(top,#666,#444);background-image:-ms-linear-gradient(top,#666,#444);background-image:-o-linear-gradient(top,#666,#444);background-image:linear-gradient(top,#666,#444)}.ui-btn-hover-a a.ui-link-inherit{color:#fff}.ui-btn-down-a{border:1px solid #000;background:#3d3d3d;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #000;background-image:-webkit-gradient(linear,left top,left bottom,from(#333),to(#5a5a5a));background-image:-webkit-linear-gradient(top,#333,#5a5a5a);background-image:-moz-linear-gradient(top,#333,#5a5a5a);background-image:-ms-linear-gradient(top,#333,#5a5a5a);background-image:-o-linear-gradient(top,#333,#5a5a5a);background-image:linear-gradient(top,#333,#5a5a5a)}.ui-btn-down-a a.ui-link-inherit{color:#fff}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-b{border:1px solid #456f9a;background:#5e87b0;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #254f7a;background-image:-webkit-gradient(linear,left top,left bottom,from(#81a8ce),to(#5e87b0));background-image:-webkit-linear-gradient(top,#81a8ce,#5e87b0);background-image:-moz-linear-gradient(top,#81a8ce,#5e87b0);background-image:-ms-linear-gradient(top,#81a8ce,#5e87b0);background-image:-o-linear-gradient(top,#81a8ce,#5e87b0);background-image:linear-gradient(top,#81a8ce,#5e87b0)}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif}.ui-bar-b .ui-link-inherit{color:#fff}.ui-bar-b .ui-link{color:#7cc4e7;font-weight:bold}.ui-body-b{border:1px solid #c6c6c6;background:#ccc;color:#333;text-shadow:0 1px 0 #fff;font-weight:normal;background-image:-webkit-gradient(linear,left top,left bottom,from(#e6e6e6),to(#ccc));background-image:-webkit-linear-gradient(top,#e6e6e6,#ccc);background-image:-moz-linear-gradient(top,#e6e6e6,#ccc);background-image:-ms-linear-gradient(top,#e6e6e6,#ccc);background-image:-o-linear-gradient(top,#e6e6e6,#ccc);background-image:linear-gradient(top,#e6e6e6,#ccc)}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif}.ui-body-b .ui-link-inherit{color:#333}.ui-body-b .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-b{border:1px solid #145072;background:#2567ab;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #145072;background-image:-webkit-gradient(linear,left top,left bottom,from(#5f9cc5),to(#396b9e));background-image:-webkit-linear-gradient(top,#5f9cc5,#396b9e);background-image:-moz-linear-gradient(top,#5f9cc5,#396b9e);background-image:-ms-linear-gradient(top,#5f9cc5,#396b9e);background-image:-o-linear-gradient(top,#5f9cc5,#396b9e);background-image:linear-gradient(top,#5f9cc5,#396b9e)}.ui-btn-up-b a.ui-link-inherit{color:#fff}.ui-btn-hover-b{border:1px solid #00516e;background:#4b88b6;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #014d68;background-image:-webkit-gradient(linear,left top,left bottom,from(#72b0d4),to(#4b88b6));background-image:-webkit-linear-gradient(top,#72b0d4,#4b88b6);background-image:-moz-linear-gradient(top,#72b0d4,#4b88b6);background-image:-ms-linear-gradient(top,#72b0d4,#4b88b6);background-image:-o-linear-gradient(top,#72b0d4,#4b88b6);background-image:linear-gradient(top,#72b0d4,#4b88b6)}.ui-btn-hover-b a.ui-link-inherit{color:#fff}.ui-btn-down-b{border:1px solid #225377;background:#4e89c5;font-weight:bold;color:#fff;text-shadow:0 -1px 1px #225377;background-image:-webkit-gradient(linear,left top,left bottom,from(#396b9e),to(#4e89c5));background-image:-webkit-linear-gradient(top,#396b9e,#4e89c5);background-image:-moz-linear-gradient(top,#396b9e,#4e89c5);background-image:-ms-linear-gradient(top,#396b9e,#4e89c5);background-image:-o-linear-gradient(top,#396b9e,#4e89c5);background-image:linear-gradient(top,#396b9e,#4e89c5)}.ui-btn-down-b a.ui-link-inherit{color:#fff}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-c{border:1px solid #b3b3b3;background:#e9eaeb;color:#3e3e3e;font-weight:bold;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#e9eaeb));background-image:-webkit-linear-gradient(top,#f0f0f0,#e9eaeb);background-image:-moz-linear-gradient(top,#f0f0f0,#e9eaeb);background-image:-ms-linear-gradient(top,#f0f0f0,#e9eaeb);background-image:-o-linear-gradient(top,#f0f0f0,#e9eaeb);background-image:linear-gradient(top,#f0f0f0,#e9eaeb)}.ui-bar-c .ui-link{color:#2489ce;font-weight:bold}.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{font-family:Helvetica,Arial,sans-serif}.ui-body-c{border:1px solid #b3b3b3;color:#333;text-shadow:0 1px 0 #fff;background:#f0f0f0;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#ddd));background-image:-webkit-linear-gradient(top,#eee,#ddd);background-image:-moz-linear-gradient(top,#eee,#ddd);background-image:-ms-linear-gradient(top,#eee,#ddd);background-image:-o-linear-gradient(top,#eee,#ddd);background-image:linear-gradient(top,#eee,#ddd)}.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{font-family:Helvetica,Arial,sans-serif}.ui-body-c .ui-link-inherit{color:#333}.ui-body-c .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-c{border:1px solid #ccc;background:#eee;font-weight:bold;color:#444;text-shadow:0 1px 1px #f6f6f6;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);background-image:-moz-linear-gradient(top,#fdfdfd,#eee);background-image:-ms-linear-gradient(top,#fdfdfd,#eee);background-image:-o-linear-gradient(top,#fdfdfd,#eee);background-image:linear-gradient(top,#fdfdfd,#eee)}.ui-btn-up-c a.ui-link-inherit{color:#2f3e46}.ui-btn-hover-c{border:1px solid #bbb;background:#dadada;font-weight:bold;color:#101010;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#ededed),to(#dadada));background-image:-webkit-linear-gradient(top,#ededed,#dadada);background-image:-moz-linear-gradient(top,#ededed,#dadada);background-image:-ms-linear-gradient(top,#ededed,#dadada);background-image:-o-linear-gradient(top,#ededed,#dadada);background-image:linear-gradient(top,#ededed,#dadada)}.ui-btn-hover-c a.ui-link-inherit{color:#2f3e46}.ui-btn-down-c{border:1px solid #808080;background:#fdfdfd;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fdfdfd));background-image:-webkit-linear-gradient(top,#eee,#fdfdfd);background-image:-moz-linear-gradient(top,#eee,#fdfdfd);background-image:-ms-linear-gradient(top,#eee,#fdfdfd);background-image:-o-linear-gradient(top,#eee,#fdfdfd);background-image:linear-gradient(top,#eee,#fdfdfd)}.ui-btn-down-c a.ui-link-inherit{color:#2f3e46}.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-d{border:1px solid #ccc;background:#bbb;color:#333;text-shadow:0 1px 0 #eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#bbb));background-image:-webkit-linear-gradient(top,#ddd,#bbb);background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:-o-linear-gradient(top,#ddd,#bbb);background-image:linear-gradient(top,#ddd,#bbb)}.ui-bar-d,.ui-bar-d input,.ui-bar-d select,.ui-bar-d textarea,.ui-bar-d button{font-family:Helvetica,Arial,sans-serif}.ui-bar-d .ui-link-inherit{color:#333}.ui-bar-d .ui-link{color:#2489ce;font-weight:bold}.ui-body-d{border:1px solid #ccc;color:#333;text-shadow:0 1px 0 #fff;background:#fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:-webkit-linear-gradient(top,#fff,#fff);background-image:-moz-linear-gradient(top,#fff,#fff);background-image:-ms-linear-gradient(top,#fff,#fff);background-image:-o-linear-gradient(top,#fff,#fff);background-image:linear-gradient(top,#fff,#fff)}.ui-body-d,.ui-body-d input,.ui-body-d select,.ui-body-d textarea,.ui-body-d button{font-family:Helvetica,Arial,sans-serif}.ui-body-d .ui-link-inherit{color:#333}.ui-body-d .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-d{border:1px solid #ccc;background:#fff;font-weight:bold;color:#444;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));background-image:-webkit-linear-gradient(top,#fff,#fff);background-image:-moz-linear-gradient(top,#fff,#fff);background-image:-ms-linear-gradient(top,#fff,#fff);background-image:-o-linear-gradient(top,#fff,#fff);background-image:linear-gradient(top,#fff,#fff)}.ui-btn-up-d a.ui-link-inherit{color:#333}.ui-btn-hover-d{border:1px solid #aaa;background:#eee;font-weight:bold;color:#222;cursor:pointer;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);background-image:-moz-linear-gradient(top,#fdfdfd,#eee);background-image:-ms-linear-gradient(top,#fdfdfd,#eee);background-image:-o-linear-gradient(top,#fdfdfd,#eee);background-image:linear-gradient(top,#fdfdfd,#eee)}.ui-btn-hover-d a.ui-link-inherit{color:#222}.ui-btn-down-d{border:1px solid #aaa;background:#fff;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#fff));background-image:-webkit-linear-gradient(top,#eee,#fff);background-image:-moz-linear-gradient(top,#eee,#fff);background-image:-ms-linear-gradient(top,#eee,#fff);background-image:-o-linear-gradient(top,#eee,#fff);background-image:linear-gradient(top,#eee,#fff)}.ui-btn-down-d a.ui-link-inherit{color:#111}.ui-btn-up-d,.ui-btn-hover-d,.ui-btn-down-d{font-family:Helvetica,Arial,sans-serif;text-decoration:none}.ui-bar-e{border:1px solid #f7c942;background:#fadb4e;color:#333;text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fceda7),to(#fadb4e));background-image:-webkit-linear-gradient(top,#fceda7,#fadb4e);background-image:-moz-linear-gradient(top,#fceda7,#fadb4e);background-image:-ms-linear-gradient(top,#fceda7,#fadb4e);background-image:-o-linear-gradient(top,#fceda7,#fadb4e);background-image:linear-gradient(top,#fceda7,#fadb4e)}.ui-bar-e,.ui-bar-e input,.ui-bar-e select,.ui-bar-e textarea,.ui-bar-e button{font-family:Helvetica,Arial,sans-serif}.ui-bar-e .ui-link-inherit{color:#333}.ui-bar-e .ui-link{color:#2489ce;font-weight:bold}.ui-body-e{border:1px solid #f7c942;color:#333;text-shadow:0 1px 0 #fff;background:#faeb9e;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#faeb9e));background-image:-webkit-linear-gradient(top,#fff,#faeb9e);background-image:-moz-linear-gradient(top,#fff,#faeb9e);background-image:-ms-linear-gradient(top,#fff,#faeb9e);background-image:-o-linear-gradient(top,#fff,#faeb9e);background-image:linear-gradient(top,#fff,#faeb9e)}.ui-body-e,.ui-body-e input,.ui-body-e select,.ui-body-e textarea,.ui-body-e button{font-family:Helvetica,Arial,sans-serif}.ui-body-e .ui-link-inherit{color:#333}.ui-body-e .ui-link{color:#2489ce;font-weight:bold}.ui-btn-up-e{border:1px solid #f7c942;background:#fadb4e;font-weight:bold;color:#333;text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fceda7),to(#fadb4e));background-image:-webkit-linear-gradient(top,#fceda7,#fadb4e);background-image:-moz-linear-gradient(top,#fceda7,#fadb4e);background-image:-ms-linear-gradient(top,#fceda7,#fadb4e);background-image:-o-linear-gradient(top,#fceda7,#fadb4e);background-image:linear-gradient(top,#fceda7,#fadb4e)}.ui-btn-up-e a.ui-link-inherit{color:#333}.ui-btn-hover-e{border:1px solid #e79952;background:#fbe26f;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf0b5),to(#fbe26f));background-image:-webkit-linear-gradient(top,#fcf0b5,#fbe26f);background-image:-moz-linear-gradient(top,#fcf0b5,#fbe26f);background-image:-ms-linear-gradient(top,#fcf0b5,#fbe26f);background-image:-o-linear-gradient(top,#fcf0b5,#fbe26f);background-image:linear-gradient(top,#fcf0b5,#fbe26f)}.ui-btn-hover-e a.ui-link-inherit{color:#333}.ui-btn-down-e{border:1px solid #f7c942;background:#fceda7;font-weight:bold;color:#111;text-shadow:0 1px 1px #fff;background-image:-webkit-gradient(linear,left top,left bottom,from(#fadb4e),to(#fceda7));background-image:-webkit-linear-gradient(top,#fadb4e,#fceda7);background-image:-moz-linear-gradient(top,#fadb4e,#fceda7);background-image:-ms-linear-gradient(top,#fadb4e,#fceda7);background-image:-o-linear-gradient(top,#fadb4e,#fceda7);background-image:linear-gradient(top,#fadb4e,#fceda7)}.ui-btn-down-e a.ui-link-inherit{color:#333}.ui-btn-up-e,.ui-btn-hover-e,.ui-btn-down-e{font-family:Helvetica,Arial,sans-serif;text-decoration:none}a.ui-link-inherit{text-decoration:none!important}.ui-link{color:#2489ce}.ui-link:hover{color:#2489ce}.ui-link:active{color:#2489ce}.ui-link:visited{color:#2489ce}.ui-btn-active{border:1px solid #155678;background:#4596ce;font-weight:bold;color:#fff;cursor:pointer;text-shadow:0 -1px 1px #145072;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from(#85bae4),to(#5393c5));background-image:-webkit-linear-gradient(top,#85bae4,#5393c5);background-image:-moz-linear-gradient(top,#85bae4,#5393c5);background-image:-ms-linear-gradient(top,#85bae4,#5393c5);background-image:-o-linear-gradient(top,#85bae4,#5393c5);background-image:linear-gradient(top,#85bae4,#5393c5);outline:0;font-family:Helvetica,Arial,sans-serif}.ui-btn-active a.ui-link-inherit{color:#fff}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3)}.ui-corner-tl{-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em}.ui-corner-tr{-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em}.ui-corner-bl{-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em}.ui-corner-br{-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em}.ui-corner-top{-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em;-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em}.ui-corner-bottom{-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em;-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em}.ui-corner-right{-moz-border-radius-topright:.6em;-webkit-border-top-right-radius:.6em;border-top-right-radius:.6em;-moz-border-radius-bottomright:.6em;-webkit-border-bottom-right-radius:.6em;border-bottom-right-radius:.6em}.ui-corner-left{-moz-border-radius-topleft:.6em;-webkit-border-top-left-radius:.6em;border-top-left-radius:.6em;-moz-border-radius-bottomleft:.6em;-webkit-border-bottom-left-radius:.6em;border-bottom-left-radius:.6em}.ui-corner-all{-moz-border-radius:.6em;-webkit-border-radius:.6em;border-radius:.6em}.ui-corner-none{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui-disabled{opacity:.3}.ui-disabled,.ui-disabled a{cursor:default}.ui-icon,.ui-icon-searchfield:after{background:#666;background:rgba(0,0,0,.4);background-image:url(images/icons-18-white.png);background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px}.ui-icon-alt{background:#fff;background:rgba(255,255,255,.3);background-image:url(images/icons-18-black.png);background-repeat:no-repeat}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(images/icons-36-white.png);-moz-background-size:776px 18px;-o-background-size:776px 18px;-webkit-background-size:776px 18px;background-size:776px 18px}.ui-icon-alt{background-image:url(images/icons-36-black.png)}}.ui-icon-plus{background-position:-0 50%}.ui-icon-minus{background-position:-36px 50%}.ui-icon-delete{background-position:-72px 50%}.ui-icon-arrow-r{background-position:-108px 50%}.ui-icon-arrow-l{background-position:-144px 50%}.ui-icon-arrow-u{background-position:-180px 50%}.ui-icon-arrow-d{background-position:-216px 50%}.ui-icon-check{background-position:-252px 50%}.ui-icon-gear{background-position:-288px 50%}.ui-icon-refresh{background-position:-324px 50%}.ui-icon-forward{background-position:-360px 50%}.ui-icon-back{background-position:-396px 50%}.ui-icon-grid{background-position:-432px 50%}.ui-icon-star{background-position:-468px 50%}.ui-icon-alert{background-position:-504px 50%}.ui-icon-info{background-position:-540px 50%}.ui-icon-home{background-position:-576px 50%}.ui-icon-search,.ui-icon-searchfield:after{background-position:-612px 50%}.ui-icon-checkbox-off{background-position:-684px 50%}.ui-icon-checkbox-on{background-position:-648px 50%}.ui-icon-radio-off{background-position:-756px 50%}.ui-icon-radio-on{background-position:-720px 50%}.ui-checkbox .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#4596ce}.ui-icon-loading{background-image:url(images/ajax-loader.png);width:40px;height:40px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;background-size:35px 35px}.ui-btn-corner-tl{-moz-border-radius-topleft:1em;-webkit-border-top-left-radius:1em;border-top-left-radius:1em}.ui-btn-corner-tr{-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em}.ui-btn-corner-bl{-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-bottom-left-radius:1em}.ui-btn-corner-br{-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em;border-bottom-right-radius:1em}.ui-btn-corner-top{-moz-border-radius-topleft:1em;-webkit-border-top-left-radius:1em;border-top-left-radius:1em;-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em}.ui-btn-corner-bottom{-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-bottom-left-radius:1em;-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em;border-bottom-right-radius:1em}.ui-btn-corner-right{-moz-border-radius-topright:1em;-webkit-border-top-right-radius:1em;border-top-right-radius:1em;-moz-border-radius-bottomright:1em;-webkit-border-bottom-right-radius:1em;border-bottom-right-radius:1em}.ui-btn-corner-left{-moz-border-radius-topleft:1em;-webkit-border-top-left-radius:1em;border-top-left-radius:1em;-moz-border-radius-bottomleft:1em;-webkit-border-bottom-left-radius:1em;border-bottom-left-radius:1em}.ui-btn-corner-all{-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}.ui-corner-tl,.ui-corner-tr,.ui-corner-bl,.ui-corner-br,.ui-corner-top,.ui-corner-bottom,.ui-corner-right,.ui-corner-left,.ui-corner-all,.ui-btn-corner-tl,.ui-btn-corner-tr,.ui-btn-corner-bl,.ui-btn-corner-br,.ui-btn-corner-top,.ui-btn-corner-bottom,.ui-btn-corner-right,.ui-btn-corner-left,.ui-btn-corner-all{-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.ui-overlay{background:#666;opacity:.5;filter:Alpha(Opacity=50);position:absolute;width:100%;height:100%}.ui-overlay-shadow{-moz-box-shadow:0 0 12px rgba(0,0,0,.6);-webkit-box-shadow:0 0 12px rgba(0,0,0,.6);box-shadow:0 0 12px rgba(0,0,0,.6)}.ui-shadow{-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3)}.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3)}.ui-shadow-inset{-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,.2);box-shadow:inset 0 1px 4px rgba(0,0,0,.2)}.ui-icon-shadow{-moz-box-shadow:0 1px 0 rgba(255,255,255,.4);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.4);box-shadow:0 1px 0 rgba(255,255,255,.4)}.ui-focus{-moz-box-shadow:0 0 12px #387bbe;-webkit-box-shadow:0 0 12px #387bbe;box-shadow:0 0 12px #387bbe}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui-mobile-nosupport-boxshadow .ui-focus{outline-width:2px}.ui-mobile,.ui-mobile body{height:100%}.ui-mobile fieldset,.ui-page{padding:0;margin:0}.ui-mobile a img,.ui-mobile fieldset{border:0}.ui-mobile-viewport{margin:0;overflow-x:hidden;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui-mobile [data-role=page],.ui-mobile [data-role=dialog],.ui-page{top:0;left:0;width:100%;min-height:100%;position:absolute;display:none;border:0}.ui-mobile .ui-page-active{display:block;overflow:visible}.ui-page{outline:0}.ui-page.ui-mobile-touch-overflow,.ui-mobile-touch-overflow.ui-native-fixed .ui-content{overflow:auto;height:100%;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;-ms-overflow-scrolling:touch;overflow-scrolling:touch}.ui-page.ui-mobile-touch-overflow,.ui-page.ui-mobile-touch-overflow *{-webkit-transform:rotateY(0)}.ui-page.ui-mobile-pre-transition{display:block}.ui-loading .ui-mobile-viewport{overflow:hidden!important}.ui-loading .ui-loader{display:block}.ui-loading .ui-page{overflow:hidden}.ui-loader{display:none;position:absolute;opacity:.85;z-index:100;left:50%;width:200px;margin-left:-130px;margin-top:-35px;padding:10px 30px}.ui-loader h1{font-size:15px;text-align:center}.ui-loader .ui-icon{position:static;display:block;opacity:.9;margin:0 auto;width:35px;height:35px;background-color:transparent}.ui-mobile-rendering>*{visibility:hidden}.ui-bar,.ui-body{position:relative;padding:.4em 15px;overflow:hidden;display:block;clear:both}.ui-bar{font-size:16px;margin:0}.ui-bar h1,.ui-bar h2,.ui-bar h3,.ui-bar h4,.ui-bar h5,.ui-bar h6{margin:0;padding:0;font-size:16px;display:inline-block}.ui-header,.ui-footer{display:block}.ui-page .ui-header,.ui-page .ui-footer{position:relative}.ui-header .ui-btn-left{position:absolute;left:10px;top:.4em}.ui-header .ui-btn-right{position:absolute;right:10px;top:.4em}.ui-header .ui-title,.ui-footer .ui-title{min-height:1.1em;text-align:center;font-size:16px;display:block;margin:.6em 90px .8em;padding:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;outline:0!important}.ui-content{border-width:0;overflow:visible;overflow-x:hidden;padding:15px}.ui-page-fullscreen .ui-content{padding:0}.ui-mobile-touch-overflow.ui-page.ui-native-fixed,.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen{overflow:visible}.ui-mobile-touch-overflow.ui-native-fixed .ui-header,.ui-mobile-touch-overflow.ui-native-fixed .ui-footer{position:fixed;left:0;right:0;top:0;z-index:200}.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer{top:auto;bottom:0}.ui-mobile-touch-overflow.ui-native-fixed .ui-content{padding-top:2.5em;padding-bottom:3em;top:0;bottom:0;height:auto;position:absolute}.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content{padding-top:0;padding-bottom:0}.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header,.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer{opacity:.9}.ui-native-bars-hidden{display:none}.ui-icon{width:18px;height:18px}.ui-fullscreen img{max-width:100%}.ui-nojs{position:absolute;left:-9999px}.spin{-webkit-transform:rotate(360deg);-webkit-animation-name:spin;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.in,.out{-webkit-animation-timing-function:ease-in-out;-webkit-animation-duration:350ms}.slide.out{-webkit-transform:translateX(-100%);-webkit-animation-name:slideouttoleft}.slide.in{-webkit-transform:translateX(0);-webkit-animation-name:slideinfromright}.slide.out.reverse{-webkit-transform:translateX(100%);-webkit-animation-name:slideouttoright}.slide.in.reverse{-webkit-transform:translateX(0);-webkit-animation-name:slideinfromleft}.slideup.out{-webkit-animation-name:dontmove;z-index:0}.slideup.in{-webkit-transform:translateY(0);-webkit-animation-name:slideinfrombottom;z-index:10}.slideup.in.reverse{z-index:0;-webkit-animation-name:dontmove}.slideup.out.reverse{-webkit-transform:translateY(100%);z-index:10;-webkit-animation-name:slideouttobottom}.slidedown.out{-webkit-animation-name:dontmove;z-index:0}.slidedown.in{-webkit-transform:translateY(0);-webkit-animation-name:slideinfromtop;z-index:10}.slidedown.in.reverse{z-index:0;-webkit-animation-name:dontmove}.slidedown.out.reverse{-webkit-transform:translateY(-100%);z-index:10;-webkit-animation-name:slideouttotop}@-webkit-keyframes slideinfromright{from{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes slideinfromleft{from{-webkit-transform:translateX(-100%)}to{-webkit-transform:translateX(0)}}@-webkit-keyframes slideouttoleft{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(-100%)}}@-webkit-keyframes slideouttoright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(100%)}}@-webkit-keyframes slideinfromtop{from{-webkit-transform:translateY(-100%)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes slideinfrombottom{from{-webkit-transform:translateY(100%)}to{-webkit-transform:translateY(0)}}@-webkit-keyframes slideouttobottom{from{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(100%)}}@-webkit-keyframes slideouttotop{from{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-100%)}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}.fade.out{z-index:0;-webkit-animation-name:fadeout}.fade.in{opacity:1;z-index:10;-webkit-animation-name:fadein}.viewport-flip{-webkit-perspective:1000;position:absolute}.ui-mobile-viewport-transitioning,.ui-mobile-viewport-transitioning .ui-page{width:100%;height:100%;overflow:hidden}.flip{-webkit-animation-duration:.65s;-webkit-backface-visibility:hidden;-webkit-transform:translateX(0)}.flip.out{-webkit-transform:rotateY(-180deg) scale(.8);-webkit-animation-name:flipouttoleft}.flip.in{-webkit-transform:rotateY(0) scale(1);-webkit-animation-name:flipinfromleft}.flip.out.reverse{-webkit-transform:rotateY(180deg) scale(.8);-webkit-animation-name:flipouttoright}.flip.in.reverse{-webkit-transform:rotateY(0) scale(1);-webkit-animation-name:flipinfromright}@-webkit-keyframes flipinfromright{from{-webkit-transform:rotateY(-180deg) scale(.8)}to{-webkit-transform:rotateY(0) scale(1)}}@-webkit-keyframes flipinfromleft{from{-webkit-transform:rotateY(180deg) scale(.8)}to{-webkit-transform:rotateY(0) scale(1)}}@-webkit-keyframes flipouttoleft{from{-webkit-transform:rotateY(0) scale(1)}to{-webkit-transform:rotateY(-180deg) scale(.8)}}@-webkit-keyframes flipouttoright{from{-webkit-transform:rotateY(0) scale(1)}to{-webkit-transform:rotateY(180deg) scale(.8)}}@-webkit-keyframes dontmove{from{opacity:1}to{opacity:1}}.pop{-webkit-transform-origin:50% 50%}.pop.in{-webkit-transform:scale(1);opacity:1;-webkit-animation-name:popin;z-index:10}.pop.in.reverse{z-index:0;-webkit-animation-name:dontmove}.pop.out.reverse{-webkit-transform:scale(.2);opacity:0;-webkit-animation-name:popout;z-index:10}@-webkit-keyframes popin{from{-webkit-transform:scale(.2);opacity:0}to{-webkit-transform:scale(1);opacity:1}}@-webkit-keyframes popout{from{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(.2);opacity:0}}.ui-grid-a,.ui-grid-b,.ui-grid-c,.ui-grid-d{overflow:hidden}.ui-block-a,.ui-block-b,.ui-block-c,.ui-block-d,.ui-block-e{margin:0;padding:0;border:0;float:left;min-height:1px}.ui-grid-solo .ui-block-a{width:100%;float:none}.ui-grid-a .ui-block-a,.ui-grid-a .ui-block-b{width:50%}.ui-grid-a .ui-block-a{clear:left}.ui-grid-b .ui-block-a,.ui-grid-b .ui-block-b,.ui-grid-b .ui-block-c{width:33.333%}.ui-grid-b .ui-block-a{clear:left}.ui-grid-c .ui-block-a,.ui-grid-c .ui-block-b,.ui-grid-c .ui-block-c,.ui-grid-c .ui-block-d{width:25%}.ui-grid-c .ui-block-a{clear:left}.ui-grid-d .ui-block-a,.ui-grid-d .ui-block-b,.ui-grid-d .ui-block-c,.ui-grid-d .ui-block-d,.ui-grid-d .ui-block-e{width:20%}.ui-grid-d .ui-block-a{clear:left}.ui-header,.ui-footer,.ui-page-fullscreen .ui-header,.ui-page-fullscreen .ui-footer{position:absolute;overflow:hidden;width:100%;border-left-width:0;border-right-width:0}.ui-header-fixed,.ui-footer-fixed{z-index:1000;-webkit-transform:translateZ(0)}.ui-footer-duplicate,.ui-page-fullscreen .ui-fixed-inline{display:none}.ui-page-fullscreen .ui-header,.ui-page-fullscreen .ui-footer{opacity:.9}.ui-navbar{overflow:hidden}.ui-navbar ul,.ui-navbar-expanded ul{list-style:none;padding:0;margin:0;position:relative;display:block;border:0}.ui-navbar-collapsed ul{float:left;width:75%;margin-right:-2px}.ui-navbar-collapsed .ui-navbar-toggle{float:left;width:25%}.ui-navbar li.ui-navbar-truncate{position:absolute;left:-9999px;top:-9999px}.ui-navbar li .ui-btn,.ui-navbar .ui-navbar-toggle .ui-btn{display:block;font-size:12px;text-align:center;margin:0;border-right-width:0}.ui-navbar li .ui-btn{margin-right:-1px}.ui-navbar li .ui-btn:last-child{margin-right:0}.ui-header .ui-navbar li .ui-btn,.ui-header .ui-navbar .ui-navbar-toggle .ui-btn,.ui-footer .ui-navbar li .ui-btn,.ui-footer .ui-navbar .ui-navbar-toggle .ui-btn{border-top-width:0;border-bottom-width:0}.ui-navbar .ui-btn-inner{padding-left:2px;padding-right:2px}.ui-navbar-noicons li .ui-btn .ui-btn-inner,.ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner{padding-top:.8em;padding-bottom:.9em}.ui-navbar-expanded .ui-btn{margin:0;font-size:14px}.ui-navbar-expanded .ui-btn-inner{padding-left:5px;padding-right:5px}.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner{padding:45px 5px 15px;text-align:center}.ui-navbar-expanded .ui-btn-icon-top .ui-icon{top:15px}.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner{padding:15px 5px 45px;text-align:center}.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon{bottom:15px}.ui-navbar-expanded li .ui-btn .ui-btn-inner{min-height:2.5em}.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner{padding-top:1.8em;padding-bottom:1.9em}.ui-btn{display:block;text-align:center;cursor:pointer;position:relative;margin:.5em 5px;padding:0}.ui-btn:focus,.ui-btn:active{outline:0}.ui-header .ui-btn,.ui-footer .ui-btn,.ui-bar .ui-btn{display:inline-block;font-size:13px;margin:0}.ui-btn-inline{display:inline-block}.ui-btn-inner{padding:.6em 25px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;zoom:1}.ui-header .ui-btn-inner,.ui-footer .ui-btn-inner,.ui-bar .ui-btn-inner{padding:.4em 8px .5em}.ui-btn-icon-notext{width:24px;height:24px}.ui-btn-icon-notext .ui-btn-inner{padding:2px 1px 2px 3px}.ui-btn-icon-notext .ui-btn-text{position:absolute;left:-999px}.ui-btn-icon-left .ui-btn-inner{padding-left:33px}.ui-header .ui-btn-icon-left .ui-btn-inner,.ui-footer .ui-btn-icon-left .ui-btn-inner,.ui-bar .ui-btn-icon-left .ui-btn-inner{padding-left:27px}.ui-btn-icon-right .ui-btn-inner{padding-right:33px}.ui-header .ui-btn-icon-right .ui-btn-inner,.ui-footer .ui-btn-icon-right .ui-btn-inner,.ui-bar .ui-btn-icon-right .ui-btn-inner{padding-right:27px}.ui-btn-icon-top .ui-btn-inner{padding-top:33px}.ui-header .ui-btn-icon-top .ui-btn-inner,.ui-footer .ui-btn-icon-top .ui-btn-inner,.ui-bar .ui-btn-icon-top .ui-btn-inner{padding-top:27px}.ui-btn-icon-bottom .ui-btn-inner{padding-bottom:33px}.ui-header .ui-btn-icon-bottom .ui-btn-inner,.ui-footer .ui-btn-icon-bottom .ui-btn-inner,.ui-bar .ui-btn-icon-bottom .ui-btn-inner{padding-bottom:27px}.ui-btn-icon-notext .ui-icon{display:block}.ui-btn-icon-left .ui-icon,.ui-btn-icon-right .ui-icon{position:absolute;top:50%;margin-top:-9px}.ui-btn-icon-top .ui-icon,.ui-btn-icon-bottom .ui-icon{position:absolute;left:50%;margin-left:-9px}.ui-btn-icon-left .ui-icon{left:10px}.ui-btn-icon-right .ui-icon{right:10px}.ui-btn-icon-top .ui-icon{top:10px}.ui-btn-icon-bottom .ui-icon{bottom:10px}.ui-header .ui-btn-icon-left .ui-icon,.ui-footer .ui-btn-icon-left .ui-icon,.ui-bar .ui-btn-icon-left .ui-icon{left:4px}.ui-header .ui-btn-icon-right .ui-icon,.ui-footer .ui-btn-icon-right .ui-icon,.ui-bar .ui-btn-icon-right .ui-icon{right:4px}.ui-header .ui-btn-icon-top .ui-icon,.ui-footer .ui-btn-icon-top .ui-icon,.ui-bar .ui-btn-icon-top .ui-icon{top:4px}.ui-header .ui-btn-icon-bottom .ui-icon,.ui-footer .ui-btn-icon-bottom .ui-icon,.ui-bar .ui-btn-icon-bottom .ui-icon{bottom:4px}.ui-btn-hidden{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:button;opacity:.1;cursor:pointer;background:transparent;font-size:1px;border:0;line-height:999px}.ui-collapsible{margin:.5em 0}.ui-collapsible-heading{font-size:16px;display:block;margin:0 -8px;padding:0;border-width:0 0 1px 0;position:relative}.ui-collapsible-heading a{text-align:left;margin:0}.ui-collapsible-heading a .ui-btn-inner{padding-left:40px}.ui-collapsible-heading a span.ui-btn{position:absolute;left:6px;top:50%;margin:-12px 0 0 0;width:20px;height:20px;padding:1px 0 1px 2px;text-indent:-9999px}.ui-collapsible-heading a span.ui-btn .ui-btn-inner{padding:10px 0}.ui-collapsible-heading a span.ui-btn .ui-icon{left:0;margin-top:-10px}.ui-collapsible-heading-status{position:absolute;left:-9999px}.ui-collapsible-content{display:block;margin:0 -8px;padding:10px 16px;border-top:0;background-image:none;font-weight:normal}.ui-collapsible-content-collapsed{display:none}.ui-collapsible-set{margin:.5em 0}.ui-collapsible-set .ui-collapsible{margin:-1px 0 0}.ui-controlgroup,fieldset.ui-controlgroup{padding:0;margin:.5em 0 1em}.ui-bar .ui-controlgroup{margin:0 .3em}.ui-controlgroup-label{font-size:16px;line-height:1.4;font-weight:normal;margin:0 0 .3em}.ui-controlgroup-controls{display:block;width:95%}.ui-controlgroup li{list-style:none}.ui-controlgroup-vertical .ui-btn,.ui-controlgroup-vertical .ui-checkbox,.ui-controlgroup-vertical .ui-radio{margin:0;border-bottom-width:0}.ui-controlgroup-vertical .ui-controlgroup-last{border-bottom-width:1px}.ui-controlgroup-horizontal{padding:0}.ui-controlgroup-horizontal .ui-btn{display:inline-block;margin:0 -5px 0 0}.ui-controlgroup-horizontal .ui-checkbox,.ui-controlgroup-horizontal .ui-radio{float:left;margin:0 -1px 0 0}.ui-controlgroup-horizontal .ui-checkbox .ui-btn,.ui-controlgroup-horizontal .ui-radio .ui-btn,.ui-controlgroup-horizontal .ui-checkbox:last-child,.ui-controlgroup-horizontal .ui-radio:last-child{margin-right:0}.ui-controlgroup-horizontal .ui-controlgroup-last{margin-right:0}.ui-controlgroup .ui-checkbox label,.ui-controlgroup .ui-radio label{font-size:16px}@media all and (min-width:450px){.ui-controlgroup-label{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0}.ui-controlgroup-controls{width:60%;display:inline-block}}.ui-dialog{min-height:480px}.ui-dialog .ui-header,.ui-dialog .ui-content,.ui-dialog .ui-footer{margin:15px;position:relative}.ui-dialog .ui-header,.ui-dialog .ui-footer{z-index:10;width:auto}.ui-dialog .ui-content,.ui-dialog .ui-footer{margin-top:-15px}.ui-checkbox,.ui-radio{position:relative;margin:.2em 0 .5em;z-index:1}.ui-checkbox .ui-btn,.ui-radio .ui-btn{margin:0;text-align:left;z-index:2}.ui-checkbox .ui-btn-inner,.ui-radio .ui-btn-inner{white-space:normal}.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner{padding-left:45px}.ui-checkbox .ui-btn-icon-right .ui-btn-inner,.ui-radio .ui-btn-icon-right .ui-btn-inner{padding-right:45px}.ui-checkbox .ui-icon,.ui-radio .ui-icon{top:1.1em}.ui-checkbox .ui-btn-icon-left .ui-icon,.ui-radio .ui-btn-icon-left .ui-icon{left:15px}.ui-checkbox .ui-btn-icon-right .ui-icon,.ui-radio .ui-btn-icon-right .ui-icon{right:15px}.ui-checkbox input,.ui-radio input{position:absolute;left:20px;top:50%;width:10px;height:10px;margin:-5px 0 0 0;outline:0!important;z-index:1}.ui-field-contain{padding:1.5em 0;margin:0;border-bottom-width:1px;overflow:visible}.ui-field-contain:first-child{border-top-width:0}@media all and (min-width:450px){.ui-field-contain{border-width:0;padding:0;margin:1em 0}}.ui-select{display:block;position:relative}.ui-select select{position:absolute;left:-9999px;top:-9999px}.ui-select .ui-btn{overflow:hidden}.ui-select .ui-btn select{cursor:pointer;-webkit-appearance:button;left:0;top:0;width:100%;min-height:1.5em;min-height:100%;height:3em;max-height:100%;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);z-index:2}@-moz-document url-prefix(){.ui-select .ui-btn select{opacity:.0001}}.ui-select .ui-btn select.ui-select-nativeonly{opacity:1;text-indent:0}.ui-select .ui-btn-icon-right .ui-btn-inner{padding-right:45px}.ui-select .ui-btn-icon-right .ui-icon{right:15px}label.ui-select{font-size:16px;line-height:1.4;font-weight:normal;margin:0 0 .3em;display:block}.ui-select .ui-btn-text,.ui-selectmenu .ui-btn-text{display:block;min-height:1em}.ui-select .ui-btn-text{text-overflow:ellipsis;overflow:hidden}.ui-selectmenu{position:absolute;padding:0;z-index:100!important;width:80%;max-width:350px;padding:6px}.ui-selectmenu .ui-listview{margin:0}.ui-selectmenu .ui-btn.ui-li-divider{cursor:default}.ui-selectmenu-hidden{top:-9999px;left:-9999px}.ui-selectmenu-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.ui-screen-hidden,.ui-selectmenu-list .ui-li .ui-icon{display:none}.ui-selectmenu-list .ui-li .ui-icon{display:block}.ui-li.ui-selectmenu-placeholder{display:none}.ui-selectmenu .ui-header .ui-title{margin:.6em 46px .8em}@media all and (min-width:450px){label.ui-select{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0}.ui-select{width:60%;display:inline-block}}.ui-selectmenu .ui-header h1:after{content:'.';visibility:hidden}label.ui-input-text{font-size:16px;line-height:1.4;display:block;font-weight:normal;margin:0 0 .3em}input.ui-input-text,textarea.ui-input-text{background-image:none;padding:.4em;line-height:1.4;font-size:16px;display:block;width:95%}input.ui-input-text{-webkit-appearance:none}textarea.ui-input-text{height:50px;-webkit-transition:height 200ms linear;-moz-transition:height 200ms linear;-o-transition:height 200ms linear;transition:height 200ms linear}.ui-input-search{padding:0 30px;width:77%;background-image:none;position:relative}.ui-icon-searchfield:after{position:absolute;left:7px;top:50%;margin-top:-9px;content:"";width:18px;height:18px;opacity:.5}.ui-input-search input.ui-input-text{border:0;width:98%;padding:.4em 0;margin:0;display:block;background:transparent none;outline:0!important}.ui-input-search .ui-input-clear{position:absolute;right:0;top:50%;margin-top:-14px}.ui-input-search .ui-input-clear-hidden{display:none}@media all and (min-width:450px){label.ui-input-text{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0}input.ui-input-text,textarea.ui-input-text,.ui-input-search{width:60%;display:inline-block}.ui-input-search{width:50%}.ui-input-search input.ui-input-text{width:98%}}.ui-listview{margin:0;counter-reset:listnumbering}.ui-content .ui-listview{margin:-15px}.ui-content .ui-listview-inset{margin:1em 0}.ui-listview,.ui-li{list-style:none;padding:0}.ui-li,.ui-li.ui-field-contain{display:block;margin:0;position:relative;overflow:visible;text-align:left;border-width:0;border-top-width:1px}.ui-li .ui-btn-text{position:relative;z-index:1}.ui-li .ui-btn-text a.ui-link-inherit{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-li-divider,.ui-li-static{padding:.5em 15px;font-size:14px;font-weight:bold}.ui-li-divider{counter-reset:listnumbering}ol.ui-listview .ui-link-inherit:before,ol.ui-listview .ui-li-static:before,.ui-li-dec{font-size:.8em;display:inline-block;padding-right:.3em;font-weight:normal;counter-increment:listnumbering;content:counter(listnumbering) ". "}ol.ui-listview .ui-li-jsnumbering:before{content:""!important}.ui-listview-inset .ui-li{border-right-width:1px;border-left-width:1px}.ui-li:last-child,.ui-li.ui-field-contain:last-child{border-bottom-width:1px}.ui-li>.ui-btn-inner{display:block;position:relative;padding:0}.ui-li .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li{padding:.7em 15px .7em 15px;display:block}.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-thumb{min-height:60px;padding-left:100px}.ui-li-has-icon .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-icon{min-height:20px;padding-left:40px}.ui-li-has-count .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-count{padding-right:45px}.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-arrow{padding-right:30px}.ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-arrow.ui-li-has-count{padding-right:75px}.ui-li-heading{font-size:16px;font-weight:bold;display:block;margin:.6em 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-li-desc{font-size:12px;font-weight:normal;display:block;margin:-.5em 0 .6em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.ui-li-thumb,.ui-li-icon{position:absolute;left:1px;top:0;max-height:80px;max-width:80px}.ui-li-icon{max-height:40px;max-width:40px;left:10px;top:.9em}.ui-li-thumb,.ui-li-icon,.ui-li-content{float:left;margin-right:10px}.ui-li-aside{float:right;width:50%;text-align:right;margin:.3em 0}@media all and (min-width:480px){.ui-li-aside{width:45%}}.ui-li-divider{cursor:default}.ui-li-has-alt .ui-btn-inner a.ui-link-inherit,.ui-li-static.ui-li-has-alt{padding-right:95px}.ui-li-has-count .ui-li-count{position:absolute;font-size:11px;font-weight:bold;padding:.2em .5em;top:50%;margin-top:-.9em;right:38px}.ui-li-divider .ui-li-count,.ui-li-static .ui-li-count{right:10px}.ui-li-has-alt .ui-li-count{right:55px}.ui-li-link-alt{position:absolute;width:40px;height:100%;border-width:0;border-left-width:1px;top:0;right:0;margin:0;padding:0;z-index:2}.ui-li-link-alt .ui-btn{overflow:hidden;position:absolute;right:8px;top:50%;margin:-11px 0 0 0;border-bottom-width:1px;z-index:-1}.ui-li-link-alt .ui-btn-inner{padding:0;height:100%;position:absolute;width:100%;top:0;left:0}.ui-li-link-alt .ui-btn .ui-icon{right:50%;margin-right:-9px}.ui-listview * .ui-btn-inner>.ui-btn>.ui-btn-inner{border-top:0}.ui-listview-filter{border-width:0;overflow:hidden;margin:-15px -15px 15px -15px}.ui-listview-filter .ui-input-search{margin:5px;width:auto;display:block}.ui-listview-filter-inset{margin:-15px -5px -15px -5px;background:transparent}.ui-li.ui-screen-hidden{display:none}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.ui-li .ui-btn-text{overflow:visible}}label.ui-slider{display:block}input.ui-slider-input{display:inline-block;width:50px}select.ui-slider-switch{display:none}div.ui-slider{position:relative;display:inline-block;overflow:visible;height:15px;padding:0;margin:0 2% 0 20px;top:4px;width:66%}a.ui-slider-handle{position:absolute;z-index:10;top:50%;width:28px;height:28px;margin-top:-15px;margin-left:-15px}a.ui-slider-handle .ui-btn-inner{padding-left:0;padding-right:0}@media all and (min-width:480px){label.ui-slider{vertical-align:top;display:inline-block;width:20%;margin:0 2% 0 0}div.ui-slider{width:45%}}div.ui-slider-switch{height:32px;overflow:hidden;margin-left:0}div.ui-slider-inneroffset{margin-left:50%;position:absolute;top:1px;height:100%;width:50%}a.ui-slider-handle-snapping{-webkit-transition:left 100ms linear}div.ui-slider-labelbg{position:absolute;top:0;margin:0;border-width:0}div.ui-slider-switch div.ui-slider-labelbg-a{width:60%;height:100%;left:0}div.ui-slider-switch div.ui-slider-labelbg-b{width:60%;height:100%;right:0}.ui-slider-switch-a div.ui-slider-labelbg-a,.ui-slider-switch-b div.ui-slider-labelbg-b{z-index:-1}.ui-slider-switch-a div.ui-slider-labelbg-b,.ui-slider-switch-b div.ui-slider-labelbg-a{z-index:0}div.ui-slider-switch a.ui-slider-handle{z-index:20;width:101%;height:32px;margin-top:-18px;margin-left:-101%}span.ui-slider-label{width:100%;position:absolute;height:32px;font-size:16px;text-align:center;line-height:2;background:0;border-color:transparent}span.ui-slider-label-a{left:-100%;margin-right:-1px}span.ui-slider-label-b{right:-100%;margin-left:-1px} \ No newline at end of file diff --git a/libs/js/domready.js b/libs/js/domready.js new file mode 100644 index 0000000..6a2fa35 --- /dev/null +++ b/libs/js/domready.js @@ -0,0 +1,48 @@ +// domready.js (https://github.com/ded/domready) +// NB not minified, as it the minified version doesn't work +// License: MIT license +!function (context, doc) { + var fns = [], ol, fn, f = false, + testEl = doc.documentElement, + hack = testEl.doScroll, + domContentLoaded = 'DOMContentLoaded', + addEventListener = 'addEventListener', + onreadystatechange = 'onreadystatechange', + loaded = /^loade|c/.test(doc.readyState); + + function flush(i) { + loaded = 1; + while (i = fns.shift()) { i() } + } + doc[addEventListener] && doc[addEventListener](domContentLoaded, fn = function () { + doc.removeEventListener(domContentLoaded, fn, f); + flush(); + }, f); + + + hack && doc.attachEvent(onreadystatechange, (ol = function () { + if (/^c/.test(doc.readyState)) { + doc.detachEvent(onreadystatechange, ol); + flush(); + } + })); + + context['domReady'] = hack ? + function (fn) { + self != top ? + loaded ? fn() : fns.push(fn) : + function () { + try { + testEl.doScroll('left'); + } catch (e) { + return setTimeout(function() { context['domReady'](fn) }, 50); + } + fn(); + }() + } : + function (fn) { + loaded ? fn() : fns.push(fn); + }; + +}(this, document); + diff --git a/libs/js/globalize/.gitignore b/libs/js/globalize/.gitignore new file mode 100644 index 0000000..a4f14d9 --- /dev/null +++ b/libs/js/globalize/.gitignore @@ -0,0 +1,7 @@ +.project +*~ +*.diff +*.patch +.DS_Store +generator/bin +generator/obj diff --git a/libs/js/globalize/.npmignore b/libs/js/globalize/.npmignore new file mode 100644 index 0000000..dba9ccc --- /dev/null +++ b/libs/js/globalize/.npmignore @@ -0,0 +1 @@ +generator/ diff --git a/libs/js/globalize/LICENSE b/libs/js/globalize/LICENSE new file mode 100644 index 0000000..9c8b022 --- /dev/null +++ b/libs/js/globalize/LICENSE @@ -0,0 +1,21 @@ +Copyright Software Freedom Conservancy, Inc. +http://jquery.org/license + +Permission is hereby granted, free of charge, to any person obtaining +a copy of this software and associated documentation files (the +"Software"), to deal in the Software without restriction, including +without limitation the rights to use, copy, modify, merge, publish, +distribute, sublicense, and/or sell copies of the Software, and to +permit persons to whom the Software is furnished to do so, subject to +the following conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/libs/js/globalize/README.md b/libs/js/globalize/README.md new file mode 100644 index 0000000..19152a0 --- /dev/null +++ b/libs/js/globalize/README.md @@ -0,0 +1,810 @@ +# Globalize + +A JavaScript library for globalization and localization. Enables complex +culture-aware number and date parsing and formatting, including the raw +culture information for hundreds of different languages and countries, as well +as an extensible system for localization. + +
    + + + +

    Why Globalization?

    +

    +Each language, and the countries that speak that language, have different +expectations when it comes to how numbers (including currency and percentages) +and dates should appear. Obviously, each language has different names for the +days of the week and the months of the year. But they also have different +expectations for the structure of dates, such as what order the day, month and +year are in. In number formatting, not only does the character used to +delineate number groupings and the decimal portion differ, but the placement of +those characters differ as well. +

    +

    +A user using an application should be able to read and write dates and numbers +in the format they are accustomed to. This library makes this possible, +providing an API to convert user-entered number and date strings - in their +own format - into actual numbers and dates, and conversely, to format numbers +and dates into that string format. +

    + + +

    What is a Culture?

    +

    +Globalize defines roughly 350 cultures. Part of the reason for this large +number, besides there being a lot of cultures in the world, is because for +some languages, expectations differ among the countries that speak it. +English, for example, is an official language in dozens of countries. Despite +the language being English, the expected date formatting still greatly differs +between them. +

    +

    +So, it does not seem useful to define cultures by their language alone. Nor +is it useful to define a culture by its country alone, as many countries have +several official languages, spoken by sizable populations. Therefore, cultures +are defined as a combination of the language and the country speaking it. Each +culture is given a unique code that is a combination of an ISO 639 two-letter +lowercase culture code for the language, and a two-letter uppercase code for +the country or region. For example, "en-US" is the culture code for English in +the United States. +

    +

    +Yet, it is perhaps unreasonable to expect application developers to cater to +every possible language/country combination perfectly. It is important then to +define so-called "neutral" cultures based on each language. These cultures +define the most likely accepted set of rules by anyone speaking that language, +whatever the country. Neutral cultures are defined only by their language code. +For example, "es" is the neutral culture for Spanish. +

    + + +

    Globalize.addCultureInfo( cultureName, extendCultureName, info )

    +

    +This method allows you to create a new culture based on an existing culture or +add to existing culture info. If the optional argument 

    extendCultureName
    +is not supplied, it will extend the existing culture if it exists or create a new +culture based on the default culture if it doesn't exist. If cultureName is not +supplied, it will add the supplied info to the current culture. See .culture(). +

    + + + +

    Globalize.cultures

    +

    +A mapping of culture codes to culture objects. For example, +Globalize.cultures.fr is an object representing the complete culture +definition for the neutral French culture. Note that the main globalize.js file +alone only includes a neutral English culture. To get additional cultures, you +must include one or more of the culture scripts that come with it. You +can see in the section Defining Culture Information +below which fields are defined in each culture. +

    + + +

    Globalize.culture( selector )

    +

    +An application that supports globalization and/or localization will need to +have a way to determine the user's preference. Attempting to automatically +determine the appropriate culture is useful, but it is good practice to always +offer the user a choice, by whatever means. +

    +

    +Whatever your mechanism, it is likely that you will have to correlate the +user's preferences with the list of cultures supported in the app. This +method allows you to select the best match given the culture scripts that you +have included and to set the Globalize culture to the culture which the user +prefers. +

    +

    +If you pass an array of names instead of a single name string, the first +culture for which there is a match (that culture's script has been referenced) +will be used. If none match, the search restarts using the corresponding +neutral cultures. For example, if the application has included only the neutral +"fr" culture, any of these would select it: +

    +Globalize.culture( "fr" );
+console.log( Globalize.culture().name ) // "fr"
+
+Globalize.culture( "fr-FR" );
+console.log( Globalize.culture().name ) // "fr-FR"
+
+Globalize.culture([ "es-MX", "fr-FR" ]);
+console.log( Globalize.culture().name ) // "es-MX"
+
    + +In any case, if no match is found, the neutral English culture "en" is selected +by default. + +If you don't pass a selector, .culture() will return the current Globalize +culture. +

    +

    +Each culture string may also follow the pattern defined in +RFC2616 sec 14.4. That is, a culture name may include a "quality" value +that indicates an estimate of the user's preference for the language. + +

    +Globalize.culture( "fr;q=0.4, es;q=0.5, he" );
+
    +In this example, the neutral Hebrew culture "he" is given top priority (an +unspecified quality is equal to 1). If that language is not an exact match for +any of the cultures available in Globalize.cultures, then "es" is the next +highest priority with 0.5, etc. If none of these match, just like with the array +syntax, the search starts over and the same rules are applied to the +corresponding neutral language culture for each. If still none match, the +neutral English culture "en" is used. +

    + + +

    Globalize.findClosestCulture( selector )

    +

    +Just like .culture( selector ), but it just returns the matching culture, if +any, without setting it to the current Globalize culture, returned by +.culture(). +

    + + +

    Globalize.format( value, format, culture )

    +

    +Formats a date or number according to the given format string and the given +culture (or the current culture if not specified). See the sections +Number Formatting and +Date Formatting below for details on the available +formats. +

    +// assuming a culture with number grouping of 3 digits,
+// using "," separator and "." decimal symbol.
+Globalize.format( 1234.567, "n" ); // "1,234.57"
+Globalize.format( 1234.567, "n1" ); // "1,234.6"
+Globalize.format( 1234.567, "n0" ); // "1,235"
+
+// assuming a culture with "/" as the date separator symbol
+Globalize.format( new Date(1955,10,5), "yyyy/MM/dd" ); // "1955/11/05"
+Globalize.format( new Date(1955,10,5), "dddd MMMM d, yyyy" ); // "Saturday November 5, 1955"
+
    +

    + + +

    Globalize.localize( key, culture )

    +

    +Gets or sets a localized value. This method allows you to extend the +information available to a particular culture, and to easily retrieve it +without worrying about finding the most appropriate culture. For example, to +define the word "translate" in French: +

    +Globalize.addCultureInfo( "fr", {
+	messages: {
+		"translate": "traduire"
+	}
+});
+console.log( Globalize.localize( "translate", "fr" ) ); // "traduire"
+
    +Note that localize() will find the closest match available per the same +semantics as the Globalize.findClosestCulture() method. If there is no +match, the translation given is for the neutral English culture "en" by +default. +

    + + + +

    Globalize.parseInt( value, radix, culture )

    +

    +Parses a string representing a whole number in the given radix (10 by default), +taking into account any formatting rules followed by the given culture (or the +current culture, if not specified). +

    +// assuming a culture where "," is the group separator
+// and "." is the decimal separator
+Globalize.parseInt( "1,234.56" ); // 1234
+// assuming a culture where "." is the group separator
+// and "," is the decimal separator
+Globalize.parseInt( "1.234,56" ); // 1234
+
    +

    + + +

    Globalize.parseFloat( value, radix, culture )

    +

    +Parses a string representing a floating point number in the given radix (10 by +default), taking into account any formatting rules followed by the given +culture (or the current culture, if not specified). +

    +// assuming a culture where "," is the group separator
+// and "." is the decimal separator
+Globalize.parseFloat( "1,234.56" ); // 1234.56
+// assuming a culture where "." is the group separator
+// and "," is the decimal separator
+Globalize.parseFloat( "1.234,56" ); // 1234.56
+
    +

    + + +

    Globalize.parseDate( value, formats, culture )

    +

    +Parses a string representing a date into a JavaScript Date object, taking into +account the given possible formats (or the given culture's set of default +formats if not given). As before, the current culture is used if one is not +specified. +

    +Globalize.culture( "en" );
+Globalize.parseDate( "1/2/2003" ); // Thu Jan 02 2003
+Globalize.culture( "fr" );
+Globalize.parseDate( "1/2/2003" ); // Sat Feb 01 2003
+
    +

    + + +

    Utilizing and Extending Cultures

    +

    +The culture information included with each culture is mostly necessary for the +parsing and formatting methods, but not all of it. For example, the Native and +English names for each culture is given, as well as a boolean indicating +whether the language is right-to-left. This may be useful information for your +own purposes. You may also add to the culture information directly if so +desired. +

    +

    +As an example, in the U.S., the word "billion" means the number 1,000,000,000 +(9 zeros). But in other countries, that number is "1000 million" or a +"milliard", and a billion is 1,000,000,000,000 (12 zeros). If you needed to +provide functionality to your app or custom plugin that needed to know how many +zeros are in a "billion", you could extend the culture information as follows: +

    +// define additional culture information for a possibly existing culture
+Globalize.addCultureInfo( "fr", {
+	numberFormat: {
+		billionZeroes: 12
+	}
+});
+
    +Using this mechanism, the "fr" culture will be created if it does not exist. +And if it does, the given values will be added to it. +

    + + +

    Defining Culture Information

    +

    +Each culture is defined in its own script with the naming scheme +globalize.culture.<name>.js. You may include any number of these scripts, +making them available in the Globalize.cultures mapping. Including one of +these scripts does NOT automatically make it the current culture selected in the +Globalize.culture property. +

    +

    +The neutral English culture is defined directly in globalize.js, and set +both to the properties "en" and "default" of the Globalize.cultures mapping. +Extensive comments describe the purpose of each of the fields defined. +

    +

    +Looking at the source code of the scripts for each culture, you will notice +that each script uses Globalize.addCultureInfo() to have the "default" neutral +English culture "en", as a common basis, and defines only the properties that +differ from neutral English. +

    +

    +The neutral English culture is listed here along with the comments: +

    +Globalize.cultures[ "default" ] = {
+	// A unique name for the culture in the form
+	// <language code>-<country/region code>
+	name: "English",
+	// the name of the culture in the English language
+	englishName: "English",
+	// the name of the culture in its own language
+	nativeName: "English",
+	// whether the culture uses right-to-left text
+	isRTL: false,
+	// "language" is used for so-called "specific" cultures.
+	// For example, the culture "es-CL" means Spanish in Chili.
+	// It represents the Spanish-speaking culture as it is in Chili,
+	// which might have different formatting rules or even translations
+	// than Spanish in Spain. A "neutral" culture is one that is not
+	// specific to a region. For example, the culture "es" is the generic
+	// Spanish culture, which may be a more generalized version of the language
+	// that may or may not be what a specific culture expects.
+	// For a specific culture like "es-CL", the "language" field refers to the
+	// neutral, generic culture information for the language it is using.
+	// This is not always a simple matter of the string before the dash.
+	// For example, the "zh-Hans" culture is neutral (Simplified Chinese).
+	// And the "zh-SG" culture is Simplified Chinese in Singapore, whose
+	// language field is "zh-CHS", not "zh".
+	// This field should be used to navigate from a specific culture to its
+	// more general, neutral culture. If a culture is already as general as it
+	// can get, the language may refer to itself.
+	language: "en",
+	// "numberFormat" defines general number formatting rules, like the digits
+	// in each grouping, the group separator, and how negative numbers are
+	// displayed.
+	numberFormat: {
+		// [negativePattern]
+		// Note, numberFormat.pattern has no "positivePattern" unlike percent
+		// and currency, but is still defined as an array for consistency with
+		// them.
+		//	  negativePattern: one of "(n)|-n|- n|n-|n -"
+		pattern: [ "-n" ],
+		// number of decimal places normally shown
+		decimals: 2,
+		// string that separates number groups, as in 1,000,000
+		",": ",",
+		// string that separates a number from the fractional portion,
+		// as in 1.99
+		".": ".",
+		// array of numbers indicating the size of each number group.
+		groupSizes: [ 3 ],
+		// symbol used for positive numbers
+		"+": "+",
+		// symbol used for negative numbers
+		"-": "-",
+		percent: {
+			// [negativePattern, positivePattern]
+			//	   negativePattern: one of "-n %|-n%|-%n|%-n|%n-|n-%|n%-|-% n|n %-|% n-|% -n|n- %"
+			//	   positivePattern: one of "n %|n%|%n|% n"
+			pattern: [ "-n %", "n %" ],
+			// number of decimal places normally shown
+			decimals: 2,
+			// array of numbers indicating the size of each number group.
+			groupSizes: [ 3 ],
+			// string that separates number groups, as in 1,000,000
+			",": ",",
+			// string that separates a number from the fractional portion, as in 1.99
+			".": ".",
+			// symbol used to represent a percentage
+			symbol: "%"
+		},
+		currency: {
+			// [negativePattern, positivePattern]
+			//	   negativePattern: one of "($n)|-$n|$-n|$n-|(n$)|-n$|n-$|n$-|-n $|-$ n|n $-|$ n-|$ -n|n- $|($ n)|(n $)"
+			//	   positivePattern: one of "$n|n$|$ n|n $"
+			pattern: [ "($n)", "$n" ],
+			// number of decimal places normally shown
+			decimals: 2,
+			// array of numbers indicating the size of each number group.
+			groupSizes: [ 3 ],
+			// string that separates number groups, as in 1,000,000
+			",": ",",
+			// string that separates a number from the fractional portion, as in 1.99
+			".": ".",
+			// symbol used to represent currency
+			symbol: "$"
+		}
+	},
+	// "calendars" property defines all the possible calendars used by this
+	// culture. There should be at least one defined with name "standard" which
+	// is the default calendar used by the culture.
+	// A calendar contains information about how dates are formatted,
+	// information about the calendar's eras, a standard set of the date
+	// formats, translations for day and month names, and if the calendar is
+	// not based on the Gregorian calendar, conversion functions to and from
+	// the Gregorian calendar.
+	calendars: {
+		standard: {
+			// name that identifies the type of calendar this is
+			name: "Gregorian_USEnglish",
+			// separator of parts of a date (e.g. "/" in 11/05/1955)
+			"/": "/",
+			// separator of parts of a time (e.g. ":" in 05:44 PM)
+			":": ":",
+			// the first day of the week (0 = Sunday, 1 = Monday, etc)
+			firstDay: 0,
+			days: {
+				// full day names
+				names: [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ],
+				// abbreviated day names
+				namesAbbr: [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ],
+				// shortest day names
+				namesShort: [ "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa" ]
+			},
+			months: [
+				// full month names (13 months for lunar calendars -- 13th month should be "" if not lunar)
+				names: [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", "" ],
+				// abbreviated month names
+				namesAbbr: [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "" ]
+			],
+			// AM and PM designators in one of these forms:
+			// The usual view, and the upper and lower case versions
+			//		[standard,lowercase,uppercase]
+			// The culture does not use AM or PM (likely all standard date
+			// formats use 24 hour time)
+			//		null
+			AM: [ "AM", "am", "AM" ],
+			PM: [ "PM", "pm", "PM" ],
+			eras: [
+				// eras in reverse chronological order.
+				// name: the name of the era in this culture (e.g. A.D., C.E.)
+				// start: when the era starts in ticks, null if it is the
+				//		  earliest supported era.
+				// offset: offset in years from gregorian calendar
+				{"name":"A.D.","start":null,"offset":0}
+			],
+			// when a two digit year is given, it will never be parsed as a
+			// four digit year greater than this year (in the appropriate era
+			// for the culture)
+			// Set it as a full year (e.g. 2029) or use an offset format
+			// starting from the current year: "+19" would correspond to 2029
+			// if the current year is 2010.
+			twoDigitYearMax: 2029,
+			// set of predefined date and time patterns used by the culture.
+			// These represent the format someone in this culture would expect
+			// to see given the portions of the date that are shown.
+			patterns: {
+				// short date pattern
+				d: "M/d/yyyy",
+				// long date pattern
+				D: "dddd, MMMM dd, yyyy",
+				// short time pattern
+				t: "h:mm tt",
+				// long time pattern
+				T: "h:mm:ss tt",
+				// long date, short time pattern
+				f: "dddd, MMMM dd, yyyy h:mm tt",
+				// long date, long time pattern
+				F: "dddd, MMMM dd, yyyy h:mm:ss tt",
+				// month/day pattern
+				M: "MMMM dd",
+				// month/year pattern
+				Y: "yyyy MMMM",
+				// S is a sortable format that does not vary by culture
+				S: "yyyy\u0027-\u0027MM\u0027-\u0027dd\u0027T\u0027HH\u0027:\u0027mm\u0027:\u0027ss"
+			}
+			// optional fields for each calendar:
+			/*
+			monthsGenitive:
+				Same as months but used when the day preceeds the month.
+				Omit if the culture has no genitive distinction in month names.
+				For an explanation of genitive months, see
+				http://blogs.msdn.com/michkap/archive/2004/12/25/332259.aspx
+			convert:
+				Allows for the support of non-gregorian based calendars. This
+				"convert" object defines two functions to convert a date to and
+				from a gregorian calendar date:
+					fromGregorian( date )
+						Given the date as a parameter, return an array with
+						parts [ year, month, day ] corresponding to the
+						non-gregorian based year, month, and day for the
+						calendar.
+					toGregorian( year, month, day )
+						Given the non-gregorian year, month, and day, return a
+						new Date() object set to the corresponding date in the
+						gregorian calendar.
+			*/
+		}
+	},
+	// Map of messages used by .localize()
+	messages: {}
+}
+
    +

    +

    +Each culture can have several possible calendars. The calendar named "standard" +is the default calendar used by that culture. You may change the calendar in +use by setting the "calendar" field. Take a look at the calendars defined by +each culture by looking at the script or enumerating its calendars collection. +

    +// switch to a non-standard calendar
+Globalize.culture().calendar = Globalize.culture().calendars.SomeOtherCalendar;
+// back to the standard calendar
+Globalize.culture().calendar = Globalize.culture().calendars.standard;
+
    + +

    + + +

    Number Formatting

    +

    +When formatting a number with format(), the main purpose is to convert the +number into a human readable string using the culture's standard grouping and +decimal rules. The rules between cultures can vary a lot. For example, in some +cultures, the grouping of numbers is done unevenly. In the "te-IN" culture +(Telugu in India), groups have 3 digits and then 2 digits. The number 1000000 +(one million) is written as "10,00,000". Some cultures do not group numbers at +all. +

    +

    +There are four main types of number formatting: +

      +
    • n for number
      • +
    • d for decimal digits
      • +
    • p for percentage
      • +
    • c for currency
      • +
    +Even within the same culture, the formatting rules can vary between these four +types of numbers. For example, the expected number of decimal places may differ +from the number format to the currency format. Each format token may also be +followed by a number. The number determines how many decimal places to display +for all the format types except decimal, for which it means the minimum number +of digits to display, zero padding it if necessary. Also note that the way +negative numbers are represented in each culture can vary, such as what the +negative sign is, and whether the negative sign appears before or after the +number. This is especially apparent with currency formatting, where many +cultures use parentheses instead of a negative sign. +
    +// just for example - will vary by culture
+Globalize.format( 123.45, "n" ); // 123.45
+Globalize.format( 123.45, "n0" ); // 123
+Globalize.format( 123.45, "n1" ); // 123.5
+
+Globalize.format( 123.45, "d" ); // 123
+Globalize.format( 12, "d3" ); // 012
+
+Globalize.format( 123.45, "c" ); // $123.45
+Globalize.format( 123.45, "c0" ); // $123
+Globalize.format( 123.45, "c1" ); // $123.5
+Globalize.format( -123.45, "c" ); // ($123.45)
+
+Globalize.format( 0.12345, "p" ); // 12.35 %
+Globalize.format( 0.12345, "p0" ); // 12 %
+Globalize.format( 0.12345, "p4" ); // 12.3450 %
+
    +Parsing with parseInt and parseFloat also accepts any of these formats. +

    + + +

    Date Formatting

    +

    +Date formatting varies wildly by culture, not just in the spelling of month and +day names, and the date separator, but by the expected order of the various +date components, whether to use a 12 or 24 hour clock, and how months and days +are abbreviated. Many cultures even include "genitive" month names, which are +different from the typical names and are used only in certain cases. +

    +

    +Also, each culture has a set of "standard" or "typical" formats. For example, +in "en-US", when displaying a date in its fullest form, it looks like +"Saturday, November 05, 1955". Note the non-abbreviated day and month name, the +zero padded date, and four digit year. So, Globalize expects a certain set +of "standard" formatting strings for dates in the "patterns" property of the +"standard" calendar of each culture, that describe specific formats for the +culture. The third column shows example values in the neutral English culture +"en-US"; see the second table for the meaning tokens used in date formats. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    FormatMeaning"en-US"
    fLong Date, Short Timedddd, MMMM dd, yyyy h:mm tt
    FLong Date, Long Timedddd, MMMM dd, yyyy h:mm:ss tt
    tShort Timeh:mm tt
    TLong Timeh:mm:ss tt
    dShort DateM/d/yyyy
    DLong Datedddd, MMMM dd, yyyy
    YMonth/YearMMMM, yyyy
    MMonth/Dayyyyy MMMM
    +

    +

    +In addition to these standard formats, there is the "S" format. This is a +sortable format that is identical in every culture: +"yyyy'-'MM'-'dd'T'HH':'mm':'ss". +

    +

    +When more specific control is needed over the formatting, you may use any +format you wish by specifying the following custom tokens: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    TokenMeaningExample
    dDay of month (no leading zero)5
    ddDay of month (leading zero)05
    dddDay name (abbreviated)Sat
    ddddDay name (full)Saturday
    MMonth of year (no leading zero)9
    MMMonth of year (leading zero)09
    MMMMonth name (abbreviated)Sept
    MMMMMonth name (full)September
    yyYear (two digits)55
    yyyyYear (four digits)1955
    'literal'Literal Text'of the clock'
    \'Single Quote'o'\''clock'
    mMinutes (no leading zero)9
    mmMinutes (leading zero)09
    hHours (12 hour time, no leading zero)6
    hhHours (12 hour time, leading zero)06
    HHours (24 hour time, no leading zero)5 (5am) 15 (3pm)
    HHHours (24 hour time, leading zero)05 (5am) 15 (3pm)
    sSeconds (no leading zero)9
    ssSeconds (leading zero)09
    fDeciseconds1
    ffCentiseconds11
    fffMilliseconds111
    tAM/PM indicator (first letter)A or P
    ttAM/PM indicator (full)AM or PM
    zTimezone offset (hours only, no leading zero)-8
    zzTimezone offset (hours only, leading zero)-08
    zzzTimezone offset (full hours/minutes)-08:00
    g or ggEra nameA.D.
    +

    + + +

    Generating Culture Files

    + +The Globalize culture files are generated JavaScript containing metadata and +functions based on culture info in the Microsoft .Net Framework 4. + +

    Requirements

    + +     + +

    Building the generator

    + +1. Open a Windows Command Prompt ( Start -> Run... -> cmd ) +1. Change directory to root of Globalize project (where README.md file is located) +1. >"C:\Windows\Microsoft.NET\Framework\v4.0.30319\MSBuild" generator\generator.csproj + +

    Running the generator

    + +1. Open a Windows Command Prompt +1. Change directory to root of Globalize project (where README.md file is located) +1. >"generator\bin\Debug\generator.exe" diff --git a/libs/js/globalize/examples/browser/browser.css b/libs/js/globalize/examples/browser/browser.css new file mode 100644 index 0000000..3b8bc5b --- /dev/null +++ b/libs/js/globalize/examples/browser/browser.css @@ -0,0 +1,80 @@ +body { + font-family: Arial +} +a { + color: #6D929B; +} +input { + width: 100px; + margin: 5px; +} +.results { + border-collapse: collapse; +} +.results td { + border: 1px solid #C1DAD7; + padding: 2px 2px 2px 2px; + color: #6D929B; + font-size: x-small; + white-space: nowrap; + text-align: center; +} +.results th { + border: 1px solid #C1DAD7; + letter-spacing: 2px; + text-align: center; + padding: 6px 6px 6px 12px; + white-space: nowrap; +} +table { + width: 100%; +} +fieldset.info { + width: 45%; + float: left; +} +.info td { + font-size: x-small; +} + +.tab { + margin-top: 5px; + margin-right: 5px; + padding: 2px; + cursor: pointer; + background-color: #EEEEEE; +} + +.active { + border: 1px solid black; + float: left; +} + +.inactive { + float: left; +} + +.tab.active { + font-weight: bold; + border: 1px solid black; + float: left; +} + +div.inactive { + display: none; +} + +div.active { + clear: both; + min-width: 100%; +} + +.pane { + margin-top: 10px; + clear: both; +} + +#intro { + font-size: x-small; + margin-bottom: 10px; +} \ No newline at end of file diff --git a/libs/js/globalize/examples/browser/browser.js b/libs/js/globalize/examples/browser/browser.js new file mode 100644 index 0000000..a639435 --- /dev/null +++ b/libs/js/globalize/examples/browser/browser.js @@ -0,0 +1,115 @@ +(function( $ ) { + +$(function() { + + // setup sample data + window.numbers = [ + 0, 1, 10, 100, 1000, 10000, 0.1, 0.12, 0.123, 0.1234, 0.12345, 1000.123, 10000.12345, + -1, -10, -100, -1000, -10000, -0.1, -0.12, -0.123, -0.1234, -0.12345, -1000.123, -10000.12345 + ]; + window.formats = [ + "n", "n1", "n3", "d", "d2", "d3", "p", "p1", "p3", "c", "c0" + ]; + window.dates = $.map([ + "Jan 1, 1970 1:34 PM", "Dec 31, 1970 1:34 PM", "Apr 1, 1999 1:34 PM", "Dec 31, 1999 1:34 PM", "Jan 1, 2000 1:34 PM", "Nov 5, 1955 1:34 PM" + ], function(d) { return d instanceof Date ? d : new Date(Date.parse(d)); } ); + + window.dateFormats = [ + "d", "D", "f", "F", "M", "S", "t", "T", "Y" + ]; + + // add template extensions to format numbers and dates declaratively + $.extend( $.tmplcmd, { + demoFormat: { + _default: [0,0], + prefix: "_.push(Globalize.format(numbers[$2],formats[$1]));" + }, + demoDateFormat: { + _default: [0,0], + prefix: "_.push(Globalize.format(dates[$2],typeof $1 === 'number' ? dateFormats[$1] : $1));" + } + }); + + // activate tabs + $(".tab").click(function() { + $(".active").removeClass("active").addClass("inactive"); + $("#" + this.id + "content").removeClass("inactive").addClass("active"); + $(this).removeClass("inactive").addClass("active"); + }); + + // fill cultures dropdown with the available cultures + $.each(sortByName(Globalize.cultures), function(i, culture) { + $("
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/about/features.html b/libs/js/jquery-mobile-1.0.1pre/docs/about/features.html new file mode 100755 index 0000000..58bf0fb --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/about/features.html @@ -0,0 +1,75 @@ + + + + + + jQuery Mobile Docs - Features + + + + + + + + + +
    + +
    +

    Features

    + Home +
    + +
    + +
    + +

    Key features:

    +
      +
    • Built on jQuery core for familiar and consistent jQuery syntax and minimal learning curve and leverages jQuery UI code and patterns.
      • +
    • Compatible with all major mobile, tablet, e-reader & desktop platforms - iOS, Android, Blackberry, Palm WebOS, Nokia/Symbian, Windows Phone 7, MeeGo, Opera Mobile/Mini, Firefox Mobile, Kindle, Nook, and all modern browsers with graded levels of support.
      • +
    • Lightweight size and minimal image dependencies for speed.
      • +
    • Modular architecture for creating custom builds that are optimized to only the features needed for a particular application
      • +
    • HTML5 Markup-driven configuration of pages and behavior for fast development and minimal required scripting.
      • +
    • Progressive enhancement approach brings core content and functionality to all mobile, tablet and desktop platforms and a rich, installed application-like experience on newer mobile platforms.
      • +
    • Responsive design techniques and tools allow the same underlying codebase to automatically scale from smartphone to desktop-sized screens
      • +
    • Powerful Ajax-powered navigation system to enable animated page transitions while maintaining back button, bookmarking and and clean URLs though pushState.
      • +
    • Accessibility features such as WAI-ARIA are also included to ensure that the pages work for screen readers (e.g. VoiceOver in iOS) and other assistive technologies.
      • +
    • Touch and mouse event support streamline the process of supporting touch, mouse, and cursor focus-based user input methods with a simple API.
      • +
    • Unified UI widgets for common controls enhance native controls with touch-optimized, themable controls that are platform-agnostic and easy to use.
      • +
    • Powerful theming framework and ThemeRoller application make highly-branded experiences easy to build.
      • + +
    + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + + + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/about/getting-started.html b/libs/js/jquery-mobile-1.0.1pre/docs/about/getting-started.html new file mode 100644 index 0000000..28a9181 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/about/getting-started.html @@ -0,0 +1,169 @@ + + + + + + jQuery Mobile Docs - Quick start + + + + + + + + + +
    + +
    +

    Quick start guide

    + + + Home +
    + +
    + +
    + +

    Getting Started with jQuery Mobile

    + +

    jQuery Mobile provides a set of touch-friendly UI widgets and an AJAX-powered navigation system to support animated page transitions. Building your first jQuery Mobile page is easy, here's how:

    + +

    Create a basic page template

    +

    Pop open your favorite text editor, paste in the page template below, save and open in a browser. You are now a mobile developer!

    +

    Here's what's in the template. In the head, a meta viewport tag sets the screen width to the pixel width of the device and references to jQuery, jQuery Mobile and the mobile theme stylesheet from the CDN add all the styles and scripts.

    +

    In the body, a div with a data-role of page is the wrapper used to delineate a page, and the header bar (data-role="header") and content region (data-role="content") are added inside to create a basic page (these are both optional). These data- attributes are HTML5 attributes are used throughout jQuery Mobile to transform basic markup into an enhanced and styled widget.

    + +
    
+<!DOCTYPE html> 
+<html> 
+	<head> 
+	<title>My Page</title> 
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+</head> 
+<body> 
+
+<div data-role="page">
+
+	<div data-role="header">
+		<h1>My Title</h1>
+	</div><!-- /header -->
+
+	<div data-role="content">	
+		<p>Hello world</p>		
+	</div><!-- /content -->
+
+</div><!-- /page -->
+
+</body>
+</html>
+
    + + +

    Add your content

    +

    Inside your content container, you can add all any standard HTML elements - headings, lists, paragraphs, etc. You can write your own custom styles to create custom layouts by adding an additional stylesheet to the head after the jQuery Mobile stylesheet.

    + +

    Make a listview

    +

    jQuery Mobile includes a diverse set of common listviews that are coded as lists with a data-role="listview" added. Here is a simple linked list that has a role of listview. We're going to make this look like an inset module by adding a data-inset="true" and add a dynamic search filter with the data-filter="true" attributes.

    + +
    
+<ul data-role="listview" data-inset="true" data-filter="true">
+	<li><a href="#">Acura</a></li>
+	<li><a href="#">Audi</a></li>
+	<li><a href="#">BMW</a></li>
+	<li><a href="#">Cadillac</a></li>
+	<li><a href="#">Ferrari</a></li>
+</ul>
+
+
    + + + + + +

    Add a slider

    +

    The framework contains a full set of form elements that automatically are enhanced into touch-friendly styled widgets. Here's a slider made with the new HTML5 input type of range, no data-role needed. Be sure to wrap these in a form element and always properly associate a label to every form element.

    + +
    
+<form>
+   <label for="slider-0">Input slider:</label>
+   <input type="range" name="slider" id="slider-0" value="25" min="0" max="100"  />
+</form>
+
    + +
    + + +
    + + + +

    Make a button

    +

    There are a few ways to make buttons, but lets turn a link into a button so it's easy to click. Just start with a link and add a data-role="button" attribute to it. You can add an icon with the data-icon attribute and optionally set its position with the data-iconpos attribute.

    + +
    
+<a href="#" data-role="button" data-icon="star">Star button</a>
+
    + + Star button + + + +

    Play with theme swatches

    +

    jQuery Mobile has a robust theme framework that supports up to 26 sets of toolbar, content and button colors, called a "swatch". Just add a data-theme="e" attribute to any of the widgets on this page: page, header, list, input for the slider, or button to turn it yellow. Try different swatch letters in default theme from a-e to mix and match swatches.

    +

    Cool party trick: add the theme swatch to the page and see how all the widgets inside the content will automatically inherit the theme (headers don't inherit, they default to swatch A).

    + +<a href="#" data-role="button" data-icon="star" data-theme="a">Button</a> + + data-theme="a" + data-theme="b" + data-theme="c" + data-theme="d" + data-theme="e" + +

    When you're ready to build a custom theme, use ThemeRoller to drag and drop, then download a custom theme.

    + +

    Go forth and build stuff

    +

    This is just scratching the surface of all the cool things you can build with jQuery Mobile with little effort. Be sure to explore linking pages, adding animated page transitions, and creating dialogs. Use the data-attribute reference to try out some of the other data- attributes you can play with.

    + +

    More of a developer? Great, forget everything we just covered (kidding). If you don't want to use the data- attribute configuration system, you can take full control of everything and call plugins directly because these are all just standard jQuery plugins built with the UI widget factory. Be sure to dig into global configuration, events, and methods. Then read up on scripting pages, generating dynamic pages, and building PhoneGap apps.

    +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/about/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/about/index.html new file mode 100755 index 0000000..d8d46c1 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/about/index.html @@ -0,0 +1,38 @@ + + + + + + jQuery UI Mobile Framework - About + + + + + + + + + +
    + +
    +

    About jQuery Mobile

    + Home +
    + + + +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/about/intro.html b/libs/js/jquery-mobile-1.0.1pre/docs/about/intro.html new file mode 100755 index 0000000..bed44db --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/about/intro.html @@ -0,0 +1,69 @@ + + + + + + jQuery Mobile Docs - Intro + + + + + + + + + +
    + +
    +

    Introduction

    + + + Home +
    + +
    + +
    + +

    jQuery Mobile Overview

    + +

    jQuery’s mobile strategy can be summarized simply: A unified user interface system that works seamlessly across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Focused on a lightweight codebase built on progressive enhancement with a flexible, easily themeable design.

    + +

    The critical difference with our approach is the wide variety of mobile platforms we’re targeting with jQuery Mobile. We’ve been working hard at bringing jQuery support to all mobile browsers that are sufficiently-capable and have at least a nominal amount of market share. In this way, we’re treating mobile web browsers exactly how we treat desktop web browsers.

    + +

    To make this broad support possible, all pages in jQuery Mobile are built on a foundation of clean, semantic HTML to ensure compatibility with pretty much any web-enabled device. In devices that interpret CSS and JavaScript, jQuery Mobile applies progressive enhancement techniques to unobtrusively transform the semantic page into a rich, interactive experience that leverages the power of jQuery and CSS. Accessibility features such as WAI-ARIA are tightly integrated throughout the framework to provide support for screen readers and other assistive technologies.

    + + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/about/platforms.html b/libs/js/jquery-mobile-1.0.1pre/docs/about/platforms.html new file mode 100755 index 0000000..a506b35 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/about/platforms.html @@ -0,0 +1,101 @@ + + + + + + jQuery Mobile Docs - Supported platforms + + + + + + + + + +
    + +
    +

    Supported platforms

    + Home +
    + +
    + + +
    +

    jQuery Mobile Supported Platforms

    +

    jQuery Mobile has broad support for the vast majority of all modern desktop, smartphone, tablet, and e-reader platforms. In addition, feature phones and older browsers are supported because of our progressive enhancement approach. We're very proud of our commitment to universal accessibility through our broad support for all popular platforms.

    + +

    We use a 3-level graded platform support system: A (full), B (full minus Ajax), C (basic). The visual fidelity of the experience is highly dependent on the CSS rendering capabilities of the device and platform so not all A grade experience will be pixel-perfect but that's the nature of the web.

    + +

    A-grade - Full enhanced experience with Ajax-based animated page transitions.

    +
      +
    • Apple iOS 3.2-5.0 - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), and 4 (4.3 / 5.0)
      • +
    • Android 2.1-2.3 - Tested on the HTC Incredible (2.2), original Droid (2.2), Nook Color (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5)
      • +
    • Android Honeycomb- Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM
      • +
    • Windows Phone 7-7.5 - Tested on the HTC Surround (7.0) HTC Trophy (7.5), and LG-E900 (7.5)
      • +
    • Blackberry 6.0 - Tested on the Torch 9800 and Style 9670
      • +
    • Blackberry 7 - Tested on BlackBerry® Torch 9810
      • +
    • Blackberry Playbook - Tested on PlayBook version 1.0.1 / 1.0.5
      • +
    • Palm WebOS (1.4-2.0) - Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)
      • +
    • Palm WebOS 3.0 - Tested on HP TouchPad
      • +
    • Firebox Mobile (Beta) - Tested on Android 2.2
      • +
    • Opera Mobile 11.0: Tested on the iPhone 3GS and 4 (5.0/6.0), Android 2.2 (5.0/6.0)
      • +
    • Meego 1.2 - Tested on Nokia 950 and N9
      • +
    • Kindle 3 and Fire: Tested on the built-in WebKit browser for each
      • +
    • Chrome Desktop 11-15 - Tested on OS X 10.6.7 and Windows 7
      • +
    • Firefox Desktop 4-8 - Tested on OS X 10.6.7 and Windows 7
      • +
    • Internet Explorer 7-9 - Tested on Windows XP, Vista and 7 (minor CSS issues)
      • +
    • Opera Desktop 10-11 - Tested on OS X 10.6.7 and Windows 7
      • +
    +

    B-grade - Enhanced experience except without Ajax navigation features.

    +
      +
    • Blackberry 5.0: Tested on the Storm 2 9550, Bold 9770
      • +
    • Opera Mini (5.0-6.0) - Tested on iOS 3.2/4.3
      • +
    • Nokia Symbian^3 - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)
      • +
    +

    C-grade - Basic, non-enhanced HTML experience that is still functional

    +
      +
    • Blackberry 4.x - Tested on the Curve 8330
      • +
    • Windows Mobile - Tested on the HTC Leo (WInMo 5.2)
      • +
    • All older smartphone platforms and featurephones - Any device that doesn't support media queries will receive the basic, C grade experience
      • +
    +

    Not Officially Supported - May work, but haven't been thoroughly tested or debugged

    +
      +
    • Samsung Bada - The project doesn't currently have test devices or emulators, but current support is known to be fairly good. Support level undecided for 1.0
      • +
    + + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/api/data-attributes.html b/libs/js/jquery-mobile-1.0.1pre/docs/api/data-attributes.html new file mode 100644 index 0000000..67b441d --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/api/data-attributes.html @@ -0,0 +1,450 @@ + + + + + + jQuery Mobile Docs - Data Attribute Reference + + + + + + + + + +
    + +
    +

    Data Attributes

    + Home +
    + +
    + +
    +

    Data- attribute reference

    +

    The jQuery Mobile framework uses HTML5 data- attributes to allow for markup-based initialization and configuration of widgets. These attributes are completely optional; calling plugins manually and passing options directly is also supported. To avoid naming conflicts with other plugins or frameworks that also use data- attributes, set a custom namespace by modifying the ns global option.

    + + + +

    Button

    +

    Links with data-role="button". Input-based buttons and button elements are auto-enhanced, no data-role required

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    data-cornerstrue | false
    data-iconhome | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search
    data-iconposleft | right | top | bottom | notext
    data-iconshadowtrue | false
    data-inlinetrue | false
    data-shadowtrue | false
    data-themeswatch letter (a-z)
    +

    Multiple buttons can be wrapped in a container with a data-role="controlgroup" attribute for a vertically grouped set. Add the data-type="horizontal" attribute for the buttons to sit side-by-side.

    + + +

    Checkbox

    +

    Pairs of labels and inputs with type="checkbox" are auto-enhanced, no data-role required

    + + + + + + + + + +
    data-rolenone (prevents auto-enhancement to use native control)
    data-themeswatch letter (a-z) - Added to the form element
    + +

    Collapsible

    +

    A heading and content wrapped in a container with the data-role="collapsible"

    + + + + + + + + + + + + + +
    data-collapsedtrue | false
    data-content-themeswatch letter (a-z)
    data-themeswatch letter (a-z)
    + +

    Collapsible set

    +

    A number of collapsibles wrapped in a container with the data-role="collapsible-set"

    + + + + + + + + + +
    data-content-themeswatch letter (a-z) - Sets all collapsibles in set
    data-themeswatch letter (a-z) - Sets all collapsibles in set
    + +

    Dialog

    +

    Container with data-role="page" or "dialog" linked to with data-rel="dialog" on the anchor.

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    data-close-btn-textstring (text for the close button, dialog only)
    data-dom-cachetrue | false
    data-idstring (unique id for the page)
    data-fullscreentrue | false (used in conjunction with fixed toolbars)
    data-overlay-themeswatch letter (a-z) - overlay theme when the page is opened in a dialog
    data-themeswatch letter (a-z)
    data-titlestring (title used when page is shown)
    + +

    Content

    +

    Container with data-role="content"

    + + + + + +
    data-themeswatch letter (a-z)
    + + +

    Field container

    +

    Container with data-role="fieldcontain" wrapped around label/form element pair

    + +

    Flip toggle switch

    +

    Select with data-role="slider", two options only

    + + + + + + + + + + + + + +
    data-rolenone (prevents auto-enhancement to use native control)
    data-themeswatch letter (a-z) - Added to the form element
    data-track-themeswatch letter (a-z) - Added to the form element
    + +

    Footer

    +

    Container with data-role="footer"

    + + + + + + + + + + + + + +
    data-idstring (unique id, useful in persistent footers)
    data-positionfixed
    data-themeswatch letter (a-z)
    + +

    Header

    +

    Container with data-role="header"

    + + + + + + + + + + + + + + + + + + + + + + + + + +
    data-add-back-btntrue | false (auto add back button, header only)
    data-back-btn-textstring
    data-back-btn-themeswatch letter (a-z)
    data-positionfixed
    data-themeswatch letter (a-z)
    data-titlestring (title used when page is shown)
    + +

    Link

    +

    Links, including those with a data-role="button", and form submit buttons share these attributes

    + + + + + + + + + + + + + + + + + + + + + + + + + +
    data-ajaxtrue | false
    data-directionreverse (reverse page transition animation)
    data-dom-cachetrue | false
    data-prefetchtrue | false
    data-relback (to move one step back in history)
    + dialog (to open link styled as dialog, not tracked in history)
    + external (for linking to another domain)
    data-transitionslide | slideup | slidedown | pop | fade | flip
    + +

    Listview

    +

    OL or UL with data-role="listview"

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    data-count-themeswatch letter (a-z)
    data-dividerthemeswatch letter (a-z)
    data-filtertrue | false
    data-filter-placeholderstring
    data-filter-themeswatch letter (a-z)
    data-insettrue | false
    data-split-iconhome | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search
    data-themeswatch letter (a-z)
    + +

    Listview item

    +

    LI within a listview

    + + + + + + + + + + + + + +
    data-iconhome | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search
    data-rolelist-divider
    data-themeswatch letter (a-z) - can also be set on individual LIs
    + +

    Page

    +

    Container with data-role="page"

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    data-close-btn-textstring (text for the close button, dialog only)
    data-dom-cachetrue | false
    data-idstring (unique id for the page)
    data-fullscreentrue | false (used in conjunction with fixed toolbars)
    data-overlay-themeswatch letter (a-z) - overlay theme when the page is opened in a dialog
    data-themeswatch letter (a-z)
    data-titlestring (title used when page is shown)
    + +

    Radio button

    +

    Pairs of labels and inputs with type="radio" are auto-enhanced, no data-role required

    + + + + + + + + + +
    data-rolenone (prevents auto-enhancement to use native control)
    data-themeswatch letter (a-z) - Added to the form element
    + +

    Select

    +

    All select form elements are auto-enhanced, no data-role required

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    data-iconhome | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search
    data-iconposleft | right | top | bottom | notext
    data-inlinetrue | false
    data-native-menutrue | false
    data-overlay-themeswatch letter (a-z) - overlay theme for non-native selects
    data-placeholdertrue | false - Add to the Option
    data-rolenone (prevents auto-enhancement to use native control)
    data-themeswatch letter (a-z) - Added to the form element
    +

    Multiple selects can be wrapped in a fieldset with a data-role="controlgroup" attribute for a vertically grouped set. Add the data-type="horizontal" attribute for the selects to sit side-by-side.

    + +

    Slider

    +

    Inputs with type="range" are auto-enhanced, no data-role required

    + + + + + + + + + + + + + +
    data-rolenone (prevents auto-enhancement to use native control)
    data-themeswatch letter (a-z) - Added to the form element
    data-track-themeswatch letter (a-z) - Added to the form element
    + +

    Text input & Textarea

    +

    Input type="text|number|search|etc." or textarea elements are auto-enhanced, no data-role required

    + + + + + + + + + +
    data-rolenone (prevents auto-enhancement to use native control)
    data-themeswatch letter (a-z) - Added to the form element
    + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/api/events.html b/libs/js/jquery-mobile-1.0.1pre/docs/api/events.html new file mode 100755 index 0000000..359ebb1 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/api/events.html @@ -0,0 +1,512 @@ + + + + + + jQuery Mobile Docs - Events + + + + + + + + + +
    + +
    +

    Events

    + Home +
    + +
    +
    + +

    jQuery Mobile offers several custom events that build upon native events to create useful hooks for development. Note that these events employ various touch, mouse, and window events, depending on event existence, so you can bind to them for use in both handheld and desktop environments. You can bind to these events like you would with other jQuery events, using live() or bind().

    + +
    +

    Important: Use pageInit(), not $(document).ready()

    + The first thing you learn in jQuery is to call code inside the $(document).ready() function so everything will execute as soon as the DOM is loaded. However, in jQuery Mobile, Ajax is used to load the contents of each page into the DOM as you navigate, and the DOM ready handler only executes for the first page. To execute code whenever a new page is loaded and created, you can bind to the pageinit event. This event is explained in detail at the bottom of this page.
    + +

    +

    +

    Important: pageCreate() vs pageInit()

    + Prior to Beta 2 the recommendation to users wishing to manipulate jQuery Mobile enhanced page and child widget markup was to bind to the pagecreate event. In Beta 2 an internal change was made to decouple each of the widgets by binding to the pagecreate event in place of direct calls to the widget methods. As a result, users binding to the pagecreate in mobileinit would find their binding executing before the markup had been enhanced by each of the plugins. In keeping with the lifecycle of the jQuery UI Widget Factory, the initialization method is invoked after the create method, so the pageinit event provides the correct timing for post enhancement manipulation of the DOM and/or Javascript objects. + + In short, if you were previously using pagecreate to manipulate the enhanced markup before the page was shown its very likely you'll want to migrate to 'pageinit'. +

    + +

    Touch events

    +
    +
    tap
    +
    Triggers after a quick, complete touch event.
    + +
    taphold
    +
    Triggers after a held complete touch event (close to one second).
    + +
    swipe
    +

    Triggers when a horizontal drag of 30px or more (and less than 20px vertically) occurs within 1 second duration but these can be configured:

    +
      +
    • scrollSupressionThreshold (default: 10px) – More than this horizontal displacement, and we will suppress scrolling
      • +
    • durationThreshold (default: 1000ms) – More time than this, and it isn’t a swipe
      • +
    • horizontalDistanceThreshold (default: 30px) – Swipe horizontal displacement must be more than this.
      • +
    • verticalDistanceThreshold (default: 75px) – Swipe vertical displacement must be less than this.
      • +
    +
    + +
    swipeleft
    +
    Triggers when a swipe event occurred moving in the left direction.
    + +
    swiperight
    +
    Triggers when a swipe event occurred moving in the right direction.
    +
    + +

    Virtual mouse events

    +

    We provide a set of "virtual" mouse events that attempt to abstract away mouse and touch events. This allows the developer to register listeners for the basic mouse events, such as mousedown, mousemove, mouseup, and click, and the plugin will take care of registering the correct listeners behind the scenes to invoke the listener at the fastest possible time for that device. In touch environments, the plugin retains the order of event firing that is seen in traditional mouse environments, so for example, vmouseup is always dispatched before vmousedown, and vmousedown before vclick, etc. The virtual mouse events also normalize how coordinate information is extracted from the event, so in touch based environments, coordinates are available from the pageX, pageY, screenX, screenY, clientX, and clientY properties, directly on the event object.

    +
    +
    vmouseover
    +
    Normalized event for handling touch or mouseover events
    + +
    vmousedown
    +
    Normalized event for handling touchstart or mousedown events
    + +
    vmousemove
    +
    Normalized event for handling touchmove or mousemove events
    + +
    vmouseup
    +
    Normalized event for handling touchend or mouseup events
    + +
    vclick
    +
    Normalized event for handling touchend or mouse click events. On touch devices, this event is dispatched *AFTER* vmouseup.
    + +
    vmousecancel
    +
    Normalized event for handling touch or mouse mousecancel events
    +
    + +
    +

    Warning: Use vclick with caution

    +

    Use vclick with caution on touch devices. Webkit based browsers synthesize mousedown, mouseup, and click events roughly 300ms after the touchend event is dispatched. The target of the synthesized mouse events are calculated at the time they are dispatched and are based on the location of the touch events and, in some cases, implementation specific heuristics which leads to different target calculations on different devices and even different OS versions for the same device. This means the target element within the original touch events could be different from the target element within the synthesized mouse events.

    +

    We recommend using click instead of vclick anytime the action being triggered has the possibility of changing the content underneath the point that was touched on screen. This includes page transitions and other behaviors such as collapse/expand that could result in the screen shifting or content being completely replaced.

    +
    +

     

    +
    +

    Canceling an elements default click behavior

    +

    Applications can call preventDefault() on a vclick event to cancel an element's default click behavior. On mouse based devices, calling preventDefault() on a vclick event equates to calling preventDefault() on the real click event during the bubble event phase. On touch based devices, it's a bit more complicated since the actual click event is dispatched about 300ms after the vclick event is dispatched. For touch devices, calling preventDefault() on a vclick event triggers some code in the vmouse plugin that attempts to catch the next click event that gets dispatched by the browser, during the capture event phase, and call preventDefault() and stopPropagation() on it. As mentioned in the warning above, it is sometimes difficult match up a touch event with its corresponding mouse event because the targets can differ. For this reason, the vmouse plugin also falls back to attempting to identify a corresponding click event by coordinates. There are still cases where both target and coordinate identification fail, which results in the click event being dispatched and either triggering the default action of the element, or in the case where content has been shifted or replaced, triggering a click on a different element. If this happens on a regular basis for a given element/control, we suggest you use click for triggering your action.

    +
    + +

    Orientation change event

    +
    +
    orientationchange
    +
    Triggers when a device orientation changes (by turning it vertically or horizontally). When bound to this event, your callback function can leverage a second argument, which contains an orientation property equal to either "portrait" or "landscape". These values are also added as classes to the HTML element, allowing you to leverage them in your CSS selectors. Note that we currently bind to the resize event when orientationChange is not natively supported, or when $.mobile.orientationChangeEnabled is set to false.
    +
    +

    orientationchange timing

    + + The timing of the orientationchange with relation to the change of the client height and width is different between browsers, though the current implementation will give you the correct value for event.orientation derived from window.orientation. This means that if your bindings are dependent on the height and width values you may want to disable orientationchange all together with $.mobile.orientationChangeEnabled = false to let the fallback resize code trigger your bindings. +
    +
    + +

    Scroll events

    +
    +
    scrollstart
    +
    Triggers when a scroll begins. Note that iOS devices freeze DOM manipulation during scroll, queuing them to apply when the scroll finishes. We're currently investigating ways to allow DOM manipulations to apply before a scroll starts.
    +
    +
    +
    scrollstop
    +
    Triggers when a scroll finishes.
    +
    + +

    Page load events

    +

    Whenever an external page is loaded into the application DOM, 2 events are fired. The first is pagebeforeload. The 2nd event will be either pageload or pageloadfailed.

    +
    +
    pagebeforeload
    +

    Triggered before any load request is made. Callbacks bound to this event can call preventDefault() on the event to indicate that they are handling the load request. Callbacks that do this *MUST* make sure they call resolve() or reject() on the deferred object reference contained in the data object passed to the callback.

    +

    The data object, passed as the 2nd arg to the callback function contains the following properties:

    +
      +
    • url (string) +
        +
      • The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.
        • +
      +
      • +
    • absUrl (string) +
        +
      • The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.
        • +
      +
      • +
    • dataUrl (string) +
        +
      • The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.
        • +
      +
      • +
    • deferred (object) +
        +
      • Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:

        + 
        
+$( document ).bind( "pagebeforeload", function( event, data ){
+
+	// Let the framework know we're going to handle the load.
+
+	event.preventDefault();
+
+	// ... load the document then insert it into the DOM ...
+	// at some point, either in this callback, or through
+	// some other async means, call resolve, passing in
+	// the following args, plus a jQuery collection object
+	// containing the DOM element for the page.
+
+	data.deferred.resolve( data.absUrl, data.options, page );
+
+});
        +

        or rejected like this: + 

        
+$( document ).bind( "pagebeforeload", function( event, data ){
+
+	// Let the framework know we're going to handle the load.
+
+	event.preventDefault();
+
+	// ... load the document then insert it into the DOM ...
+	// at some point, if the load fails, either in this
+	// callback, or through some other async means, call
+	// reject like this:
+
+	data.deferred.reject( data.absUrl, data.options );
+
+});
        +
        • +
      +
      • +
    • options (object) +
        +
      • This object contains the options that were passed into $.mobile.loadPage().
        • +
      +
      • +
    +
    +
    pageload
    +
    Triggered after the page is successfully loaded and inserted into the DOM. Callbacks bound to this event will be passed a data object as its 2nd arg. This object contains the following information: +
      +
    • url (string) +
        +
      • The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.
        • +
      +
      • +
    • absUrl (string) +
        +
      • The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.
        • +
      +
      • +
    • dataUrl (string) +
        +
      • The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.
        • +
      +
      • +
    • options (object) +
        +
      • This object contains the options that were passed into $.mobile.loadPage().
        • +
      +
      • +
    • xhr (object) +
        +
      • The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the 3rd argument to the framework's $.ajax() success callback.
        • +
      +
      • +
    • textStatus (null or string) +
        +
      • According to the jQuery Core documentation, this will be a string describing the status. This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.
        • +
      +
      • +
    +
    +
    pageloadfailed
    +
    Triggered if the page load request failed. By default, after dispatching this event, the framework will display a page failed message and call reject() on the deferred object contained within the event's data object. Callbacks can prevent this default behavior from executing by calling preventDefault() on the event. +

    The data object, passed as the 2nd arg to the callback function contains the following properties:

    +
      +
    • url (string) +
        +
      • The absolute or relative URL that was passed into $.mobile.loadPage() by the caller.
        • +
      +
      • +
    • absUrl (string) +
        +
      • The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.
        • +
      +
      • +
    • dataUrl (string) +
        +
      • The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.
        • +
      +
      • +
    • deferred (object) +
        +
      • Callbacks that call preventDefault() on the event, *MUST* call resolve() or reject() on this object so that changePage() requests resume processing. Deferred object observers expect the deferred object to be resolved like this:

        + 
        
+$( document ).bind( "pageloadfailed", function( event, data ){
+
+	// Let the framework know we're going to handle things.
+
+	event.preventDefault();
+
+	// ... attempt to load some other page ...
+	// at some point, either in this callback, or through
+	// some other async means, call resolve, passing in
+	// the following args, plus a jQuery collection object
+	// containing the DOM element for the page.
+
+	data.deferred.resolve( data.absUrl, data.options, page );
+
+});
        +

        or rejected like this: + 

        
+$( document ).bind( "pageloadfailed", function( event, data ){
+
+	// Let the framework know we're going to handle things.
+
+	event.preventDefault();
+
+	// ... attempt to load some other page ...
+	// at some point, if the load fails, either in this
+	// callback, or through some other async means, call
+	// reject like this:
+
+	data.deferred.reject( data.absUrl, data.options );
+
+});
        +
        • +
      +
      • +
    • options (object) +
        +
      • This object contains the options that were passed into $.mobile.loadPage().
        • +
      +
      • +
    • xhr (object) +
        +
      • The jQuery XMLHttpRequest object used when attempting to load the page. This is what gets passed as the first argument to the framework's $.ajax() error callback.
        • +
      +
      • +
    • textStatus (null or string) +
        +
      • According to the jQuery Core documentation, possible values for this property, aside from null, are "timeout", "error", "abort", and "parsererror". This is what gets passed as the 2nd argument to the framework's $.ajax() error callback.
        • +
      +
      • +
    • errorThrown (null, string, object) +
        +
      • According to the jQuery Core documentation, this property may be an exception object if one occured, or if an HTTP error occured this will be set to the textual portion of the HTTP status. This is what gets passed as the 3rd argument to the framework's $.ajax() error callback.
        • +
      +
      • +
    +
    +
    +

    Page change events

    +

    Navigating between pages in the application is usually accomplished through a call to $.mobile.changePage(). This function is responsible for making sure that the page we are navigating to is loaded and inserted into the DOM, and then kicking off the transition animations between the current active page, and the page the caller wants to to make active. During this process, which is usually asynchronous, changePage() will fire off 2 events. The first is pagebeforechange. The second event depends on the success or failure of the change request. It will either be pagechange or pagechangefailed.

    +
    +
    pagebeforechange
    +
    This event is triggered prior to any page loading or transition. Callbacks can prevent execution of the changePage() function by calling preventDefault on the event object passed into the callback. The callback also recieves a data object as its 2nd arg. The data object has the following properties: +
      +
    • toPage (object or string) +
        +
      • This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.
        • +
      +
      • +
    • options (object) +
        +
      • This object contains the configuration options to be used for the current changePage() call.
        • +
      +
      • +
    +

    It should be noted that callbacks can modify both the toPage and options properties to alter the behavior of the current changePage() call. So for example, the toPage can be mapped to a different url from within a callback to do a sort of redirect.

    +
    +
    pagechange
    +
    This event is triggered after the changePage() request has finished loading the page into the DOM and all page transition animations have completed. Note that any pageshow or pagehide events will have fired *BEFORE* this event is triggered. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows: +
      +
    • toPage (object or string) +
        +
      • This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.
        • +
      +
      • +
    • options (object) +
        +
      • This object contains the configuration options to be used for the current changePage() call.
        • +
      +
      • +
    +
    +
    pagechangefailed
    +
    This event is triggered when the changePage() request fails to load the page. Callbacks for this particular event will be passed a data object as the 2nd arg. The properties for this object are as follows: +
      +
    • toPage (object or string) +
        +
      • This property represents the page the caller wishes to make active. It can be either a jQuery collection object containing the page DOM element, or an absolute/relative url to an internal or external page. The value exactly matches the 1st arg to the changePage() call that triggered the event.
        • +
      +
      • +
    • options (object) +
        +
      • This object contains the configuration options to be used for the current changePage() call.
        • +
      +
      • +
    +
    +
    +

    Page transition events

    +

    Page transitions are used to animate the change from the current active page (fromPage) to a new page (toPage). Events are triggered before and after these transitions so that observers can be notified whenever pages are shown or hidden. The events triggered are as follows:

    +
    +
    pagebeforeshow
    +
    Triggered on the "toPage" we are transitioning to, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it: +
      +
    • prevPage (object) +
        +
      • A jQuery collection object that contains the page DOM element that we are transitioning away from. Note that this collection is empty when the first page is transitioned in during application startup.
        • +
      +
      • +
    +
    + +
    pagebeforehide
    +
    Triggered on the "fromPage" we are transitioning away from, before the actual transition animation is kicked off. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it: +
      +
    • nextPage (object) +
        +
      • A jQuery collection object that contains the page DOM element that we are transitioning to.
        • +
      +
      • +
    +

    Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.

    +
    + +
    pageshow
    +
    Triggered on the "toPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it: +
      +
    • prevPage (object) +
        +
      • A jQuery collection object that contains the page DOM element that we just transitioned away from. Note that this collection is empty when the first page is transitioned in during application startup.
        • +
      +
      • +
    +
    + +
    pagehide
    +
    Triggered on the "fromPage" after the transition animation has completed. Callbacks for this event will recieve a data object as their 2nd arg. This data object has the following properties on it: +
      +
    • nextPage (object) +
        +
      • A jQuery collection object that contains the page DOM element that we just transitioned to.
        • +
      +
      • +
    +

    Note that this event will not be dispatched during the transition of the first page at application startup since there is no previously active page.

    +
    + +
    + +

    You can access the prevPage or nextPage properties via the second argument of a bound callback function. For example:

    +
    
+$( 'div' ).live( 'pageshow',function(event, ui){
+  alert( 'This page was just hidden: '+ ui.prevPage);
+});
+
+$( 'div' ).live( 'pagehide',function(event, ui){
+  alert( 'This page was just shown: '+ ui.nextPage);
+});
+
    +

    Also, for these handlers to be invoked during the initial page load, you must bind them before jQuery Mobile executes. This can be done in the mobileinit handler, as described on the global config page. +

    Page initialization events

    + +

    Internally, jQuery Mobile auto-initializes plugins based on the markup conventions found in a given "page". For example, an input element with a type of range will automatically generate a custom slider control.

    + +

    This auto-initialization is controlled by the "page" plugin, which dispatches events before and after it executes, allowing you to manipulate a page either pre-or-post initialization, or even provide your own intialization behavior and prevent the auto-initializations from occuring. Note that these events will only fire once per "page", as opposed to the show/hide events, which fire every time a page is shown and hidden.

    + +
    +
    pagebeforecreate
    +
    +

    Triggered on the page being initialized, before most plugin auto-initialization occurs.

    +
    
+$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
+  alert( 'This page was just inserted into the dom!' );
+});
+
    +

    Note that by binding to pagebeforecreate, you can manipulate markup before jQuery Mobile's default widgets are auto-initialized. For example, say you want to add data-attributes via JavaScript instead of in the HTML source, this is the event you'd use.

    + +
    
+$( '#aboutPage' ).live( 'pagebeforecreate',function(event){
+  // manipulate this page before its widgets are auto-initialized
+});
+
    +
    + +
    pagecreate
    +
    +

    Triggered when the page has been created in the DOM (via ajax or other) but before all widgets have had an opportunity to enhance the contained markup. This event is most useful for user's wishing to create their own custom widgets for child markup enhancement as the jquery mobile widgets do.

    +
    
+$( '#aboutPage' ).live( 'pagecreate',function(event){
+  ( ":jqmData(role='sweet-plugin')" ).sweetPlugin();
+});
+
    +
    + +
    pageinit
    +
    +

    Triggered on the page being initialized, after initialization occurs. We recommend binding to this event instead of DOM ready() because this will work regardless of whether the page is loaded directly or if the content is pulled into another page as part of the Ajax navigation system.

    +
    
+$( '#aboutPage' ).live( 'pageinit',function(event){
+  alert( 'This page was just enhanced by jQuery Mobile!' );
+});
+
    +
    +
    + + + +

    Page remove events

    +

    By default, the framework removes any non active dynamically loaded external pages from the DOM as soon as the user navigates away to a different page. The pageremove event is dispatched just before the framework attempts to remove the a page from the DOM.

    +
    +
    pageremove
    +
    This event is triggered just before the framework attempts to remove an external page from the DOM. Event callbacks can call preventDefault on the event object to prevent the page from being removed. +
    +
    + +

    Layout events

    +

    Some components within the framework, such as collapsible and listview search, dynamically hide and show content based on user events. This hiding/showing of content affects the size of the page and may result in the browser adjusting/scrolling the viewport to accommodate the new page size. Since this has the potential to affect other components such as fixed headers and footers, components like collapsible and listview trigger a custom updatelayout event to notify other components that they may need to adjust their layouts in response to their content changes. Developers who are building dynamic applications that inject, hide, or remove content from the page, or manipulate it in any way that affects the dimensions of the page, can also manually trigger this updatelayout event to ensure components on the page update in response to the changes.

    +
    +
    updatelayout
    +
    This event is triggered by components within the framework that dynamically show/hide content, and is meant as a generic mechanism to notify other components that they may need to update their size or position. Within the framework, this event is fired on the component element whose content was shown/hidden, and bubbles all the way up to the document element. +
    
+$( '#foo' ).hide().trigger( 'updatelayout' );
+
    +
    +
    + +

    Animation Events

    +

    jQuery Mobile exposes the animationComplete plugin, which you can utilize after adding or removing a class that applies a CSS transition.

    + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/api/globalconfig.html b/libs/js/jquery-mobile-1.0.1pre/docs/api/globalconfig.html new file mode 100755 index 0000000..55745e8 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/api/globalconfig.html @@ -0,0 +1,163 @@ + + + + + + jQuery Mobile Docs - Configuring default settings + + + + + + + + + +
    + +
    +

    Configuring Defaults

    + Home +
    + +
    +
    + +

    Working with jQuery Mobile's Auto-initialization

    +

    Unlike other jQuery projects, such as jQuery and jQuery UI, jQuery Mobile automatically applies many markup enhancements as soon as it loads (long before document.ready event fires). These enhancements are applied based on jQuery Mobile's default configuration, which is designed to work with common scenarios, but may or may not match your particular needs. Fortunately, these settings are easy to configure.

    + +

    The mobileinit event

    +

    When the jQuery Mobile starts to execute, it triggers a mobileinit event on the document object, to which you can bind to apply overrides to jQuery Mobile's defaults.

    + + 
    +				
+$(document).bind("mobileinit", function(){
+  //apply overrides here
+});
+				
+
    + +

    Because the mobileinit event is triggered immediately upon execution, you'll need to bind your event handler before jQuery Mobile is loaded. Thus, we recommend linking to your JavaScript files in the following order:

    + + 
    +				
+<script src="jquery.js"></script>
+<script src="custom-scripting.js"></script>
+<script src="jquery-mobile.js"></script>
+				
+
    + +

    Within this event binding, you can configure defaults either by extending the $.mobile object using jQuery's $.extend method:

    + + 
    +				
+$(document).bind("mobileinit", function(){
+  $.extend(  $.mobile , {
+    foo: bar
+  });
+});
+				
+
    + +

    ...or by setting them individually:

    + 
    +				
+$(document).bind("mobileinit", function(){
+  $.mobile.foo = bar;
+});
+				
+
    + +

    To quickly preview these global configuration options in action, check out the config test pages.

    + +

    Configurable options

    +

    The following defaults are configurable via the $.mobile object:

    + +
    +
    ns string, default: ""
    +
    The namespace used in data- attributes, for example, data-role. Can be set to anything, including a blank string which is the default. When using, it's clearest if you include a trailing dash, such as "mynamespace-" which maps to data-mynamespace-foo="...". +

    NOTE: if you're using data- namespacing, you'll need to manually update/override one selector in the theme CSS. The following data selectors should incorporate the namespace you're using: + 

    
+.ui-mobile [data-mynamespace-role=page], .ui-mobile [data-mynamespace-role=dialog], .ui-page { ...
+
    +

    +
    + +
    autoInitializePage boolean, default: true
    +
    When the DOM is ready, the framework should automatically call $.mobile.initializePage. If false, page will not initialize, and will be visually hidden until until $.mobile.initializePage is manually called.
    + +
    subPageUrlKey string, default: "ui-page"
    +
    The url parameter used for referencing widget-generated sub-pages (such as those generated by nested listviews). Translates to to example.html&ui-page=subpageIdentifier. The hash segment before &ui-page= is used by the framework for making an Ajax request to the URL where the sub-page exists.
    + +
    activePageClass string, default: "ui-page-active"
    +
    The class assigned to page currently in view, and during transitions
    + + +
    activeBtnClass string, default: "ui-btn-active"
    +
    The class used for "active" button state, from CSS framework.
    + +
    ajaxEnabled boolean, default: true
    +
    jQuery Mobile will automatically handle link clicks and form submissions through Ajax, when possible. If false, url hash listening will be disabled as well, and urls will load as regular http requests.
    + +
    linkBindingEnabled boolean, default: true
    +
    jQuery Mobile will automatically bind the clicks on anchor tags in your document. Setting this options to false will prevent all anchor click handling including the addition of active button state and alternate link bluring. This should only be used when attempting to delegate the click management to another library or custom code.
    + +
    hashListeningEnabled boolean, default: true
    +
    jQuery Mobile will automatically listen and handle changes to the location.hash. Disabling this will prevent jQuery Mobile from handling hash changes, which allows you to handle them yourself, or simply to use simple deep-links within a document that scroll to a particular ID.
    + +
    pushStateEnabled boolean, default: true
    +
    Enhancement to use history.replaceState in supported browsers, to convert the hash-based Ajax URL into the full document path. Note that we recommend disabling this feature if Ajax is disabled or if extensive use of external links are used.
    + +
    defaultPageTransition string, default: 'slide'
    +
    Set the default transition for page changes that use Ajax. Set to 'none' for no transitions by default.
    + +
    touchOverflowEnabled boolean, default: false
    +
    Enable smoother page transitions and true fixed toolbars in devices that support both the overflow: and overflow-scrolling: touch; CSS properties.
    + +
    defaultDialogTransition string, default: 'pop'
    +
    Set the default transition for dialog changes that use Ajax. Set to 'none' for no transitions by default.
    + +
    minScrollBack string, default: 150
    +
    Minimum scroll distance that will be remembered when returning to a page.
    + +
    loadingMessage string, default: "loading"
    +
    Set the text that appears when a page is loading. If set to false, the message will not appear at all.
    + +
    pageLoadErrorMessage string, default: "Error Loading Page"
    +
    Set the text that appears when a page fails to load through Ajax.
    + +
    gradeA function that returns a boolean, default: a function returning the value of $.support.mediaquery
    +
    Any support conditions that must be met in order to proceed.
    + + +
    +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/api/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/api/index.html new file mode 100644 index 0000000..1ef5556 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/api/index.html @@ -0,0 +1,38 @@ + + + + + + jQuery UI Mobile Framework - API + + + + + + + + +
    + +
    +

    API

    + Home +
    + + + +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/api/mediahelpers.html b/libs/js/jquery-mobile-1.0.1pre/docs/api/mediahelpers.html new file mode 100755 index 0000000..0bf717c --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/api/mediahelpers.html @@ -0,0 +1,131 @@ + + + + + + jQuery Mobile Docs - Responsive Layout Helpers + + + + + + + + + +
    + +
    +

    Responsive Layout Helpers

    + Home +
    + +
    + +
    +

    Media Query Helper Classes

    +

    Note: This feature was deprecated in beta, and removed in 1.0rc1. We recommend using CSS3 Media Queries instead. To support older versions of Internet Explorer, check out respond.js, a fast & lightweight polyfill for min/max-width CSS3 Media Queries.

    +

    If you still need this feature, you can find the code here: jquery.mobile.media.classes.js

    + +

    jQuery Mobile adds classes to the HTML element that mimic browser orientation and common min/max-width CSS media queries. These classes are updated on load, resize and orientationchange, allowing you to key off these classes in your CSS, to create responsive layouts - even in browsers that don't support media queries!

    + +

    Orientation Classes

    + +

    The HTML element will always have a class of either "portrait" or "landscape", depending on the orientation of the browser or device. You can utilize these in your CSS like this:

    + 
    +			
+.portrait {
+	/* portrait orientation changes go here! */
+}
+.landscape {
+	/* landscape orientation changes go here! */
+}			
+			
+
    + +

    Min/Max Width Breakpoint Classes

    +

    By default, we create min and max breakpoint classes at the following widths: 320,480,768,1024. These translate to classes that look like this: "min-width-320px", "max-width-480px", and are meant to be used as a replacement of (or in addition to) the media query equivalents they mimic.

    +
    +			
+.myelement { 
+	float: none;
+}			
+.min-width-480px .myelement {
+	float: left;
+}		
+			
+
    + +

    Many plugins in jQuery Mobile leverage these width breakpoints. For example, form elements float beside their labels when the browser is wider than 480 pixels. The CSS to support this behavior for form text inputs looks like this:

    + +
    +			
+label.ui-input-text { 
+	display: block; 
+}
+.min-width-480px label.ui-input-text { 
+	display: inline-block; 
+}
+			
+
    + +

    Adding Width Breakpoints

    +

    To utilize width breakpoints of your own, jQuery Mobile exposes the $.mobile.addResolutionBreakpoints function, which accepts either a single number or array of numbers that will be added to the min/max breakpoints whenever they apply.

    +
    +			
+//add a min/max class for 1200 pixel widths			
+$.mobile.addResolutionBreakpoints(1200);
+
+//add min/max classes for 1200, and 1440 pixel widths			
+$.mobile.addResolutionBreakpoints([1200, 1440]);
+			
+
    + +

    Running Media Queries

    +

    jQuery Mobile provides a function that allows you to test whether a particular CSS Media Query applies. Simple call $.mobile.media() and pass a media type or query. If the browser supports that type or query, and it currently applies, the function will return true. If not, it'll return false.

    + +
    +			
+//test for screen media type
+$.mobile.media("screen");
+
+//test  a min-width media query
+$.mobile.media("screen and (min-width: 480px)");
+
+//test for iOS retina display
+$.mobile.media("screen and (-webkit-min-device-pixel-ratio: 2)");
+
+			
+
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/api/methods.html b/libs/js/jquery-mobile-1.0.1pre/docs/api/methods.html new file mode 100755 index 0000000..ebd2f78 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/api/methods.html @@ -0,0 +1,566 @@ + + + + + + jQuery Mobile Docs - Methods + + + + + + + + + +
    + +
    +

    Methods

    + Home +
    + +
    +
    + +

    jQuery Mobile exposes several methods and properties on the $.mobile object for use in your applications.

    + + +
    +
    $.mobile.changePage (method)
    +
    Programmatically change from one page to another. This method is used internally for the page loading and transitioning that occurs as a result of clicking a link or submitting a form, when those features are enabled.
    + +
    + +
    +
    · Arguments
    +
    to (string or object, required) +
      +
    • String: Absolute or relative URL. ("about/us.html")
      • +
    • Object: jQuery collection object. ($("#about"))
      • +
    +
    + +
    options (object, optional) +
      +
    • Properties: +
        +
      • allowSamePageTransition (boolean, default: false) By default, changePage() ignores requests to change to the current active page. Setting this option to true, allows the request to execute. Developers should note that some of the page transitions assume that the fromPage and toPage of a changePage request are different, so they may not animate as expected. Developers are responsible for either providing a proper transition, or turning it off for this specific case.
        • +
      • changeHash (boolean, default: true) Decides if the hash in the location bar should be updated.
        • +
      • data (object or string, default: undefined) The data to send with an Ajax page request. +
          +
        • Used only when the 'to' argument of changePage() is a URL.
          • +
        +
        • +
      • data-url (string, default: undefined) The URL to use when updating the browser location upon changePage completion. + If not specified, the value of the data-url attribute of the page element is used.
        • +
      • pageContainer (jQuery collection, default: $.mobile.pageContainer) Specifies the element that should contain the page.
        • +
      • reloadPage (boolean, default: false) Forces a reload of a page, even if it is already in the DOM of the page container. +
          +
        • Used only when the 'to' argument of changePage() is a URL.
          • +
        +
        • +
      • reverse (boolean, default: false) Decides what direction the transition will run when showing the page.
        • +
      • showLoadMsg (boolean, default: true) Decides whether or not to show the loading message when loading external pages.
        • +
      • role (string, default: undefined) The data-role value to be used when displaying the page. By default this is undefined which means rely on the value of the @data-role attribute defined on the element.
        • +
      • transition (string, default: $.mobile.defaultPageTransition) The transition to use when showing the page.
        • +
      • type (string, default: "get") Specifies the method ("get" or "post") to use when making a page request. +
          +
        • Used only when the 'to' argument of changePage() is a URL.
          • +
        +
        • +
      +
      • +
    +
    + +
    +
    + +
    Examples: + 
    +			
+//transition to the "about us" page with a slideup transition 			
+$.mobile.changePage( "about/us.html", { transition: "slideup"} );	
+
+//transition to the "search results" page, using data from a form with an ID of "search"" 		
+$.mobile.changePage( "searchresults.php", {
+	type: "post", 
+	data: $("form#search").serialize()
+});		
+
+//transition to the "confirm" page with a "pop" transition without tracking it in history			
+$.mobile.changePage( "../alerts/confirm.html", {
+	transition: "pop",
+	reverse: false,
+	changeHash: false
+});	
+		
+			
+
    + +
    + + +
    $.mobile.loadPage (method)
    +
    Load an external page, enhance its content, and insert it into the DOM. This method is called internally by the changePage() function when its first argument is a URL. This function does not affect the current active page so it can be used to load pages in the background. The function returns a deferred promise object that gets resolved after the page has been enhanced and inserted into the document.
    + +
    + +
    +
    · Arguments
    +
    url (string or object, required) A relative or absolute URL.
    + +
    options (object, optional) +
      +
    • Properties: +
        +
      • data (object or string, default: undefined) The data to send with an Ajax page request.
        • +
      • loadMsgDelay (number (in ms), default: 50) Forced delay before the loading message is shown. This is meant to allow time for a page that has already been visited to be fetched from cache without a loading message.
        • +
      • pageContainer (jQuery collection, default: $.mobile.pageContainer) Specifies the element that should contain the page after it is loaded.
        • +
      • reloadPage (boolean, default: false) Forces a reload of a page, even if it is already in the DOM of the page container.
        • +
      • role (string, default: undefined) The data-role value to be used when displaying the page. By default this is undefined which means rely on the value of the @data-role attribute defined on the element.
        • +
      • type (string, default: "get") Specifies the method ("get" or "post") to use when making a page request. +
        • +
      +
      • +
    +
    + +
    +
    + +
    Examples: + 
    +			
+//load the "about us" page into the DOM			
+$.mobile.loadPage( "about/us.html" );	
+
+//load a "search results" page, using data from a form with an ID of "search"" 		
+$.mobile.loadPage( "searchresults.php", {
+	type: "post", 
+	data: $("form#search").serialize()
+});				
+			
+
    + +
    + + +
    jqmData(), jqmRemoveData() (method)
    +
    When working with jQuery Mobile, jqmData and jqmRemoveData should be used in place of jQuery core's data and removeData methods (note that this includes $.fn.data, $.fn.removeData, and the $.data, $.removeData, and $.hasData utilities), as they automatically incorporate getting and setting of namespaced data attributes (even if no namespace is currently in use).
    +
    +
    +
    · Arguments:
    +
    See jQuery's data and removeData methods
    + Note: Calling jqmData() with no argument will return undefined. This behavior is subject to change in future versions. +
    · Also:
    +
    When finding elements by their jQuery Mobile data attribute, please use the custom selector :jqmData(), as it automatically incorporates namespaced data attributes into the lookup when they are in use. For example, instead of calling $("div[data-role='page']"), you should use $("div:jqmData(role='page')"), which internally maps to $("div[data-"+ $.mobile.ns +"role='page']") without forcing you to concatenate a namespace into your selectors manually.
    +
    +
    + + + + +
    $.mobile.showPageLoadingMsg ()
    +
    Show the page loading message, which is configurable via $.mobile.loadingMessage.
    + +
    Example: + 
    +			
+//cue the page loader 			
+$.mobile.showPageLoadingMsg();	
+			
+
    + +
    + + + + +
    $.mobile.hidePageLoadingMsg ()
    +
    Hide the page loading message, which is configurable via $.mobile.loadingMessage.
    + +
    Example: + 
    +			
+//cue the page loader 			
+$.mobile.hidePageLoadingMsg();	
+			
+
    + +
    + +
    $.mobile.fixedToolbars.show (method)
    +
    Utility method for displaying the fixed header and/or footer of the current active page within the viewport. Note that fixed headers/footers are never really hidden. Toggling the show/hide state of a toolbar is really toggling whether or not they are inline within the page content, or displayed within the viewport as if they were fixed.
    +
    +
    +
    · Arguments
    +
    immediately (boolean, optional) If true, any fixed header or footer for the current active page is displayed immediately within the viewport. If false or unspecified, the fixed header/footer will fade-in after a 100 millisecond delay. Note that other events such as a document resize or scroll event can result in an additional delay before the start of the header/footer display animation.
    +
    +
    +
    Example: + 
    +			
+// Show fixed header/footer with a fade animation. 			
+$.mobile.fixedToolbars.show();	
+
+// Show fixed header/footer immediately.
+$.mobile.fixedToolbars.show(true);	
+			
+
    + +
    + +
    $.mobile.fixedToolbars.hide (method)
    +
    Utility method for hiding the fixed header and/or footer of the current active page.
    +
    +
    +
    · Arguments
    +
    immediately (boolean, optional) If true, any fixed header or footer for the current active page is immediately placed inline (back in flow) with the page content, which means it will scroll along with the content and will only be visible when viewing the top or bottom of the page within the viewport. If false or unspecified, the fixed header/footer will fade-out after a 100 millisecond delay. Note that other events such as a document resize or scroll event can result in the header/footer being immediately hidden.
    +
    +
    +
    Example: + 
    +			
+// Hide fixed header/footer with a fade animation. 			
+$.mobile.fixedToolbars.hide();	
+
+// Hide fixed header/footer immediately.
+$.mobile.fixedToolbars.hide(true);	
+			
+
    + +
    + +
    $.mobile.path.parseUrl (method)
    +
    Utility method for parsing a URL and its relative variants into an object that makes accessing the components of the URL easy. When parsing relative variants, the resulting object will contain empty string values for missing components (like protocol, host, etc). Also, when parsing URLs that have no authority, such as tel: urls, the pathname property of the object will contain the data after the protocol/scheme colon.
    + +
    + +
    +
    · Arguments
    +
    url (string, required) A relative or absolute URL.
    + +
    · Return Value
    +
    +

    This function returns an object that contains the various components of the URL as strings. The properties on the object mimic the browser's location object:

    +
    +
    hash
    +
    The fragment conponent of the URL, including the leading '#' character.
    +
    host
    +
    The host and port number of the URL.
    +
    hostname
    +
    The name of the host within the URL.
    +
    href
    +
    The original URL that was parsed.
    +
    pathname
    +
    The path of the file or directory referenced by the URL.
    +
    port
    +
    The port specified within the URL. Most URLs rely on the default port for the protocol used, so this may be an empty string most of the time.
    +
    protocol
    +
    The protocol for the URL including the trailing ':' character.
    +
    search
    +
    The query component of the URL including the leading '?' character.
    +
    +

    But it also contains additional properties that provide access to additional components as well as some common forms of the URL developers access:

    +
    +
    authority
    +
    The username, password, and host components of the URL
    +
    directory
    +
    The directory component of the pathname, minus any filename.
    +
    domain
    +
    The protocol and authority components of the URL.
    +
    filename
    +
    The filename within the pathname component, minus the directory.
    +
    hrefNoHash
    +
    The original URL minus the fragment (hash) components.
    +
    hrefNoSearch
    +
    The original URL minus the query (search) and fragment (hash) components.
    +
    password
    +
    The password contained within the authority component.
    +
    username
    +
    The username contained within the authority component.
    +
    +
    + +
    +
    + +
    Examples: + 
    +			
+// Parsing the Url below results an object that is returned with the
+// following properties:
+//
+//  obj.href:         http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread#msg-content
+//  obj.hrefNoHash:   http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234&type=unread
+//  obj.hrefNoSearch: http://jblas:password@mycompany.com:8080/mail/inbox
+//  obj.domain:       http://jblas:password@mycompany.com:8080
+//  obj.protocol:     http:
+//  obj.authority:    jblas:password@mycompany.com:8080
+//  obj.username:     jblas
+//  obj.password:     password
+//  obj.host:         mycompany.com:8080
+//  obj.hostname:     mycompany.com
+//  obj.port:         8080
+//  obj.pathname:     /mail/inbox
+//  obj.directory:    /mail/
+//  obj.filename:     inbox
+//  obj.search:       ?msg=1234&type=unread
+//  obj.hash:         #msg-content
+
+var obj = $.mobile.path.parseUrl("http://jblas:password@mycompany.com:8080/mail/inbox?msg=1234");
+			
+
    + +
    + + +
    $.mobile.path.makePathAbsolute (method)
    +
    Utility method for converting a relative file or directory path into an absolute path.
    +
    +
    +
    · Arguments
    +
    relPath (string, required) A relative file or directory path.
    +
    absPath (string, required) An absolute file or relative path to resolve against.
    + +
    · Return Value
    +
    This function returns a string that is an absolute version of the relative path passed in.
    + +
    +
    +
    Examples: + 
    +			
+// Returns: /a/b/c/file.html
+var absPath = $.mobile.path.makePathAbsolute("file.html", "/a/b/c/bar.html");
+
+// Returns: /a/foo/file.html
+var absPath = $.mobile.path.makePathAbsolute("../../foo/file.html", "/a/b/c/bar.html");
+
+			
+
    +
    + + +
    $.mobile.path.makeUrlAbsolute (method)
    +
    Utility method for converting a relative URL to an absolute URL.
    +
    + +
    +
    Arguments
    +
    relUrl (string, required) A relative URL.
    +
    absUrl (string, required) An absolute URL to resolve against.
    + +
    Return Value
    +
    This function returns a string that is an absolute version of the relative URL passed in.
    + +
    +
    +
    Examples: + 
    +			
+// Returns: http://foo.com/a/b/c/file.html
+var absUrl = $.mobile.path.makeUrlAbsolute("file.html", "http://foo.com/a/b/c/test.html");
+
+// Returns: http://foo.com/a/foo/file.html
+var absUrl = $.mobile.path.makeUrlAbsolute("../../foo/file.html", "http://foo.com/a/b/c/test.html");
+
+// Returns: http://foo.com/bar/file.html
+var absUrl = $.mobile.path.makeUrlAbsolute("//foo.com/bar/file.html", "http://foo.com/a/b/c/test.html");
+
+// Returns: http://foo.com/a/b/c/test.html?a=1&b=2
+var absUrl = $.mobile.path.makeUrlAbsolute("?a=1&b=2", "http://foo.com/a/b/c/test.html");
+
+// Returns: http://foo.com/a/b/c/test.html#bar
+var absUrl = $.mobile.path.makeUrlAbsolute("#bar", "http://foo.com/a/b/c/test.html");
+
+			
+
    + +
    + + +
    $.mobile.path.isSameDomain (method)
    +
    Utility method for comparing the domain of 2 URLs.
    +
    + +
    +
    · Arguments
    +
    url1 (string, required) A relative URL.
    +
    url2 (string, required) An absolute URL to resolve against.
    + +
    Return Value
    +
    This function returns a boolean true if the domains match, false if they don't.
    + +
    +
    +
    Examples: + 
    +			
+// Returns: true
+var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
+
+// Returns: false
+var same = $.mobile.path.isSameDomain("file://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
+
+// Returns: false
+var same = $.mobile.path.isSameDomain("https://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");
+
+// Returns: false
+var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://bar.com/a/b/c/test.html");
+
+			
+
    + +
    + + +
    $.mobile.path.isRelativeUrl (method)
    +
    Utility method for determining if a URL is a relative variant.
    +
    + +
    +
    · Arguments
    +
    url (string, required) A relative or absolute URL.
    + +
    · Return Value
    +
    This function returns a boolean true if the URL is relative, false if it is absolute.
    + +
    +
    +
    Examples: + 
    +			
+// Returns: false
+var isRel = $.mobile.path.isRelativeUrl("http://foo.com/a/file.html");
+
+// Returns: true
+var isRel = $.mobile.path.isRelativeUrl("//foo.com/a/file.html");
+
+// Returns: true
+var isRel = $.mobile.path.isRelativeUrl("/a/file.html");
+
+// Returns: true
+var isRel = $.mobile.path.isRelativeUrl("file.html");
+
+// Returns: true
+var isRel = $.mobile.path.isRelativeUrl("?a=1&b=2");
+
+// Returns: true
+var isRel = $.mobile.path.isRelativeUrl("#foo");
+
+
+			
+
    + +
    + + +
    $.mobile.path.isAbsoluteUrl (method)
    +
    Utility method for determining if a URL is absolute.
    +
    + +
    +
    · Arguments
    +
    url (string, required) A relative or absolute URL.
    + +
    · Return Value
    +
    This function returns a boolean true if the URL is absolute, false if it is absolute.
    + +
    +
    +
    Examples: + 
    +			
+// Returns: true
+var isAbs = $.mobile.path.isAbsoluteUrl("http://foo.com/a/file.html");
+
+// Returns: false
+var isAbs = $.mobile.path.isAbsoluteUrl("//foo.com/a/file.html");
+
+// Returns: false
+var isAbs = $.mobile.path.isAbsoluteUrl("/a/file.html");
+
+// Returns: false
+var isAbs = $.mobile.path.isAbsoluteUrl("file.html");
+
+// Returns: false
+var isAbs = $.mobile.path.isAbsoluteUrl("?a=1&b=2");
+
+// Returns: false
+var isAbs = $.mobile.path.isAbsoluteUrl("#foo");
+
+
+			
+
    + +
    + + +
    $.mobile.base (methods, properties)
    +
    Utilities for working with generated base element. TODO: document as public API is finalized.
    + + + +
    $.mobile.silentScroll (method)
    +
    Scroll to a particular Y position without triggering scroll event listeners.
    +
    +
    +
    · Arguments:
    +
    yPos (number, defaults to 0). Pass any number to scroll to that Y location.
    +
    +
    + +
    Examples: + 
    +			
+//scroll to Y 100px 			
+$.mobile.silentScroll(100);	
+			
+
    + +
    + + + + + +
    $.mobile.activePage (property)
    +
    Reference to the page currently in view.
    + + + + +
    +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/api/themes.html b/libs/js/jquery-mobile-1.0.1pre/docs/api/themes.html new file mode 100755 index 0000000..9c6f2d1 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/api/themes.html @@ -0,0 +1,289 @@ + + + + + + jQuery Mobile Framework - Static Containers, States + + + + + + + + + +
    + +
    +

    Themes

    + Home +
    + +
    + +
    +

    Theming overview

    + +

    Every layout and widget in jQuery Mobile is designed around a new object-oriented CSS framework that makes it possible to apply a complete unified visual design Theme to sites and applications. The theming system is similar to the ThemeRoller system in jQuery UI, but adds a few important improvements:

    + +
      +
    • It takes advantage of CSS3 properties to add rounded corners, box and text shadow and gradients instead of images, allowing the theme file to be very lightweight and reducing server requests.
      • +
    • Themes include multiple color "swatches" — each consisting of a header bar, content body, and button states that can be freely mixed and matched to create visual texture — to make richer designs possible
      • +
    • Open-ended theming allows for up to 26 unique swatches per theme, to add almost unlimited variety to designs
      • +
    • All backgrounds now use CSS3 gradients to dramatically reduce file size and number of server requests
      • +
    • A simplified icon set including those most commonly used for mobile, in a sprite to reduce image weight
      • +
    + +

    ThemeRoller

    + Themroller Mobile Logo + The easiest way to create custom themes is with the ThemeRoller tool. It allows you to build a theme, then download a custom CSS file, ready to be dropped into your project. + +

    Themes & swatches

    + +

    The key to the Theme system is separation of color and texture, from structural styles that define things like padding and dimensions. This allows theme colors and textures to be defined once in the stylesheet and be mixed, matched and combined to achieve a wide range of visual effects.

    + +

    Each Theme includes several global settings, including font family, drop shadows for overlays, and corner radius values for buttons and boxes. In addition, the Theme can include multiple color "swatches", each with color values for bars, content blocks, buttons and list items, and font text-shadow.

    + +

    jQuery Mobile's default Theme includes 5 swatches that are given letters (a, b, c, d, e) for quick reference. To make mapping of color swatches consistent across our widgets, we have followed the convention that swatch "a" is the highest level of visual priority (black in our default theme), "b" is secondary level (blue) and "c" is the baseline level (gray) that we use by default in many situations, "d" for an alternate secondary level and "e" as an accent swatch. Themes may have additional swatches for accent colors or specific situations. For example, you could add a new theme swatch "f" that has a red bar and button for use in error situations.

    + +

    A new ThemeRoller tool will launched with the jQuery Mobile 1.0 release in 2011. In the meantime, it's simple to manually edit the base swatches in the default theme and/or add additional swatches by editing the theme css file: copy a block of swatch styles, rename the classes with the new swatch letter name, and tweak colors.

    + + +

    Bars

    +

    The default theme contains the following five Bar styles:

    + +
    +
    Bar A - Link
    +
    Bar B - Link
    +
    Bar C - Link
    +
    Bar D - Link
    +
    Bar E - Link
    +
    + +

    By default, the framework assigns the "a" swatch to all headers and footers, because these are typically given high visual priority in an application. To set the color of a bar to a different swatch color, simply add the data-theme attribute to your header or footer and specify an alternate swatch letter ('b' or 'd', for example) and the specified theme swatch color will be applied. Learn more about toolbar theming.

    + + + +

    Content Blocks

    +

    The default theme also includes color swatch values for use in content blocks, designed to coordinate with the header color swatches in the theme.

    + +
    +
    Block A - Link
    +
    Block B - Link
    +
    Block C - Link
    +
    Block D - Link
    +
    Block E - Link
    +
    + + +

    If a theme isn't specified on a content block, the framework will default to "c" to maximize contrast against the default header "a", as shown here:

    + +
    + Back +

    Default Header

    +
    +
    +

    Default Theme Content Header

    +

    This is the default content color swatch and a preview of a link.

    + + +
    + Cache settings: + + + + +
    + Button +
    +
    + +
    + + +

    Learn more about content theming.

    + + +

    Lists & Buttons

    +

    Each swatch also includes default styles for interactive elements like list items and buttons.

    + + + + + + + + + + + +

    A button is included for each swatch in the theme. Each button has styles for normal, hover/focus and pressed states.

    + +
    + Button A + Button B + Button C + Button D + Button E +
    + + +

    By default, any button that's placed in a bar is automatically assigned a swatch letter that matches its parent bar or content box, to visually integrate the button into the parent theme like a chameleon, as shown here:

    + +
    + + + + + +
    + +

    This default behavior makes it easy to ripple a theme change through a page by setting a theme swatch on a parent because you know the buttons will maintain the same relative visual weight across themes. Since form elements use the button styles, they will also adapt to their parent container too.

    + +

    If you want to add visual emphasis to a button and help it stand out visually from its parent toolbar, an alternate swatch color can be set by adding a data-theme="a" to the anchor. Once an alternate swatch color is set on a button in the markup, the framework won't override that color if the parent theme is changed, because you made a conscious decision to set it.

    + +
    +
    +
    + A + B + C + D + E +
    +
    +
    +
    + A + B + C + D + E +
    +
    +
    +
    + A + B + C + D + E +
    +
    +
    +
    + A + B + C + D + E +
    +
    +
    +
    + A + B + C + D + E +
    +
    + +
    + +

    Learn more about list theming and button theming.

    + +

    Global "Active" state

    +

    The jQuery Mobile framework uses a single Theme-level swatch called "active" (bright blue in the default theme) to consistently indicate the selected state, regardless of the individual swatch of the given widget. We apply this in navigation and form controls whenever there is a need to indicate what is currently selected. Because this theme swatch is designed for clear, consistent user feedback, it cannot be overridden via the markup; it is set once in the Theme and applied by the framework whenever a selected or active state is needed. The styling for this state is in the theme stylesheet under the ui-btn-active style rules.

    + +
    + Active is used for the on state of these toggles: + + + + +
    + + +

    Icons

    +

    There a core set of standard icons included in the framework that can be assigned to any button. To minimize the download size of the core icons, jQuery Mobile only includes these icons in white and automatically adds a semi-transparent black circle behind the icon to make sure it has good contrast on all background colors.

    + +

    Theme classes

    +

    Assigning color swatches through the data-theme attribute is one way to leverage the theme system, but it's also possible to apply any of the theme swatches directly to your markup through classes to apply the colors, textures and font formatting of your theme to any markup. This is especially useful when creating your own custom layout elements or UI widgets. Here are a few common theme classes, but many more are available in the theme stylesheet:

    +
    +
    ui-bar-(a-z)
    +
    Applies the toolbar theme styles for the selected swatch letter. Commonly used in conjunction with ui-bar structural class to add the standard bar padding styles.
    +
    ui-body-(a-z)
    +
    Applies the content body theme styles for the selected swatch letter. Commonly used in conjunction with ui-body structural class to add the standard content block padding styles.
    +
    ui-btn-up-(a-z)
    +
    Applies the button/clickable element theme styles for the selected swatch letter. Commonly used in with the ui-btn-hover-(a-z) and ui-btn-down-(a-z) interaction class states to provide visual feedback and ui-btn-active to indicate the selected or "on" state.
    +
    ui-corner-all
    +
    Applies the theme's global border-radius for rounded corners and is used for container or grouped items in the framework (inset lists, radiobutton sets). There are additional classes for all the possible combinations of rounded corners, for example: ui-corner-tl (top left only), -top (both top corners), -left (both left corners), etc. A second full set of corner classes is provided for buttons so these can have a different corner radius. These use classes with a similar naming convention, but with "btn-corner" instead of "corner", like this: .ui-btn-corner-all.
    +
    ui-shadow
    +
    Applies the theme's global drop shadow to any element using CSS box-shadow property.
    +
    ui-disabled
    +
    Applies the disabled look and feel which essentially reduces the opacity of any element with this class to 30%, hides the cursor, and sets pointer-events: none; which prevents any interaction in many modern browsers.
    +
    + +

    Overriding themes

    +

    The themes are meant as a solid starting point, but are meant to be customized to add the custom design elements that make your site or app unique. Since everything is controlled by CSS, it's easy to use a web inspector tool to identify the style properties you want to modify. The set of of theme classes (global) and semantic structural classes (widget-specific) added to elements provide a rich set of possible selectors to target style overrides against. We recommend adding an external stylesheet to the head, placed after the structure and theme stylesheet references, that contain all your style overrides. This allows you to easily update to newer versions of the library because overrides are kept separate from the library code.

    + + +

    Learn more about theming individual components:

    + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/api-buttons.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/api-buttons.html new file mode 100755 index 0000000..f8e1dbe --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/api-buttons.html @@ -0,0 +1,43 @@ + + + + + + jQuery Mobile Docs - Buttons + + + + + + + + + +
    + +
    +

    Button API

    + Home +
    + +
    + +

    Dependencies

    +

    To be documented

    + +

    Options

    +

    To be documented

    + +

    Methods

    +

    To be documented

    + +

    Known Issues

    +

    To be documented

    + + + +
    +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-events.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-events.html new file mode 100644 index 0000000..9216603 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-events.html @@ -0,0 +1,90 @@ + + + + + + jQuery Mobile Docs - Button events + + + + + + + + + +
    + +
    +

    Button basics

    + Home +
    + +
    +
    + +
    + +

    Button basics

    + + + +

    Bind events directly to the a, input, or button element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:

    + 
     
+$( ".myButton" ).bind( "click", function(event, ui) {
+  ...
+});
+
    + +

    The form button plugin has the following custom events:

    + +
    + +
    create triggered when a form button is created
    +
    + + 
    
+$('[type='submit']').button({
+   create: function(event, ui) { ... }
+});		
+
    +
    + +
    + +
    +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-grouped.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-grouped.html new file mode 100755 index 0000000..ff6b9bc --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-grouped.html @@ -0,0 +1,96 @@ + + + + + + jQuery Mobile Docs - Grouped Buttons + + + + + + + + + +
    + +
    +

    Grouped buttons

    + Home +
    + +
    +
    + +

    Occasionally, you may want to visually group a set of buttons together to form a single block that looks contained like a navigation component. To get this effect, wrap a set of buttons in a container with the data-role="controlgroup" attribute — the framework will create a vertical button group, remove all margins and drop shadows between the buttons, and only round the first and last buttons of the set to create the effect that they are grouped together.

    +
    
+<div data-role="controlgroup">
+<a href="index.html" data-role="button">Yes</a>
+<a href="index.html" data-role="button">No</a>
+<a href="index.html" data-role="button">Maybe</a>
+</div>
+
    + +

    By default, grouped buttons are presented as a vertical list:

    + +
    + Yes + No + Maybe +
    + +

    By adding the data-type="horizontal" attribute to the controlgroup container, you can swap to a horizontal-style group that floats the buttons side-by-side and sets the width to only be large enough to fit the content. (Be aware that these will wrap to multiple lines if the number of buttons or the overall text length is too wide for the screen.) + +

    Horizontal grouped buttons:

    +
    + Yes + No + Maybe +
    + +

    Horizontal grouped buttons with icons:

    +
    + Add + Delete +
    + +

    Horizontal grouped buttons, icon only:

    +
    + Up + Down + Delete +
    + + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-icons.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-icons.html new file mode 100755 index 0000000..f148112 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-icons.html @@ -0,0 +1,231 @@ + + + + + + jQuery Mobile Docs - Button icons + + + + + + + + + +
    + +
    +

    Button icons

    + Home +
    + +
    +
    + +

    Adding Icons to Buttons

    +

    The jQuery Mobile framework includes a selected set of icons most often needed for mobile apps. To minimize download size, jQuery Mobile includes a single white icon sprite, and automatically adds a semi-transparent black circle behind the icon to ensure that it has good contrast on any background color.

    + + +

    An icon can be added to a button by adding a data-icon attribute on the anchor specifying the icon to display. For example, the following markup:

    + + + <a href="index.html" data-role="button" data-icon="delete">Delete</a> + + +

    Creates this button with an icon:

    + Delete + +

    Icon set

    + +

    The following data-icon attributes can be referenced to create the icons shown below:

    + +

    Left arrow - data-icon="arrow-l"

    + My button +

    Right arrow - data-icon="arrow-r"

    + My button +

    Up arrow - data-icon="arrow-u"

    + My button +

    Down arrow - data-icon="arrow-d"

    + My button +

    Delete - data-icon="delete"

    + My button +

    Plus - data-icon="plus"

    + My button +

    Minus - data-icon="minus"

    + My button +

    Check - data-icon="check"

    + My button +

    Gear - data-icon="gear"

    + My button +

    Refresh - data-icon="refresh"

    + My button +

    Forward - data-icon="forward"

    + My button +

    Back - data-icon="back"

    + My button +

    Grid - data-icon="grid"

    + My button +

    Star - data-icon="star"

    + My button +

    Alert - data-icon="alert"

    + My button +

    Info - data-icon="info"

    + My button +

    Home - data-icon="home"

    + My button +

    Search - data-icon="search"

    + My button + + +

    Icon positioning

    +

    By default, all icons in buttons are placed to the left of the button text.

    + Delete + +

    This default may be overridden using the data-iconpos attribute to set the icon to the right, above (top) or below (bottom) the text. For example, the markup:

    + + +<a href="index.html" data-role="button" data-icon="delete" data-iconpos="right">Delete</a> + + +

    Creates this button with right-aligned icon:

    + Delete + +

    Icons can also be positioned above the text by specifying data-iconpos="top"

    + Delete + +

    Or icons can also be positioned below the text by specifying data-iconpos="bottom"

    + Delete + +

    You can also create an icon-only button, by setting the data-iconpos attribute to notext. The button plugin will hide the text on-screen, but add it as a title attribute on the link to provide context for screen readers and devices that support tooltips. For example, replacing data-iconpos="right" on the previous example with data-iconpos="notext":

    + + +<a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a> + + +

    Creates this icon-only button:

    + Delete + +

    Custom Icons

    +

    To use custom icons, specify a data-icon value that has a unique name like myapp-email and the button plugin will generate a class by prefixing ui-icon- to the data-icon value and apply it to the button: ui-icon-myapp-email.

    +

    You can then write a CSS rule in your stylesheet that targets the ui-icon-myapp-email class to specify the icon background source. To maintain visual consistency with the rest of the icons, create a white icon 18x18 pixels saved as a PNG-8 with alpha transparency.

    +

    In this example, we're just pointing to a standalone icon image, but you could just as easily use an icon sprite and specify the positioning instead, just like the icon sprite we use in the framework.

    + +
    .ui-icon-myapp-email {
+	background-image: url("app-icon-email.png");
+}
    + +

    This will create the standard resolution icon, but many devices now have very high resolution displays, like the retina display on the iPhone 4. To add a HD icon, create an icon that is 36x36 pixels (exactly double the 18 pixel size), and add second rule that uses the -webkit-min-device-pixel-ratio: 2 media query to target a rule only to high resolution displays. Specify the background image for the HD icon file and set the background size to 18x18 pixels which will fit the 36 pixel icon into the same 18 pixel space. The media query block can wrap multiple icon rules:

    +
    
+@media only screen and (-webkit-min-device-pixel-ratio: 2) {
+	.ui-icon-myapp-email {
+		background-image: url("app-icon-email-highres.png");
+		background-size: 18px 18px;
+	}
+	...more HD icon rules go here...
+}
+
    + +

    Icons and themes

    +

    The semi-transparent black circle behind the white icon ensures good contrast on any background color so it works well with the jQuery Mobile theming system. Here are examples of the same icons sitting on top of a range of different color swatches in out theme.

    + + +

    Swatch "A" themed buttons

    + + + +

    Swatch "B" themed buttons

    + + + +

    Swatch "C" themed buttons

    + + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-inline.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-inline.html new file mode 100755 index 0000000..b9662f1 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-inline.html @@ -0,0 +1,81 @@ + + + + + + jQuery Mobile Docs - Inline buttons + + + + + + + + + +
    + +
    +

    Inline buttons

    + Home +
    + +
    +
    + +

    By default, all buttons in the body content are styled as block-level element so they fill the width of the screen:

    + + Button + + +

    However, if you want a more compact button that is only as wide as the text and icons inside, add the data-inline="true" attribute to the button:

    + + + Button + +

    If you have multiple buttons that should sit side-by-side on the same line, add the data-inline="true" attribute to each button. This will style the buttons to be the width of their content and float the buttons so they sit on the same line.

    + +
    
+<a href="index.html" data-role="button" data-inline="true">Cancel</a>
+<a href="index.html" data-role="button" data-inline="true" data-theme="b">Save</a>
+
    + +

    The result is this:

    + + Cancel + Save + + +

    If you want buttons to sit side-by-side but stretch to fill the width of the screen, you can use the content column grids to put normal full-width buttons into 2- or 3-columns.

    + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-methods.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-methods.html new file mode 100644 index 0000000..cba405a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-methods.html @@ -0,0 +1,96 @@ + + + + + + jQuery Mobile Docs - Button methods + + + + + + + + + +
    + +
    +

    Button basics

    + Home +
    + +
    +
    + +
    + +

    Button basics

    + + + +

    The following methods apply only to form buttons. Link-based buttons do not have any associated methods.

    + +
    + +
    enable enable a disabled form button
    +
    + 
    
+$('[type='submit']').button('enable');			
+
    +
    + +
    disable disable a form button
    +
    + 
    
+$('[type='submit']').button('disable');			
+
    +
    + +
    refresh update the form button
    +
    +

    If you manipulate a form button via JavaScript, you must call the refresh method on it to update the visual styling.

    + + 
    		
+$('[type='submit']').button('refresh');
+
    +
    + +
    + +
    +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-options.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-options.html new file mode 100644 index 0000000..d7e66c8 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-options.html @@ -0,0 +1,143 @@ + + + + + + jQuery Mobile Docs - Button options + + + + + + + + + +
    + +
    +

    Button basics

    + Home +
    + +
    +
    + +
    + +

    Button basics

    + + + +

    The following options apply to all buttons:

    + +
    +
    corners boolean
    +
    +

    default: true

    +

    Applies the theme button border-radius if set to true. This option is also exposed as a data attribute: data-corners="false"

    + 
    $('a').buttonMarkup({ corners: "false" });
    + No rounded corners +
    +
    icon string
    +
    +

    default: null

    +

    Applies an icon from the icon set. This option is also exposed as a data attribute: data-icon="star"

    + 
    $('a').buttonMarkup({ icon: "star" });
    + Star icon +
    + +
    iconpos string
    +
    +

    default: "left"

    +

    Positions the icon in the button. Possible values: left, right, none, notext. The notext value will display an icon-only button with no text feedback. This option is also exposed as a data attribute: data-iconpos="left"

    + 
    $('a').buttonMarkup({ iconpos: "right" });
    + Star icon +
    + +
    iconshadow boolean
    +
    +

    default: true

    +

    Applies the theme shadow to the button's icon if set to true. This option is also exposed as a data attribute: data-iconshadow="false"

    + 
    $('a').buttonMarkup({ iconshadow: "false" });
    + No icon shadow +
    + +
    inline boolean
    +
    +

    default: null (false)

    +

    If set to true, this will make the button act like an inline button so the width is determined by the button's text. By default, this is null (false) so the button is full width, regardless of the feedback content. Possible values: true, false. This option is also exposed as a data attribute: data-inline="true"

    + 
    $('a').buttonMarkup({ inline: "true" });
    + Inline +
    + +
    shadow boolean
    +
    +

    default: true

    +

    Applies the drop shadow style to the button if set to true. This option is also exposed as a data attribute: data-shadow="false"

    + 
    $('a').buttonMarkup({ shadow: "false" });
    + No button shadow +
    + +
    theme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"

    + 
    $('a').buttonMarkup({ theme: "a" });
    + Theme A +
    +
    + +
    +

    The following option applies only to form buttons, which are automatically initialized by the framework:

    +
    + +
    +
    initSelector CSS selector string
    +
    +

    default: "button, [type='button'], [type='submit'], [type='reset'], [type='image']"

    +

    This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as form buttons. To change which elements are initialized, bind this option to the mobileinit event:

    +
    $( document ).bind( "mobileinit", function(){
+   $.mobile.button.prototype.options.initSelector = ".myButtons";
+});
+
    +
    +
    + + +
    +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-themes.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-themes.html new file mode 100644 index 0000000..7659efe --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-themes.html @@ -0,0 +1,128 @@ + + + + + + jQuery Mobile Docs - Theming buttons + + + + + + + + + +
    + +
    +

    Theming buttons

    + Home +
    + +
    +
    + +

    Theming buttons

    + +

    jQuery Mobile has a rich theming system that gives you full control of how buttons are styled. When a link is added to a container, it is automatically assigned a theme swatch letter that matches its parent bar or content box to visually integrate the button into the parent container, like a chameleon. So a button placed inside a content container with a theme of "a" (black in the default theme) will be automatically assigned the button theme of "a" (charcoal in the default theme). Here are examples of the button theme pairings in the default theme. All buttons have the same HTML markup:

    + +

    A swatch

    Button
    +

    B swatch

    Button
    +

    C swatch

    Button
    +

    D swatch

    Button
    +

    E swatch

    Button
    + +

    Assigning theme swatches

    +

    Buttons can be manually assigned any of the button color swatches from the theme to add visual contrast with the container they sit inside by adding the data-theme attribute on the button markup and specifying a swatch letter.

    + +
    			
+<a href="index.html" data-role="button" data-theme="a">Theme a</a>			
+
    + +

    Here are 5 buttons with icons that have a different swatch letter assigned via the data-theme attribute.

    + + Theme a + Theme b + Theme c + Theme d + Theme e + +

    Theme variations

    + +

    "a" theme on container with themed buttons inside

    +
    + Theme a + Theme b + Theme c + Theme d + Theme e +
    + +

    "b" theme on container with themed buttons inside

    +
    + Theme a + Theme b + Theme c + Theme d + Theme e +
    + +

    "c" theme on container with themed buttons inside

    +
    + Theme a + Theme b + Theme c + Theme d + Theme e +
    + +

    "d" theme on container with themed buttons inside

    +
    + Theme a + Theme b + Theme c + Theme d + Theme e +
    + +

    "e" theme on container with themed buttons inside

    +
    + Theme a + Theme b + Theme c + Theme d + Theme e +
    + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-types.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-types.html new file mode 100755 index 0000000..74f392f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/buttons-types.html @@ -0,0 +1,103 @@ + + + + + + jQuery Mobile Docs - Button types + + + + + + + + + +
    + +
    +

    Button basics

    + Home +
    + +
    +
    + +

    Button basics

    + + + + +

    Buttons are coded with standard HTML anchor and input elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. Use anchor links (a elements) to mark up navigation buttons, and input or button elements for form submission. View the data- attribute reference to see all the possible attributes you can add to buttons.

    + +

    Styling links as buttons

    + +

    In the main content block of a page, you can style any anchor link as a button by adding the data-role="button" attribute. The framework will enhance the link with markup and classes to style the link as a button. For example, this markup:

    + + +<a href="index.html" data-role="button">Link button</a> + + +

    Produces this link-based button:

    + Link button + +

    Links styled like buttons have all the same visual options as true form-based buttons below, but there are a few important differences. Link-based buttons aren't part of the button plugin and only just use the underlying buttonMarkup plugin to generate the button styles so the form button methods (enable, disable, refresh) aren't supported. If you need to disable a link-based button (or any element), it's possible to apply the disabled class ui-disabled yourself with JavaScript to achieve the same effect.

    + +

    Form buttons

    +

    For ease of styling, the framework automatically converts any button or input element with a type of submit, reset, button, or image into a custom styled button — there is no need to add the data-role="button" attribute. However, if needed, you can directly call the button plugin on any selector, just like any jQuery plugin:

    + + +$('[type='submit']').button(); + + +

    To preserve events bound to the original button or input, the framework hides the original element by making it transparent and positioning it over the new button markup. When a user clicks on the the custom-styled button, they're actually clicking on the original element. To prevent a form button from being converted into an enhanced button, add the data-role="none" attribute and hte native control will be rendered.

    + +

    Button based button:

    + + +

    Input type="button" based button:

    + + +

    Input type="submit" based button:

    + + +

    Input type="reset" based button:

    + + +

    Input type="image" based button:

    + + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/buttons/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/index.html new file mode 100755 index 0000000..359e6c5 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/buttons/index.html @@ -0,0 +1,41 @@ + + + + + + jQuery Mobile Docs - Buttons + + + + + + + + + +
    + +
    +

    Buttons

    + Home +
    + +
    +

    Buttons are core widgets in jQuery Mobile, and are used within a wide range of other plugins.

    + + +
    +
    + + + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/dialogTransition.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/dialogTransition.html new file mode 100644 index 0000000..bf8acc7 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/dialogTransition.html @@ -0,0 +1,40 @@ + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + + + +
    + +
    +

    Config applied

    + Home +
    + +
    + +

    defaultDialogTransition is now "flip"

    +

    To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.

    + Browse docs + Or open a basic dialog + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/iOSFullscreen.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/iOSFullscreen.html new file mode 100644 index 0000000..1df52a7 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/iOSFullscreen.html @@ -0,0 +1,45 @@ + + + + + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + + + +
    + +
    +

    jQuery Mobile

    + Home +
    + +
    + +

    Fullscreen docs in iOS

    +

    First, hit Add to Home Screen to create a new shortcut icon on the home screen. Next, open the new shortcut and hit the button below to browse the docs as a fullscreen web app.

    + Browse docs + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/index.html new file mode 100644 index 0000000..d44354c --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/index.html @@ -0,0 +1,90 @@ + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + +
    + +
    +

    Pages

    + Home +
    + +
    +

    Global config tests

    +

    The following links will cause a full page refresh so that the global options configuration can take effect. Each link below will tweak a different option for quick testing.

    + + + + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/jq17b1.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/jq17b1.html new file mode 100644 index 0000000..e458351 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/jq17b1.html @@ -0,0 +1,34 @@ + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + +
    + +
    +

    jQuery version

    + Home +
    + +
    + +

    jQuery core version 1.7 Beta 1

    +

    To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.

    + Browse docs + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/loadingMessage.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/loadingMessage.html new file mode 100644 index 0000000..e598788 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/loadingMessage.html @@ -0,0 +1,40 @@ + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + + + +
    + +
    +

    Config applied

    + Home +
    + +
    + +

    loadingMessage is now disabled

    +

    To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.

    + Browse docs + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/minScrollBack.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/minScrollBack.html new file mode 100644 index 0000000..a2d3fba --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/minScrollBack.html @@ -0,0 +1,40 @@ + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + + + +
    + +
    +

    Config applied

    + Home +
    + +
    + +

    minScrollBack is now set to 999 (disabled)

    +

    To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.

    + Browse docs + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/pageLoadErrorMessage.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/pageLoadErrorMessage.html new file mode 100644 index 0000000..b0887b5 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/pageLoadErrorMessage.html @@ -0,0 +1,41 @@ + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + + + +
    + +
    +

    Config applied

    + Home +
    + +
    + +

    pageLoadErrorMessage is now "Yikes, we broke the internet!"

    +

    To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.

    + Browse docs + Or try this broken link + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/pageTransition.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/pageTransition.html new file mode 100644 index 0000000..9f4a692 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/pageTransition.html @@ -0,0 +1,40 @@ + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + + + + +
    + +
    +

    Config applied

    + Home +
    + +
    + +

    defaultPageTransition is now "fade"

    +

    To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.

    + Browse docs + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/pushState.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/pushState.html new file mode 100644 index 0000000..fd84f2f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/pushState.html @@ -0,0 +1,40 @@ + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + + + +
    + +
    +

    Config applied

    + Home +
    + +
    + +

    pushStateEnabled is now disabled

    +

    To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.

    + Browse docs + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/config/touchOverflow.html b/libs/js/jquery-mobile-1.0.1pre/docs/config/touchOverflow.html new file mode 100644 index 0000000..b9c82a2 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/config/touchOverflow.html @@ -0,0 +1,47 @@ + + + + + + jQuery Mobile Docs - Configuration + + + + + + + + + + + +
    + +
    +

    Config applied

    + Home +
    + +
    + +

    touchOverflowEnabled is now active

    +

    The toolbar on this page should now be fixed, like a native toolbar. To test, hit the button below and browse the docs. Note that if a link causes a refresh, this setting will be lost and the default settings will be seen.

    + Browse docs + touchOverflow docs + +

    Some good pages to test out:

    + Fixed toolbars + Fullscreen toolbars + Fixed persistent footer + Dialogs & transitions + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/content/api-content.html b/libs/js/jquery-mobile-1.0.1pre/docs/content/api-content.html new file mode 100755 index 0000000..88389bf --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/content/api-content.html @@ -0,0 +1,41 @@ + + + + + + jQuery Mobile Docs - Content formatting + + + + + + + + +
    + +
    +

    Content formatting API

    +
    + +
    + +

    Dependencies

    +

    To be documented

    + +

    Options

    +

    To be documented

    + +

    Methods

    +

    To be documented

    + +

    Known Issues

    +

    To be documented

    + + + +
    +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/content/content-collapsible-set.html b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-collapsible-set.html new file mode 100644 index 0000000..000fb82 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-collapsible-set.html @@ -0,0 +1,151 @@ + + + + + + jQuery Mobile Docs - Collapsible Content + + + + + + + + + +
    + +
    +

    Collapsible sets (Accordions)

    + Home +
    + +
    +
    + +

    Collapsible set markup

    +

    Collapsible sets start with the exact same markup as individual collapsibles. By adding a parent wrapper with a data-role="collapsible-set" attribute around a number of collapsibles, the framework will style these to looks like a visually grouped widget and make it behave like an accordion so only one section can be open at a time. View the data- attribute reference to see all the possible attributes you can add to collapsible sets.

    +

    By default, all the sections will be collapsed. To set a section to be open when the page loads, add the data-collapsed="false" attribute to the heading of the section you want expanded.

    + + 
    		
+<div data-role="collapsible-set">
+
+	<div data-role="collapsible" data-collapsed="false">
+	<h3>Section 1</h3>
+	<p>I'm the collapsible set content for section B.</p>
+	</div>
+	
+	<div data-role="collapsible">
+	<h3>Section 2</h3>
+	<p>I'm the collapsible set content for section B.</p>
+	</div>
+	
+</div>
+
    + + +

    Here is an example of a collapsible set with 5 sections.

    + +
    +
    +

    Section 1

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm open by default because I have the data-collapsed="false" attribute.

    +
    +
    +

    Section 2

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    +

    Section 3

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    +

    Section 4

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    +

    Section 5

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    + +

    Theming collapsible content

    +

    The standard data-theme attribute can be used to set the color of each collapsible in a set. To provide a clearer visual grouping of the content with the headers, add the data-content-theme attribute with a swatch letter. This adds a themed background color and border to the content block. For consistent theming, add these attributes to the parent collapsible set.

    + + +
    		
+<div data-role="collapsible-set" data-theme="c" data-content-theme="d">
+
    + + +
    +
    +

    Section 1

    +

    Collapsible content

    +
    +
    +

    Section 2

    +

    Collapsible content

    + +
    +
    +

    Section 3

    +

    Collapsible content

    +
    +
    + + +

    Theming individual sections

    +

    To have individual sections in a group styled differently, add data-theme and data-content-theme attributes to specific collapsibles.

    + +
    +
    +

    Section header, swatch B

    +

    Collapsible content, swatch B

    + +
    +
    +

    Section header, swatch A

    +

    Collapsible content, swatch A

    +
    +
    +

    Section header, swatch E

    +

    Collapsible content, swatch D

    +
    +
    + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/content/content-collapsible.html b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-collapsible.html new file mode 100755 index 0000000..9f033f5 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-collapsible.html @@ -0,0 +1,193 @@ + + + + + + jQuery Mobile Docs - Collapsible Content + + + + + + + + + +
    + +
    +

    Collapsible content

    + Home +
    + +
    +
    + +

    Collapsible content markup

    +

    To create a collapsible block of content, create a container and add the data-role="collapsible" attribute. Using data-content-theme attribute allows you to set a theme for the content of the collapsible. View the data- attribute reference to see all the possible attributes you can add to collapsibles.

    + +

    Directly inside this container, add any header element (H1-H6). The framework will style the header to look like a clickable button and add a "+" icon to the left to indicate it's expandable.

    + +

    After the header, add any HTML markup you want to be collapsible. The framework will wrap this markup in a container that will be hidden/shown when the heading is clicked.

    + +

    By default, the content will be collapsed.

    +
    		
+<div data-role="collapsible">
+   <h3>I'm a header</h3>
+   <p>I'm the collapsible content. By default I'm closed, but you can click the header to open me.</p>
+</div>
+
    + + +
    +

    I'm a header

    +

    I'm the collapsible content. By default I'm closed, but you can click the header to open me.

    +
    + +

    Expanding collapsibles on load

    + +

    To expand the content when the page loads, add the data-collapsed="false" attribute to the wrapper.

    + + + <div data-role="collapsible" data-collapsed="false"> + + +

    This code will create a collapsible widget like this:

    + + +
    +

    I'm a header

    +

    I'm the collapsible content. I'm expanded by default because I have the "collapsed" state set to false.

    +
    + +

    Theming collapsible content

    + + +

    Collapsible content is minimally styled — we add only a bit of margin between the bar and content, and the header adopts the default Theme styles of the container it sits within.

    + +

    To provide a stronger visual connection between the collapsible header and content, add the data-content-theme attribute to the wrapper and specify a theme swatch letter. This will apply the swatch's border and flat background color (not the gradient) to the content block and changes the corner rounding to square off the bottom of the header and round the bottom of the content block instead to visually group these elements.

    + +
    		
+<div data-role="collapsible" data-content-theme="c">
+   <h3>Header swatch A</h3>
+   <p>I'm the collapsible content with a themed content block set to "C".</p>
+</div>
+
    + +
    +

    Header swatch

    +

    I'm the collapsible content with a themed content block set to "C".

    +
    + +

    Theming collapsible headers

    +

    To set the theme on a collapsible header button, add the data-theme attribute to the wrapper and specify a swatch letter. Note that you can mix and match swatch letters between the header and content with these theme attributes.

    + +
    		
+<div data-role="collapsible" data-theme="a" data-content-theme="a">
+   <h3>Header swatch A</h3>
+   <p>I'm the collapsible content with a themed content block set to "A".</p>
+</div>
+
    + +
    +

    Header swatch A

    +

    I'm the collapsible content with a themed content block set to "A".

    +
    + + + +
    +

    Header swatch B

    +

    I'm the collapsible content with a themed content block set to "D".

    +
    + + + +

    Nested Collapsibles

    + +

    Collapsibles can be nested inside each other if needed. In this example, we're setting the content theme to provide clearer visual connection between the levels.

    +
    +

    I'm a header

    +

    I'm the collapsible content. By default I'm open and displayed on the page, but you can click the header to hide me.

    + +
    +

    I'm a nested collapsible with a child collapsible

    +

    I'm a child collapsible.

    +
    +

    Nested inside again.

    +

    Three levels deep now.

    +
    +
    + + +
    +

    Section 3: Form elements

    +
    +
    + + +
    +
    + + +
    +
    +
    +
    +
    +
    +
    + +
    +

    Section 4: Collapsed list

    +

    Here is an inset list:

    + +
    +
    + + + +

    Collapsible sets (accordions)

    +

    It's possible to combine multiple collapsibles into a grouped sets that acts like an accordion widget. Learn more

    + + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/content/content-grids.html b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-grids.html new file mode 100644 index 0000000..35edb41 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-grids.html @@ -0,0 +1,191 @@ + + + + + + jQuery Mobile Docs - Content Grids + + + + + + + + + +
    + +
    +

    Layout grids

    + Home +
    + +
    +
    + +

    Using multiple column layouts isn't generally recommended on a mobile device because of the narrow screen width, but there are times where you may need to place small elements side-by-side (like buttons or navigation tabs, for example).

    + +

    The jQuery Mobile framework provides a simple way to build CSS-based columns through a block style class convention called ui-grid.

    + +

    There are four preset configurations layouts that can be used in any situation that requires columns:

    +
      +
    • two-column (using the ui-grid-a class)
      • +
    • three-column (using the ui-grid-b class)
      • +
    • four-column (using the ui-grid-c class)
      • +
    • five-column (using the ui-grid-d class)
      • +
    + +

    Grids are 100% width, completely invisible (no borders or backgrounds) and don't have padding or margins, so they shouldn't interfere with the styles of elements placed inside them.

    +

    Within the grid container, child elements are assigned ui-block-a/b/c/d in a sequential manner which makes each "block" element float side-by-side, forming the grid. The ui-block-a class essentially clears the floats which will start a new line (see multiple row grids, below).

    + +

    Two column grids

    +

    To build a two-column (50/50%) layout, start with a container with a class of ui-grid-a, and add two child containers inside it classed with ui-block-a for the first column and ui-block-b for the second:

    + +
    
+<div class="ui-grid-a">
+	<div class="ui-block-a"><strong>I'm Block A</strong> and text inside will wrap</div>
+	<div class="ui-block-b"><strong>I'm Block B</strong> and text inside will wrap</div>
+</div><!-- /grid-a -->
+
    + + + +

    The above markup produces the following content layout:

    + +
    +
    I'm Block A and text inside will wrap.
    +
    I'm Block B and text inside will wrap.
    +
    + +

    As you see above, by default grid blocks have no visual styling; they simply present content side-by-side.

    + +

    Grid classes can be applied to any container. In this next example, we add ui-grid-a to a fieldset, and apply the ui-block classes to the two buttons inside to stretch them each to 50% of the screen width:

    + +
    
+<fieldset class="ui-grid-a">
+	<div class="ui-block-a"><button type="submit" data-theme="c">Cancel</button></div>
+	<div class="ui-block-b"><button type="submit" data-theme="b">Submit</button></div>	   
+</fieldset>
+
    + +
    +
    +
    +
    + + +

    Theme classes (not data-theme attributes) from the theming system can be added to an element, including grids. On the blocks below, we're adding two classes: ui-bar to add the default bar padding and ui-bar-e to apply the background gradient and font styling for the "e" toolbar theme swatch. For illustration purposes, an inline style="height:120px" attribute is also added to each grid to set each to a standard height.

    + +
    +
    Block A
    +
    Block B
    +
    + +

    Three-column grids

    +

    The other grid layout configuration uses class=ui-grid-b on the parent, and 3 child container elements, each with its respective ui-block-a/b/c class, to create a three-column layout (33/33/33%). Note: These blocks are also styled with theme classes so the grid layout is clearly visible.

    + +
    
+<div class="ui-grid-b">
+	<div class="ui-block-a">Block A</div>
+	<div class="ui-block-b">Block B</div>
+	<div class="ui-block-c">Block C</div>
+</div><!-- /grid-b -->
+
    + +

    This will produce a 33/33/33% grid for our content.

    + +
    +
    Block A
    +
    Block B
    +
    Block C
    +
    + +

    And an example of a 3 column grid with buttons inside:

    + +
    +
    +
    +
    +
    + +

    Four-column grids

    + +

    A four-column, 25/25/25/25% grid is created by specifying class=ui-grid-c on the parent and adding a fourth block. Note: These blocks are also styled with theme classes so the grid layout is clearly visible.

    + +
    +
    A
    +
    B
    +
    C
    +
    D
    +
    + +

    Five-column grids

    +

    A five-column, 20/20/20/20/20% grid is created by specifying class=ui-grid-d on the parent and adding a fourth block. Note: These blocks are also styled with theme classes so the grid layout is clearly visible.

    + +
    +
    A
    +
    B
    +
    C
    +
    D
    +
    E
    +
    + +

    Multiple row grids

    + +

    Grids are designed to wrap to multiple rows of items. For example, if you specify a 3-column grid (ui-grid-b) on a container that has nine child blocks, it will wrap to 3 rows of 3 items each. There is a CSS rule to clear the floats and start a new line when the class=ui-block-a is seen so make sure to assign block classes in a repeating sequence (a, b, c, a, b, c, etc.) that maps to the grid type:

    + +
    +
    A
    +
    B
    +
    C
    +
    A
    +
    B
    +
    C
    +
    A
    +
    B
    +
    C
    +
    + + +

    Grids in toolbars

    +

    Grids are helpful for creating layouts within a toolbar. Here's a footer with a 3 column grid.

    + +
    +

    Settings

    +
    +
    +
    +
    + + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/content/content-html.html b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-html.html new file mode 100644 index 0000000..708a3b2 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-html.html @@ -0,0 +1,142 @@ + + + + + + jQuery Mobile Docs - HTML formatting + + + + + + + + + +
    + +
    +

    HTML Formatting

    + Home +
    + +
    +
    + + + + + +

    The default approach to styling content in jQuery Mobile is simple: Use a light hand. Our goal is to let the browser's native rendering take precedence; we add a bit of padding for more comfortable readability, and use the theming system to apply the font family and colors.

    +

    Taking a light hand with content styling gives designers and developers a clean slate to work with, instead of fighting against a lot of complex style overhead.

    + +

    Default HTML markup styling

    +

    By default, jQuery Mobile themes use standard HTML styles and sizes for standard markup elements like headers, paragraph content, block quotes, anchor links, standard ordered, unordered and definition lists, and tables — as shown in the examples below:

    +
    + +

    H1 Heading

    +

    H2 Heading

    +

    H3 Heading

    +

    H4 Heading

    +
    H5 Heading
    +
    H6 Heading
    + +

    This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.

    + +
    How about some blockquote action with a cite
    + +

    This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content. This is another paragraph of text so you can see how HTML markup works in content.

    + +

    We add a few styles to tables and fieldsets to make them more legible, which are easily overridden with customs styles.

    + +
      +
    • Unordered list item 1
      • +
    • Unordered list item 1
      • +
    • Unordered list item 1
      • +
    + +
      +
    1. Ordered list item 1
      2. +
    2. Ordered list item 1
      3. +
    3. Ordered list item 1
      4. +
    + +
    +
    Definition term
    +
    I'm the definition text
    +
    Definition term
    +
    I'm the definition text
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Travel Itinerary
    Flight:From:To:
    Total: 3 flights
    JetBlue 983Boston (BOS)New York (JFK)
    JetBlue 354San Francisco (SFO)Los Angeles (LAX)
    JetBlue 465New York (JFK)Portland (PDX)
    + + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/content/content-themes.html b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-themes.html new file mode 100755 index 0000000..b726793 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/content/content-themes.html @@ -0,0 +1,142 @@ + + + + + + jQuery Mobile Docs - Content Themes + + + + + + + + + +
    + +
    +

    Theming content

    + Home +
    + +
    +
    +

    Theming the content area

    +

    The main content area of a page (container with the data-role="content" attribute) should be themed by adding the data-theme attribute to the data-role="page" container to ensure that the background colors are applied to the full page, regardless of the content length. (If you add the data-theme attribute to the content container, the background color will stop after the content. So there may be a gap in color between the content and fixed footer.)

    +

    Additionally, the content area of a collapsible can be themed to match the theme of the collapsible header using the data-content-theme attribute.

    + + +<div data-role="page" data-theme="a" data-content-theme="a"> + + +

    Theming collapsible blocks

    +

    To set the color of the collapsible header, add the data-theme attribute to the collapsible container. The icon and body are not currently themable through data attributes, but can be styled directly with custom css.

    + + +<div data-role="collapsible" data-collapsed="true" data-theme="a"> + +

    Themed examples

    + +

    A theme swatch on content & collapsible

    +
    +

    H1 Heading

    +

    This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.

    +
    +

    I'm a themed collapsible

    +

    I have data-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    +

    I'm a themed collapsible with a themed content

    +

    I have data-content-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    + +

    B theme swatch on content & collapsible

    +
    +

    H1 Heading

    +

    This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.

    +
    +

    I'm a themed collapsible

    +

    I have data-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    +

    I'm a themed collapsible with a themed content

    +

    I have data-content-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    + +

    C theme swatch on content & collapsible

    +
    +

    H1 Heading

    +

    This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.

    +
    +

    I'm a themed collapsible

    +

    I have data-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    +

    I'm a themed collapsible with a themed content

    +

    I have data-content-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    + +

    D theme swatch on content & collapsible

    +
    +

    H1 Heading

    +

    This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.

    +
    +

    I'm a themed collapsible

    +

    I have data-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    +

    I'm a themed collapsible with a themed content

    +

    I have data-content-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    + +

    E theme swatch on content & collapsible

    +
    +

    H1 Heading

    +

    This is a paragraph that contains strong, emphasized and linked text. Here is more text so you can see how HTML markup works in content. Here is more text so you can see how HTML markup works in content.

    +
    +

    I'm a themed collapsible

    +

    I have data-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    +

    I'm a themed collapsible with a themed content

    +

    I have data-content-theme attribute set manually on my container to set the color to match the content block I'm in.

    +
    +
    + + +
    + +
    + +
    + +

    More in this section

    + + +
    +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/content/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/content/index.html new file mode 100755 index 0000000..e6a722e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/content/index.html @@ -0,0 +1,43 @@ + + + + + + jQuery Mobile Docs - Content formatting + + + + + + + + + +
    + +
    +

    Content formatting

    + Home +
    + +
    + +

    The content of pages in jQuery Mobile is completely open-ended, but the jQuery Mobile framework provides a number of helpful tools and widgets — such as collapsible panels and multiple-column grid layouts — to make it easy to format your content for mobile devices.

    + + + + + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/events.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/events.html new file mode 100644 index 0000000..0f0b96e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/events.html @@ -0,0 +1,101 @@ + + + + + + jQuery Mobile Docs - Checkboxes + + + + + + + + + +
    + +
    +

    Checkboxes

    + Home +
    + +
    +
    + +
    + +

    Checkboxes

    + + + +

    Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:

    + 
     
+$("input[type='checkbox']").bind( "change", function(event, ui) {
+  ...
+});
+
    + +

    The checkbox plugin has the following custom events:

    + +
    + +
    create triggered when a checkbox is created
    +
    + + 
    
+$("input[type='checkbox']").checkboxradio({
+   create: function(event, ui) { ... }
+});		
+
    +
    + + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/index.html new file mode 100755 index 0000000..5de0491 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/index.html @@ -0,0 +1,166 @@ + + + + + + jQuery Mobile Docs - Checkboxes + + + + + + + + + +
    + +
    +

    Checkboxes

    + Home +
    + +
    +
    + +
    + +

    Checkboxes

    + + + +

    Checkboxes are used to provide a list of options where more than one can be selected. Traditional desktop checkboxes are not optimized for touch input so in jQuery Mobile, we style the label for the checkboxes so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.

    + +

    Both the radio and checkbox controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible. View the data- attribute reference to see all the possible attributes you can add to checkboxes.

    + +

    To create a single checkbox, add an input with a type="checkbox" attribute and a corresponding label. Set the for attribute of the label to match the ID of the input so they are semantically associated.

    + + 
    	
+<input type="checkbox" name="checkbox-1" id="checkbox-0" class="custom" />
+<label for="checkbox-0">I agree</label>
+
    + +

    This will produce a basic checkbox. The default styles will set the width of the element to 100% of the parent container.

    + + + + + + +

    Because checkboxes use the label element for the text displayed next to the checkbox form element, we recommend wrapping the checkbox in a fieldset element that has a legend which acts as the title for the question. Add the data-role="controlgroup" attribute to the fieldset so it can be styled in a parallel way as text inputs, selects or other form elements.

    + +

    Lastly, need to wrap the fieldset in a div with data-role="controlgroup" attribute to the fieldset so it can be styled in a parallel way as text inputs, selects or other form elements.

    + + +
    	
+<div data-role="fieldcontain">
+    <fieldset data-role="controlgroup">
+	   <legend>Agree to the terms:</legend>
+	   <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
+	   <label for="checkbox-1">I agree</label>
+    </fieldset>
+</div>
+
    + +
    +
    + Agree to the terms: + + +
    +
    + +

    Vertically grouped checkboxes

    + +

    Typically, there are multiple checkboxes listed under a question title. To visually integrate multiple checkboxes into a grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a data-role="controlgroup" attribute on the fie.

    + +
    +
    + Choose as many snacks as you'd like: + + + + + + + + + + + +
    +
    + +

    Horizontal toggle sets

    + +

    Checkboxes can also be used for grouped button sets where more than one button can be selected at once, such as the bold, italic and underline button group seen in word processors. To make a horizontal button set, add the data-type="horizontal" to the fieldset.

    + + +<fieldset data-role="controlgroup" data-type="horizontal"> + + +

    The framework will float the labels so they sit side-by-side on a line, hide the checkbox icons and only round the left and right edges of the group.

    + +
    +
    + Font styling: + + + + + + + + +
    +
    + + + + +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/methods.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/methods.html new file mode 100644 index 0000000..8550463 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/methods.html @@ -0,0 +1,105 @@ + + + + + + jQuery Mobile Docs - Checkboxes + + + + + + + + + +
    + +
    +

    Checkboxes

    + Home +
    + +
    +
    + +
    + +

    Checkboxes

    + + + +

    The checkbox has the following methods:

    + +
    + +
    enable enable a disabled checkbox
    +
    + 
    
+ $("input[type='checkbox']").checkboxradio('enable');
+
    +
    + +
    disable disable a select.
    +
    + 
    
+$("input[type='checkbox']").checkboxradio('disable');
+
    +
    + +
    refresh update the custom select
    +
    + If you manipulate a checkbox via JavaScript, you must call the refresh method on it to update the visual styling. + 
    
+$("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");
+
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/options.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/options.html new file mode 100644 index 0000000..1a7a72e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/checkboxes/options.html @@ -0,0 +1,90 @@ + + + + + + jQuery Mobile Docs - Checkboxes + + + + + + + + + +
    + +
    +

    Checkboxes

    + Home +
    + +
    +
    + +
    + +

    Checkboxes

    + + + +

    The checkbox has the following options:

    + +
    + +
    theme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"

    + 
    $("input[type='checkbox']").checkboxradio({ theme: "a" });
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/docs-forms.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/docs-forms.html new file mode 100755 index 0000000..460b4b8 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/docs-forms.html @@ -0,0 +1,243 @@ + + + + + + jQuery Mobile Docs - Forms + + + + + + + + + +
    + +
    +

    Forms

    + Home +
    + +
    +
    +

    jQuery Mobile provides a complete set of finger-friendly form elements that are based on native HTML form elements.

    + +

    Form structure

    + +

    All forms should be wrapped in a form tag that has an action and method that will handle the form data processing on the server.

    + + +<form action="form.php" method="post"> +... +</form> + + + +

    Markup conventions

    +

    When constructing forms to be used in jQuery Mobile, most of the standard guidelines used to create forms that submit via normal HTTP post or get still apply. However, one thing to keep in mind is that the id attributes of form controls need to be not only unique on a given page, but also unique across the pages in a site. This is because jQuery Mobile's single-page navigation model allows many different "pages" to be present in the DOM at the same time, so you must be careful to use unique id attributes so there will be only one of each in the DOM (and of course, be sure to pair them properly with label elements via the for attribute).

    + +

    Hiding labels accessibly

    +

    For the sake of accessibility, jQuery Mobile requires that all form elements be paired with a meaningful label. To hide labels in a way that leaves them visible to assistive technologies—for example, when letting an element’s placeholder attribute serve as a label—apply the helper class ui-hidden-accessible to the label itself:

    + +
    +<label for="username" class="ui-hidden-accessible">Username:</label>
+<input type="text" name="username" id="username" value="" placeholder="Username"/>
+
    +     + +

    To hide labels within a field container and adjust the layout accordingly, add the class ui-hide-label to the field container as in the following:

    + + +
    +<div data-role="fieldcontain" class="ui-hide-label">
+	<label for="username">Username:</label>
+	<input type="text" name="username" id="username" value="" placeholder="Username"/>
+</div>
+
    +     + +

    Both of the above examples will render as:

    +
    + + +
    + +

    While the label will no longer be visible, it will be available to assisitive technologies such as screen readers.

    + + +

    Disabling form elements

    +

    All jQuery Mobile widgets can be disabled in the markup by adding the standard disabled attribute to the element, just like you would with native controls. Each form widget also has standard disable and enable methods that are documented with each form widget. Here are a few examples of disabled widgets:

    + +
    + + +
    + +
    +
    + Gender: + + + + + +
    +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +

    Note that you can disable buttons created from button or input-based markup, but not links with a role of button. Links don't have a parallel disabled feature in HTML, but if you need to disable a link-based button (or any element), it's possible to apply the disabled class ui-disabled yourself with JavaScript to achieve the same effect.

    + +

    Field containers

    +

    To improve the styling to labels and form elements on wider screens, we recommend wrapping a div or fieldset with the data-role="fieldcontain" attribute around each label/form element. This framework aligns the input and associated label side-by-side, and breaks to stacked block-level elements below ~480px. The framework will also add a thin bottom border to act as a field separator.

    + +

    For example:

    +
    
+<div data-role="fieldcontain">
+<label for="name">Text Input:</label>
+<input type="text" name="name" id="name" value="" />
+</div>
+
    + +

    Will render as:

    + +
    + + +
    + +

    For additional examples, see the form elements gallery

    + + +

    Auto-initialization of form elements

    +

    By default, jQuery Mobile will automatically enhance certain native form controls into rich touch-friendly components. This is handled internally by finding form elements by tag name and running a plugin method on them, so for instance, a select element will be found and initialized with the "selectmenu" plugin, while an input element with a type="checkbox" will be enhanced with the "checkboxradio" plugin. Once initialized, you can address these enhanced components programmatically through their jQuery UI widget API methods - see options, methods and events listed on each form plugin's documentation page for details.

    + +

    Initializing groups of dynamically-injected form elements

    +

    If you should generate new markup client-side or load in content via AJAX and inject it into a page, you can trigger the create event to handle the auto-initialization for all the plugins contained within the new markup. This can be triggered on any element (even the page div itself), saving you the task of manually initializing each plugin (see below).

    + +

    For example, if a block of HTML markup (say a login form) was loaded in through Ajax, trigger the create event to automatically transform all the widgets it contains (inputs and buttons in this case) into the enhanced versions. The code for this scenario would be:

    + + + $( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" ); + + +

    Refreshing form elements

    + +

    In jQuery Mobile, some enhanced form controls are simply styled (inputs), but others are custom controls (selects, sliders) built from, and kept in sync with, the native control. To programmatically update a form control with JavaScript, first manipulate the native control, then use the refresh method to tell the enhanced control to update itself to match the new state. Here are some examples of how to update common form controls, then call the refresh method:

    +

    Checkboxes:

    + + +$("input[type='checkbox']").prop("checked",true).checkboxradio("refresh"); + + +

    Radios:

    + +$("input[type='radio']").prop("checked",true).checkboxradio("refresh"); + + +

    Selects:

    +
    +var myselect = $("#selectfoo");
+myselect[0].selectedIndex = 3;
+myselect.selectmenu("refresh");
+
     + +

    Sliders:

    + +$("input[type='range']").val(60).slider("refresh"); + + +

    Flip switches (they use slider):

    + +
    +var myswitch = $("#selectbar");
+myswitch[0].selectedIndex = 1;
+myswitch.slider("refresh");
+
     + +

    Preventing auto-initialization of form elements

    +

    If you'd prefer that a particular form control be left untouched by jQuery Mobile, simply give that element the attribute data-role="none". For example:

    + 
    
+<label for="foo">
+<select name="foo" id="foo"  data-role="none">
+	<option value="a" >A</option>
+	<option value="b" >B</option>
+	<option value="c" >C</option>
+</select>
+
    + + +

    Or, if you'd like to prevent auto-initialization without adding attributes to your markup, you can customize the selector that is used for preventing auto-initialization by setting the page plugin's keepNative option (which defaults to [data-role="none"]. Be sure to configure this option inside an event handler bound to the mobileinit event, so that it applies to the first page as well as subsequent pages that are loaded.

    + 
    
+$(document).bind('mobileinit',function(){
+	$.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";
+});
+
    + +

    One special case is that of selects. The above sample will prevent any and all augmentation from taking place on select elements in the page if select is included. If you wish to retain the native performance, look/feel of the menu itself and benefit from the visual augmentation of the select button by jQuery Mobile you can set $.mobile.nativeSelectMenu to true in a mobileinit callback as a global setting or use data-native="true" on a case by case basis.

    + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-all-native.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-all-native.html new file mode 100755 index 0000000..dfc77cc --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-all-native.html @@ -0,0 +1,247 @@ + + + + + + jQuery Mobile Docs - Native Form Controls + + + + + + + + + +
    + +
    +

    Forms

    + Home +
    + +
    +
    + +
    + +

    Native form elements & buttons

    + +

    Although the framework automatically enhances form elements and buttons into touch input optimized controls to streamline development, it's easy to tell jQuery Mobile to leave these elements alone so the standard, native control can be used instead.

    +

    Adding the data-role="none" attribute to any form or button element tells the framework to not apply any enhanced styles or scripting. The examples below all have this attribute in place to demonstrate the effect. You may need to write custom styles to lay out your form controls because we try to leave all the default styling intact.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + Choose as many snacks as you'd like: + + + + + + + + + + + +
    +
    + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    +
    + Layout view: + + + + + + +
    +
    + +
    + + +
    + +
    + + +
    + + + + +

    Button based button:

    + + +

    Input type="button" based button:

    + + +

    Input type="submit" based button:

    + + +

    Input type="reset" based button:

    + + +

    Input type="image" based button:

    + + +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-all.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-all.html new file mode 100755 index 0000000..5633719 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-all.html @@ -0,0 +1,244 @@ + + + + + + jQuery Mobile Docs - Gallery of Form Controls + + + + + + + + + +
    + +
    +

    Forms

    + Home +
    + +
    +
    + +
    + +

    Form elements

    + +

    This page contains various progressive-enhancement driven form controls. Native elements are sometimes hidden from view, but their values are maintained so the form can be submitted normally.

    + +

    Browsers that don't support the custom controls will still deliver a usable experience, because all are based on native form elements.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + Choose as many snacks as you'd like: + + + + + + + + + + + +
    +
    + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    +
    + Layout view: + + + + + + +
    +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    +
    +
    +
    +
    +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-sample-response.php b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-sample-response.php new file mode 100755 index 0000000..fd07c8e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-sample-response.php @@ -0,0 +1,80 @@ + + + + + + jQuery Mobile Docs - Sample form response + + + + + + + + + +
    + +
    +

    Sample form response

    + Home +
    + +
    +
    + +
    + +

    You Chose:

    + +
    + + " . $_REQUEST['shipping'] . "

    "; + ?> + +
    + + Change shipping method + +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-sample-selfsubmit.php b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-sample-selfsubmit.php new file mode 100755 index 0000000..11e876c --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-sample-selfsubmit.php @@ -0,0 +1,78 @@ + + + + + + jQuery Mobile Docs - Sample Form Submit to Self + + + + + + + + + +
    + +
    +

    Sample form submit to self

    + Home +
    + +
    +
    + +
    + +
    + Testing +
    + + /> + /> +
    +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-sample.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-sample.html new file mode 100755 index 0000000..7c478b8 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-sample.html @@ -0,0 +1,111 @@ + + + + + + jQuery Mobile Docs - Sample Form Submit + + + + + + + + + +
    + +
    +

    Forms

    + Home +
    + +
    +
    + +

    Ajax form submission

    + +

    In jQuery Mobile, form submissions are automatically handled using Ajax whenever possible, creating a smooth transition between the form and the result page. To ensure your form submits as intended, be sure to specify action and method properties on your form element. When unspecified, the method will default to get, and the action will default to the current page's relative path (found via $.mobile.path.get()

    +

    Forms also accept attributes for transitions just like anchors, such as data-transition="pop" and data-direction="reverse". To submit a form without Ajax, you can either disable Ajax form handling globally, or per form via the data-ajax="false" attribute. The target attribute (as in target="_blank") is respected on forms as well, and will default to the browser's handling of that target when the form submits. Note that unlike anchors, the rel attribute is not allowed on forms.

    + + +

    Default Ajax form example

    +

    This demonstrates automated ajax handling of form submissions. The form below is configured to send regular a get request to forms-sample-response.php. On submit, jQuery Mobile will make sure that the Url specified is able to be retrieved via Ajax, and handle it appropriately. Keep in mind that just like ordinary HTTP form submissions, jQuery Mobile allows get result pages to be bookmarked by updating the Url hash when the response returns successfully. Also like ordinary form submissions, post requests do not contain query parameters in the hash, so they are not bookmarkable.

    +
    +
    +
    + + +
    + +
    +
    + +

    Non-Ajax form example

    + +

    To prevent form submissions from being automatically handled with Ajax, add the data-ajax="false" attribute to the form element. You can also turn of Ajax form handling completely via the ajaxEnabled global config option.

    + +

    The form below is identical to the one above except for the addition of the data-ajax="false" attribute attribute. When the submit button is pressed, it will result in a full page refresh.

    +
    +
    +
    + + +
    + +
    +
    + +

    Self-submitting Forms

    +

    Just like in ordinary HTML, can also submit forms to the same URL you're currently viewing by setting the form's action attribute to that URL. This page demonstrates.

    +

    When a post request is submitted to a page that's already in the DOM (which would commonly happen when submitting a form to the same URL currently in view), the response URL will be identical to that existing page, as post requests do not append query string parameters to the URL. In this situation, jQuery Mobile will replace the page that submitted the form with the page returned in the response body.

    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-themes.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-themes.html new file mode 100755 index 0000000..62e9889 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/forms-themes.html @@ -0,0 +1,405 @@ + + + + + + jQuery Mobile Docs - Theming Forms + + + + + + + + + +
    + +
    +

    Theming forms

    + Home +
    + +
    +
    + +

    Form themes

    +

    jQuery Mobile has a rich theming system that gives you full control of how pages and forms are styled. By default all form elements inside a container will automatically adopt the same theme color swatch as their parent. This allows form elements to blend into their layouts with minimal work. The data-theme attribute can be applied any individual form element to apply any of the lettered theme color swatches to create contrast and emphasis in your designs.

    + +

    All the form elements in the examples below use the same HTML code with no theme swatch specified on the individual form elements. The only difference between each example block code is a data-theme swatch color assigned to each parent container. This illustrates the way form elements automatically adopt the theme swatch of their parent.

    + + +

    Body swatch A

    +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + +
    + +

    Body swatch B

    +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + + +
    + + +

    Body swatch C

    +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + + +
    + + + +

    Body swatch D

    +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + + +
    + + +

    Body swatch E

    +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + + +
    + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/index.html new file mode 100755 index 0000000..fbc2610 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/index.html @@ -0,0 +1,47 @@ + + + + + + jQuery Mobile Docs - Forms + + + + + + + + + +
    + +
    +

    Form elements

    + Home +
    + +
    + +

    All form elements begin with standard html controls that are enhanced to make them more attractive and easy-to-use. In browsers that don't support the custom controls, they will still have a usable experience because these are all based on native form elements.

    + + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/plugin-eventsmethods.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/plugin-eventsmethods.html new file mode 100755 index 0000000..31ae7a4 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/plugin-eventsmethods.html @@ -0,0 +1,70 @@ + + + + + + jQuery Mobile Docs - Form Plugin Methods + + + + + + + + + +
    + +
    +

    Form Plugin Methods

    + Home +
    + +
    +
    + +
    +

    We've retired this page.

    + +

    Plugin events and methods are now documented separately for each component (see links on the left).

    +
    + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/events.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/events.html new file mode 100644 index 0000000..2fe4f98 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/events.html @@ -0,0 +1,103 @@ + + + + + + jQuery Mobile Docs - Radio buttons + + + + + + + + + +
    + +
    +

    Radio buttons

    + Home +
    + +
    +
    + +
    + +

    Radio buttons

    + + + + +

    Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:

    + 
     
+$("input[type='radio']").bind( "change", function(event, ui) {
+  ...
+});
+
    + +

    The radio button plugin has the following custom events:

    + +
    + +
    create triggered when a radio button is created
    +
    + + + 
    
+$("input[type='radio']").checkboxradio({
+   create: function(event, ui) { ... }
+});		
+
    +
    + + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/index.html new file mode 100755 index 0000000..8b70276 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/index.html @@ -0,0 +1,191 @@ + + + + + + jQuery Mobile Docs - Radio Buttons + + + + + + + + + +
    + +
    +

    Radio buttons

    + Home +
    + +
    +
    + +
    + +

    Radio buttons

    + + + +

    Radio buttons are used to provide a list of options where only a single items can be selected. Traditional desktop radio buttons are not optimized for touch input so in jQuery Mobile, we style the label for the radio buttons so they are larger and look clickable. A custom set of icons are added to the label to provide additional visual feedback.

    + +

    Both the radio and checkbox controls below use standard input/label markup, but are styled to be more touch-friendly. The styled control you see is actually the label element, which sits over the real input, so if images fail to load, you'll still have a functional control. In most browsers, clicking the label automatically triggers a click on the input, but we've had to trigger the update manually for a few mobile browsers that don't do this natively. On the desktop, these controls are keyboard and screen-reader accessible. View the data- attribute reference to see all the possible attributes you can add to radio buttons.

    + +

    Vertically grouped radio buttons

    + +

    To create a set of radio buttons, add an input with a type="radio" attribute and a corresponding label. Set the for attribute of the label to match the ID of the input so they are semantically associated.

    + +

    Because radio buttons use the label element for the text displayed next to the checkbox form element, we recommend wrapping the radio buttons in a fieldset element that has a legend which acts as the title for the question.

    + +

    To visually integrate multiple radio buttons into a vertically grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a data-role="controlgroup" attribute on the container.

    + +
    	
+<fieldset data-role="controlgroup">
+	<legend>Choose a pet:</legend>
+     	<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
+     	<label for="radio-choice-1">Cat</label>
+
+     	<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
+     	<label for="radio-choice-2">Dog</label>
+
+     	<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
+     	<label for="radio-choice-3">Hamster</label>
+
+     	<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
+     	<label for="radio-choice-4">Lizard</label>
+</fieldset>
+
    + + +

    This will produce a vertically grouped radio button set. The default styles set the width of the button group to 100% of the parent container and stacks the label on a separate line.

    + + +
    + Choose a pet: + + + + + + + + + + + +
    + + + 
    	
+<div data-role="fieldcontain">
+    <fieldset data-role="controlgroup">
+    	<legend>Choose a pet:</legend>
+         	<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />
+         	<label for="radio-choice-1">Cat</label>
+
+         	<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
+         	<label for="radio-choice-2">Dog</label>
+
+         	<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
+         	<label for="radio-choice-3">Hamster</label>
+
+         	<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
+         	<label for="radio-choice-4">Lizard</label>
+    </fieldset>
+</div>
+
    + + +

    To visually integrate multiple radio buttons into a vertically grouped button set, the framework will automatically remove all margins between buttons and round only the top and bottom corners of the set if there is a data-role="controlgroup" attribute on the container.

    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    +

    Horizontal radio button sets

    + +

    Radio buttons can also be used for grouped button sets only a single button can be selected at once, such as a view switcher control. To make a horizontal radio button set, add the data-type="horizontal" to the fieldset.

    + + + <fieldset data-role="controlgroup" data-type="horizontal" > + + +
    +
    + Layout view: + + + + + + +
    +
    + +

    The framework will float the labels so they sit side-by-side on a line, hides the radio button icons and only round the left and right edges of the group.

    + + + + + + +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/methods.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/methods.html new file mode 100644 index 0000000..cb52d9c --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/methods.html @@ -0,0 +1,105 @@ + + + + + + jQuery Mobile Docs - Radio buttons + + + + + + + + + +
    + +
    +

    Radio buttons

    + Home +
    + +
    +
    + +
    + +

    Radio buttons

    + + + +

    The radio button has the following methods:

    + +
    + +
    enable enable a disabled radio button
    +
    + 
    
+ $("input[type='radio']").checkboxradio('enable');
+
    +
    + +
    disable disable a select.
    +
    + 
    
+$("input[type='radio']").checkboxradio('disable');
+
    +
    + +
    refresh update the custom select
    +
    + If you manipulate a radio button via JavaScript, you must call the refresh method on it to update the visual styling. + 
    
+$("input[type='radio']:first").attr("checked",true).checkboxradio("refresh");
+
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/options.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/options.html new file mode 100644 index 0000000..16f89d4 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/radiobuttons/options.html @@ -0,0 +1,90 @@ + + + + + + jQuery Mobile Docs - Radio buttons + + + + + + + + + +
    + +
    +

    Radio buttons

    + Home +
    + +
    +
    + +
    + +

    Radio buttons

    + + + +

    The radio button has the following options:

    + +
    + +
    theme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"

    + 
    $("input[type='radio']").checkboxradio({ theme: "a" });
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/events.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/events.html new file mode 100644 index 0000000..e8f0f2b --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/events.html @@ -0,0 +1,100 @@ + + + + + + jQuery Mobile Docs - Search Input events + + + + + + + + + +
    + +
    +

    Search input

    + Home +
    + +
    +
    + +
    + +

    Search input

    + + + +

    Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:

    + 
     
+$(".mySearchInput").bind( "change", function(event, ui) {
+  ...
+});
+
    + +

    The text input plugin has the following custom events:

    + +
    + +
    create triggered when a text input is created
    +
    + + 
    
+$( ".selector" ).textinput({
+   create: function(event, ui) { ... }
+});		
+
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/index.html new file mode 100755 index 0000000..68b0de9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/index.html @@ -0,0 +1,122 @@ + + + + + + jQuery Mobile Docs - Search input + + + + + + + + + +
    + +
    +

    Search input

    + Home +
    + +
    +
    + +
    + +

    Search input

    + + + +

    Search inputs are a new HTML type that is styled with pill-shaped corners and adds a "x" icon to clear the field once you start typing. Start with an input with a type="search" attribute in your markup. View the data- attribute reference to see all the possible attributes you can add to search inputs.

    + +

    Set the for attribute of the label to match the ID of the input so they are semantically associated. It's possible to accessibly hide the label if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.

    + + 
    	
+<label for="search-basic">Search Input:</label>
+<input type="search" name="search" id="searc-basic" value="" />
+
    + +

    This will produce a basic search input. The default styles set the width of the input to 100% of the parent container and stacks the label on a separate line.

    + + + + +

    Optionally wrap the search input in a container with the data-role="fieldcontain" attribute to help visually group it in a longer form.

    + +
    	
+<div data-role="fieldcontain">
+    <label for="search">Search Input:</label>
+    <input type="search" name="password" id="search" value="" />
+</div>
+
    + +

    The search input is now displayed like this:

    +
    + + +
    + +

    Themed variation:

    +
    + + +
    + + + +

    Calling the textinput plugin

    + +

    This plugin will auto initialize on any page that contains a text input with the type="search" attribute, no need for a data-role attribute in the markup. However, if needed you can directly call the textinput plugin on a selector, just like any jQuery plugin:

    +
    
+$('.mySearchInput').textinput();			
+
    + + +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/methods.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/methods.html new file mode 100644 index 0000000..ab635fb --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/methods.html @@ -0,0 +1,97 @@ + + + + + + jQuery Mobile Docs - Search Input methods + + + + + + + + + +
    + +
    +

    Search input

    + Home +
    + +
    +
    + +
    + +

    Search input

    + + + +

    The text input plugin has the following methods:

    + +
    + +
    enable enable a disabled text input
    +
    + 
    
+$('.selector').textinput('enable');			
+
    +
    + +
    disable disable a text input
    +
    + 
    
+$('.selector').textinput('disable');			
+
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/options.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/options.html new file mode 100644 index 0000000..e1b6fef --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/search/options.html @@ -0,0 +1,99 @@ + + + + + + jQuery Mobile Docs - Text Search options + + + + + + + + + +
    + +
    +

    Search input

    + Home +
    + +
    +
    + +
    + +

    Search input

    + + + +

    The text input plugin has the following options:

    + +
    +
    initSelector CSS selector string
    +
    +

    default: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input:not([type])"

    +

    This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as textinputs. To change which elements are initialized, bind this option to the mobileinit event:

    +
    $( document ).bind( "mobileinit", function(){
+   $.mobile.textinput.prototype.options.initSelector = ".myInputs";
+});
+
    +
    + +
    theme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"

    + 
    $('.selector').textinput({ theme: "a" });
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/custom.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/custom.html new file mode 100644 index 0000000..5f22064 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/custom.html @@ -0,0 +1,341 @@ + + + + + + jQuery Mobile Docs - Select + + + + + + + + + +
    + +
    +

    Select Menus

    + Home +
    + +
    +
    + +

    Select menus

    + + + +

    Custom select menus

    +

    The framework is capable of building a custom menu based on the select element's list of options. We recommend using a custom menu when multiple selections are required, or when the menu itself must be styled with CSS.

    + +

    You can optionally use custom-styled select menus instead of the native OS menu. The custom menu supports disabled options and multiple selection (whereas native mobile OS support for both is inconsistent), adds an elegant way to handle placeholder values, and restores missing functionality on certain platforms such as optgroup support on Android (all explained below). In addition, the framework applies the custom button's theme to the menu to better match the look and feel and provide visual consistency across platforms. Lastly, custom menus often look better on desktop browsers because native desktop menus are smaller than their mobile counterparts and tend to look disproportionate.

    + +

    Keep in mind that there is overhead involved in parsing the native select to build a custom menu. If there are a lot of selects on a page, or a select has a long list of options, this can impact the performance of the page, so we recommend using custom menus sparingly.

    + +

    To use custom menus on a specific select, just add the data-native-menu="false" attribute. Alternately, this can also programmatically set the select menu's nativeMenu configuration option to false in a callback bound to the mobileinit event to achieve the same effect. This will globally make all selects use the custom menu by default. The following must be included in the page after jQuery is loaded but before jQuery Mobile is loaded.

    + + + +
    +$(document).bind('mobileinit',function(){
+   $.mobile.selectmenu.prototype.options.nativeMenu = false;
+});
+
    +     + +

    When the select has a small number of options that will fit on the device's screen, the menu will appear as a small overlay with a pop transition:

    + +
    + + +
    + +

    When it has too many options to show on the device's screen, the framework will automatically create a new "page" populated with a standard list view for the options. This allows us to use the native scrolling included on the device for moving through a long list. The text inside the label is used as the title for this page.

    + + +
    + + +
    + +

    Disabled options

    +

    jQuery Mobile will automatically disable and style option tags with the disabled attribute. In the demo below, the second option "Rush: 3 days" has been set to disabled.

    + +
    + + +
    + +

    Placeholder options

    +

    It's common for developers to include a "null" option in their select element to force a user to choose an option. If a placeholder option is present in your markup, jQuery Mobile will hide them in the overlay menu, showing only valid choices to the user, and display the placeholder text inside the menu as a header. A placeholder option is added when the framework finds:

    +
      +
    • An option with no value attribute (or an empty value attribute)
      • +
    • An option with no text node
      • +
    • An option with a data-placeholder="true" attribute. (This allows you to use an option that has a value and a textnode as a placeholder option).
      • +
    + +

    You can disable this feature through the selectmenu plugin's hidePlaceholderMenuItems option, like this:

    + 
    +	
+$.mobile.selectmenu.prototype.options.hidePlaceholderMenuItems = false;
+	
+
    + +

    Examples of various placeholder options:

    + + +
    + + +
    + + +
    + + +
    + + +
    + + +
    + + +

    Multiple selects

    +

    If the multiple attribute is present in your markup, jQuery Mobile will enhance the element with a few extra considerations:

    + +
      +
    • A header element will be created inside the menu and display the placeholder text and a close button.
      • +
    • Clicking on an item inside the overlay menu will not close the widget.
      • +
    • A ghosted, unchecked icon will appear adjacent to each unselected item. When the item is selected the icon will change to a checkbox. Neither icon will appear inside a single select box.
      • +
    • Once 2+ items are selected, a counter element with the total number of selected items will appear inside the button.
      • +
    • The text of each selected item will appear inside the button as a list. If the button is not wide enough to display the entire list, it is truncated with an ellipses.
      • +
    • If no items are selected, the button's text will default to the placeholder text.
      • +
    • If no placeholder element exists, the default button text will be blank and the header will appear with just a close button. Because this isn't a friendly user experience, we recommended that you always specify a placeholder element when using multiple select boxes.
      • +
    + +
    + + +
    + +

    When a select is large enough to where the menu will open in a new page, the placeholder text is displayed in the button when no items are selected, and the label text is displayed in the menu's header. This differs from smaller overlay menus where the placeholder text is displayed in both the button and the header, and from full-page single selects where the placeholder text is not used at all.

    + +
    + + +
    + + + + + +

    Optgroup support

    +

    If a select menu contains optgroup elements, jQuery Mobile will create a divider & group items based on the label attribute's text:

    + +
    + + +
    + + + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/events.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/events.html new file mode 100644 index 0000000..3ef377f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/events.html @@ -0,0 +1,102 @@ + + + + + + jQuery Mobile Docs - Select events + + + + + + + + + +
    + +
    +

    Select Menus

    + Home +
    + +
    +
    + +
    + +

    Select menus

    + + + + +

    Bind events directly to the select element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:

    + 
     
+$(".mySelect").bind( "change", function(event, ui) {
+  ...
+});
+
    + +

    The select menu plugin has the following custom events:

    + +
    + +
    create triggered when a select menu is created
    +
    + + 
    
+$( ".selector" ).selectmenu({
+   create: function(event, ui) { ... }
+});		
+
    +
    + + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/index.html new file mode 100644 index 0000000..446c394 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/index.html @@ -0,0 +1,451 @@ + + + + + + jQuery Mobile Docs - Select + + + + + + + + + +
    + +
    +

    Select Menus

    + Home +
    + +
    +
    + +
    + +

    Select menus

    + + + +

    The select menu is based on a native select element, which is hidden from view and replaced with a custom-styled select button that matches the look and feel of the jQuery Mobile framework. The select menu is ARIA-enabled and keyboard accessible on the desktop as well. View the data- attribute reference to see all the possible attributes you can add to selects.

    + +

    By default, the framework leverages the native OS options menu to use with the custom button. When the button is clicked, the native OS menu will open. When a value is selected and the menu closes, the custom button's text is updated to match the selected value.

    + +

    To add a select menu to your page, start with a standard select element populated with a set of option elements. Set the for attribute of the label to match the ID of the select so they are semantically associated. It's possible to accessibly hide the label if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.

    + +

    The framework will find all select elements and automatically enhance them into select menus, no need to apply a data-role attribute. To prevent the automatic enhancement of a select, add data-role="none" attribute to the select.

    + + 
    
+<label for="select-choice-0" class="select">Shipping method:</label>
+<select name="select-choice-0" id="select-choice-1">
+   <option value="standard">Standard: 7 day</option>
+   <option value="rush">Rush: 3 days</option>
+   <option value="express">Express: next day</option>
+   <option value="overnight">Overnight</option>
+</select>
+
    + +

    This will produce a basic select menu. The default styles set the width of the input to 100% of the parent container and stacks the label on a separate line.

    + + + + + +

    Optionally wrap the selects in a container with the data-role="fieldcontain" attribute to help visually group it in a longer form.

    +
    
+<div data-role="fieldcontain">
+   <label for="select-choice-1" class="select">Shipping method:</label>
+   <select name="select-choice-1" id="select-choice-1">
+      <option value="standard">Standard: 7 day</option>
+      <option value="rush">Rush: 3 days</option>
+      <option value="express">Express: next day</option>
+      <option value="overnight">Overnight</option>
+   </select>
+</div>
+
    + +

    The select input is now displayed like this:

    + + +
    + + +
    + +

    An example of a select with a long list of options:

    + +
    + + +
    + + + + +

    Vertically grouped select inputs

    + +

    To create a grouped set of select inputs, first add select and a corresponding label. Set the for attribute of the label to match the ID of the select so they are semantically associated.

    + +

    Because the label element will be associated with each individual select input, we recommend wrapping the selects in a fieldset element that has a legend which acts as the combined label for the grouped inputs.

    + +

    Lastly, one needs to wrap the fieldset in a div with data-role="controlgroup" attribute, so it can be styled as a group.

    + +
    	
+<div data-role="fieldcontain">
+<fieldset data-role="controlgroup">
+	<legend>Date of Birth:</legend>
+
+    <label for="select-choice-month">Month</label>
+<select name="select-choice-month" id="select-choice-month">
+	<option>Month</option>
+	<option value="jan">January</option>
+	<!-- etc. -->
+</select>
+
+	<label for="select-choice-day">Day</label>
+<select name="select-choice-day" id="select-choice-day">
+	<option>Day</option>
+	<option value="1">1</option>
+	<!-- etc. -->
+</select>
+
+<label for="select-choice-year">Year</label>
+<select name="select-choice-year" id="select-choice-year">
+	<option>Year</option>
+	<option value="2011">2011</option>
+	<!-- etc. -->
+</select>
+</fieldset>
+</div>
+
    + +
    +
    + Date of Birth: + + + + + + + + + +
    + +
    + +

    Horizontally grouped select inputs

    +

    Select inputs can also be used for grouped sets with more than one related selections. To make a horizontal button set, add the data-type="horizontal" to the fieldset. Note that the buttons which trigger the select will resize depending on the currently selected option’s value. Note that browsers without support for display: inline-block; will group the selects vertically, as above.

    + + +<fieldset data-role="controlgroup" data-type="horizontal"> + + +
    + Date of Birth: + + + + + + + + + +
    + +

    Calling the select menu plugin

    +

    The select menu plugin will auto initialize on any page that contains a select menu, no need for a data-role attribute in the markup. However, you can directly call the select menu plugin on any selector, just like any normal jQuery plugin:

    +
    
+$('select').selectmenu();			
+
    + +
    + + +

    Theming selects

    +

    You can specify any jQuery Mobile button data- attribute on a select element, too. In this example, we're setting the theme, icon and inline properties:

    + +
    + + +
    + +

    The data-overlay-theme attribute can be added a select element to set the color of the overlay layer that the dialog-based custom select menus and the outer border of the smaller custom menus. By default, the content block colors for swatch A will be used for the overlays.

    + +
    + + +
    + +
    + + +
    + +

    Custom select menus

    +

    For the sake of advanced styling, the framework also offers a method of generating custom menus from existing select menu markup instead of the native OS menu. The custom menu supports disabled options and multiple selection (whereas native mobile OS support for both is inconsistent), adds an elegant way to handle placeholder values, and restores missing functionality on certain platforms such as optgroup support on Android. + + Custom select menu docs +

    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/methods.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/methods.html new file mode 100644 index 0000000..19f9507 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/methods.html @@ -0,0 +1,123 @@ + + + + + + jQuery Mobile Docs - Select methods + + + + + + + + + +
    + +
    +

    Select Menus

    + Home +
    + +
    +
    + +
    + +

    Select menus

    + + + +

    The select menu plugin has the following methods:

    + +
    + +
    close close an open select menu
    +
    + 
    
+$('select').selectmenu('close');			
+
    +
    + +
    enable enable a disabled select
    +
    + 
    
+$('select').selectmenu('enable');			
+
    +
    + +
    disable disable a select.
    +
    + 
    
+$('select').selectmenu('disable');			
+
    +
    + +
    open open a closed select menu
    +
    + 
    
+$('select').selectmenu('open');			
+
    +
    + +
    refresh update the custom select
    +
    + This is used to update the custom select to reflect the native select element's value.If the number of options in the select are different than the number of items in the custom menu, it'll rebuild the custom menu. Also, if you pass a true argument you can force the rebuild to happen. + 
    
+//refresh value			
+$('select').selectmenu('refresh');
+
+//refresh and force rebuild
+$('select').selectmenu('refresh', true);
+
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/options.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/options.html new file mode 100644 index 0000000..29e88cf --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/selects/options.html @@ -0,0 +1,149 @@ + + + + + + jQuery Mobile Docs - Select options + + + + + + + + + +
    + +
    +

    Select Menus

    + Home +
    + +
    +
    + +
    + +

    Select menus

    + + + +

    The select menu plugin has the following options:

    + + +
    + +
    corners boolean
    +
    +

    default: true

    +

    Applies the theme button border-radius to the select button if set to true. This option is also exposed as a data attribute: data-corners="false"

    + 
    $('select').selectmenu({ corners: "false" });
    +
    +
    icon string
    +
    +

    default: "arrow-down"

    +

    Applies an icon from the icon set to the custom button. This option is also exposed as a data attribute: data-icon="star"

    + 
    $('select').selectmenu({ icon: "star" });
    +
    + +
    iconpos string
    +
    +

    default: "right"

    +

    Position of the icon in the select button. Possible values: left, right, none, notext. The notext value will display the select as an icon-only button with no text feedback. This option is also exposed as a data attribute: data-iconpos="left"

    + 
    $('select').selectmenu({ iconpos: "left" });
    +
    + +
    iconshadow boolean
    +
    +

    default: true

    +

    Applies the theme shadow to the select button if set to true. This option is also exposed as a data attribute: data-iconshadow="false"

    + 
    $('select').selectmenu({ iconshadow: "false" });
    +
    + +
    initSelector CSS selector string
    +
    +

    default: "select:not(:jqmData(role='slider'))"

    +

    This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as select menus. To change which elements are initialized, bind this option to the mobileinit event:

    + 
    $( document ).bind( "mobileinit", function(){
+	$.mobile.selectmenu.prototype.options.initSelector = ".myselect";
+});
+
    +
    + +
    inline boolean
    +
    +

    default: null (false)

    +

    If set to true, this will make the select button act like an inline button so the width is determined by the button's text. By default, this is null (false) so the select button is full width, regardless of the feedback content. Possible values: true, false. This option is also exposed as a data attribute: data-inline="true"

    + 
    $('select').selectmenu({ inline: "true" });
    +
    + +
    nativeMenu boolean
    +
    +

    default: true

    +

    When set to true, clicking the custom-styled select menu will open the native select menu which is best for performance. If set to false, the custom select menu style will be used instead of the native menu. This option is also exposed as a data attribute: data-native-menu="false"

    + 
    $('select').selectmenu({ nativeMenu: "false" });
    +
    + +
    shadow boolean
    +
    +

    default: true

    +

    Applies the drop shadow style to the select button if set to true. This option is also exposed as a data attribute: data-shadow="false"

    + 
    $('select').selectmenu({ shadow: "false" });
    +
    + +
    theme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"

    + 
    $('select').selectmenu({ theme: "a" });
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/events.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/events.html new file mode 100644 index 0000000..08bc5fe --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/events.html @@ -0,0 +1,101 @@ + + + + + + jQuery Mobile Docs - Slider events + + + + + + + + + +
    + +
    +

    Slider

    + Home +
    + +
    +
    + +
    + +

    Slider

    + + + +

    Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:

    + 
     
+$( ".selector" ).bind( "change", function(event, ui) {
+  ...
+});
+
    + +

    The slider plugin has the following custom event:

    + +
    + +
    create triggered when a slider is created
    +
    + + 
    
+$( ".selector" ).slider({
+   create: function(event, ui) { ... }
+});		
+
    +
    + + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/index.html new file mode 100644 index 0000000..97cf96e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/index.html @@ -0,0 +1,134 @@ + + + + + + jQuery Mobile Docs - Slider + + + + + + + + + +
    + +
    +

    Slider

    + Home +
    + +
    +
    + +
    +

    Slider

    + + + +

    To add a slider widget to your page, use a standard input with the type="range" attribute. The input's value is used to configure the starting position of the handle and the value is populated in the text input. Specify min and max attribute values to set the slider's range. The framework will parse these attributes to configure the slider widget. View the data- attribute reference to see all the possible attributes you can add to sliders.

    + +

    As you drag the slider's handle, the framework will update the native input's value (and vice-versa) so they are always in sync; this ensures that the value is submitted with the form.

    +

    Set the for attribute of the label to match the ID of the input so they are semantically associated. It's possible to accessibly hide the label if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.

    + +

    The framework will find all input elements with a type="range" and automatically enhance them into a slider with an accompanying input, no need to apply a data-role attribute. To prevent the automatic enhancement of this input into a slider, add data-role="none" attribute to the input and wrap them in a div with the data-role="fieldcontain" attribute to group them.

    + +
    
+   <label for="slider-0">Input slider:</label>
+   <input type="range" name="slider" id="slider-0" value="25" min="0" max="100"  />
+
    + +

    The default slider is displayed like this:

    + + + +

    Optionally wrap the slider markup in a container with the data-role="fieldcontain" attribute to help visually group it in a longer form.

    + + +
    
+<div data-role="fieldcontain">
+   <label for="slider">Input slider:</label>
+   <input type="range" name="slider" id="slider" value="25" min="0" max="100"  />
+</div>
+
    + +

    The slider is now displayed like this:

    +
    + + +
    + +

    Sliders also respond to key commands. Right Arrow, Up Arrow and Page Up keys increase the value; Left Arrow, Down Arrow and Page Down keys decrease it. To move the slider to its minimum or maximum value, use the Home or End key, respectively.

    + + +

    Calling the slider plugin

    + +

    This plugin will auto initialize on any page that contains a text input with the type="range" attribute. However, if needed you can directly call the slider plugin on any selector, just like any jQuery plugin:

    +
    
+$('input').slider();			
+
    + + +

    Theming the slider

    +

    To set the theme swatch for the slider, add a data-theme attribute to the input which will apply the theme to both the input, handle and track. The track swatch can be set separately by adding the data-track-theme attribute to apply the down state version of the selected button swatch.

    + + 
    
+<div data-role="fieldcontain">
+	<label for="slider-2">Input slider:</label>
+	<input type="range" name="slider-2" id="slider-2" value="25" min="0" max="100" data-theme="a" data-track-theme="b" />
+</div>
+
    + +

    This will produce a themed slider:

    +
    + + +
    +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/methods.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/methods.html new file mode 100644 index 0000000..0198da1 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/methods.html @@ -0,0 +1,105 @@ + + + + + + jQuery Mobile Docs - Slider methods + + + + + + + + + +
    + +
    +

    Slider

    + Home +
    + +
    +
    + +
    + +

    Slider

    + + + +

    The slider plugin has the following methods:

    + +
    +
    enable enable a disabled slider
    +
    + 
    
+$('.selector').slider('enable');			
+
    +
    + +
    disable disable a slider
    +
    + 
    
+$('.selector').slider('disable');			
+
    +
    + +
    refresh update the slider
    +
    +

    If you manipulate a slider via JavaScript, you must call the refresh method on it to update the visual styling.

    + + 
    			
+$('.selector').slider('refresh');
+
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/options.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/options.html new file mode 100644 index 0000000..12bd75f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/slider/options.html @@ -0,0 +1,114 @@ + + + + + + jQuery Mobile Docs - Slider options + + + + + + + + + +
    + +
    +

    Slider

    + Home +
    + +
    +
    + +
    + +

    Slider

    + + + +

    The slider plugin has the following options:

    + +
    +
    disabled string
    +
    +

    default: false

    +

    Sets the default state of the slider to disabled when "true".

    + 
    $('.selector').slider({ disabled: "true" });
    +
    + +
    initSelector CSS selector string
    +
    +

    default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"

    +

    This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the mobileinit event:

    +
    $( document ).bind( "mobileinit", function(){
+   $.mobile.slider.prototype.options.initSelector = ".myslider";
+});
+
    +
    + +
    theme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"

    + 
    $('.selector').slider({ theme: "a" });
    +
    + +
    trackTheme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for the slider's track, specifically. It accepts a single letter from a-z that maps to the swatches included in your theme.

    + 
    $('.selector').slider({ theme: "a" });
    +

    This option can be overridden in the markup by assigning a data attribute to the input, e.g. data-track-theme="a".

    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/events.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/events.html new file mode 100644 index 0000000..84a3b03 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/events.html @@ -0,0 +1,101 @@ + + + + + + jQuery Mobile Docs - Slider events + + + + + + + + + +
    + +
    +

    Flip Toggle Switch

    + Home +
    + +
    +
    + +
    + +

    Flip toggle switch

    + + + +

    Bind events directly to the select element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:

    + 
     
+$( ".selector" ).bind( "change", function(event, ui) {
+  ...
+});
+
    + +

    The slider plugin has the following custom event:

    + +
    + +
    create triggered when a slider is created
    +
    + + 
    
+$( ".selector" ).slider({
+   create: function(event, ui) { ... }
+});		
+
    +
    + + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/index.html new file mode 100644 index 0000000..d3a111e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/index.html @@ -0,0 +1,157 @@ + + + + + + jQuery Mobile Docs - Sliders + + + + + + + + + +
    + +
    +

    Flip Toggle Switch

    + Home +
    + +
    +
    + +
    +

    Flip toggle switch

    + + + +

    A binary "flip" switch is a common UI element on mobile devices that is used for binary on/off or true/false data input. You can either drag the flip handle like a slider or tap one side of the switch.

    + +

    To create a flip toggle, start with a select with two options. The first option will be styled as the "on" state switch and the second will be styled as the "off" state so write your options accordingly. View the data- attribute reference to see all the possible attributes you can add to flip switches.

    + +

    Set the for attribute of the label to match the ID of the input so they are semantically associated. It's possible to accessibly hide the label if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.

    + +
    	
+<label for="flip-a">Select slider:</label>
+<select name="slider" id="flip-a" data-role="slider">
+	<option value="off">Off</option>
+	<option value="on">On</option>
+</select> 
+
    + +

    This will produce a basic flip toggle switch input. The default styles set the width of the switch to 100% of the parent container and stacks the label on a separate line.

    + + + + +

    Optionally wrap the switch markup in a container with the data-role="fieldcontain" attribute to help visually group it in a longer form.

    + +
    	
+<div data-role="fieldcontain">
+<label for="flip-b">Flip switch:</label>
+	<select name="slider" id="flip-b" data-role="slider">
+		<option value="no">No</option>
+		<option value="yes">Yes</option>
+	</select> 
+</div>
+
    +

    The flip toggle switch is now displayed like this:

    +
    + + +
    + + +

    Theming the flip switch

    + +

    Like all form elements, this widget will automatically inherit the theme from it's parent container. TO choose a specific theme color swatch, specify the data-theme attribute on the select and specify a swatch letter.

    + +
    	
+<div data-role="fieldcontain">
+	<label for="flip-c">Flip switch:</label>
+	<select name="slider" id="flip-c" data-role="slider" data-theme="a">
+		<option value="no">No</option>
+		<option value="yes">Yes</option>
+	</select> 
+</div>
+
    +

    This results in a switch with the A swatch colors for the handle. Note that the lefthand "on" state gets the active state color.

    +
    + + +
    + +

    Here is a E swatch variation:

    +
    + + +
    + +

    Calling the switch plugin

    + +

    This plugin will auto initialize on any page that contains a select with the data-role="slider" attribute. However, if needed you can directly call the slider plugin on any selector, just like any jQuery plugin:

    +
    
+$('select').slider();			
+
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/methods.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/methods.html new file mode 100644 index 0000000..b78cbd9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/methods.html @@ -0,0 +1,105 @@ + + + + + + jQuery Mobile Docs - Slider methods + + + + + + + + + +
    + +
    +

    Flip Toggle Switch

    + Home +
    + +
    +
    + +
    + +

    Flip toggle switch

    + + + +

    The slider plugin has the following methods:

    + +
    +
    enable enable a disabled slider
    +
    + 
    
+$('.selector').slider('enable');			
+
    +
    + +
    disable disable a slider
    +
    + 
    
+$('.selector').slider('disable');			
+
    +
    + +
    refresh update the slider
    +
    +

    If you manipulate a slider via JavaScript, you must call the refresh method on it to update the visual styling.

    + + 
    			
+$('.selector').slider('refresh');
+
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/options.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/options.html new file mode 100644 index 0000000..c64b6d4 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/switch/options.html @@ -0,0 +1,114 @@ + + + + + + jQuery Mobile Docs - Slider options + + + + + + + + + +
    + +
    +

    Flip Toggle Switch

    + Home +
    + +
    +
    + +
    + +

    Flip toggle switch

    + + + +

    The slider plugin has the following options:

    + +
    +
    disabled string
    +
    +

    default: false

    +

    Sets the default state of the slider to disabled when "true".

    + 
    $('.selector').slider({ disabled: "true" });
    +
    + +
    initSelector CSS selector string
    +
    +

    default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"

    +

    This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the mobileinit event:

    +
    $( document ).bind( "mobileinit", function(){
+   $.mobile.slider.prototype.options.initSelector = ".myslider";
+});
+
    +
    + +
    theme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"

    + 
    $('.selector').slider({ theme: "a" });
    +
    + +
    trackTheme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for the slider's track, specifically. It accepts a single letter from a-z that maps to the swatches included in your theme.

    + 
    $('.selector').slider({ theme: "a" });
    +

    This option can be overridden in the markup by assigning a data attribute to the input, e.g. data-track-theme="a".

    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/events.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/events.html new file mode 100644 index 0000000..b5d6add --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/events.html @@ -0,0 +1,100 @@ + + + + + + jQuery Mobile Docs - Text Input events + + + + + + + + + +
    + +
    +

    Text inputs

    + Home +
    + +
    +
    + +
    + +

    Text inputs

    + + + +

    Bind events directly to the input element. Use jQuery Mobile's virtual events, or bind standard JavaScript events, like change, focus, blur, etc.:

    + 
     
+$( ".selector" ).bind( "change", function(event, ui) {
+  ...
+});
+
    + +

    The text input plugin has the following custom events:

    + +
    + +
    create triggered when a text input is created
    +
    + + 
    
+$( ".selector" ).textinput({
+   create: function(event, ui) { ... }
+});		
+
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/index.html new file mode 100755 index 0000000..819a7f0 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/index.html @@ -0,0 +1,221 @@ + + + + + + jQuery Mobile Docs - Text inputs + + + + + + + + + +
    + +
    +

    Text inputs

    + Home +
    + +
    +
    + +
    + +

    Text inputs & Textareas

    + + + +

    Text inputs and textareas are coded with standard HTML elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. View the data- attribute reference to see all the possible attributes you can add to text inputs.

    + +

    Text inputs

    +

    To collect standard alphanumeric text, use an input with a type="text" attribute. Set the for attribute of the label to match the ID of the input so they are semantically associated. It's possible to accessibly hide the label if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.

    + +
    	
+    <label for="basic">Text Input:</label>
+    <input type="text" name="name" id="basic" value=""  />
+
    + +

    This will produce a basic text input. The default styles set the width of the input to 100% of the parent container and stacks the label on a separate line.

    + + + + +

    Optionally wrap the text input in a container with the data-role="fieldcontain" attribute to help visually group it in a longer form.

    + +
    	
+<div data-role="fieldcontain">
+    <label for="name">Text Input:</label>
+    <input type="text" name="name" id="name" value=""  />
+</div>	
+
    + +

    The text input is now displayed like this:

    +
    + + +
    + + +

    More text input types

    +

    In jQuery Mobile, you can use existing and new HTML5 input types such as password, email, tel, number, and more. Some type values are rendered differently across browsers — for example, Chrome displays the range input renders as a slider — so we standardize their appearance by dynamically changing their type to text (currently, this applies to range and search). You can configure which input types are degraded to text with the page plugin's options.

    + +

    One major advantage of using these more specific input types if that on mobile devices, specialized keyboards that speed data entry are offered in place of the standard text keyboard. Try the followin inputs on a mobile device to see which display custom keyboards on various platforms.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + + +

    Textareas

    +

    For multi-line text inputs, use a textarea element. The framework will auto-grow the height of the textarea to avoid the need for an internal scrollbar.

    +

    Set the for attribute of the label to match the ID of the textarea so they are semantically associated, and wrap them in a div with the data-role="fieldcontain" attribute to group them.

    + +
    	
+<label for="textarea-a">Textarea:</label>
+<textarea name="textarea" id="textarea-a">
+I'm a basic textarea. If this is pre-populated with content, the height will be automatically adjusted to fit without needing to scroll. That is a pretty handy usability feature.
+</textarea>
+
    + +

    This will produce a basic textarea with the width set to 100% of the parent container and the label stacked on a separate line.The textarea will grow to fit new lines as you type:

    + + + +
    	
+<div data-role="fieldcontain">
+<label for="textarea">Textarea:</label>
+	<textarea name="textarea" id="textarea"></textarea>
+</div>
+
    + +

    The textarea is displayed like this and will grow to fit new lines as you type:

    +
    + + +
    + + +

    Calling the textinput plugin

    + +

    This plugin will auto initialize on any page that contains a textarea or any of the text input types listed above, no need for a data-role attribute in the markup. However, if needed you can directly call the textinput plugin on any selector, just like any jQuery plugin:

    + 
    
+$('input').textinput();			
+
    + + +

    Degraded input types

    +

    jQuery Mobile degrades several HTML5 input types back to type=text, or type=number after adding enhanced controls. For example, inputs with a type of range are enhanced with a custom slider control, and their type is set to number to offer a usable form input alongside that slider. Inputs with a type of search are degraded back to type=text after we add our own themable search input styling.

    +

    The page plugin contains a list of input types that are set to either true which means they'll degrade to type=text, false which means they'll be left alone, or a string such as "number", which means they'll be converted to that type (such as the case of type=range).

    + +

    You can configure which types are changed via the page plugin's degradeInputs option, which can be manipulated externally via $.mobile.page.prototype.options.degradeInputs, which has properties: color, date, datetime, "datetime-local", email, month, number, range, search, tel, time, url, and week. Be sure to configure this inside an event handler bound to the mobileinit event, so that it applies to the first page as well as subsequent pages that are loaded.

    + + +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/methods.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/methods.html new file mode 100644 index 0000000..eb0f893 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/methods.html @@ -0,0 +1,97 @@ + + + + + + jQuery Mobile Docs - Text Input methods + + + + + + + + + +
    + +
    +

    Text inputs

    + Home +
    + +
    +
    + +
    + +

    Text inputs

    + + + +

    The text input plugin has the following methods:

    + +
    + +
    enable enable a disabled text input
    +
    + 
    
+$('.selector').textinput('enable');			
+
    +
    + +
    disable disable a text input
    +
    + 
    
+$('.selector').textinput('disable');			
+
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/options.html b/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/options.html new file mode 100644 index 0000000..e4dc601 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/forms/textinputs/options.html @@ -0,0 +1,99 @@ + + + + + + jQuery Mobile Docs - Text Input options + + + + + + + + + +
    + +
    +

    Text inputs

    + Home +
    + +
    +
    + +
    + +

    Text inputs

    + + + +

    The text input plugin has the following options:

    + +
    +
    initSelector CSS selector string
    +
    +

    default: "input[type='text'], input[type='search'], :jqmData(type='search'), input[type='number'], :jqmData(type='number'), input[type='password'], input[type='email'], input[type='url'], input[type='tel'], textarea, input:not([type])"

    +

    This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as textinputs. To change which elements are initialized, bind this option to the mobileinit event:

    +
    $( document ).bind( "mobileinit", function(){
+   $.mobile.textinput.prototype.options.initSelector = ".myInputs";
+});
+
    +
    + +
    theme string
    +
    +

    default: null, inherited from parent

    +

    Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: data-theme="a"

    + 
    $('.selector').textinput({ theme: "a" });
    +
    + +
    + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/index.html new file mode 100755 index 0000000..0173f5b --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/index.html @@ -0,0 +1,33 @@ + + + + + + jQuery UI Mobile Framework - Documentation + + + + + + + + + + +
    + +
    +

    jQuery Mobile Docs

    + Home +
    + +
    + +

    Nothing to see here folks.

    +View the documentation home page + +
    + +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/docs-lists.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/docs-lists.html new file mode 100755 index 0000000..805ecf3 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/docs-lists.html @@ -0,0 +1,165 @@ + + + + + + jQuery Mobile Docs - Lists Overview + + + + + + + + + +
    + +
    +

    Lists

    + Home +
    + +
    +
    +

    Basic linked lists

    +

    A list view is coded as a simple unordered list containing linked list items with a data-role="listview" attribute. jQuery Mobile will apply all the necessary styles to transform the list into a mobile-friendly list view with right arrow indicator that fills the full width of the browser window. When you tap on the list item, the framework will trigger a click on the first link inside the list item, issue an AJAX request for the URL in the link, create the new page in the DOM, then kick off a page transition. View the data- attribute reference to see all the possible attributes you can add to listviews.

    +

    Here is the HTML markup for a basic linked list.

    + +
    
+<ul data-role="listview" data-theme="g">
+	<li><a href="acura.html">Acura</a></li>
+	<li><a href="audi.html">Audi</a></li>
+	<li><a href="bmw.html">BMW</a></li>
+</ul>
+
    + + Basic list example + +

    Style note on non-inset lists: all standard, non-inset lists have a -15px margin to negate the 15px of padding on the content area to make lists fill to the edges of the screen. If you add other widgets above or below a list, the negative margin may make these elements overlap so you'll need to add additional spacing in your custom CSS.

    +

    Nested lists

    +

    By nesting child ul or ol inside list items, you can create nested lists. When a list item with a child list is clicked, the framework will generate a new ui-page populated with the title of the parent in the header and the list of child elements. These dynamic nested lists are styled with the "b" theme swatch (blue in the default theme) to indicate that you are in a secondary level of navigation. Lists can be nested multiple levels deep and all pages and linking will be automatically handled by the framework.

    +

    To set the swatch color of the child list views, set the data-theme attribute on each list inside.

    + Nested list example + +

    Numbered lists

    +

    Lists can also be created from ordered lists (ol) which is useful when presenting items that are in a sequence such as search results or a movie queue. When the enhanced markup is applied to the list view, jQuery Mobile will try to first use CSS to add numbers to the list and, if not supported, will fall back to injecting numbers with JavaScript.

    + + Numbered list example + +

    Read-only lists

    +

    List views can also be used to display a non-interactive list of items, usually as an inset list. This list is built from an unordered or ordered list that don't have linked list items. The framework defaults to styling these list with the "c" theme swatch and sets the text size to a smaller size than the clickable lists to save a bit of space.

    + + Read-only list example + +

    Split button lists

    +

    In cases where there is more than one possible action per list item, a split button can be used to offer two independently clickable items -- the list item and a small arrow icon in the far right. To make a split list item, simply add a second link inside the li and the framework will add a vertical divider line, style the link as an icon-only arrow button, and set the title attribute of the link to the text the link for accessibility.

    +

    You can set the icon for the right split icon by specifying a data-split-icon attribute with the icon name you want. The theme swatch color of the split button can be set by specifying a swatch letter in the data-split-theme attribute

    + + Split list example + + +

    List dividers

    +

    List items can be turned into dividers to organize and group the list items. This is done by adding the data-role="list-divider" to any list item. These items are styled with the body swatch "b" by default (light gray in the default theme) but you can specify a theme for dividers by adding the data-dividertheme attribute to the list element (ul or ol) and specifying a theme swatch letter.

    + + List divider example + + +

    Search filter

    +

    jQuery Mobile provides a very easy way to filter a list with a simple client-side search feature. To make a list filterable, simply add the data-filter="true" attribute to the list. The framework will then append a search box above the list and add the behavior to filter out list items that don't contain the current search string as the user types. The input's placeholder text defaults to "Filter items...". To configure the placeholder text in the search input, you can either bind to the mobileinit event and set the $.mobile.listview.prototype.options.filterPlaceholder option to a string of your choosing, or use the data-attribute data-filter-placeholder on your listview. By default the search box will inherit its theme from its parent. The search box theme can be configured using the data-attribute data-filter-theme on your listview.

    + + Search filter example + +

    If you want to change the way in which list items are filtered, ie fuzzy search or matching from the beginning of the string, you can configure the callback used internally by defining $.mobile.listview.prototype.options.filterCallback during mobileinit or after the widget has been created with $("#mylist").listview('option', 'filterCallback', yourFilterFunction). Any function defined for the callback will be provided two arguments. First, the text of the current list item and second, the value being searched for. A truthy value will result in a hidden list item. The default callback which filters entries without the searchValue as a substring is described below: +

    + + 
    +        
+function( text, searchValue ){
+  return text.toLowerCase().indexOf( searchValue ) === -1;
+};
+        
+
    + +

    Text formatting & counts

    +

    The framework includes text formatting conventions for common list patterns like header/descriptions, secondary information and counts through semantic HTML markup.

    + +
      +
    • To add a count indicator to the right of the list item, wrap the number in an element with a class of ui-li-count
      • +
    • To add text hierarchy, use headings to increase font emphasis and use paragraphs to reduce emphasis.
      • +
    • Supplemental information can be added to the right of each list item by wrapping content in an element with a class of ui-li-aside
      • +
    + List with count bubbles + List with text formatting + +

    Thumbnails & icons

    +

    To add thumbnails to the left of a list item, simply add an image inside a list item as the first child element. The framework will scale the image to 80 pixels square. To use standard 16x16 pixel icons in list items, add the class of ui-li-icon to the image element.

    + List with thumbnail images + List with icon images + +

    Inset lists

    +

    If lists are embedded in a page with other types of content, an inset list packages the list into a block that sits inside the content area with a bit of margin and rounded corners (theme controlled). By adding the data-inset="true" attribute to the list (ul or ol), applies the inset appearance.

    + + Inset list example + +

    Calling the listview plugin

    +

    You can directly call the listview plugin on any selector, just like any jQuery plugin:

    + $('#mylist').listview(); + +

    Updating lists

    +

    If you add items to a listview, you'll need to call the refresh() method on it to update the styles and create any nested lists that are added. For example:

    + $('#mylist').listview('refresh'); + +

    Note that the refresh() method only affects new nodes appended to a list. This is done for performance reasons. Any list items already enhanced will be ignored by the refresh process. This means that if you change the contents or attributes on an already enhanced list item, these won't be reflected. If you want a list item to be updated, replace it with fresh markup before calling refresh.

    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-af.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-af.jpg new file mode 100755 index 0000000..e2e34fd Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-af.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-ag.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-ag.jpg new file mode 100755 index 0000000..0276634 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-ag.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-bb.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-bb.jpg new file mode 100755 index 0000000..e23683a Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-bb.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-bk.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-bk.jpg new file mode 100755 index 0000000..58ec190 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-bk.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-hc.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-hc.jpg new file mode 100755 index 0000000..cc099d1 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-hc.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-k.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-k.jpg new file mode 100755 index 0000000..ce6cfc2 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-k.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-mg.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-mg.jpg new file mode 100755 index 0000000..c3850e3 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-mg.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-ok.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-ok.jpg new file mode 100755 index 0000000..90a08f7 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-ok.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-p.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-p.jpg new file mode 100755 index 0000000..3dcce6a Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-p.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-rh.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-rh.jpg new file mode 100755 index 0000000..614969a Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-rh.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-ws.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-ws.jpg new file mode 100755 index 0000000..33cf555 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-ws.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-xx.jpg b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-xx.jpg new file mode 100755 index 0000000..78409fe Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/album-xx.jpg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/de.png b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/de.png new file mode 100755 index 0000000..ac4a977 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/de.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/fi.png b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/fi.png new file mode 100755 index 0000000..14ec091 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/fi.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/gb.png b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/gb.png new file mode 100644 index 0000000..ff701e1 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/gb.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/gf.png b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/gf.png new file mode 100755 index 0000000..8332c4e Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/gf.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/sj.png b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/sj.png new file mode 100755 index 0000000..160b6b5 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/sj.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/us.png b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/us.png new file mode 100755 index 0000000..10f451f Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/lists/images/us.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/index.html new file mode 100755 index 0000000..ad97a3a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/index.html @@ -0,0 +1,69 @@ + + + + + + jQuery Mobile Docs - Lists + + + + + + + + + +
    + +
    +

    Lists

    + Home +
    + +
    + +

    Lists are used for data display, navigation, result lists, and data entry so jQuery Mobile includes a wide range of list types and formatting examples to cover most common design patterns.

    + + + + + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-all-full.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-all-full.html new file mode 100644 index 0000000..7582d85 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-all-full.html @@ -0,0 +1,171 @@ + + + + + + jQuery Mobile Docs - Lists + + + + + + + + + +
    + +
    +

    Linked list samples

    + Home +
    + +
    +
    +
    +

    Simple list

    + + + +

    Count bubbles

    + + +

    Numbered list

    +
      +
    1. The Godfather
      2. +
    2. Inception
      3. +
    3. The Good, the Bad and the Ugly
      4. +
    4. Pulp Fiction
      5. +
    5. Schindler's List
      6. +
    + +

    Divided, formatted content

    + + + + + +

    Icon list

    + + +

    Thumbnail, split button list

    + + + +

    Divided, filterable list

    + + + + + +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-count.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-count.html new file mode 100755 index 0000000..8bc7c4a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-count.html @@ -0,0 +1,80 @@ + + + + + + jQuery Mobile Docs - Lists Count Bubbles + + + + + + + + + +
    + +
    +

    Basic list

    + Home +
    + + + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-divider.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-divider.html new file mode 100755 index 0000000..e5a4f54 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-divider.html @@ -0,0 +1,111 @@ + + + + + + jQuery Mobile Docs - List Dividers + + + + + + + + + +
    + +
    +

    List dividers

    + Home +
    + +
    +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-formatting.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-formatting.html new file mode 100755 index 0000000..c0d3b72 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-formatting.html @@ -0,0 +1,131 @@ + + + + + + jQuery Mobile Docs - List Formatting + + + + + + + + + +
    + +
    +

    List formatting

    + Home +
    + +
    +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-forms-inset.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-forms-inset.html new file mode 100644 index 0000000..cbfeece --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-forms-inset.html @@ -0,0 +1,246 @@ + + + + + + jQuery Mobile Docs - Inset Lists with Forms + + + + + + + + + +
    + +
    +

    Inset with Forms

    + Home +
    + +
    +
    +
    +
      +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    • +
      + Choose as many snacks as you'd like: + + + + + + + + + + + +
      +
      • + +
    • +
      + Font styling: + + + + + + + + +
      +
      • +
    • +
      + Choose a pet: + + + + + + + + + + + +
      +
      • + + +
    • +
      + Layout view: + + + + +
      +
      • + +
    • + + +
      • + +
    • + + +
      • + +
    • + + +
      • + +
    • +
      +
      +
      +
      +
      • + +
    + + + +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-forms.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-forms.html new file mode 100644 index 0000000..9be9025 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-forms.html @@ -0,0 +1,246 @@ + + + + + + jQuery Mobile Docs - Lists with Forms + + + + + + + + + +
    + +
    +

    Lists with Forms

    + Home +
    + +
    +
    +
    +
      +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    • + + +
      • +
    • +
      + Choose as many snacks as you'd like: + + + + + + + + + + + +
      +
      • + +
    • +
      + Font styling: + + + + + + + + +
      +
      • +
    • +
      + Choose a pet: + + + + + + + + + + + +
      +
      • + + +
    • +
      + Layout view: + + + + + + +
      +
      • + +
    • + + +
      • + +
    • + + +
      • + +
    • + + +
      • + +
    • +
      +
      +
      +
      +
      • + +
    + +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-icons.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-icons.html new file mode 100755 index 0000000..ea09f89 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-icons.html @@ -0,0 +1,86 @@ + + + + + + jQuery Mobile Docs - List Icons + + + + + + + + + +
    + +
    +

    Icons

    + Home +
    + + + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-inset.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-inset.html new file mode 100755 index 0000000..a639541 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-inset.html @@ -0,0 +1,172 @@ + + + + + + jQuery Mobile Docs - Lists with Form Controls + + + + + + + + + +
    + +
    +

    Inset list samples

    + Home +
    + +
    +
    +
    +

    Simple list

    + + + +

    Count bubbles

    + + +

    Numbered list

    +
      +
    1. The Godfather
      2. +
    2. Inception
      3. +
    3. The Good, the Bad and the Ugly
      4. +
    4. Pulp Fiction
      5. +
    5. Schindler's List
      6. +
    + +

    Divided, formatted content

    + + + + + +

    Icon list

    + + +

    Thumbnail, split button list

    + + + +

    Divided, filterable list

    + + + + + +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-nested.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-nested.html new file mode 100755 index 0000000..00f20a0 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-nested.html @@ -0,0 +1,191 @@ + + + + + + jQuery Mobile Docs - Nested Lists + + + + + + + + + +
    + +
    +

    Nested list

    + Home +
    + +
    +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-ol.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-ol.html new file mode 100755 index 0000000..d4fd075 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-ol.html @@ -0,0 +1,95 @@ + + + + + + jQuery Mobile Docs - Ordered Lists + + + + + + + + + +
    + +
    +

    Numbered list

    + Home +
    + +
    +
    +
      +
    1. The Godfather
      2. +
    2. Inception
      3. +
    3. The Good, the Bad and the Ugly
      4. +
    4. Pulp Fiction
      5. +
    5. Schindler's List
      6. +
    6. 12 Angry Men
      7. +
    7. One Flew Over the Cuckoo's Nest
      8. +
    8. Star Wars: Episode V - The Empire Strikes Back
      9. +
    9. The Dark Knight
      10. +
    10. The Lord of the Rings: The Return of the King
      11. +
    11. Seven Samurai
      12. +
    12. Star Wars: Episode IV - A New Hope
      13. +
    13. Casablanca
      14. +
    14. Goodfellas
      15. +
    15. Toy Story 3
      16. +
    16. Fight Club
      17. +
    17. City of God
      18. +
    18. The Lord of the Rings: The Fellowship of the Ring
      19. +
    19. The Big Lebowski
      20. +
    20. Psycho
      21. +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-performance.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-performance.html new file mode 100755 index 0000000..6a1ac73 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-performance.html @@ -0,0 +1,575 @@ + + + + + + jQuery Mobile Docs - List Performance Test + + + + + + + + + +
    + +
    +

    500 item list

    + Home +
    + +
    +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-readonly-inset.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-readonly-inset.html new file mode 100644 index 0000000..281c393 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-readonly-inset.html @@ -0,0 +1,168 @@ + + + + + + jQuery Mobile Docs - Readonly Inset Lists + + + + + + + + + +
    + +
    +

    Readonly Inset Lists

    + Home +
    + +
    +
    +

    Simple list

    + +
      +
    • Acura
      • +
    • Audi
      • +
    • BMW
      • +
    • Cadillac
      • +
    • Ferrari
      • +
    + +

    Count bubbles

    +
      +
    • Inbox 12
      • +
    • Outbox 0
      • +
    • Drafts 4
      • +
    • Sent 328
      • +
    • Trash 62
      • +
    + +

    Numbered list

    +
      +
    1. The Godfather
      2. +
    2. Inception
      3. +
    3. The Good, the Bad and the Ugly
      4. +
    4. Pulp Fiction
      5. +
    5. Schindler's List
      6. +
    + +

    Divided, formatted content

    +
      +
    • +

      Stephen Weber

      +

      You've been invited to a meeting at Filament Group in Boston, MA

      +

      Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

      +

      6:24PM

      +
      • +
    • +

      jQuery Team

      +

      Boston Conference Planning

      +

      In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.

      +

      9:18AM

      +
      • +
    + + + + +

    Icon list

    +
      +
    • FranceFrance 4
      • +
    • GermanyGermany 4
      • +
    • Great BritainGreat Britain 0
      • +
    • FinlandFinland 12
      • +
    • NorwayNorway 328
      • +
    • United StatesUnited States 62
      • +
    + +

    Thumbnail list

    + +
      +
    • + +

      Broken Bells

      +

      Broken Bells

      +
      • +
    • + +

      Warning

      +

      Hot Chip

      +
      • +
    • + +

      Wolfgang Amadeus Phoenix

      +

      Phoenix

      +
      • +
    + +

    Divided, filterable list

    +
      +
    • A
      • +
    • Adam Kinkaid
      • +
    • Alex Wickerham
      • +
    • Avery Johnson
      • +
    • B
      • +
    • Bob Cabot
      • +
    • C
      • +
    • Caleb Booth
      • +
    • Christopher Adams
      • +
    + + + + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-readonly.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-readonly.html new file mode 100644 index 0000000..05c0e8d --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-readonly.html @@ -0,0 +1,170 @@ + + + + + + jQuery Mobile Docs - Inset Readonly Lists + + + + + + + + + +
    + + + +
    +

    Readonly lists

    + Home +
    + +
    +
    +

    Here is a variety of full-width lists that are read-only. If a list has the data-role="listview" attribute, but the contents aren't linked, it will display as read-only. These look like normal lists, except they don't have a right arrow and the text is set to a smaller size to save space. + +

    Simple list

    + +
      +
    • Acura
      • +
    • Audi
      • +
    • BMW
      • +
    • Cadillac
      • +
    • Ferrari
      • +
    + +

    Count bubbles

    +
      +
    • Inbox 12
      • +
    • Outbox 0
      • +
    • Drafts 4
      • +
    • Sent 328
      • +
    • Trash 62
      • +
    + +

    Numbered list

    +
      +
    1. The Godfather
      2. +
    2. Inception
      3. +
    3. The Good, the Bad and the Ugly
      4. +
    4. Pulp Fiction
      5. +
    5. Schindler's List
      6. +
    + +

    Divided, formatted content

    +
      +
    • +

      Stephen Weber

      +

      You've been invited to a meeting at Filament Group in Boston, MA

      +

      Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.

      +

      6:24PM

      +
      • +
    • +

      jQuery Team

      +

      Boston Conference Planning

      +

      In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.

      +

      9:18AM

      +
      • +
    + + + + +

    Icon list

    +
      +
    • FranceFrance 4
      • +
    • GermanyGermany 4
      • +
    • Great BritainGreat Britain 0
      • +
    • FinlandFinland 12
      • +
    • NorwayNorway 328
      • +
    • United StatesUnited States 62
      • +
    + +

    Thumbnail list

    + +
      +
    • + +

      Broken Bells

      +

      Broken Bells

      +
      • +
    • + +

      Warning

      +

      Hot Chip

      +
      • +
    • + +

      Wolfgang Amadeus Phoenix

      +

      Phoenix

      +
      • +
    + +

    Divided, filterable list

    +
      +
    • A
      • +
    • Adam Kinkaid
      • +
    • Alex Wickerham
      • +
    • Avery Johnson
      • +
    • B
      • +
    • Bob Cabot
      • +
    • C
      • +
    • Caleb Booth
      • +
    • Christopher Adams
      • +
    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-search-inset.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-search-inset.html new file mode 100755 index 0000000..8fc0381 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-search-inset.html @@ -0,0 +1,97 @@ + + + + + + jQuery Mobile Docs - Filtered Inset Lists + + + + + + + + + +
    + +
    +

    Inset Search filter bar

    + Home +
    + + + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-search-with-dividers.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-search-with-dividers.html new file mode 100644 index 0000000..4440095 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-search-with-dividers.html @@ -0,0 +1,110 @@ + + + + + jQuery Mobile Docs - Filtered Lists with Dividers + + + + + + + + + +
    + +
    +

    List dividers

    + Home +
    + +
    +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-search.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-search.html new file mode 100755 index 0000000..c134f04 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-search.html @@ -0,0 +1,97 @@ + + + + + + jQuery Mobile Docs - Filtered Lists + + + + + + + + + +
    + +
    +

    Search filter bar

    + Home +
    + + + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-split-purchase.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-split-purchase.html new file mode 100755 index 0000000..ab46e83 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-split-purchase.html @@ -0,0 +1,34 @@ + + + + + + jQuery Mobile Docs - Sample Dialog + + + + + + + + + + +
    + +
    +

    Purchase?

    +
    + +
    +

    This album costs $10.99 and includes 9 tracks.

    +

    Your download will begin immediately on your mobile device and all tracks will by added your your library next time you sync.

    + Purchase album + No thanks + +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-split.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-split.html new file mode 100755 index 0000000..6993d41 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-split.html @@ -0,0 +1,144 @@ + + + + + + jQuery Mobile Docs - Split Button Lists + + + + + + + + + + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-themes.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-themes.html new file mode 100755 index 0000000..9801537 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-themes.html @@ -0,0 +1,261 @@ + + + + + + jQuery Mobile Docs - Theming Lists + + + + + + + + + +
    + +
    +

    Theming lists

    + Home +
    + +
    +
    + +

    All the standard button swatches can be applied to lists. The framework assigns a default list theme swatch of "c" (silver in the default theme) and swatch "b" (blue in default theme) for dividers. Below is a default themed list.

    + + +<ul data-role="listview" data-inset="true"> + + + +

    Theming list items

    +

    The list item color scheme can be changed to any button color theme swatch by adding the data-theme attribute to the list, and setting the letter theme swatch. Here is the same list above with the "a" swatch applied.

    + + +<ul data-role="listview" data-inset="true" data-theme="d"> + + + + +

    data-theme attributes also work at the LI-level, for styling a single item.

    + + + +

    Theming dividers

    + +

    The theme for list dividers can be set by adding the data-divider-theme to the list and specifying a swatch letter. Here is an example of the same list above with swatch "d" set on the dividers.

    + + +<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e"> + + + + +

    Theming count bubbles

    + +

    The theme for count bubbles can be set by adding the data-count-theme to the list and specifying a swatch letter. Here is an example with swatch "e" set on the dividers.

    + + +<ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="e" data-count-theme="b"> + + + + +

    Theming icons

    + +

    The default icon for each list item is arrow-r. To override this, set the data-icon attribute on the desired list item to the name of a standard icon. To prevent icons from appearing altogether, set the data-icon attribute to "false".

    +
    +
+<li data-icon="info"><a href="#">Notices</a></li>
+<li data-icon="alert"><a href="#">Alerts</a></li>
+<li data-icon="false"><a href="#">No icon</a></li>
+
+
    + + + +

    Theming split buttons

    + +

    For split lists which a second button, the framework default to "b" for the theme swatch (blue in the default theme) Here is a default split list:

    + + + + +<ul data-role="listview" data-inset="true" data-split-theme="a"> + +

    To specify the color swatch for the icon button on the right, add the data-split-theme to the list and specify a swatch letter. This attribute can also be added to individual split inside list items by adding a data-theme attribute to specific links (see second list item).

    + + +

    The icon for the split theme can set at the list level by adding the data-split-icon to the list and specifying a standard icon. This attribute can also be added to individual split inside list items by adding a data-icon attribute to specific links (see second list item).

    + + +<ul data-role="listview" data-inset="true" data-split-theme="d" data-split-icon="delete"> + + + + + + +

    Examples of all basic list swatches

    + +

    A swatch

    + + +

    B swatch

    + + +

    C swatch

    + + +

    D swatch

    + + +

    E swatch

    + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-thumbnails.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-thumbnails.html new file mode 100755 index 0000000..d4d748e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-thumbnails.html @@ -0,0 +1,132 @@ + + + + + + jQuery Mobile Docs - Lists with Thumbnails + + + + + + + + + +
    + +
    +

    Thumbnails

    + Home +
    + +
    +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-ul.html b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-ul.html new file mode 100755 index 0000000..f55703e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/lists/lists-ul.html @@ -0,0 +1,98 @@ + +Home + + + + + jQuery Mobile Docs - Basic Lists + + + + + + + + + +
    + +
    +

    Basic list

    + Home +
    + + + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-alt.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-alt.html new file mode 100644 index 0000000..3773ba9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-alt.html @@ -0,0 +1,32 @@ + + + + + + jQuery Mobile Framework - Dialog Example + + + + + + + + + +
    +
    +

    Dialog

    + +
    + +
    +

    I'm colorful

    +

    This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and data-rel="dialog" attribute.

    + Good for you + Don't care, really +
    +
    + + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-buttons.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-buttons.html new file mode 100644 index 0000000..0358b6b --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-buttons.html @@ -0,0 +1,32 @@ + + + + + + jQuery Mobile Framework - Dialog Example + + + + + + + + + +
    + + + +
    + + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-overlay.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-overlay.html new file mode 100644 index 0000000..41bff2f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-overlay.html @@ -0,0 +1,37 @@ + + + + + + jQuery Mobile Framework - Dialog Example + + + + + + + + + +
    +
    +

    Dialog

    +
    + +
    +

    Custom overlay

    +

    This dialog adds data-overlay-theme="e" to the page container to set the overlay swatch color.

    + I like it +
    + +
    +
    + + +
    +
    +
    + + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-success.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-success.html new file mode 100644 index 0000000..bf66de9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-success.html @@ -0,0 +1,30 @@ + + + + + + jQuery Mobile Framework - Dialog Example + + + + + + + + + +
    + + +
    +

    Flickr upload:

    +

    Photos posted successfully

    + + View photo page + Done +
    +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-with-select.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-with-select.html new file mode 100644 index 0000000..eac9d54 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog-with-select.html @@ -0,0 +1,117 @@ + + + + + + jQuery Mobile Framework - Dialog Example with Select + + + + + + + + + + +
    + +
    +

    Dialog select test

    +
    + + +
    + + + + + + + +
    + +
    +

    Sample Dialogs

    +
    + +
    + +
    +
    + + +
    + +
    + + +
    + + Real Submit Would go here +
    + Cancel +
    +
    + + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog.html new file mode 100644 index 0000000..a8dcfbf --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dialog.html @@ -0,0 +1,33 @@ + + + + + + jQuery Mobile Framework - Dialog Example + + + + + + + + + +
    + +
    +

    Dialog

    + +
    + +
    +

    Delete page?

    +

    This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and data-rel="dialog" attribute.

    + Sounds good + Cancel +
    +
    + + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/docs-links-urltest/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/docs-links-urltest/index.html new file mode 100644 index 0000000..ecf6d8d --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/docs-links-urltest/index.html @@ -0,0 +1,27 @@ + + + + + + jQuery Mobile Framework - Test URL Example + + + + + + + + + +
    +
    +

    URL Test Page

    +
    +
    +

    This is a regular page that updated the url with a different value than was requested.

    +
    +
    + + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/animals.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/animals.html new file mode 100644 index 0000000..cc7ee82 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/animals.html @@ -0,0 +1,25 @@ + + + + + +Animals + + + + + + +
    +

    Animals

    +
    +

    All your favorites from aardvarks to zebras.

    +
      +
    • Pets
      • +
    • Farm Animals
      • +
    • Wild Animals
      • +
    +
    +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/category.php b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/category.php new file mode 100644 index 0000000..e698057 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/category.php @@ -0,0 +1,150 @@ + array( + name => "Animals", + description => "All your favorites from aardvarks to zebras.", + items => array( + array( + name => "Pets", + ), + array( + name => "Farm Animals", + ), + array( + name => "Wild Animals", + ) + ) + ), + colors => array( + name => "Colors", + description => "Fresh colors from the magic rainbow.", + items => array( + array( + name => "Blue", + ), + array( + name => "Green", + ), + array( + name => "Orange", + ), + array( + name => "Purple", + ), + array( + name => "Red", + ), + array( + name => "Yellow", + ), + array( + name => "Violet", + ) + ) + ), + vehicles => array( + name => "Vehicles", + description => "Everything from cars to planes.", + items => array( + array( + name => "Cars", + ), + array( + name => "Planes", + ), + array( + name => "Construction", + ) + ) + ) +); + +// Get the name of the category to display from +// the query params for the script. + +$category_name = ''; +if ( $_GET[ 'id' ] ) { + $category_name = $_GET[ 'id' ]; +} + +// Now get the category data, by name, from our in-memory +// dictionary. This is the part where a script normally fetches +// the data from a database. + +$category_obj = $category_data[ $category_name ]; + +// Now figure out how the script is being called. If it's being +// called via XmlHttpRequest, then send the data back as JSON. +// If not, then send it back as a list in an HTML document. + +if( $_SERVER[ "HTTP_X_REQUESTED_WITH" ] && $_SERVER[ "HTTP_X_REQUESTED_WITH" ] ==="XMLHttpRequest" ) { + // Data should be written out as JSON. + header("Content-type: application/json"); + if ( !$category_obj ) { + echo 'null'; + } else { + echo '{"name":"' . $category_obj[ 'name' ] + . '","description":"' . $category_obj[ 'description' ] + . '","items":['; + + $arr = $category_obj[ 'items' ]; + $count = count($arr); + for ( $i = 0; $i < $count; $i++ ) { + if ( $i ) { + echo ","; + } + echo '{"name":"' . $arr[ $i ][ 'name' ] . '"}'; + } + echo "]}"; + } +} else { + // Data should be written out as HTML. + header("Content-type: text/html"); +?> + + + + + +Vehicles + + + + + +
    +

    +
    + +

    No matches found.

    + +

    +
      +" . $arr[ $i ][ 'name' ] . "\n"; + } +?> +
    + +
    +
    + + + + + + + +Colors + + + + + + +
    +

    Colors

    +
    +

    Fresh colors from the magic rainbow.

    +
      +
    • Blue
      • +
    • Green
      • +
    • Orange
      • +
    • Purple
      • +
    • Red
      • +
    • Yellow
      • +
    • Violet
      • +
    +
    +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/index.html new file mode 100644 index 0000000..46bc19c --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/index.html @@ -0,0 +1,24 @@ + + + + + +Dynamic Page Samples + + + + + + +
    +

    Categories

    + +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/sample-reuse-page-external.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/sample-reuse-page-external.html new file mode 100644 index 0000000..f511c6a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/sample-reuse-page-external.html @@ -0,0 +1,119 @@ + + + + + +changePage JSON Sample + + + + + + + +
    +

    Categories

    +
    +

    Select a Category Below:

    + +
    +
    +
    +

    +
    +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/sample-reuse-page.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/sample-reuse-page.html new file mode 100644 index 0000000..74da990 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/sample-reuse-page.html @@ -0,0 +1,196 @@ + + + + + +changePage JSON Sample + + + + + + + +
    +

    Categories

    +
    +

    Select a Category Below:

    + +
    + +
    +
    +

    +
    +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/vehicles.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/vehicles.html new file mode 100644 index 0000000..736a288 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/dynamic-samples/vehicles.html @@ -0,0 +1,25 @@ + + + + + +Vehicles + + + + + + +
    +

    Vehicles

    +
    +

    Everything from cars to planes.

    +
      +
    • Cars
      • +
    • Planes
      • +
    • Destruction
      • +
    +
    +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/index.html new file mode 100755 index 0000000..0ebbebb --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/index.html @@ -0,0 +1,50 @@ + + + + + + jQuery Mobile Docs - Pages + + + + + + + + + +
    + +
    +

    Pages

    + Home +
    + +
    + +

    jQuery Mobile includes automatic AJAX page loading of external pages with back button history support, a set of animated page transitions and simple tools for displaying pages as dialogs.

    + + + + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/multipage-template.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/multipage-template.html new file mode 100755 index 0000000..6ca8320 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/multipage-template.html @@ -0,0 +1,83 @@ + + + + + + + Multi-page template + + + + + + + + + +
    + +
    +

    Multi-page

    +
    + +
    +

    One

    + +

    I have an id of "one" on my page container. I'm first in the source order so I'm shown when the page loads.

    + +

    This is a multi-page boilerplate template that you can copy to build you first jQuery Mobile page. This template contains multiple "page" containers inside, unlike a single page template that has just one page within it.

    +

    Just view the source and copy the code to get started. All the CSS and JS is linked to the jQuery CDN versions so this is super easy to set up. Remember to include a meta viewport tag in the head to set the zoom level.

    +

    You link to internal pages by referring to the ID of the page you want to show. For example, to link to the page with an ID of "two", my link would have a href="#two" in the code.

    + +

    Show internal pages:

    +

    Show page "two"

    +

    Show page "popup" (as a dialog)

    +
    + +
    +

    Page Footer

    +
    +
    + + + +
    + +
    +

    Two

    +
    + +
    +

    Two

    +

    I have an id of "two" on my page container. I'm the second page container in this multi-page template.

    +

    Notice that the theme is different for this page because we've added a few data-theme swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.

    +

    Back to page "one"

    + +
    + +
    +

    Page Footer

    +
    +
    + + + + + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-anatomy.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-anatomy.html new file mode 100644 index 0000000..3558595 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-anatomy.html @@ -0,0 +1,222 @@ + + + + + + jQuery Mobile Docs - Anatomy of a Page + + + + + + + + + +
    + +
    +

    Anatomy of a Page

    + Home +
    + +
    +
    +

    The jQuery Mobile "page" structure is optimized to support either single pages, or local internal linked "pages" within a page.

    + +

    The goal of this model is to allow developers to create websites using best practices — where ordinary links will "just work" without any special configuration — while creating a rich, native-like experience that can't be achieved with standard HTTP requests.

    + +

    Mobile page structure

    + +

    A jQuery Mobile site must start with an HTML5 'doctype' to take full advantage of all of the framework's features. (Older devices with browsers that don't understand HTML5 will safely ignore the 'doctype' and various custom attributes.) In the 'head', references to jQuery, jQuery Mobile and the mobile theme CSS are all required to start things off. We recommend linking to the files hosted on the jQuery CDN for best performance:

    + +
    
+<!DOCTYPE html> 
+<html> 
+	<head> 
+	<title>Page Title</title> 
+	
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+
+	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+</head> 
+
+<body> 
+...content goes here...
+</body>
+</html>
+
    + +

    Viewport meta tag

    +

    Note above that there is a meta viewport tag in the head to specify how the browser should display the page zoom level and dimensions. If this isn't set, many mobile browsers will use a "virtual" page width around 900 pixels to make it work well with exisitng desktop sites but the screens may look zoomed out and too wide. By setting the viewport attributes to content="width=device-width, initial-scale=1", the width will be set to the pixel width of the device screen.

    + + 
    <meta name="viewport" content="width=device-width, initial-scale=1">
    + +

    These settings do not disable the user's ability to zoom the pages, which is nice from an accessibility perspective. There is a minor issue in iOS that doesn't properly set the width when changing orientations with these viewport settings, but this will hopefully be fixed a a future release. You can set other viewport values to disable zooming if required since this is part of your page content, not the library.

    + +

    Inside the body: Pages

    +

    Inside the <body> tag, each view or "page" on the mobile device is identified with an element (usually a div) with the data-role="page" attribute. View the data- attribute reference to see all the possible attributes you can add to pages.

    + +
    +
    <div data-role="page"> 
+	...
+</div> 
+
    +
    + +

    Within the "page" container, any valid HTML markup can be used, but for typical pages in jQuery Mobile, the immediate children of a "page" are divs with data-roles of "header", "content", and "footer".

    + +
    +
    <div data-role="page"> 
+	<div data-role="header">...</div> 
+	<div data-role="content">...</div> 
+	<div data-role="footer">...</div> 
+</div> 
+
    +
    + + +

    Putting it together: Basic single page template

    + +

    Putting it all together, this is the standard boilerplate page template you should start with on a project:

    + +
    
+<!DOCTYPE html> 
+<html> 
+	<head> 
+	<title>Page Title</title> 
+	
+	<meta name="viewport" content="width=device-width, initial-scale=1"> 
+
+	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
+	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
+	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
+</head> 
+<body> 
+
+<div data-role="page">
+
+	<div data-role="header">
+		<h1>Page Title</h1>
+	</div><!-- /header -->
+
+	<div data-role="content">	
+		<p>Page content goes here.</p>		
+	</div><!-- /content -->
+
+	<div data-role="footer">
+		<h4>Page Footer</h4>
+	</div><!-- /footer -->
+</div><!-- /page -->
+
+</body>
+</html>
+
    + + View boilerplate template + + +

    Multi-page template structure

    + +

    A single HTML document can contain multiple 'pages' that are loaded together by stacking multiple divs with a data-role of "page". Each 'page' block needs a unique ID (id="foo") that will be used to link internally between 'pages' (href="#foo"). When a link is clicked, the framework will look for an internal 'page' with the ID and transition it into view.

    + +

    Here is an example of a 2 "page" site built with two jQuery Mobile divs navigated by linking to an ID placed on each page wrapper. Note that the IDs on the page wrappers are only needed to support the internal page linking, and are optional if each page is a separate HTML document. Here is what two pages look inside the body element.

    + +
    
+<body> 
+
+<!-- Start of first page -->
+<div data-role="page" id="foo">
+
+	<div data-role="header">
+		<h1>Foo</h1>
+	</div><!-- /header -->
+
+	<div data-role="content">	
+		<p>I'm first in the source order so I'm shown as the page.</p>		
+		<p>View internal page called <a href="#bar">bar</a></p>	
+	</div><!-- /content -->
+
+	<div data-role="footer">
+		<h4>Page Footer</h4>
+	</div><!-- /footer -->
+</div><!-- /page -->
+
+
+<!-- Start of second page -->
+<div data-role="page" id="bar">
+
+	<div data-role="header">
+		<h1>Bar</h1>
+	</div><!-- /header -->
+
+	<div data-role="content">	
+		<p>I'm the second in the source order so I'm hidden when the page loads. I'm just shown if a link that references my ID is beeing clicked.</p>		
+		<p><a href="#foo">Back to foo</a></p>	
+	</div><!-- /content -->
+
+	<div data-role="footer">
+		<h4>Page Footer</h4>
+	</div><!-- /footer -->
+</div><!-- /page -->
+</body>
+
    + + View multi-page template + +

    + +

    PLEASE NOTE: Since we are using the hash to track navigation history for all the Ajax 'pages', it's not currently possible to deep link to an anchor (index.html#foo) on a page in jQuery Mobile, because the framework will look for a 'page' with an ID of #foo instead of the native behavior of scrolling to the content with that ID.

    + + +

    Conventions, not requirements

    + +

    Although the page structure outlined above is a recommended approach for a standard web app built with jQuery Mobile, the framework is very flexible with document structure. The page, header, content, and footer data-role elements are optional and are mostly helpful for providing some basic formatting and structure. The page wrapper that used to be required for auto-initialization to work is now optional for single page documents, so there isn't any required markup at all. For a web page with a custom layout, all of these structural elements can be omitted and the Ajax navigation and all widgets will work just like they do in the boilerplate structure. Behind the scenes, the framework will inject the page wrapper if it's not included in the markup because it’s needed for managing pages, but the starting markup can now be extremely simple.

    + +

    Note that in a multi-page setup, you are required to have page wrappers in your markup in order to group the content into multiple pages.

    + + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-cache.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-cache.html new file mode 100644 index 0000000..833af07 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-cache.html @@ -0,0 +1,123 @@ + + + + + + jQuery Mobile Docs - Prefetching & caching pages + + + + + + + + + +
    + +
    +

    Prefetching & caching pages

    + Home +
    + +
    +
    + + +

    Prefetching pages

    + +

    Usually, it's a good idea to store your app's pages in several single-page templates instead of one large multi-page template. This minimizes the size of the page's DOM.

    + +

    When using single-page templates, you can prefetch pages into the DOM so that they're available instantly when the user visits them. To prefetch a page, add the data-prefetch attribute to a link that points to the page. jQuery Mobile then loads the target page in the background after the primary page has loaded and the pagecreate event has triggered. For example:

    + +
    
+<a href="prefetchThisPage.html" data-prefetch> ... </a>
+
    + +

    You can prefetch as many linked pages as you like. Just add data-prefetch to all the links you want to prefetch.

    + +

    Alternatively, you can prefetch a page programmatically using $.mobile.loadPage():

    + +
    
+$.mobile.loadPage( pageUrl, { showLoadMsg: false } );
+
    + +

    Another advantage of prefetching a page is that the user doesn't see the Ajax loading message when visiting the prefetched page. The Ajax loading message only appears if the framework hasn't finished prefetching the page by the time the link is followed.

    + +

    Prefetching pages naturally creates additional HTTP requests and uses bandwidth, so it's wise to use this feature only in situations where it's highly likely that the prefetched page will be visited. A common scenario is a photo gallery, where you can prefetch the "previous" and "next" photo pages so that the user can move quickly between photos.

    + + +

    DOM size management

    + +

    For animated page transitions to work, the pages you're transitioning from and to both need to be in the DOM. However, keeping old pages in the DOM quickly fills the browser's memory, and can cause some mobile browsers to slow down or even crash.

    + +

    jQuery Mobile therefore has a simple mechanism to keep the DOM tidy. Whenever it loads a page via Ajax, jQuery Mobile flags the page to be removed from the DOM when you navigate away from it later (technically, on the pagehide event). If you revisit a removed page, the browser may be able to retrieve the page's HTML file from its cache. If not, it refetches the file from the server. (In the case of nested list views, jQuery Mobile removes all the pages that make up the nested list once you navigate to a page that's not part of the list.)

    + +

    Pages inside a multi-page template aren't affected by this feature at all - jQuery Mobile only removes pages loaded via Ajax.

    + + +

    Caching pages in the DOM

    + +

    If you prefer, you can tell jQuery Mobile to keep previously-visited pages in the DOM instead of removing them. This lets you cache pages so that they're available instantly if the user returns to them.

    + +

    To keep all previously-visited pages in the DOM, set the domCache option on the page plugin to true, like this:

    + +
    
+$.mobile.page.prototype.options.domCache = true;
+
    + +

    Alternatively, to cache just a particular page, you can add the data-dom-cache="true" attribute to the page's container:

    + +
    
+<div data-role="page" id="cacheMe" data-dom-cache="true">
+
    + +

    You can also cache a page programmatically like this:

    + +
    
+pageContainerElement.page({ domCache: true });
+
    + +

    The drawback of DOM caching is that the DOM can get very large, resulting in slowdowns and memory issues on some devices. If you enable DOM caching, take care to manage the DOM yourself and test thoroughly on a range of devices.

    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-dialogs.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-dialogs.html new file mode 100755 index 0000000..73138f3 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-dialogs.html @@ -0,0 +1,127 @@ + + + + + + jQuery Mobile Docs - Dialogs + + + + + + + + + +
    + +
    +

    Dialogs

    + Home +
    + +
    +
    +

    Creating dialogs

    +

    Any page can be presented as a modal dialog by adding the data-rel="dialog" attribute to the page anchor link. When the "dialog" attribute is applied, the framework adds styles to add rounded corners, margins around the page and a dark background to make the "dialog" appear to be suspended above the page.

    + +

    + + <a href="foo.html" data-rel="dialog">Open dialog</a> + +

    + + Open dialog + + + +

    Transitions

    +

    By default, the dialog will open with a 'pop' transition. Like all pages, you can specify any page transition you want on the dialog by adding the data-transition attribute to the link. To make it feel more dialog-like, we recommend specifying a transition of "pop", "slideup" or "flip".

    + + +<a href="foo.html" data-rel="dialog" data-transition="pop">Open dialog</a> + + + + + +

    Closing dialogs

    +

    When any link is clicked within in a dialog, the framework will automatically close the dialog and transition to the requested page, just as if the dialog were a normal page. To create a "cancel" button in a dialog, just link to the page that triggered the dialog to open and add the data-rel="back" attribute to your link. This pattern of linking to the previous page is also usable in non-JS devices as well.

    +

    For JavaScript-generated links, you can simply set the href attribute to "#" and use the data-rel="back" attribute. You can also call the dialog's close() method to programmatically close dialogs, for example: $('.ui-dialog').dialog('close').

    + +

    Setting the close button text

    +

    Just like the page plugin, you can set a dialog's close button text through an option or data attribute. The option can be configured for all dialogs by binding to the mobileinit event and setting the $.mobile.dialog.prototype.options.closeBtnText property to a string of your choosing, or you can place the data attribute data-close-btn-text to configure the text from your markup.

    + +

    History & Back button behavior

    +

    Since dialogs are typically used to support actions within a page, the framework does not include dialogs in the hash state history tracking. This means that dialogs will not appear in your browsing history chronology when the Back button is clicked. For example, if you are on a page, click a link to open a dialog, close the dialog, then navigate to another page, if you were to click the browser's Back button at that point you will navigate back to the first page, not the dialog.

    + +

    Styling & theming

    +

    Dialogs can be styled with different theme swatches, just like any page by adding data-theme attributes to the header, content, or footer containers. Here is an example of a different dialog design:

    + An alternate color scheme + +

    Dialogs appear to be floating above an overlay layer. This overlay adopts the swatch A content color by default, but the data-overlay-theme attribute can be added to the page wrapper to set the overlay to any swatch letter. Here is an example of a dialog with the overlay set to swatch e:

    + Custom overlay swatch + + +

    Dialogs can also be used more like a control sheet to offer multiple buttons by removing the header:

    + Share photos... + +

    Dialog width and margins

    +

    For the sake of readability, dialogs have a default max-width of 500 pixels (plus 15px padding on each side). There is also a 10% top margin to give dialogs larger top margin on larger screens, but collapse to a small margin on smartphones. To override these styles, add the following CSS override rule to your stylesheet and tweak as needed:

    + +
    +.ui-dialog .ui-header, 
+.ui-dialog .ui-content, 
+.ui-dialog .ui-footer { 
+	max-width: 500px; 
+	margin: 10% auto 15px auto; 
+}
+
     + + + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-dynamic.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-dynamic.html new file mode 100644 index 0000000..80d70a6 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-dynamic.html @@ -0,0 +1,298 @@ + + + + + + jQuery Mobile Docs - Dynamically Injecting Pages + + + + + + + + + +
    + +
    +

    Dynamically Injecting Pages

    + Home +
    + +
    +
    +

    jQuery Mobile and Dynamic Page Generation

    +

    jQuery Mobile allows pages to be pulled into the DOM dynamically via its default click hijacking behavior, or through manual calls to $.mobile.changePage(). This is great for applications that generate HTML pages/fragments on the server-side, but there are sometimes cases where an application needs to dynamically generate page content on the client-side from JSON or some other format. This may be necessary for bandwidth/performance reasons, or because it is the data format of choice for the server they are interacting with.

    +

    For applications that need to generate page markup on the client-side, it's important to know about the notifications that are triggered during a $.mobile.changePage() call because they can be used as hooks into the navigation system that will allow you to generate your content at the appropriate time.

    +

    A call to changePage() will usually trigger the following event notifications:

    +
      +
    • pagebeforechange +
        +
      • Fired off before any page loading or transition.
        • +
      • NOTE: This event was formerly known as "beforechangepage".
        • +
      +
      • +
    • pagechange +
        +
      • Fired off after all page loading and transitions.
        • +
      • NOTE: this event was formerly known as "changepage".
        • +
      +
      • +
    • pagechangefailed +
        +
      • Fired off if an error has occurred while attempting to dynamically load a new page.
        • +
      +
      • +
    +

    These notifications are triggered on the parent container element ($.mobile.pageContainer) of pages, and will bubble all the way up to the document element and window.

    +

    For applications wishing to inject pages, or radically modify the content of an existing page, based on some non-HTML data, such as JSON or in-memory JS object, the pagebeforechange event is very useful since it gives you a hook for analyzing the URL or page element the application is being asked to load or switch to, and short-circuit the default changePage() behavior by simply calling preventDefault() on the pagebeforechange event.

    +

    To illustrate this technique, take a look at this working sample. In this sample, the main page starts off with a list of categories that the user can navigate into. The actual items in each category are stored in a JavaScript object in memory, for illustrative purposes, but the data can really come from anywhere.

    +
    
+var categoryData = {
+	animals: {
+		name: "Animals",
+		description: "All your favorites from aardvarks to zebras.",
+		items: [
+			{
+				name: "Pets",
+			},
+			{
+				name: "Farm Animals",
+			},
+			{
+				name: "Wild Animals",
+			}
+		]
+	},
+	colors: {
+		name: "Colors",
+		description: "Fresh colors from the magic rainbow.",
+		items: [
+			{
+				name: "Blue",
+			},
+			{
+				name: "Green",
+			},
+			{
+				name: "Orange",
+			},
+			{
+				name: "Purple",
+			},
+			{
+				name: "Red",
+			},
+			{
+				name: "Yellow",
+			},
+			{
+				name: "Violet",
+			}
+		]
+	},
+	vehicles: {
+		name: "Vehicles",
+		description: "Everything from cars to planes.",
+		items: [
+			{
+				name: "Cars",
+			},
+			{
+				name: "Planes",
+			},
+			{
+				name: "Construction",
+			}
+		]
+	}
+};
+
    +

    The application uses links with urls that contain a hash that tells the application what category items to display:

    +
    +
+  	<h2>Select a Category Below:</h2>
+  	<ul data-role="listview" data-inset="true">
+    	<li><a href="#category-items?category=animals">Animals</a></li>
+    	<li><a href="#category-items?category=colors">Colors</a></li>
+    	<li><a href="#category-items?category=vehicles">Vehicles</a></li>
+    </ul>
+
+
    +

    Internally, when the user clicks on one of these links, the application intercepts the internal $.mobile.changePage() call that is invoked by the frameworks' default link hijacking behavior. It then analyzes the URL for the page about to be loaded, and then decides whether or not it should handle the loading itself, or to let the normal changePage() code handle things.

    +

    The application was able to insert itself into the changePage() flow by binding to the "pagebeforechange" event at the document level:

    +
    +
+// Listen for any attempts to call changePage().
+$(document).bind( "pagebeforechange", function( e, data ) {
+
+	// We only want to handle changePage() calls where the caller is
+	// asking us to load a page by URL.
+	if ( typeof data.toPage === "string" ) {
+
+		// We are being asked to load a page by URL, but we only
+		// want to handle URLs that request the data for a specific
+		// category.
+		var u = $.mobile.path.parseUrl( data.toPage ),
+			re = /^#category-item/;
+
+		if ( u.hash.search(re) !== -1 ) {
+
+			// We're being asked to display the items for a specific category.
+			// Call our internal method that builds the content for the category
+			// on the fly based on our in-memory category data structure.
+			showCategory( u, data.options );
+
+			// Make sure to tell changePage() we've handled this call so it doesn't
+			// have to do anything.
+			e.preventDefault();
+		}
+	}
+});
+
+
    +

    So why listen at the document level? In short, because of deep-linking. We need our binding to be active before the jQuery Mobile framework initializes and decides how to process the initial URL that invoked the application.

    +

    When the callback for the "pagebeforechange" binding is invoked, the 2nd argument to the callback will be a data object that contains the arguments that were passed to the initial $.mobile.changePage() call. The properties of this object are as follows:

    +
      +
    • toPage +
        +
      • Can be either a jQuery collection object containing the page to be transitioned to, *OR* a URL reference for a page to be loaded/transitioned to.
        • +
      +
      • +
    • options +
        +
      • Object containing the options that were passed in by the caller of the $.mobile.changePage() function.
        • +
      • A list of the options can be found here.
        • +
      +
      • +
    +

    For our sample application, we are only interested in changePage() calls where URLs are initially passed in, so the first thing our callback does is check the type for the toPage. Next, with the help of some URL parsing utilities, it checks to make sure if the URL contains a hash that we are interested in handling ourselves. If so, it then calls an application function called showCategory() which will dynamically create the content for the category specified by the URL hash, and then it calls preventDefault() on the event.

    +

    Calling preventDefault() on a pagebeforechange event causes the originating $.mobile.changePage() call to exit without performing any work. Calling the preventDefault() method on the event is the equivalent of telling jQuery Mobile that you have handled the changePage() request yourself.

    +

    If preventDefault() is not called, changePage() will continue on processing as it normally does. One thing to point out about the data object that is passed into our callback, is that any changes you make to the toPage property, or options properties, will affect changePage() processing if preventDefault() is not called. So for example, if I wanted to redirect or map a specific URL to another internal/external page, my callback could simply set the data.toPage property in the callback to the URL or DOM element of the page to redirect to. Likewise, I could set, or un-set any option from within my callback, and changePage() would use the new settings.

    +

    So now that we know how to intercept changePage() calls, let's take a closer look at how this sample actually generates the markup for a page. Our example actually uses, or I should say, re-uses the same page to display each of the categories. Each time one of our special links is clicked, the function showCategory() gets invoked:

    +
    
+// Load the data for a specific category, based on
+// the URL passed in. Generate markup for the items in the
+// category, inject it into an embedded page, and then make
+// that page the current active page.
+function showCategory( urlObj, options )
+{
+	var categoryName = urlObj.hash.replace( /.*category=/, "" ),
+
+		// Get the object that represents the category we
+		// are interested in. Note, that at this point we could
+		// instead fire off an ajax request to fetch the data, but
+		// for the purposes of this sample, it's already in memory.
+		category = categoryData[ categoryName ],
+
+		// The pages we use to display our content are already in
+		// the DOM. The id of the page we are going to write our
+		// content into is specified in the hash before the '?'.
+		pageSelector = urlObj.hash.replace( /\?.*$/, "" );
+
+	if ( category ) {
+		// Get the page we are going to dump our content into.
+		var $page = $( pageSelector ),
+
+			// Get the header for the page.
+			$header = $page.children( ":jqmData(role=header)" ),
+
+			// Get the content area element for the page.
+			$content = $page.children( ":jqmData(role=content)" ),
+
+			// The markup we are going to inject into the content
+			// area of the page.
+			markup = "<p>" + category.description + "</p><ul data-role='listview' data-inset='true'>",
+
+			// The array of items for this category.
+			cItems = category.items,
+
+			// The number of items in the category.
+			numItems = cItems.length;
+
+		// Generate a list item for each item in the category
+		// and add it to our markup.
+		for ( var i = 0; i < numItems; i++ ) {
+			markup += "<li>" + cItems[i].name + "</li>";
+		}
+		markup += "</ul>";
+
+		// Find the h1 element in our header and inject the name of
+		// the category into it.
+		$header.find( "h1" ).html( category.name );
+
+		// Inject the category items markup into the content element.
+		$content.html( markup );
+
+		// Pages are lazily enhanced. We call page() on the page
+		// element to make sure it is always enhanced before we
+		// attempt to enhance the listview markup we just injected.
+		// Subsequent calls to page() are ignored since a page/widget
+		// can only be enhanced once.
+		$page.page();
+
+		// Enhance the listview we just injected.
+		$content.find( ":jqmData(role=listview)" ).listview();
+
+		// We don't want the data-url of the page we just modified
+		// to be the url that shows up in the browser's location field,
+		// so set the dataUrl option to the URL for the category
+		// we just loaded.
+		options.dataUrl = urlObj.href;
+
+		// Now call changePage() and tell it to switch to
+		// the page we just modified.
+		$.mobile.changePage( $page, options );
+	}
+}
+
    +

    In our sample app, the hash of the URL we handle contains 2 parts:

    +
    
+#category-items?category=vehicles
+
    +

    The first part, before the '?' is actually the id of the page to write content into, the part after the '?' is info the app uses to figure out what data it should use when generating the markup for the page. The first thing showCategory() does is deconstruct this hash to extract out the id of the page to write content into, and the name of the category it should use to get the correct set of data from our in-memory JavaScript category object. After it figures out what category data to use, it then generates the markup for the category, and then injects it into the header and content area of the page, wiping out any other markup that previously existed in those elements.

    +

    After it injects the markup, it then calls the appropriate jQuery Mobile widget calls to enhance the list markup it just injected. This is what turns the normal list markup into a fully styled listview with all its behaviors.

    +

    Once that's done, it then calls $.mobile.changePage(), passing it the DOM element of the page we just modified, to tell the framework that it wants to show that page.

    +

    Now an interesting problem here is that jQuery Mobile typically updates the browser's location hash with the URL associated with the page it is showing. Because we are re-using the same page for each category, this wouldn't be ideal, because the URL for that page has no specific category info associated with it. To get around this problem, showCategory() simply sets the dataUrl property on the options object it passes into changePage() to tell it to display our original URL instead.

    +

    That's the sample in a nutshell. It should be noted that this particular sample and its usage is not a very good example of an app that degrades gracefully when JavaScript is turned off. That means it probably won't work very well on C-Grade browsers. We will be posting other examples that demonstrate how to degrade gracefully in the future. Check this page for updates.

    +
    + + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-links.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-links.html new file mode 100755 index 0000000..b82f83a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-links.html @@ -0,0 +1,141 @@ + + + + + + jQuery Mobile Docs - Linking Pages + + + + + + + + + +
    + +
    +

    Linking pages

    + Home +
    + +
    +
    +

    Linking pages

    + +

    jQuery Mobile is designed to work with simple page linking conventions. Essentially, you can link pages and assets as you normally would, and jQuery Mobile will automatically handle page requests in a single-page model, using Ajax when possible. When Ajax isn't possible (such as a non-same-domain url, or if specified using certain attributes on the link), a normal http request is used instead.

    + +

    The goal of this model is to allow developers to create websites using best practices — where ordinary links will "just work" without any special configuration — while creating a rich, native-like experience that can't be achieved with standard HTTP requests.

    + +

    Default link behavior: Ajax

    + +

    To enable animated page transitions, all links that point to an external page (ex. products.html) will be loaded via Ajax. To do this unobtrusively, the framework parses the link's href to formulate an Ajax request (Hijax) and displays the loading spinner. All this happens automatically by jQuery Mobile.

    + +

    If the Ajax request is successful, the new page content is added to the DOM, all mobile widgets are auto-initialized, then the new page is animated into view with a page transition.

    + +

    If the Ajax request fails, the framework will display a small error message overlay (styled in the "e" swatch) that disappears after a brief time so this doesn't break the navigation flow. View an example of the error message.

    + +

    Note: that you cannot link to multipage document with Ajax navigation active because the framework will only load the first page it finds, not the full set of internal pages. In these cases, you must link without Ajax (see next section) for a full page refresh to prevent potential hash collisions. There is currently a subpage plugin that makes it possible to load in multi-page documents.

    + + +

    Linking without Ajax

    + +

    Links that point to other domains or that have rel="external", data-ajax="false" or target attributes will not be loaded with Ajax. Instead, these links will cause a full page refresh with no animated transition. Both attributes (rel="external" and data-ajax="false") have the same effect, but a different semantic meaning: rel="external" should be used when linking to another site or domain, while data-ajax="false" is useful for simply opting a page within your domain from being loaded via Ajax. Because of security restrictions, the framework always opts links to external domains out of the Ajax behavior.

    + +

    Note: When building a jQuery Mobile application where the Ajax navigation system is disabled globally or frequently disabled on individual links, we recommend disabling the $.mobile.pushStateEnabled global configuration option to avoid inconsistent navigation behavior in some browsers.

    + + + +

    Linking within a multi-page document

    + +

    A single HTML document can contain one or many 'page' containers simply by stacking multiple divs with a data-role of "page". This allows you to build a small site or application within a single HTML document; jQuery Mobile will simply display the first 'page' it finds in the source order when the page loads.

    + +

    If a link in a multi-page document points to an anchor (#foo), the framework will look for a page wrapper with that ID (id="foo"). If it finds a page in the HTML document, it will transition the new page into view. You can seamlessly navigate between local, internal "pages" and external pages in jQuery Mobile. Both will look the same to the end user except that external pages will display the Ajax spinner while loading. In either situation, jQuery Mobile updates the page's URL hash to enable Back button support, deep-linking and bookmarking.

    + +

    It's important to note that if you are linking from a mobile page that was loaded via Ajax to a page that contains multiple internal pages, you need to add a rel="external" or data-ajax="false" to the link. This tells the framework to do a full page reload to clear out the Ajax hash in the URL. This is critical because Ajax pages use the hash (#) to track the Ajax history, while multiple internal pages use the hash to indicate internal pages so there will be conflicts in the hash between these two modes.

    + +

    For example, a link to a page containing multiple internal pages would look like this:

    + + <a href="multipage.html" rel="external">Multi-page link</a> + + + +

    "Back" button links

    +

    If you use the attribute data-rel="back" on an anchor, any clicks on that anchor will mimic the back button, going back one history entry and ignoring the anchor's default href. This is particularly useful when generating "back" buttons with JavaScript, such as a button to close a dialog. When using this feature in your source markup, although browsers that support this feature will not use the specified href attribute, be sure to still provide a meaningful value that actually points to the URL of the referring page to allow the feature to work for users in C-Grade browsers. If users can reach this page from more than one referring pages, specify a sensible href so that the navigation remains logical for all users. Also, please keep in mind that if you just want a reverse transition without actually going back in history, you should use the data-direction="reverse" attribute instead.

    + + +

    Redirects and linking to directories

    + +

    When linking to directory indexes (such as href="typesofcats/" instead of href="typesofcats/index.html"), you must provide a trailing slash. This is because jQuery Mobile assumes the section after the last "/" character in a url is a filename, and it will remove that section when creating base urls from which future pages will be referenced.

    + +

    However, you can work around this issue by returning your page div with a data-url attribute already specified. When you do this, jQuery Mobile will use that attribute's value for updating the URL, instead of the url used to request that page. This also allows you to return urls that change as the result of a redirect, for example, you might post a form to "/login.html" but return a page from the url "/account" after a successful submission. This tool allows you to take control of the jQuery Mobile history stack in these situations. Here's an example:

    + +

    The following link points to "docs-links-urltest/index.html": Test Link which is a directory with an index page. The return page will update the hash as "/docs/pages/docs-links-urltest/" with a trailing slash. This is done via the data-url attribute in that page's source. Keep in mind that the value will replace the entire hash, and it is up to you to replace it with a URL that actually resolves to the correct page when requested via refresh or deep link.

    + +

    Learn more about the technical details of the navigation model and Ajax, hashes and history in jQuery mobile.

    + + + +

    Link examples

    +

    All standard HTML link types are supported in jQuery Mobile in addition to the types outlined above. Here is a sampler of many common link types:

    + + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-navmodel.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-navmodel.html new file mode 100644 index 0000000..13a9a72 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-navmodel.html @@ -0,0 +1,180 @@ + + + + + + jQuery Mobile Docs - Ajax, hashes & history + + + + + + + + + +
    + +
    +

    Ajax, hashes & history

    + Home +
    + +
    +
    +

    jQuery Mobile's navigation model

    + +

    A "page" in jQuery Mobile consists of an element (usually a div) with a data-role attribute set to "page", which generally contains div elements with roles of "header", "content", and "footer", each containing common markup, forms, and custom jQuery Mobile widgets.

    + +

    The basic workflow with page loading is as follows: first, a page is requested with a normal HTTP request, and subsequent "pages" are then requested and injected into that page's DOM. Because of this, the DOM may have a number of "pages" in it at a time, each of which can be re-visited by linking to its data-url attribute.

    + +

    When a url is initially requested, there may be one or more "pages" in the response, and only the first one will be shown. The advantage of storing more than one "page" is that it allows you to pre-fetch static pages that are likely to be visited.

    + +

    Hash and Ajax driven page navigation

    + +

    By default all navigation within jQuery Mobile is based on changes and updates to location.hash. Whenever possible, page changes will use a smooth transition between the current "page" and the next, whether it is either already present in the DOM, or is automatically loaded via Ajax.

    + +

    Hash values created by jQuery Mobile are normalized as full paths relative to the URL of the first "real" page that was loaded. The hash is always maintained as a valid URL, so any "page" in jQuery mobile can be bookmarked or referenced in a link. To retrieve a non-hash-based URL, simply remove the # from the address and refresh the page.

    + +

    In general, hash changes are created whenever a link is clicked in jQuery mobile. When a link is clicked, jQuery mobile will make sure that the link is referencing a local URL, and if so, it'll prevent the link's default click behavior from occurring and request the referenced url via Ajax instead. When the page returns successfully, it will set the location.hash to the new page's relative url.

    + +

    Hash changes that occur independently of a click, such as when a user clicks the back button, are handled through the hashchange event, which is bound to the window object using Ben Alman's hashchange special event plugin (included in jQuery Mobile). When a hash change occurs (and also when the first page loads), the hashchange event handler will send the location.hash to the $.mobile.changePage() function, which in turn either loads or reveals the referenced page.

    + + +

    Once the referenced page is present in the DOM, the $.mobile.changePage() function applies a transition between the current active page and the new page. Page transitions happen through adding and removing classes that apply CSS animations. For example, in a slide-left transition, the exiting page is given the classes "slideleft" and "out", and the entering page is given the classes "slideleft" and "in", as well as a class of "ui-page-active" to mark it as the new "active" page being viewed. When the animation is complete, the "in" and "out" classes are removed, and the exited page loses its "ui-page-active" class.

    + +

    pushState plugin

    + +

    There is an optional feature that converts the longer, hash-based URLs mentioned in the previous section into the full document path which is cleaner and makes the Ajax tracking transparent in the URL structure. This is built as an enhancement on top of the hash-based URL system for Ajax links. Note that despite the name, this feature technically converts hash-based urls by using history.replaceState (not history.pushState) in the current release because this works more reliably across our target platforms. For browsers that do not support history.replaceState, or if this feature is disabled, hash-based URLs will be used instead.

    + +

    Since the plugin initializes when the DOM is fully loaded you can enable and disable it manually by setting $.mobile.pushStateEnabled global configuration option to false anytime before document ready.

    + +
    +

    Important: rel="external" and $.mobile.ajaxEnabled=false

    +

    Slightly different implementations of the replaceState API in various browsers can cause odd behavior in specific scenarios. For example, some browser implementations (including desktop browsers) implement the popstate event differently when linking externally and moving back to a page onto which state has already been pushed/replaced. When building a jQuery Mobile application where the ajax navigation is being explicitly disabled, either through the frequent use of rel="external" on links or by disabling Ajax navigation completely via the $.mobile.ajaxEnabled=false, we recommend disabling the pushState feature to fall back to the hash based navigation for more consistent behavior.

    +
    + +

    changePage

    + +

    Within the framework, page changes - both for pages already in the DOM and for pages that need to be loaded via Ajax - use the $.mobile.changePage() function. $.mobile.changePage() contains all of the logic for finding pages to transition to and from, and how to handle various response conditions such as a page not found. $.mobile.changePage() can be called externally and accepts the following arguments (to, transition, back, changeHash). The to argument can accept either a string (such as a file url or local element's ID), an array (in which the first array item is any local page you'd like to transition from, and the second array item is the to page), or an object (with expected properties: url, type ("get" or "post"), and data (for serialized parameters)), the latter of which is useful for loading pages that expect form data. The transition argument accepts a string representing a named transition, such as "slide". The back argument accepts a boolean representing whether the transition should go forward or in reverse. Lastly, the changeHash argument accepts a boolean for whether you'd like the url to be updated upon a successful page change.

    + +

    The $.mobile.changePage() function is used in a number of places in jQuery Mobile. For example, when a link is clicked, its href attribute is normalized and then $.mobile.changePage() handles the rest. When forms are submitted, jQuery Mobile simply gathers a few of the form's attributes, serializes its data, and once again, $.mobile.changePage() is used to handle the submission and response. Also, links that create dialogs use $.mobile.changePage()to open a referenced page without updating the hash, which is useful for keeping dialogs out of history tracking.

    + +

    Base element

    + +

    Another key ingredient to jQuery Mobile's page navigation model is the base element, which is injected into the head and modified on every page change to ensure that any assets (images, CSS, JS, etc.) referenced on that page will be requested from a proper path. In browsers that don't support dynamic updates to the base element (such as Firefox 3.6), jQuery Mobile loops through all of the referenced assets on the page and prefixes their href and src attributes with the base path.

    + + +

    Developer explanation of base url management:

    + +

    jQuery Mobile manages http requests using a combination of generated absolute URL paths and manipulating a generated <base> element's href attribute. The combination of these two approaches allows us to create URLs that contain full path information for loading pages, and a base element to properly direct asset requests made by those loaded pages (such as images and stylesheets).

    + +

    TODO: update description of internal base and urlHistory objects

    + +

    Data-url storage

    + +

    The navigation model maintains a data-url attribute on all data-role="page" elements. This data-url attribute is used to track the origin of the page element. Pages embedded within the main application document all have their data-url parameter set to the ID of their element with data-role="page". The only exception to this is the first-page in the document. The first-page is special because it can be addressed by its id if it has one, or by the document or base URL (with no hash fragment).

    + +

    Pages that are external to the application document get pulled in dynamically via ajax, and their data-url is set to the site relative path to the external page. If you are running in an environment where loading an external page from a different domain is allowed, then the data-url is set to the absolute URL.

    + +

    Auto-generated pages and sub-hash urls

    + +

    Some plugins may choose to dynamically break a page's content into separate navigable pages, which can then be reached via deep links. One example of this would be the Listview plugin, which will break a nested UL (or OL) into separate pages, which are each given a data-url attribute so they can be linked to like any normal "page" in jQuery Mobile. However, in order to link to these pages, the page that generates them must first be requested from the server. To make this work, pages that are auto-generated by plugins use the following special data-url structure: + <div data-url="page.html&subpageidentifier">

    + +

    So, for example, a page generated by the listview plugin may have a data-url attribute like this: data-url="artists.html&ui-page=listview-1"

    + +

    When a page is requested, jQuery Mobile knows to split the URL at "&ui-page" and make an HTTP request to the portion of the URL before that key. In the case of the listview example mentioned above, the URL would look like this: http://example.com/artists.html&ui-page=listview-1 + ...and jQuery Mobile would request artists.html, which would then generate its sub-pages, creating the div with data-url="artists.html&ui-page=listview-1", which it will then display as the active page.

    + +

    Note that the data-url attribute of the element contains the full URL path, not just the portion after &ui-page=. This allows jQuery Mobile to use a single consistent mechanism that matches URLs to page data-url attributes.

    + +

    Cases when Ajax navigation will not be used

    + +

    Under certain conditions, normal http requests will be used instead of Ajax requests. One case where this is true is when linking to pages on external websites. You can also specify that a normal http request be made through the following link attributes:

    + +
      +

    • rel=external

      • +

    • target (with any value, such as "_blank")

      • + +

    Form submissions

    + +

    Form submissions are handled automatically through the navigation model as well. Visit the forms section for more information.

    + +

    Using the Application Cache

    + +

    When using the application cache with jQuery Mobile there is at least one important issue to consider. Some browsers, when making requests to the cache will report an http status of 0 on success. This causes jQuery Core's $.ajax to trigger error handlers. The suggested workaround for users leveraging the application cache is to use a jQuery ajax pre-filter. Something like the following (credit to jammus for the snippet):

    + + 
    
+
+$.ajaxPrefilter( function(options, originalOptions, jqXHR) {
+	if ( applicationCache &&
+		 applicationCache.status != applicationCache.UNCACHED &&
+		 applicationCache.status != applicationCache.OBSOLETE ) {
+		 // the important bit
+		 options.isLocal = true;
+	}
+});
+
+
    + +

    Setting isLocal to true for your ajax requests will alert jQuery Core that it should handle the 0 return values differently. Local requests exhibit similar behavior (ie 0 statuses), and Core will then fall back to determining success based on the presence of content in the xhr responseText attribute.

    + +

    One important issue to note with the above is that it will set isLocal to true for all requests made via ajax regardless of whether they are in the manifest or not so long as the cache is valid. This works for now because Core only consults the isLocal value when the status is in fact 0 which doesn't affect uncached results. There is no long term guarantee that isLocal will remain isolated in its purpose for handling 0 status values. If that changes it may break your application.

    + +

    Known limitations

    + +

    The non-standard environment created by jQuery Mobile's page navigation model introduces some conditions of which you should be aware when building pages:

    + +
      +

    • When linking to directories, without a filename url, (such as href="typesofcats/" instead of href="typesofcats/index.html"), you must provide a trailing slash. This is because jQuery Mobile assumes the section after the last "/" character in a url is a filename, and it will remove that section when creating base urls from which future pages will be referenced.

      • +

    • Documents loaded via Ajax will select the first page in the DOM of that document to be loaded as a JQM page element. As a result the developer must make sure to manage the ID attributes of the loaded page and child elements to prevent confusion when manipulating the DOM.

      • +

    • If you link to multipage document, you must use a data-ajax="false" attribute on the link to cause a full page refresh due to the limitation above where we only load the first page node in an Ajax request due to potential hash collisions. There is currently a subpage plugin that makes it possible to load in multi-page documents.

      • +

    • Any unique assets referenced by pages in a jQuery Mobile-driven site should be placed inside the "page" element (the element with a data-role attribute of "page"). For example, links to styles and scripts that are specific to a particular page can be referenced inside that div. However, a better approach is to use jQuery Mobile's page events to trigger specific scripting when certain pages load. Note: you can return a page from the server with a data-url already specified in the markup, and jQuery Mobile will use that for the hash update. This allows you to ensure directory paths resolve with a trailing slash and will therefore be used in the base url path for future requests.

      • +

    • Conversely, any non-unique assets (those used site-wide) should be referenced in the <head> section of an HTML document, or at the very least, outside of the "page" element, to prevent running scripts more than once.

      • +

    • The "ui-page" key name used in sub-hash url references can be set to any value you'd like, so as to blend into your URL structure. This value is stored in jQuery.mobile.subPageUrlKey.

      • +

    • When traveling back to a previously loaded jQuery Mobile document from an external or internal document with the push state plugin enabled, some browsers load and trigger the popstate event on the wrong document or for the wrong reasons (two edge cases recorded so far). If you are regularly linking to external documents and find the application behaving erratically try disabling pushstate support.

      • +

    • jQuery Mobile does not support query parameter passing to internal/embedded pages but there are two plugins that you can add to your project to support this feature. There is a lightweight page params plugin and a more fully featured jQuery Mobile router plugin for use with backbone.js or spine.js.

      • +

    • Since we use the URL hash to preserve Back button behavior, using page anchors to jump down to a position on the page isn't supported by using the traditional anchor link (#foo). Use the silentScroll method to scroll to a particular Y position without triggering scroll event listeners. You can pass in a yPos arguments to scroll to that Y location.

      • +
    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-scripting.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-scripting.html new file mode 100644 index 0000000..230dc0e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-scripting.html @@ -0,0 +1,146 @@ + + + + + + jQuery Mobile Docs - Scripting pages + + + + + + + + + +
    + +
    +

    Scripting pages

    + Home +
    + +
    +
    +

    Since jQuery Mobile uses an Ajax-powered navigation system, there are a few helpful things to know when writing scripts that manipulate your content. You can explore the mobile API in more detail by reading up on global configuration options, events, and methods or dig into the technical details of the Ajax navigation model.

    + +

    Scripts & styles in the head

    + +

    When the user clicks a link in a jQuery Mobile-driven site, the default behavior of the navigation system is to use that link's href to formulate an Ajax request (instead of allowing the browser's default link behavior of requesting that href with full page load). When that Ajax request goes out, the framework will receive its entire text content, but it will only inject the contents of the response's body element (or more specifically the data-role="page" element, if it's provided), meaning nothing in the head of the page will be used (with the exception of the page title, which is fetched specifically).

    + +

    This means that any scripts and styles referenced the head of a page won't have any effect when a page is loaded via Ajax, but they will execute if the page is requested normally via HTTP. When scripting jQuery Mobile sites, both scenarios need to be considered. The reason that the head of a page is ignored when requested via Ajax is that the potential of re-executing the same JavaScript is very high (it's common to reference the same scripts in every page of a site). Due to the complexity of attempting to work around that issue, we leave the task of executing page-specific scripts to the developer, and assume head scripts are only expected to execute once per browsing session.

    + +

    The simplest approach when building a jQuery Mobile site is to reference the same set of stylesheets and scripts in the head of every page. If you need to load in specific scripts or styles for a particular page, we recommend binding logic to the pagecreate event (details below) to run necessary code when a specific page is created (which can be determined by its id attribute, or a number of other ways). Following this approach will ensure that the code executes if the page is loaded directly or is pulled in and shown via Ajax.

    + +

    Another approach for page-specific scripting would be to include scripts at the end of the body element. If you include your custom scripting this way, be aware that these scripts will execute when that page is loaded via Ajax or regular HTTP, so if these scripts are the same on every page, you'll likely run into problems. If you're including scripts this way, we'd recommend enclosing your page content in a data-role="page" element, and placing scripts that are referenced on every page outside of that element. Scripts that are unique to that page can be placed in that element, to ensure that they execute when the page is fetched via Ajax.

    + +

    pagecreate = DOM ready

    + +

    One of the first things people learn in jQuery is to use the $(document).ready() function for executing DOM-specific code as soon as the DOM is ready (which often occurs long before the onload event). However, in jQuery Mobile site and apps, pages are requested and injected into the same DOM as the user navigates, so the DOM ready event is not as useful, as it only executes for the first page. To execute code whenever a new page is loaded and created in jQuery Mobile, you can bind to the pagecreate event.

    + +

    The pagecreate event is triggered on a page when it is initialized, right after initialization occurs. Most of jQuery Mobile's official widgets auto-initialize themselves based on this event, and you can set up your code to do the same.

    +
    
+$( document ).delegate("#aboutPage", "pagecreate", function() {
+  alert('A page with an ID of "aboutPage" was just created by jQuery Mobile!');
+});
+
    + +

    If you'd like to manipulate a page's contents before the pagecreate event fires and widgets are auto-initialized, you can instead bind to the pagebeforecreate event:

    + +
    
+$( document ).delegate("#aboutPage", "pagebeforecreate", function() {
+  alert('A page with an ID of "aboutPage" is about to be created by jQuery Mobile!');
+});
+
    + +

    Changing pages

    +

    If you want to change the current active page with JavaScript, you can use the changePage method. There are a lot of methods and properties that you can set when changing pages, but here are two simple examples:

    + 
    
+//transition to the "about us" page with a slideup transition 			
+$.mobile.changePage( "about/us.html", { transition: "slideup"} );	
+
+//transition to the "search results" page, using data from a form with an ID of "search"" 		
+$.mobile.changePage( "searchresults.php", {
+	type: "post", 
+	data: $("form#search").serialize()
+});		
+
    + +

    Loading pages

    +

    To load an external page, enhance its content, and insert it into the DOM, use the loadPage method. There are a lot of methods and properties that you can set when loading pages, but here is a simple example:

    + 
    
+//load the "about us" page into the DOM			
+$.mobile.loadPage( "about/us.html" );	
+
    + +

    Enhancing new markup

    +

    The page plugin dispatches a pagecreate event, which most widgets use to auto-initialize themselves. As long as a widget plugin script is referenced, it will automatically enhance any instances of the widgets it finds on the page.

    +

    However, if you generate new markup client-side or load in content via Ajax and inject it into a page, you can trigger the create event to handle the auto-initialization for all the plugins contained within the new markup. This can be triggered on any element (even the page div itself), saving you the task of manually initializing each plugin (listview button, select, etc.).

    +

    For example, if a block of HTML markup (say a login form) was loaded in through Ajax, trigger the create event to automatically transform all the widgets it contains (inputs and buttons in this case) into the enhanced versions. The code for this scenario would be:

    +
    $( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );
+
    + +

    Create vs. refresh: An important distinction

    +

    Note that there is an important difference between the create event and refresh method that some widgets have. The create event is suited for enhancing raw markup that contains one or more widgets. The refresh method should be used on existing (already enhanced) widgets that have been manipulated programmatically and need the UI be updated to match.

    + +

    For example, if you had a page where you dynamically appended a new unordered list with data-role=listview attribute after page creation, triggering create on a parent element of that list would transform it into a listview styled widget. If more list items were then programmatically added, calling the listview’s refresh method would update just those new list items to the enhanced state and leave the existing list items untouched.

    + + +

    Scrolling to a position within a page

    +

    Since we use the URL hash to preserve Back button behavior, using page anchors to jump down to a position on the page isn't supported by using the traditional anchor link (#foo). Use the silentScroll method to scroll to a particular Y position without triggering scroll event listeners. You can pass in a yPos arguments to scroll to that Y location. For example:

    +
    
+//scroll to Y 300px 			
+$.mobile.silentScroll(300);	
+
    + +

    Binding to mouse and touch events

    +

    One inportant consideration in mobile is handling mouse and touch events. These events differ significantly across mobile platforms, but the common denominator is that click events will work everywhere, but usually after a significant delay of 500-700ms. This delay is necessary for the browser to wait for double tap, scroll and extended hold tap events to potentially occur. To avoid this delay, it's possible to bind to touch events (ex. touchstart) but the issue with this approach is that some mobile platforms (WP7, Blackberry) don't support touch. To compound this issue, some platforms will emit both touch and mouse events so if you bind to both types, duplicate events will be fired for a single interaction.

    +

    Our solution is to create a set of virtual events that normalize mouse and touch events. This allows the developer to register listeners for the basic mouse events, such as mousedown, mousemove, mouseup, and click, and the plugin will take care of registering the correct listeners behind the scenes to invoke the listener at the fastest possible time for that device. This still retains the order of event firing in the traditional mouse environment, should multiple handlers be registered on the same element for different events. The virtual mouse system exposes the following virtual events to jQuery bind methods: vmouseover, vmousedown, vmousemove, vmouseup, vclick, and vmousecancel

    + + +

    Passing parameters between pages

    +

    jQuery Mobile does not support query parameter passing to internal/embedded pages. For example, if the framework sees a link to "#somePage?someId=1" it interpret that as "#somePage" and navigate to the internal page div with an ID of somePage and apply a data-url of #somePage?someId=1 to that page container. Subsequent calls to other params such as "#somePage?someId=2" will find the same div because jQuery Mobile refers to the data-url on the div which is only set once and will remain at #somePage?someId=1.

    + +

    There are two plugins that you can add to your project if query parameters are needed between pages. There is a lightweight page params plugin and a more fully featured jQuery Mobile router plugin for use with backbone.js or spine.js.

    + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-template.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-template.html new file mode 100755 index 0000000..ad8522f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-template.html @@ -0,0 +1,34 @@ + + + + + + + Single page template + + + + + + + +
    + +
    +

    Single page

    +
    + +
    +

    This is a single page boilerplate template that you can copy to build you first jQuery Mobile page. Each link or form from here will pull a new page in via Ajax to support the animated page transitions.

    +

    Just view the source and copy the code to get started. All the CSS and JS is linked to the jQuery CDN versions so this is super easy to set up. Remember to include a meta viewport tag in the head to set the zoom level.

    +

    This template is standard HTML document with a single "page" container inside, unlike a multi-page template that has multiple pages within it. We strongly recommend building your site or app as a series of separate pages like this because it's cleaner, more lightweight and works better without JavaScript.

    +
    + +
    +

    Footer content

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-titles.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-titles.html new file mode 100644 index 0000000..4744729 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-titles.html @@ -0,0 +1,80 @@ + + + + + + jQuery Mobile Docs - Page titles + + + + + + + + + +
    + +
    +

    Page titles

    + Home +
    + +
    +
    + +

    Titles in Ajax navigation

    + +

    When you load the first page of a jQuery Mobile based site, then click a link or submit a form, Ajax is used to pull in the content of the requested page. Having both pages in the DOM is essential to enable the animated page transitions, but one downside of this approach is that the page title is always that of the first page, not the subsequent page you’re viewing.

    +

    To remedy this, jQuery Mobile automatically parses the title of the page pulled via Ajax and changes the title attribute of the parent document to match.

    + +

    Titles in multi-page templates

    + +

    On multi-page documents, we follow a similiar convention, but since all the pages share a common title, we have a data-title attribute that can be added to each page container within a multi-page template to manually define a title. The title of the HTML document will be automatically updated to match the data-title of the page currently in view.

    + +
    
+<div data-role="page" id="foo" data-title="Page Foo">
+
+</div><!-- /page -->
+
    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-transitions.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-transitions.html new file mode 100755 index 0000000..b4093d9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/page-transitions.html @@ -0,0 +1,308 @@ + + + + + + jQuery Mobile Docs - Transitions + + + + + + + + + +
    + +
    +

    Transitions

    + Home +
    + +
    +
    +

    Page transitions

    + +

    The jQuery Mobile framework includes a set of six CSS-based transition effects that can be applied to any page link or form submission with Ajax navigation:

    + + +
    +
    + slide + slideup + slidedown +
    +
    + pop + fade + flip* +
    +
    + +

    Transitions from jQtouch (with small modifications): Built by David Kaneda and maintained by Jonathan Stark.

    + +

    NOTE: The flip transition isn't rendered correctly on most versions of Android because it lacks 3D CSS transform capabilities. Unfortunately, instead of ignoring the flip, Android makes the page "cartwheel" away by rotating instead of flipping. We recommend using this transition sparingly until support improves.

    + + +

    Setting a transition on a link or form submit

    +

    By default, the framework applies the right to left slide transition. To set a custom transition effect, add the data-transition attribute to the link.

    + + +<a href="index.html" data-transition="pop">I'll pop</a> + + +

    When the Back button is pressed, the framework will automatically apply the reverse version of the transition that was used to show the page. To specify that the reverse version of a transition should be used, add the data-direction="reverse" attribute to a link. Note: (this was formerly data-back="true", which will remain supported until 1.0)

    + +

    For smoother page transitions, consider enabling the touchOverflow feature.

    + +

    Global configuration of transitions

    + +

    Set the defaultPageTransition global option if you'd prefer a different default transition. Dialogs have a different option called defaultDialogTransition that can also set configured.

    + + + + +

    Creating custom CSS-based transitions

    + + +

    To create a custom CSS transition, select a class name that corresponds to the name of your transition, for example "slide", and then define your "in" and "out" CSS rules to take advantage of transitions or animation keyframes:

    + + 
    .slide.in {
+	    -webkit-transform: translateX(0);
+	    -webkit-animation-name: slideinfromright;
+	}
+
+	.slide.out {
+	    -webkit-transform: translateX(-100%);
+	    -webkit-animation-name: slideouttoleft;
+	}
+
+	@-webkit-keyframes slideinfromright {
+	    from { -webkit-transform: translateX(100%); }
+	    to { -webkit-transform: translateX(0); }
+	}
+	@-webkit-keyframes slideouttoleft {
+	    from { -webkit-transform: translateX(0); }
+	    to { -webkit-transform: translateX(-100%); }
+	}
+
    + +

    During a CSS-based page transition, jQuery Mobile will place the class name of the transition on both the "from" and "to" pages involved in the transition. It then places an "out" class on the "from" page, and "in" class on the "to" page. The presence of these classes on the "from" and "to" page elements then triggers the animation CSS rules defined above.

    + +

    If your transition supports a reverse direction, you need to create CSS rules that use the reverse class in addition to the transition class name and the "in" and "out" classes:

    + + 
    .slide.in.reverse {
+		    -webkit-transform: translateX(0);
+		    -webkit-animation-name: slideinfromleft;
+		}
+
+		.slide.out.reverse {
+		    -webkit-transform: translateX(100%);
+		    -webkit-animation-name: slideouttoright;
+		}
+
+		@-webkit-keyframes slideinfromleft {
+		    from { -webkit-transform: translateX(-100%); }
+		    to { -webkit-transform: translateX(0); }
+		}
+
+		@-webkit-keyframes slideouttoright {
+		    from { -webkit-transform: translateX(0); }
+		    to { -webkit-transform: translateX(100%); }
+		}
+
    + +

    After the CSS rules are in place, you simply specify the name of your transition within the @data-transition attribute of a navigation link:

    + + 
    <a href="#page2" data-transition="slide">Page 2</a>
+
    + +

    When the user clicks on the navigation link, jQuery Mobile will invoke your transition when it navigates to the page mentioned within the link.

    + +

    In case you were wondering why none of the CSS rules above specified any easing or duration, it's because the CSS for jQuery Mobile defines the default easing and duration in the following rules:

    + + 
    
+.in, .out {
+    -webkit-animation-timing-function: ease-in-out;
+    -webkit-animation-duration: 350ms;
+}
+
    + +

    If you need to specify a different easing or duration, simply add the appropriate CSS3 property to your custom page transition rules.

    + +

    Creating custom JavaScript-based transitions

    + +

    When a user clicks on a link within a page, jQuery Mobile checks if the link specifies a @data-transition attribute. The value of this attribute is the name of the transition to use when displaying the page referred to by the link. If there is no @data-transition attribute, the transition name specified by the configuration option $.mobile.defaultPageTransition is used for pages, and $.mobile.defaultDialogTransition is used for dialogs.

    + +

    After the new page is loaded, the $.mobile.transitionHandlers dictionary is used to see if any transition handler function is registered for the given transition name. If a handler is found, that handler is invoked to start and manage the transition. If no handler is found the handler specified by the configuration option $.mobile.defaultTransitionHandler is invoked.

    + +

    By default, the $.mobile.transitionHandlers dictionary is only populated with a single handler entry called "none". This handler simply removes the "ui-page-active" class from the page we are transitioning "from", and places it on the page we are transitioning "to". The transition is instantaneous; no animation, no fanfare.

    + +

    The $.defaultTransitionHandler points to a handler function that assumes the name is a CSS class name, and implements the "Pure CSS3 Based Transitions" section above.

    + +

    Both the "none" and "css3" transition handlers are available off of the $.mobile namespace:

    + + 
    
+$.mobile.noneTransitionHandler
+$.mobile.css3TransitionHandler
+
    + +

    Transition Handlers

    + +

    A transition handler is a function with the following call signature:

    + + 
    function myTransitionHandler(name, reverse, $to, $from)
+{
+    var deferred = new $.Deferred();
+
+    // Perform any actions or set-up necessary to kick-off
+    // your transition here. The only requirement is that
+    // whenever the transition completes, your code calls
+    // deferred.resolve(name, reverse, $to, $from).
+
+    // Return a promise.
+    return deferred.promise();
+}
+
    + +

    Your handler must create a Deferred object and return a promise to the caller. The promise is used to communicate to the caller when your transition is actually complete. It is up to you to call deferred.resolve() at the correct time. If you are new to Deferred objects, you can find documentation here.

    + +

    Registering and Invoking Your Transition Handler

    + +

    Once you have created a transition handler function, you need to tell jQuery Mobile about it. To do this, simply add your handler to the $.mobile.transitionHandlers dictionary. Remember, the key used should be the name of your transition. This name is also the same name that will be used within the @data-transition attribute of any navigation links.

    + + 
    // Define your transition handler:
+
+function myTransitionHandler(name, reverse, $to, $from)
+{
+    var deferred = new $.Deferred();
+
+    // Perform any actions or set-up necessary to kick-off
+    // your transition here. The only requirement is that
+    // whenever the transition completes, your code calls
+    // deferred.resolve(name, reverse, $to, $from).
+
+    // Return a promise.
+    return deferred.promise();
+}
+
+// Register it with jQuery Mobile:
+
+$.mobile.transitionHandlers["myTransition"] = myTransitionHandler;
+
    + +

    Once you've registered your handler, you can invoke your transition by placing a data-transition attribute on a link:

    + + 
    <a href="#page2" data-transition="myTransition">Page 2</a>
+
    + +

    When the user clicks the link above, your transition handler will be invoked after the page is loaded and it is ready to be shown.

    + +

    Overriding a CSS Transition With Your Own Handler

    + +

    As previously mentioned the default transition handler assumes that any transition name other than "none" is a CSS class to be placed on the "from" and "to" elements to kick off a CSS3 animation. If you would like to override one of these built-in CSS transitions, you simply register your own handler with the same name as the CSS page transition you want to override. So for example, if I wanted to override the built-in "slide" CSS transition with my own JavaScript based transition, I would simply do the following:

    + + 
    // Define your transition handler:
+
+function myTransitionHandler(name, reverse, $to, $from)
+{
+    var deferred = new $.Deferred();
+
+    // Perform any actions or set-up necessary to kick-off
+    // your transition here. The only requirement is that
+    // whenever the transition completes, your code calls
+    // deferred.resolve(name, reverse, $to, $from).
+
+    // Return a promise.
+    return deferred.promise();
+}
+
+// Register it with jQuery Mobile:
+
+$.mobile.transitionHandlers["slide"] = myTransitionHandler;
+
    + +

    Once you do this, anytime the "slide" transition is invoked, your handler, instead of the default one, will be called to perform the transition.

    + +

    Overriding the Default Transition Handler

    + +

    The $.mobile.css3TransitionHandler function is the default transition handler that gets invoked when a transition name is used and not found in the $.mobile.transitionHandlers dictionary. If you want to install your own custom default handler, you simply set the $.mobile.defaultTransitionHandler to your handler:

    + + 
    // Define your default transition handler:
+
+function myTransitionHandler(name, reverse, $to, $from)
+{
+    var deferred = new $.Deferred();
+
+    // Perform any actions or set-up necessary to kick-off
+    // your transition here. The only requirement is that
+    // whenever the transition completes, your code calls
+    // deferred.resolve(name, reverse, $to, $from).
+
+    // Return a promise.
+    return deferred.promise();
+}
+
+$.mobile.defaultTransitionHandler = myTransitionHandler;
+
    + +

    Once you do this, your handler will be invoked any time a transition name is used but not found within the $.mobile.transitionHandlers dictionary.

    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + + + +
    + +
    +

    Ta-da!

    +
    + +
    +

    That was an animated page transition effect that we added with a data-transition attribute on the link.

    +

    Since it uses CSS transforms, this should be hardware accelerated on many mobile devices.

    +

    What do you think?

    + I like it +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes.html new file mode 100755 index 0000000..748d20f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes.html @@ -0,0 +1,148 @@ + + + + + + jQuery Mobile Docs - Theming Pages + + + + + + + + + +
    + +
    +

    Theming pages

    + Home +
    + +
    +
    + + + +

    Page Theming

    + +

    jQuery Mobile has a rich theming system that gives you full control of how pages are styled. There is detailed theming documentation within each page widget, but let's look at a few high-level examples of how theming is applied.

    + +

    The data-theme attribute can be applied to the header and footer containers to apply any of the lettered theme color swatches. While the data-theme attribute could be added to the content container, we recommend adding it instead to div or container that has been assigned the data-role="page" attribute to ensure that the background color is applied to the full page. When this is done, all widgets on the page will also inherit the theme specified in the page container. However, headers and footers will default to theme "a". If you want to have a page with, for example, only theme "b" for all its elements, including its header and footer, you will need to specify data-theme="b" to the page div as well as the header and footer divs.

    + +

    The default Theme mixes styles from multiple swatches to create visual texture and present the various elements in optimal contrast to one another:

    + +
    +

    Default Theme

    +
    + +
    +

    Default Theme Content Header

    +

    This is the default content color swatch and a preview of a link.

    + + Button +
    + +

    And each of the five "swatches" applies its style consistently across all page elements, as shown below:

    + +

    Swatch A

    +
    +

    Header A

    +
    + + +
    +

    Header

    +

    This is content color swatch "A" and a preview of a link.

    + Button +
    + + +

    Swatch B

    +
    +

    Header B

    +
    +
    +

    Header

    +

    This is content color swatch "B" and a preview of a link.

    + Button +
    + +

    Swatch C

    +
    +

    Header C

    +
    +
    +

    Header

    +

    This is content color swatch "C" and a preview of a link.

    + Button +
    + +

    Swatch D

    +
    +

    Header D

    +
    +
    +

    Header

    +

    This is content color swatch "D" and a preview of a link.

    + Button +
    + +

    Swatch E

    +
    +

    Header E

    +
    +
    +

    Header

    +

    This is content color swatch "E" and a preview of a link.

    + Button +
    + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-a.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-a.html new file mode 100644 index 0000000..6755478 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-a.html @@ -0,0 +1,161 @@ + + + + + + jQuery Mobile Docs - Theming Pages + + + + + + + + + +
    + +
    +

    Theming pages

    + Home +
    + +
    +
    + + + +

    Theme A Sample Page

    + +

    This is an example of data-theme="a" applied to the same element as data-role="page", showing how the theme is inherited by widgets throughout the page.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + +

    Collapsible Sets

    +
    +
    +

    Section 1

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the data-collapsed="false" attribute; to collapse me, either click my header or expand another header in my set.

    +
    +
    +

    Section 2

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    +

    Section 3

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    + +

    Inset List

    + + +
    + +
    + +
    + + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-b.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-b.html new file mode 100644 index 0000000..4502e50 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-b.html @@ -0,0 +1,161 @@ + + + + + + jQuery Mobile Docs - Theming Pages + + + + + + + + + +
    + +
    +

    Theming pages

    + Home +
    + +
    +
    + + + +

    Theme B Sample Page

    + +

    This is an example of data-theme="b" applied to the same element as data-role="page", showing how the theme is inherited by widgets throughout the page.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + +

    Collapsible Sets

    +
    +
    +

    Section 1

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the data-collapsed="false" attribute; to collapse me, either click my header or expand another header in my set.

    +
    +
    +

    Section 2

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    +

    Section 3

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    + +

    Inset List

    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-c.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-c.html new file mode 100644 index 0000000..3c16bfb --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-c.html @@ -0,0 +1,161 @@ + + + + + + jQuery Mobile Docs - Theming Pages + + + + + + + + + +
    + +
    +

    Theming pages

    + Home +
    + +
    +
    + + + +

    Theme C Sample Page

    + +

    This is an example of data-theme="c" applied to the same element as data-role="page", showing how the theme is inherited by widgets throughout the page.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + +

    Collapsible Sets

    +
    +
    +

    Section 1

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the data-collapsed="false" attribute; to collapse me, either click my header or expand another header in my set.

    +
    +
    +

    Section 2

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    +

    Section 3

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    + +

    Inset List

    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-d.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-d.html new file mode 100644 index 0000000..f820cd9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-d.html @@ -0,0 +1,161 @@ + + + + + + jQuery Mobile Docs - Theming Pages + + + + + + + + + +
    + +
    +

    Theming pages

    + Home +
    + +
    +
    + + + +

    Theme D Sample Page

    + +

    This is an example of data-theme="d" applied to the same element as data-role="page", showing how the theme is inherited by widgets throughout the page.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + +

    Collapsible Sets

    +
    +
    +

    Section 1

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the data-collapsed="false" attribute; to collapse me, either click my header or expand another header in my set.

    +
    +
    +

    Section 2

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    +

    Section 3

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    + +

    Inset List

    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-e.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-e.html new file mode 100644 index 0000000..6e89ce6 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/pages-themes/theme-e.html @@ -0,0 +1,161 @@ + + + + + + jQuery Mobile Docs - Theming Pages + + + + + + + + + +
    + +
    +

    Theming pages

    + Home +
    + +
    +
    + + + +

    Theme E Sample Page

    + +

    This is an example of data-theme="e" applied to the same element as data-role="page", showing how the theme is inherited by widgets throughout the page.

    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    +
    + Font styling: + + + + + + + + +
    +
    + +
    +
    + Choose a pet: + + + + + + + + + + + +
    +
    + +
    + + +
    + +

    Collapsible Sets

    +
    +
    +

    Section 1

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm visible by default because I have the data-collapsed="false" attribute; to collapse me, either click my header or expand another header in my set.

    +
    +
    +

    Section 2

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    +

    Section 3

    +

    I'm the collapsible content in a set so this feels like an accordion. I'm hidden by default because I have the "collapsed" state; you need to expand the header to see me.

    + +
    +
    + +

    Inset List

    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/phonegap.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/phonegap.html new file mode 100644 index 0000000..4e43dcc --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/phonegap.html @@ -0,0 +1,109 @@ + + + + + + jQuery Mobile Docs - Phonegap + + + + + + + + + +
    + +
    +

    Dynamically Injecting Pages

    + Home +
    + +
    +
    + + +

    Building PhoneGap apps with jQuery Mobile

    + +

    PhoneGap is an HTML5 app platform that allows developers to author native applications with web technologies and get access to APIs and app stores. Applications are built as normal HTML pages and packaged up to run as a native application within a UIWebView or WebView (a chromeless browser, referred to hereafter as a webview). Since PhoneGap is frequently used in conjunction with jQuery Mobile, we wanted to offer a few tips and recommendations to help you get staretd.

    + +

    The initial application document is loaded by the PhoneGap application by a local file:// URL. This means that if you want to pull in pages from your company's remote server (phone home) you will have to refer to them with absolute URLs to your server. Because your document originates from a file:// URL, loading pages or assets from your remote server is considered a cross-domain request that can be blocked in certain scenarios.

    + +

    Your ability to access cross-domain pages from within a Phone Gap jQuery Mobile application is controlled by two key things: $.support.cors and $.mobile.allowCrossDomainPages, and can also be influenced by the white list feature in later builds of PhoneGap.

    + +

    $.support.cors

    + +

    In jQuery core, there is a $.support.cors boolean that indicates whether or not jQuery thinks the browser supports the W3C "Cross-Origin Resource Sharing" feature to support cross-domain requests.

    + +

    Since jQuery Mobile relies on jQuery core's $.ajax() functionality, $.support.cors must be set to true to tell $.ajax to load cross-domain pages. We've heard reports that webviews on some platforms, like BlackBerry, support cross-domain loading, but that jQuery core incorrectly sets $.support.cors value to false which disables cross-domain $.ajax() requests and will cause the page or assets to fail to load.

    + +

    $.mobile.allowCrossDomainPages

    + +

    When jQuery Mobile attempts to load an external page, the request runs through $.mobile.loadPage(). This will only allow cross-domain requests if the $.mobile.allowCrossDomainPages configuration option is set to true. Because the jQuery Mobile framework tracks what page is being viewed within the browser's location hash, it is possible for a cross-site scripting (XSS) attack to occur if the XSS code in question can manipulate the hash and set it to a cross-domain URL of its choice. This is the main reason that the default setting for $.mobile.allowCrossDomainPages is set to false.

    + +

    So in PhoneGap apps that must "phone home" by loading assets off a remote server, both the $.support.cors AND $.mobile.allowCrossDomainPages must be set to true. The $.mobile.allowCrossDomainPages option must be set before any cross-domain request is made so we recommend wrapping this in a mobileinit handler:

    + +
    $( document ).bind( "mobileinit", function() {
+    // Make your jQuery Mobile framework configuration changes here!
+
+    $.mobile.allowCrossDomainPages = true;
+});
    + +

    PhoneGap White Listing

    + +

    PhoneGap 1.0 introduced the idea of white-listing servers that its internal webview is allowed to make cross-domain requests to. You can find info about it here on the PhoneGap wiki:

    + +

    However, not all platforms support this white-listing feature so check the PhoneGap documentation for details. Older versions of PhoneGap prior to 1.0 defaulted to allowing cross-domain requests to any server.

    + +

    Still having issues?

    + +

    Here are a few more tips that aren't specifically related to PhoneGap but are good to know:

    + +

    We recommend disabling the pushState feature for installed apps because there are edge cases where this feature can cause unexpected navigation behavior and since URLs aren't visible in a webview, it's not worth keeping this active in these situations.

    + +

    Android enforces a timeout when loading URLs in a webview which may be too short for your needs. You can change this timeout by editing a Java class generated by the Eclipse plugin for Android:

    + + super.setIntegerProperty("loadUrlTimeoutValue", 60000); + + + +
    + + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/touchoverflow.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/touchoverflow.html new file mode 100644 index 0000000..ec41a1a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/touchoverflow.html @@ -0,0 +1,108 @@ + + + + + + jQuery Mobile Docs - touchOverflow + + + + + + + + + +
    + +
    +

    touchOverflow

    + Home +
    + +
    +
    + +

    touchOverflow: Dramatically improved page transitions and true fixed toolbars

    + +

    Currently, both the page you're viewing and the one you're navigating to are sitting next to each other in the viewport, which lets us leverage native scrolling for the broadest possible device support. The downside to this approach is that since both pages share the same viewport, when a page transition starts, we must first scroll to the top of the document, then start animating to ensure that the pages are lined up vertically. If you hit the Back button, we need to scroll up, transition, then restore the previous scroll position. Since mobile browsers are pretty slow, these scroll movements can detract from the flow of the experience.

    + +

    The way to really improve this situation is to have both pages in separate containers, each with its own internal scroll bar. The means no more scrolling the document or needing to restore scroll positions for a smoother experience. It also has the benefit of making fixed toolbars very easy to implement by simply placing them outside the containers with internal scrolling.

    + +

    How it works

    + +

    To leverage iOS5′s support for a touch-targeted version of overflow:auto which allows for internal scrolling regions with the native momentum scrolling, we've added a feature called touchOverflow that leverages these new CSS capabilities to enable us to bring both true “fixed” toolbars and super smooth transitions to iOS5, all by using web standards and very little additional code.

    + +

    A feature called touchOverflowEnabled is designed to leverage the upcoming wave of browsers that support overflow scrolling in CSS. Note that this feature is off by default to give us more time to test and debug this for best performance but we hope to turn it on by default at a later point. Here's how to enable this global option:

    + +
    <script>
+$(document).bind("mobileinit", function(){
+  $.mobile.touchOverflowEnabled = true;
+});
+</script>
    + +

    When this feature is activated, the framework looks for browser support for both the overflow: and -webkit-overflow-scrolling:touch CSS properties. In browsers that support both, it switches to a dual page container model with native overflow: scrolling within each, which brings true fixed toolbars smooth transitions. Coupled with iOS’s already excellent hardware-accelerated transitions, it's now possible to build interfaces that are very close to native performance.

    + +

    To demo this feature, check out this page in iOS5.

    + +

    A few downsides

    + +

    Nothing is perfect, especially a new feature, so there are a few downsides to keep in mind. When activating this feature:

    + +
      +
    • Sometimes child elements like lists and forms wouldn't render when embedded in a page with overflow: in iOS5. This was a pretty random phenomenon but is not acceptable so we've added a translate-z CSS property which forces iOS to render the contents. The downside with this fix is that when a transform is applied, all elements are set to position:relative which can cause issues in your layout.
      • +
    • The -webkit-overflow-scrolling:touch property seems to disable the events to scroll you to the top of the page when the time is tapped in the status bar. We hope Apple fixes this because it's a very useful feature.
      • +
    • When overflow: and -webkit-overflow-scrolling:touch properties are set, iOS appears to ignore any overflow:hidden properties on the parent, which is the page in our case. So if you have an image or code block that is wider than the viewport, horizontal scrolling will be seen.
      • +
    • When this feature is active, we are disabling user zoom by manipulating the meta viewport tag because both the toolbars and page content can easily be zoomed to an odd size and it's very difficult to zoom back out. Even though we believe in allowing users to zoom the page, alleviating the usability concerns we have with fixed toolbars and overflow containers is more important.
      • +
    • Scroll position can be lost when going back to a page that has been re-loaded. If DOM caching is on, this shouldn't be as much of an issue.
      • +
    • This is still an experimental feature, so not all the kinks have been worked out yet. Use with caution and test thoroughly.
      • +
    + + + +

    Don’t other mobile platforms already support overflow?

    +

    Yes, but there’s a catch. Both Android Honeycomb and the Blackberry PlayBook support overflow: properties, but we found in testing that their implementation of overflow wasn't smooth enough, so pages would stutter and hang during scrolling, leading to an unusable experience. We're working with device makers to ensure that they are included when performance improves.

    +

    More importantly, targeting overflow correctly is a major issue. If we simply placed an overflow: auto CSS rule on the pages, other popular mobile platforms like older versions of Android and iOS would essentially just clip off the content and make it effectively inaccessible (yes, you can can do a two-finger scroll gesture in iOS but nobody knows that). The smart thing about Apple’s implementation for iOS5 is that they added an additional CSS property -webkit-overflow-scrolling:touch that allows us to test for this touch scrolling property and, if supported, add in the overflow rules for just those browsers. This is the only safe way to target overflow without resorting to complex and unmaintainable user agent detection.

    +

    We will be working with device and browser makers to encourage support for both these CSS-based properties because we strongly believe that this a critical piece needed to build rich mobile web apps. The project will add any vendor-prefixed additions to touch scrolling property if, for example, Opera, Firefox or Microsoft added this support. Once people see how much better page transitions and fixed toolbars are on iOS5, we’re hoping this will be supported quickly by other browsers. JS-based scroller scripts may still have a place in this new world as a polyfill for browsers that don’t yet support these new CSS capabilities but we see this as a brief, interim tool in the evolution of the mobile web.

    + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/pages/transition-success.html b/libs/js/jquery-mobile-1.0.1pre/docs/pages/transition-success.html new file mode 100644 index 0000000..e23f80b --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/pages/transition-success.html @@ -0,0 +1,32 @@ + + + + + + jQuery Mobile Framework - Dialog Example + + + + + + + + + +
    + +
    +

    Ta-da!

    +
    + +
    +

    That was an animated page transition effect that we added with a data-transition attribute on the link.

    +

    Since it uses CSS transforms, this should be hardware accelerated on many mobile devices.

    +

    What do you think?

    + I like it +
    +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/bars-fixed.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/bars-fixed.html new file mode 100755 index 0000000..b3c8ca2 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/bars-fixed.html @@ -0,0 +1,170 @@ + + + + + + jQuery Mobile Framework - Fixed Toolbars + + + + + + + + + +
    + +
    + +

    Fixed toolbars

    + Home +
    + +
    +
    +

    Fixed toolbars

    +

    This is a demo of the "fixed" headers and footers used in the jQuery Mobile framework. The page content flows naturally, allowing us to take advantage of native scrolling instead of a scripting a faux-scrolling workaround. The header and footer divs are right in the flow of the document, but whenever they are out of view the framework will dynamically re-position them into view if the browser supports this feature, otherwise they will simply stay inline.

    +

    To enable this behavior on a header or footer, add the data-position="fixed" attribute to the toolbar container.

    + + +

    Tap to toggle visibility

    +

    To toggle the visibility of fixed toolbars, tap the screen. For example, if the fixed toolbars are visible, tap the screen to hide the toolbars and take full advantage of the screen real estate for content. Tapping again will bring the toolbars back into view.

    +

    It's possible to turn off the the tap to toggle visibility behavior like this:

    +
    
+$.mobile.fixedToolbars
+   .setTouchToggleEnabled(false);
+
    + +

    Updating toolbar positioning

    +

    If the height of the page changes, either through dynamic injection of markup, or by widgets that hide or collapse content, it can throw off the dynamic positioning of the toolbars. To manually tell the toolbars to re-position themselves then fade in, use $.mobile.fixedToolbars.show();. To have them appear immediately without the fade:

    +
    
+$.mobile.fixedToolbars
+   .show(true);
+
    + +

    There is also an updatelayout event that can be used to trigger the toolbars to re-position. Developers who are building dynamic applications that inject content into the current page can also manually trigger this updatelayout event to ensure components on the page update in response to the new content that was just added. This event is used internally in the collapsible and listview filter plugins and is powerful because it's not toolbar-specific -- any widget can be built to listen for the updatelayout event to update the widget in response.

    + + +

    Known limitations

    + +

    jQuery Mobile uses dynamically re-positioned toolbars for the fixed header effect because very few mobile browsers support the position:fixed CSS property. Although our fixed toolbar feature works fairly well, there are a number of technical limitations that can cause the toolbars to appear to scroll with the page. Most of these rendering issues are due to the fact many mobile platforms (iOS, Android, etc.) essentially take a static screenshot of the page and display this image during scrolling instead of the actual rendered HTML. This improves scrolling performance, but when scrolling happens quickly, the toolbars will be "burned" into the page screenshot before our script can hide them so they appear to scroll with the page. We have optimized this as much as we possibly can, but there are going to be situations where fixed toolbars won't work perfectly due to browser limitations, so this is important to note when considering whether to use this feature.

    + +

    True fixed toolbars: touchOverflowEnabled

    + +

    In order to achieve true fixed toolbars, a browser needs to either support position:fixed or overflow:auto. Fortunately, this support is coming to mobile platforms so we can achieve this with web standards. In jQuery Mobile, we have added a global feature called touchOverflowEnabled that leverages the overflow:auto CSS property on supported platforms like iOS5. When enabled, the framework wraps each page in a container with it's own internal scrolling. This allows us to position the toolbars outside the scrolling body so they truly stay fixed in place at all times. Learn more about this feature on the global options page or demo this feature (currently iOS5 only, other browsers will fall back to dynamically re-positioned fixed toolbars).

    + +
    + + +

    The rest of the page is just sample content to make the page very long

    + +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    + +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    + + +

    And an inset list

    + + + +
    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    + +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    + + +

    Embedded form

    + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + + +
    + + +
    + + +
    + + +
    +
    +
    +
    +
    +
    +
    + +

    A bit more text

    + +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    + + + + +
    + +
    + + +
    + +
    + +
    +

    Fixed Footer

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/bars-fullscreen.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/bars-fullscreen.html new file mode 100755 index 0000000..305b221 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/bars-fullscreen.html @@ -0,0 +1,67 @@ + + + + + + jQuery Mobile Framework - Fullscreen Fixed toolbars + + + + + + + + + +
    + +
    +

    Fullscreen fixed header

    + Home +
    + +
    +
    + Photo Run + +

    This page demonstrates the "fullscreen" toolbar mode. This toolbar treatment is used in special cases where you want the content to fill the whole screen, and you want the header and footer toolbars to appear and disappear when the page is clicked responsively — a common scenario for photo, image or video viewers.

    + +

    To enable this toolbar feature type, you apply a data-fullscreen="true" attribute to the div container that has the attribute data-role="page", and the data-position="fixed" attribute to both the header and footer div elements.

    + +

    Keep in mind that the toolbars in this mode will sit over page content, so not all content will be accessible with the toolbars open, just as shown in this demo.

    + + +
    + +
    + + +
    + +
    + +
    +

    Fullscreen Fixed Footer

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/bars-themes.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/bars-themes.html new file mode 100644 index 0000000..3c66711 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/bars-themes.html @@ -0,0 +1,176 @@ + + + + + + jQuery Mobile Framework - Theming Toolbars + + + + + + + + + +
    + +
    +

    Bar theming

    + Home +
    + + +
    +
    +

    Both the header and footer bars will be styled by default with the theme's "a" color swatch (black in the default theme) because these bars are typically primary in the visual hierarchy of a page.

    + + +

    Theming headers and footers

    +

    To set the header or footer bars to a different color in your theme, add the data-theme attribute and specify the letter of the theme swatch (a, b, c, etc.). For example, this will set the bar to swatch "b" (blue in the default theme):

    + +
    +
    +<div data-role="header" data-theme="b"> 
+	<h1>Page Title</h1> 
+</div> 
+
    +
    + + +

    Theming buttons in toolbars

    + +

    Any link added inside the header block will be automatically styled as a button that matches the color of the bar's theme swatch. To make a button stand out as a primary call to action, the data-theme attribute can be used to specify a contrasting button color from a different theme swatch. For example, if we set the header to theme "c" (light gray), both buttons would be styled as the "c" button by default. If we wanted the Save button to visually pop, we can override the color by setting the data-theme attribute to "b" (blue in our default theme) on the Save button's anchor.

    + +
    +
    +<a href="add-user.php" data-theme="b">Save</a> 
+
    +
    + + + +

    Theme variations

    +

    This is a demo of the variation that can be achieved by tweaking the theme swatches and buttons inside the headers and footers.

    +

    Headers

    + + +
    +

    Bar theme "a"

    + New +
    + +
    + Cancel +

    Bar theme "a"

    + Save +
    + +
    +

    Bar theme "b"

    + New +
    + +
    + Cancel +

    Bar theme "b"

    + Save +
    + +
    +

    Bar theme "c"

    + New +
    + +
    + Cancel +

    Bar theme "c"

    + Save +
    + +
    +

    Bar theme "d"

    + New +
    + +
    + Cancel +

    Bar theme "d"

    + Save +
    + +

    Footers

    +

    These are examples of a footer with link buttons inside. Note that footers do not have the same prescriptive markup contentions as headers with button slots so use layout grids or custom styles to achieve the design you want.

    + + + +
    + left + right + up + down +
    + +
    + left + right + up + down +
    + +
    + left + right + up + down +
    + +
    + left + right + up + down +
    + +
    + left + right + up + down +
    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-bars.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-bars.html new file mode 100755 index 0000000..b211903 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-bars.html @@ -0,0 +1,84 @@ + + + + + + jQuery Mobile Docs - Toolbar Basics + + + + + + + + + +
    + +
    +

    Toolbar basics

    + Home +
    + +
    +
    +

    Toolbar types

    + +

    In jQuery Mobile, there are two standard types of toolbars: Headers and Footers.

    + +
    • The Header bar serves as the page title, is usually the first element inside each mobile page, and typically contains a page title and up to two buttons.
      • + +
    • The Footer bar is usually the last element inside each mobile page, and tends to be more freeform than the header in terms of content and functionality, but typically contains a combination of text and buttons.
      • +
    + +

    It's very common to have a horizontal navigation or tab bar inside the header and/or footer; jQuery Mobile includes a navbar widget that turns an unordered list of links into a horizontal button bar, which works well in these instances.

    + +

    View the data- attribute reference to see all the possible attributes you can add to toolbars.

    + + +

    Toolbar positioning options

    + +

    Header and footers can be positioned on the page in a few different ways. By default, the toolbars use the "inline" positioning mode. In this mode, the headers and footer sit in the natural document flow (the default HTML behavior), which ensures that they are visible on all devices, regardless of JavaScript and CSS positioning support.

    + +

    A "fixed" positioning mode provides the convenience of static toolbars without the drawbacks of implementing faux-scrolling in JavaScript. The toolbars start in their natural positions on the page, like the "inline" mode, but when a bar scrolls out of the viewport, the framework animates the bar back into view by dynamically re-positioning the bar to the top or bottom of the viewport.

    +

    At any time, tapping the screen will toggle the visibility of the fixed toolbars: tapping the page when the toolbars aren't visible brings them into view, tapping again hides them until you tap again. This gives users the option to hide the toolbars until needed to maximize screen real estate.

    +

    To set this behavior on a header or footer, add the data-position="fixed" attribute to the toolbar container.

    + +

    A "fullscreen" position mode works just like the fixed mode except that the toolbars aren't shown at the top and bottom of the page and only appear when the page is clicked. This is useful for immersive apps like photo or video viewers where you want the content to fill the whole screen and toolbars can be summoned to appear by tapping the screen. Keep in mind that the toolbars in this mode will sit over page content so this is best used for specific situations.

    + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-footers.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-footers.html new file mode 100755 index 0000000..4ad8be7 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-footers.html @@ -0,0 +1,153 @@ + + + + + + jQuery Mobile Docs - Footer Configuration + + + + + + + + + +
    + +
    +

    Footer configuration

    + Home +
    + +
    +
    +

    Footer bar structure

    + +

    The footer bar has the same basic structure as the header except it uses the data-role attribute value of footer.

    + +
    +
    +<div data-role="footer"> 
+	<h4>Footer content</h4> 
+</div> 
+
    +
    + + +

    The footer toolbar will be be themed with the "a" swatch by default (black in the default theme) but you can easily set the theme swatch color.

    + +
    +

    Footer content

    +
    + +

    The page footer is very similar to the header in terms of options and configuration. The primary differences are that the footer is designed to be less structured than the header to allow for more flexibility, so the framework doesn't automatically place buttons to the left or right based on source order as it does in the header. Since footers do not have the same prescriptive markup contentions as headers, use layout grids or custom styles to achieve the design you want in a footer.

    + + + +

    Adding buttons

    + +

    Any link or valid button markup added to the footer will automatically be turned into a button. To save space, buttons in toolbars are automatically set to inline styling so the button is only as wide as the text and icons it contains.

    + +

    By default, toolbars don't have any padding to accommodate nav bars and other widgets. To include padding on the bar, add a class="ui-bar" to the footer.

    + + +
    
+<div data-role="footer" class="ui-bar">
+	<a href="index.html" data-role="button" data-icon="delete">Remove</a>
+	<a href="index.html" data-role="button" data-icon="plus">Add</a>
+	<a href="index.html" data-role="button" data-icon="arrow-u">Up</a>
+	<a href="index.html" data-role="button" data-icon="arrow-d">Down</a>
+</div>
+
    + +

    This creates this toolbar with buttons sitting in a row

    + + +
    + Remove + Add + Up + Down +
    + +

    To group buttons together into a button set, wrap the links in a wrapper with data-role="controlgroup" and data-type="horizontal" attributes.

    + +<div data-role="controlgroup" data-type="horizontal"> + +

    This creates a grouped set of buttons:

    + +
    +
    + Remove + Add + Up + Down +
    +
    + + + +

    Adding form elements

    + +

    Form elements and other content can also be added to toolbars. Here is an example of a select menu inside a footer bar:

    + + +
    + + +
    + + + + + + +

    Persistent footers

    +

    In situations where the footer is a global navigation element, you may want it to appear fixed in place between page transitions. This can be accomplished by using the persistent footer feature included in jQuery Mobile.

    + +

    To make a footer stay in place between transitions, add the data-id attribute to the footer of all relevant pages and use the same id value for each. For example, by adding data-id="myfooter" to the current page and the target page, the framework will keep the footer anchors in the same spot during the page animation. PLEASE NOTE: This effect will only work correctly if the header and footer toolbars are set to data-position="fixed" so they are in view during the transition.

    + + + + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-headers.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-headers.html new file mode 100644 index 0000000..c9ef476 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-headers.html @@ -0,0 +1,188 @@ + + + + + + jQuery Mobile Docs - Header Bars + + + + + + + + + +
    + +
    +

    Header bars

    + Home +
    + +
    +
    +

    Header structure

    +

    The header is a toolbar at the top of the page that usually contains the page title text and optional buttons positioned to the the left and/or right of the title for navigation or actions.

    + +

    The title text is normally an H1 heading element but it's possible to use any heading level (H1-H6) to allow for semantic flexibility. For example, a page containing multiple mobile 'pages' may use a H1 element on the home 'page' and a H2 element on the secondary pages. All heading levels are styled identically by default to maintain visual consistency.

    + +
    +
    +<div data-role="header"> 
+	<h1>Page Title</h1> 
+</div> 
+
    +
    + +

    Default header features

    +

    The header toolbar is themed with the "a" swatch by default (black in the default theme) but you can easily set the theme swatch color.

    + + + +
    +

    Page title

    +
    + + +

    Adding buttons

    + + + + + +

    In the standard header configuration, there are slots for buttons on either side of the text heading. Each button is typically an anchor element, but any valid button markup will work. To save space, buttons in toolbars are set to inline styling so the button is only as wide as the text and icons it contains.

    + + + + +

    Default button positioning

    + +

    The header plugin looks for immediate children of the header container, and automatically sets the first link in the left button slot and the second link in the right. In this example, the 'Cancel' button will appear in the left slot and 'Save' will appear in the right slot based on their sequence in the source order.

    + + +
    			
+<div data-role="header" data-position="inline">
+	<a href="index.html" data-icon="delete">Cancel</a>
+	<h1>Edit Contact</h1>
+	<a href="index.html" data-icon="check">Save</a>
+</div>
+
    + + +
    + Cancel +

    Edit Contact

    + Save +
    +

    Buttons automatically adopt the swatch color of the bar they sit in, so a link in a header bar with the "a" color will also be styled as "a" colored buttons. It's simple to make a button visually stand out — here, we add the data-theme attribute and set the color swatch for the button to "b" to make the "Save" button pop.

    + + 
    			
+<div data-role="header" data-position="inline">
+	<a href="index.html" data-icon="delete">Cancel</a>
+	<h1>Edit Contact</h1>
+	<a href="index.html" data-icon="check" data-theme="b">Save</a>
+</div>
+
    + + +
    + Cancel +

    Edit Contact

    + Save +
    + +

    Controlling button position with classes

    + +

    The button position can also be controlled by adding classes to the button anchors, rather than relying on source order. This is especially useful if you only want a button in the right slot. To specify the button position, add the class of ui-btn-left or ui-btn-right to the anchor.

    + + + + +
    +
    
+<div data-role="header" data-position="inline" 
+	<h1>Page Title</h1>
+	<a href="index.html" data-icon="gear" class="ui-btn-right">Options</a>
+</div>
+
    +
    + +
    +

    Page Title

    + Options +
    + + +

    Adding Back buttons

    + +

    jQuery Mobile has a feature to automatically create and append "back" buttons to any header, though it is disabled by default. This is primarily useful in chromeless installed applications, such as those running in a native app web view. The framework automatically generates a "back" button on a header when the page plugin's addBackBtn option is true. This can also be set via markup if the page div has a data-add-back-btn="true" attribute.

    + + +

    If you use the attribute data-rel="back" on an anchor, any clicks on that anchor will mimic the back button, going back one history entry and ignoring the anchor's default href. This is particularly useful when linking back to a named page, such as a link that says "home", or when generating "back" buttons with JavaScript, such as a button to close a dialog. When using this feature in your source markup, be sure to provide a meaningful href that actually points to the URL of the referring page (this will allow the feature to work for users in C-Grade browsers. Also, please keep in mind that if you just want a reverse transition without actually going back in history, you should use the data-direction="reverse" attribute instead.

    + +

    Customizing the back button text

    + +

    If you'd like to configure the back button text, you can either use the data-back-btn-text="previous" attribute on your page element, or set it programmatically via the page plugin's options:
    $.mobile.page.prototype.options.backBtnText = "previous";

    + +

    Default back button style

    +

    If you'd like to configure the back button role-theme, you can use:
    $.mobile.page.prototype.options.backBtnTheme = "a";
    + If you're doing this programmatically, set this option inside the mobileinit event handler.

    + +

    Custom header configurations

    +

    If you need to to create a header that doesn't follow the default configuration, simply wrap your custom styled markup in a container div inside the header container and the plugin won't apply the automatic button logic so you can write custom styles for laying out the content in your header.

    + +

    It's also possible to create custom bars without using the header data-role at all. For example, start with any container and add the ui-bar class to apply standard bar padding and add the ui-bar-b class to assign the bar swatch styles from your theme (the "b" can be any swatch letter).

    + + 
    
+<div class="ui-bar ui-bar-b">
+	<h3>I'm just a div with bar classes and a <a href="#" data-role="button">Button</a></h3>
+</div>
+
    + +

    This will produce this bar:

    +
    +

    I'm just a div with bar classes and a Button

    +
    + +

    By writing some simple styles, it's easy to build little message bars like this:

    + +
    +

    This is an alert message with dismiss button.

    + +

    And here's some additional text in a paragraph.

    +
    +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-navbar.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-navbar.html new file mode 100755 index 0000000..8091ac6 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/docs-navbar.html @@ -0,0 +1,317 @@ + + + + + + jQuery Mobile Docs - Navbar + + + + + + + + + +
    + +
    +

    Navbar

    + Home +
    + +
    +
    +

    Simple navbar

    + +

    jQuery Mobile has a very basic navbar widget that is useful for providing up to 5 buttons with optional icons in a bar, typically within a header or footer. There is also a persistent navbar variation that works more like a tab bar that stays fixed as you navigate across pages.

    +

    A navbar is coded as an unordered list of links wrapped in a container element that has the data-role="navbar" attribute. To set one of links to the active (selected) state, add class="ui-btn-active" to the anchor. In this example, we have a two-button navbar in the footer with the "One" item set to active:

    + +
    
+<div data-role="navbar">
+	<ul>
+		<li><a href="a.html" class="ui-btn-active">One</a></li>
+		<li><a href="b.html">Two</a></li>
+	</ul>
+</div><!-- /navbar -->
+
    + +

    The navbar items are set to divide the space evenly so in this case, each button is 1/2 the width of the browser window:

    + + +
    + +
    + + +

    Adding a third item will automatically make each button 1/3 the width of the browser window:

    + + +
    + +
    + + +

    Adding a fourth more item will automatically make each button 1/4 the width of the browser window:

    + + +
    + +
    + + +

    The navbar maxes out with 5 items, each 1/5 the width of the browser window:

    + + +
    + +
    + + +

    If more than 5 items are added, the navbar will simply wrap to multiple lines:

    + +
    + +
    + +

    As a fallback, navbars with 1 item will simply render as 100%.

    + +
    + +
    + +

    Navbars in headers

    + +

    If you want to add a navbar to the top of the page, you can still have a page title and buttons. Just add the navbar container inside the header block, right after the title and buttons in the source order.

    + +
    +

    I'm a header

    + Options + +
    + +
    +
    + +

    Navbars in footers

    + +

    If you want to add a navbar to the bottom of the page so it acts more like a tab bar, simply wrap the navbar in a container with a data-role="footer"

    +
    
+<div data-role="footer">		
+	<div data-role="navbar">
+		<ul>
+			<li><a href="#">One</a></li>
+			<li><a href="#">Two</a></li>
+			<li><a href="#">Three</a></li>
+		</ul>
+	</div><!-- /navbar -->
+</div><!-- /footer -->
+
    +
    +
    + +
    +
    + +

    Icons in navbars

    + +

    Icons can be added to navbar items by adding the data-icon attribute specifying a standard mobile icon to each anchor. By default, icons are added above the text (data-iconpos="top"). The following examples add icons to a navbar in a footer.

    + +
    +
    + +
    +
    + +

    The icon position is set on the navbar container instead of for individual links within for visual consistency. For example, to place the icons below the labels, add the data-iconpos="bottom" attribute to the navbar container.

    +
    
+<div data-role="navbar" data-iconpos="bottom">
+
    +

    This will result in a bottom icon alignment:

    +
    +
    + +
    +
    + +

    The icon position can be set to data-iconpos="left":

    + +
    +
    + +
    +
    + +

    Or the icon position can be set to data-iconpos="right":

    + +
    +
    + +
    +
    + +

    Using 3rd party icon sets

    + +

    You can add any of the popular icon libraries like Glyphish to achieve the iOS style tab that has large icons stacked on top of text labels. All that is required is a bit of custom styles to link to the icons and position them in the navbar. Here is an example using Glyphish icons and custom styles (view page source for styles) in our navbar:

    + + + + +
    +
    + +
    +
    + +

    Icons by Joseph Wain / glyphish.com. Licensed under the Creative Commons Attribution 3.0 United States License.

    + + +

    Theming navbars

    + +

    Navbars inherit the theme swatch from their parent container, just like buttons. If a navbar is placed in the header or footer toolbar, it will inherit the default toolbar swatch (A) for bars unless you set this in the markup.

    +

    Here are a few examples of navbars in various container swatches that automatically inheriting their parent's swatch letter. Note that in these examples, instead of using a data-theme attribute, we're manually adding the swatch classes to apply the body swatch (ui-body-a) and the class to add the standard body padding (ui-body), but the inheritance works the same way:

    + +
    +

    Swatch A

    +
    + +
    +
    + +
    +

    Swatch B

    +
    + +
    +
    + +

    To set to the theme color for a navbar item, add the data-theme attribute to the individual links and specify a theme swatch. Note that applying a theme swatch to the navbar container is not supported.

    +
    +
    + +
    +
    + + +
    + +
    + + +
    + +
    + +
    +

    © 2011 The jQuery Project

    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/footer-persist-a.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/footer-persist-a.html new file mode 100755 index 0000000..7a76e98 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/footer-persist-a.html @@ -0,0 +1,114 @@ + + + + + + jQuery Mobile Framework - Persistent footer A + + + + + + + + + +
    + +
    +

    Friends

    + Home +
    + +
    +
    +

    This page is a demo of a persistent footer navigation bar. At the foot of the page, you'll see a persistent horizontal navigation bar. Click on any of the links, and you'll see the page content transition but the footer remains fixed: The footer sticks persistently even when transitioning to a new HTML page, because the footer on all four HTML pages has the same data-id attribute. Note: If you'd like an active button in your navbar to remain active when you return to the page displaying this active button, add a class of ui-state-persist in addition to ui-btn-active to the corresponding anchor.

    + + + + + + + + + + + + +
    + +
    + + +
    + +
    + +
    +
    + +
    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/footer-persist-b.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/footer-persist-b.html new file mode 100755 index 0000000..e44e3d1 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/footer-persist-b.html @@ -0,0 +1,138 @@ + + + + + + jQuery Mobile Framework - Persistent footer B + + + + + + + + + +
    + +
    +

    Albums

    + Home +
    + + + +
    +
    + +
    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/footer-persist-c.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/footer-persist-c.html new file mode 100755 index 0000000..cedcfa2 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/footer-persist-c.html @@ -0,0 +1,123 @@ + + + + + + jQuery Mobile Framework - Persistent footer C + + + + + + + + + +
    + +
    +

    Inbox

    + Home +
    + +
    +
    + + +
    + +
    + + +
    + +
    + +
    +
    + +
    +
    + +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/09-chat2.png b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/09-chat2.png new file mode 100644 index 0000000..1ccc85f Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/09-chat2.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/100-coffee.png b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/100-coffee.png new file mode 100644 index 0000000..355cede Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/100-coffee.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/18-envelope.png b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/18-envelope.png new file mode 100644 index 0000000..11a8d1c Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/18-envelope.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/19-gear.png b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/19-gear.png new file mode 100644 index 0000000..d54828a Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/19-gear.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/21-skull.png b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/21-skull.png new file mode 100644 index 0000000..aeee693 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/21-skull.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/30-key.png b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/30-key.png new file mode 100644 index 0000000..99a1f6b Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/30-key.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/34-coffee.png b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/34-coffee.png new file mode 100644 index 0000000..f9cd35f Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/34-coffee.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/88-beermug.png b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/88-beermug.png new file mode 100644 index 0000000..b338946 Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/88-beermug.png differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/Read me first - license.txt b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/Read me first - license.txt new file mode 100644 index 0000000..b6be14a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/glyphish-icons/Read me first - license.txt @@ -0,0 +1,13 @@ +Created by Joseph Wain (see http://penandthink.com) at and probably downloaded from http://glyphish.com + +This work is licensed under the Creative Commons Attribution 3.0 United States License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/us/ or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA. + +You are free to share it and to remix it remix under the following conditions: + +* You must attribute the work in the manner specified by the author (SEE BELOW). +* For any reuse or distribution, you must make clear to others the license terms of this work. +* The above conditions can be waived if you get permission from the copyright holder (send me an email!). + +ATTRIBUTION -- a note reading "icons by Joseph Wain / glyphish.com" or similar, plus a link back to glyphish.com from your app's website, is the preferred form of attribution. Also acceptable would be, like, a link from within your iPhone application, or from the iTunes store page, but those aren't as useful to other people. If none of these work for you, please contact hello@glyphish.com and we can work something out. + +USE WITHOUT ATTRIBUTION -- If attribution is not possible, workable or desirable for your application, contact hello@glyphish.com for commercial non-attributed licensing terms. \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/images/photo-run.jpeg b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/images/photo-run.jpeg new file mode 100644 index 0000000..182617f Binary files /dev/null and b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/images/photo-run.jpeg differ diff --git a/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/index.html b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/index.html new file mode 100755 index 0000000..9b114ab --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/docs/toolbars/index.html @@ -0,0 +1,44 @@ + + + + + + jQuery Mobile Docs - Toolbars + + + + + + + + + +
    + +
    +

    Toolbars

    + Home +
    + +
    + +

    Toolbars are used for headers, footers and utility bars throughout a mobile sites and applications, so jQuery Mobile provides a standard set of bars and navigation tools to cover most standard scenarios.

    + + + + +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/converter/.htaccess b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/.htaccess new file mode 100644 index 0000000..2622705 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/.htaccess @@ -0,0 +1 @@ +AddType text/cache-manifest .manifest \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/converter/application.js b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/application.js new file mode 100644 index 0000000..4dd4143 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/application.js @@ -0,0 +1,80 @@ +$(function() { + var symbols = { + "USD": "$", + "EUR": "€", + "GBP": "£", + "Miles": "m", + "Kilometer": "km", + "inch": "\"", + "centimeter": "cm" + }; + + function list() { + var ul = $( "#conversions" ).empty(), + ulEdit = $( "#edit-conversions" ).empty(); + $.each( all, function( index, conversion ) { + // if last update was less then a minute ago, don't update + if ( conversion.type === "currency" && !conversion.rate || conversion.updated && conversion.updated + 60000 < +new Date) { + var self = conversion; + var url = "http://query.yahooapis.com/v1/public/yql?q=select%20rate%2Cname%20from%20csv%20where%20url%3D'http%3A%2F%2Fdownload.finance.yahoo.com%2Fd%2Fquotes%3Fs%3D" + conversion.from + conversion.to + "%253DX%26f%3Dl1n'%20and%20columns%3D'rate%2Cname'&format=json&diagnostics=true&callback=?"; + $.getJSON( url, function( result ) { + self.rate = parseFloat( result.query.results.row.rate ); + $( "#term" ).keyup(); + self.updated = +new Date; + conversions.store(); + }); + } + $( "#conversion-field" ).tmpl( conversion, { + symbols: symbols + }).appendTo( ul ); + $( "#conversion-edit-field" ).tmpl( conversion, { + symbols: symbols + }).appendTo( ulEdit ); + }); + ul.add(ulEdit).listview("refresh"); + $( "#term" ).keyup(); + } + var all = conversions.all(); + $( "#term" ).keyup(function() { + var value = this.value; + $.each( all, function( index, conversion ) { + $( "#" + conversion.from + conversion.to ).text( conversion.rate + ? Math.ceil( value * conversion.rate * 100 ) / 100 + : "Rate not available, yet." + ); + }); + }).focus(); + list(); + $( "form" ).submit(function() { + $( "#term" ).blur(); + return false; + }); + $( "#add" ).click(function() { + all.push({ + type: "currency", + from: $( "#currency-options-from" ).val(), + to: $( "#currency-options-to" ).val() + }); + conversions.store(); + list(); + }); + $( "#clear" ).click(function() { + conversions.clear(); + list(); + return false; + }); + $( "#restore" ).click(function() { + conversions.restore(); + list(); + return false; + }); + + $( "#edit-conversions" ).click(function( event ) { + var target = $( event.target ).closest( ".deletebutton" ); + if ( target.length ) { + conversions.remove( target.prev( "label" ).attr( "for" ) ); + list(); + } + return false; + }); +}); diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/converter/cache.manifest b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/cache.manifest new file mode 100644 index 0000000..c375d51 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/cache.manifest @@ -0,0 +1,5 @@ +CACHE MANIFEST +index.html +../../css/themes/default +../../js/ +jquery.tmpl.js \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/converter/converter.css b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/converter.css new file mode 100644 index 0000000..4947107 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/converter.css @@ -0,0 +1,14 @@ +ul li { clear:both; } +li p.currency-from { padding-top:23px; font-size: 180%; font-weight:bold; } +li p.currency-from a:link, li p.units a:visited { padding-top:26px; font-size: 90%; } +span.unit { opacity:0.5; } + +li p.subtext { margin-top:2px; } +li p.ui-li-aside { font-size:190%; width:60%; } + + + +form#curr-form { border-width: 0; overflow: hidden; margin: 2px -15px 2px -15px } +form#curr-form .ui-input-search { margin: 5px; width: auto; display: block; } + +.add-row { font-weight:bold; font-size:110%; } \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/converter/index.html b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/index.html new file mode 100644 index 0000000..ab3e546 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/index.html @@ -0,0 +1,101 @@ + + + + + + jQuery Mobile Framework - Converter Demo Application + + + + + + + + +
    + + + + + + + + +
    + Edit +

    Currency converter

    +
    +
    +
    + + +
    +
    +
    +
      +
    +
    +
    + +
    + +
    +

    Edit conversions

    + Done +
    + +
    +
      +
    +
    +
    + Add new... + Restore defaults +
    +
    + +
    +
    +

    Add new

    + Cancel +
    + +
    +

    Select currencies to convert:

    +
    + + +
    +
    + + +
    + +
    +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/converter/jquery.tmpl.js b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/jquery.tmpl.js new file mode 100644 index 0000000..8aeef23 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/jquery.tmpl.js @@ -0,0 +1,487 @@ +/* + * Copy of http://github.com/nje/jquery-tmpl/raw/master/jquery.tmpl.js at f827fb68417bc14ab9f6ae889421d5fea4cb2859 + * jQuery Templating Plugin + * Copyright 2010, John Resig + * Dual licensed under the MIT or GPL Version 2 licenses. + */ +(function( jQuery, undefined ){ + var oldManip = jQuery.fn.domManip, tmplItmAtt = "_tmplitem", htmlExpr = /^[^<]*(<[\w\W]+>)[^>]*$|\{\{\! /, + newTmplItems = {}, wrappedItems = {}, appendToTmplItems, topTmplItem = { key: 0, data: {} }, itemKey = 0, cloneIndex = 0, stack = []; + + function newTmplItem( options, parentItem, fn, data ) { + // Returns a template item data structure for a new rendered instance of a template (a 'template item'). + // The content field is a hierarchical array of strings and nested items (to be + // removed and replaced by nodes field of dom elements, once inserted in DOM). + var newItem = { + data: data || (parentItem ? parentItem.data : {}), + _wrap: parentItem ? parentItem._wrap : null, + tmpl: null, + parent: parentItem || null, + nodes: [], + calls: tiCalls, + nest: tiNest, + wrap: tiWrap, + html: tiHtml, + update: tiUpdate + }; + if ( options ) { + jQuery.extend( newItem, options, { nodes: [], parent: parentItem } ); + } + if ( fn ) { + // Build the hierarchical content to be used during insertion into DOM + newItem.tmpl = fn; + newItem._ctnt = newItem._ctnt || newItem.tmpl( jQuery, newItem ); + newItem.key = ++itemKey; + // Keep track of new template item, until it is stored as jQuery Data on DOM element + (stack.length ? wrappedItems : newTmplItems)[itemKey] = newItem; + } + return newItem; + } + + // Override appendTo etc., in order to provide support for targeting multiple elements. (This code would disappear if integrated in jquery core). + jQuery.each({ + appendTo: "append", + prependTo: "prepend", + insertBefore: "before", + insertAfter: "after", + replaceAll: "replaceWith" + }, function( name, original ) { + jQuery.fn[ name ] = function( selector ) { + var ret = [], insert = jQuery( selector ), elems, i, l, tmplItems, + parent = this.length === 1 && this[0].parentNode; + + appendToTmplItems = newTmplItems || {}; + if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) { + insert[ original ]( this[0] ); + ret = this; + } else { + for ( i = 0, l = insert.length; i < l; i++ ) { + cloneIndex = i; + elems = (i > 0 ? this.clone(true) : this).get(); + jQuery.fn[ original ].apply( jQuery(insert[i]), elems ); + ret = ret.concat( elems ); + } + cloneIndex = 0; + ret = this.pushStack( ret, name, insert.selector ); + } + tmplItems = appendToTmplItems; + appendToTmplItems = null; + jQuery.tmpl.complete( tmplItems ); + return ret; + }; + }); + + jQuery.fn.extend({ + // Use first wrapped element as template markup. + // Return wrapped set of template items, obtained by rendering template against data. + tmpl: function( data, options, parentItem ) { + return jQuery.tmpl( this[0], data, options, parentItem ); + }, + + // Find which rendered template item the first wrapped DOM element belongs to + tmplItem: function() { + return jQuery.tmplItem( this[0] ); + }, + + // Consider the first wrapped element as a template declaration, and get the compiled template or store it as a named template. + template: function( name ) { + return jQuery.template( name, this[0] ); + }, + + domManip: function( args, table, callback, options ) { + // This appears to be a bug in the appendTo, etc. implementation + // it should be doing .call() instead of .apply(). See #6227 + if ( args[0] && args[0].nodeType ) { + var dmArgs = jQuery.makeArray( arguments ), argsLength = args.length, i = 0, tmplItem; + while ( i < argsLength && !(tmplItem = jQuery.data( args[i++], "tmplItem" ))) {} + if ( argsLength > 1 ) { + dmArgs[0] = [jQuery.makeArray( args )]; + } + if ( tmplItem && cloneIndex ) { + dmArgs[2] = function( fragClone ) { + // Handler called by oldManip when rendered template has been inserted into DOM. + jQuery.tmpl.afterManip( this, fragClone, callback ); + }; + } + oldManip.apply( this, dmArgs ); + } else { + oldManip.apply( this, arguments ); + } + cloneIndex = 0; + if ( !appendToTmplItems ) { + jQuery.tmpl.complete( newTmplItems ); + } + return this; + } + }); + + jQuery.extend({ + // Return wrapped set of template items, obtained by rendering template against data. + tmpl: function( tmpl, data, options, parentItem ) { + var ret, topLevel = !parentItem; + if ( topLevel ) { + // This is a top-level tmpl call (not from a nested template using {{tmpl}}) + parentItem = topTmplItem; + tmpl = jQuery.template[tmpl] || jQuery.template( null, tmpl ); + wrappedItems = {}; // Any wrapped items will be rebuilt, since this is top level + } else if ( !tmpl ) { + // The template item is already associated with DOM - this is a refresh. + // Re-evaluate rendered template for the parentItem + tmpl = parentItem.tmpl; + newTmplItems[parentItem.key] = parentItem; + parentItem.nodes = []; + if ( parentItem.wrapped ) { + updateWrapped( parentItem, parentItem.wrapped ); + } + // Rebuild, without creating a new template item + return jQuery( build( parentItem, null, parentItem.tmpl( jQuery, parentItem ) )); + } + if ( !tmpl ) { + return []; // Could throw... + } + if ( typeof data === "function" ) { + data = data.call( parentItem || {} ); + } + if ( options && options.wrapped ) { + updateWrapped( options, options.wrapped ); + } + ret = jQuery.isArray( data ) ? + jQuery.map( data, function( dataItem ) { + return dataItem ? newTmplItem( options, parentItem, tmpl, dataItem ) : null; + }) : + [ newTmplItem( options, parentItem, tmpl, data ) ]; + + return topLevel ? jQuery( build( parentItem, null, ret ) ) : ret; + }, + + // Return rendered template item for an element. + tmplItem: function( elem ) { + var tmplItem; + if ( elem instanceof jQuery ) { + elem = elem[0]; + } + while ( elem && elem.nodeType === 1 && !(tmplItem = jQuery.data( elem, "tmplItem" )) && (elem = elem.parentNode) ) {} + return tmplItem || topTmplItem; + }, + + // Set: + // Use $.template( name, tmpl ) to cache a named template, + // where tmpl is a template string, a script element or a jQuery instance wrapping a script element, etc. + // Use $( "selector" ).template( name ) to provide access by name to a script block template declaration. + + // Get: + // Use $.template( name ) to access a cached template. + // Also $( selectorToScriptBlock ).template(), or $.template( null, templateString ) + // will return the compiled template, without adding a name reference. + // If templateString includes at least one HTML tag, $.template( templateString ) is equivalent + // to $.template( null, templateString ) + template: function( name, tmpl ) { + if (tmpl) { + // Compile template and associate with name + if ( typeof tmpl === "string" ) { + // This is an HTML string being passed directly in. + tmpl = buildTmplFn( tmpl ) + } else if ( tmpl instanceof jQuery ) { + tmpl = tmpl[0] || {}; + } + if ( tmpl.nodeType ) { + // If this is a template block, use cached copy, or generate tmpl function and cache. + tmpl = jQuery.data( tmpl, "tmpl" ) || jQuery.data( tmpl, "tmpl", buildTmplFn( tmpl.innerHTML )); + } + return typeof name === "string" ? (jQuery.template[name] = tmpl) : tmpl; + } + // Return named compiled template + return name ? (typeof name !== "string" ? jQuery.template( null, name ): + (jQuery.template[name] || + // If not in map, treat as a selector. (If integrated with core, use quickExpr.exec) + jQuery.template( null, htmlExpr.test( name ) ? name : jQuery( name )))) : null; + }, + + encode: function( text ) { + // Do HTML encoding replacing < > & and ' and " by corresponding entities. + return ("" + text).split("<").join("<").split(">").join(">").split('"').join(""").split("'").join("'"); + } + }); + + jQuery.extend( jQuery.tmpl, { + tag: { + "tmpl": { + _default: { $2: "null" }, + open: "if($notnull_1){_=_.concat($item.nest($1,$2));}" + // tmpl target parameter can be of type function, so use $1, not $1a (so not auto detection of functions) + // This means that {{tmpl foo}} treats foo as a template (which IS a function). + // Explicit parens can be used if foo is a function that returns a template: {{tmpl foo()}}. + }, + "wrap": { + _default: { $2: "null" }, + open: "$item.calls(_,$1,$2);_=[];", + close: "call=$item.calls();_=call._.concat($item.wrap(call,_));" + }, + "each": { + _default: { $2: "$index, $value" }, + open: "if($notnull_1){$.each($1a,function($2){with(this){", + close: "}});}" + }, + "if": { + open: "if(($notnull_1) && $1a){", + close: "}" + }, + "else": { + _default: { $1: "true" }, + open: "}else if(($notnull_1) && $1a){" + }, + "html": { + // Unecoded expression evaluation. + open: "if($notnull_1){_.push($1a);}" + }, + "=": { + // Encoded expression evaluation. Abbreviated form is ${}. + _default: { $1: "$data" }, + open: "if($notnull_1){_.push($.encode($1a));}" + }, + "!": { + // Comment tag. Skipped by parser + open: "" + } + }, + + // This stub can be overridden, e.g. in jquery.tmplPlus for providing rendered events + complete: function( items ) { + newTmplItems = {}; + }, + + // Call this from code which overrides domManip, or equivalent + // Manage cloning/storing template items etc. + afterManip: function afterManip( elem, fragClone, callback ) { + // Provides cloned fragment ready for fixup prior to and after insertion into DOM + var content = fragClone.nodeType === 11 ? + jQuery.makeArray(fragClone.childNodes) : + fragClone.nodeType === 1 ? [fragClone] : []; + + // Return fragment to original caller (e.g. append) for DOM insertion + callback.call( elem, fragClone ); + + // Fragment has been inserted:- Add inserted nodes to tmplItem data structure. Replace inserted element annotations by jQuery.data. + storeTmplItems( content ); + cloneIndex++; + } + }); + + //========================== Private helper functions, used by code above ========================== + + function build( tmplItem, nested, content ) { + // Convert hierarchical content into flat string array + // and finally return array of fragments ready for DOM insertion + var frag, ret = content ? jQuery.map( content, function( item ) { + return (typeof item === "string") ? + // Insert template item annotations, to be converted to jQuery.data( "tmplItem" ) when elems are inserted into DOM. + (tmplItem.key ? item.replace( /(<\w+)(?=[\s>])(?![^>]*_tmplitem)([^>]*)/g, "$1 " + tmplItmAtt + "=\"" + tmplItem.key + "\" $2" ) : item) : + // This is a child template item. Build nested template. + build( item, tmplItem, item._ctnt ); + }) : + // If content is not defined, insert tmplItem directly. Not a template item. May be a string, or a string array, e.g. from {{html $item.html()}}. + tmplItem; + if ( nested ) { + return ret; + } + + // top-level template + ret = ret.join(""); + + // Support templates which have initial or final text nodes, or consist only of text + // Also support HTML entities within the HTML markup. + ret.replace( /^\s*([^<\s][^<]*)?(<[\w\W]+>)([^>]*[^>\s])?\s*$/, function( all, before, middle, after) { + frag = jQuery( middle ).get(); + + storeTmplItems( frag ); + if ( before ) { + frag = unencode( before ).concat(frag); + } + if ( after ) { + frag = frag.concat(unencode( after )); + } + }); + return frag ? frag : unencode( ret ); + } + + function unencode( text ) { + // Use createElement, since createTextNode will not render HTML entities correctly + var el = document.createElement( "div" ); + el.innerHTML = text; + return jQuery.makeArray(el.childNodes); + } + + // Generate a reusable function that will serve to render a template against data + function buildTmplFn( markup ) { + return new Function("jQuery","$item", + "var $=jQuery,call,_=[],$data=$item.data;" + + + // Introduce the data as local variables using with(){} + "with($data){_.push('" + + + // Convert the template into pure JavaScript + jQuery.trim(markup) + .replace( /([\\'])/g, "\\$1" ) + .replace( /[\r\t\n]/g, " " ) + .replace( /\$\{([^\}]*)\}/g, "{{= $1}}" ) + .replace( /\{\{(\/?)(\w+|.)(?:\(((?:.(?!\}\}))*?)?\))?(?:\s+(.*?)?)?(\((.*?)\))?\s*\}\}/g, + function( all, slash, type, fnargs, target, parens, args ) { + var tag = jQuery.tmpl.tag[ type ], def, expr, exprAutoFnDetect; + if ( !tag ) { + throw "Template command not found: " + type; + } + def = tag._default || []; + if ( parens && !/\w$/.test(target)) { + target += parens; + parens = ""; + } + if ( target ) { + target = unescape( target ); + args = args ? ("," + unescape( args ) + ")") : (parens ? ")" : ""); + // Support for target being things like a.toLowerCase(); + // In that case don't call with template item as 'this' pointer. Just evaluate... + expr = parens ? (target.indexOf(".") > -1 ? target + parens : ("(" + target + ").call($item" + args)) : target; + exprAutoFnDetect = parens ? expr : "(typeof(" + target + ")==='function'?(" + target + ").call($item):(" + target + "))"; + } else { + exprAutoFnDetect = expr = def.$1 || "null"; + } + fnargs = unescape( fnargs ); + return "');" + + tag[ slash ? "close" : "open" ] + .split( "$notnull_1" ).join( target ? "typeof(" + target + ")!=='undefined' && (" + target + ")!=null" : "true" ) + .split( "$1a" ).join( exprAutoFnDetect ) + .split( "$1" ).join( expr ) + .split( "$2" ).join( fnargs ? + fnargs.replace( /\s*([^\(]+)\s*(\((.*?)\))?/g, function( all, name, parens, params ) { + params = params ? ("," + params + ")") : (parens ? ")" : ""); + return params ? ("(" + name + ").call($item" + params) : all; + }) + : (def.$2||"") + ) + + "_.push('"; + }) + + "');}return _;" + ); + } + function updateWrapped( options, wrapped ) { + // Build the wrapped content. + options._wrap = build( options, true, + // Suport imperative scenario in which options.wrapped can be set to a selector or an HTML string. + jQuery.isArray( wrapped ) ? wrapped : [htmlExpr.test( wrapped ) ? wrapped : jQuery( wrapped ).html()] + ).join(""); + } + + function unescape( args ) { + return args ? args.replace( /\\'/g, "'").replace(/\\\\/g, "\\" ) : null; + } + function outerHtml( elem ) { + var div = document.createElement("div"); + div.appendChild( elem.cloneNode(true) ); + return div.innerHTML; + } + + // Store template items in jQuery.data(), ensuring a unique tmplItem data data structure for each rendered template instance. + function storeTmplItems( content ) { + var keySuffix = "_" + cloneIndex, elem, elems, newClonedItems = {}, i, l, m; + for ( i = 0, l = content.length; i < l; i++ ) { + if ( (elem = content[i]).nodeType !== 1 ) { + continue; + } + elems = elem.getElementsByTagName("*"); + for ( m = elems.length - 1; m >= 0; m-- ) { + processItemKey( elems[m] ); + } + processItemKey( elem ); + } + function processItemKey( el ) { + var pntKey, pntNode = el, pntItem, tmplItem, key; + // Ensure that each rendered template inserted into the DOM has its own template item, + if ( (key = el.getAttribute( tmplItmAtt ))) { + while ((pntNode = pntNode.parentNode).nodeType === 1 && !(pntKey = pntNode.getAttribute( tmplItmAtt ))) { } + if ( pntKey !== key ) { + // The next ancestor with a _tmplitem expando is on a different key than this one. + // So this is a top-level element within this template item + pntNode = pntNode.nodeType === 11 ? 0 : (pntNode.getAttribute( tmplItmAtt ) || 0); + if ( !(tmplItem = newTmplItems[key]) ) { + // The item is for wrapped content, and was copied from the temporary parent wrappedItem. + tmplItem = wrappedItems[key]; + tmplItem = newTmplItem( tmplItem, newTmplItems[pntNode]||wrappedItems[pntNode], null, true ); + tmplItem.key = ++itemKey; + newTmplItems[itemKey] = tmplItem; + } + if ( cloneIndex ) { + cloneTmplItem( key ); + } + } + el.removeAttribute( tmplItmAtt ); + } else if ( cloneIndex && (tmplItem = jQuery.data( el, "tmplItem" )) ) { + // This was a rendered element, cloned during append or appendTo etc. + // TmplItem stored in jQuery data has already been cloned in cloneCopyEvent. We must replace it with a fresh cloned tmplItem. + cloneTmplItem( tmplItem.key ); + newTmplItems[tmplItem.key] = tmplItem; + pntNode = jQuery.data( el.parentNode, "tmplItem" ); + pntNode = pntNode ? pntNode.key : 0; + } + if ( tmplItem ) { + pntItem = tmplItem; + // Find the template item of the parent element. + // (Using !=, not !==, since pntItem.key is number, and pntNode may be a string) + while ( pntItem && pntItem.key != pntNode ) { + // Add this element as a top-level node for this rendered template item, as well as for any + // ancestor items between this item and the item of its parent element + pntItem.nodes.push( el ); + pntItem = pntItem.parent; + } + // Delete content built during rendering - reduce API surface area and memory use, and avoid exposing of stale data after rendering... + delete tmplItem._ctnt; + delete tmplItem._wrap; + // Store template item as jQuery data on the element + jQuery.data( el, "tmplItem", tmplItem ); + } + function cloneTmplItem( key ) { + key = key + keySuffix; + tmplItem = newClonedItems[key] = + (newClonedItems[key] || newTmplItem( tmplItem, newTmplItems[tmplItem.parent.key + keySuffix] || tmplItem.parent, null, true )); + } + } + } + + //---- Helper functions for template item ---- + + function tiCalls( content, tmpl, data, options ) { + if ( !content ) { + return stack.pop(); + } + stack.push({ _: content, tmpl: tmpl, item:this, data: data, options: options }); + } + + function tiNest( tmpl, data, options ) { + // nested template, using {{tmpl}} tag + return jQuery.tmpl( jQuery.template( tmpl ), data, options, this ); + } + + function tiWrap( call, wrapped ) { + // nested template, using {{wrap}} tag + var options = call.options || {}; + options.wrapped = wrapped; + // Apply the template, which may incorporate wrapped content, + return jQuery.tmpl( jQuery.template( call.tmpl ), call.data, options, call.item ); + } + + function tiHtml( filter, textOnly ) { + var wrapped = this._wrap; + return jQuery.map( + jQuery( jQuery.isArray( wrapped ) ? wrapped.join("") : wrapped ).filter( filter || "*" ), + function(e) { + return textOnly ? + e.innerText || e.textContent : + e.outerHTML || outerHtml(e); + }); + } + + function tiUpdate() { + var coll = this.nodes; + jQuery.tmpl( null, null, null, this).insertBefore( coll[0] ); + jQuery( coll ).remove(); + } +})( jQuery ); diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/converter/storage.js b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/storage.js new file mode 100644 index 0000000..46e572f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/converter/storage.js @@ -0,0 +1,70 @@ +(function() { + +var defaults = [ + { + type: "currency", + from: "USD", + to: "EUR" + }, + { + type: "currency", + from: "GBP", + to: "EUR" + } + // TODO add back in as defaults once its possible to add other conversions, not just currencies + /*, + { + type: "distance", + from: "Miles", + to: "Kilometer", + rate: 1.609344 + }, + { + type: "distance", + from: "inch", + to: "centimeter", + rate: 2.54 + }*/ +]; + +// TODO fallback to whatever else when localStorage isn't available +function get() { + return JSON.parse( localStorage.getItem( "conversions" ) ); +} +function set( value ) { + localStorage.setItem( "conversions", JSON.stringify( value ) ); +} + +var conversions = get( "conversions" ); +if ( !conversions ) { + conversions = defaults.slice(); + set( conversions ); +} +window.conversions = { + store: function() { + set( conversions ); + }, + all: function() { + return conversions; + }, + clear: function() { + conversions.length = 0; + this.store(); + }, + restore: function() { + conversions.length = 0; + $.extend( conversions, defaults ); + this.store(); + }, + remove: function( tofrom ) { + $.each( conversions, function( index, conversion ) { + if ( ( conversion.from + conversion.to ) === tofrom ) { + conversions.splice( index, 1 ); + return false; + } + }); + this.store(); + } +}; + +})(); diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/index.html b/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/index.html new file mode 100644 index 0000000..138651b --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/index.html @@ -0,0 +1,25 @@ + + + + + + Main Page + + + + + + + + + + +
    +

    Google maps view

    +
    +

    If you're linking to a map page with jQuery Mobile's Ajax behavior, be sure to load google maps in the first real page's head, since it uses document.write and can not be included in the data-role=page div like normal scripts can. View map

    +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/map.css b/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/map.css new file mode 100644 index 0000000..0bb9a86 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/map.css @@ -0,0 +1 @@ +.page-map, .ui-content, #map-canvas { width: 100%; height: 100%; padding: 0; } \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/map.html b/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/map.html new file mode 100644 index 0000000..290569f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/map.html @@ -0,0 +1,30 @@ + + + + + + Main Page + + + + + + + + + + +
    + + + +

    Map View

    +
    +
    + +
    +
    +
    + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/map.js b/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/map.js new file mode 100644 index 0000000..54d6a24 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/google-maps/map.js @@ -0,0 +1,48 @@ + +//thx @elroyjetson for the code example + +// When map page opens get location and display map +$('.page-map').live("pagecreate", function() { + + //boston :) + var lat = 42.35843, + lng = -71.059773; + + //try to get GPS coords + if( navigator.geolocation ) { + + //redirect function for successful location + function gpsSuccess(pos){ + if( pos.coords ){ + lat = pos.coords.latitude; + lng = pos.coords.longitude; + } + else{ + lat = pos.latitude; + lng = pos.longitude; + } + } + + function gpsFail(){ + //Geo-location is supported, but we failed to get your coordinates. Workaround here perhaps? + } + + navigator.geolocation.getCurrentPosition(gpsSuccess, gpsFail, {enableHighAccuracy:true, maximumAge: 300000}); + } + + /* + if not supported, you might attempt to use google loader for lat,long + $.getScript('http://www.google.com/jsapi?key=YOURAPIKEY',function(){ + lat = google.loader.ClientLocation.latitude; + lng = google.loader.ClientLocation.longitude; + }); + */ + + var latlng = new google.maps.LatLng(lat, lng); + var myOptions = { + zoom: 10, + center: latlng, + mapTypeId: google.maps.MapTypeId.ROADMAP + }; + var map = new google.maps.Map(document.getElementById("map-canvas"),myOptions); +}); diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/index.html b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/index.html new file mode 100644 index 0000000..ee5d914 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/index.html @@ -0,0 +1,67 @@ + + + + + + jQuery Mobile: Scrollview Demos and Tests + + + + + + + + + + + + + +
    +
    +

    jQuery Mobile Framework

    +

    A few examples tweaked to make use of the scrollview component.

    +

    Alpha Release

    +
    + + +
    + + diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/jquery.easing.1.3.js b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/jquery.easing.1.3.js new file mode 100644 index 0000000..ef74321 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/jquery.easing.1.3.js @@ -0,0 +1,205 @@ +/* + * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ + * + * Uses the built in easing capabilities added In jQuery 1.1 + * to offer multiple easing options + * + * TERMS OF USE - jQuery Easing + * + * Open source under the BSD License. + * + * Copyright © 2008 George McGinley Smith + * All rights reserved. + * + * Redistribution and use in source and binary forms, with or without modification, + * are permitted provided that the following conditions are met: + * + * Redistributions of source code must retain the above copyright notice, this list of + * conditions and the following disclaimer. + * Redistributions in binary form must reproduce the above copyright notice, this list + * of conditions and the following disclaimer in the documentation and/or other materials + * provided with the distribution. + * + * Neither the name of the author nor the names of contributors may be used to endorse + * or promote products derived from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF + * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE + * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE + * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED + * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING + * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED + * OF THE POSSIBILITY OF SUCH DAMAGE. + * +*/ + +// t: current time, b: begInnIng value, c: change In value, d: duration +jQuery.easing['jswing'] = jQuery.easing['swing']; + +jQuery.extend( jQuery.easing, +{ + def: 'easeOutQuad', + swing: function (x, t, b, c, d) { + //alert(jQuery.easing.default); + return jQuery.easing[jQuery.easing.def](x, t, b, c, d); + }, + easeInQuad: function (x, t, b, c, d) { + return c*(t/=d)*t + b; + }, + easeOutQuad: function (x, t, b, c, d) { + return -c *(t/=d)*(t-2) + b; + }, + easeInOutQuad: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t + b; + return -c/2 * ((--t)*(t-2) - 1) + b; + }, + easeInCubic: function (x, t, b, c, d) { + return c*(t/=d)*t*t + b; + }, + easeOutCubic: function (x, t, b, c, d) { + return c*((t=t/d-1)*t*t + 1) + b; + }, + easeInOutCubic: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t*t + b; + return c/2*((t-=2)*t*t + 2) + b; + }, + easeInQuart: function (x, t, b, c, d) { + return c*(t/=d)*t*t*t + b; + }, + easeOutQuart: function (x, t, b, c, d) { + return -c * ((t=t/d-1)*t*t*t - 1) + b; + }, + easeInOutQuart: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t*t*t + b; + return -c/2 * ((t-=2)*t*t*t - 2) + b; + }, + easeInQuint: function (x, t, b, c, d) { + return c*(t/=d)*t*t*t*t + b; + }, + easeOutQuint: function (x, t, b, c, d) { + return c*((t=t/d-1)*t*t*t*t + 1) + b; + }, + easeInOutQuint: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; + return c/2*((t-=2)*t*t*t*t + 2) + b; + }, + easeInSine: function (x, t, b, c, d) { + return -c * Math.cos(t/d * (Math.PI/2)) + c + b; + }, + easeOutSine: function (x, t, b, c, d) { + return c * Math.sin(t/d * (Math.PI/2)) + b; + }, + easeInOutSine: function (x, t, b, c, d) { + return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; + }, + easeInExpo: function (x, t, b, c, d) { + return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; + }, + easeOutExpo: function (x, t, b, c, d) { + return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; + }, + easeInOutExpo: function (x, t, b, c, d) { + if (t==0) return b; + if (t==d) return b+c; + if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; + return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; + }, + easeInCirc: function (x, t, b, c, d) { + return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; + }, + easeOutCirc: function (x, t, b, c, d) { + return c * Math.sqrt(1 - (t=t/d-1)*t) + b; + }, + easeInOutCirc: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; + return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; + }, + easeInElastic: function (x, t, b, c, d) { + var s=1.70158;var p=0;var a=c; + if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; + }, + easeOutElastic: function (x, t, b, c, d) { + var s=1.70158;var p=0;var a=c; + if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; + }, + easeInOutElastic: function (x, t, b, c, d) { + var s=1.70158;var p=0;var a=c; + if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; + return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; + }, + easeInBack: function (x, t, b, c, d, s) { + if (s == undefined) s = 1.70158; + return c*(t/=d)*t*((s+1)*t - s) + b; + }, + easeOutBack: function (x, t, b, c, d, s) { + if (s == undefined) s = 1.70158; + return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; + }, + easeInOutBack: function (x, t, b, c, d, s) { + if (s == undefined) s = 1.70158; + if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; + return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; + }, + easeInBounce: function (x, t, b, c, d) { + return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; + }, + easeOutBounce: function (x, t, b, c, d) { + if ((t/=d) < (1/2.75)) { + return c*(7.5625*t*t) + b; + } else if (t < (2/2.75)) { + return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; + } else if (t < (2.5/2.75)) { + return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; + } else { + return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; + } + }, + easeInOutBounce: function (x, t, b, c, d) { + if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; + return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; + } +}); + +/* + * + * TERMS OF USE - EASING EQUATIONS + * + * Open source under the BSD License. + * + * Copyright © 2001 Robert Penner + * All rights reserved. + * + * Redistribution and use in source and binary forms, with or without modification, + * are permitted provided that the following conditions are met: + * + * Redistributions of source code must retain the above copyright notice, this list of + * conditions and the following disclaimer. + * Redistributions in binary form must reproduce the above copyright notice, this list + * of conditions and the following disclaimer in the documentation and/or other materials + * provided with the distribution. + * + * Neither the name of the author nor the names of contributors may be used to endorse + * or promote products derived from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF + * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE + * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE + * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED + * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING + * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED + * OF THE POSSIBILITY OF SUCH DAMAGE. + * + */ \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/jquery.mobile.scrollview.css b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/jquery.mobile.scrollview.css new file mode 100644 index 0000000..f7e0552 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/jquery.mobile.scrollview.css @@ -0,0 +1,66 @@ +@charset "utf-8"; + +.ui-scrollview-clip { + position: relative; +} + +.ui-scrollview-view { +} + +.ui-scrolllistview .ui-li-divider { + z-index: 10; +} + +.ui-scrollbar { + position: absolute; + overflow: hidden; + + opacity: 0; + -webkit-transition: opacity 500ms; + -moz-transition: opacity 500ms; + transition: opacity 500ms; +} + +.ui-scrollbar-visible { + opacity: 1; +} + +.ui-scrollbar-y { + top: 2px; + right: 2px; + bottom: 8px; + width: 5px; +} + +.ui-scrollbar-x { + right: 8px; + bottom: 2px; + left: 2px; + height: 5px; +} + +.ui-scrollbar-track { + position: relative; + width: 100%; + height: 100%; +} + +.ui-scrollbar-thumb { + position: absolute; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.3); + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} + +.ui-scrollbar-y .ui-scrollbar-thumb { + width: 5px; + height: 100%; +} + +.ui-scrollbar-x .ui-scrollbar-thumb { + width: 100%; + height: 5px; +} diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/jquery.mobile.scrollview.js b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/jquery.mobile.scrollview.js new file mode 100644 index 0000000..b190c70 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/jquery.mobile.scrollview.js @@ -0,0 +1,802 @@ +/* +* jQuery Mobile Framework : scrollview plugin +* Copyright (c) 2010 Adobe Systems Incorporated - Kin Blas (jblas@adobe.com) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +* Note: Code is in draft form and is subject to change +*/ +(function($,window,document,undefined){ + +jQuery.widget( "mobile.scrollview", jQuery.mobile.widget, { + options: { + fps: 60, // Frames per second in msecs. + direction: null, // "x", "y", or null for both. + + scrollDuration: 2000, // Duration of the scrolling animation in msecs. + overshootDuration: 250, // Duration of the overshoot animation in msecs. + snapbackDuration: 500, // Duration of the snapback animation in msecs. + + moveThreshold: 10, // User must move this many pixels in any direction to trigger a scroll. + moveIntervalThreshold: 150, // Time between mousemoves must not exceed this threshold. + + scrollMethod: "translate", // "translate", "position", "scroll" + + startEventName: "scrollstart", + updateEventName: "scrollupdate", + stopEventName: "scrollstop", + + eventType: $.support.touch ? "touch" : "mouse", + + showScrollBars: true, + + pagingEnabled: false, + delayedClickSelector: "a,input,textarea,select,button,.ui-btn", + delayedClickEnabled: false + }, + + _makePositioned: function($ele) + { + if ($ele.css("position") == "static") + $ele.css("position", "relative"); + }, + + _create: function() + { + this._$clip = $(this.element).addClass("ui-scrollview-clip"); + var $child = this._$clip.children(); + if ($child.length > 1) { + $child = this._$clip.wrapInner("
    ").children(); + } + this._$view = $child.addClass("ui-scrollview-view"); + + this._$clip.css("overflow", this.options.scrollMethod === "scroll" ? "scroll" : "hidden"); + this._makePositioned(this._$clip); + + this._$view.css("overflow", "hidden"); + + // Turn off our faux scrollbars if we are using native scrolling + // to position the view. + + this.options.showScrollBars = this.options.scrollMethod === "scroll" ? false : this.options.showScrollBars; + + // We really don't need this if we are using a translate transformation + // for scrolling. We set it just in case the user wants to switch methods + // on the fly. + + this._makePositioned(this._$view); + this._$view.css({ left: 0, top: 0 }); + + this._sx = 0; + this._sy = 0; + + var direction = this.options.direction; + this._hTracker = (direction !== "y") ? new MomentumTracker(this.options) : null; + this._vTracker = (direction !== "x") ? new MomentumTracker(this.options) : null; + + this._timerInterval = 1000/this.options.fps; + this._timerID = 0; + + var self = this; + this._timerCB = function(){ self._handleMomentumScroll(); }; + + this._addBehaviors(); + }, + + _startMScroll: function(speedX, speedY) + { + this._stopMScroll(); + this._showScrollBars(); + + var keepGoing = false; + var duration = this.options.scrollDuration; + + this._$clip.trigger(this.options.startEventName); + + var ht = this._hTracker; + if (ht) + { + var c = this._$clip.width(); + var v = this._$view.width(); + ht.start(this._sx, speedX, duration, (v > c) ? -(v - c) : 0, 0); + keepGoing = !ht.done(); + } + + var vt = this._vTracker; + if (vt) + { + var c = this._$clip.height(); + var v = this._$view.height(); + vt.start(this._sy, speedY, duration, (v > c) ? -(v - c) : 0, 0); + keepGoing = keepGoing || !vt.done(); + } + + if (keepGoing) + this._timerID = setTimeout(this._timerCB, this._timerInterval); + else + this._stopMScroll(); + }, + + _stopMScroll: function() + { + if (this._timerID) + { + this._$clip.trigger(this.options.stopEventName); + clearTimeout(this._timerID); + } + this._timerID = 0; + + if (this._vTracker) + this._vTracker.reset(); + + if (this._hTracker) + this._hTracker.reset(); + + this._hideScrollBars(); + }, + + _handleMomentumScroll: function() + { + var keepGoing = false; + var v = this._$view; + + var x = 0, y = 0; + + var vt = this._vTracker; + if (vt) + { + vt.update(); + y = vt.getPosition(); + keepGoing = !vt.done(); + } + + var ht = this._hTracker; + if (ht) + { + ht.update(); + x = ht.getPosition(); + keepGoing = keepGoing || !ht.done(); + } + + this._setScrollPosition(x, y); + this._$clip.trigger(this.options.updateEventName, [ { x: x, y: y } ]); + + if (keepGoing) + this._timerID = setTimeout(this._timerCB, this._timerInterval); + else + this._stopMScroll(); + }, + + _setScrollPosition: function(x, y) + { + this._sx = x; + this._sy = y; + + var $v = this._$view; + + var sm = this.options.scrollMethod; + + switch (sm) + { + case "translate": + setElementTransform($v, x + "px", y + "px"); + break; + case "position": + $v.css({left: x + "px", top: y + "px"}); + break; + case "scroll": + var c = this._$clip[0]; + c.scrollLeft = -x; + c.scrollTop = -y; + break; + } + + var $vsb = this._$vScrollBar; + var $hsb = this._$hScrollBar; + + if ($vsb) + { + var $sbt = $vsb.find(".ui-scrollbar-thumb"); + if (sm === "translate") + setElementTransform($sbt, "0px", -y/$v.height() * $sbt.parent().height() + "px"); + else + $sbt.css("top", -y/$v.height()*100 + "%"); + } + + if ($hsb) + { + var $sbt = $hsb.find(".ui-scrollbar-thumb"); + if (sm === "translate") + setElementTransform($sbt, -x/$v.width() * $sbt.parent().width() + "px", "0px"); + else + $sbt.css("left", -x/$v.width()*100 + "%"); + } + }, + + scrollTo: function(x, y, duration) + { + this._stopMScroll(); + if (!duration) + return this._setScrollPosition(x, y); + + x = -x; + y = -y; + + var self = this; + var start = getCurrentTime(); + var efunc = $.easing["easeOutQuad"]; + var sx = this._sx; + var sy = this._sy; + var dx = x - sx; + var dy = y - sy; + var tfunc = function(){ + var elapsed = getCurrentTime() - start; + if (elapsed >= duration) + { + self._timerID = 0; + self._setScrollPosition(x, y); + } + else + { + var ec = efunc(elapsed/duration, elapsed, 0, 1, duration); + self._setScrollPosition(sx + (dx * ec), sy + (dy * ec)); + self._timerID = setTimeout(tfunc, self._timerInterval); + } + }; + + this._timerID = setTimeout(tfunc, this._timerInterval); + }, + + getScrollPosition: function() + { + return { x: -this._sx, y: -this._sy }; + }, + + _getScrollHierarchy: function() + { + var svh = []; + this._$clip.parents(".ui-scrollview-clip").each(function(){ + var d = $(this).jqmData("scrollview"); + if (d) svh.unshift(d); + }); + return svh; + }, + + _getAncestorByDirection: function(dir) + { + var svh = this._getScrollHierarchy(); + var n = svh.length; + while (0 < n--) + { + var sv = svh[n]; + var svdir = sv.options.direction; + + if (!svdir || svdir == dir) + return sv; + } + return null; + }, + + _handleDragStart: function(e, ex, ey) + { + // Stop any scrolling of elements in our parent hierarcy. + $.each(this._getScrollHierarchy(),function(i,sv){ sv._stopMScroll(); }); + this._stopMScroll(); + + var c = this._$clip; + var v = this._$view; + + if (this.options.delayedClickEnabled) { + this._$clickEle = $(e.target).closest(this.options.delayedClickSelector); + } + this._lastX = ex; + this._lastY = ey; + this._doSnapBackX = false; + this._doSnapBackY = false; + this._speedX = 0; + this._speedY = 0; + this._directionLock = ""; + this._didDrag = false; + + if (this._hTracker) + { + var cw = parseInt(c.css("width"), 10); + var vw = parseInt(v.css("width"), 10); + this._maxX = cw - vw; + if (this._maxX > 0) this._maxX = 0; + if (this._$hScrollBar) + this._$hScrollBar.find(".ui-scrollbar-thumb").css("width", (cw >= vw ? "100%" : Math.floor(cw/vw*100)+ "%")); + } + + if (this._vTracker) + { + var ch = parseInt(c.css("height"), 10); + var vh = parseInt(v.css("height"), 10); + this._maxY = ch - vh; + if (this._maxY > 0) this._maxY = 0; + if (this._$vScrollBar) + this._$vScrollBar.find(".ui-scrollbar-thumb").css("height", (ch >= vh ? "100%" : Math.floor(ch/vh*100)+ "%")); + } + + var svdir = this.options.direction; + + this._pageDelta = 0; + this._pageSize = 0; + this._pagePos = 0; + + if (this.options.pagingEnabled && (svdir === "x" || svdir === "y")) + { + this._pageSize = svdir === "x" ? cw : ch; + this._pagePos = svdir === "x" ? this._sx : this._sy; + this._pagePos -= this._pagePos % this._pageSize; + } + this._lastMove = 0; + this._enableTracking(); + + // If we're using mouse events, we need to prevent the default + // behavior to suppress accidental selection of text, etc. We + // can't do this on touch devices because it will disable the + // generation of "click" events. + // + // XXX: We should test if this has an effect on links! - kin + + if (this.options.eventType == "mouse" || this.options.delayedClickEnabled) + e.preventDefault(); + e.stopPropagation(); + }, + + _propagateDragMove: function(sv, e, ex, ey, dir) + { + this._hideScrollBars(); + this._disableTracking(); + sv._handleDragStart(e,ex,ey); + sv._directionLock = dir; + sv._didDrag = this._didDrag; + }, + + _handleDragMove: function(e, ex, ey) + { + this._lastMove = getCurrentTime(); + + var v = this._$view; + + var dx = ex - this._lastX; + var dy = ey - this._lastY; + var svdir = this.options.direction; + + if (!this._directionLock) + { + var x = Math.abs(dx); + var y = Math.abs(dy); + var mt = this.options.moveThreshold; + + if (x < mt && y < mt) { + return false; + } + + var dir = null; + var r = 0; + if (x < y && (x/y) < 0.5) { + dir = "y"; + } + else if (x > y && (y/x) < 0.5) { + dir = "x"; + } + + if (svdir && dir && svdir != dir) + { + // This scrollview can't handle the direction the user + // is attempting to scroll. Find an ancestor scrollview + // that can handle the request. + + var sv = this._getAncestorByDirection(dir); + if (sv) + { + this._propagateDragMove(sv, e, ex, ey, dir); + return false; + } + } + + this._directionLock = svdir ? svdir : (dir ? dir : "none"); + } + + var newX = this._sx; + var newY = this._sy; + + if (this._directionLock !== "y" && this._hTracker) + { + var x = this._sx; + this._speedX = dx; + newX = x + dx; + + // Simulate resistance. + + this._doSnapBackX = false; + if (newX > 0 || newX < this._maxX) + { + if (this._directionLock === "x") + { + var sv = this._getAncestorByDirection("x"); + if (sv) + { + this._setScrollPosition(newX > 0 ? 0 : this._maxX, newY); + this._propagateDragMove(sv, e, ex, ey, dir); + return false; + } + } + newX = x + (dx/2); + this._doSnapBackX = true; + } + } + + if (this._directionLock !== "x" && this._vTracker) + { + var y = this._sy; + this._speedY = dy; + newY = y + dy; + + // Simulate resistance. + + this._doSnapBackY = false; + if (newY > 0 || newY < this._maxY) + { + if (this._directionLock === "y") + { + var sv = this._getAncestorByDirection("y"); + if (sv) + { + this._setScrollPosition(newX, newY > 0 ? 0 : this._maxY); + this._propagateDragMove(sv, e, ex, ey, dir); + return false; + } + } + + newY = y + (dy/2); + this._doSnapBackY = true; + } + + } + + if (this.options.pagingEnabled && (svdir === "x" || svdir === "y")) + { + if (this._doSnapBackX || this._doSnapBackY) + this._pageDelta = 0; + else + { + var opos = this._pagePos; + var cpos = svdir === "x" ? newX : newY; + var delta = svdir === "x" ? dx : dy; + + this._pageDelta = (opos > cpos && delta < 0) ? this._pageSize : ((opos < cpos && delta > 0) ? -this._pageSize : 0); + } + } + + this._didDrag = true; + this._lastX = ex; + this._lastY = ey; + + this._setScrollPosition(newX, newY); + + this._showScrollBars(); + + // Call preventDefault() to prevent touch devices from + // scrolling the main window. + + // e.preventDefault(); + + return false; + }, + + _handleDragStop: function(e) + { + var l = this._lastMove; + var t = getCurrentTime(); + var doScroll = l && (t - l) <= this.options.moveIntervalThreshold; + + var sx = (this._hTracker && this._speedX && doScroll) ? this._speedX : (this._doSnapBackX ? 1 : 0); + var sy = (this._vTracker && this._speedY && doScroll) ? this._speedY : (this._doSnapBackY ? 1 : 0); + + var svdir = this.options.direction; + if (this.options.pagingEnabled && (svdir === "x" || svdir === "y") && !this._doSnapBackX && !this._doSnapBackY) + { + var x = this._sx; + var y = this._sy; + if (svdir === "x") + x = -this._pagePos + this._pageDelta; + else + y = -this._pagePos + this._pageDelta; + + this.scrollTo(x, y, this.options.snapbackDuration); + } + else if (sx || sy) + this._startMScroll(sx, sy); + else + this._hideScrollBars(); + + this._disableTracking(); + + if (!this._didDrag && this.options.delayedClickEnabled && this._$clickEle.length) { + this._$clickEle + .trigger("mousedown") + //.trigger("focus") + .trigger("mouseup") + .trigger("click"); + } + + // If a view scrolled, then we need to absorb + // the event so that links etc, underneath our + // cursor/finger don't fire. + + return this._didDrag ? false : undefined; + }, + + _enableTracking: function() + { + $(document).bind(this._dragMoveEvt, this._dragMoveCB); + $(document).bind(this._dragStopEvt, this._dragStopCB); + }, + + _disableTracking: function() + { + $(document).unbind(this._dragMoveEvt, this._dragMoveCB); + $(document).unbind(this._dragStopEvt, this._dragStopCB); + }, + + _showScrollBars: function() + { + var vclass = "ui-scrollbar-visible"; + if (this._$vScrollBar) this._$vScrollBar.addClass(vclass); + if (this._$hScrollBar) this._$hScrollBar.addClass(vclass); + }, + + _hideScrollBars: function() + { + var vclass = "ui-scrollbar-visible"; + if (this._$vScrollBar) this._$vScrollBar.removeClass(vclass); + if (this._$hScrollBar) this._$hScrollBar.removeClass(vclass); + }, + + _addBehaviors: function() + { + var self = this; + if (this.options.eventType === "mouse") + { + this._dragStartEvt = "mousedown"; + this._dragStartCB = function(e){ return self._handleDragStart(e, e.clientX, e.clientY); }; + + this._dragMoveEvt = "mousemove"; + this._dragMoveCB = function(e){ return self._handleDragMove(e, e.clientX, e.clientY); }; + + this._dragStopEvt = "mouseup"; + this._dragStopCB = function(e){ return self._handleDragStop(e); }; + } + else // "touch" + { + this._dragStartEvt = "touchstart"; + this._dragStartCB = function(e) + { + var t = e.originalEvent.targetTouches[0]; + return self._handleDragStart(e, t.pageX, t.pageY); + }; + + this._dragMoveEvt = "touchmove"; + this._dragMoveCB = function(e) + { + var t = e.originalEvent.targetTouches[0]; + return self._handleDragMove(e, t.pageX, t.pageY); + }; + + this._dragStopEvt = "touchend"; + this._dragStopCB = function(e){ return self._handleDragStop(e); }; + } + + this._$view.bind(this._dragStartEvt, this._dragStartCB); + + if (this.options.showScrollBars) + { + var $c = this._$clip; + var prefix = "
    "; + if (this._vTracker) + { + $c.append(prefix + "y" + suffix); + this._$vScrollBar = $c.children(".ui-scrollbar-y"); + } + if (this._hTracker) + { + $c.append(prefix + "x" + suffix); + this._$hScrollBar = $c.children(".ui-scrollbar-x"); + } + } + } +}); + +function setElementTransform($ele, x, y) +{ + var v = "translate3d(" + x + "," + y + ", 0px)"; + $ele.css({ + "-moz-transform": v, + "-webkit-transform": v, + "transform": v + }); +} + + +function MomentumTracker(options) +{ + this.options = $.extend({}, options); + this.easing = "easeOutQuad"; + this.reset(); +} + +var tstates = { + scrolling: 0, + overshot: 1, + snapback: 2, + done: 3 +}; + +function getCurrentTime() { return (new Date()).getTime(); } + +$.extend(MomentumTracker.prototype, { + start: function(pos, speed, duration, minPos, maxPos) + { + this.state = (speed != 0) ? ((pos < minPos || pos > maxPos) ? tstates.snapback : tstates.scrolling) : tstates.done; + this.pos = pos; + this.speed = speed; + this.duration = (this.state == tstates.snapback) ? this.options.snapbackDuration : duration; + this.minPos = minPos; + this.maxPos = maxPos; + + this.fromPos = (this.state == tstates.snapback) ? this.pos : 0; + this.toPos = (this.state == tstates.snapback) ? ((this.pos < this.minPos) ? this.minPos : this.maxPos) : 0; + + this.startTime = getCurrentTime(); + }, + + reset: function() + { + this.state = tstates.done; + this.pos = 0; + this.speed = 0; + this.minPos = 0; + this.maxPos = 0; + this.duration = 0; + }, + + update: function() + { + var state = this.state; + if (state == tstates.done) + return this.pos; + + var duration = this.duration; + var elapsed = getCurrentTime() - this.startTime; + elapsed = elapsed > duration ? duration : elapsed; + + if (state == tstates.scrolling || state == tstates.overshot) + { + var dx = this.speed * (1 - $.easing[this.easing](elapsed/duration, elapsed, 0, 1, duration)); + + var x = this.pos + dx; + + var didOverShoot = (state == tstates.scrolling) && (x < this.minPos || x > this.maxPos); + if (didOverShoot) + x = (x < this.minPos) ? this.minPos : this.maxPos; + + this.pos = x; + + if (state == tstates.overshot) + { + if (elapsed >= duration) + { + this.state = tstates.snapback; + this.fromPos = this.pos; + this.toPos = (x < this.minPos) ? this.minPos : this.maxPos; + this.duration = this.options.snapbackDuration; + this.startTime = getCurrentTime(); + elapsed = 0; + } + } + else if (state == tstates.scrolling) + { + if (didOverShoot) + { + this.state = tstates.overshot; + this.speed = dx / 2; + this.duration = this.options.overshootDuration; + this.startTime = getCurrentTime(); + } + else if (elapsed >= duration) + this.state = tstates.done; + } + } + else if (state == tstates.snapback) + { + if (elapsed >= duration) + { + this.pos = this.toPos; + this.state = tstates.done; + } + else + this.pos = this.fromPos + ((this.toPos - this.fromPos) * $.easing[this.easing](elapsed/duration, elapsed, 0, 1, duration)); + } + + return this.pos; + }, + + done: function() { return this.state == tstates.done; }, + getPosition: function(){ return this.pos; } +}); + +jQuery.widget( "mobile.scrolllistview", jQuery.mobile.scrollview, { + options: { + direction: "y" + }, + + _create: function() { + $.mobile.scrollview.prototype._create.call(this); + + // Cache the dividers so we don't have to search for them everytime the + // view is scrolled. + // + // XXX: Note that we need to update this cache if we ever support lists + // that can dynamically update their content. + + this._$dividers = this._$view.find(":jqmData(role='list-divider')"); + this._lastDivider = null; + }, + + _setScrollPosition: function(x, y) + { + // Let the view scroll like it normally does. + + $.mobile.scrollview.prototype._setScrollPosition.call(this, x, y); + + y = -y; + + // Find the dividers for the list. + + var $divs = this._$dividers; + var cnt = $divs.length; + var d = null; + var dy = 0; + var nd = null; + + for (var i = 0; i < cnt; i++) + { + nd = $divs.get(i); + var t = nd.offsetTop; + if (y >= t) + { + d = nd; + dy = t; + } + else if (d) + break; + } + + // If we found a divider to move position it at the top of the + // clip view. + + if (d) + { + var h = d.offsetHeight; + var mxy = (d != nd) ? nd.offsetTop : (this._$view.get(0).offsetHeight); + if (y + h >= mxy) + y = (mxy - h) - dy; + else + y = y - dy; + + // XXX: Need to convert this over to using $().css() and supporting the non-transform case. + + var ld = this._lastDivider; + if (ld && d != ld) { + setElementTransform($(ld), 0, 0); + } + setElementTransform($(d), 0, y + "px"); + this._lastDivider = d; + + } + } +}); + +})(jQuery,window,document); // End Component diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/lists-divider.html b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/lists-divider.html new file mode 100644 index 0000000..9a9ea0b --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/lists-divider.html @@ -0,0 +1,152 @@ + + + + + + jQuery Mobile Docs - Lists + + + + + + + + + + + + + +
    + +
    +

    List dividers

    +
    + +
    + +
    +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/scrollview-direction.html b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/scrollview-direction.html new file mode 100644 index 0000000..26859af --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/scrollview-direction.html @@ -0,0 +1,779 @@ + + + + + + jQuery Mobile Docs - Lists + + + + + + + + + + + + + +
    + +
    +

    Scroll View Direction Locking

    +
    + +
    +

    Scrollview

    +

    To turn an element into a scrollview, simply add a data-scroll="true" to the element. By default, a scrollview can scroll in both the horizontal and vertical directions. If the user drags the view horizontally (left or right), or vertically (up or down), scrolling will be locked so that it only scrolls in that one dimension. If the user drags the view diagonally, he will be able to scroll in both directions at the same time.

    +
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    +

    When there are nested scrollviews, if the user drags in a single dimension and hits either end of the view, the drag will be propagated up to the next outer scrollview that can handle a drag in that dimension. So for example, if you drag the scrollview above so that it reaches the top of its view, the entire page will start to scroll upward if you continue dragging. This is because the drag was propagated from the scrollview with the letters in it, out to the scrollview containing the entire content for the page.

    +

    Horizontal Scrollview

    +

    A scrollview can be set up so that it only scrolls in the horizontal direction. Simply place a data-scroll="x" on the element you want to scroll:

    +
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    +

    Vertical Scrollview

    +

    A scrollview can be set up so that it only scrolls in the vertical direction. Simply place a data-scroll="y" on the element you want to scroll:

    +
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    +

    Scrollview Paging

    +

    A scrollview can be set up so that it scrolls by pages. This feature is only enabled for horizontal or vertical scrollviews. Use data-scroll="xp" or data-scroll="yp" to turn on paging. The following scrollview pages horizontally.

    +
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    z
    +
    0
    +
    1
    +
    2
    +
    3
    +
    4
    +
    5
    +
    6
    +
    7
    +
    8
    +
    9
    +
    a
    +
    b
    +
    c
    +
    d
    +
    e
    +
    f
    +
    g
    +
    h
    +
    i
    +
    j
    +
    k
    +
    l
    +
    m
    +
    n
    +
    o
    +
    p
    +
    q
    +
    r
    +
    s
    +
    t
    +
    u
    +
    v
    +
    w
    +
    x
    +
    y
    +
    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

     

    +

    +
    +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/scrollview-nested.html b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/scrollview-nested.html new file mode 100644 index 0000000..35f8285 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/scrollview-nested.html @@ -0,0 +1,166 @@ + + + + + + jQuery Mobile Docs - Lists + + + + + + + + + + + + + +
    + +
    +

    Nested Scrollviews

    +
    + +
    +

    Example 1

    +

    In the following example the #4 is actually a vertical scrollview embedded within a horizontal scrollview.

    +
    +
    +
    1
    +
    2
    +
    3
    +
    +
    +
    4
    +
    A
    +
    B
    +
    +
    +
    C
    +
    @
    +
    #
    +
    $
    +
    %
    +
    &
    +
    *
    +
    +
    +
    D
    +
    E
    +
    F
    +
    +
    +
    5
    +
    6
    +
    7
    +
    +
    +

    Example 2

    +

    In the following example the #4 is actually a nested horizontal scrollview embedded within a horizontal scrollview. The idea here is that if you drag-scroll the nested scrollview, once it reaches either end of its view, it should start scrolling the outer view.

    +
    +
    +
    1
    +
    2
    +
    3
    +
    +
    +
    4
    +
    A
    +
    B
    +
    C
    +
    D
    +
    E
    +
    F
    +
    +
    +
    5
    +
    6
    +
    7
    +
    +
    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

     

    +

    +
    +
    + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/scrollview.js b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/scrollview.js new file mode 100644 index 0000000..cac968e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/scrollview.js @@ -0,0 +1,55 @@ +function ResizePageContentHeight(page) { + var $page = $(page), + $content = $page.children( ".ui-content" ), + hh = $page.children( ".ui-header" ).outerHeight() || 0, + fh = $page.children( ".ui-footer" ).outerHeight() || 0, + pt = parseFloat($content.css( "padding-top" )), + pb = parseFloat($content.css( "padding-bottom" )), + wh = window.innerHeight; + + $content.height(wh - (hh + fh) - (pt + pb)); +} + +$( ":jqmData(role='page')" ).live( "pageshow", function(event) { + var $page = $( this ); + + // For the demos that use this script, we want the content area of each + // page to be scrollable in the 'y' direction. + + $page.find( ".ui-content" ).attr( "data-" + $.mobile.ns + "scroll", "y" ); + + // This code that looks for [data-scroll] will eventually be folded + // into the jqm page processing code when scrollview support is "official" + // instead of "experimental". + + $page.find( ":jqmData(scroll):not(.ui-scrollview-clip)" ).each(function () { + var $this = $( this ); + // XXX: Remove this check for ui-scrolllistview once we've + // integrated list divider support into the main scrollview class. + if ( $this.hasClass( "ui-scrolllistview" ) ) { + $this.scrolllistview(); + } else { + var st = $this.jqmData( "scroll" ) + "", + paging = st && st.search(/^[xy]p$/) != -1, + dir = st && st.search(/^[xy]/) != -1 ? st.charAt(0) : null, + + opts = { + direction: dir || undefined, + paging: paging || undefined, + scrollMethod: $this.jqmData("scroll-method") || undefined + }; + + $this.scrollview( opts ); + } + }); + + // For the demos, we want to make sure the page being shown has a content + // area that is sized to fit completely within the viewport. This should + // also handle the case where pages are loaded dynamically. + + ResizePageContentHeight( event.target ); +}); + +$( window ).bind( "orientationchange", function( event ) { + ResizePageContentHeight( $( ".ui-page" ) ); +}); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/sv-test-01.html b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/sv-test-01.html new file mode 100644 index 0000000..4c60b94 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/sv-test-01.html @@ -0,0 +1,253 @@ + + + + + +Scrollview Test 1 - Form Element Event Test + + + + + + + + +
    +
    +

    Form Element Event Test

    +
    + + +
    +

    The form elements on this page are wrapped by a special div that has event handlers for touchstart, touchmove and touchstop. The checkboxes below control how the event within these handlers is treated when they fire. Use this page to figure out how the various event treatments impact the form elements on you mobile device, then add to the notes at the bottom of the page.

    +

    All scrolling on this page is performed by the native viewport, there are no scrollviews on this page.

    +
    +
    + + + + + + + + + + + + +
    +
    +
    +
    +

    Form elements

    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    + Choose as many snacks as you'd like: + + + + + + + + +
    +
    +
    +
    + Font styling: + + + + + + +
    +
    +
    +
    + Choose a pet: + + + + + + + + +
    +
    +
    +
    + Layout view: + + + + + + +
    +
    +
    + + +
    +
    + + +
    +
    +
    +
    + +
    +
    + +
    +
    +
    +
    +
    +

    Notes

    +
      +
    • iOS +
        +
      • None
        • +
      +
      • +
    • Android +
        +
      • HTC Incredible - Android 2.1 (HTC Sense) +
          +
        • Calling preventDefault() on the touchstart event prevents te following elements from working properly: +
            +
          • Textfield
            • +
          • Textarea
            • +
          • Checkbox
            • +
          • Radio
            • +
          • Button
            • +
          +
          • +
        +
        • +
      • Motorola Droid X - Android 2.2 ()
        • +
      +
      • +
    • Black Berry OS 6 +
        +
      • None
        • +
      +
      • +
    +
    + +
    + + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/sv-test-02.html b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/sv-test-02.html new file mode 100644 index 0000000..a4ab487 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/scrollview/sv-test-02.html @@ -0,0 +1,241 @@ + + + + + + Scrollview Test 02 - Scrollview Events Test + + + + + + + + + + + + + +
    +
    +

    Scroll View Events Test

    +
    + + +
    +

    Test

    +

    This page wraps the _handleDragStart, _handleDragMove, and _handleDragStop events of the scrollview widget so that the checkboxes below can determine how the native event is treated. You can use this page to figure out what events need to be caught and what special treatment is necessary to prevent native scrolling. You can also test the effect of that treatment on form elements within the sample scrollview.

    +
    + + +
    + +
    + + +
    + +
    +
    + + + + + + + + + + + + +
    +
    +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    +
    + + + + +
    +
    + +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

     

    +

    +
    +

    Disabling Native Scrolling

    +

    In order to get faux scrolling to work, we need to prevent the native viewport scrolling from happening. Unfortunately the way you prevent this from happening differs on some mobile webkit platforms. Below is a table that shows what event needs to be caught, and what methods (preventDefault() and/or stopPropagation()) need to be called on that event to prevent native scrolling. + + + + + + + + + + + +
    Device/OSD-PDD-SPM-PDM-SPU-PDU-SP
    iOS 3.2X
    DroidX/Android 2.2X
    HTC Incredible/Android 2.1XX
    BB Torch/OS 6X
    +

    Notes

    +
      +
    • The HTC Incredible seems to have a bug that triggers occassionally, where timers will be suspended until the viewport is scrolled.
      • +
    • On Android devices, calling preventDefault() on the touchstart event, prevents form elements from getting click events and focus.
      • +
    • On iOS, clicking and dragging within a form element (like textfield/textarea) will always cause the viewport to scroll, event if preventDefault() and stopPropagation() are called on both touchstart and touchmove events.
      • +
    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui.Donec non enim in turpis pulvinar facilisis. Ut felis.

    +

     

    +

    +
    + +
    + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/themeswitcher/jquery.mobile.themeswitcher.js b/libs/js/jquery-mobile-1.0.1pre/experiments/themeswitcher/jquery.mobile.themeswitcher.js new file mode 100644 index 0000000..91e7642 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/themeswitcher/jquery.mobile.themeswitcher.js @@ -0,0 +1,37 @@ +//quick & dirty theme switcher, written to potentially work as a bookmarklet +(function($){ + $.themeswitcher = function(){ + if( $('[data-'+ $.mobile.ns +'-url=themeswitcher]').length ){ return; } + var themesDir = 'http://jquerymobile.com/test/css/themes/', + themes = ['default','valencia'], + currentPage = $.mobile.activePage, + menuPage = $( '
    ' + + '
    ' + + '
    Switch Theme:
    '+ + '
    '+ + '
      '+ + '
      ' ) + .appendTo( $.mobile.pageContainer ), + menu = menuPage.find('ul'); + + //menu items + $.each(themes, function( i ){ + $('
    • ' + themes[ i ].charAt(0).toUpperCase() + themes[ i ].substr(1) + '
      • ') + .bind("vclick", function(){ + addTheme( themes[i] ); + menuPage.dialog( "close" ); + return false; + }) + .appendTo(menu); + }); + + //remover, adder + function addTheme(theme){ + $('head').append( '' ); + } + + //create page, listview + menuPage.page(); + + }; +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/experiments/weather/index.php b/libs/js/jquery-mobile-1.0.1pre/experiments/weather/index.php new file mode 100644 index 0000000..c61080a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/experiments/weather/index.php @@ -0,0 +1,89 @@ +xpath("/xml_api_reply/weather/forecast_information"); +$current = $xml->xpath("/xml_api_reply/weather/current_conditions"); +$forecast_list = $xml->xpath("/xml_api_reply/weather/forecast_conditions"); +?> + + + + + + jQuery Mobile Framework - Weather for <?php echo $information[0]->city['data']; ?> + + + + + + + + +
      + +
      + + + +
      + + +
      +

      Currently in city['data']; ?>:

      +
      + + weather +

      + temp_f['data']; ?>° F, + condition['data']; ?> + +

      +
      + + +
        +
      • This week's forecast
        • + + +
      • + +

        day_of_week['data']; ?>

        +

        + low['data']; ?>° F - high['data']; ?>° F, + condition['data']; ?> +

        +
        • + + +
      +
      + + +
      + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/external/qunit.css b/libs/js/jquery-mobile-1.0.1pre/external/qunit.css new file mode 100644 index 0000000..705ec9c --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/external/qunit.css @@ -0,0 +1,231 @@ +/** + * QUnit - A JavaScript Unit Testing Framework + * + * http://docs.jquery.com/QUnit + * + * Copyright (c) 2011 John Resig, Jörn Zaefferer + * Dual licensed under the MIT (MIT-LICENSE.txt) + * or GPL (GPL-LICENSE.txt) licenses. + */ + +/** Font Family and Sizes */ + +#qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult { + font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif; +} + +#qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; } +#qunit-tests { font-size: smaller; } + + +/** Resets */ + +#qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult { + margin: 0; + padding: 0; +} + + +/** Header */ + +#qunit-header { + padding: 0.5em 0 0.5em 1em; + + color: #8699a4; + background-color: #0d3349; + + font-size: 1.5em; + line-height: 1em; + font-weight: normal; + + border-radius: 15px 15px 0 0; + -moz-border-radius: 15px 15px 0 0; + -webkit-border-top-right-radius: 15px; + -webkit-border-top-left-radius: 15px; +} + +#qunit-header a { + text-decoration: none; + color: #c2ccd1; +} + +#qunit-header a:hover, +#qunit-header a:focus { + color: #fff; +} + +#qunit-banner { + height: 5px; +} + +#qunit-testrunner-toolbar { + padding: 0.5em 0 0.5em 2em; + color: #5E740B; + background-color: #eee; +} + +#qunit-userAgent { + padding: 0.5em 0 0.5em 2.5em; + background-color: #2b81af; + color: #fff; + text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px; +} + + +/** Tests: Pass/Fail */ + +#qunit-tests { + list-style-position: inside; +} + +#qunit-tests li { + padding: 0.4em 0.5em 0.4em 2.5em; + border-bottom: 1px solid #fff; + list-style-position: inside; +} + +#qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running { + display: none; +} + +#qunit-tests li strong { + cursor: pointer; +} + +#qunit-tests li a { + padding: 0.5em; + color: #c2ccd1; + text-decoration: none; +} +#qunit-tests li a:hover, +#qunit-tests li a:focus { + color: #000; +} + +#qunit-tests ol { + margin-top: 0.5em; + padding: 0.5em; + + background-color: #fff; + + border-radius: 15px; + -moz-border-radius: 15px; + -webkit-border-radius: 15px; + + box-shadow: inset 0px 2px 13px #999; + -moz-box-shadow: inset 0px 2px 13px #999; + -webkit-box-shadow: inset 0px 2px 13px #999; +} + +#qunit-tests table { + border-collapse: collapse; + margin-top: .2em; +} + +#qunit-tests th { + text-align: right; + vertical-align: top; + padding: 0 .5em 0 0; +} + +#qunit-tests td { + vertical-align: top; +} + +#qunit-tests pre { + margin: 0; + white-space: pre-wrap; + word-wrap: break-word; +} + +#qunit-tests del { + background-color: #e0f2be; + color: #374e0c; + text-decoration: none; +} + +#qunit-tests ins { + background-color: #ffcaca; + color: #500; + text-decoration: none; +} + +/*** Test Counts */ + +#qunit-tests b.counts { color: black; } +#qunit-tests b.passed { color: #5E740B; } +#qunit-tests b.failed { color: #710909; } + +#qunit-tests li li { + margin: 0.5em; + padding: 0.4em 0.5em 0.4em 0.5em; + background-color: #fff; + border-bottom: none; + list-style-position: inside; +} + +/*** Passing Styles */ + +#qunit-tests li li.pass { + color: #5E740B; + background-color: #fff; + border-left: 26px solid #C6E746; +} + +#qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; } +#qunit-tests .pass .test-name { color: #366097; } + +#qunit-tests .pass .test-actual, +#qunit-tests .pass .test-expected { color: #999999; } + +#qunit-banner.qunit-pass { background-color: #C6E746; } + +/*** Failing Styles */ + +#qunit-tests li li.fail { + color: #710909; + background-color: #fff; + border-left: 26px solid #EE5757; + white-space: pre; +} + +#qunit-tests > li:last-child { + border-radius: 0 0 15px 15px; + -moz-border-radius: 0 0 15px 15px; + -webkit-border-bottom-right-radius: 15px; + -webkit-border-bottom-left-radius: 15px; +} + +#qunit-tests .fail { color: #000000; background-color: #EE5757; } +#qunit-tests .fail .test-name, +#qunit-tests .fail .module-name { color: #000000; } + +#qunit-tests .fail .test-actual { color: #EE5757; } +#qunit-tests .fail .test-expected { color: green; } + +#qunit-banner.qunit-fail { background-color: #EE5757; } + + +/** Result */ + +#qunit-testresult { + padding: 0.5em 0.5em 0.5em 2.5em; + + color: #2b81af; + background-color: #D2E0E6; + + border-bottom: 1px solid white; +} + +/** Fixture */ + +#qunit-fixture { + position: absolute; + top: -10000px; + left: -10000px; +} + +[data-nstest-role='page'], [data-nstest-role='dialog'] { + position: absolute !important; + top: -10000px !important; +} diff --git a/libs/js/jquery-mobile-1.0.1pre/external/qunit.js b/libs/js/jquery-mobile-1.0.1pre/external/qunit.js new file mode 100644 index 0000000..193d52d --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/external/qunit.js @@ -0,0 +1,1552 @@ +/** + * QUnit - A JavaScript Unit Testing Framework + * + * http://docs.jquery.com/QUnit + * + * Copyright (c) 2011 John Resig, Jörn Zaefferer + * Dual licensed under the MIT (MIT-LICENSE.txt) + * or GPL (GPL-LICENSE.txt) licenses. + */ + +(function(window) { + +var defined = { + setTimeout: typeof window.setTimeout !== "undefined", + sessionStorage: (function() { + try { + return !!sessionStorage.getItem; + } catch(e) { + return false; + } + })() +}; + +var testId = 0; + +var Test = function(name, testName, expected, testEnvironmentArg, async, callback) { + this.name = name; + this.testName = testName; + this.expected = expected; + this.testEnvironmentArg = testEnvironmentArg; + this.async = async; + this.callback = callback; + this.assertions = []; +}; +Test.prototype = { + init: function() { + var tests = id("qunit-tests"); + if (tests) { + var b = document.createElement("strong"); + b.innerHTML = "Running " + this.name; + var li = document.createElement("li"); + li.appendChild( b ); + li.className = "running"; + li.id = this.id = "test-output" + testId++; + tests.appendChild( li ); + } + }, + setup: function() { + if (this.module != config.previousModule) { + if ( config.previousModule ) { + runLoggingCallbacks('moduleDone', QUnit, { + name: config.previousModule, + failed: config.moduleStats.bad, + passed: config.moduleStats.all - config.moduleStats.bad, + total: config.moduleStats.all + } ); + } + config.previousModule = this.module; + config.moduleStats = { all: 0, bad: 0 }; + runLoggingCallbacks( 'moduleStart', QUnit, { + name: this.module + } ); + } + + config.current = this; + this.testEnvironment = extend({ + setup: function() {}, + teardown: function() {} + }, this.moduleTestEnvironment); + if (this.testEnvironmentArg) { + extend(this.testEnvironment, this.testEnvironmentArg); + } + + runLoggingCallbacks( 'testStart', QUnit, { + name: this.testName, + module: this.module + }); + + // allow utility functions to access the current test environment + // TODO why?? + QUnit.current_testEnvironment = this.testEnvironment; + + try { + if ( !config.pollution ) { + saveGlobal(); + } + + this.testEnvironment.setup.call(this.testEnvironment); + } catch(e) { + QUnit.ok( false, "Setup failed on " + this.testName + ": " + e.message ); + } + }, + run: function() { + if ( this.async ) { + QUnit.stop(); + } + + if ( config.notrycatch ) { + this.callback.call(this.testEnvironment); + return; + } + try { + this.callback.call(this.testEnvironment); + } catch(e) { + fail("Test " + this.testName + " died, exception and test follows", e, this.callback); + QUnit.ok( false, "Died on test #" + (this.assertions.length + 1) + ": " + e.message + " - " + QUnit.jsDump.parse(e) ); + // else next test will carry the responsibility + saveGlobal(); + + // Restart the tests if they're blocking + if ( config.blocking ) { + start(); + } + } + }, + teardown: function() { + try { + this.testEnvironment.teardown.call(this.testEnvironment); + checkPollution(); + } catch(e) { + QUnit.ok( false, "Teardown failed on " + this.testName + ": " + e.message ); + } + }, + finish: function() { + if ( this.expected && this.expected != this.assertions.length ) { + QUnit.ok( false, "Expected " + this.expected + " assertions, but " + this.assertions.length + " were run" ); + } + + var good = 0, bad = 0, + tests = id("qunit-tests"); + + config.stats.all += this.assertions.length; + config.moduleStats.all += this.assertions.length; + + if ( tests ) { + var ol = document.createElement("ol"); + + for ( var i = 0; i < this.assertions.length; i++ ) { + var assertion = this.assertions[i]; + + var li = document.createElement("li"); + li.className = assertion.result ? "pass" : "fail"; + li.innerHTML = assertion.message || (assertion.result ? "okay" : "failed"); + ol.appendChild( li ); + + if ( assertion.result ) { + good++; + } else { + bad++; + config.stats.bad++; + config.moduleStats.bad++; + } + } + + // store result when possible + if ( QUnit.config.reorder && defined.sessionStorage ) { + if (bad) { + sessionStorage.setItem("qunit-" + this.module + "-" + this.testName, bad); + } else { + sessionStorage.removeItem("qunit-" + this.module + "-" + this.testName); + } + } + + if (bad == 0) { + ol.style.display = "none"; + } + + var b = document.createElement("strong"); + b.innerHTML = this.name + " (" + bad + ", " + good + ", " + this.assertions.length + ")"; + + var a = document.createElement("a"); + a.innerHTML = "Rerun"; + a.href = QUnit.url({ filter: getText([b]).replace(/\([^)]+\)$/, "").replace(/(^\s*|\s*$)/g, "") }); + + addEvent(b, "click", function() { + var next = b.nextSibling.nextSibling, + display = next.style.display; + next.style.display = display === "none" ? "block" : "none"; + }); + + addEvent(b, "dblclick", function(e) { + var target = e && e.target ? e.target : window.event.srcElement; + if ( target.nodeName.toLowerCase() == "span" || target.nodeName.toLowerCase() == "b" ) { + target = target.parentNode; + } + if ( window.location && target.nodeName.toLowerCase() === "strong" ) { + window.location = QUnit.url({ filter: getText([target]).replace(/\([^)]+\)$/, "").replace(/(^\s*|\s*$)/g, "") }); + } + }); + + var li = id(this.id); + li.className = bad ? "fail" : "pass"; + li.removeChild( li.firstChild ); + li.appendChild( b ); + li.appendChild( a ); + li.appendChild( ol ); + + } else { + for ( var i = 0; i < this.assertions.length; i++ ) { + if ( !this.assertions[i].result ) { + bad++; + config.stats.bad++; + config.moduleStats.bad++; + } + } + } + + try { + QUnit.reset(); + } catch(e) { + fail("reset() failed, following Test " + this.testName + ", exception and reset fn follows", e, QUnit.reset); + } + + runLoggingCallbacks( 'testDone', QUnit, { + name: this.testName, + module: this.module, + failed: bad, + passed: this.assertions.length - bad, + total: this.assertions.length + } ); + }, + + queue: function() { + var test = this; + synchronize(function() { + test.init(); + }); + function run() { + // each of these can by async + synchronize(function() { + test.setup(); + }); + synchronize(function() { + test.run(); + }); + synchronize(function() { + test.teardown(); + }); + synchronize(function() { + test.finish(); + }); + } + // defer when previous test run passed, if storage is available + var bad = QUnit.config.reorder && defined.sessionStorage && +sessionStorage.getItem("qunit-" + this.module + "-" + this.testName); + if (bad) { + run(); + } else { + synchronize(run); + }; + } + +}; + +var QUnit = { + + // call on start of module test to prepend name to all tests + module: function(name, testEnvironment) { + config.currentModule = name; + config.currentModuleTestEnviroment = testEnvironment; + }, + + asyncTest: function(testName, expected, callback) { + if ( arguments.length === 2 ) { + callback = expected; + expected = 0; + } + + QUnit.test(testName, expected, callback, true); + }, + + test: function(testName, expected, callback, async) { + var name = '' + testName + '', testEnvironmentArg; + + if ( arguments.length === 2 ) { + callback = expected; + expected = null; + } + // is 2nd argument a testEnvironment? + if ( expected && typeof expected === 'object') { + testEnvironmentArg = expected; + expected = null; + } + + if ( config.currentModule ) { + name = '' + config.currentModule + ": " + name; + } + + if ( !validTest(config.currentModule + ": " + testName) ) { + return; + } + + var test = new Test(name, testName, expected, testEnvironmentArg, async, callback); + test.module = config.currentModule; + test.moduleTestEnvironment = config.currentModuleTestEnviroment; + test.queue(); + }, + + /** + * Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through. + */ + expect: function(asserts) { + config.current.expected = asserts; + }, + + /** + * Asserts true. + * @example ok( "asdfasdf".length > 5, "There must be at least 5 chars" ); + */ + ok: function(a, msg) { + a = !!a; + var details = { + result: a, + message: msg + }; + msg = escapeInnerText(msg); + runLoggingCallbacks( 'log', QUnit, details ); + config.current.assertions.push({ + result: a, + message: msg + }); + }, + + /** + * Checks that the first two arguments are equal, with an optional message. + * Prints out both actual and expected values. + * + * Prefered to ok( actual == expected, message ) + * + * @example equal( format("Received {0} bytes.", 2), "Received 2 bytes." ); + * + * @param Object actual + * @param Object expected + * @param String message (optional) + */ + equal: function(actual, expected, message) { + QUnit.push(expected == actual, actual, expected, message); + }, + + notEqual: function(actual, expected, message) { + QUnit.push(expected != actual, actual, expected, message); + }, + + deepEqual: function(actual, expected, message) { + QUnit.push(QUnit.equiv(actual, expected), actual, expected, message); + }, + + notDeepEqual: function(actual, expected, message) { + QUnit.push(!QUnit.equiv(actual, expected), actual, expected, message); + }, + + strictEqual: function(actual, expected, message) { + QUnit.push(expected === actual, actual, expected, message); + }, + + notStrictEqual: function(actual, expected, message) { + QUnit.push(expected !== actual, actual, expected, message); + }, + + raises: function(block, expected, message) { + var actual, ok = false; + + if (typeof expected === 'string') { + message = expected; + expected = null; + } + + try { + block(); + } catch (e) { + actual = e; + } + + if (actual) { + // we don't want to validate thrown error + if (!expected) { + ok = true; + // expected is a regexp + } else if (QUnit.objectType(expected) === "regexp") { + ok = expected.test(actual); + // expected is a constructor + } else if (actual instanceof expected) { + ok = true; + // expected is a validation function which returns true is validation passed + } else if (expected.call({}, actual) === true) { + ok = true; + } + } + + QUnit.ok(ok, message); + }, + + start: function(count) { + config.semaphore -= count || 1; + if (config.semaphore > 0) { + // don't start until equal number of stop-calls + return; + } + if (config.semaphore < 0) { + // ignore if start is called more often then stop + config.semaphore = 0; + } + // A slight delay, to avoid any current callbacks + if ( defined.setTimeout ) { + window.setTimeout(function() { + if (config.semaphore > 0) { + return; + } + if ( config.timeout ) { + clearTimeout(config.timeout); + } + + config.blocking = false; + process(); + }, 13); + } else { + config.blocking = false; + process(); + } + }, + + stop: function(count) { + config.semaphore += count || 1; + config.blocking = true; + + if ( config.testTimeout && defined.setTimeout ) { + clearTimeout(config.timeout); + config.timeout = window.setTimeout(function() { + QUnit.ok( false, "Test timed out" ); + config.semaphore = 1; + QUnit.start(); + }, config.testTimeout); + } + } +}; + +//We want access to the constructor's prototype +(function() { + function F(){}; + F.prototype = QUnit; + QUnit = new F(); + //Make F QUnit's constructor so that we can add to the prototype later + QUnit.constructor = F; +})(); + +// Backwards compatibility, deprecated +QUnit.equals = QUnit.equal; +QUnit.same = QUnit.deepEqual; + +// Maintain internal state +var config = { + // The queue of tests to run + queue: [], + + // block until document ready + blocking: true, + + // when enabled, show only failing tests + // gets persisted through sessionStorage and can be changed in UI via checkbox + hidepassed: false, + + // by default, run previously failed tests first + // very useful in combination with "Hide passed tests" checked + reorder: true, + + // by default, modify document.title when suite is done + altertitle: true, + + urlConfig: ['noglobals', 'notrycatch'], + + //logging callback queues + begin: [], + done: [], + log: [], + testStart: [], + testDone: [], + moduleStart: [], + moduleDone: [] +}; + +// Load paramaters +(function() { + var location = window.location || { search: "", protocol: "file:" }, + params = location.search.slice( 1 ).split( "&" ), + length = params.length, + urlParams = {}, + current; + + if ( params[ 0 ] ) { + for ( var i = 0; i < length; i++ ) { + current = params[ i ].split( "=" ); + current[ 0 ] = decodeURIComponent( current[ 0 ] ); + // allow just a key to turn on a flag, e.g., test.html?noglobals + current[ 1 ] = current[ 1 ] ? decodeURIComponent( current[ 1 ] ) : true; + urlParams[ current[ 0 ] ] = current[ 1 ]; + } + } + + QUnit.urlParams = urlParams; + config.filter = urlParams.filter; + + // Figure out if we're running the tests from a server or not + QUnit.isLocal = !!(location.protocol === 'file:'); +})(); + +// Expose the API as global variables, unless an 'exports' +// object exists, in that case we assume we're in CommonJS +if ( typeof exports === "undefined" || typeof require === "undefined" ) { + extend(window, QUnit); + window.QUnit = QUnit; +} else { + extend(exports, QUnit); + exports.QUnit = QUnit; +} + +// define these after exposing globals to keep them in these QUnit namespace only +extend(QUnit, { + config: config, + + // Initialize the configuration options + init: function() { + extend(config, { + stats: { all: 0, bad: 0 }, + moduleStats: { all: 0, bad: 0 }, + started: +new Date, + updateRate: 1000, + blocking: false, + autostart: true, + autorun: false, + filter: "", + queue: [], + semaphore: 0 + }); + + var tests = id( "qunit-tests" ), + banner = id( "qunit-banner" ), + result = id( "qunit-testresult" ); + + if ( tests ) { + tests.innerHTML = ""; + } + + if ( banner ) { + banner.className = ""; + } + + if ( result ) { + result.parentNode.removeChild( result ); + } + + if ( tests ) { + result = document.createElement( "p" ); + result.id = "qunit-testresult"; + result.className = "result"; + tests.parentNode.insertBefore( result, tests ); + result.innerHTML = 'Running...
       '; + } + }, + + /** + * Resets the test setup. Useful for tests that modify the DOM. + * + * If jQuery is available, uses jQuery's html(), otherwise just innerHTML. + */ + reset: function() { + if ( window.jQuery ) { + jQuery( "#qunit-fixture" ).html( config.fixture ); + } else { + var main = id( 'qunit-fixture' ); + if ( main ) { + main.innerHTML = config.fixture; + } + } + }, + + /** + * Trigger an event on an element. + * + * @example triggerEvent( document.body, "click" ); + * + * @param DOMElement elem + * @param String type + */ + triggerEvent: function( elem, type, event ) { + if ( document.createEvent ) { + event = document.createEvent("MouseEvents"); + event.initMouseEvent(type, true, true, elem.ownerDocument.defaultView, + 0, 0, 0, 0, 0, false, false, false, false, 0, null); + elem.dispatchEvent( event ); + + } else if ( elem.fireEvent ) { + elem.fireEvent("on"+type); + } + }, + + // Safe object type checking + is: function( type, obj ) { + return QUnit.objectType( obj ) == type; + }, + + objectType: function( obj ) { + if (typeof obj === "undefined") { + return "undefined"; + + // consider: typeof null === object + } + if (obj === null) { + return "null"; + } + + var type = Object.prototype.toString.call( obj ) + .match(/^\[object\s(.*)\]$/)[1] || ''; + + switch (type) { + case 'Number': + if (isNaN(obj)) { + return "nan"; + } else { + return "number"; + } + case 'String': + case 'Boolean': + case 'Array': + case 'Date': + case 'RegExp': + case 'Function': + return type.toLowerCase(); + } + if (typeof obj === "object") { + return "object"; + } + return undefined; + }, + + push: function(result, actual, expected, message) { + var details = { + result: result, + message: message, + actual: actual, + expected: expected + }; + + message = escapeInnerText(message) || (result ? "okay" : "failed"); + message = '' + message + ""; + expected = escapeInnerText(QUnit.jsDump.parse(expected)); + actual = escapeInnerText(QUnit.jsDump.parse(actual)); + var output = message + ''; + if (actual != expected) { + output += ''; + output += ''; + } + if (!result) { + var source = sourceFromStacktrace(); + if (source) { + details.source = source; + output += ''; + } + } + output += "
      Expected: 
      ' + expected + '
      Result: 
      ' + actual + '
      Diff: 
      ' + QUnit.diff(expected, actual) +'
      Source: 
      ' + escapeInnerText(source) + '
      "; + + runLoggingCallbacks( 'log', QUnit, details ); + + config.current.assertions.push({ + result: !!result, + message: output + }); + }, + + url: function( params ) { + params = extend( extend( {}, QUnit.urlParams ), params ); + var querystring = "?", + key; + for ( key in params ) { + querystring += encodeURIComponent( key ) + "=" + + encodeURIComponent( params[ key ] ) + "&"; + } + return window.location.pathname + querystring.slice( 0, -1 ); + }, + + extend: extend, + id: id, + addEvent: addEvent +}); + +//QUnit.constructor is set to the empty F() above so that we can add to it's prototype later +//Doing this allows us to tell if the following methods have been overwritten on the actual +//QUnit object, which is a deprecated way of using the callbacks. +extend(QUnit.constructor.prototype, { + // Logging callbacks; all receive a single argument with the listed properties + // run test/logs.html for any related changes + begin: registerLoggingCallback('begin'), + // done: { failed, passed, total, runtime } + done: registerLoggingCallback('done'), + // log: { result, actual, expected, message } + log: registerLoggingCallback('log'), + // testStart: { name } + testStart: registerLoggingCallback('testStart'), + // testDone: { name, failed, passed, total } + testDone: registerLoggingCallback('testDone'), + // moduleStart: { name } + moduleStart: registerLoggingCallback('moduleStart'), + // moduleDone: { name, failed, passed, total } + moduleDone: registerLoggingCallback('moduleDone') +}); + +if ( typeof document === "undefined" || document.readyState === "complete" ) { + config.autorun = true; +} + +QUnit.load = function() { + runLoggingCallbacks( 'begin', QUnit, {} ); + + // Initialize the config, saving the execution queue + var oldconfig = extend({}, config); + QUnit.init(); + extend(config, oldconfig); + + config.blocking = false; + + var urlConfigHtml = '', len = config.urlConfig.length; + for ( var i = 0, val; i < len, val = config.urlConfig[i]; i++ ) { + config[val] = QUnit.urlParams[val]; + urlConfigHtml += ''; + } + + var userAgent = id("qunit-userAgent"); + if ( userAgent ) { + userAgent.innerHTML = navigator.userAgent; + } + var banner = id("qunit-header"); + if ( banner ) { + banner.innerHTML = ' ' + banner.innerHTML + ' ' + urlConfigHtml; + addEvent( banner, "change", function( event ) { + var params = {}; + params[ event.target.name ] = event.target.checked ? true : undefined; + window.location = QUnit.url( params ); + }); + } + + var toolbar = id("qunit-testrunner-toolbar"); + if ( toolbar ) { + var filter = document.createElement("input"); + filter.type = "checkbox"; + filter.id = "qunit-filter-pass"; + addEvent( filter, "click", function() { + var ol = document.getElementById("qunit-tests"); + if ( filter.checked ) { + ol.className = ol.className + " hidepass"; + } else { + var tmp = " " + ol.className.replace( /[\n\t\r]/g, " " ) + " "; + ol.className = tmp.replace(/ hidepass /, " "); + } + if ( defined.sessionStorage ) { + if (filter.checked) { + sessionStorage.setItem("qunit-filter-passed-tests", "true"); + } else { + sessionStorage.removeItem("qunit-filter-passed-tests"); + } + } + }); + if ( config.hidepassed || defined.sessionStorage && sessionStorage.getItem("qunit-filter-passed-tests") ) { + filter.checked = true; + var ol = document.getElementById("qunit-tests"); + ol.className = ol.className + " hidepass"; + } + toolbar.appendChild( filter ); + + var label = document.createElement("label"); + label.setAttribute("for", "qunit-filter-pass"); + label.innerHTML = "Hide passed tests"; + toolbar.appendChild( label ); + } + + var main = id('qunit-fixture'); + if ( main ) { + config.fixture = main.innerHTML; + } + + if (config.autostart) { + QUnit.start(); + } +}; + +addEvent(window, "load", QUnit.load); + +function done() { + config.autorun = true; + + // Log the last module results + if ( config.currentModule ) { + runLoggingCallbacks( 'moduleDone', QUnit, { + name: config.currentModule, + failed: config.moduleStats.bad, + passed: config.moduleStats.all - config.moduleStats.bad, + total: config.moduleStats.all + } ); + } + + var banner = id("qunit-banner"), + tests = id("qunit-tests"), + runtime = +new Date - config.started, + passed = config.stats.all - config.stats.bad, + html = [ + 'Tests completed in ', + runtime, + ' milliseconds.
      ', + '', + passed, + ' tests of ', + config.stats.all, + ' passed, ', + config.stats.bad, + ' failed.' + ].join(''); + + if ( banner ) { + banner.className = (config.stats.bad ? "qunit-fail" : "qunit-pass"); + } + + if ( tests ) { + id( "qunit-testresult" ).innerHTML = html; + } + + if ( config.altertitle && typeof document !== "undefined" && document.title ) { + // show ✖ for good, ✔ for bad suite result in title + // use escape sequences in case file gets loaded with non-utf-8-charset + document.title = [ + (config.stats.bad ? "\u2716" : "\u2714"), + document.title.replace(/^[\u2714\u2716] /i, "") + ].join(" "); + } + + runLoggingCallbacks( 'done', QUnit, { + failed: config.stats.bad, + passed: passed, + total: config.stats.all, + runtime: runtime + } ); +} + +function validTest( name ) { + var filter = config.filter, + run = false; + + if ( !filter ) { + return true; + } + + var not = filter.charAt( 0 ) === "!"; + if ( not ) { + filter = filter.slice( 1 ); + } + + if ( name.indexOf( filter ) !== -1 ) { + return !not; + } + + if ( not ) { + run = true; + } + + return run; +} + +// so far supports only Firefox, Chrome and Opera (buggy) +// could be extended in the future to use something like https://github.com/csnover/TraceKit +function sourceFromStacktrace() { + try { + throw new Error(); + } catch ( e ) { + if (e.stacktrace) { + // Opera + return e.stacktrace.split("\n")[6]; + } else if (e.stack) { + // Firefox, Chrome + return e.stack.split("\n")[4]; + } else if (e.sourceURL) { + // Safari, PhantomJS + // TODO sourceURL points at the 'throw new Error' line above, useless + //return e.sourceURL + ":" + e.line; + } + } +} + +function escapeInnerText(s) { + if (!s) { + return ""; + } + s = s + ""; + return s.replace(/[\&<>]/g, function(s) { + switch(s) { + case "&": return "&"; + case "<": return "<"; + case ">": return ">"; + default: return s; + } + }); +} + +function synchronize( callback ) { + config.queue.push( callback ); + + if ( config.autorun && !config.blocking ) { + process(); + } +} + +function process() { + var start = (new Date()).getTime(); + + while ( config.queue.length && !config.blocking ) { + if ( config.updateRate <= 0 || (((new Date()).getTime() - start) < config.updateRate) ) { + config.queue.shift()(); + } else { + window.setTimeout( process, 13 ); + break; + } + } + if (!config.blocking && !config.queue.length) { + done(); + } +} + +function saveGlobal() { + config.pollution = []; + + if ( config.noglobals ) { + for ( var key in window ) { + config.pollution.push( key ); + } + } +} + +function checkPollution( name ) { + var old = config.pollution; + saveGlobal(); + + var newGlobals = diff( config.pollution, old ); + if ( newGlobals.length > 0 ) { + ok( false, "Introduced global variable(s): " + newGlobals.join(", ") ); + } + + var deletedGlobals = diff( old, config.pollution ); + if ( deletedGlobals.length > 0 ) { + ok( false, "Deleted global variable(s): " + deletedGlobals.join(", ") ); + } +} + +// returns a new Array with the elements that are in a but not in b +function diff( a, b ) { + var result = a.slice(); + for ( var i = 0; i < result.length; i++ ) { + for ( var j = 0; j < b.length; j++ ) { + if ( result[i] === b[j] ) { + result.splice(i, 1); + i--; + break; + } + } + } + return result; +} + +function fail(message, exception, callback) { + if ( typeof console !== "undefined" && console.error && console.warn ) { + console.error(message); + console.error(exception); + console.warn(callback.toString()); + + } else if ( window.opera && opera.postError ) { + opera.postError(message, exception, callback.toString); + } +} + +function extend(a, b) { + for ( var prop in b ) { + if ( b[prop] === undefined ) { + delete a[prop]; + } else { + a[prop] = b[prop]; + } + } + + return a; +} + +function addEvent(elem, type, fn) { + if ( elem.addEventListener ) { + elem.addEventListener( type, fn, false ); + } else if ( elem.attachEvent ) { + elem.attachEvent( "on" + type, fn ); + } else { + fn(); + } +} + +function id(name) { + return !!(typeof document !== "undefined" && document && document.getElementById) && + document.getElementById( name ); +} + +function registerLoggingCallback(key){ + return function(callback){ + config[key].push( callback ); + }; +} + +// Supports deprecated method of completely overwriting logging callbacks +function runLoggingCallbacks(key, scope, args) { + //debugger; + var callbacks; + if ( QUnit.hasOwnProperty(key) ) { + QUnit[key].call(scope, args); + } else { + callbacks = config[key]; + for( var i = 0; i < callbacks.length; i++ ) { + callbacks[i].call( scope, args ); + } + } +} + +// Test for equality any JavaScript type. +// Author: Philippe Rathé +QUnit.equiv = function () { + + var innerEquiv; // the real equiv function + var callers = []; // stack to decide between skip/abort functions + var parents = []; // stack to avoiding loops from circular referencing + + // Call the o related callback with the given arguments. + function bindCallbacks(o, callbacks, args) { + var prop = QUnit.objectType(o); + if (prop) { + if (QUnit.objectType(callbacks[prop]) === "function") { + return callbacks[prop].apply(callbacks, args); + } else { + return callbacks[prop]; // or undefined + } + } + } + + var callbacks = function () { + + // for string, boolean, number and null + function useStrictEquality(b, a) { + if (b instanceof a.constructor || a instanceof b.constructor) { + // to catch short annotaion VS 'new' annotation of a + // declaration + // e.g. var i = 1; + // var j = new Number(1); + return a == b; + } else { + return a === b; + } + } + + return { + "string" : useStrictEquality, + "boolean" : useStrictEquality, + "number" : useStrictEquality, + "null" : useStrictEquality, + "undefined" : useStrictEquality, + + "nan" : function(b) { + return isNaN(b); + }, + + "date" : function(b, a) { + return QUnit.objectType(b) === "date" + && a.valueOf() === b.valueOf(); + }, + + "regexp" : function(b, a) { + return QUnit.objectType(b) === "regexp" + && a.source === b.source && // the regex itself + a.global === b.global && // and its modifers + // (gmi) ... + a.ignoreCase === b.ignoreCase + && a.multiline === b.multiline; + }, + + // - skip when the property is a method of an instance (OOP) + // - abort otherwise, + // initial === would have catch identical references anyway + "function" : function() { + var caller = callers[callers.length - 1]; + return caller !== Object && typeof caller !== "undefined"; + }, + + "array" : function(b, a) { + var i, j, loop; + var len; + + // b could be an object literal here + if (!(QUnit.objectType(b) === "array")) { + return false; + } + + len = a.length; + if (len !== b.length) { // safe and faster + return false; + } + + // track reference to avoid circular references + parents.push(a); + for (i = 0; i < len; i++) { + loop = false; + for (j = 0; j < parents.length; j++) { + if (parents[j] === a[i]) { + loop = true;// dont rewalk array + } + } + if (!loop && !innerEquiv(a[i], b[i])) { + parents.pop(); + return false; + } + } + parents.pop(); + return true; + }, + + "object" : function(b, a) { + var i, j, loop; + var eq = true; // unless we can proove it + var aProperties = [], bProperties = []; // collection of + // strings + + // comparing constructors is more strict than using + // instanceof + if (a.constructor !== b.constructor) { + return false; + } + + // stack constructor before traversing properties + callers.push(a.constructor); + // track reference to avoid circular references + parents.push(a); + + for (i in a) { // be strict: don't ensures hasOwnProperty + // and go deep + loop = false; + for (j = 0; j < parents.length; j++) { + if (parents[j] === a[i]) + loop = true; // don't go down the same path + // twice + } + aProperties.push(i); // collect a's properties + + if (!loop && !innerEquiv(a[i], b[i])) { + eq = false; + break; + } + } + + callers.pop(); // unstack, we are done + parents.pop(); + + for (i in b) { + bProperties.push(i); // collect b's properties + } + + // Ensures identical properties name + return eq + && innerEquiv(aProperties.sort(), bProperties + .sort()); + } + }; + }(); + + innerEquiv = function() { // can take multiple arguments + var args = Array.prototype.slice.apply(arguments); + if (args.length < 2) { + return true; // end transition + } + + return (function(a, b) { + if (a === b) { + return true; // catch the most you can + } else if (a === null || b === null || typeof a === "undefined" + || typeof b === "undefined" + || QUnit.objectType(a) !== QUnit.objectType(b)) { + return false; // don't lose time with error prone cases + } else { + return bindCallbacks(a, callbacks, [ b, a ]); + } + + // apply transition with (1..n) arguments + })(args[0], args[1]) + && arguments.callee.apply(this, args.splice(1, + args.length - 1)); + }; + + return innerEquiv; + +}(); + +/** + * jsDump Copyright (c) 2008 Ariel Flesler - aflesler(at)gmail(dot)com | + * http://flesler.blogspot.com Licensed under BSD + * (http://www.opensource.org/licenses/bsd-license.php) Date: 5/15/2008 + * + * @projectDescription Advanced and extensible data dumping for Javascript. + * @version 1.0.0 + * @author Ariel Flesler + * @link {http://flesler.blogspot.com/2008/05/jsdump-pretty-dump-of-any-javascript.html} + */ +QUnit.jsDump = (function() { + function quote( str ) { + return '"' + str.toString().replace(/"/g, '\\"') + '"'; + }; + function literal( o ) { + return o + ''; + }; + function join( pre, arr, post ) { + var s = jsDump.separator(), + base = jsDump.indent(), + inner = jsDump.indent(1); + if ( arr.join ) + arr = arr.join( ',' + s + inner ); + if ( !arr ) + return pre + post; + return [ pre, inner + arr, base + post ].join(s); + }; + function array( arr, stack ) { + var i = arr.length, ret = Array(i); + this.up(); + while ( i-- ) + ret[i] = this.parse( arr[i] , undefined , stack); + this.down(); + return join( '[', ret, ']' ); + }; + + var reName = /^function (\w+)/; + + var jsDump = { + parse:function( obj, type, stack ) { //type is used mostly internally, you can fix a (custom)type in advance + stack = stack || [ ]; + var parser = this.parsers[ type || this.typeOf(obj) ]; + type = typeof parser; + var inStack = inArray(obj, stack); + if (inStack != -1) { + return 'recursion('+(inStack - stack.length)+')'; + } + //else + if (type == 'function') { + stack.push(obj); + var res = parser.call( this, obj, stack ); + stack.pop(); + return res; + } + // else + return (type == 'string') ? parser : this.parsers.error; + }, + typeOf:function( obj ) { + var type; + if ( obj === null ) { + type = "null"; + } else if (typeof obj === "undefined") { + type = "undefined"; + } else if (QUnit.is("RegExp", obj)) { + type = "regexp"; + } else if (QUnit.is("Date", obj)) { + type = "date"; + } else if (QUnit.is("Function", obj)) { + type = "function"; + } else if (typeof obj.setInterval !== undefined && typeof obj.document !== "undefined" && typeof obj.nodeType === "undefined") { + type = "window"; + } else if (obj.nodeType === 9) { + type = "document"; + } else if (obj.nodeType) { + type = "node"; + } else if (typeof obj === "object" && typeof obj.length === "number" && obj.length >= 0) { + type = "array"; + } else { + type = typeof obj; + } + return type; + }, + separator:function() { + return this.multiline ? this.HTML ? '
      ' : '\n' : this.HTML ? ' ' : ' '; + }, + indent:function( extra ) {// extra can be a number, shortcut for increasing-calling-decreasing + if ( !this.multiline ) + return ''; + var chr = this.indentChar; + if ( this.HTML ) + chr = chr.replace(/\t/g,' ').replace(/ /g,' '); + return Array( this._depth_ + (extra||0) ).join(chr); + }, + up:function( a ) { + this._depth_ += a || 1; + }, + down:function( a ) { + this._depth_ -= a || 1; + }, + setParser:function( name, parser ) { + this.parsers[name] = parser; + }, + // The next 3 are exposed so you can use them + quote:quote, + literal:literal, + join:join, + // + _depth_: 1, + // This is the list of parsers, to modify them, use jsDump.setParser + parsers:{ + window: '[Window]', + document: '[Document]', + error:'[ERROR]', //when no parser is found, shouldn't happen + unknown: '[Unknown]', + 'null':'null', + 'undefined':'undefined', + 'function':function( fn ) { + var ret = 'function', + name = 'name' in fn ? fn.name : (reName.exec(fn)||[])[1];//functions never have name in IE + if ( name ) + ret += ' ' + name; + ret += '('; + + ret = [ ret, QUnit.jsDump.parse( fn, 'functionArgs' ), '){'].join(''); + return join( ret, QUnit.jsDump.parse(fn,'functionCode'), '}' ); + }, + array: array, + nodelist: array, + arguments: array, + object:function( map, stack ) { + var ret = [ ]; + QUnit.jsDump.up(); + for ( var key in map ) { + var val = map[key]; + ret.push( QUnit.jsDump.parse(key,'key') + ': ' + QUnit.jsDump.parse(val, undefined, stack)); + } + QUnit.jsDump.down(); + return join( '{', ret, '}' ); + }, + node:function( node ) { + var open = QUnit.jsDump.HTML ? '<' : '<', + close = QUnit.jsDump.HTML ? '>' : '>'; + + var tag = node.nodeName.toLowerCase(), + ret = open + tag; + + for ( var a in QUnit.jsDump.DOMAttrs ) { + var val = node[QUnit.jsDump.DOMAttrs[a]]; + if ( val ) + ret += ' ' + a + '=' + QUnit.jsDump.parse( val, 'attribute' ); + } + return ret + close + open + '/' + tag + close; + }, + functionArgs:function( fn ) {//function calls it internally, it's the arguments part of the function + var l = fn.length; + if ( !l ) return ''; + + var args = Array(l); + while ( l-- ) + args[l] = String.fromCharCode(97+l);//97 is 'a' + return ' ' + args.join(', ') + ' '; + }, + key:quote, //object calls it internally, the key part of an item in a map + functionCode:'[code]', //function calls it internally, it's the content of the function + attribute:quote, //node calls it internally, it's an html attribute value + string:quote, + date:quote, + regexp:literal, //regex + number:literal, + 'boolean':literal + }, + DOMAttrs:{//attributes to dump from nodes, name=>realName + id:'id', + name:'name', + 'class':'className' + }, + HTML:false,//if true, entities are escaped ( <, >, \t, space and \n ) + indentChar:' ',//indentation unit + multiline:true //if true, items in a collection, are separated by a \n, else just a space. + }; + + return jsDump; +})(); + +// from Sizzle.js +function getText( elems ) { + var ret = "", elem; + + for ( var i = 0; elems[i]; i++ ) { + elem = elems[i]; + + // Get the text from text nodes and CDATA nodes + if ( elem.nodeType === 3 || elem.nodeType === 4 ) { + ret += elem.nodeValue; + + // Traverse everything else, except comment nodes + } else if ( elem.nodeType !== 8 ) { + ret += getText( elem.childNodes ); + } + } + + return ret; +}; + +//from jquery.js +function inArray( elem, array ) { + if ( array.indexOf ) { + return array.indexOf( elem ); + } + + for ( var i = 0, length = array.length; i < length; i++ ) { + if ( array[ i ] === elem ) { + return i; + } + } + + return -1; +} + +/* + * Javascript Diff Algorithm + * By John Resig (http://ejohn.org/) + * Modified by Chu Alan "sprite" + * + * Released under the MIT license. + * + * More Info: + * http://ejohn.org/projects/javascript-diff-algorithm/ + * + * Usage: QUnit.diff(expected, actual) + * + * QUnit.diff("the quick brown fox jumped over", "the quick fox jumps over") == "the quick brown fox jumped jumps over" + */ +QUnit.diff = (function() { + function diff(o, n) { + var ns = {}; + var os = {}; + + for (var i = 0; i < n.length; i++) { + if (ns[n[i]] == null) + ns[n[i]] = { + rows: [], + o: null + }; + ns[n[i]].rows.push(i); + } + + for (var i = 0; i < o.length; i++) { + if (os[o[i]] == null) + os[o[i]] = { + rows: [], + n: null + }; + os[o[i]].rows.push(i); + } + + for (var i in ns) { + if (ns[i].rows.length == 1 && typeof(os[i]) != "undefined" && os[i].rows.length == 1) { + n[ns[i].rows[0]] = { + text: n[ns[i].rows[0]], + row: os[i].rows[0] + }; + o[os[i].rows[0]] = { + text: o[os[i].rows[0]], + row: ns[i].rows[0] + }; + } + } + + for (var i = 0; i < n.length - 1; i++) { + if (n[i].text != null && n[i + 1].text == null && n[i].row + 1 < o.length && o[n[i].row + 1].text == null && + n[i + 1] == o[n[i].row + 1]) { + n[i + 1] = { + text: n[i + 1], + row: n[i].row + 1 + }; + o[n[i].row + 1] = { + text: o[n[i].row + 1], + row: i + 1 + }; + } + } + + for (var i = n.length - 1; i > 0; i--) { + if (n[i].text != null && n[i - 1].text == null && n[i].row > 0 && o[n[i].row - 1].text == null && + n[i - 1] == o[n[i].row - 1]) { + n[i - 1] = { + text: n[i - 1], + row: n[i].row - 1 + }; + o[n[i].row - 1] = { + text: o[n[i].row - 1], + row: i - 1 + }; + } + } + + return { + o: o, + n: n + }; + } + + return function(o, n) { + o = o.replace(/\s+$/, ''); + n = n.replace(/\s+$/, ''); + var out = diff(o == "" ? [] : o.split(/\s+/), n == "" ? [] : n.split(/\s+/)); + + var str = ""; + + var oSpace = o.match(/\s+/g); + if (oSpace == null) { + oSpace = [" "]; + } + else { + oSpace.push(" "); + } + var nSpace = n.match(/\s+/g); + if (nSpace == null) { + nSpace = [" "]; + } + else { + nSpace.push(" "); + } + + if (out.n.length == 0) { + for (var i = 0; i < out.o.length; i++) { + str += '' + out.o[i] + oSpace[i] + ""; + } + } + else { + if (out.n[0].text == null) { + for (n = 0; n < out.o.length && out.o[n].text == null; n++) { + str += '' + out.o[n] + oSpace[n] + ""; + } + } + + for (var i = 0; i < out.n.length; i++) { + if (out.n[i].text == null) { + str += '' + out.n[i] + nSpace[i] + ""; + } + else { + var pre = ""; + + for (n = out.n[i].row + 1; n < out.o.length && out.o[n].text == null; n++) { + pre += '' + out.o[n] + oSpace[n] + ""; + } + str += " " + out.n[i].text + nSpace[i] + pre; + } + } + } + + return str; + }; +})(); + +})(this); diff --git a/libs/js/jquery-mobile-1.0.1pre/index.html b/libs/js/jquery-mobile-1.0.1pre/index.html new file mode 100755 index 0000000..95615bd --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/index.html @@ -0,0 +1,77 @@ + + + + + + jQuery Mobile: Demos and Documentation + + + + + + + + + +
      +
      +

      Beta Release

      + + +
      + +
      +

      jQuery Mobile Framework

      +

      A Touch-Optimized Web Framework for Smartphones & Tablets

      +
      + + +

      Welcome. Browse the jQuery Mobile components and learn how to make rich, accessible, touch-friendly websites and apps.

      + + + +
      + +
      + +
      + + + +
      + +
      +

      © 2011 The jQuery Project

      +
      + +
      + + diff --git a/libs/js/jquery-mobile-1.0.1pre/jquery.mobile.js b/libs/js/jquery-mobile-1.0.1pre/jquery.mobile.js new file mode 100644 index 0000000..9b70413 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/jquery.mobile.js @@ -0,0 +1,6951 @@ +/* +* jQuery Mobile Framework Git Build: SHA1: aa52a6bc2b9702b0f7f7f90af65e61fe9a9d26b6 <> Date: Thu Nov 17 09:30:35 2011 -0800 +* http://jquerymobile.com +* +* Copyright 2011 (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +* +*/ +/*! + * jQuery UI Widget @VERSION + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Widget + */ + +(function( $, undefined ) { + +// jQuery 1.4+ +if ( $.cleanData ) { + var _cleanData = $.cleanData; + $.cleanData = function( elems ) { + for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) { + $( elem ).triggerHandler( "remove" ); + } + _cleanData( elems ); + }; +} else { + var _remove = $.fn.remove; + $.fn.remove = function( selector, keepData ) { + return this.each(function() { + if ( !keepData ) { + if ( !selector || $.filter( selector, [ this ] ).length ) { + $( "*", this ).add( [ this ] ).each(function() { + $( this ).triggerHandler( "remove" ); + }); + } + } + return _remove.call( $(this), selector, keepData ); + }); + }; +} + +$.widget = function( name, base, prototype ) { + var namespace = name.split( "." )[ 0 ], + fullName; + name = name.split( "." )[ 1 ]; + fullName = namespace + "-" + name; + + if ( !prototype ) { + prototype = base; + base = $.Widget; + } + + // create selector for plugin + $.expr[ ":" ][ fullName ] = function( elem ) { + return !!$.data( elem, name ); + }; + + $[ namespace ] = $[ namespace ] || {}; + $[ namespace ][ name ] = function( options, element ) { + // allow instantiation without initializing for simple inheritance + if ( arguments.length ) { + this._createWidget( options, element ); + } + }; + + var basePrototype = new base(); + // we need to make the options hash a property directly on the new instance + // otherwise we'll modify the options hash on the prototype that we're + // inheriting from +// $.each( basePrototype, function( key, val ) { +// if ( $.isPlainObject(val) ) { +// basePrototype[ key ] = $.extend( {}, val ); +// } +// }); + basePrototype.options = $.extend( true, {}, basePrototype.options ); + $[ namespace ][ name ].prototype = $.extend( true, basePrototype, { + namespace: namespace, + widgetName: name, + widgetEventPrefix: $[ namespace ][ name ].prototype.widgetEventPrefix || name, + widgetBaseClass: fullName + }, prototype ); + + $.widget.bridge( name, $[ namespace ][ name ] ); +}; + +$.widget.bridge = function( name, object ) { + $.fn[ name ] = function( options ) { + var isMethodCall = typeof options === "string", + args = Array.prototype.slice.call( arguments, 1 ), + returnValue = this; + + // allow multiple hashes to be passed on init + options = !isMethodCall && args.length ? + $.extend.apply( null, [ true, options ].concat(args) ) : + options; + + // prevent calls to internal methods + if ( isMethodCall && options.charAt( 0 ) === "_" ) { + return returnValue; + } + + if ( isMethodCall ) { + this.each(function() { + var instance = $.data( this, name ); + if ( !instance ) { + throw "cannot call methods on " + name + " prior to initialization; " + + "attempted to call method '" + options + "'"; + } + if ( !$.isFunction( instance[options] ) ) { + throw "no such method '" + options + "' for " + name + " widget instance"; + } + var methodValue = instance[ options ].apply( instance, args ); + if ( methodValue !== instance && methodValue !== undefined ) { + returnValue = methodValue; + return false; + } + }); + } else { + this.each(function() { + var instance = $.data( this, name ); + if ( instance ) { + instance.option( options || {} )._init(); + } else { + $.data( this, name, new object( options, this ) ); + } + }); + } + + return returnValue; + }; +}; + +$.Widget = function( options, element ) { + // allow instantiation without initializing for simple inheritance + if ( arguments.length ) { + this._createWidget( options, element ); + } +}; + +$.Widget.prototype = { + widgetName: "widget", + widgetEventPrefix: "", + options: { + disabled: false + }, + _createWidget: function( options, element ) { + // $.widget.bridge stores the plugin instance, but we do it anyway + // so that it's stored even before the _create function runs + $.data( element, this.widgetName, this ); + this.element = $( element ); + this.options = $.extend( true, {}, + this.options, + this._getCreateOptions(), + options ); + + var self = this; + this.element.bind( "remove." + this.widgetName, function() { + self.destroy(); + }); + + this._create(); + this._trigger( "create" ); + this._init(); + }, + _getCreateOptions: function() { + var options = {}; + if ( $.metadata ) { + options = $.metadata.get( element )[ this.widgetName ]; + } + return options; + }, + _create: function() {}, + _init: function() {}, + + destroy: function() { + this.element + .unbind( "." + this.widgetName ) + .removeData( this.widgetName ); + this.widget() + .unbind( "." + this.widgetName ) + .removeAttr( "aria-disabled" ) + .removeClass( + this.widgetBaseClass + "-disabled " + + "ui-state-disabled" ); + }, + + widget: function() { + return this.element; + }, + + option: function( key, value ) { + var options = key; + + if ( arguments.length === 0 ) { + // don't return a reference to the internal hash + return $.extend( {}, this.options ); + } + + if (typeof key === "string" ) { + if ( value === undefined ) { + return this.options[ key ]; + } + options = {}; + options[ key ] = value; + } + + this._setOptions( options ); + + return this; + }, + _setOptions: function( options ) { + var self = this; + $.each( options, function( key, value ) { + self._setOption( key, value ); + }); + + return this; + }, + _setOption: function( key, value ) { + this.options[ key ] = value; + + if ( key === "disabled" ) { + this.widget() + [ value ? "addClass" : "removeClass"]( + this.widgetBaseClass + "-disabled" + " " + + "ui-state-disabled" ) + .attr( "aria-disabled", value ); + } + + return this; + }, + + enable: function() { + return this._setOption( "disabled", false ); + }, + disable: function() { + return this._setOption( "disabled", true ); + }, + + _trigger: function( type, event, data ) { + var callback = this.options[ type ]; + + event = $.Event( event ); + event.type = ( type === this.widgetEventPrefix ? + type : + this.widgetEventPrefix + type ).toLowerCase(); + data = data || {}; + + // copy original event properties over to the new event + // this would happen if we could call $.event.fix instead of $.Event + // but we don't have a way to force an event to be fixed multiple times + if ( event.originalEvent ) { + for ( var i = $.event.props.length, prop; i; ) { + prop = $.event.props[ --i ]; + event[ prop ] = event.originalEvent[ prop ]; + } + } + + this.element.trigger( event, data ); + + return !( $.isFunction(callback) && + callback.call( this.element[0], event, data ) === false || + event.isDefaultPrevented() ); + } +}; + +})( jQuery ); +/* +* widget factory extentions for mobile +*/ + +(function( $, undefined ) { + +$.widget( "mobile.widget", { + // decorate the parent _createWidget to trigger `widgetinit` for users + // who wish to do post post `widgetcreate` alterations/additions + // + // TODO create a pull request for jquery ui to trigger this event + // in the original _createWidget + _createWidget: function() { + $.Widget.prototype._createWidget.apply( this, arguments ); + this._trigger( 'init' ); + }, + + _getCreateOptions: function() { + + var elem = this.element, + options = {}; + + $.each( this.options, function( option ) { + + var value = elem.jqmData( option.replace( /[A-Z]/g, function( c ) { + return "-" + c.toLowerCase(); + }) + ); + + if ( value !== undefined ) { + options[ option ] = value; + } + }); + + return options; + }, + + enhanceWithin: function( target ) { + // TODO remove dependency on the page widget for the keepNative. + // Currently the keepNative value is defined on the page prototype so + // the method is as well + var page = $(target).closest(":jqmData(role='page')").data( "page" ), + keepNative = (page && page.keepNativeSelector()) || ""; + + $( this.options.initSelector, target ).not( keepNative )[ this.widgetName ](); + } +}); + +})( jQuery ); +/* +* a workaround for window.matchMedia +*/ + +(function( $, undefined ) { + +var $window = $( window ), + $html = $( "html" ); + +/* $.mobile.media method: pass a CSS media type or query and get a bool return + note: this feature relies on actual media query support for media queries, though types will work most anywhere + examples: + $.mobile.media('screen') //>> tests for screen media type + $.mobile.media('screen and (min-width: 480px)') //>> tests for screen media type with window width > 480px + $.mobile.media('@media screen and (-webkit-min-device-pixel-ratio: 2)') //>> tests for webkit 2x pixel ratio (iPhone 4) +*/ +$.mobile.media = (function() { + // TODO: use window.matchMedia once at least one UA implements it + var cache = {}, + testDiv = $( "
      " ), + fakeBody = $( "" ).append( testDiv ); + + return function( query ) { + if ( !( query in cache ) ) { + var styleBlock = document.createElement( "style" ), + cssrule = "@media " + query + " { #jquery-mediatest { position:absolute; } }"; + + //must set type for IE! + styleBlock.type = "text/css"; + + if ( styleBlock.styleSheet ){ + styleBlock.styleSheet.cssText = cssrule; + } else { + styleBlock.appendChild( document.createTextNode(cssrule) ); + } + + $html.prepend( fakeBody ).prepend( styleBlock ); + cache[ query ] = testDiv.css( "position" ) === "absolute"; + fakeBody.add( styleBlock ).remove(); + } + return cache[ query ]; + }; +})(); + +})(jQuery); +/* +* support tests +*/ + +(function( $, undefined ) { + +var fakeBody = $( "" ).prependTo( "html" ), + fbCSS = fakeBody[ 0 ].style, + vendors = [ "Webkit", "Moz", "O" ], + webos = "palmGetResource" in window, //only used to rule out scrollTop + operamini = window.operamini && ({}).toString.call( window.operamini ) === "[object OperaMini]", + bb = window.blackberry; //only used to rule out box shadow, as it's filled opaque on BB + +// thx Modernizr +function propExists( prop ) { + var uc_prop = prop.charAt( 0 ).toUpperCase() + prop.substr( 1 ), + props = ( prop + " " + vendors.join( uc_prop + " " ) + uc_prop ).split( " " ); + + for ( var v in props ){ + if ( fbCSS[ props[ v ] ] !== undefined ) { + return true; + } + } +} + +// Test for dynamic-updating base tag support ( allows us to avoid href,src attr rewriting ) +function baseTagTest() { + var fauxBase = location.protocol + "//" + location.host + location.pathname + "ui-dir/", + base = $( "head base" ), + fauxEle = null, + href = "", + link, rebase; + + if ( !base.length ) { + base = fauxEle = $( "", { "href": fauxBase }).appendTo( "head" ); + } else { + href = base.attr( "href" ); + } + + link = $( "" ).prependTo( fakeBody ); + rebase = link[ 0 ].href; + base[ 0 ].href = href || location.pathname; + + if ( fauxEle ) { + fauxEle.remove(); + } + return rebase.indexOf( fauxBase ) === 0; +} + + +// non-UA-based IE version check by James Padolsey, modified by jdalton - from http://gist.github.com/527683 +// allows for inclusion of IE 6+, including Windows Mobile 7 +$.mobile.browser = {}; +$.mobile.browser.ie = (function() { + var v = 3, + div = document.createElement( "div" ), + a = div.all || []; + + while ( div.innerHTML = "", a[ 0 ] ); + + return v > 4 ? v : !v; +})(); + + +$.extend( $.support, { + orientation: "orientation" in window && "onorientationchange" in window, + touch: "ontouchend" in document, + cssTransitions: "WebKitTransitionEvent" in window, + pushState: "pushState" in history && "replaceState" in history, + mediaquery: $.mobile.media( "only all" ), + cssPseudoElement: !!propExists( "content" ), + touchOverflow: !!propExists( "overflowScrolling" ), + boxShadow: !!propExists( "boxShadow" ) && !bb, + scrollTop: ( "pageXOffset" in window || "scrollTop" in document.documentElement || "scrollTop" in fakeBody[ 0 ] ) && !webos && !operamini, + dynamicBaseTag: baseTagTest() +}); + +fakeBody.remove(); + + +// $.mobile.ajaxBlacklist is used to override ajaxEnabled on platforms that have known conflicts with hash history updates (BB5, Symbian) +// or that generally work better browsing in regular http for full page refreshes (Opera Mini) +// Note: This detection below is used as a last resort. +// We recommend only using these detection methods when all other more reliable/forward-looking approaches are not possible +var nokiaLTE7_3 = (function(){ + + var ua = window.navigator.userAgent; + + //The following is an attempt to match Nokia browsers that are running Symbian/s60, with webkit, version 7.3 or older + return ua.indexOf( "Nokia" ) > -1 && + ( ua.indexOf( "Symbian/3" ) > -1 || ua.indexOf( "Series60/5" ) > -1 ) && + ua.indexOf( "AppleWebKit" ) > -1 && + ua.match( /(BrowserNG|NokiaBrowser)\/7\.[0-3]/ ); +})(); + +$.mobile.ajaxBlacklist = + // BlackBerry browsers, pre-webkit + window.blackberry && !window.WebKitPoint || + // Opera Mini + operamini || + // Symbian webkits pre 7.3 + nokiaLTE7_3; + +// Lastly, this workaround is the only way we've found so far to get pre 7.3 Symbian webkit devices +// to render the stylesheets when they're referenced before this script, as we'd recommend doing. +// This simply reappends the CSS in place, which for some reason makes it apply +if ( nokiaLTE7_3 ) { + $(function() { + $( "head link[rel='stylesheet']" ).attr( "rel", "alternate stylesheet" ).attr( "rel", "stylesheet" ); + }); +} + +// For ruling out shadows via css +if ( !$.support.boxShadow ) { + $( "html" ).addClass( "ui-mobile-nosupport-boxshadow" ); +} + +})( jQuery ); +/* +* "mouse" plugin +*/ + +// This plugin is an experiment for abstracting away the touch and mouse +// events so that developers don't have to worry about which method of input +// the device their document is loaded on supports. +// +// The idea here is to allow the developer to register listeners for the +// basic mouse events, such as mousedown, mousemove, mouseup, and click, +// and the plugin will take care of registering the correct listeners +// behind the scenes to invoke the listener at the fastest possible time +// for that device, while still retaining the order of event firing in +// the traditional mouse environment, should multiple handlers be registered +// on the same element for different events. +// +// The current version exposes the following virtual events to jQuery bind methods: +// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel" + +(function( $, window, document, undefined ) { + +var dataPropertyName = "virtualMouseBindings", + touchTargetPropertyName = "virtualTouchID", + virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split( " " ), + touchEventProps = "clientX clientY pageX pageY screenX screenY".split( " " ), + activeDocHandlers = {}, + resetTimerID = 0, + startX = 0, + startY = 0, + didScroll = false, + clickBlockList = [], + blockMouseTriggers = false, + blockTouchTriggers = false, + eventCaptureSupported = "addEventListener" in document, + $document = $( document ), + nextTouchID = 1, + lastTouchID = 0; + +$.vmouse = { + moveDistanceThreshold: 10, + clickDistanceThreshold: 10, + resetTimerDuration: 1500 +}; + +function getNativeEvent( event ) { + + while ( event && typeof event.originalEvent !== "undefined" ) { + event = event.originalEvent; + } + return event; +} + +function createVirtualEvent( event, eventType ) { + + var t = event.type, + oe, props, ne, prop, ct, touch, i, j; + + event = $.Event(event); + event.type = eventType; + + oe = event.originalEvent; + props = $.event.props; + + // copy original event properties over to the new event + // this would happen if we could call $.event.fix instead of $.Event + // but we don't have a way to force an event to be fixed multiple times + if ( oe ) { + for ( i = props.length, prop; i; ) { + prop = props[ --i ]; + event[ prop ] = oe[ prop ]; + } + } + + // make sure that if the mouse and click virtual events are generated + // without a .which one is defined + if ( t.search(/mouse(down|up)|click/) > -1 && !event.which ){ + event.which = 1; + } + + if ( t.search(/^touch/) !== -1 ) { + ne = getNativeEvent( oe ); + t = ne.touches; + ct = ne.changedTouches; + touch = ( t && t.length ) ? t[0] : ( (ct && ct.length) ? ct[ 0 ] : undefined ); + + if ( touch ) { + for ( j = 0, len = touchEventProps.length; j < len; j++){ + prop = touchEventProps[ j ]; + event[ prop ] = touch[ prop ]; + } + } + } + + return event; +} + +function getVirtualBindingFlags( element ) { + + var flags = {}, + b, k; + + while ( element ) { + + b = $.data( element, dataPropertyName ); + + for ( k in b ) { + if ( b[ k ] ) { + flags[ k ] = flags.hasVirtualBinding = true; + } + } + element = element.parentNode; + } + return flags; +} + +function getClosestElementWithVirtualBinding( element, eventType ) { + var b; + while ( element ) { + + b = $.data( element, dataPropertyName ); + + if ( b && ( !eventType || b[ eventType ] ) ) { + return element; + } + element = element.parentNode; + } + return null; +} + +function enableTouchBindings() { + blockTouchTriggers = false; +} + +function disableTouchBindings() { + blockTouchTriggers = true; +} + +function enableMouseBindings() { + lastTouchID = 0; + clickBlockList.length = 0; + blockMouseTriggers = false; + + // When mouse bindings are enabled, our + // touch bindings are disabled. + disableTouchBindings(); +} + +function disableMouseBindings() { + // When mouse bindings are disabled, our + // touch bindings are enabled. + enableTouchBindings(); +} + +function startResetTimer() { + clearResetTimer(); + resetTimerID = setTimeout(function(){ + resetTimerID = 0; + enableMouseBindings(); + }, $.vmouse.resetTimerDuration ); +} + +function clearResetTimer() { + if ( resetTimerID ){ + clearTimeout( resetTimerID ); + resetTimerID = 0; + } +} + +function triggerVirtualEvent( eventType, event, flags ) { + var ve; + + if ( ( flags && flags[ eventType ] ) || + ( !flags && getClosestElementWithVirtualBinding( event.target, eventType ) ) ) { + + ve = createVirtualEvent( event, eventType ); + + $( event.target).trigger( ve ); + } + + return ve; +} + +function mouseEventCallback( event ) { + var touchID = $.data(event.target, touchTargetPropertyName); + + if ( !blockMouseTriggers && ( !lastTouchID || lastTouchID !== touchID ) ){ + var ve = triggerVirtualEvent( "v" + event.type, event ); + if ( ve ) { + if ( ve.isDefaultPrevented() ) { + event.preventDefault(); + } + if ( ve.isPropagationStopped() ) { + event.stopPropagation(); + } + if ( ve.isImmediatePropagationStopped() ) { + event.stopImmediatePropagation(); + } + } + } +} + +function handleTouchStart( event ) { + + var touches = getNativeEvent( event ).touches, + target, flags; + + if ( touches && touches.length === 1 ) { + + target = event.target; + flags = getVirtualBindingFlags( target ); + + if ( flags.hasVirtualBinding ) { + + lastTouchID = nextTouchID++; + $.data( target, touchTargetPropertyName, lastTouchID ); + + clearResetTimer(); + + disableMouseBindings(); + didScroll = false; + + var t = getNativeEvent( event ).touches[ 0 ]; + startX = t.pageX; + startY = t.pageY; + + triggerVirtualEvent( "vmouseover", event, flags ); + triggerVirtualEvent( "vmousedown", event, flags ); + } + } +} + +function handleScroll( event ) { + if ( blockTouchTriggers ) { + return; + } + + if ( !didScroll ) { + triggerVirtualEvent( "vmousecancel", event, getVirtualBindingFlags( event.target ) ); + } + + didScroll = true; + startResetTimer(); +} + +function handleTouchMove( event ) { + if ( blockTouchTriggers ) { + return; + } + + var t = getNativeEvent( event ).touches[ 0 ], + didCancel = didScroll, + moveThreshold = $.vmouse.moveDistanceThreshold; + didScroll = didScroll || + ( Math.abs(t.pageX - startX) > moveThreshold || + Math.abs(t.pageY - startY) > moveThreshold ), + flags = getVirtualBindingFlags( event.target ); + + if ( didScroll && !didCancel ) { + triggerVirtualEvent( "vmousecancel", event, flags ); + } + + triggerVirtualEvent( "vmousemove", event, flags ); + startResetTimer(); +} + +function handleTouchEnd( event ) { + if ( blockTouchTriggers ) { + return; + } + + disableTouchBindings(); + + var flags = getVirtualBindingFlags( event.target ), + t; + triggerVirtualEvent( "vmouseup", event, flags ); + + if ( !didScroll ) { + var ve = triggerVirtualEvent( "vclick", event, flags ); + if ( ve && ve.isDefaultPrevented() ) { + // The target of the mouse events that follow the touchend + // event don't necessarily match the target used during the + // touch. This means we need to rely on coordinates for blocking + // any click that is generated. + t = getNativeEvent( event ).changedTouches[ 0 ]; + clickBlockList.push({ + touchID: lastTouchID, + x: t.clientX, + y: t.clientY + }); + + // Prevent any mouse events that follow from triggering + // virtual event notifications. + blockMouseTriggers = true; + } + } + triggerVirtualEvent( "vmouseout", event, flags); + didScroll = false; + + startResetTimer(); +} + +function hasVirtualBindings( ele ) { + var bindings = $.data( ele, dataPropertyName ), + k; + + if ( bindings ) { + for ( k in bindings ) { + if ( bindings[ k ] ) { + return true; + } + } + } + return false; +} + +function dummyMouseHandler(){} + +function getSpecialEventObject( eventType ) { + var realType = eventType.substr( 1 ); + + return { + setup: function( data, namespace ) { + // If this is the first virtual mouse binding for this element, + // add a bindings object to its data. + + if ( !hasVirtualBindings( this ) ) { + $.data( this, dataPropertyName, {}); + } + + // If setup is called, we know it is the first binding for this + // eventType, so initialize the count for the eventType to zero. + var bindings = $.data( this, dataPropertyName ); + bindings[ eventType ] = true; + + // If this is the first virtual mouse event for this type, + // register a global handler on the document. + + activeDocHandlers[ eventType ] = ( activeDocHandlers[ eventType ] || 0 ) + 1; + + if ( activeDocHandlers[ eventType ] === 1 ) { + $document.bind( realType, mouseEventCallback ); + } + + // Some browsers, like Opera Mini, won't dispatch mouse/click events + // for elements unless they actually have handlers registered on them. + // To get around this, we register dummy handlers on the elements. + + $( this ).bind( realType, dummyMouseHandler ); + + // For now, if event capture is not supported, we rely on mouse handlers. + if ( eventCaptureSupported ) { + // If this is the first virtual mouse binding for the document, + // register our touchstart handler on the document. + + activeDocHandlers[ "touchstart" ] = ( activeDocHandlers[ "touchstart" ] || 0) + 1; + + if (activeDocHandlers[ "touchstart" ] === 1) { + $document.bind( "touchstart", handleTouchStart ) + .bind( "touchend", handleTouchEnd ) + + // On touch platforms, touching the screen and then dragging your finger + // causes the window content to scroll after some distance threshold is + // exceeded. On these platforms, a scroll prevents a click event from being + // dispatched, and on some platforms, even the touchend is suppressed. To + // mimic the suppression of the click event, we need to watch for a scroll + // event. Unfortunately, some platforms like iOS don't dispatch scroll + // events until *AFTER* the user lifts their finger (touchend). This means + // we need to watch both scroll and touchmove events to figure out whether + // or not a scroll happenens before the touchend event is fired. + + .bind( "touchmove", handleTouchMove ) + .bind( "scroll", handleScroll ); + } + } + }, + + teardown: function( data, namespace ) { + // If this is the last virtual binding for this eventType, + // remove its global handler from the document. + + --activeDocHandlers[ eventType ]; + + if ( !activeDocHandlers[ eventType ] ) { + $document.unbind( realType, mouseEventCallback ); + } + + if ( eventCaptureSupported ) { + // If this is the last virtual mouse binding in existence, + // remove our document touchstart listener. + + --activeDocHandlers[ "touchstart" ]; + + if ( !activeDocHandlers[ "touchstart" ] ) { + $document.unbind( "touchstart", handleTouchStart ) + .unbind( "touchmove", handleTouchMove ) + .unbind( "touchend", handleTouchEnd ) + .unbind( "scroll", handleScroll ); + } + } + + var $this = $( this ), + bindings = $.data( this, dataPropertyName ); + + // teardown may be called when an element was + // removed from the DOM. If this is the case, + // jQuery core may have already stripped the element + // of any data bindings so we need to check it before + // using it. + if ( bindings ) { + bindings[ eventType ] = false; + } + + // Unregister the dummy event handler. + + $this.unbind( realType, dummyMouseHandler ); + + // If this is the last virtual mouse binding on the + // element, remove the binding data from the element. + + if ( !hasVirtualBindings( this ) ) { + $this.removeData( dataPropertyName ); + } + } + }; +} + +// Expose our custom events to the jQuery bind/unbind mechanism. + +for ( var i = 0; i < virtualEventNames.length; i++ ){ + $.event.special[ virtualEventNames[ i ] ] = getSpecialEventObject( virtualEventNames[ i ] ); +} + +// Add a capture click handler to block clicks. +// Note that we require event capture support for this so if the device +// doesn't support it, we punt for now and rely solely on mouse events. +if ( eventCaptureSupported ) { + document.addEventListener( "click", function( e ){ + var cnt = clickBlockList.length, + target = e.target, + x, y, ele, i, o, touchID; + + if ( cnt ) { + x = e.clientX; + y = e.clientY; + threshold = $.vmouse.clickDistanceThreshold; + + // The idea here is to run through the clickBlockList to see if + // the current click event is in the proximity of one of our + // vclick events that had preventDefault() called on it. If we find + // one, then we block the click. + // + // Why do we have to rely on proximity? + // + // Because the target of the touch event that triggered the vclick + // can be different from the target of the click event synthesized + // by the browser. The target of a mouse/click event that is syntehsized + // from a touch event seems to be implementation specific. For example, + // some browsers will fire mouse/click events for a link that is near + // a touch event, even though the target of the touchstart/touchend event + // says the user touched outside the link. Also, it seems that with most + // browsers, the target of the mouse/click event is not calculated until the + // time it is dispatched, so if you replace an element that you touched + // with another element, the target of the mouse/click will be the new + // element underneath that point. + // + // Aside from proximity, we also check to see if the target and any + // of its ancestors were the ones that blocked a click. This is necessary + // because of the strange mouse/click target calculation done in the + // Android 2.1 browser, where if you click on an element, and there is a + // mouse/click handler on one of its ancestors, the target will be the + // innermost child of the touched element, even if that child is no where + // near the point of touch. + + ele = target; + + while ( ele ) { + for ( i = 0; i < cnt; i++ ) { + o = clickBlockList[ i ]; + touchID = 0; + + if ( ( ele === target && Math.abs( o.x - x ) < threshold && Math.abs( o.y - y ) < threshold ) || + $.data( ele, touchTargetPropertyName ) === o.touchID ) { + // XXX: We may want to consider removing matches from the block list + // instead of waiting for the reset timer to fire. + e.preventDefault(); + e.stopPropagation(); + return; + } + } + ele = ele.parentNode; + } + } + }, true); +} +})( jQuery, window, document ); +/* +* "events" plugin - Handles events +*/ + +(function( $, window, undefined ) { + +// add new event shortcuts +$.each( ( "touchstart touchmove touchend orientationchange throttledresize " + + "tap taphold swipe swipeleft swiperight scrollstart scrollstop" ).split( " " ), function( i, name ) { + + $.fn[ name ] = function( fn ) { + return fn ? this.bind( name, fn ) : this.trigger( name ); + }; + + $.attrFn[ name ] = true; +}); + +var supportTouch = $.support.touch, + scrollEvent = "touchmove scroll", + touchStartEvent = supportTouch ? "touchstart" : "mousedown", + touchStopEvent = supportTouch ? "touchend" : "mouseup", + touchMoveEvent = supportTouch ? "touchmove" : "mousemove"; + +function triggerCustomEvent( obj, eventType, event ) { + var originalType = event.type; + event.type = eventType; + $.event.handle.call( obj, event ); + event.type = originalType; +} + +// also handles scrollstop +$.event.special.scrollstart = { + + enabled: true, + + setup: function() { + + var thisObject = this, + $this = $( thisObject ), + scrolling, + timer; + + function trigger( event, state ) { + scrolling = state; + triggerCustomEvent( thisObject, scrolling ? "scrollstart" : "scrollstop", event ); + } + + // iPhone triggers scroll after a small delay; use touchmove instead + $this.bind( scrollEvent, function( event ) { + + if ( !$.event.special.scrollstart.enabled ) { + return; + } + + if ( !scrolling ) { + trigger( event, true ); + } + + clearTimeout( timer ); + timer = setTimeout(function() { + trigger( event, false ); + }, 50 ); + }); + } +}; + +// also handles taphold +$.event.special.tap = { + setup: function() { + var thisObject = this, + $this = $( thisObject ); + + $this.bind( "vmousedown", function( event ) { + + if ( event.which && event.which !== 1 ) { + return false; + } + + var origTarget = event.target, + origEvent = event.originalEvent, + timer; + + function clearTapTimer() { + clearTimeout( timer ); + } + + function clearTapHandlers() { + clearTapTimer(); + + $this.unbind( "vclick", clickHandler ) + .unbind( "vmouseup", clearTapTimer ) + .unbind( "vmousecancel", clearTapHandlers ); + } + + function clickHandler(event) { + clearTapHandlers(); + + // ONLY trigger a 'tap' event if the start target is + // the same as the stop target. + if ( origTarget == event.target ) { + triggerCustomEvent( thisObject, "tap", event ); + } + } + + $this.bind( "vmousecancel", clearTapHandlers ) + .bind( "vmouseup", clearTapTimer ) + .bind( "vclick", clickHandler ); + + timer = setTimeout(function() { + triggerCustomEvent( thisObject, "taphold", $.Event( "taphold" ) ); + }, 750 ); + }); + } +}; + +// also handles swipeleft, swiperight +$.event.special.swipe = { + scrollSupressionThreshold: 10, // More than this horizontal displacement, and we will suppress scrolling. + + durationThreshold: 1000, // More time than this, and it isn't a swipe. + + horizontalDistanceThreshold: 30, // Swipe horizontal displacement must be more than this. + + verticalDistanceThreshold: 75, // Swipe vertical displacement must be less than this. + + setup: function() { + var thisObject = this, + $this = $( thisObject ); + + $this.bind( touchStartEvent, function( event ) { + var data = event.originalEvent.touches ? + event.originalEvent.touches[ 0 ] : event, + start = { + time: ( new Date() ).getTime(), + coords: [ data.pageX, data.pageY ], + origin: $( event.target ) + }, + stop; + + function moveHandler( event ) { + + if ( !start ) { + return; + } + + var data = event.originalEvent.touches ? + event.originalEvent.touches[ 0 ] : event; + + stop = { + time: ( new Date() ).getTime(), + coords: [ data.pageX, data.pageY ] + }; + + // prevent scrolling + if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) { + event.preventDefault(); + } + } + + $this.bind( touchMoveEvent, moveHandler ) + .one( touchStopEvent, function( event ) { + $this.unbind( touchMoveEvent, moveHandler ); + + if ( start && stop ) { + if ( stop.time - start.time < $.event.special.swipe.durationThreshold && + Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold && + Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) { + + start.origin.trigger( "swipe" ) + .trigger( start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight" ); + } + } + start = stop = undefined; + }); + }); + } +}; + +(function( $, window ) { + // "Cowboy" Ben Alman + + var win = $( window ), + special_event, + get_orientation, + last_orientation; + + $.event.special.orientationchange = special_event = { + setup: function() { + // If the event is supported natively, return false so that jQuery + // will bind to the event using DOM methods. + if ( $.support.orientation && $.mobile.orientationChangeEnabled ) { + return false; + } + + // Get the current orientation to avoid initial double-triggering. + last_orientation = get_orientation(); + + // Because the orientationchange event doesn't exist, simulate the + // event by testing window dimensions on resize. + win.bind( "throttledresize", handler ); + }, + teardown: function(){ + // If the event is not supported natively, return false so that + // jQuery will unbind the event using DOM methods. + if ( $.support.orientation && $.mobile.orientationChangeEnabled ) { + return false; + } + + // Because the orientationchange event doesn't exist, unbind the + // resize event handler. + win.unbind( "throttledresize", handler ); + }, + add: function( handleObj ) { + // Save a reference to the bound event handler. + var old_handler = handleObj.handler; + + + handleObj.handler = function( event ) { + // Modify event object, adding the .orientation property. + event.orientation = get_orientation(); + + // Call the originally-bound event handler and return its result. + return old_handler.apply( this, arguments ); + }; + } + }; + + // If the event is not supported natively, this handler will be bound to + // the window resize event to simulate the orientationchange event. + function handler() { + // Get the current orientation. + var orientation = get_orientation(); + + if ( orientation !== last_orientation ) { + // The orientation has changed, so trigger the orientationchange event. + last_orientation = orientation; + win.trigger( "orientationchange" ); + } + } + + // Get the current page orientation. This method is exposed publicly, should it + // be needed, as jQuery.event.special.orientationchange.orientation() + $.event.special.orientationchange.orientation = get_orientation = function() { + var isPortrait = true, elem = document.documentElement; + + // prefer window orientation to the calculation based on screensize as + // the actual screen resize takes place before or after the orientation change event + // has been fired depending on implementation (eg android 2.3 is before, iphone after). + // More testing is required to determine if a more reliable method of determining the new screensize + // is possible when orientationchange is fired. (eg, use media queries + element + opacity) + if ( $.support.orientation ) { + // if the window orientation registers as 0 or 180 degrees report + // portrait, otherwise landscape + isPortrait = window.orientation % 180 == 0; + } else { + isPortrait = elem && elem.clientWidth / elem.clientHeight < 1.1; + } + + return isPortrait ? "portrait" : "landscape"; + }; + +})( jQuery, window ); + + +// throttled resize event +(function() { + + $.event.special.throttledresize = { + setup: function() { + $( this ).bind( "resize", handler ); + }, + teardown: function(){ + $( this ).unbind( "resize", handler ); + } + }; + + var throttle = 250, + handler = function() { + curr = ( new Date() ).getTime(); + diff = curr - lastCall; + + if ( diff >= throttle ) { + + lastCall = curr; + $( this ).trigger( "throttledresize" ); + + } else { + + if ( heldCall ) { + clearTimeout( heldCall ); + } + + // Promise a held call will still execute + heldCall = setTimeout( handler, throttle - diff ); + } + }, + lastCall = 0, + heldCall, + curr, + diff; +})(); + + +$.each({ + scrollstop: "scrollstart", + taphold: "tap", + swipeleft: "swipe", + swiperight: "swipe" +}, function( event, sourceEvent ) { + + $.event.special[ event ] = { + setup: function() { + $( this ).bind( sourceEvent, $.noop ); + } + }; +}); + +})( jQuery, this ); +// Script: jQuery hashchange event +// +// *Version: 1.3, Last updated: 7/21/2010* +// +// Project Home - http://benalman.com/projects/jquery-hashchange-plugin/ +// GitHub - http://github.com/cowboy/jquery-hashchange/ +// Source - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.js +// (Minified) - http://github.com/cowboy/jquery-hashchange/raw/master/jquery.ba-hashchange.min.js (0.8kb gzipped) +// +// About: License +// +// Copyright (c) 2010 "Cowboy" Ben Alman, +// Dual licensed under the MIT and GPL licenses. +// http://benalman.com/about/license/ +// +// About: Examples +// +// These working examples, complete with fully commented code, illustrate a few +// ways in which this plugin can be used. +// +// hashchange event - http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/ +// document.domain - http://benalman.com/code/projects/jquery-hashchange/examples/document_domain/ +// +// About: Support and Testing +// +// Information about what version or versions of jQuery this plugin has been +// tested with, what browsers it has been tested in, and where the unit tests +// reside (so you can test it yourself). +// +// jQuery Versions - 1.2.6, 1.3.2, 1.4.1, 1.4.2 +// Browsers Tested - Internet Explorer 6-8, Firefox 2-4, Chrome 5-6, Safari 3.2-5, +// Opera 9.6-10.60, iPhone 3.1, Android 1.6-2.2, BlackBerry 4.6-5. +// Unit Tests - http://benalman.com/code/projects/jquery-hashchange/unit/ +// +// About: Known issues +// +// While this jQuery hashchange event implementation is quite stable and +// robust, there are a few unfortunate browser bugs surrounding expected +// hashchange event-based behaviors, independent of any JavaScript +// window.onhashchange abstraction. See the following examples for more +// information: +// +// Chrome: Back Button - http://benalman.com/code/projects/jquery-hashchange/examples/bug-chrome-back-button/ +// Firefox: Remote XMLHttpRequest - http://benalman.com/code/projects/jquery-hashchange/examples/bug-firefox-remote-xhr/ +// WebKit: Back Button in an Iframe - http://benalman.com/code/projects/jquery-hashchange/examples/bug-webkit-hash-iframe/ +// Safari: Back Button from a different domain - http://benalman.com/code/projects/jquery-hashchange/examples/bug-safari-back-from-diff-domain/ +// +// Also note that should a browser natively support the window.onhashchange +// event, but not report that it does, the fallback polling loop will be used. +// +// About: Release History +// +// 1.3 - (7/21/2010) Reorganized IE6/7 Iframe code to make it more +// "removable" for mobile-only development. Added IE6/7 document.title +// support. Attempted to make Iframe as hidden as possible by using +// techniques from http://www.paciellogroup.com/blog/?p=604. Added +// support for the "shortcut" format $(window).hashchange( fn ) and +// $(window).hashchange() like jQuery provides for built-in events. +// Renamed jQuery.hashchangeDelay to and +// lowered its default value to 50. Added +// and properties plus document-domain.html +// file to address access denied issues when setting document.domain in +// IE6/7. +// 1.2 - (2/11/2010) Fixed a bug where coming back to a page using this plugin +// from a page on another domain would cause an error in Safari 4. Also, +// IE6/7 Iframe is now inserted after the body (this actually works), +// which prevents the page from scrolling when the event is first bound. +// Event can also now be bound before DOM ready, but it won't be usable +// before then in IE6/7. +// 1.1 - (1/21/2010) Incorporated document.documentMode test to fix IE8 bug +// where browser version is incorrectly reported as 8.0, despite +// inclusion of the X-UA-Compatible IE=EmulateIE7 meta tag. +// 1.0 - (1/9/2010) Initial Release. Broke out the jQuery BBQ event.special +// window.onhashchange functionality into a separate plugin for users +// who want just the basic event & back button support, without all the +// extra awesomeness that BBQ provides. This plugin will be included as +// part of jQuery BBQ, but also be available separately. + +(function($,window,undefined){ + '$:nomunge'; // Used by YUI compressor. + + // Reused string. + var str_hashchange = 'hashchange', + + // Method / object references. + doc = document, + fake_onhashchange, + special = $.event.special, + + // Does the browser support window.onhashchange? Note that IE8 running in + // IE7 compatibility mode reports true for 'onhashchange' in window, even + // though the event isn't supported, so also test document.documentMode. + doc_mode = doc.documentMode, + supports_onhashchange = 'on' + str_hashchange in window && ( doc_mode === undefined || doc_mode > 7 ); + + // Get location.hash (or what you'd expect location.hash to be) sans any + // leading #. Thanks for making this necessary, Firefox! + function get_fragment( url ) { + url = url || location.href; + return '#' + url.replace( /^[^#]*#?(.*)$/, '$1' ); + }; + + // Method: jQuery.fn.hashchange + // + // Bind a handler to the window.onhashchange event or trigger all bound + // window.onhashchange event handlers. This behavior is consistent with + // jQuery's built-in event handlers. + // + // Usage: + // + // > jQuery(window).hashchange( [ handler ] ); + // + // Arguments: + // + // handler - (Function) Optional handler to be bound to the hashchange + // event. This is a "shortcut" for the more verbose form: + // jQuery(window).bind( 'hashchange', handler ). If handler is omitted, + // all bound window.onhashchange event handlers will be triggered. This + // is a shortcut for the more verbose + // jQuery(window).trigger( 'hashchange' ). These forms are described in + // the section. + // + // Returns: + // + // (jQuery) The initial jQuery collection of elements. + + // Allow the "shortcut" format $(elem).hashchange( fn ) for binding and + // $(elem).hashchange() for triggering, like jQuery does for built-in events. + $.fn[ str_hashchange ] = function( fn ) { + return fn ? this.bind( str_hashchange, fn ) : this.trigger( str_hashchange ); + }; + + // Property: jQuery.fn.hashchange.delay + // + // The numeric interval (in milliseconds) at which the + // polling loop executes. Defaults to 50. + + // Property: jQuery.fn.hashchange.domain + // + // If you're setting document.domain in your JavaScript, and you want hash + // history to work in IE6/7, not only must this property be set, but you must + // also set document.domain BEFORE jQuery is loaded into the page. This + // property is only applicable if you are supporting IE6/7 (or IE8 operating + // in "IE7 compatibility" mode). + // + // In addition, the property must be set to the + // path of the included "document-domain.html" file, which can be renamed or + // modified if necessary (note that the document.domain specified must be the + // same in both your main JavaScript as well as in this file). + // + // Usage: + // + // jQuery.fn.hashchange.domain = document.domain; + + // Property: jQuery.fn.hashchange.src + // + // If, for some reason, you need to specify an Iframe src file (for example, + // when setting document.domain as in ), you can + // do so using this property. Note that when using this property, history + // won't be recorded in IE6/7 until the Iframe src file loads. This property + // is only applicable if you are supporting IE6/7 (or IE8 operating in "IE7 + // compatibility" mode). + // + // Usage: + // + // jQuery.fn.hashchange.src = 'path/to/file.html'; + + $.fn[ str_hashchange ].delay = 50; + /* + $.fn[ str_hashchange ].domain = null; + $.fn[ str_hashchange ].src = null; + */ + + // Event: hashchange event + // + // Fired when location.hash changes. In browsers that support it, the native + // HTML5 window.onhashchange event is used, otherwise a polling loop is + // initialized, running every milliseconds to + // see if the hash has changed. In IE6/7 (and IE8 operating in "IE7 + // compatibility" mode), a hidden Iframe is created to allow the back button + // and hash-based history to work. + // + // Usage as described in : + // + // > // Bind an event handler. + // > jQuery(window).hashchange( function(e) { + // > var hash = location.hash; + // > ... + // > }); + // > + // > // Manually trigger the event handler. + // > jQuery(window).hashchange(); + // + // A more verbose usage that allows for event namespacing: + // + // > // Bind an event handler. + // > jQuery(window).bind( 'hashchange', function(e) { + // > var hash = location.hash; + // > ... + // > }); + // > + // > // Manually trigger the event handler. + // > jQuery(window).trigger( 'hashchange' ); + // + // Additional Notes: + // + // * The polling loop and Iframe are not created until at least one handler + // is actually bound to the 'hashchange' event. + // * If you need the bound handler(s) to execute immediately, in cases where + // a location.hash exists on page load, via bookmark or page refresh for + // example, use jQuery(window).hashchange() or the more verbose + // jQuery(window).trigger( 'hashchange' ). + // * The event can be bound before DOM ready, but since it won't be usable + // before then in IE6/7 (due to the necessary Iframe), recommended usage is + // to bind it inside a DOM ready handler. + + // Override existing $.event.special.hashchange methods (allowing this plugin + // to be defined after jQuery BBQ in BBQ's source code). + special[ str_hashchange ] = $.extend( special[ str_hashchange ], { + + // Called only when the first 'hashchange' event is bound to window. + setup: function() { + // If window.onhashchange is supported natively, there's nothing to do.. + if ( supports_onhashchange ) { return false; } + + // Otherwise, we need to create our own. And we don't want to call this + // until the user binds to the event, just in case they never do, since it + // will create a polling loop and possibly even a hidden Iframe. + $( fake_onhashchange.start ); + }, + + // Called only when the last 'hashchange' event is unbound from window. + teardown: function() { + // If window.onhashchange is supported natively, there's nothing to do.. + if ( supports_onhashchange ) { return false; } + + // Otherwise, we need to stop ours (if possible). + $( fake_onhashchange.stop ); + } + + }); + + // fake_onhashchange does all the work of triggering the window.onhashchange + // event for browsers that don't natively support it, including creating a + // polling loop to watch for hash changes and in IE 6/7 creating a hidden + // Iframe to enable back and forward. + fake_onhashchange = (function(){ + var self = {}, + timeout_id, + + // Remember the initial hash so it doesn't get triggered immediately. + last_hash = get_fragment(), + + fn_retval = function(val){ return val; }, + history_set = fn_retval, + history_get = fn_retval; + + // Start the polling loop. + self.start = function() { + timeout_id || poll(); + }; + + // Stop the polling loop. + self.stop = function() { + timeout_id && clearTimeout( timeout_id ); + timeout_id = undefined; + }; + + // This polling loop checks every $.fn.hashchange.delay milliseconds to see + // if location.hash has changed, and triggers the 'hashchange' event on + // window when necessary. + function poll() { + var hash = get_fragment(), + history_hash = history_get( last_hash ); + + if ( hash !== last_hash ) { + history_set( last_hash = hash, history_hash ); + + $(window).trigger( str_hashchange ); + + } else if ( history_hash !== last_hash ) { + location.href = location.href.replace( /#.*/, '' ) + history_hash; + } + + timeout_id = setTimeout( poll, $.fn[ str_hashchange ].delay ); + }; + + // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv + // vvvvvvvvvvvvvvvvvvv REMOVE IF NOT SUPPORTING IE6/7/8 vvvvvvvvvvvvvvvvvvv + // vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv + $.browser.msie && !supports_onhashchange && (function(){ + // Not only do IE6/7 need the "magical" Iframe treatment, but so does IE8 + // when running in "IE7 compatibility" mode. + + var iframe, + iframe_src; + + // When the event is bound and polling starts in IE 6/7, create a hidden + // Iframe for history handling. + self.start = function(){ + if ( !iframe ) { + iframe_src = $.fn[ str_hashchange ].src; + iframe_src = iframe_src && iframe_src + get_fragment(); + + // Create hidden Iframe. Attempt to make Iframe as hidden as possible + // by using techniques from http://www.paciellogroup.com/blog/?p=604. + iframe = $(' + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/index.html new file mode 100644 index 0000000..0cff9c3 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/index.html @@ -0,0 +1,36 @@ + + + + + jQuery Mobile Init Test Suite + + + + + + + + + + + + + + + + + +

      jQuery Mobile Init Test Suite

      +

      +

      +
        +
      + +
      +
      + +
      +
      + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/init_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/init_core.js new file mode 100644 index 0000000..171d9a9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/init_core.js @@ -0,0 +1,268 @@ +/* + * mobile init tests + */ +(function($){ + var mobilePage = undefined, + libName = 'jquery.mobile.init.js', + coreLib = 'jquery.mobile.core.js', + extendFn = $.extend, + setGradeA = function(value) { $.mobile.gradeA = function(){ return value; }; }, + reloadCoreNSandInit = function(){ + $.testHelper.reloadLib(coreLib); + $.testHelper.reloadLib("jquery.setNamespace.js"); + $.testHelper.reloadLib(libName); + }; + + + module(libName, { + setup: function(){ + // NOTE reset for gradeA tests + $('html').removeClass('ui-mobile'); + + // TODO add post reload callback + $('.ui-loader').remove(); + }, + teardown: function(){ + $.extend = extendFn; + + // NOTE reset for showPageLoadingMsg/hidePageLoadingMsg tests + $('.ui-loader').remove(); + + // clear the classes added by reloading the init + $("html").attr('class', ''); + } + }); + + // NOTE important to use $.fn.one here to make sure library reloads don't fire + // the event before the test check below + $(document).one("mobileinit", function(){ + mobilePage = $.mobile.page; + }); + + // NOTE for the following two tests see index html for the binding + test( "mobile.page is available when mobile init is fired", function(){ + ok( mobilePage !== undefined, "$.mobile.page is defined" ); + }); + + $.testHelper.excludeFileProtocol(function(){ + asyncTest( "loading the init library triggers mobilinit on the document", function(){ + var initFired = false; + expect( 1 ); + + $(window.document).one('mobileinit', function(event){ + initFired = true; + }); + + $.testHelper.reloadLib(libName); + + setTimeout(function(){ + ok(initFired, "init fired"); + start(); + }, 1000); + }); + + test( "enhancments are skipped when the browser is not grade A", function(){ + setGradeA(false); + $.testHelper.reloadLib(libName); + + //NOTE easiest way to check for enhancements, not the most obvious + ok(!$("html").hasClass("ui-mobile"), "html elem doesn't have class ui-mobile"); + }); + + test( "enhancments are added when the browser is grade A", function(){ + setGradeA(true); + $.testHelper.reloadLib(libName); + + ok($("html").hasClass("ui-mobile"), "html elem has class mobile"); + }); + + asyncTest( "useFastClick is configurable via mobileinit", function(){ + $(document).one( "mobileinit", function(){ + $.mobile.useFastClick = false; + start(); + }); + + $.testHelper.reloadLib(libName); + + same( $.mobile.useFastClick, false , "fast click is set to false after init" ); + $.mobile.useFastClick = true; + }); + + + + var findFirstPage = function() { + return $(":jqmData(role='page')").first(); + }; + + test( "active page and start page should be set to the fist page in the selected set", function(){ + expect( 2 ); + $.testHelper.reloadLib(libName); + var firstPage = findFirstPage(); + + same($.mobile.firstPage[0], firstPage[0]); + same($.mobile.activePage[0], firstPage[0]); + }); + + test( "mobile viewport class is defined on the first page's parent", function(){ + expect( 1 ); + $.testHelper.reloadLib(libName); + var firstPage = findFirstPage(); + + ok(firstPage.parent().hasClass("ui-mobile-viewport"), "first page has viewport"); + }); + + test( "mobile page container is the first page's parent", function(){ + expect( 1 ); + $.testHelper.reloadLib(libName); + var firstPage = findFirstPage(); + + same($.mobile.pageContainer[0], firstPage.parent()[0]); + }); + + asyncTest( "hashchange triggered on document ready with single argument: true", function(){ + $.testHelper.sequence([ + function(){ + location.hash = "#foo"; + }, + + // delay the bind until the first hashchange + function(){ + $(window).one("hashchange", function(ev, arg){ + same(arg, true); + start(); + }); + }, + + function(){ + $.testHelper.reloadLib(libName); + } + ], 1000); + }); + + test( "pages without a data-url attribute have it set to their id", function(){ + same($("#foo").jqmData('url'), "foo"); + }); + + test( "pages with a data-url attribute are left with the original value", function(){ + same($("#bar").jqmData('url'), "bak"); + }); + + asyncTest( "showPageLoadingMsg doesn't add the dialog to the page when loading message is false", function(){ + expect( 1 ); + $.mobile.loadingMessage = false; + $.mobile.showPageLoadingMsg(); + + setTimeout(function(){ + ok(!$(".ui-loader").length, "no ui-loader element"); + start(); + }, 500); + }); + + asyncTest( "hidePageLoadingMsg doesn't add the dialog to the page when loading message is false", function(){ + expect( 1 ); + $.mobile.loadingMessage = true; + $.mobile.hidePageLoadingMsg(); + + setTimeout(function(){ + same($(".ui-loading").length, 0, "page should not be in the loading state"); + start(); + }, 500); + }); + + asyncTest( "showPageLoadingMsg adds the dialog to the page when loadingMessage is true", function(){ + expect( 1 ); + $.mobile.loadingMessage = true; + $.mobile.showPageLoadingMsg(); + + setTimeout(function(){ + same($(".ui-loading").length, 1, "page should be in the loading state"); + start(); + }, 500); + }); + + asyncTest( "page loading should contain default loading message", function(){ + expect( 1 ); + reloadCoreNSandInit(); + $.mobile.showPageLoadingMsg(); + + setTimeout(function(){ + same($(".ui-loader h1").text(), "loading"); + start(); + }, 500); + }); + + asyncTest( "page loading should contain custom loading message", function(){ + $.mobile.loadingMessage = "foo"; + $.testHelper.reloadLib(libName); + $.mobile.showPageLoadingMsg(); + + setTimeout(function(){ + same($(".ui-loader h1").text(), "foo"); + start(); + }, 500); + }); + + asyncTest( "page loading should contain custom loading message when set during runtime", function(){ + $.mobile.loadingMessage = "bar"; + $.mobile.showPageLoadingMsg(); + + setTimeout(function(){ + same($(".ui-loader h1").text(), "bar"); + start(); + }, 500); + }); + + + + // NOTE: the next two tests work on timeouts that assume a page will be created within 2 seconds + // it'd be great to get these using a more reliable callback or event + + asyncTest( "page does auto-initialize at domready when autoinitialize option is true (default) ", function(){ + + $( "
      ", { "data-nstest-role": "page", "id": "autoinit-on" } ).prependTo( "body" ) + + $(document).one("mobileinit", function(){ + $.mobile.autoInitializePage = true; + }); + + location.hash = ""; + + reloadCoreNSandInit(); + + setTimeout(function(){ + same( $( "#autoinit-on.ui-page" ).length, 1 ); + + start(); + }, 2000); + }); + + + asyncTest( "page does not initialize at domready when autoinitialize option is false ", function(){ + $(document).one("mobileinit", function(){ + $.mobile.autoInitializePage = false; + }); + + $( "
      ", { "data-nstest-role": "page", "id": "autoinit-off" } ).prependTo( "body" ) + + location.hash = ""; + + + reloadCoreNSandInit(); + + setTimeout(function(){ + same( $( "#autoinit-off.ui-page" ).length, 0 ); + + $(document).bind("mobileinit", function(){ + $.mobile.autoInitializePage = true; + }); + + reloadCoreNSandInit(); + + start(); + }, 2000); + }); + + + + }); +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/init_core_nopage.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/init_core_nopage.js new file mode 100644 index 0000000..193af25 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/init_core_nopage.js @@ -0,0 +1,12 @@ +/* + * mobile init tests + */ +(function($){ + + + test( "page element is generated when not present in initial markup", function(){ + ok( $( ".ui-page" ).length, 1 ); + }); + + +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/nopage.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/nopage.html new file mode 100644 index 0000000..218b01c --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/init/nopage.html @@ -0,0 +1,31 @@ + + + + + jQuery Mobile Init Test Suite + + + + + + + + + + + + + + +

      jQuery Mobile Init Test Suite

      +

      +

      +
        +
      + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/jquery.setNameSpace.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/jquery.setNameSpace.js new file mode 100644 index 0000000..c4c9f22 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/jquery.setNameSpace.js @@ -0,0 +1,4 @@ +//set namespace for unit test markp +$( document ).bind( "mobileinit", function(){ + $.mobile.ns = "nstest-"; +}); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/cache-tests/cached-nested.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/cache-tests/cached-nested.html new file mode 100644 index 0000000..c6fbcdf --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/cache-tests/cached-nested.html @@ -0,0 +1,55 @@ + + + + + + +
      +
      +

      Basic multiple lists view

      +
      +
      +
        +
      • Item 1
        • +
      • Item 2
        • +
      • Item 3 +
          +
        • Item A-3-0
          • +
        • Item A-3-1
          • +
        • Item A-3-2
          • +
        +
        • +
      +
        +
      • Item 1
        • +
      • Item 2
        • +
      • Item 3 +
          +
        • Item B-3-0 +
            +
          • Item B-3-0-0
            • +
          • Item B-3-0-1 +
              +
            • Item B-3-0-1-0
              • +
            • Item B-3-0-1-1
              • +
            • Item B-3-0-1-2
              • +
            +
            • +
          • Item B-3-0-2
            • +
          +
          • +
        • Item B-3-1 +
            +
          • Item B-3-1-0
            • +
          • Item B-3-1-1
            • +
          • Item B-3-1-2
            • +
          +
          • +
        • Item B-3-2
          • +
        +
        • +
      +
      +
      + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/cache-tests/clear.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/cache-tests/clear.html new file mode 100644 index 0000000..c86bd96 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/cache-tests/clear.html @@ -0,0 +1,13 @@ + + + + + + +
      +
      + cleared +
      +
      + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/cache-tests/uncached-nested.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/cache-tests/uncached-nested.html new file mode 100644 index 0000000..4a3e8d6 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/cache-tests/uncached-nested.html @@ -0,0 +1,55 @@ + + + + + + +
      +
      +

      Basic multiple lists view

      +
      +
      +
        +
      • Item 1
        • +
      • Item 2
        • +
      • Item 3 +
          +
        • Item A-3-0
          • +
        • Item A-3-1
          • +
        • Item A-3-2
          • +
        +
        • +
      +
        +
      • Item 1
        • +
      • Item 2
        • +
      • Item 3 +
          +
        • Item B-3-0 +
            +
          • Item B-3-0-0
            • +
          • Item B-3-0-1 +
              +
            • Item B-3-0-1-0
              • +
            • Item B-3-0-1-1
              • +
            • Item B-3-0-1-2
              • +
            +
            • +
          • Item B-3-0-2
            • +
          +
          • +
        • Item B-3-1 +
            +
          • Item B-3-1-0
            • +
          • Item B-3-1-1
            • +
          • Item B-3-1-2
            • +
          +
          • +
        • Item B-3-2
          • +
        +
        • +
      +
      +
      + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/index.html new file mode 100644 index 0000000..02ccb42 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/index.html @@ -0,0 +1,324 @@ + + + + + + jQuery Mobile Listview Integration Test + + + + + + + + + + + + + + + +

      jQuery Mobile Listview Integration Test

      +

      +

      +
        +
      + + +       + + + + +
      +
      +

      Basic List View

      +
      +
      +
        +
      • Groups of animals +
          +
        • pod of whales
          • +
        • quiver of cobras
          • +
        • troop of baboons
          • +
        +
        • +
      • + + More animals + + +
          +
        • Shoal of Bass
          • +
        • Rhumba of rattlesnakes
          • +
        +
        • +
      +
      +
      + + +
      +
      +

      Basic multiple lists view

      +
      +
      +
        +
      • Item 1
        • +
      • Item 2
        • +
      • Item 3 +
          +
        • Item A-3-0
          • +
        • Item A-3-1
          • +
        • Item A-3-2
          • +
        +
        • +
      +
        +
      • Item 1
        • +
      • Item 2
        • +
      • Item 3 +
          +
        • Item B-3-0 +
            +
          • Item B-3-0-0
            • +
          • Item B-3-0-1 +
              +
            • Item B-3-0-1-0
              • +
            • Item B-3-0-1-1
              • +
            • Item B-3-0-1-2
              • +
            +
            • +
          • Item B-3-0-2
            • +
          +
          • +
        • Item B-3-1 +
            +
          • Item B-3-1-0
            • +
          • Item B-3-1-1
            • +
          • Item B-3-1-2
            • +
          +
          • +
        • Item B-3-2
          • +
        +
        • +
      +
      +
      + + +
      +
      +

      Basic List View

      +
      +
      +
        +
      1. Number 1
        2. +
      2. Number 2
        3. +
      3. Number 3
        4. +
      +
      +
      + +
      +
      +

      Numbered List

      +
      +
      + + +
      +
      +

      Basic List View

      +
      +
      +
        +
      • Read
        • +
      • Only
        • +
      • List
        • +
      • View
        • +
      +
      +
      + + +
      +
      +

      Split List View

      +
      + +
      + +
      +
      +

      Split List view 1

      +
      +
      + +
      +
      +

      Split List view 2

      +
      +
      + + +
      +
      +

      List Divider Test

      +
      +
      +
        +
      • a is for aquaman
        • +
      • b is for batman
        • +
      • This is a list divider
        • +
      • c is for catwoman
        • +
      • This is another list divider
        • +
      • d is for darkwing
        • +
      +
      +
      + + +
      +
      +

      Split List View

      +
      +
      +
        +
      • a is for aquaman
        • +
      • b is for batman
        • +
      • c is for catwoman
        • +
      • d is for darkwing
        • +
      +
      +
      + + +
      +
      +

      Split List View

      +
      +
      +
        +
      • a
        • +
      • a is for aquaman
        • +
      • b
        • +
      • b is for batman
        • +
      • c
        • +
      • c is for catwoman
        • +
      • d
        • +
      • d is for darkwing
        • +
      +
      +
      + + +
      +
      +

      Inset Filter List View

      +
      +
      +
        +
      • a is for aquaman
        • +
      • b is for batman
        • +
      • c is for catwoman
        • +
      • d is for darkwing
        • +
      +
      +
      + + +
      +
        +
        + + +
        +
        +

        Basic List View

        +
        +
        +
          +
        • Item 1
          • +
        • Item 2
          • +
        • Item 3
          • +
        • Item 4
          • +
        +
        +
        + + +
        +
        +

        Basic List View

        +
        +
        +
          +
        +
        +
        + +
        + +
        + +
        +
          +
        • foo
          • +
        +
        + +
        +
        +

        Right padding on item 1 is OK (75px).

        +

        Right padding on items 2 & 3 should probably be around 30 or 35 (not 25).

        +

        Right padding on item 4 should be 15px to match the left side.

        +
          +
        1. Link LI with counter --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------123
          2. +
        2. Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
          3. +
        3. Page1 Link LI without counter -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
          4. +
        4. Static LI with counter ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------123
          5. +
        5. Static LI without counter ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
          6. +
        +
        +
        + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/listview_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/listview_core.js new file mode 100755 index 0000000..21cc8d5 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/listview_core.js @@ -0,0 +1,784 @@ +/* + * mobile listview unit tests + */ + +// TODO split out into seperate test files +(function($){ + var home = $.mobile.path.parseUrl( location.href ).pathname; + + $.mobile.defaultTransition = "none"; + + module( "Basic Linked list", { + setup: function(){ + $.testHelper.openPage( "#basic-linked-test" ); + } + }); + + asyncTest( "The page should enhanced correctly", function(){ + setTimeout(function() { + ok($('#basic-linked-test .ui-li').length, ".ui-li classes added to li elements"); + start(); + }, 800); + }); + + asyncTest( "Slides to the listview page when the li a is clicked", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#basic-linked-test"); + }, + + function(){ + $('#basic-linked-test li a').first().click(); + }, + + function(){ + ok($('#basic-link-results').hasClass('ui-page-active')); + start(); + } + ]); + }); + + asyncTest( "Slides back to main page when back button is clicked", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#basic-link-results"); + }, + + function(){ + window.history.back(); + }, + + function(){ + ok($('#basic-linked-test').hasClass('ui-page-active')); + start(); + } + ]); + }); + + asyncTest( "Presence of ui-li-has- classes", function(){ + $.testHelper.pageSequence( [ + function() { + $.testHelper.openPage( "#ui-li-has-test" ); + }, + + function() { + var page = $( ".ui-page-active" ), + items = page.find( "li" ); + + ok( items.eq( 0 ).hasClass( "ui-li-has-count"), "First LI should have ui-li-has-count class" ); + ok( items.eq( 0 ).hasClass( "ui-li-has-arrow"), "First LI should have ui-li-has-arrow class" ); + ok( !items.eq( 1 ).hasClass( "ui-li-has-count"), "Second LI should NOT have ui-li-has-count class" ); + ok( items.eq( 1 ).hasClass( "ui-li-has-arrow"), "Second LI should have ui-li-has-arrow class" ); + ok( !items.eq( 2 ).hasClass( "ui-li-has-count"), "Third LI should NOT have ui-li-has-count class" ); + ok( !items.eq( 2 ).hasClass( "ui-li-has-arrow"), "Third LI should NOT have ui-li-has-arrow class" ); + ok( items.eq( 3 ).hasClass( "ui-li-has-count"), "Fourth LI should have ui-li-has-count class" ); + ok( !items.eq( 3 ).hasClass( "ui-li-has-arrow"), "Fourth LI should NOT have ui-li-has-arrow class" ); + ok( !items.eq( 4 ).hasClass( "ui-li-has-count"), "Fifth LI should NOT have ui-li-has-count class" ); + ok( !items.eq( 4 ).hasClass( "ui-li-has-arrow"), "Fifth LI should NOT have ui-li-has-arrow class" ); + start(); + } + ]); + }); + + module('Nested List Test'); + + asyncTest( "Changes page to nested list test and enhances", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#nested-list-test"); + }, + + function(){ + ok($('#nested-list-test').hasClass('ui-page-active'), "makes nested list test page active"); + ok($(':jqmData(url="nested-list-test&ui-page=0-0")').length == 1, "Adds first UL to the page"); + ok($(':jqmData(url="nested-list-test&ui-page=0-1")').length == 1, "Adds second nested UL to the page"); + start(); + } + ]); + }); + + asyncTest( "change to nested page when the li a is clicked", function() { + + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#nested-list-test"); + }, + + function(){ + $('.ui-page-active li:eq(1) a:eq(0)').click(); + }, + + function(){ + var $new_page = $(':jqmData(url="nested-list-test&ui-page=0-0")'); + + ok($new_page.hasClass('ui-page-active'), 'Makes the nested page the active page.'); + ok($('.ui-listview', $new_page).find(":contains('Rhumba of rattlesnakes')").length == 1, "The current page should have the proper text in the list."); + ok($('.ui-listview', $new_page).find(":contains('Shoal of Bass')").length == 1, "The current page should have the proper text in the list."); + start(); + } + ]); + }); + + asyncTest( "should go back to top level when the back button is clicked", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#nested-list-test&ui-page=0-0"); + }, + + function(){ + window.history.back(); + }, + + function(){ + ok($('#nested-list-test').hasClass('ui-page-active'), 'Transitions back to the parent nested page'); + start(); + } + ]); + }); + + test( "nested list title should use first text node, regardless of line breaks", function(){ + ok($('#nested-list-test .linebreaknode').text() === "More animals", 'Text should be "More animals"'); + }); + + asyncTest( "Multiple nested lists on a page with same labels", function() { + $.testHelper.pageSequence([ + function(){ + // https://github.com/jquery/jquery-mobile/issues/1617 + $.testHelper.openPage("#nested-lists-test"); + }, + + function(){ + // Click on the link of the third li element + $('.ui-page-active li:eq(2) a:eq(0)').click(); + }, + + function(){ + equal($('.ui-page-active .ui-content .ui-listview li').text(), "Item A-3-0Item A-3-1Item A-3-2", 'Text should be "Item A-3-0Item A-3-1Item A-3-2"'); + start(); + } + ]); + }); + + module('Ordered Lists'); + + asyncTest( "changes to the numbered list page and enhances it", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#numbered-list-test"); + }, + + function(){ + var $new_page = $('#numbered-list-test'); + ok($new_page.hasClass('ui-page-active'), "Makes the new page active when the hash is changed."); + ok($('.ui-link-inherit', $new_page).first().text() == "Number 1", "The text of the first LI should be Number 1"); + start(); + } + ]); + }); + + asyncTest( "changes to number 1 page when the li a is clicked", function() { + $.testHelper.pageSequence([ + function(){ + $('#numbered-list-test li a').first().click(); + }, + + function(){ + ok($('#numbered-list-results').hasClass('ui-page-active'), "The new numbered page was transitioned correctly."); + start(); + } + ]); + }); + + asyncTest( "takes us back to the numbered list when the back button is clicked", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage('#numbered-list-test'); + }, + + function(){ + $.testHelper.openPage('#numbered-list-results'); + }, + + function(){ + window.history.back(); + }, + + function(){ + ok($('#numbered-list-test').hasClass('ui-page-active')); + start(); + } + ]); + }); + + module('Read only list'); + + asyncTest( "changes to the read only page when hash is changed", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#read-only-list-test"); + }, + + function(){ + var $new_page = $('#read-only-list-test'); + ok($new_page.hasClass('ui-page-active'), "makes the read only page the active page"); + ok($('li', $new_page).first().text() === "Read", "The first LI has the proper text."); + start(); + } + ]); + }); + + module('Split view list'); + + asyncTest( "changes the page to the split view list and enhances it correctly.", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#split-list-test"); + }, + + function(){ + var $new_page = $('#split-list-test'); + ok($('.ui-li-link-alt', $new_page).length == 3); + ok($('.ui-link-inherit', $new_page).length == 3); + start(); + } + ]); + }); + + asyncTest( "change the page to the split view page 1 when the first link is clicked", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#split-list-test"); + }, + + function(){ + $('.ui-page-active .ui-li a:eq(0)').click(); + }, + + function(){ + ok($('#split-list-link1').hasClass('ui-page-active')); + start(); + } + ]); + }); + + asyncTest( "Slide back to the parent list view when the back button is clicked", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#split-list-test"); + }, + + function(){ + $('.ui-page-active .ui-listview a:eq(0)').click(); + }, + + function(){ + history.back(); + }, + + function(){ + ok($('#split-list-test').hasClass('ui-page-active')); + start(); + } + ]); + }); + + asyncTest( "Clicking on the icon (the second link) should take the user to other a href of this LI", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#split-list-test"); + }, + + function(){ + $('.ui-page-active .ui-li-link-alt:eq(0)').click(); + }, + + function(){ + ok($('#split-list-link2').hasClass('ui-page-active')); + start(); + } + ]); + }); + + module( "List Dividers" ); + + asyncTest( "Makes the list divider page the active page and enhances it correctly.", function() { + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#list-divider-test"); + }, + + function(){ + var $new_page = $('#list-divider-test'); + ok($new_page.find('.ui-li-divider').length == 2); + ok($new_page.hasClass('ui-page-active')); + start(); + } + ]); + }); + + module( "Search Filter"); + + var searchFilterId = "#search-filter-test"; + + + asyncTest( "Filter downs results when the user enters information", function() { + var $searchPage = $(searchFilterId); + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage(searchFilterId); + }, + + function() { + $searchPage.find('input').val('at'); + $searchPage.find('input').trigger('change'); + + same($searchPage.find('li.ui-screen-hidden').length, 2); + start(); + } + ]); + }); + + asyncTest( "Redisplay results when user removes values", function() { + var $searchPage = $(searchFilterId); + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage(searchFilterId); + }, + + function() { + $searchPage.find('input').val('a'); + $searchPage.find('input').trigger('change'); + + same($searchPage.find("li[style^='display: none;']").length, 0); + start(); + } + ]); + }); + + asyncTest( "Filter works fine with \\W- or regexp-special-characters", function() { + var $searchPage = $(searchFilterId); + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage(searchFilterId); + }, + + function() { + $searchPage.find('input').val('*'); + $searchPage.find('input').trigger('change'); + + same($searchPage.find('li.ui-screen-hidden').length, 4); + start(); + } + ]); + }); + + test( "Refresh applies thumb styling", function(){ + var ul = $('.ui-page-active ul'); + + ul.append("
        • "); + ok(!ul.find("#fiz img").hasClass("ui-li-thumb")); + ul.listview('refresh'); + ok(ul.find("#fiz img").hasClass("ui-li-thumb")); + }); + + asyncTest( "Filter downs results and dividers when the user enters information", function() { + var $searchPage = $("#search-filter-with-dividers-test"); + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage("#search-filter-with-dividers-test"); + }, + + // wait for the page to become active/enhanced + function(){ + $searchPage.find('input').val('at'); + $searchPage.find('input').trigger('change'); + setTimeout(function() { + //there should be four hidden list entries + same($searchPage.find('li.ui-screen-hidden').length, 4); + + //there should be two list entries that are list dividers and hidden + same($searchPage.find('li.ui-screen-hidden:jqmData(role=list-divider)').length, 2); + + //there should be two list entries that are not list dividers and hidden + same($searchPage.find('li.ui-screen-hidden:not(:jqmData(role=list-divider))').length, 2); + start(); + }, 1000); + } + ]); + }); + + asyncTest( "Redisplay results when user removes values", function() { + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage("#search-filter-with-dividers-test"); + }, + + function() { + $('.ui-page-active input').val('a'); + $('.ui-page-active input').trigger('change'); + + setTimeout(function() { + same($('.ui-page-active input').val(), 'a'); + same($('.ui-page-active li[style^="display: none;"]').length, 0); + start(); + }, 1000); + } + ]); + }); + + asyncTest( "Dividers are hidden when preceding hidden rows and shown when preceding shown rows", function () { + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage("#search-filter-with-dividers-test"); + }, + + function() { + var $page = $('.ui-page-active'); + + $page.find('input').val('at'); + $page.find('input').trigger('change'); + + setTimeout(function() { + same($page.find('li:jqmData(role=list-divider):hidden').length, 2); + same($page.find('li:jqmData(role=list-divider):hidden + li:not(:jqmData(role=list-divider)):hidden').length, 2); + same($page.find('li:jqmData(role=list-divider):not(:hidden) + li:not(:jqmData(role=list-divider)):not([:hidden)').length, 2); + start(); + }, 1000); + } + ]); + }); + + asyncTest( "Inset List View should refresh corner classes after filtering", 4 * 2, function () { + var checkClasses = function() { + var $page = $( ".ui-page-active" ), + $li = $page.find( "li:visible" ); + ok($li.first().hasClass( "ui-corner-top" ), $li.length+" li elements: First visible element should have class ui-corner-top"); + ok($li.last().hasClass( "ui-corner-bottom" ), $li.length+" li elements: Last visible element should have class ui-corner-bottom"); + }; + + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage("#search-filter-inset-test"); + }, + + function() { + var $page = $('.ui-page-active'); + $.testHelper.sequence([ + function() { + checkClasses(); + + $page.find('input').val('man'); + $page.find('input').trigger('change'); + }, + + function() { + checkClasses(); + + $page.find('input').val('at'); + $page.find('input').trigger('change'); + }, + + function() { + checkClasses(); + + $page.find('input').val('catwoman'); + $page.find('input').trigger('change'); + }, + + function() { + checkClasses(); + start(); + } + ], 50); + } + ]); + }); + + module( "Programmatically generated list items", { + setup: function(){ + var item, + data = [ + { + id: 1, + label: "Item 1" + }, + { + id: 2, + label: "Item 2" + }, + { + id: 3, + label: "Item 3" + }, + { + id: 4, + label: "Item 4" + } + ]; + + $( "#programmatically-generated-list-items" ).html(""); + + for ( var i = 0, len = data.length; i < len; i++ ) { + item = $( '
      • ' ); + label = $( "" + data[i].label + "").appendTo( item ); + $( "#programmatically-generated-list-items" ).append( item ); + } + } + }); + + asyncTest( "Corner styling on programmatically created list items", function() { + // https://github.com/jquery/jquery-mobile/issues/1470 + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage( "#programmatically-generated-list" ); + }, + function() { + ok(!$( "#programmatically-generated-list-items li:first-child" ).hasClass( "ui-corner-bottom" ), "First list item should not have class ui-corner-bottom" ); + start(); + } + ]); + }); + + module("Programmatic list items manipulation"); + + asyncTest("Removing list items", 4, function() { + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage("#removing-items-from-list-test"); + }, + + function() { + var ul = $('#removing-items-from-list-test ul'); + ul.find("li").first().remove(); + equal(ul.find("li").length, 3, "There should be only 3 list items left"); + + ul.listview('refresh'); + ok(ul.find("li").first().hasClass("ui-corner-top"), "First list item should have class ui-corner-top"); + + ul.find("li").last().remove(); + equal(ul.find("li").length, 2, "There should be only 2 list items left"); + + ul.listview('refresh'); + ok(ul.find("li").last().hasClass("ui-corner-bottom"), "Last list item should have class ui-corner-bottom"); + start(); + } + ]); + }); + + module("Rounded corners"); + + asyncTest("Top and bottom corners rounded in inset list", 14, function() { + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage("#corner-rounded-test"); + }, + + function() { + var ul = $('#corner-rounded-test ul'); + + for( var t = 0; t<3; t++){ + ul.append("
      • Item " + t + "
        • "); + ul.listview('refresh'); + equals(ul.find(".ui-corner-top").length, 1, "There should be only one element with class ui-corner-top"); + equals(ul.find("li:visible").first()[0], ul.find(".ui-corner-top")[0], "First list item should have class ui-corner-top in list with " + ul.find("li").length + " item(s)"); + equals(ul.find(".ui-corner-bottom").length, 1, "There should be only one element with class ui-corner-bottom"); + equals(ul.find("li:visible").last()[0], ul.find(".ui-corner-bottom")[0], "Last list item should have class ui-corner-bottom in list with " + ul.find("li").length + " item(s)"); + } + + ul.find( "li" ).first().hide(); + ul.listview( "refresh" ); + equals(ul.find("li:visible").first()[0], ul.find(".ui-corner-top")[0], "First visible list item should have class ui-corner-top"); + + ul.find( "li" ).last().hide(); + ul.listview( "refresh" ); + equals(ul.find("li:visible").last()[0], ul.find(".ui-corner-bottom")[0], "Last visible list item should have class ui-corner-bottom"); + + start(); + } + ]); + }); + + test( "Listview will create when inside a container that receives a 'create' event", function(){ + ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-listview").length, "did not have enhancements applied" ); + ok( $("#enhancetest").trigger("create").find(".ui-listview").length, "enhancements applied" ); + }); + + module( "Cached Linked List" ); + + var findNestedPages = function(selector){ + return $( selector + " #topmost" ).listview( 'childPages' ); + }; + + asyncTest( "nested pages are removed from the dom by default", function(){ + $.testHelper.pageSequence([ + function(){ + //reset for relative url refs + $.testHelper.openPage( "#" + home ); + }, + + function(){ + $.testHelper.openPage( "#cache-tests/uncached-nested.html" ); + }, + + function(){ + ok( findNestedPages( "#uncached-nested-list" ).length > 0, "verify that there are nested pages" ); + $.testHelper.openPage( "#" + home ); + }, + + function() { + $.testHelper.openPage( "#cache-tests/clear.html" ); + }, + + function(){ + same( findNestedPages( "#uncached-nested-list" ).length, 0 ); + start(); + } + ]); + }); + + asyncTest( "nested pages preserved when parent page is cached", function(){ + + $.testHelper.pageSequence([ + function(){ + //reset for relative url refs + $.testHelper.openPage( "#" + home ); + }, + + function(){ + $.testHelper.openPage( "#cache-tests/cached-nested.html" ); + }, + + function(){ + ok( findNestedPages( "#cached-nested-list" ).length > 0, "verify that there are nested pages" ); + $.testHelper.openPage( "#" + home ); + }, + + function() { + $.testHelper.openPage( "#cache-tests/clear.html" ); + }, + + function(){ + ok( findNestedPages( "#cached-nested-list" ).length > 0, "nested pages remain" ); + start(); + } + ]); + }); + + asyncTest( "parent page is not removed when visiting a sub page", function(){ + $.testHelper.pageSequence([ + function(){ + //reset for relative url refs + $.testHelper.openPage( "#" + home ); + }, + + function(){ + $.testHelper.openPage( "#cache-tests/cached-nested.html" ); + }, + + function(){ + same( $("#cached-nested-list").length, 1 ); + $.testHelper.openPage( "#" + home ); + }, + + function() { + $.testHelper.openPage( "#cache-tests/clear.html" ); + }, + + function(){ + same( $("#cached-nested-list").length, 1 ); + start(); + } + ]); + }); + + asyncTest( "filterCallback can be altered after widget creation", function(){ + var listPage = $( "#search-filter-test" ); + expect( listPage.find("li").length ); + + $.testHelper.pageSequence( [ + function(){ + //reset for relative url refs + $.testHelper.openPage( "#" + home ); + }, + + function() { + $.testHelper.openPage( "#search-filter-test" ); + }, + + function() { + // set the listview instance callback + listPage.find( "ul" ).listview( "option", "filterCallback", function() { + ok(true, "custom callback invoked"); + }); + + // trigger a change in the search filter + listPage.find( "input" ).val( "foo" ).trigger( "change" ); + + //NOTE beware a poossible issue with timing here + start(); + } + ]); + }); + + asyncTest( "nested pages hash key is always in the hash (replaceState)", function(){ + $.testHelper.pageSequence([ + function(){ + //reset for relative url refs + $.testHelper.openPage( "#" + home ); + }, + + function(){ + // https://github.com/jquery/jquery-mobile/issues/1617 + $.testHelper.openPage("#nested-lists-test"); + }, + + function(){ + // Click on the link of the third li element + $('.ui-page-active li:eq(2) a:eq(0)').click(); + }, + + function(){ + ok( location.hash.search($.mobile.subPageUrlKey) >= 0 ); + start(); + } + ]); + }); + + asyncTest( "embedded listview page with nested pages is not removed from the dom", function() { + $.testHelper.pageSequence([ + function() { + // open the nested list page + same( $("div#nested-list-test").length, 1 ); + $( "a#nested-list-test-anchor" ).click(); + }, + + function() { + // go back to the origin page + window.history.back(); + }, + + function() { + // make sure the page is still in place + same( $("div#nested-list-test").length, 1 ); + start(); + } + ]); + }); + + + asyncTest( "list inherits theme from parent", function() { + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage("#list-theme-inherit"); + }, + + function() { + var theme = $.mobile.activePage.jqmData('theme'); + ok( $.mobile.activePage.find("ul > li").hasClass("ui-body-b"), "theme matches the parent"); + window.history.back(); + }, + + start + ]); + }); +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/listview_pushstate.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/listview_pushstate.js new file mode 100644 index 0000000..6af09e7 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/listview_pushstate.js @@ -0,0 +1,15 @@ +(function($) { + asyncTest( "nested pages hash key is always in the hash on default page with no id (replaceState) ", function(){ + $.testHelper.pageSequence([ + function(){ + // Click on the link of the third li element + $('.ui-page-active li:eq(2) a:eq(0)').click(); + }, + + function(){ + ok( location.hash.search($.mobile.subPageUrlKey) >= 0 ); + start(); + } + ]); + }); +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/pushstate-tests.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/pushstate-tests.html new file mode 100644 index 0000000..5ed009b --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/listview/pushstate-tests.html @@ -0,0 +1,77 @@ + + + + + + jQuery Mobile Listview Integration Test + + + + + + + + + + + + + + + +

        jQuery Mobile Listview Integration Test

        +

        +

        +
          +
        + +
        +
        +

        Basic multiple lists view

        +
        +
        +
          +
        • Item 1
          • +
        • Item 2
          • +
        • Item 3 +
            +
          • Item A-3-0
            • +
          • Item A-3-1
            • +
          • Item A-3-2
            • +
          +
          • +
        +
          +
        • Item 1
          • +
        • Item 2
          • +
        • Item 3 +
            +
          • Item B-3-0 +
              +
            • Item B-3-0-0
              • +
            • Item B-3-0-1 +
                +
              • Item B-3-0-1-0
                • +
              • Item B-3-0-1-1
                • +
              • Item B-3-0-1-2
                • +
              +
              • +
            • Item B-3-0-2
              • +
            +
            • +
          • Item B-3-1 +
              +
            • Item B-3-1-0
              • +
            • Item B-3-1-1
              • +
            • Item B-3-1-2
              • +
            +
            • +
          • Item B-3-2
            • +
          +
          • +
        +
        +
        + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/ls.php b/libs/js/jquery-mobile-1.0.1pre/tests/unit/ls.php new file mode 100644 index 0000000..577bfec --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/ls.php @@ -0,0 +1,20 @@ + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/media/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/media/index.html new file mode 100644 index 0000000..fc5cb80 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/media/index.html @@ -0,0 +1,32 @@ + + + + + + jQuery Mobile Media Test Suite + + + + + + + + + + + + + + + + +

        jQuery Mobile Media Test Suite

        +

        +

        +
          +
        + +
        + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/media/media_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/media/media_core.js new file mode 100644 index 0000000..68eca0c --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/media/media_core.js @@ -0,0 +1,39 @@ +/* + * mobile media unit tests + */ + +(function($){ + var cssFn = $.fn.css, + widthFn = $.fn.width; + + // make sure original definitions are reset + module('jquery.mobile.media.js', { + setup: function(){ + $(document).trigger('mobileinit.htmlclass'); + }, + teardown: function(){ + $.fn.css = cssFn; + $.fn.width = widthFn; + } + }); + + test( "media query check returns true when the position is absolute", function(){ + $.fn.css = function(){ return "absolute"; }; + same($.mobile.media("screen 1"), true); + }); + + test( "media query check returns false when the position is not absolute", function(){ + $.fn.css = function(){ return "not absolute"; }; + same($.mobile.media("screen 2"), false); + }); + + test( "media query check is cached", function(){ + $.fn.css = function(){ return "absolute"; }; + same($.mobile.media("screen 3"), true); + + $.fn.css = function(){ return "not absolute"; }; + same($.mobile.media("screen 3"), true); + }); + + +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests.html new file mode 100644 index 0000000..a2beeb5 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests.html @@ -0,0 +1,73 @@ + + + + + + jQuery Mobile Navigation Test Suite + + + + + + + + + + + + + + + + + +

        jQuery Mobile Navigation Base Tag Test Suite

        +

        +

        +
          +
        + +
        + + + + + + +
        + +
        + + + + + + +
        + +
        +
        +
        + + +
        +
        +
        + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/app-base/base-page-1.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/app-base/base-page-1.html new file mode 100644 index 0000000..b417713 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/app-base/base-page-1.html @@ -0,0 +1,14 @@ + + + + + +
        + Base Page 2 + Content Page 1 + Internal Page 1 + Internal Page 2 + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/app-base/base-page-2.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/app-base/base-page-2.html new file mode 100644 index 0000000..ac84a98 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/app-base/base-page-2.html @@ -0,0 +1,14 @@ + + + + + +
        + Base Page 1 + Content Page 1 + Internal Page 1 + Internal Page 2 + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/content/content-page-1.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/content/content-page-1.html new file mode 100644 index 0000000..68cef02 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/content/content-page-1.html @@ -0,0 +1,19 @@ + + + + + +
        + Content Page 2 + Base Page 1 + Internal Page 1 + Internal Page 2 + + +
        + + +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/content/content-page-2.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/content/content-page-2.html new file mode 100644 index 0000000..76c9bbd --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/base-tests/content/content-page-2.html @@ -0,0 +1,14 @@ + + + + + +
        + Content Page 1 + Base Page 1 + Internal Page 1 + Internal Page 2 + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/cached-external.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/cached-external.html new file mode 100644 index 0000000..5ebcf06 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/cached-external.html @@ -0,0 +1,10 @@ + + + + + + +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/data-url.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/data-url.html new file mode 100644 index 0000000..bece3f8 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/data-url.html @@ -0,0 +1,10 @@ + + + + + +
        + This text intentionally left blank +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/nested.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/nested.html new file mode 100644 index 0000000..da75dbc --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/nested.html @@ -0,0 +1,8 @@ + + + + + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/non-data-url.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/non-data-url.html new file mode 100644 index 0000000..e0a299f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/non-data-url.html @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/reverse-attr.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/reverse-attr.html new file mode 100644 index 0000000..379577f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/reverse-attr.html @@ -0,0 +1,8 @@ + + + + + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/single-quotes.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/single-quotes.html new file mode 100644 index 0000000..74afd7f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/data-url-tests/single-quotes.html @@ -0,0 +1,8 @@ + + + + + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/dialog-param-test/dialog-param.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/dialog-param-test/dialog-param.html new file mode 100644 index 0000000..5c13d5f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/dialog-param-test/dialog-param.html @@ -0,0 +1,18 @@ + + + + + + +

        jQuery Mobile Navigation Test Suite

        +

        +

        +
          +
        + +
        + foo +
        + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/external.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/external.html new file mode 100644 index 0000000..c9a011d --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/external.html @@ -0,0 +1,9 @@ + + + + + + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/file.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/file.html new file mode 100644 index 0000000..5109dee --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/file.html @@ -0,0 +1,11 @@ + + + + + + +
        +
        doc rel test one
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/form-tests/changepage-data.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/form-tests/changepage-data.html new file mode 100644 index 0000000..2305c20 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/form-tests/changepage-data.html @@ -0,0 +1,8 @@ + + + + + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/form-tests/form-no-action.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/form-tests/form-no-action.html new file mode 100644 index 0000000..1b4ff7c --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/form-tests/form-no-action.html @@ -0,0 +1,15 @@ + + + + + +
        +
        +
        + + +
        +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/index.html new file mode 100644 index 0000000..24444ab --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/index.html @@ -0,0 +1,291 @@ + + + + + + jQuery Mobile Navigation Test Suite + + + + + + + + + + + + + + + + + +

        jQuery Mobile Navigation Test Suite

        +

        +

        +
          +
        + +
        +
        + +
        + + +
        + + + +
        +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        +
        +
        + +
        +
        + +
        +
        +
        + +
        + +
        + +
        +
        + + + + + +
        +
        +

        Dialog

        +
        +
        + +
        +
        + Dialog +
        +
        + +
        +
        + Page 2 +
        +
        + +
        + Go Back +
        + + +
        +
        + Dialog +
        +
        + +
        +
        + Dialog 2 +
        +
        + +
        +
        + +
        + +
        + +
        + +
        + +
        + test + test + test +
        + +
        +

        Title Heading

        +
        + +
        +

        Title Heading

        +
        + + + + + +
        + + go + go + go + go + go + go + + + + go + go + go + go + go + go + + + + go + go + go + go + go + go + + + + go + go + go + go + go + go + +
        + +
        +
        page didn't change!
        +
        + +
        + +
        + +
        +
        + page2 +
        +
        + + + + + +
        + foo +
        + +
        + +
        + static link +
        + +
        + + static link + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_base.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_base.js new file mode 100644 index 0000000..3b7f2b9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_base.js @@ -0,0 +1,205 @@ +/* + * mobile navigation base tag unit tests + */ +(function($){ + var baseDir = $.mobile.path.parseUrl($("base").attr("href")).directory, + contentDir = $.mobile.path.makePathAbsolute("../content/", baseDir); + + module('jquery.mobile.navigation.js - base tag', { + setup: function(){ + if ( location.hash ) { + stop(); + $(document).one("pagechange", function() { + start(); + } ); + location.hash = ""; + } + } + }); + + asyncTest( "can navigate between internal and external pages", function(){ + $.testHelper.pageSequence([ + function(){ + // Navigate from default internal page to another internal page. + $.testHelper.openPage( "#internal-page-2" ); + }, + + function(){ + // Verify that we are on the 2nd internal page. + $.testHelper.assertUrlLocation({ + push: location.pathname + "#internal-page-2", + hash: "internal-page-2", + report: "navigate to internal page" + }); + + // Navigate to a page that is in the base directory. Note that the application + // document and this new page are *NOT* in the same directory. + $("#internal-page-2 .bp1").click(); + }, + + function(){ + // Verify that we are on the expected page. + $.testHelper.assertUrlLocation({ + hashOrPush: baseDir + "base-page-1.html", + report: "navigate from internal page to page in base directory" + }); + + // Navigate to another page in the same directory as the current page. + $("#base-page-1 .bp2").click(); + }, + + function(){ + // Verify that we are on the expected page. + $.testHelper.assertUrlLocation({ + hashOrPush: baseDir + "base-page-2.html", + report: "navigate from base directory page to another base directory page" + }); + + // Navigate to another page in a directory that is the sibling of the base. + $("#base-page-2 .cp1").click(); + }, + + function(){ + // Verify that we are on the expected page. + $.testHelper.assertUrlLocation({ + hashOrPush: contentDir + "content-page-1.html", + report: "navigate from base directory page to a page in a different directory hierarchy" + }); + + // Navigate to another page in a directory that is the sibling of the base. + $("#content-page-1 .cp2").click(); + }, + + function(){ + // Verify that we are on the expected page. + $.testHelper.assertUrlLocation({ + hashOrPush: contentDir + "content-page-2.html", + report: "navigate to another page within the same non-base directory hierarchy" + }); + + // Navigate to an internal page. + $("#content-page-2 .ip1").click(); + }, + + function(){ + // Verify that we are on the expected page. + // the hash based nav result (hash:) is dictate by the fact that #internal-page-1 + // is the original root page element + $.testHelper.assertUrlLocation({ + hashOrPush: location.pathname + location.search, + report: "navigate from a page in a non-base directory to an internal page" + }); + + // Try calling changePage() directly with a relative path. + $.mobile.changePage("base-page-1.html"); + }, + + function(){ + // Verify that we are on the expected page. + $.testHelper.assertUrlLocation({ + hashOrPush: baseDir + "base-page-1.html", + report: "call changePage() with a filename (no path)" + }); + + // Try calling changePage() directly with a relative path. + $.mobile.changePage("../content/content-page-1.html"); + }, + + function(){ + // Verify that we are on the expected page. + $.testHelper.assertUrlLocation({ + hashOrPush: contentDir + "content-page-1.html", + report: "call changePage() with a relative path containing up-level references" + }); + + // Try calling changePage() with an id + $.mobile.changePage("content-page-2.html"); + }, + + function(){ + // Verify that we are on the expected page. + $.testHelper.assertUrlLocation({ + hashOrPush: contentDir + "content-page-2.html", + report: "call changePage() with a relative path should resolve relative to current page" + }); + + // test that an internal page works + $("a.ip2").click(); + }, + + function(){ + // Verify that we are on the expected page. + $.testHelper.assertUrlLocation({ + hash: "internal-page-2", + push: location.pathname + "#internal-page-2", + report: "call changePage() with a page id" + }); + + // Try calling changePage() with an id + $.mobile.changePage("internal-page-1"); + }, + + function(){ + // Verify that we are on the expected page. + $.testHelper.assertUrlLocation({ + hash: "internal-page-2", + push: location.pathname + "#internal-page-2", + report: "calling changePage() with a page id that is not prefixed with '#' should not change page" + }); + + // Previous load should have failed and left us on internal-page-2. + start(); + } + ]); + }); + + asyncTest( "internal form with no action submits to document URL", function(){ + $.testHelper.pageSequence([ + // open our test page + function(){ + $.testHelper.openPage( "#internal-no-action-form-page" ); + }, + + function(){ + $( "#internal-no-action-form-page form" ).eq( 0 ).submit(); + }, + + function(){ + $.testHelper.assertUrlLocation({ + hashOrPush: location.pathname + "?foo=1&bar=2", + report: "hash should match document url and not base url" + }); + + start(); + } + ]); + }); + + asyncTest( "external page form with no action submits to external page URL", function(){ + $.testHelper.pageSequence([ + function(){ + // Go to an external page that has a form. + $("#internal-page-1 .cp1").click(); + }, + + function(){ + // Make sure we actually navigated to the external page. + $.testHelper.assertUrlLocation({ + hashOrPush: contentDir + "content-page-1.html", + report: "should be on content-page-1.html" + }); + + // Now submit the form in the external page. + $("#content-page-1 form").eq(0).submit(); + }, + + function(){ + $.testHelper.assertUrlLocation({ + hashOrPush: contentDir + "content-page-1.html?foo=1&bar=2", + report: "hash should match page url and not document url" + }); + + start(); + }]); + }); +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_core.js new file mode 100644 index 0000000..7d61bcf --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_core.js @@ -0,0 +1,1143 @@ +/* + * mobile navigation unit tests + */ +(function($){ + // TODO move siteDirectory over to the nav path helper + var changePageFn = $.mobile.changePage, + originalTitle = document.title, + originalLinkBinding = $.mobile.linkBindingEnabled, + siteDirectory = location.pathname.replace( /[^/]+$/, "" ), + home = $.mobile.path.parseUrl(location.pathname).directory, + navigateTestRoot = function(){ + $.testHelper.openPage( "#" + location.pathname + location.search ); + }; + + module('jquery.mobile.navigation.js', { + setup: function(){ + $.mobile.changePage = changePageFn; + document.title = originalTitle; + + var pageReset = function( hash ) { + hash = hash || ""; + + stop(); + + $(document).one( "pagechange", function() { + start(); + }); + + location.hash = "#" + hash; + }; + + // force the page reset for hash based tests + if ( location.hash && !$.support.pushState ) { + pageReset(); + } + + // force the page reset for all pushstate tests + if ( $.support.pushState ) { + pageReset( home ); + } + + $.mobile.urlHistory.stack = []; + $.mobile.urlHistory.activeIndex = 0; + $.Event.prototype.which = undefined; + $.mobile.linkBindingEnabled = originalLinkBinding; + } + }); + + asyncTest( "window.history.back() from external to internal page", function(){ + + $.testHelper.pageSequence([ + + // open our test page + function(){ + $.testHelper.openPage("#active-state-page1"); + }, + + function(){ + ok( $.mobile.activePage[0] === $( "#active-state-page1" )[ 0 ], "successful navigation to internal page." ); + + //location.hash = siteDirectory + "external.html"; + $.mobile.changePage("external.html"); + }, + + function(){ + ok( $.mobile.activePage[0] !== $( "#active-state-page1" )[ 0 ], "successful navigation to external page." ); + + window.history.back(); + }, + + function(){ + ok( $.mobile.activePage[0] === $( "#active-state-page1" )[ 0 ], "successful navigation back to internal page." ); + + start(); + } + ]); + }); + + asyncTest( "external page is removed from the DOM after pagehide", function(){ + $.testHelper.pageSequence([ + navigateTestRoot, + + function(){ + $.mobile.changePage( "external.html" ); + }, + + // page is pulled and displayed in the dom + function(){ + same( $( "#external-test" ).length, 1 ); + window.history.back(); + }, + + // external-test is *NOT* cached in the dom after transitioning away + function(){ + same( $( "#external-test" ).length, 0 ); + start(); + } + ]); + }); + + asyncTest( "preventDefault on pageremove event can prevent external page from being removed from the DOM", function(){ + var preventRemoval = true, + removeCallback = function( e ) { + if ( preventRemoval ) { + e.preventDefault(); + } + }; + + $( document ).bind( "pageremove", removeCallback ); + + $.testHelper.pageSequence([ + navigateTestRoot, + + function(){ + $.mobile.changePage( "external.html" ); + }, + + // page is pulled and displayed in the dom + function(){ + same( $( "#external-test" ).length, 1 ); + window.history.back(); + }, + + // external-test *IS* cached in the dom after transitioning away + function(){ + same( $( "#external-test" ).length, 1 ); + + // Switch back to the page again! + $.mobile.changePage( "external.html" ); + }, + + // page is still present and displayed in the dom + function(){ + same( $( "#external-test" ).length, 1 ); + + // Now turn off our removal prevention. + preventRemoval = false; + + window.history.back(); + }, + + // external-test is *NOT* cached in the dom after transitioning away + function(){ + same( $( "#external-test" ).length, 0 ); + $( document ).unbind( "pageremove", removeCallback ); + start(); + } + ]); + }); + + asyncTest( "external page is cached in the DOM after pagehide", function(){ + $.testHelper.pageSequence([ + navigateTestRoot, + + function(){ + $.mobile.changePage( "cached-external.html" ); + }, + + // page is pulled and displayed in the dom + function(){ + same( $( "#external-test-cached" ).length, 1 ); + window.history.back(); + }, + + // external test page is cached in the dom after transitioning away + function(){ + same( $( "#external-test-cached" ).length, 1 ); + start(); + } + ]); + }); + + asyncTest( "external page is cached in the DOM after pagehide when option is set globally", function(){ + $.testHelper.pageSequence([ + navigateTestRoot, + + function(){ + $.mobile.page.prototype.options.domCache = true; + $.mobile.changePage( "external.html" ); + }, + + // page is pulled and displayed in the dom + function(){ + same( $( "#external-test" ).length, 1 ); + window.history.back(); + }, + + // external test page is cached in the dom after transitioning away + function(){ + same( $( "#external-test" ).length, 1 ); + $.mobile.page.prototype.options.domCache = false; + $( "#external-test" ).remove(); + start(); + }]); + }); + + asyncTest( "page last scroll distance is remembered while navigating to and from pages", function(){ + $.testHelper.pageSequence([ + function(){ + $( "body" ).height( $( window ).height() + 500 ); + $.mobile.changePage( "external.html" ); + }, + + function(){ + // wait for the initial scroll to 0 + setTimeout( function() { + window.scrollTo( 0, 300 ); + same( $(window).scrollTop(), 300, "scrollTop is 300 after setting it" ); + }, 300); + + // wait for the scrollstop to fire and for the scroll to be + // recorded 100 ms afterward (see changes made to handle hash + // scrolling in some browsers) + setTimeout( navigateTestRoot, 500 ); + }, + + function(){ + history.back(); + }, + + function(){ + // Give the silentScroll function some time to kick in. + setTimeout(function() { + same( $(window).scrollTop(), 300, "scrollTop is 300 after returning to the page" ); + $( "body" ).height( "" ); + start(); + }, 300 ); + } + ]); + }); + + asyncTest( "forms with data attribute ajax set to false will not call changePage", function(){ + var called = false; + var newChangePage = function(){ + called = true; + }; + + $.testHelper.sequence([ + // avoid initial page load triggering changePage early + function(){ + $.mobile.changePage = newChangePage; + + $('#non-ajax-form').one('submit', function(event){ + ok(true, 'submit callbacks are fired'); + event.preventDefault(); + }).submit(); + }, + + function(){ + ok(!called, "change page should not be called"); + start(); + }], 1000); + }); + + asyncTest( "forms with data attribute ajax not set or set to anything but false will call changePage", function(){ + var called = 0, + newChangePage = function(){ + called++; + }; + + $.testHelper.sequence([ + // avoid initial page load triggering changePage early + function(){ + $.mobile.changePage = newChangePage; + $('#ajax-form, #rand-ajax-form').submit(); + }, + + function(){ + ok(called >= 2, "change page should be called at least twice"); + start(); + }], 300); + }); + + + asyncTest( "anchors with no href attribute will do nothing when clicked", function(){ + var fired = false; + + $(window).bind("hashchange.temp", function(){ + fired = true; + }); + + $( "test" ).appendTo( $.mobile.firstPage ).click(); + + setTimeout(function(){ + same(fired, false, "hash shouldn't change after click"); + $(window).unbind("hashchange.temp"); + start(); + }, 500); + }); + + test( "urlHistory is working properly", function(){ + + //urlHistory + same( $.type( $.mobile.urlHistory.stack ), "array", "urlHistory.stack is an array" ); + + //preload the stack + $.mobile.urlHistory.stack[0] = { url: "foo", transition: "bar" }; + $.mobile.urlHistory.stack[1] = { url: "baz", transition: "shizam" }; + $.mobile.urlHistory.stack[2] = { url: "shizoo", transition: "shizaah" }; + + //active index + same( $.mobile.urlHistory.activeIndex , 0, "urlHistory.activeIndex is 0" ); + + //getActive + same( $.type( $.mobile.urlHistory.getActive() ) , "object", "active item is an object" ); + same( $.mobile.urlHistory.getActive().url , "foo", "active item has url foo" ); + same( $.mobile.urlHistory.getActive().transition , "bar", "active item has transition bar" ); + + //get prev / next + same( $.mobile.urlHistory.getPrev(), undefined, "urlHistory.getPrev() is undefined when active index is 0" ); + $.mobile.urlHistory.activeIndex = 1; + same( $.mobile.urlHistory.getPrev().url, "foo", "urlHistory.getPrev() has url foo when active index is 1" ); + $.mobile.urlHistory.activeIndex = 0; + same( $.mobile.urlHistory.getNext().url, "baz", "urlHistory.getNext() has url baz when active index is 0" ); + + //add new + $.mobile.urlHistory.activeIndex = 2; + $.mobile.urlHistory.addNew("test"); + same( $.mobile.urlHistory.stack.length, 4, "urlHistory.addNew() adds an item after the active index" ); + same( $.mobile.urlHistory.activeIndex, 3, "urlHistory.addNew() moves the activeIndex to the newly added item" ); + + //clearForward + $.mobile.urlHistory.activeIndex = 0; + $.mobile.urlHistory.clearForward(); + same( $.mobile.urlHistory.stack.length, 1, "urlHistory.clearForward() clears the url stack after the active index" ); + }); + + //url listening + function testListening( prop ){ + var stillListening = false; + $(document).bind("pagebeforehide", function(){ + stillListening = true; + }); + location.hash = "foozball"; + setTimeout(function(){ + ok( prop == stillListening, prop + " = false disables default hashchange event handler"); + location.hash = ""; + prop = true; + start(); + }, 1000); + } + + asyncTest( "ability to disable our hash change event listening internally", function(){ + testListening( ! $.mobile.urlHistory.ignoreNextHashChange ); + }); + + asyncTest( "ability to disable our hash change event listening globally", function(){ + testListening( $.mobile.hashListeningEnabled ); + }); + + var testDataUrlHash = function( linkSelector, matches ) { + $.testHelper.pageSequence([ + function(){ window.location.hash = ""; }, + function(){ $(linkSelector).click(); }, + function(){ + $.testHelper.assertUrlLocation( + $.extend(matches, { + report: "url or hash should match" + }) + ); + + start(); + } + ]); + + stop(); + }; + + test( "when loading a page where data-url is not defined on a sub element hash defaults to the url", function(){ + testDataUrlHash( "#non-data-url a", {hashOrPush: siteDirectory + "data-url-tests/non-data-url.html"} ); + }); + + test( "data url works for nested paths", function(){ + var url = "foo/bar.html"; + testDataUrlHash( "#nested-data-url a", {hash: url, push: home + url} ); + }); + + test( "data url works for single quoted paths and roles", function(){ + var url = "foo/bar/single.html"; + testDataUrlHash( "#single-quotes-data-url a", {hash: url, push: home + url} ); + }); + + test( "data url works when role and url are reversed on the page element", function(){ + var url = "foo/bar/reverse.html"; + testDataUrlHash( "#reverse-attr-data-url a", {hash: url, push: home + url} ); + }); + + asyncTest( "last entry choosen amongst multiple identical url history stack entries on hash change", function(){ + // make sure the stack is clear after initial page load an any other delayed page loads + // TODO better browser state management + $.mobile.urlHistory.stack = []; + $.mobile.urlHistory.activeIndex = 0; + + $.testHelper.pageSequence([ + function(){ $.testHelper.openPage("#dup-history-first"); }, + function(){ $("#dup-history-first a").click(); }, + function(){ $("#dup-history-second a:first").click(); }, + function(){ $("#dup-history-first a").click(); }, + function(){ $("#dup-history-second a:last").click(); }, + function(){ $("#dup-history-dialog a:contains('Close')").click(); }, + function(){ + + // fourth page (third index) in the stack to account for first page being hash manipulation, + // the third page is dup-history-second which has two entries in history + // the test is to make sure the index isn't 1 in this case, or the first entry for dup-history-second + same($.mobile.urlHistory.activeIndex, 3, "should be the fourth page in the stack"); + start(); + }]); + }); + + asyncTest( "going back from a page entered from a dialog skips the dialog and goes to the previous page", function(){ + $.testHelper.pageSequence([ + // setup + function(){ $.testHelper.openPage("#skip-dialog-first"); }, + + // transition to the dialog + function(){ $("#skip-dialog-first a").click(); }, + + // transition to the second page + function(){ $("#skip-dialog a").click(); }, + + // transition past the dialog via data-rel=back link on the second page + function(){ $("#skip-dialog-second a").click(); }, + + // make sure we're at the first page and not the dialog + function(){ + $.testHelper.assertUrlLocation({ + hash: "skip-dialog-first", + push: home + "#skip-dialog-first", + report: "should be the first page in the sequence" + }); + + start(); + }]); + }); + + asyncTest( "going forward from a page entered from a dialog skips the dialog and goes to the next page", function(){ + $.testHelper.pageSequence([ + // setup + function(){ $.testHelper.openPage("#skip-dialog-first"); }, + + // transition to the dialog + function(){ $("#skip-dialog-first a").click(); }, + + // transition to the second page + function(){ $("#skip-dialog a").click(); }, + + // transition to back past the dialog + function(){ window.history.back(); }, + + // transition to the second page past the dialog through history + function(){ window.history.forward(); }, + + // make sure we're on the second page and not the dialog + function(){ + $.testHelper.assertUrlLocation({ + hash: "skip-dialog-second", + push: home + "#skip-dialog-second", + report: "should be the second page after the dialog" + }); + + start(); + }]); + }); + + asyncTest( "going back from a dialog triggered from a dialog should result in the first dialog ", function(){ + $.testHelper.pageSequence([ + // setup + function(){ $.testHelper.openPage("#nested-dialog-page"); }, + + // transition to the dialog + function(){ $("#nested-dialog-page a").click(); }, + + // transition to the second dialog + function(){ $("#nested-dialog-first a").click(); }, + + // transition to back to the first dialog + function(){ window.history.back(); }, + + // make sure we're on first dialog + function(){ + same($(".ui-page-active")[0], $("#nested-dialog-first")[0], "should be the first dialog"); + start(); + }]); + }); + + asyncTest( "loading a relative file path after an embeded page works", function(){ + $.testHelper.pageSequence([ + // transition second page + function(){ $.testHelper.openPage("#relative-after-embeded-page-first"); }, + + // transition second page + function(){ $("#relative-after-embeded-page-first a").click(); }, + + // transition to the relative ajax loaded page + function(){ $("#relative-after-embeded-page-second a").click(); }, + + // make sure the page was loaded properly via ajax + function(){ + // data attribute intentionally left without namespace + same($(".ui-page-active").data("other"), "for testing", "should be relative ajax loaded page"); + start(); + }]); + }); + + asyncTest( "Page title updates properly when clicking back to previous page", function(){ + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#relative-after-embeded-page-first"); + }, + + function(){ + window.history.back(); + }, + + function(){ + same(document.title, "jQuery Mobile Navigation Test Suite"); + start(); + } + ]); + }); + + asyncTest( "Page title updates properly when clicking a link back to first page", function(){ + var title = document.title; + + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#ajax-title-page"); + }, + + function(){ + $("#titletest1").click(); + }, + + function(){ + same(document.title, "Title Tag"); + $.mobile.activePage.find("#title-check-link").click(); + }, + + function(){ + same(document.title, title); + start(); + } + ]); + }); + + asyncTest( "Page title updates properly from title tag when loading an external page", function(){ + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#ajax-title-page"); + }, + + function(){ + $("#titletest1").click(); + }, + + function(){ + same(document.title, "Title Tag"); + start(); + } + ]); + }); + + asyncTest( "Page title updates properly from data-title attr when loading an external page", function(){ + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#ajax-title-page"); + }, + + function(){ + $("#titletest2").click(); + }, + + function(){ + same(document.title, "Title Attr"); + start(); + } + ]); + }); + + asyncTest( "Page title updates properly from heading text in header when loading an external page", function(){ + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#ajax-title-page"); + }, + + function(){ + $("#titletest3").click(); + }, + + function(){ + same(document.title, "Title Heading"); + start(); + } + ]); + }); + + asyncTest( "Page links to the current active page result in the same active page", function(){ + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#self-link"); + }, + + function(){ + $("a[href='#self-link']").click(); + }, + + function(){ + same($.mobile.activePage[0], $("#self-link")[0], "self-link page is still the active page" ); + start(); + } + ]); + }); + + asyncTest( "links on subdirectory pages with query params append the params and load the page", function(){ + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#data-url-tests/non-data-url.html"); + }, + + function(){ + $("#query-param-anchor").click(); + }, + + function(){ + $.testHelper.assertUrlLocation({ + hashOrPush: home + "data-url-tests/non-data-url.html?foo=bar", + report: "the hash or url has query params" + }); + + ok($(".ui-page-active").jqmData("url").indexOf("?foo=bar") > -1, "the query params are in the data url"); + start(); + } + ]); + }); + + asyncTest( "identical query param link doesn't add additional set of query params", function(){ + $.testHelper.pageSequence([ + function(){ + $.testHelper.openPage("#data-url-tests/non-data-url.html"); + }, + + function(){ + $("#query-param-anchor").click(); + }, + + function(){ + $.testHelper.assertUrlLocation({ + hashOrPush: home + "data-url-tests/non-data-url.html?foo=bar", + report: "the hash or url has query params" + }); + + $("#query-param-anchor").click(); + }, + + function(){ + $.testHelper.assertUrlLocation({ + hashOrPush: home + "data-url-tests/non-data-url.html?foo=bar", + report: "the hash or url still has query params" + }); + + start(); + } + ]); + }); + + // Special handling inside navigation because query params must be applied to the hash + // or absolute reference and dialogs apply extra information int the hash that must be removed + asyncTest( "query param link from a dialog to itself should be a not add another dialog", function(){ + var firstDialogLoc; + + $.testHelper.pageSequence([ + // open our test page + function(){ + $.testHelper.openPage("#dialog-param-link"); + }, + + // navigate to the subdirectory page with the query link + function(){ + $("#dialog-param-link a").click(); + }, + + // navigate to the query param self reference link + function(){ + $("#dialog-param-link-page a").click(); + }, + + // attempt to navigate to the same link + function(){ + // store the current hash for comparison (with one dialog hash key) + firstDialogLoc = location.hash || location.href; + $("#dialog-param-link-page a").click(); + }, + + function(){ + same(location.hash || location.href, firstDialogLoc, "additional dialog hash key not added"); + start(); + } + ]); + }); + + asyncTest( "query data passed as string to changePage is appended to URL", function(){ + $.testHelper.pageSequence([ + // open our test page + function(){ + $.mobile.changePage( "form-tests/changepage-data.html", { + data: "foo=1&bar=2" + } ); + }, + + function(){ + $.testHelper.assertUrlLocation({ + hashOrPush: home + "form-tests/changepage-data.html?foo=1&bar=2", + report: "the hash or url still has query params" + }); + + start(); + } + ]); + }); + + asyncTest( "query data passed as object to changePage is appended to URL", function(){ + $.testHelper.pageSequence([ + // open our test page + function(){ + $.mobile.changePage( "form-tests/changepage-data.html", { + data: { + foo: 3, + bar: 4 + } + } ); + }, + + function(){ + $.testHelper.assertUrlLocation({ + hashOrPush: home + "form-tests/changepage-data.html?foo=3&bar=4", + report: "the hash or url still has query params" + }); + + start(); + } + ]); + }); + + asyncTest( "refresh of a dialog url should not duplicate page", function(){ + $.testHelper.pageSequence([ + // open our test page + function(){ + same($(".foo-class").length, 1, "should only have one instance of foo-class in the document"); + location.hash = "#foo&ui-state=dialog"; + }, + + function(){ + $.testHelper.assertUrlLocation({ + hash: "foo&ui-state=dialog", + push: home + "#foo&ui-state=dialog", + report: "hash should match what was loaded" + }); + + same( $(".foo-class").length, 1, "should only have one instance of foo-class in the document" ); + start(); + } + ]); + }); + + asyncTest( "internal form with no action submits to document URL", function(){ + $.testHelper.pageSequence([ + // open our test page + function(){ + $.testHelper.openPage("#internal-no-action-form-page"); + }, + + function(){ + $("#internal-no-action-form-page form").eq(0).submit(); + }, + + function(){ + $.testHelper.assertUrlLocation({ + hashOrPush: home + "?foo=1&bar=2", + report: "hash should match what was loaded" + }); + + start(); + } + ]); + }); + + asyncTest( "external page containing form with no action submits to page URL", function(){ + $.testHelper.pageSequence([ + // open our test page + function(){ + $.testHelper.openPage("#internal-no-action-form-page"); + }, + + function(){ + $("#internal-no-action-form-page a").eq(0).click(); + }, + + function(){ + $("#external-form-no-action-page form").eq(0).submit(); + }, + + function(){ + $.testHelper.assertUrlLocation({ + hashOrPush: home + "form-tests/form-no-action.html?foo=1&bar=2", + report: "hash should match page url and not document url" + }); + + start(); + } + ]); + }); + + asyncTest( "handling of active button state when navigating", 1, function(){ + + $.testHelper.pageSequence([ + // open our test page + function(){ + $.testHelper.openPage("#active-state-page1"); + }, + + function(){ + $("#active-state-page1 a").eq(0).click(); + }, + + function(){ + $("#active-state-page2 a").eq(0).click(); + }, + + function(){ + ok(!$("#active-state-page1 a").hasClass( $.mobile.activeBtnClass ), "No button should not have class " + $.mobile.activeBtnClass ); + start(); + } + ]); + }); + + // issue 2444 https://github.com/jquery/jquery-mobile/issues/2444 + // results from preventing spurious hash changes + asyncTest( "dialog should return to its parent page when open and closed multiple times", function() { + $.testHelper.pageSequence([ + // open our test page + function(){ + $.testHelper.openPage("#default-trans-dialog"); + }, + + function(){ + $.mobile.activePage.find( "a" ).click(); + }, + + function(){ + window.history.back(); + }, + + function(){ + same( $.mobile.activePage[0], $( "#default-trans-dialog" )[0] ); + $.mobile.activePage.find( "a" ).click(); + }, + + function(){ + window.history.back(); + }, + + function(){ + same( $.mobile.activePage[0], $( "#default-trans-dialog" )[0] ); + start(); + } + ]); + }); + + asyncTest( "clicks with middle mouse button are ignored", function() { + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage( "#odd-clicks-page" ); + }, + + function() { + $( "#right-or-middle-click" ).click(); + }, + + // make sure the page is opening first without the mocked button click value + // only necessary to prevent issues with test specific fixtures + function() { + same($.mobile.activePage[0], $("#odd-clicks-page-dest")[0]); + $.testHelper.openPage( "#odd-clicks-page" ); + + // mock the which value to simulate a middle click + $.Event.prototype.which = 2; + }, + + function() { + $( "#right-or-middle-click" ).click(); + }, + + function( timeout ) { + ok( timeout, "page event handler timed out due to ignored click" ); + ok($.mobile.activePage[0] !== $("#odd-clicks-page-dest")[0], "pages are not the same"); + start(); + } + ]); + }); + + asyncTest( "disabling link binding disables navigation via links and highlighting", function() { + $.mobile.linkBindingEnabled = false; + + $.testHelper.pageSequence([ + function() { + $.testHelper.openPage("#bar"); + }, + + function() { + $.mobile.activePage.find( "a" ).click(); + }, + + function( timeout ) { + ok( !$.mobile.activePage.find( "a" ).hasClass( $.mobile.activeBtnClass ), "vlick handler doesn't add the activebtn class" ); + ok( timeout, "no page change was fired" ); + start(); + } + ]); + }); + + asyncTest( "handling of button active state when navigating by clicking back button", 1, function(){ + $.testHelper.pageSequence([ + // open our test page + function(){ + $.testHelper.openPage("#active-state-page1"); + }, + + function(){ + $("#active-state-page1 a").eq(0).click(); + }, + + function(){ + $("#active-state-page2 a").eq(1).click(); + }, + + function(){ + $("#active-state-page1 a").eq(0).click(); + }, + + function(){ + ok(!$("#active-state-page2 a").hasClass( $.mobile.activeBtnClass ), "No button should not have class " + $.mobile.activeBtnClass ); + start(); + } + ]); + }); + + asyncTest( "can navigate to dynamically injected page with dynamically injected link", function(){ + $.testHelper.pageSequence([ + // open our test page + function(){ + $.testHelper.openPage("#inject-links-page"); + }, + + function(){ + var $ilpage = $( "#inject-links-page" ), + $link = $( "injected-test-page link" ); + + // Make sure we actually navigated to the expected page. + ok( $.mobile.activePage[ 0 ] == $ilpage[ 0 ], "navigated successfully to #inject-links-page" ); + + // Now dynamically insert a page. + $ilpage.parent().append( "
        testing...
        " ); + + // Now inject a link to this page dynamically and attempt to navigate + // to the page we just inserted. + $link.appendTo( $ilpage ).click(); + }, + + function(){ + // Make sure we actually navigated to the expected page. + ok( $.mobile.activePage[ 0 ] == $( "#injected-test-page" )[ 0 ], "navigated successfully to #injected-test-page" ); + + start(); + } + ]); + }); + + asyncTest( "application url with dialogHashKey loads application's first page", function(){ + $.testHelper.pageSequence([ + // open our test page + function(){ + // Navigate to any page except the first page of the application. + $.testHelper.openPage("#foo"); + }, + + function(){ + ok( $.mobile.activePage[ 0 ] === $( "#foo" )[ 0 ], "navigated successfully to #foo" ); + + // Now navigate to an hash that contains just a dialogHashKey. + $.mobile.changePage("#" + $.mobile.dialogHashKey); + }, + + function(){ + // Make sure we actually navigated to the first page. + ok( $.mobile.activePage[ 0 ] === $.mobile.firstPage[ 0 ], "navigated successfully to first-page" ); + + // Now make sure opening the page didn't result in page duplication. + ok( $.mobile.firstPage.hasClass( "first-page" ), "first page has expected class" ); + same( $( ".first-page" ).length, 1, "first page was not duplicated" ); + + start(); + } + ]); + }); + + asyncTest( "navigate to non-existent internal page throws pagechangefailed", function(){ + var pagechangefailed = false, + pageChangeFailedCB = function( e ) { + pagechangefailed = true; + } + + $( document ).bind( "pagechangefailed", pageChangeFailedCB ); + + $.testHelper.pageSequence([ + // open our test page + function(){ + // Make sure there's only one copy of the first-page in the DOM to begin with. + ok( $.mobile.firstPage.hasClass( "first-page" ), "first page has expected class" ); + same( $( ".first-page" ).length, 1, "first page was not duplicated" ); + + // Navigate to any page except the first page of the application. + $.testHelper.openPage("#foo"); + }, + + function(){ + var $foo = $( "#foo" ); + ok( $.mobile.activePage[ 0 ] === $foo[ 0 ], "navigated successfully to #foo" ); + same( pagechangefailed, false, "no page change failures" ); + + // Now navigate to a non-existent page. + $foo.find( "#bad-internal-page-link" ).click(); + }, + + function(){ + // Make sure a pagechangefailed event was triggered. + same( pagechangefailed, true, "pagechangefailed dispatched" ); + + // Make sure we didn't navigate away from #foo. + ok( $.mobile.activePage[ 0 ] === $( "#foo" )[ 0 ], "did not navigate away from #foo" ); + + // Now make sure opening the page didn't result in page duplication. + same( $( ".first-page" ).length, 1, "first page was not duplicated" ); + + $( document ).unbind( "pagechangefailed", pageChangeFailedCB ); + + start(); + } + ]); + }); + + asyncTest( "prefetched links with data rel dialog result in a dialog", function() { + $.testHelper.pageSequence([ + // open our test page + function(){ + // Navigate to any page except the first page of the application. + $.testHelper.openPage("#prefetched-dialog-page"); + }, + + function() { + $("#prefetched-dialog-link").click(); + }, + + function() { + ok( $.mobile.activePage.is(".ui-dialog"), "prefetched page is rendered as a dialog" ); + start(); + } + ]); + }); + + asyncTest( "first page gets reloaded if pruned from the DOM", function(){ + var hideCallbackTriggered = false; + + function hideCallback( e, data ) + { + var page = e.target; + ok( ( page === $.mobile.firstPage[ 0 ] ), "hide called with prevPage set to firstPage"); + if ( page === $.mobile.firstPage[ 0 ] ) { + $( page ).remove(); + } + hideCallbackTriggered = true; + } + + $(document).bind('pagehide', hideCallback); + + $.testHelper.pageSequence([ + function(){ + // Make sure the first page is actually in the DOM. + ok( $.mobile.firstPage.parent().length !== 0, "first page is currently in the DOM" ); + + // Make sure the first page is the active page. + ok( $.mobile.activePage[ 0 ] === $.mobile.firstPage[ 0 ], "first page is the active page" ); + + // Now make sure the first page has an id that we can use to reload it. + ok( $.mobile.firstPage[ 0 ].id, "first page has an id" ); + + // Make sure there is only one first page in the DOM. + same( $( ".first-page" ).length, 1, "only one instance of the first page in the DOM" ); + + // Navigate to any page except the first page of the application. + $.testHelper.openPage("#foo"); + }, + + function(){ + // Make sure the active page is #foo. + ok( $.mobile.activePage[ 0 ] === $( "#foo" )[ 0 ], "navigated successfully to #foo" ); + + // Make sure our hide callback was triggered. + ok( hideCallbackTriggered, "hide callback was triggered" ); + + // Make sure the first page was actually pruned from the document. + ok( $.mobile.firstPage.parent().length === 0, "first page was pruned from the DOM" ); + same( $( ".first-page" ).length, 0, "no instance of the first page in the DOM" ); + + // Remove our hideCallback. + $(document).unbind('pagehide', hideCallback); + + // Navigate back to the first page! + $.testHelper.openPage( "#" + $.mobile.firstPage[0].id ); + }, + + function(){ + var firstPage = $( ".first-page" ); + + // We should only have one first page in the document at any time! + same( firstPage.length, 1, "single instance of first page recreated in the DOM" ); + + // Make sure the first page in the DOM is actually a different DOM element than the original + // one we started with. + ok( $.mobile.firstPage[ 0 ] !== firstPage[ 0 ], "first page is a new DOM element"); + + // Make sure we actually navigated to the new first page. + ok( $.mobile.activePage[ 0 ] === firstPage[ 0 ], "navigated successfully to new first-page"); + + // Reset the $.mobile.firstPage for subsequent tests. + // XXX: Should we just get rid of the new one and restore the old? + $.mobile.firstPage = $.mobile.activePage; + + start(); + } + ]); + }); +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_dialog_pushstate.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_dialog_pushstate.js new file mode 100644 index 0000000..a056f64 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_dialog_pushstate.js @@ -0,0 +1,16 @@ +(function($) { + asyncTest( "dialog ui-state should be part of the hash", function(){ + $.testHelper.sequence([ + function() { + // open the test page + $.mobile.activePage.find( "a" ).click(); + }, + + function() { + // verify that the hash contains the dialogHashKey + ok( location.hash.search($.mobile.dialogHashKey) >= 0 ); + start(); + } + ]); + }); +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_helpers.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_helpers.js new file mode 100644 index 0000000..88533b7 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_helpers.js @@ -0,0 +1,218 @@ +/* + * mobile navigation unit tests + */ +(function($){ + var siteDirectory = location.pathname.replace(/[^/]+$/, ""); + + module('jquery.mobile.navigation.js', { + setup: function(){ + if ( location.hash ) { + stop(); + $(document).one("pagechange", function() { + start(); + } ); + location.hash = ""; + } + } + }); + + test( "path.get method is working properly", function(){ + window.location.hash = "foo"; + same($.mobile.path.get(), "foo", "get method returns location.hash minus hash character"); + same($.mobile.path.get( "#foo/bar/baz.html" ), "foo/bar/", "get method with hash arg returns path with no filename or hash prefix"); + same($.mobile.path.get( "#foo/bar/baz.html/" ), "foo/bar/baz.html/", "last segment of hash is retained if followed by a trailing slash"); + }); + + test( "path.isPath method is working properly", function(){ + ok(!$.mobile.path.isPath('bar'), "anything without a slash is not a path"); + ok($.mobile.path.isPath('bar/'), "anything with a slash is a path"); + ok($.mobile.path.isPath('/bar'), "anything with a slash is a path"); + ok($.mobile.path.isPath('a/r'), "anything with a slash is a path"); + ok($.mobile.path.isPath('/'), "anything with a slash is a path"); + }); + + test( "path.getFilePath method is working properly", function(){ + same($.mobile.path.getFilePath("foo.html" + "&" + $.mobile.subPageUrlKey ), "foo.html", "returns path without sub page key"); + }); + + test( "path.set method is working properly", function(){ + $.mobile.urlHistory.ignoreNextHashChange = false; + $.mobile.path.set("foo"); + same("foo", window.location.hash.replace(/^#/,""), "sets location.hash properly"); + }); + + test( "path.makeUrlAbsolute is working properly", function(){ + var mua = $.mobile.path.makeUrlAbsolute, + p1 = "http://jqm.com/", + p2 = "http://jqm.com/?foo=1&bar=2", + p3 = "http://jqm.com/#spaz", + p4 = "http://jqm.com/?foo=1&bar=2#spaz", + + p5 = "http://jqm.com/test.php", + p6 = "http://jqm.com/test.php?foo=1&bar=2", + p7 = "http://jqm.com/test.php#spaz", + p8 = "http://jqm.com/test.php?foo=1&bar=2#spaz", + + p9 = "http://jqm.com/dir1/dir2/", + p10 = "http://jqm.com/dir1/dir2/?foo=1&bar=2", + p11 = "http://jqm.com/dir1/dir2/#spaz", + p12 = "http://jqm.com/dir1/dir2/?foo=1&bar=2#spaz", + + p13 = "http://jqm.com/dir1/dir2/test.php", + p14 = "http://jqm.com/dir1/dir2/test.php?foo=1&bar=2", + p15 = "http://jqm.com/dir1/dir2/test.php#spaz", + p16 = "http://jqm.com/dir1/dir2/test.php?foo=1&bar=2#spaz"; + + // Test URL conversion against an absolute URL to the site root. + // directory tests + same( mua( "http://jqm.com/", p1 ), "http://jqm.com/", "absolute root - absolute root" ); + same( mua( "//jqm.com/", p1 ), "http://jqm.com/", "protocol relative root - absolute root" ); + same( mua( "/", p1 ), "http://jqm.com/", "site relative root - absolute root" ); + + same( mua( "http://jqm.com/?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "absolute root with query - absolute root" ); + same( mua( "//jqm.com/?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "protocol relative root with query - absolute root" ); + same( mua( "/?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "site relative root with query - absolute root" ); + same( mua( "?foo=1&bar=2", p1 ), "http://jqm.com/?foo=1&bar=2", "query relative - absolute root" ); + + same( mua( "http://jqm.com/#spaz", p1 ), "http://jqm.com/#spaz", "absolute root with fragment - absolute root" ); + same( mua( "//jqm.com/#spaz", p1 ), "http://jqm.com/#spaz", "protocol relative root with fragment - absolute root" ); + same( mua( "/#spaz", p1 ), "http://jqm.com/#spaz", "site relative root with fragment - absolute root" ); + same( mua( "#spaz", p1 ), "http://jqm.com/#spaz", "fragment relative - absolute root" ); + + same( mua( "http://jqm.com/?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "absolute root with query and fragment - absolute root" ); + same( mua( "//jqm.com/?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "protocol relative root with query and fragment - absolute root" ); + same( mua( "/?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "site relative root with query and fragment - absolute root" ); + same( mua( "?foo=1&bar=2#spaz", p1 ), "http://jqm.com/?foo=1&bar=2#spaz", "query relative and fragment - absolute root" ); + + // file tests + same( mua( "http://jqm.com/test.php", p1 ), "http://jqm.com/test.php", "absolute file at root - absolute root" ); + same( mua( "//jqm.com/test.php", p1 ), "http://jqm.com/test.php", "protocol relative file at root - absolute root" ); + same( mua( "/test.php", p1 ), "http://jqm.com/test.php", "site relative file at root - absolute root" ); + same( mua( "test.php", p1 ), "http://jqm.com/test.php", "document relative file at root - absolute root" ); + + same( mua( "http://jqm.com/test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "absolute file at root with query - absolute root" ); + same( mua( "//jqm.com/test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "protocol relative file at root with query - absolute root" ); + same( mua( "/test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "site relative file at root with query - absolute root" ); + same( mua( "test.php?foo=1&bar=2", p1 ), "http://jqm.com/test.php?foo=1&bar=2", "document relative file at root with query - absolute root" ); + + same( mua( "http://jqm.com/test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "absolute file at root with fragment - absolute root" ); + same( mua( "//jqm.com/test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "protocol relative file at root with fragment - absolute root" ); + same( mua( "/test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "site relative file at root with fragment - absolute root" ); + same( mua( "test.php#spaz", p1 ), "http://jqm.com/test.php#spaz", "file at root with fragment - absolute root" ); + + same( mua( "http://jqm.com/test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "absolute file at root with query and fragment - absolute root" ); + same( mua( "//jqm.com/test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "protocol relative file at root with query and fragment - absolute root" ); + same( mua( "/test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "site relative file at root with query and fragment - absolute root" ); + same( mua( "test.php?foo=1&bar=2#spaz", p1 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "query relative file at root fragment - absolute root" ); + + // Test URL conversion against an absolute URL to a file at the site root. + + same( mua( "http://jqm.com/", p5 ), "http://jqm.com/", "absolute root - absolute root" ); + same( mua( "//jqm.com/", p5 ), "http://jqm.com/", "protocol relative root - absolute root" ); + same( mua( "/", p5 ), "http://jqm.com/", "site relative root - absolute root" ); + + same( mua( "http://jqm.com/?foo=1&bar=2", p5 ), "http://jqm.com/?foo=1&bar=2", "absolute root with query - absolute root" ); + same( mua( "//jqm.com/?foo=1&bar=2", p5 ), "http://jqm.com/?foo=1&bar=2", "protocol relative root with query - absolute root" ); + same( mua( "/?foo=1&bar=2", p5 ), "http://jqm.com/?foo=1&bar=2", "site relative root with query - absolute root" ); + same( mua( "?foo=1&bar=2", p5 ), "http://jqm.com/test.php?foo=1&bar=2", "query relative - absolute root" ); + + same( mua( "http://jqm.com/#spaz", p5 ), "http://jqm.com/#spaz", "absolute root with fragment - absolute root" ); + same( mua( "//jqm.com/#spaz", p5 ), "http://jqm.com/#spaz", "protocol relative root with fragment - absolute root" ); + same( mua( "/#spaz", p5 ), "http://jqm.com/#spaz", "site relative root with fragment - absolute root" ); + same( mua( "#spaz", p5 ), "http://jqm.com/test.php#spaz", "fragment relative - absolute root" ); + + same( mua( "http://jqm.com/?foo=1&bar=2#spaz", p5 ), "http://jqm.com/?foo=1&bar=2#spaz", "absolute root with query and fragment - absolute root" ); + same( mua( "//jqm.com/?foo=1&bar=2#spaz", p5 ), "http://jqm.com/?foo=1&bar=2#spaz", "protocol relative root with query and fragment - absolute root" ); + same( mua( "/?foo=1&bar=2#spaz", p5 ), "http://jqm.com/?foo=1&bar=2#spaz", "site relative root with query and fragment - absolute root" ); + same( mua( "?foo=1&bar=2#spaz", p5 ), "http://jqm.com/test.php?foo=1&bar=2#spaz", "query relative and fragment - absolute root" ); + }); + + // https://github.com/jquery/jquery-mobile/issues/2362 + test( "ipv6 host support", function(){ + // http://www.ietf.org/rfc/rfc2732.txt ipv6 examples for tests + // most definitely not comprehensive + var ipv6_1 = "http://[FEDC:BA98:7654:3210:FEDC:BA98:7654:3210]:80/index.html", + ipv6_2 = "http://[1080:0:0:0:8:800:200C:417A]/index.html", + ipv6_3 = "http://[3ffe:2a00:100:7031::1]", + ipv6_4 = "http://[1080::8:800:200C:417A]/foo", + ipv6_5 = "http://[::192.9.5.5]/ipng", + ipv6_6 = "http://[::FFFF:129.144.52.38]:80/index.html", + ipv6_7 = "http://[2010:836B:4179::836B:4179]", + fromIssue = "http://[3fff:cafe:babe::]:443/foo"; + + same( $.mobile.path.parseUrl(ipv6_1).host, "[FEDC:BA98:7654:3210:FEDC:BA98:7654:3210]:80"); + same( $.mobile.path.parseUrl(ipv6_1).hostname, "[FEDC:BA98:7654:3210:FEDC:BA98:7654:3210]"); + same( $.mobile.path.parseUrl(ipv6_2).host, "[1080:0:0:0:8:800:200C:417A]"); + same( $.mobile.path.parseUrl(ipv6_3).host, "[3ffe:2a00:100:7031::1]"); + same( $.mobile.path.parseUrl(ipv6_4).host, "[1080::8:800:200C:417A]"); + same( $.mobile.path.parseUrl(ipv6_5).host, "[::192.9.5.5]"); + same( $.mobile.path.parseUrl(ipv6_6).host, "[::FFFF:129.144.52.38]:80"); + same( $.mobile.path.parseUrl(ipv6_6).hostname, "[::FFFF:129.144.52.38]"); + same( $.mobile.path.parseUrl(ipv6_7).host, "[2010:836B:4179::836B:4179]"); + same( $.mobile.path.parseUrl(fromIssue).host, "[3fff:cafe:babe::]:443"); + same( $.mobile.path.parseUrl(fromIssue).hostname, "[3fff:cafe:babe::]"); + }); + + test( "path.clean is working properly", function(){ + var localroot = location.protocol + "//" + location.host + location.pathname, + remoteroot = "http://google.com/", + fakepath = "#foo/bar/baz.html", + pathWithParam = localroot + "bar?baz=" + localroot, + localpath = localroot + fakepath, + remotepath = remoteroot + fakepath; + + same( $.mobile.path.clean( localpath ), location.pathname + fakepath, "removes location protocol, host, and portfrom same-domain path"); + same( $.mobile.path.clean( remotepath ), remotepath, "does nothing to an external domain path"); + same( $.mobile.path.clean( pathWithParam ), location.pathname + "bar?baz=" + localroot, "doesn't remove params with localroot value"); + }); + + test( "path.stripHash is working properly", function(){ + same( $.mobile.path.stripHash( "#bar" ), "bar", "returns a hash without the # prefix"); + }); + + test( "path.hasProtocol is working properly", function(){ + same( $.mobile.path.hasProtocol( "tel:5559999" ), true, "value in tel protocol format has protocol" ); + same( $.mobile.path.hasProtocol( location.href ), true, "location href has protocol" ); + same( $.mobile.path.hasProtocol( "foo/bar/baz.html" ), false, "simple directory path has no protocol" ); + same( $.mobile.path.hasProtocol( "file://foo/bar/baz.html" ), true, "simple directory path with file:// has protocol" ); + }); + + test( "path.isRelativeUrl is working properly", function(){ + same( $.mobile.path.isRelativeUrl("http://company.com/"), false, "absolute url is not relative" ); + same( $.mobile.path.isRelativeUrl("//company.com/"), true, "protocol relative url is relative" ); + same( $.mobile.path.isRelativeUrl("/"), true, "site relative url is relative" ); + + same( $.mobile.path.isRelativeUrl("http://company.com/test.php"), false, "absolute url is not relative" ); + same( $.mobile.path.isRelativeUrl("//company.com/test.php"), true, "protocol relative url is relative" ); + same( $.mobile.path.isRelativeUrl("/test.php"), true, "site relative url is relative" ); + same( $.mobile.path.isRelativeUrl("test.php"), true, "document relative url is relative" ); + + same( $.mobile.path.isRelativeUrl("http://company.com/dir1/dir2/test.php?foo=1&bar=2#frag"), false, "absolute url is not relative" ); + same( $.mobile.path.isRelativeUrl("//company.com/dir1/dir2/test.php?foo=1&bar=2#frag"), true, "protocol relative url is relative" ); + same( $.mobile.path.isRelativeUrl("/dir1/dir2/test.php?foo=1&bar=2#frag"), true, "site relative url is relative" ); + same( $.mobile.path.isRelativeUrl("dir1/dir2/test.php?foo=1&bar=2#frag"), true, "document relative path url is relative" ); + same( $.mobile.path.isRelativeUrl("test.php?foo=1&bar=2#frag"), true, "document relative file url is relative" ); + same( $.mobile.path.isRelativeUrl("?foo=1&bar=2#frag"), true, "query relative url is relative" ); + same( $.mobile.path.isRelativeUrl("#frag"), true, "fragments are relative" ); + }); + + test( "path.isExternal is working properly", function(){ + same( $.mobile.path.isExternal( location.href ), false, "same domain is not external" ); + same( $.mobile.path.isExternal( "http://example.com" ), true, "example.com is external" ); + same($.mobile.path.isExternal("mailto:"), true, "mailto protocol"); + same($.mobile.path.isExternal("http://foo.com"), true, "http protocol"); + same($.mobile.path.isExternal("http://www.foo.com"), true, "http protocol with www"); + same($.mobile.path.isExternal("tel:16178675309"), true, "tel protocol"); + same($.mobile.path.isExternal("foo.html"), false, "filename"); + same($.mobile.path.isExternal("foo/foo/foo.html"), false, "file path"); + same($.mobile.path.isExternal("../../index.html"), false, "relative parent path"); + same($.mobile.path.isExternal("/foo"), false, "root-relative path"); + same($.mobile.path.isExternal("foo"), false, "simple string"); + same($.mobile.path.isExternal("#foo"), false, "local id reference"); + }); + + test( "path.cleanHash", function(){ + same( $.mobile.path.cleanHash( "#anything/atall?akjfdjjf" ), "anything/atall", "removes query param"); + same( $.mobile.path.cleanHash( "#nothing/atall" ), "nothing/atall", "removes query param"); + }); +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_paths.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_paths.js new file mode 100644 index 0000000..017a943 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_paths.js @@ -0,0 +1,178 @@ +/* + * mobile navigation path unit tests + */ +(function($){ + var url = $.mobile.path.parseUrl( location.href ), + home = location.href.replace( url.domain, "" ); + + var testPageLoad = function(testPageAnchorSelector, expectedTextValue){ + expect( 2 ); + + $.testHelper.pageSequence([ + function(){ + // reset before each test, all tests expect original page + // for relative urls + $.testHelper.openPage( "#" + home); + }, + + // open our test page + function(){ + $.testHelper.openPage("#pathing-tests"); + }, + + // navigate to the linked page + function(){ + var page = $.mobile.activePage; + + // check that the reset page isn't still open + equal("", page.find(".reset-value").text()); + + //click he test page link to execute the path + page.find("a" + testPageAnchorSelector).click(); + }, + + // verify that the page has changed and the expected text value is present + function(){ + same($.mobile.activePage.find(".test-value").text(), expectedTextValue); + start(); + } + ]); + }; + + // all of these alterations assume location.pathname will be a directory + // this is required to prevent the tests breaking in a subdirectory + // TODO could potentially be fragile since the tests could be running while + // the urls are being updated + $(function(){ + $("a.site-rel").each(function(i, elem){ + var $elem = $(elem); + $elem.attr("href", location.pathname + $(elem).attr("href")); + }); + + $('a.protocol-rel').each(function(i, elem){ + var $elem = $(elem); + $elem.attr("href", "//" + location.host + location.pathname + $(elem).attr("href")); + }); + + $('a.absolute').each(function(i, elem){ + var $elem = $(elem); + $elem.attr("href", + location.protocol + "//" + location.host + + location.pathname + $(elem).attr("href")); + }); + }); + + + //Doc relative tests + module("document relative paths"); + + asyncTest( "file reference no nesting", function(){ + testPageLoad("#doc-rel-test-one", "doc rel test one"); + }); + + asyncTest( "file reference with nesting", function(){ + testPageLoad("#doc-rel-test-two", "doc rel test two"); + }); + + asyncTest( "file reference with double nesting", function(){ + testPageLoad("#doc-rel-test-three", "doc rel test three"); + }); + + asyncTest( "dir refrence with nesting", function(){ + testPageLoad("#doc-rel-test-four", "doc rel test four"); + }); + + asyncTest( "file refrence with parent dir", function(){ + testPageLoad("#doc-rel-test-five", "doc rel test five"); + }); + + asyncTest( "dir refrence with parent dir", function(){ + testPageLoad("#doc-rel-test-six", "doc rel test six"); + }); + + + // Site relative tests + // NOTE does not test root path or non nested references + module("site relative paths"); + + asyncTest( "file reference no nesting", function(){ + testPageLoad("#site-rel-test-one", "doc rel test one"); + }); + + asyncTest( "file reference with nesting", function(){ + testPageLoad("#site-rel-test-two", "doc rel test two"); + }); + + asyncTest( "file reference with double nesting", function(){ + testPageLoad("#site-rel-test-three", "doc rel test three"); + }); + + asyncTest( "dir refrence with nesting", function(){ + testPageLoad("#site-rel-test-four", "doc rel test four"); + }); + + asyncTest( "file refrence with parent dir", function(){ + testPageLoad("#site-rel-test-five", "doc rel test five"); + }); + + asyncTest( "dir refrence with parent dir", function(){ + testPageLoad("#site-rel-test-six", "doc rel test six"); + }); + + + // Protocol relative tests + // NOTE does not test root path or non nested references + module("protocol relative paths"); + + asyncTest( "file reference no nesting", function(){ + testPageLoad("#protocol-rel-test-one", "doc rel test one"); + }); + + asyncTest( "file reference with nesting", function(){ + testPageLoad("#protocol-rel-test-two", "doc rel test two"); + }); + + asyncTest( "file reference with double nesting", function(){ + testPageLoad("#protocol-rel-test-three", "doc rel test three"); + }); + + asyncTest( "dir refrence with nesting", function(){ + testPageLoad("#protocol-rel-test-four", "doc rel test four"); + }); + + asyncTest( "file refrence with parent dir", function(){ + testPageLoad("#protocol-rel-test-five", "doc rel test five"); + }); + + asyncTest( "dir refrence with parent dir", function(){ + testPageLoad("#protocol-rel-test-six", "doc rel test six"); + }); + + // absolute tests + // NOTE does not test root path or non nested references + module("abolute paths"); + + asyncTest( "file reference no nesting", function(){ + testPageLoad("#absolute-test-one", "doc rel test one"); + }); + + asyncTest( "file reference with nesting", function(){ + testPageLoad("#absolute-test-two", "doc rel test two"); + }); + + asyncTest( "file reference with double nesting", function(){ + testPageLoad("#absolute-test-three", "doc rel test three"); + }); + + asyncTest( "dir refrence with nesting", function(){ + testPageLoad("#absolute-test-four", "doc rel test four"); + }); + + asyncTest( "file refrence with parent dir", function(){ + testPageLoad("#absolute-test-five", "doc rel test five"); + }); + + asyncTest( "dir refrence with parent dir", function(){ + testPageLoad("#absolute-test-six", "doc rel test six"); + }); +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_transitions.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_transitions.js new file mode 100644 index 0000000..5a44806 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/navigation_transitions.js @@ -0,0 +1,151 @@ +/* + * mobile navigation unit tests + */ +(function($){ + var perspective = "viewport-flip", + transitioning = "ui-mobile-viewport-transitioning", + animationCompleteFn = $.fn.animationComplete, + + //TODO centralize class names? + transitionTypes = "in out fade slide flip reverse pop", + + isTransitioning = function(page){ + return $.grep(transitionTypes.split(" "), function(className, i){ + return page.hasClass(className); + }).length > 0; + }, + + isTransitioningIn = function(page){ + return page.hasClass("in") && isTransitioning(page); + }, + + //animationComplete callback queue + callbackQueue = [], + + finishPageTransition = function(){ + callbackQueue.pop()(); + }, + + clearPageTransitionStack = function(){ + stop(); + var checkTransitionStack = function(){ + if(callbackQueue.length>0) { + setTimeout(function(){ + finishPageTransition(); + checkTransitionStack(); + },0); + } + else { + start(); + } + }; + checkTransitionStack(); + }, + + //wipe all urls + clearUrlHistory = function(){ + $.mobile.urlHistory.stack = []; + $.mobile.urlHistory.activeIndex = 0; + }; + + + module('jquery.mobile.navigation.js', { + setup: function(){ + //stub to prevent class removal + $.fn.animationComplete = function(callback){ + callbackQueue.unshift(callback); + }; + + clearPageTransitionStack(); + clearUrlHistory(); + }, + + teardown: function(){ + // unmock animation complete + $.fn.animationComplete = animationCompleteFn; + } + }); + + test( "changePage applys perspective class to mobile viewport for flip", function(){ + $("#foo > a").click(); + + ok($("body").hasClass(perspective), "has perspective class"); + }); + + test( "changePage does not apply perspective class to mobile viewport for transitions other than flip", function(){ + $("#bar > a").click(); + + ok(!$("body").hasClass(perspective), "doesn't have perspective class"); + }); + + test( "changePage applys transition class to mobile viewport for default transition", function(){ + $("#baz > a").click(); + + ok($("body").hasClass(transitioning), "has transitioning class"); + }); + + test( "explicit transition preferred for page navigation reversal (ie back)", function(){ + $("#fade-trans > a").click(); + stop(); + setTimeout(function(){ + finishPageTransition(); + $("#flip-trans > a").click(); + setTimeout(function(){ + finishPageTransition(); + $("#fade-trans > a").click(); + setTimeout(function(){ + ok($("#flip-trans").hasClass("fade"), "has fade class"); + start(); + },0); + },0); + },0); + }); + + test( "default transition is slide", function(){ + $("#default-trans > a").click(); + stop(); + setTimeout(function(){ + ok($("#no-trans").hasClass("slide"), "has slide class"); + start(); + },0); + }); + + test( "changePage queues requests", function(){ + var firstPage = $("#foo"), + secondPage = $("#bar"); + + $.mobile.changePage(firstPage); + $.mobile.changePage(secondPage); + + stop(); + setTimeout(function(){ + ok(isTransitioningIn(firstPage), "first page begins transition"); + ok(!isTransitioningIn(secondPage), "second page doesn't transition yet"); + + finishPageTransition(); + + setTimeout(function(){ + ok(!isTransitioningIn(firstPage), "first page transition should be complete"); + ok(isTransitioningIn(secondPage), "second page should begin transitioning"); + start(); + },0); + },0); + }); + + test( "default transition is pop for a dialog", function(){ + expect( 1 ); + stop(); + setTimeout(function(){ + $("#default-trans-dialog > a").click(); + + ok($("#no-trans-dialog").hasClass("pop"), "expected the pop class to be present but instead was " + $("#no-trans-dialog").attr('class')); + + start(); + }, 900); + }); + + test( "animationComplete return value", function(){ + $.fn.animationComplete = animationCompleteFn; + equals($("#foo").animationComplete(function(){})[0], $("#foo")[0]); + }); +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/file.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/file.html new file mode 100644 index 0000000..98e20d5 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/file.html @@ -0,0 +1,11 @@ + + + + + + +
        +
        doc rel test two
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/parent-ref.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/parent-ref.html new file mode 100644 index 0000000..d4b6242 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/parent-ref.html @@ -0,0 +1,11 @@ + + + + + + +
        +
        doc rel test five
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/parent/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/parent/index.html new file mode 100644 index 0000000..3fc4f33 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/parent/index.html @@ -0,0 +1,11 @@ + + + + + + +
        +
        doc rel test six
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/sub-dir/file.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/sub-dir/file.html new file mode 100644 index 0000000..93aad52 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/sub-dir/file.html @@ -0,0 +1,11 @@ + + + + + + +
        +
        doc rel test three
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/sub-dir/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/sub-dir/index.html new file mode 100644 index 0000000..8ef666a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/path-tests/sub-dir/index.html @@ -0,0 +1,11 @@ + + + + + + +
        +
        doc rel test four
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/prefetched-dialog.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/prefetched-dialog.html new file mode 100644 index 0000000..bea1799 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/prefetched-dialog.html @@ -0,0 +1,10 @@ + + + + + Title Tag + + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/prefetched.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/prefetched.html new file mode 100644 index 0000000..de66a40 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/prefetched.html @@ -0,0 +1,12 @@ + + + + + Title Tag + + + +
        + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/push-state-dialog-tests.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/push-state-dialog-tests.html new file mode 100644 index 0000000..8d9dd2e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/push-state-dialog-tests.html @@ -0,0 +1,40 @@ + + + + + + jQuery Mobile Navigation Test Suite + + + + + + + + + + + + + + + + + +

        jQuery Mobile Navigation Test Suite

        +

        +

        +
          +
        + + + +
        +
        +

        Dialog

        +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/push-state-disabled-base-tests.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/push-state-disabled-base-tests.html new file mode 100644 index 0000000..b2b499e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/push-state-disabled-base-tests.html @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/push-state-disabled-tests.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/push-state-disabled-tests.html new file mode 100644 index 0000000..27b6eb5 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/push-state-disabled-tests.html @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/title1.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/title1.html new file mode 100644 index 0000000..eb83eae --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/title1.html @@ -0,0 +1,13 @@ + + + + + Title Tag + + + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/title2.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/title2.html new file mode 100644 index 0000000..9545c53 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/title2.html @@ -0,0 +1,12 @@ + + + + + + + + +
        + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/title3.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/title3.html new file mode 100644 index 0000000..714df82 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/navigation/title3.html @@ -0,0 +1,13 @@ + + + + + + + +
        +

        Title Heading

        +
        + + + \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/page-sections/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/page-sections/index.html new file mode 100644 index 0000000..96fe88d --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/page-sections/index.html @@ -0,0 +1,55 @@ + + + + + + jQuery Mobile Page Test Suite + + + + + + + + + + + + + + + + +

        jQuery Mobile Page Test Suite

        +

        +

        +
          +
        + +
        +
        +
        +
        + foo +
        + foo +
        + +
        +
        + foo +
        + + foo +
        + +
        +
        + foo +
        + + foo +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/page-sections/page_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/page-sections/page_core.js new file mode 100644 index 0000000..38bb6e8 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/page-sections/page_core.js @@ -0,0 +1,36 @@ +/* + * mobile page unit tests + */ +(function($){ + var libName = 'jquery.mobile.page.js'; + + module(libName); + + test( "nested header anchors aren't altered", function(){ + ok(!$('.ui-header > div > a').hasClass('ui-btn')); + }); + + test( "nested footer anchors aren't altered", function(){ + ok(!$('.ui-footer > div > a').hasClass('ui-btn')); + }); + + test( "nested bar anchors aren't styled", function(){ + ok(!$('.ui-bar > div > a').hasClass('ui-btn')); + }); + + test( "unnested footer anchors are styled", function(){ + ok($('.ui-footer > a').hasClass('ui-btn')); + }); + + test( "unnested footer anchors are styled", function(){ + ok($('.ui-footer > a').hasClass('ui-btn')); + }); + + test( "unnested bar anchors are styled", function(){ + ok($('.ui-bar > a').hasClass('ui-btn')); + }); + + test( "no auto-generated back button exists on first page", function(){ + ok( !$(".ui-header > :jqmData(rel='back')").length ); + }); +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/page/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/page/index.html new file mode 100644 index 0000000..e50db0f --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/page/index.html @@ -0,0 +1,38 @@ + + + + + + jQuery Mobile Page Test Suite + + + + + + + + + + + + + + + + +

        jQuery Mobile Page Test Suite

        +

        +

        +
          +
        + +
        +
        + + +
        + +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/page/page_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/page/page_core.js new file mode 100644 index 0000000..cc050b5 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/page/page_core.js @@ -0,0 +1,106 @@ +/* + * mobile page unit tests + */ +(function($){ + var libName = 'jquery.mobile.page.sections.js', + themedefault = $.mobile.page.prototype.options.theme, + keepNative = $.mobile.page.prototype.options.keepNative; + + module(libName, { + setup: function() { + $.mobile.page.prototype.options.keepNative = keepNative; + } + }); + + + var eventStack = [], + etargets = [], + cEvents=[], + cTargets=[]; + + + $( document ).bind( "pagebeforecreate pagecreate", function( e ){ + eventStack.push( e.type ); + etargets.push( e.target ); + }); + + $("#c").live( "pagebeforecreate", function( e ){ + + cEvents.push( e.type ); + cTargets.push( e.target ); + return false; + }); + + test( "pagecreate event fires when page is created", function(){ + ok( eventStack[0] === "pagecreate" || eventStack[1] === "pagecreate" ); + }); + + test( "pagebeforecreate event fires when page is created", function(){ + ok( eventStack[0] === "pagebeforecreate" || eventStack[1] === "pagebeforecreate" ); + }); + + test( "pagebeforecreate fires before pagecreate", function(){ + ok( eventStack[0] === "pagebeforecreate" ); + }); + + test( "target of pagebeforecreate event was div #a", function(){ + ok( $( etargets[0] ).is("#a") ); + }); + + test( "target of pagecreate event was div #a" , function(){ + ok( $( etargets[0] ).is("#a") ); + }); + + test( "page element has ui-page class" , function(){ + ok( $( "#a" ).hasClass( "ui-page" ) ); + }); + + test( "page element has default body theme when not overidden" , function(){ + ok( $( "#a" ).hasClass( "ui-body-" + themedefault ) ); + }); + + test( "B page has non-default theme matching its data-theme attr" , function(){ + $( "#b" ).page(); + var btheme = $( "#b" ).jqmData( "theme" ); + ok( $( "#b" ).hasClass( "ui-body-" + btheme ) ); + }); + + test( "Binding to pagebeforecreate and returning false prevents pagecreate event from firing" , function(){ + $("#c").page(); + + ok( cEvents[0] === "pagebeforecreate" ); + ok( !cTargets[1] ); + }); + + test( "Binding to pagebeforecreate and returning false prevents classes from being applied to page" , function(){ + ok( !$( "#b" ).hasClass( "ui-body-" + themedefault ) ); + ok( !$( "#b" ).hasClass( "ui-page" ) ); + }); + + test( "keepNativeSelector returns the default where keepNative is not different", function() { + var pageProto = $.mobile.page.prototype; + pageProto.options.keepNative = pageProto.options.keepNativeDefault; + + same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault); + }); + + test( "keepNativeSelector returns the default where keepNative is empty, undefined, whitespace", function() { + var pageProto = $.mobile.page.prototype; + + pageProto.options.keepNative = ""; + same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault); + + pageProto.options.keepNative = undefined; + same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault); + + pageProto.options.keepNative = " "; + same(pageProto.keepNativeSelector(), pageProto.options.keepNativeDefault); + }); + + test( "keepNativeSelector returns a selector joined with the default", function() { + var pageProto = $.mobile.page.prototype; + + pageProto.options.keepNative = "foo, bar"; + same(pageProto.keepNativeSelector(), "foo, bar, " + pageProto.options.keepNativeDefault); + }); +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/runner.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/runner.js new file mode 100644 index 0000000..e8fd220 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/runner.js @@ -0,0 +1,89 @@ +$(function() { + var Runner = function( ) { + var self = this; + + $.extend( self, { + frame: window.frames[ "testFrame" ], + + testTimeout: 3 * 60 * 1000, + + $frameElem: $( "#testFrame" ), + + assertionResultPrefix: "assertion result for test:", + + onTimeout: QUnit.start, + + onFrameLoad: function() { + // establish a timeout for a given suite in case of async tests hanging + self.testTimer = setTimeout( self.onTimeout, self.testTimeout ); + + // it might be a redirect with query params for push state + // tests skip this call and expect another + if( !self.frame.QUnit ) { + self.$frameElem.one( "load", self.onFrameLoad ); + return; + } + + // when the QUnit object reports done in the iframe + // run the onFrameDone method + self.frame.QUnit.done = self.onFrameDone; + self.frame.QUnit.testDone = self.onTestDone; + }, + + onTestDone: function( result ) { + QUnit.ok( !(result.failed > 0), result.name ); + self.recordAssertions( result.total - result.failed, result.name ); + }, + + onFrameDone: function( failed, passed, total, runtime ){ + // make sure we don't time out the tests + clearTimeout( self.testTimer ); + + // TODO decipher actual cause of multiple test results firing twice + // clear the done call to prevent early completion of other test cases + self.frame.QUnit.done = $.noop; + self.frame.QUnit.testDone = $.noop; + + // hide the extra assertions made to propogate the count + // to the suite level test + self.hideAssertionResults(); + + // continue on to the next suite + QUnit.start(); + }, + + recordAssertions: function( count, parentTest ) { + for( var i = 0; i < count; i++ ) { + ok( true, self.assertionResultPrefix + parentTest ); + } + }, + + hideAssertionResults: function() { + $( "li:not([id]):contains('" + self.assertionResultPrefix + "')" ).hide(); + }, + + exec: function( data ) { + var template = self.$frameElem.attr( "data-src" ); + + $.each( data.testPages, function(i, dir) { + QUnit.asyncTest( dir, function() { + self.dir = dir; + self.$frameElem.one( "load", self.onFrameLoad ); + self.$frameElem.attr( "src", template.replace("{{testdir}}", dir) ); + }); + }); + + // having defined all suite level tests let QUnit run + QUnit.start(); + } + }); + }; + + // prevent qunit from starting the test suite until all tests are defined + QUnit.begin = function( ) { + this.config.autostart = false; + }; + + // get the test directories + $.get( "ls.php", (new Runner()).exec ); +}); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/cached-dom-cache-true.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/cached-dom-cache-true.html new file mode 100755 index 0000000..b5e719d --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/cached-dom-cache-true.html @@ -0,0 +1,65 @@ + + + + + + +
        +
        + + +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/cached-tests.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/cached-tests.html new file mode 100644 index 0000000..f001e83 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/cached-tests.html @@ -0,0 +1,29 @@ + + + + + + jQuery Mobile Select Events Test Suite + + + + + + + + + + + + + + + +

        jQuery Mobile Select Event Test Suite

        +

        +

        +
          +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/cached.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/cached.html new file mode 100644 index 0000000..0ca8691 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/cached.html @@ -0,0 +1,65 @@ + + + + + + +
        +
        + + +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/index.html new file mode 100644 index 0000000..8043ab7 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/index.html @@ -0,0 +1,369 @@ + + + + + + jQuery Mobile Select Events Test Suite + + + + + + + + + + + + + + + + + + +

        jQuery Mobile Select Event Test Suite

        +

        +

        +
          +
        + +
        +
        + +
        + +
        + + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + + +
        + +
        + + +
        + +
        + + +
        + +
        + + +
        + +
        + + + +
        + +
        + +
        + + + + + + + + + + + + + + +
        + + +
        + +
        + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_cached.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_cached.js new file mode 100644 index 0000000..2849cca --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_cached.js @@ -0,0 +1,124 @@ +/* + * mobile select unit tests + */ + +(function($){ + var resetHash; + + resetHash = function(timeout){ + $.testHelper.openPage( location.hash.indexOf("#default") >= 0 ? "#" : "#default" ); + }; + + // https://github.com/jquery/jquery-mobile/issues/2181 + asyncTest( "dialog sized select should alter the value of its parent select", function(){ + var selectButton, value; + + $.testHelper.pageSequence([ + resetHash, + + function(){ + $.mobile.changePage( "cached.html" ); + }, + + function(){ + selectButton = $( "#cached-page-select" ).siblings( 'a' ); + selectButton.click(); + }, + + function(){ + ok( $.mobile.activePage.hasClass('ui-dialog'), "the dialog came up" ); + var option = $.mobile.activePage.find( "li a" ).not(":contains('" + selectButton.text() + "')").last(); + value = option.text(); + option.click(); + }, + + function(){ + same( value, selectButton.text(), "the selected value is propogated back to the button text" ); + start(); + } + ]); + }); + + // https://github.com/jquery/jquery-mobile/issues/2181 + asyncTest( "dialog sized select should prevent the removal of its parent page from the dom", function(){ + var selectButton, parentPageId; + + expect( 2 ); + + $.testHelper.pageSequence([ + resetHash, + + function(){ + $.mobile.changePage( "cached.html" ); + }, + + function(){ + selectButton = $.mobile.activePage.find( "#cached-page-select" ).siblings( 'a' ); + parentPageId = $.mobile.activePage.attr( 'id' ); + same( $("#" + parentPageId).length, 1, "establish the parent page exists" ); + selectButton.click(); + }, + + function(){ + same( $( "#" + parentPageId).length, 1, "make sure parent page is still there after opening the dialog" ); + $.mobile.activePage.find( "li a" ).last().click(); + }, + + start + ]); + }); + + asyncTest( "dialog sized select shouldn't rebind its parent page remove handler when closing, if the parent page domCache option is true", function(){ + expect( 3 ); + + $.testHelper.pageSequence([ + resetHash, + + function(){ + $.mobile.changePage( "cached-dom-cache-true.html" ); + }, + + function(){ + $.mobile.activePage.find( "#domcache-page-select" ).siblings( 'a' ).click(); + }, + + function(){ + ok( $.mobile.activePage.hasClass('ui-dialog'), "the dialog came up" ); + $.mobile.activePage.find( "li a" ).last().click(); + }, + + function(){ + ok( $.mobile.activePage.is( "#dialog-select-parent-domcache-test" ), "the dialog closed" ); + $.mobile.changePage( $( "#default" ) ); + }, + + function(){ + same( $("#dialog-select-parent-domcache-test").length, 1, "make sure the select parent page is still cached in the dom after changing page" ); + start(); + } + ]); + }); + + asyncTest( "menupage is removed when the parent page is removed", function(){ + var dialogCount = $(":jqmData(role='dialog')").length; + + $.testHelper.pageSequence([ + resetHash, + + function(){ + + $.mobile.changePage( "uncached-dom-cached-false.html" ); + }, + + function(){ + same( $(":jqmData(role='dialog')").length, dialogCount + 1 ); + window.history.back(); + }, + + function() { + same( $(":jqmData(role='dialog')").length, dialogCount ); + start(); + } + ]); + }); +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_core.js new file mode 100644 index 0000000..3271000 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_core.js @@ -0,0 +1,384 @@ +/* + * mobile select unit tests + */ + +(function($){ + var libName = "jquery.mobile.forms.select.js", + originalDefaultDialogTrans = $.mobile.defaultDialogTransition, + originalDefTransitionHandler = $.mobile.defaultTransitionHandler, + originalGetEncodedText = $.fn.getEncodedText, + resetHash, closeDialog; + + resetHash = function(timeout){ + $.testHelper.openPage( location.hash.indexOf("#default") >= 0 ? "#" : "#default" ); + }; + + closeDialog = function(timeout){ + $.mobile.activePage.find("li a").first().click(); + }; + + module(libName, { + teardown: function(){ + $.mobile.defaultDialogTransition = originalDefaultDialogTrans; + $.mobile.defaultTransitionHandler = originalDefTransitionHandler; + + $.fn.getEncodedText = originalGetEncodedText; + window.encodedValueIsDefined = undefined; + } + }); + + asyncTest( "firing a click at least 400 ms later on the select screen overlay does close it", function(){ + $.testHelper.sequence([ + function(){ + // bring up the smaller choice menu + ok($("#select-choice-few-container a").length > 0, "there is in fact a button in the page"); + $("#select-choice-few-container a").trigger("click"); + }, + + function(){ + //select the first menu item + $("#select-choice-few-menu a:first").click(); + }, + + function(){ + same($("#select-choice-few-menu").parent(".ui-selectmenu-hidden").length, 1); + start(); + } + ], 1000); + }); + + asyncTest( "a large select menu should use the default dialog transition", function(){ + var select; + + $.testHelper.pageSequence([ + resetHash, + + function(timeout){ + select = $("#select-choice-many-container-1 a"); + + //set to something else + $.mobile.defaultTransitionHandler = $.testHelper.decorate({ + fn: $.mobile.defaultTransitionHandler, + + before: function(name){ + same(name, $.mobile.defaultDialogTransition); + } + }); + + // bring up the dialog + select.trigger("click"); + }, + + closeDialog, + + start + ]); + }); + + asyncTest( "custom select menu always renders screen from the left", function(){ + var select; + + expect( 1 ); + + $.testHelper.sequence([ + resetHash, + + function(){ + select = $("ul#select-offscreen-menu"); + $("#select-offscreen-container a").trigger("click"); + }, + + function(){ + ok(select.offset().left >= 30, "offset from the left is greater than or equal to 30px" ); + start(); + } + ], 1000); + }); + + asyncTest( "selecting an item from a dialog sized custom select menu leaves no dialog hash key", function(){ + var dialogHashKey = "ui-state=dialog"; + + $.testHelper.pageSequence([ + resetHash, + + function(timeout){ + $("#select-choice-many-container-hash-check a").click(); + }, + + function(){ + ok(location.hash.indexOf(dialogHashKey) > -1); + closeDialog(); + }, + + function(){ + same(location.hash.indexOf(dialogHashKey), -1); + start(); + } + ]); + }); + + asyncTest( "dialog sized select menu opened many times remains a dialog", function(){ + var dialogHashKey = "ui-state=dialog", + + openDialogSequence = [ + resetHash, + + function(){ + $("#select-choice-many-container-many-clicks a").click(); + }, + + function(){ + ok(location.hash.indexOf(dialogHashKey) > -1, "hash should have the dialog hash key"); + closeDialog(); + } + ], + + sequence = openDialogSequence.concat(openDialogSequence).concat([start]); + + $.testHelper.sequence(sequence, 1000); + }); + + test( "make sure the label for the select gets the ui-select class", function(){ + ok( $( "#native-select-choice-few-container label" ).hasClass( "ui-select" ), "created label has ui-select class" ); + }); + + module("Non native menus", { + setup: function() { + $.mobile.selectmenu.prototype.options.nativeMenu = false; + }, + teardown: function() { + $.mobile.selectmenu.prototype.options.nativeMenu = true; + } + }); + + asyncTest( "a large select option should not overflow", function(){ + // https://github.com/jquery/jquery-mobile/issues/1338 + var menu, select; + + $.testHelper.sequence([ + resetHash, + + function(){ + select = $("#select-long-option-label"); + // bring up the dialog + select.trigger("click"); + }, + + function() { + menu = $(".ui-selectmenu-list"); + + equal(menu.width(), menu.find("li:nth-child(2) .ui-btn-text").width(), "ui-btn-text element should not overflow"); + start(); + } + ], 500); + }); + + asyncTest( "using custom refocuses the button after close", function() { + var select, button, triggered = false; + + expect( 1 ); + + $.testHelper.sequence([ + resetHash, + + function() { + select = $("#select-choice-focus-test"); + button = select.find( "a" ); + button.trigger( "click" ); + }, + + function() { + // NOTE this is called twice per triggered click + button.focus(function() { + triggered = true; + }); + + $(".ui-selectmenu-screen:not(.ui-screen-hidden)").trigger("click"); + }, + + function(){ + ok(triggered, "focus is triggered"); + start(); + } + ], 5000); + }); + + asyncTest( "selected items are highlighted", function(){ + $.testHelper.sequence([ + resetHash, + + function(){ + // bring up the smaller choice menu + ok($("#select-choice-few-container a").length > 0, "there is in fact a button in the page"); + $("#select-choice-few-container a").trigger("click"); + }, + + function(){ + var firstMenuChoice = $("#select-choice-few-menu li:first"); + ok( firstMenuChoice.hasClass( $.mobile.activeBtnClass ), + "default menu choice has the active button class" ); + + $("#select-choice-few-menu a:last").click(); + }, + + function(){ + // bring up the menu again + $("#select-choice-few-container a").trigger("click"); + }, + + function(){ + var lastMenuChoice = $("#select-choice-few-menu li:last"); + ok( lastMenuChoice.hasClass( $.mobile.activeBtnClass ), + "previously slected item has the active button class" ); + + // close the dialog + lastMenuChoice.find( "a" ).click(); + }, + + start + ], 1000); + }); + + test( "enabling and disabling", function(){ + var select = $( "select" ).first(), button; + + button = select.siblings( "a" ).first(); + + select.selectmenu( 'disable' ); + same( select.attr('disabled'), "disabled", "select is disabled" ); + ok( button.hasClass("ui-disabled"), "disabled class added" ); + same( button.attr('aria-disabled'), "true", "select is disabled" ); + same( select.selectmenu( 'option', 'disabled' ), true, "disbaled option set" ); + + select.selectmenu( 'enable' ); + same( select.attr('disabled'), undefined, "select is disabled" ); + ok( !button.hasClass("ui-disabled"), "disabled class added" ); + same( button.attr('aria-disabled'), "false", "select is disabled" ); + same( select.selectmenu( 'option', 'disabled' ), false, "disbaled option set" ); + }); + + test( "adding options and refreshing a custom select defaults the text", function() { + var select = $( "#custom-refresh" ), + button = select.siblings( "a" ).find( ".ui-btn-inner" ), + text = "foo"; + + same(button.text(), "default"); + select.find( "option" ).remove(); //remove the loading message + select.append(''); + select.selectmenu( 'refresh' ); + same(button.text(), text); + }); + + asyncTest( "adding options and refreshing a custom select changes the options list", function(){ + var select = $( "#custom-refresh-opts-list" ), + button = select.siblings( "a" ).find( ".ui-btn-inner" ), + text = "foo"; + + $.testHelper.sequence([ + // bring up the dialog + function() { + button.click(); + }, + + function() { + same( $( ".ui-selectmenu.in ul" ).text(), "default" ); + $( ".ui-selectmenu-screen" ).click(); + }, + + function() { + select.find( "option" ).remove(); //remove the loading message + select.append(''); + select.selectmenu( 'refresh' ); + }, + + function() { + button.click(); + }, + + function() { + same( $( ".ui-selectmenu.in ul" ).text(), text ); + $( ".ui-selectmenu-screen" ).click(); + }, + + start + ], 500); + }); + + test( "theme defined on select is used", function(){ + var select = $("select#non-parent-themed"); + + ok( select.siblings( "a" ).hasClass("ui-btn-up-" + select.jqmData('theme'))); + }); + + test( "select without theme defined inherits theme from parent", function() { + var select = $("select#parent-themed"); + + ok( select + .siblings( "a" ) + .hasClass("ui-btn-up-" + select.parents(":jqmData(role='page')").jqmData('theme'))); + }); + + // issue #2547 + test( "custom select list item links have encoded option text values", function() { + $( "#encoded-option" ).data( 'selectmenu' )._buildList(); + same(window.encodedValueIsDefined, undefined); + }); + + // issue #2547 + test( "custom select list item links have unencoded option text values when using vanilla $.fn.text", function() { + // undo our changes, undone in teardown + $.fn.getEncodedText = $.fn.text; + + $( "#encoded-option" ).data( 'selectmenu' )._buildList(); + + same(window.encodedValueIsDefined, true); + }); + + $.mobile.page.prototype.options.keepNative = "select.should-be-native"; + + // not testing the positive case here since's it's obviously tested elsewhere + test( "select elements in the keepNative set shouldn't be enhanced", function() { + ok( !$("#keep-native").parent().is("div.ui-btn") ); + }); + + asyncTest( "dialog size select title should match the label", function() { + var $select = $( "#select-choice-many-1" ), + $label = $select.parent().siblings( "label" ), + $button = $select.siblings( "a" ); + + $.testHelper.pageSequence([ + function() { + $button.click(); + }, + + function() { + same($.mobile.activePage.find( ".ui-title" ).text(), $label.text()); + window.history.back(); + }, + + start + ]); + }); + + asyncTest( "dialog size select title should match the label when changed after the dialog markup is added to the DOM", function() { + var $select = $( "#select-choice-many-1" ), + $label = $select.parent().siblings( "label" ), + $button = $select.siblings( "a" ); + + $label.text( "foo" ); + + $.testHelper.pageSequence([ + function() { + $label.text( "foo" ); + $button.click(); + }, + + function() { + same($.mobile.activePage.find( ".ui-title" ).text(), $label.text()); + window.history.back(); + }, + + start + ]); + }); +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_events.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_events.js new file mode 100644 index 0000000..e65bf44 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_events.js @@ -0,0 +1,34 @@ +/* + * mobile select unit tests + */ + +(function($){ + var libName = "jquery.mobile.forms.select.js"; + + $(document).bind('mobileinit', function(){ + $.mobile.selectmenu.prototype.options.nativeMenu = false; + }); + + module(libName,{ + setup: function(){ + $.testHelper.openPage( location.hash.indexOf("#default") >= 0 ? "#" : "#default" ); + } + }); + + test( "selects marked with data-native-menu=true should use a div as their button", function(){ + same($("#select-choice-native-container div.ui-btn").length, 1); + }); + + test( "selects marked with data-native-menu=true should not have a custom menu", function(){ + same($("#select-choice-native-container ul").length, 0); + }); + + test( "selects marked with data-native-menu=true should sit inside the button", function(){ + same($("#select-choice-native-container div.ui-btn select").length, 1); + }); + + test( "select controls will create when inside a container that receives a 'create' event", function(){ + ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-select").length, "did not have enhancements applied" ); + ok( $("#enhancetest").trigger("create").find(".ui-select").length, "enhancements applied" ); + }); +})(jQuery); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_native.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_native.js new file mode 100644 index 0000000..271dbf9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/select_native.js @@ -0,0 +1,68 @@ +/* + * mobile select unit tests + */ + +(function($){ + module("jquery.mobile.forms.select native"); + + test( "native menu selections alter the button text", function(){ + var select = $( "#native-select-choice-few" ), setAndCheck; + + setAndCheck = function(key){ + var text; + + select.val( key ).selectmenu( 'refresh' ); + text = select.find( "option[value='" + key + "']" ).text(); + same( select.parent().find(".ui-btn-text").text(), text ); + }; + + setAndCheck( 'rush' ); + setAndCheck( 'standard' ); + }); + + asyncTest( "selecting a value removes the related buttons down state", function(){ + var select = $( "#native-select-choice-few" ); + + $.testHelper.sequence([ + function() { + // click the native menu parent button + select.parent().trigger( 'vmousedown' ); + }, + + function() { + ok( select.parent().hasClass("ui-btn-down-c"), "button down class added" ); + }, + + function() { + // trigger a change on the select + select.trigger( "change" ); + }, + + function() { + ok( !select.parent().hasClass("ui-btn-down-c"), "button down class removed" ); + start(); + } + ], 300); + }); + + // issue https://github.com/jquery/jquery-mobile/issues/2410 + test( "adding options and refreshing a native select defaults the text", function() { + var select = $( "#native-refresh" ), + button = select.siblings( '.ui-btn-inner' ), + text = "foo"; + + same(button.text(), "default"); + select.find( "option" ).remove(); //remove the loading message + select.append(''); + select.selectmenu('refresh'); + same(button.text(), text); + }); + + // issue 2424 + test( "native selects should provide open and close as a no-op", function() { + // exception will prevent test success if undef + $( "#native-refresh" ).selectmenu( 'open' ); + $( "#native-refresh" ).selectmenu( 'close' ); + ok( true ); + }); +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/suite.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/suite.html new file mode 100644 index 0000000..9545af3 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/suite.html @@ -0,0 +1,297 @@ + + + + + + +
        +
        + +
        + +
        + +
        + +
        + +
        + +
        + + +
        + +
        + + +
        + +
        + + +
        + +
        + + +
        + +
        + + + +
        + +
        + +
        +
        + + + +
        + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/uncached-dom-cached-false.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/uncached-dom-cached-false.html new file mode 100644 index 0000000..2977c2a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/select/uncached-dom-cached-false.html @@ -0,0 +1,65 @@ + + + + + + +
        +
        + + +
        +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/slider/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/slider/index.html new file mode 100644 index 0000000..528d9ef --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/slider/index.html @@ -0,0 +1,73 @@ + + + + + + jQuery Mobile Slider Test Suite + + + + + + + + + + + + + + + + + + +

        jQuery Mobile Slider Test Suite

        +

        +

        +
          +
        + +
        +
        + +
        + +
        + +
        + +
        + +
        + +
        + + +
        + +
        + +
        + +
        + +
        + +
        + +
        + +
        + + +
        +
        + +
        + +
        + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/slider/slider_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/slider/slider_core.js new file mode 100644 index 0000000..087d95d --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/slider/slider_core.js @@ -0,0 +1,11 @@ +/* + * mobile slider unit tests + */ +(function($){ + $.mobile.page.prototype.options.keepNative = "input.should-be-native"; + + // not testing the positive case here since's it's obviously tested elsewhere + test( "slider elements in the keepNative set shouldn't be enhanced", function() { + same( $("input.should-be-native").siblings("div.ui-slider").length, 0 ); + }); +})( jQuery ); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/slider/slider_events.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/slider/slider_events.js new file mode 100644 index 0000000..feca782 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/slider/slider_events.js @@ -0,0 +1,370 @@ +/* + * mobile slider unit tests + */ + +(function($){ + var onChangeCnt = 0; + window.onChangeCounter = function() { + onChangeCnt++; + } + module('jquery.mobile.slider.js'); + + var keypressTest = function(opts){ + var slider = $(opts.selector), + val = window.parseFloat(slider.val()), + handle = slider.siblings('.ui-slider').find('.ui-slider-handle'); + + expect( opts.keyCodes.length ); + + $.each(opts.keyCodes, function(i, elem){ + + // stub the keycode value and trigger the keypress + $.Event.prototype.keyCode = $.mobile.keyCode[elem]; + handle.trigger('keydown'); + + val += opts.increment; + same(val, window.parseFloat(slider.val(), 10), "new value is " + opts.increment + " different"); + }); + }; + + test( "slider should move right with up, right, and page up keypress", function(){ + keypressTest({ + selector: '#range-slider-up', + keyCodes: ['UP', 'RIGHT', 'PAGE_UP'], + increment: 1 + }); + }); + + test( "slider should move left with down, left, and page down keypress", function(){ + keypressTest({ + selector: '#range-slider-down', + keyCodes: ['DOWN', 'LEFT', 'PAGE_DOWN'], + increment: -1 + }); + }); + + test( "slider should move to range minimum on end keypress", function(){ + var selector = "#range-slider-end", + initialVal = window.parseFloat($(selector).val(), 10), + max = window.parseFloat($(selector).attr('max'), 10); + + keypressTest({ + selector: selector, + keyCodes: ['END'], + increment: max - initialVal + }); + }); + + test( "slider should move to range minimum on end keypress", function(){ + var selector = "#range-slider-home", + initialVal = window.parseFloat($(selector).val(), 10); + + keypressTest({ + selector: selector, + keyCodes: ['HOME'], + increment: 0 - initialVal + }); + }); + + test( "slider should move positive by steps on keypress", function(){ + keypressTest({ + selector: "#stepped", + keyCodes: ['RIGHT'], + increment: 10 + }); + }); + + test( "slider should move negative by steps on keypress", function(){ + keypressTest({ + selector: "#stepped", + keyCodes: ['LEFT'], + increment: -10 + }); + }); + + test( "slider should validate input value on blur", function(){ + var slider = $("#range-slider-up"); + slider.focus(); + slider.val(200); + same(slider.val(), "200"); + slider.blur(); + same(slider.val(), slider.attr('max')); + }); + + test( "slider should not validate input on keyup", function(){ + var slider = $("#range-slider-up"); + slider.focus(); + slider.val(200); + same(slider.val(), "200"); + slider.keyup(); + same(slider.val(), "200"); + }); + + test( "input type should degrade to number when slider is created", function(){ + same($("#range-slider-up").attr( "type" ), "number"); + }); + + // generic switch test function + var sliderSwitchTest = function(opts){ + var slider = $("#slider-switch"), + handle = slider.siblings('.ui-slider').find('a'), + switchValues = { + 'off' : 0, + 'on' : 1 + }; + + // One for the select and one for the aria-valuenow + expect( opts.keyCodes.length * 2 ); + + $.each(opts.keyCodes, function(i, elem){ + // reset the values + slider[0].selectedIndex = switchValues[opts.start]; + handle.attr({'aria-valuenow' : opts.start }); + + // stub the keycode and trigger the event + $.Event.prototype.keyCode = $.mobile.keyCode[elem]; + handle.trigger('keydown'); + + same(handle.attr('aria-valuenow'), opts.finish, "handle value is " + opts.finish); + same(slider[0].selectedIndex, switchValues[opts.finish], "select input has correct index"); + }); + }; + + test( "switch should select on with up, right, page up and end", function(){ + sliderSwitchTest({ + start: 'off', + finish: 'on', + keyCodes: ['UP', 'RIGHT', 'PAGE_UP', 'END'] + }); + }); + + test( "switch should select off with down, left, page down and home", function(){ + sliderSwitchTest({ + start: 'on', + finish: 'off', + keyCodes: ['DOWN', 'LEFT', 'PAGE_DOWN', 'HOME'] + }); + }); + + test( "onchange should not be called on create", function(){ + equals(onChangeCnt, 0, "onChange should not have been called"); + }); + + test( "onchange should be called onchange", function(){ + onChangeCnt = 0; + $( "#onchange" ).slider( "refresh", 50 ); + equals(onChangeCnt, 1, "onChange should have been called once"); + }); + + test( "slider controls will create when inside a container that receives a 'create' event", function(){ + ok( !$("#enhancetest").appendTo(".ui-page-active").find(".ui-slider").length, "did not have enhancements applied" ); + ok( $("#enhancetest").trigger("create").find(".ui-slider").length, "enhancements applied" ); + }); + + var createEvent = function( name, target, x, y ) { + var event = $.Event( name ); + event.target = target; + event.pageX = x; + event.pageY = y; + return event; + }; + + test( "toggle switch should fire one change event when clicked", function(){ + var control = $( "#slider-switch" ), + widget = control.data( "slider" ), + slider = widget.slider, + handle = widget.handle, + changeCount = 0, + changeFunc = function( e ) { + ok( control[0].selectedIndex !== currentValue, "change event should only be triggered if the value changes"); + ++changeCount; + }, + event = null, + offset = handle.offset(), + currentValue = control[0].selectedIndex; + + control.bind( "change", changeFunc ); + + // The toggle switch actually updates on mousedown and mouseup events, so we go through + // the motions of generating all the events that happen during a click to make sure that + // during all of those events, the value only changes once. + + slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + 10, offset.top + 10 ) ); + slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left + 10, offset.top + 10 ) ); + slider.trigger( createEvent( "click", handle[ 0 ], offset.left + 10, offset.top + 10 ) ); + + control.unbind( "change", changeFunc ); + + ok( control[0].selectedIndex !== currentValue, "value did change"); + same( changeCount, 1, "change event should be fired once during a click" ); + }); + + var assertLeftCSS = function( obj, opts ) { + var integerLeft, compare, css, threshold; + + css = obj.css('left'); + threshold = opts.pxThreshold || 0; + + if( css.indexOf( "px" ) > -1 ) { + // parse the actual pixel value returned by the left css value + // and the pixels passed in for comparison + integerLeft = Math.round( parseFloat( css.replace("px", "") ) ), + compare = parseInt( opts.pixels.replace( "px", "" ), 10 ); + + // check that the pixel value provided is within a given threshold; default is 0px + ok( compare >= integerLeft - threshold && compare <= integerLeft + threshold, opts.message ); + } else { + equal( css, opts.percent, opts.message ); + } + }; + + asyncTest( "toggle switch handle should snap in the old position if dragged less than half of the slider width, in the new position if dragged more than half of the slider width", function() { + var control = $( "#slider-switch" ), + widget = control.data( "slider" ), + slider = widget.slider, + handle = widget.handle, + width = handle.width(), + offset = null; + + $.testHelper.sequence([ + function() { + // initialize the switch + control.val('on').slider('refresh'); + }, + + function() { + assertLeftCSS(handle, { + percent: '100%', + pixels: handle.parent().css('width'), + message: 'handle starts on the right side' + }); + + // simulate dragging less than a half + offset = handle.offset(); + slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + width - 10, offset.top + 10 ) ); + slider.trigger( createEvent( "mousemove", handle[ 0 ], offset.left + width - 20, offset.top + 10 ) ); + slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left + width - 20, offset.top + 10 ) ); + }, + + function() { + assertLeftCSS(handle, { + percent: '100%', + pixels: handle.parent().css('width'), + message: 'handle ends on the right side' + }); + + // initialize the switch + control.val('on').slider('refresh'); + }, + + function() { + assertLeftCSS(handle, { + percent: '100%', + pixels: handle.parent().css('width'), + message: 'handle starts on the right side' + }); + + // simulate dragging more than a half + offset = handle.offset(); + slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + 10, offset.top + 10 ) ); + slider.trigger( createEvent( "mousemove", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) ); + slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) ); + }, + + function() { + assertLeftCSS(handle, { + percent: '0%', + pixels: '0px', + message: 'handle ends on the left side' + }); + + start(); + } + ], 500); + }); + + asyncTest( "toggle switch handle should not move if user is dragging and value is changed", function() { + var control = $( "#slider-switch" ), + widget = control.data( "slider" ), + slider = widget.slider, + handle = widget.handle, + width = handle.width(), + offset = null; + + $.testHelper.sequence([ + function() { + // initialize the switch + control.val('on').slider('refresh'); + }, + + function() { + assertLeftCSS(handle, { + percent: '100%', + pixels: handle.parent().css('width'), + message: 'handle starts on the right side' + }); + + // simulate dragging more than a half + offset = handle.offset(); + slider.trigger( createEvent( "mousedown", handle[ 0 ], offset.left + 10, offset.top + 10 ) ); + slider.trigger( createEvent( "mousemove", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) ); + }, + + function() { + var min, max; + if( handle.css('left').indexOf("%") > -1 ){ + min = "0%"; + max = "100%"; + } else { + min = "0px"; + max = handle.parent().css( 'width' ); + } + + notEqual(handle.css('left'), min, 'handle is not on the left side'); + notEqual(handle.css('left'), max, 'handle is not on the right side'); + + // reset slider state so it is ready for other tests + slider.trigger( createEvent( "mouseup", handle[ 0 ], offset.left - ( width / 2 ), offset.top + 10 ) ); + + start(); + } + ], 500); + }); + + asyncTest( "toggle switch should refresh when disabled", function() { + var control = $( "#slider-switch" ), + handle = control.data( "slider" ).handle; + + $.testHelper.sequence([ + function() { + // set the initial value + control.val('off').slider('refresh'); + }, + + function() { + assertLeftCSS(handle, { + percent: '0%', + pixels: '0px', + message: 'handle starts on the left side' + }); + + // disable and change value + control.slider('disable'); + control.val('on').slider('refresh'); + }, + + function() { + assertLeftCSS(handle, { + percent: '100%', + pixels: handle.parent().css( 'width' ), + message: 'handle ends on the right side' + }); + + // reset slider state so it is ready for other tests + control.slider('enable'); + + start(); + } + ], 500); + }); +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/support/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/support/index.html new file mode 100644 index 0000000..61e0879 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/support/index.html @@ -0,0 +1,33 @@ + + + + + + jQuery Mobile Support Test Suite + + + + + + + + + + + + + + + + + +

        jQuery Mobile Support Test Suite

        +

        +

        +
          +
        + +
        + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/support/support_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/support/support_core.js new file mode 100644 index 0000000..f7a390e --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/support/support_core.js @@ -0,0 +1,95 @@ +/* + * mobile support unit tests + */ + +$.testHelper.excludeFileProtocol(function(){ + var prependToFn = $.fn.prependTo, + libName = "jquery.mobile.support.js"; + + module(libName, { + teardown: function(){ + //NOTE undo any mocking + $.fn.prependTo = prependToFn; + } + }); + + // NOTE following two tests have debatable value as they only + // prevent property name changes and improper attribute checks + test( "detects functionality from basic affirmative properties and attributes", function(){ + // TODO expose properties for less brittle tests + $.extend(window, { + WebKitTransitionEvent: true, + orientation: true, + onorientationchange: true + }); + + document.ontouchend = true; + + window.history.pushState = function(){}; + window.history.replaceState = function(){}; + + $.mobile.media = function(){ return true; }; + + $.testHelper.reloadLib(libName); + + ok($.support.orientation); + ok($.support.touch); + ok($.support.cssTransitions); + ok($.support.pushState); + ok($.support.mediaquery); + }); + + test( "detects functionality from basic negative properties and attributes (where possible)", function(){ + delete window["orientation"]; + delete document["ontouchend"]; + + $.testHelper.reloadLib(libName); + + ok(!$.support.orientation); + ok(!$.support.touch); + }); + + // NOTE mocks prependTo to simulate base href updates or lack thereof + var mockBaseCheck = function( url ){ + var prependToFn = $.fn.prependTo; + + $.fn.prependTo = function( selector ){ + var result = prependToFn.call(this, selector); + if(this[0].href && this[0].href.indexOf("testurl") != -1) + result = [{href: url}]; + return result; + }; + }; + + test( "detects dynamic base tag when new base element added and base href updates", function(){ + mockBaseCheck(location.protocol + '//' + location.host + location.pathname + "ui-dir/"); + $.testHelper.reloadLib(libName); + ok($.support.dynamicBaseTag); + }); + + test( "detects no dynamic base tag when new base element added and base href unchanged", function(){ + mockBaseCheck('testurl'); + $.testHelper.reloadLib(libName); + ok(!$.support.dynamicBaseTag); + }); + + test( "jQM's IE browser check properly detects IE versions", function(){ + $.testHelper.reloadLib(libName); + + //here we're just comparing our version to what the conditional compilation finds + var ie = !!$.browser.msie, //get a boolean + version = parseInt( $.browser.version, 10), + jqmdetectedver = $.mobile.browser.ie; + + if( ie ){ + same(version, jqmdetectedver, "It's IE and the version is correct"); + } + else{ + same(ie, jqmdetectedver, "It's not IE"); + } + }); + + + //TODO propExists testing, refactor propExists into mockable method + //TODO scrollTop testing, refactor scrollTop logic into mockable method +}); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/swarminject.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/swarminject.js new file mode 100755 index 0000000..db69326 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/swarminject.js @@ -0,0 +1,9 @@ +// load testswarm agent +(function() { + var url = window.location.search; + url = decodeURIComponent( url.slice( url.indexOf("swarmURL=") + 9 ) ); + if ( !url || url.indexOf("http") !== 0 ) { + return; + } + document.write(""); +})(); diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/textinput/external.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/textinput/external.html new file mode 100644 index 0000000..2d10dd6 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/textinput/external.html @@ -0,0 +1,38 @@ + + + + + +
        + +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/textinput/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/textinput/index.html new file mode 100644 index 0000000..1e6add3 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/textinput/index.html @@ -0,0 +1,52 @@ + + + + + + jQuery Mobile Textinput Test Suite + + + + + + + + + + + + + + + +

        jQuery Mobile Textinput Test Suite

        +

        +

        +
          +
        + +
        + + + + + + + + + external +
        + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/textinput/textinput_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/textinput/textinput_core.js new file mode 100644 index 0000000..41381f5 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/textinput/textinput_core.js @@ -0,0 +1,61 @@ +/* + * mobile textinput unit tests + */ +(function($){ + module( "jquery.mobile.forms.textinput.js" ); + + test( "inputs without type specified are enhanced", function(){ + ok( $( "#typeless-input" ).hasClass( "ui-input-text" ) ); + }); + + $.mobile.page.prototype.options.keepNative = "textarea.should-be-native"; + + // not testing the positive case here since's it's obviously tested elsewhere + test( "textarea in the keepNative set shouldn't be enhanced", function() { + ok( !$("textarea.should-be-native").is("ui-input-text") ); + }); + + asyncTest( "textarea should autogrow on document ready", function() { + var test = $( "#init-autogrow" ); + + setTimeout(function() { + ok( $( "#reference-autogrow" )[0].clientHeight < test[0].clientHeight, "the height is greater than the reference text area with no content" ); + ok( test[0].clientHeight > 100, "autogrow text area's height is greater than any style padding"); + start(); + }, 400); + }); + + asyncTest( "textarea should autogrow when text is added via the keyboard", function() { + var test = $( "#keyup-autogrow" ), + originalHeight = test[0].clientHeight; + + test.keyup(function() { + setTimeout(function() { + ok( test[0].clientHeight > originalHeight, "the height is greater than original with no content" ); + ok( test[0].clientHeight > 100, "autogrow text area's height is greater any style/padding"); + start(); + }, 400); + }); + + test.val("foo\n\n\n\n\n\n\n\n\n\n\n\n\n\n").trigger("keyup"); + }); + + asyncTest( "text area should auto grow when the parent page is loaded via ajax", function() { + $.testHelper.pageSequence([ + function() { + $("#external").click(); + }, + + function() { + setTimeout(function() { + ok($.mobile.activePage.find( "textarea" )[0].clientHeight > 100, "text area's height has grown"); + window.history.back(); + }, 1000); + }, + + function() { + start(); + } + ]); + }); +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/widget/index.html b/libs/js/jquery-mobile-1.0.1pre/tests/unit/widget/index.html new file mode 100644 index 0000000..bd4a245 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/widget/index.html @@ -0,0 +1,48 @@ + + + + + + jQuery Mobile Widget Test Suite + + + + + + + + + + + + + + +

        jQuery Mobile Widget Test Suite

        +

        +

        +
          +
        + +
        + +
        +
        +
        ...
        +
        +
        + +
        + +
        + +
        +
        +
        +
        +
        + + + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/widget/widget_core.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/widget/widget_core.js new file mode 100644 index 0000000..89d4c41 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/widget/widget_core.js @@ -0,0 +1,52 @@ +/* + * mobile widget unit tests + */ +(function($){ + module('jquery.mobile.widget.js'); + + test( "getting data from creation options", function(){ + var expected = "bizzle"; + + $.mobile.widget.prototype.options = { "fooBar" : true }; + $.mobile.widget.prototype.element = $("
        "); + same($.mobile.widget.prototype._getCreateOptions()["fooBar"], + expected); + }); + + test( "getting no data when the options are empty", function(){ + var expected = {}; + + $.mobile.widget.prototype.options = {}; + $.mobile.widget.prototype.element = $("
        "); + same($.mobile.widget.prototype._getCreateOptions(), + expected); + }); + + test( "getting no data when the element has none", function(){ + var expected = {}; + + $.mobile.widget.prototype.options = { "fooBar" : true }; + $.mobile.widget.prototype.element = $("
        "); + same($.mobile.widget.prototype._getCreateOptions(), + expected); + }); + + test( "elements embedded in sub page elements are excluded on create when they match the keep native selector", function() { + // uses default keep native of data-role=none + $("#enhance-prevented") + .append('') + .trigger("create"); + + ok( !$("#unenhanced").hasClass( "ui-input-text" ), "doesn't have the ui input text class (unenhanced)"); + }); + + test( "elements embedded in sub page elements are included on create when they don't match the keep native selector", function() { + + // uses default keep native of data-role=none + $("#enhance-allowed") + .append('') + .trigger("create"); + + ok( $("#enhanced").hasClass( "ui-input-text" ), "has the ui input text class (unenhanced)"); + }); +})(jQuery); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tests/unit/widget/widget_init.js b/libs/js/jquery-mobile-1.0.1pre/tests/unit/widget/widget_init.js new file mode 100644 index 0000000..515e54b --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tests/unit/widget/widget_init.js @@ -0,0 +1,20 @@ +/* + * mobile widget unit tests + */ +(function($){ + var widgetInitialized = false; + + module( 'jquery.mobile.widget.js' ); + + $( "#foo" ).live( 'pageinit', function(){ + // ordering sensitive here, the value has to be set after the call + // so that if the widget factory says that its not yet initialized, + // which is an exception, the value won't be set + $( "#foo-slider" ).slider( 'refresh' ); + widgetInitialized = true; + }); + + test( "page is enhanced before init is fired", function() { + ok( widgetInitialized ); + }); +})( jQuery ); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tools/log-page-events.html b/libs/js/jquery-mobile-1.0.1pre/tools/log-page-events.html new file mode 100644 index 0000000..72825ba --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tools/log-page-events.html @@ -0,0 +1,24 @@ + + + + + +Page Event Logger Bookmarklet + + + +

        Page Event Logger Bookmarklet

        +

        A simple bookmarklet for logging jQuery Mobile page events. To use, bookmark the following link:

        + +

        For platforms that don't allow bookmarking of javascript: urls, you can copy/paste the following source for the bookmarklet directly into the browser's location bar then hit enter or hit the "go" button on your keypad:

        +

        + +

        +

        NOTE: Some browsers like Chrome will strip off the javascript: prefix from the string above when you paste it into the location bar. Make sure what you pasted is prefixed by javascript: before attempting to load the bookmarklet.

        + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tools/log-page-events.js b/libs/js/jquery-mobile-1.0.1pre/tools/log-page-events.js new file mode 100644 index 0000000..c5ed9f9 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tools/log-page-events.js @@ -0,0 +1,108 @@ +/*! + * jQuery Mobile v@VERSION + * http://jquerymobile.com/ + * + * Copyright 2011, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + */ + +// This is code that can be used as a simple bookmarklet for debugging +// page loading and navigation in pages that use the jQuery Mobile framework. +// All messages are sent to the browser's console.log so to see the messages, +// you need to make sure you enable the console/log in your browser. + +(function($, window, document) { + if ( typeof $ === "undefined" ) { + alert( "log-page-events.js requires jQuery core!" ); + return; + } + + var pageEvents = "mobileinit pagebeforechange pagechange pagechangefailed pagebeforeload pageload pageloadfailed pagebeforecreate pagecreate pageinit pagebeforeshow pageshow pagebeforehide pagehide pageremove"; + + function getElementDesc( ele ) + { + var result = []; + if ( ele ) { + result.push( ele.nodeName.toLowerCase() ); + var c = ele.className; + if ( c ) { + c = c.replace( /^\s+|\s+$/, "" ).replace( /\s+/, " " ); + if (c) { + result.push( "." + c.split( " " ).join( "." ) ); + } + } + if ( ele.id ){ + result.push( "#" + ele.id ) + } + } + return result.join( "" ); + } + + function debugLog( msg ) + { + console.log( msg ); + } + + function getNativeEvent( event ) { + + while ( event && typeof event.originalEvent !== "undefined" ) { + event = event.originalEvent; + } + return event; + } + + function logEvent( event, data ) + { + var result = event.type + " (" + (new Date).getTime() + ")\n"; + + switch( event.type ) + { + case "pagebeforechange": + case "pagechange": + case "pagechangefailed": + result += "\tpage: "; + if ( typeof data.toPage === "string" ) { + result += data.toPage; + } else { + result += getElementDesc( data.toPage[ 0 ] ) + "\n\tdata-url: " + data.toPage.jqmData( "url" ); + } + result += "\n\n" + break; + case "pagebeforeload": + case "pageloadfailed": + result += "\turl: " + data.url + "\n\tabsUrl: " + data.absUrl + "\n\n"; + break; + case "pageload": + result += "\turl: " + data.url + "\n\tabsUrl: " + data.absUrl + "\n\tpage: " + getElementDesc( data.page[ 0 ] ) + "\n\n"; + break; + case "pagebeforeshow": + case "pageshow": + case "pagebeforehide": + case "pagehide": + result += "\tpage: " + getElementDesc( event.target ) + "\n"; + result += "\tdata-url: " + $( event.target ).jqmData( "url" ) + "\n\n"; + break; + case "pagebeforecreate": + case "pagecreate": + case "pageinit": + result += "\telement: " + getElementDesc( event.target ) + "\n\n"; + break; + case "hashchange": + result += "\tlocation: " + location.href + "\n\n"; + break; + case "popstate": + var e = getNativeEvent( event ); + result += "\tlocation: " + location.href + "\n"; + result += "\tstate.hash: " + ( e.state && e.state.hash ? e.state.hash + "\n\n" : "" ); + break; + } + + debugLog( result ); + } + + // Now add our logger. + $( document ).bind( pageEvents, logEvent ); + $( window ).bind( "hashchange popstate", logEvent ); + +})( jQuery, window, document ); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/tools/page-change-time.html b/libs/js/jquery-mobile-1.0.1pre/tools/page-change-time.html new file mode 100644 index 0000000..c290d65 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tools/page-change-time.html @@ -0,0 +1,24 @@ + + + + + +Page Change Timer Bookmarklet + + + +

        Page Event Logger Bookmarklet

        +

        A simple bookmarklet for timing the load, enhanement, and transition of a jQuery Mobile changePage() request. To use, bookmark the following link:

        + +

        For platforms that don't allow bookmarking of javascript: urls, you can copy/paste the following source for the bookmarklet directly into the browser's location bar then hit enter or hit the "go" button on your keypad:

        +

        + +

        +

        NOTE: Some browsers like Chrome will strip off the javascript: prefix from the string above when you paste it into the location bar. Make sure what you pasted is prefixed by javascript: before attempting to load the bookmarklet.

        + + + diff --git a/libs/js/jquery-mobile-1.0.1pre/tools/page-change-time.js b/libs/js/jquery-mobile-1.0.1pre/tools/page-change-time.js new file mode 100644 index 0000000..81ce57a --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/tools/page-change-time.js @@ -0,0 +1,61 @@ +/*! + * jQuery Mobile v@VERSION + * http://jquerymobile.com/ + * + * Copyright 2011, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + */ + +// This is code that can be used as a simple bookmarklet for timing +// the load, enhancment, and transition of a changePage() request. + +(function( $, window, undefined ) { + + + function getTime() { + return ( new Date() ).getTime(); + } + + var startChange, stopChange, startLoad, stopLoad, startEnhance, stopEnhance, startTransition, stopTransition, lock = 0; + + $( document ) + .bind( "pagebeforechange", function( e, data) { + if ( typeof data.toPage === "string" ) { + startChange = stopChange = startLoad = stopLoad = startEnhance = stopEnhance = startTransition = stopTransition = getTime(); + } + }) + .bind( "pagebeforeload", function() { + startLoad = stopLoad = getTime(); + }) + .bind( "pagebeforecreate", function() { + if ( ++lock === 1 ) { + stopLoad = startEnhance = stopEnhance = getTime(); + } + }) + .bind( "pageinit", function() { + if ( --lock === 0 ) { + stopEnhance = getTime(); + } + }) + .bind( "pagebeforeshow", function() { + startTransition = stopTransition = getTime(); + }) + .bind( "pageshow", function() { + stopTransition = getTime(); + }) + .bind( "pagechange", function( e, data ) { + if ( typeof data.toPage === "object" ) { + stopChange = getTime(); + + alert("load + processing: " + ( stopLoad - startLoad ) + + "\nenhance: " + ( stopEnhance - startEnhance ) + + "\ntransition: " + ( stopTransition - startTransition ) + + "\ntotalTime: " + ( stopChange - startChange ) ); + + startChange = stopChange = startLoad = stopLoad = startEnhance = stopEnhance = startTransition = stopTransition = 0; + } + }); + + +})( jQuery, window ); \ No newline at end of file diff --git a/libs/js/jquery-mobile-1.0.1pre/version.txt b/libs/js/jquery-mobile-1.0.1pre/version.txt new file mode 100644 index 0000000..00b7ef0 --- /dev/null +++ b/libs/js/jquery-mobile-1.0.1pre/version.txt @@ -0,0 +1 @@ +1.0.1pre diff --git a/libs/js/jquery.mobile.loadstructure.js b/libs/js/jquery.mobile.loadstructure.js new file mode 100644 index 0000000..55457b4 --- /dev/null +++ b/libs/js/jquery.mobile.loadstructure.js @@ -0,0 +1,22 @@ +jQuery.extend( jQuery.mobile, +{ + loadStructure: function(widgetname) { + var ret = undefined, + theScriptTag = $("script[data-framework-version][data-framework-root][data-framework-theme]"), + frameworkRootPath = theScriptTag.attr("data-framework-root") + "/" + + theScriptTag.attr("data-framework-version") + "/", + protoPath = frameworkRootPath + "proto-html" + "/" + + theScriptTag.attr("data-framework-theme"); + + $.ajax({ + url: protoPath + "/" + widgetname + ".prototype.html", + async: false, + dataType: "html" + }) + .success(function(data, textStatus, jqXHR) { + ret = $("
        ").html(data.replace(/\$\{FRAMEWORK_ROOT\}/g, frameworkRootPath)); + }); + + return ret; + } +}); diff --git a/libs/js/jquery.ui.position.git+dfe75e1.js b/libs/js/jquery.ui.position.git+dfe75e1.js new file mode 100644 index 0000000..2a39535 --- /dev/null +++ b/libs/js/jquery.ui.position.git+dfe75e1.js @@ -0,0 +1,445 @@ +/* + * jQuery UI Position @ dfe75e1 + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Position + */ +(function( $, undefined ) { + +$.ui = $.ui || {}; + +var rhorizontal = /left|center|right/, + rvertical = /top|center|bottom/, + roffset = /[+-]\d+%?/, + rposition = /^\w+/, + rpercent = /%$/, + center = "center", + _position = $.fn.position; + +$.position = { + scrollbarWidth: function() { + var w1, w2, + div = $( "
        " ), + innerDiv = div.children()[0]; + + $( "body" ).append( div ); + w1 = innerDiv.offsetWidth; + div.css( "overflow", "scroll" ); + + w2 = innerDiv.offsetWidth; + + if ( w1 === w2 ) { + w2 = div[0].clientWidth; + } + + div.remove(); + + return w1 - w2; + }, + getScrollInfo: function(within) { + var notWindow = within[0] !== window, + overflowX = notWindow ? within.css( "overflow-x" ) : "", + overflowY = notWindow ? within.css( "overflow-y" ) : "", + scrollbarWidth = overflowX === "auto" || overflowX === "scroll" ? $.position.scrollbarWidth() : 0, + scrollbarHeight = overflowY === "auto" || overflowY === "scroll" ? $.position.scrollbarWidth() : 0; + + return { + height: within.height() < within[0].scrollHeight ? scrollbarHeight : 0, + width: within.width() < within[0].scrollWidth ? scrollbarWidth : 0 + }; + } +}; + +$.fn.position = function( options ) { + if ( !options || !options.of ) { + return _position.apply( this, arguments ); + } + + // make a copy, we don't want to modify arguments + options = $.extend( {}, options ); + + var target = $( options.of ), + within = $( options.within || window ), + targetElem = target[0], + collision = ( options.collision || "flip" ).split( " " ), + offsets = {}, + atOffset, + targetWidth, + targetHeight, + basePosition; + + if ( targetElem.nodeType === 9 ) { + targetWidth = target.width(); + targetHeight = target.height(); + basePosition = { top: 0, left: 0 }; + } else if ( $.isWindow( targetElem ) ) { + targetWidth = target.width(); + targetHeight = target.height(); + basePosition = { top: target.scrollTop(), left: target.scrollLeft() }; + } else if ( targetElem.preventDefault ) { + // force left top to allow flipping + options.at = "left top"; + targetWidth = targetHeight = 0; + basePosition = { top: options.of.pageY, left: options.of.pageX }; + } else { + targetWidth = target.outerWidth(); + targetHeight = target.outerHeight(); + basePosition = target.offset(); + } + + // force my and at to have valid horizontal and vertical positions + // if a value is missing or invalid, it will be converted to center + $.each( [ "my", "at" ], function() { + var pos = ( options[ this ] || "" ).split( " " ), + horizontalOffset, + verticalOffset; + + if ( pos.length === 1) { + pos = rhorizontal.test( pos[ 0 ] ) ? + pos.concat( [ center ] ) : + rvertical.test( pos[ 0 ] ) ? + [ center ].concat( pos ) : + [ center, center ]; + } + pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : center; + pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : center; + + // calculate offsets + horizontalOffset = roffset.exec( pos[ 0 ] ); + verticalOffset = roffset.exec( pos[ 1 ] ); + offsets[ this ] = [ + horizontalOffset ? horizontalOffset[ 0 ] : 0, + verticalOffset ? verticalOffset[ 0 ] : 0 + ]; + + // reduce to just the positions without the offsets + options[ this ] = [ + rposition.exec( pos[ 0 ] )[ 0 ], + rposition.exec( pos[ 1 ] )[ 0 ] + ]; + }); + + // normalize collision option + if ( collision.length === 1 ) { + collision[ 1 ] = collision[ 0 ]; + } + + if ( options.at[ 0 ] === "right" ) { + basePosition.left += targetWidth; + } else if ( options.at[ 0 ] === center ) { + basePosition.left += targetWidth / 2; + } + + if ( options.at[ 1 ] === "bottom" ) { + basePosition.top += targetHeight; + } else if ( options.at[ 1 ] === center ) { + basePosition.top += targetHeight / 2; + } + + atOffset = [ + parseInt( offsets.at[ 0 ], 10 ) * + ( rpercent.test( offsets.at[ 0 ] ) ? targetWidth / 100 : 1 ), + parseInt( offsets.at[ 1 ], 10 ) * + ( rpercent.test( offsets.at[ 1 ] ) ? targetHeight / 100 : 1 ) + ]; + basePosition.left += atOffset[ 0 ]; + basePosition.top += atOffset[ 1 ]; + + return this.each(function() { + var elem = $( this ), + elemWidth = elem.outerWidth(), + elemHeight = elem.outerHeight(), + marginLeft = parseInt( $.curCSS( this, "marginLeft", true ) ) || 0, + marginTop = parseInt( $.curCSS( this, "marginTop", true ) ) || 0, + scrollInfo = $.position.getScrollInfo( within ), + collisionWidth = elemWidth + marginLeft + + ( parseInt( $.curCSS( this, "marginRight", true ) ) || 0 ) + scrollInfo.width, + collisionHeight = elemHeight + marginTop + + ( parseInt( $.curCSS( this, "marginBottom", true ) ) || 0 ) + scrollInfo.height, + position = $.extend( {}, basePosition ), + myOffset = [ + parseInt( offsets.my[ 0 ], 10 ) * + ( rpercent.test( offsets.my[ 0 ] ) ? elem.outerWidth() / 100 : 1 ), + parseInt( offsets.my[ 1 ], 10 ) * + ( rpercent.test( offsets.my[ 1 ] ) ? elem.outerHeight() / 100 : 1 ) + ], + collisionPosition; + + if ( options.my[ 0 ] === "right" ) { + position.left -= elemWidth; + } else if ( options.my[ 0 ] === center ) { + position.left -= elemWidth / 2; + } + + if ( options.my[ 1 ] === "bottom" ) { + position.top -= elemHeight; + } else if ( options.my[ 1 ] === center ) { + position.top -= elemHeight / 2; + } + + position.left += myOffset[ 0 ]; + position.top += myOffset[ 1 ]; + + collisionPosition = { + marginLeft: marginLeft, + marginTop: marginTop + }; + + $.each( [ "left", "top" ], function( i, dir ) { + if ( $.ui.position[ collision[ i ] ] ) { + $.ui.position[ collision[ i ] ][ dir ]( position, { + targetWidth: targetWidth, + targetHeight: targetHeight, + elemWidth: elemWidth, + elemHeight: elemHeight, + collisionPosition: collisionPosition, + collisionWidth: collisionWidth, + collisionHeight: collisionHeight, + offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ], + my: options.my, + at: options.at, + within: within, + elem : elem + }); + } + }); + + if ( $.fn.bgiframe ) { + elem.bgiframe(); + } + elem.offset( $.extend( position, { using: options.using } ) ); + }); +}; + +$.ui.position = { + fit: { + left: function( position, data ) { + var within = data.within, + win = $( window ), + isWindow = $.isWindow( data.within[0] ), + withinOffset = isWindow ? win.scrollLeft() : within.offset().left, + outerWidth = isWindow ? win.width() : within.outerWidth(), + collisionPosLeft = position.left - data.collisionPosition.marginLeft, + overLeft = withinOffset - collisionPosLeft, + overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset, + newOverRight, + newOverLeft; + + // element is wider than within + if ( data.collisionWidth > outerWidth ) { + // element is initially over the left side of within + if ( overLeft > 0 && overRight <= 0 ) { + newOverRight = position.left + overLeft + data.collisionWidth - outerWidth - withinOffset; + position.left += overLeft - newOverRight; + // element is initially over right side of within + } else if ( overRight > 0 && overLeft <= 0 ) { + position.left = withinOffset; + // element is initially over both left and right sides of within + } else { + if ( overLeft > overRight ) { + position.left = withinOffset + outerWidth - data.collisionWidth; + } else { + position.left = withinOffset; + } + } + // too far left -> align with left edge + } else if ( overLeft > 0 ) { + position.left += overLeft; + // too far right -> align with right edge + } else if ( overRight > 0 ) { + position.left -= overRight; + // adjust based on position and margin + } else { + position.left = Math.max( position.left - collisionPosLeft, position.left ); + } + }, + top: function( position, data ) { + var within = data.within, + win = $( window ), + isWindow = $.isWindow( data.within[0] ), + withinOffset = isWindow ? win.scrollTop() : within.offset().top, + outerHeight = isWindow ? win.height() : within.outerHeight(), + collisionPosTop = position.top - data.collisionPosition.marginTop, + overTop = withinOffset - collisionPosTop, + overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset, + newOverTop, + newOverBottom; + + // element is taller than within + if ( data.collisionHeight > outerHeight ) { + // element is initially over the top of within + if ( overTop > 0 && overBottom <= 0 ) { + newOverBottom = position.top + overTop + data.collisionHeight - outerHeight - withinOffset; + position.top += overTop - newOverBottom; + // element is initially over bottom of within + } else if ( overBottom > 0 && overTop <= 0 ) { + position.top = withinOffset; + // element is initially over both top and bottom of within + } else { + if ( overTop > overBottom ) { + position.top = withinOffset + outerHeight - data.collisionHeight; + } else { + position.top = withinOffset; + } + } + // too far up -> align with top + } else if ( overTop > 0 ) { + position.top += overTop; + // too far down -> align with bottom edge + } else if ( overBottom > 0 ) { + position.top -= overBottom; + // adjust based on position and margin + } else { + position.top = Math.max( position.top - collisionPosTop, position.top ); + } + } + }, + flip: { + left: function( position, data ) { + if ( data.at[ 0 ] === center ) { + return; + } + + data.elem + .removeClass( "ui-flipped-left ui-flipped-right" ); + + var within = data.within, + win = $( window ), + isWindow = $.isWindow( data.within[0] ), + withinOffset = ( isWindow ? 0 : within.offset().left ) + within.scrollLeft(), + outerWidth = isWindow ? within.width() : within.outerWidth(), + collisionPosLeft = position.left - data.collisionPosition.marginLeft, + overLeft = collisionPosLeft - withinOffset, + overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset, + left = data.my[ 0 ] === "left", + myOffset = data.my[ 0 ] === "left" ? + -data.elemWidth : + data.my[ 0 ] === "right" ? + data.elemWidth : + 0, + atOffset = data.at[ 0 ] === "left" ? + data.targetWidth : + -data.targetWidth, + offset = -2 * data.offset[ 0 ], + newOverRight, + newOverLeft; + + if ( overLeft < 0 ) { + newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth - outerWidth - withinOffset; + if ( newOverRight < 0 || newOverRight < Math.abs( overLeft ) ) { + data.elem + .addClass( "ui-flipped-right" ); + + position.left += myOffset + atOffset + offset; + } + } + else if ( overRight > 0 ) { + newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset + atOffset + offset - withinOffset; + if ( newOverLeft > 0 || Math.abs( newOverLeft ) < overRight ) { + data.elem + .addClass( "ui-flipped-left" ); + + position.left += myOffset + atOffset + offset; + } + } + }, + top: function( position, data ) { + if ( data.at[ 1 ] === center ) { + return; + } + + data.elem + .removeClass( "ui-flipped-top ui-flipped-bottom" ); + + var within = data.within, + win = $( window ), + isWindow = $.isWindow( data.within[0] ), + withinOffset = ( isWindow ? 0 : within.offset().top ) + within.scrollTop(), + outerHeight = isWindow ? within.height() : within.outerHeight(), + collisionPosTop = position.top - data.collisionPosition.marginTop, + overTop = collisionPosTop - withinOffset, + overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset, + top = data.my[ 1 ] === "top", + myOffset = top ? + -data.elemHeight : + data.my[ 1 ] === "bottom" ? + data.elemHeight : + 0, + atOffset = data.at[ 1 ] === "top" ? + data.targetHeight : + -data.targetHeight, + offset = -2 * data.offset[ 1 ], + newOverTop, + newOverBottom; + if ( overTop < 0 ) { + newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight - outerHeight - withinOffset; + if ( newOverBottom < 0 || newOverBottom < Math.abs( overTop ) ) { + data.elem + .addClass( "ui-flipped-bottom" ); + + position.top += myOffset + atOffset + offset; + } + } + else if ( overBottom > 0 ) { + newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset + offset - withinOffset; + if ( newOverTop > 0 || Math.abs( newOverTop ) < overBottom ) { + data.elem + .addClass( "ui-flipped-top" ); + + position.top += myOffset + atOffset + offset; + } + } + } + }, + flipfit: { + left: function() { + $.ui.position.flip.left.apply( this, arguments ); + $.ui.position.fit.left.apply( this, arguments ); + }, + top: function() { + $.ui.position.flip.top.apply( this, arguments ); + $.ui.position.fit.top.apply( this, arguments ); + } + } +}; + +// DEPRECATED +if ( $.uiBackCompat !== false ) { + // offset option + (function( $ ) { + var _position = $.fn.position; + $.fn.position = function( options ) { + if ( !options || !options.offset ) { + return _position.call( this, options ); + } + var offset = options.offset.split( " " ), + at = options.at.split( " " ); + if ( offset.length === 1 ) { + offset[ 1 ] = offset[ 0 ]; + } + if ( /^\d/.test( offset[ 0 ] ) ) { + offset[ 0 ] = "+" + offset[ 0 ]; + } + if ( /^\d/.test( offset[ 1 ] ) ) { + offset[ 1 ] = "+" + offset[ 1 ]; + } + if ( at.length === 1 ) { + if ( /left|center|right/.test( at[ 0 ] ) ) { + at[ 1 ] = "center"; + } else { + at[ 1 ] = at[ 0 ]; + at[ 0 ] = "center"; + } + } + return _position.call( this, $.extend( options, { + at: at[ 0 ] + offset[ 0 ] + " " + at[ 1 ] + offset[ 1 ], + offset: undefined + } ) ); + } + }( jQuery ) ); +} + +}( jQuery ) ); diff --git a/libs/js/jquery.ui.position.git+dfe75e1.min.js b/libs/js/jquery.ui.position.git+dfe75e1.min.js new file mode 100644 index 0000000..8e8f2ce --- /dev/null +++ b/libs/js/jquery.ui.position.git+dfe75e1.min.js @@ -0,0 +1 @@ +(function(a,b){a.ui=a.ui||{};var c=/left|center|right/,d=/top|center|bottom/,e=/[+-]\d+%?/,f=/^\w+/,g=/%$/,h="center",i=a.fn.position;a.position={scrollbarWidth:function(){var b,c,d=a("
        "),e=d.children()[0];a("body").append(d);b=e.offsetWidth;d.css("overflow","scroll");c=e.offsetWidth;if(b===c){c=d[0].clientWidth}d.remove();return b-c},getScrollInfo:function(b){var c=b[0]!==window,d=c?b.css("overflow-x"):"",e=c?b.css("overflow-y"):"",f=d==="auto"||d==="scroll"?a.position.scrollbarWidth():0,g=e==="auto"||e==="scroll"?a.position.scrollbarWidth():0;return{height:b.height()h){if(j>0&&k<=0){l=b.left+j+c.collisionWidth-h-g;b.left+=j-l}else if(k>0&&j<=0){b.left=g}else{if(j>k){b.left=g+h-c.collisionWidth}else{b.left=g}}}else if(j>0){b.left+=j}else if(k>0){b.left-=k}else{b.left=Math.max(b.left-i,b.left)}},top:function(b,c){var d=c.within,e=a(window),f=a.isWindow(c.within[0]),g=f?e.scrollTop():d.offset().top,h=f?e.height():d.outerHeight(),i=b.top-c.collisionPosition.marginTop,j=g-i,k=i+c.collisionHeight-h-g,l,m;if(c.collisionHeight>h){if(j>0&&k<=0){m=b.top+j+c.collisionHeight-h-g;b.top+=j-m}else if(k>0&&j<=0){b.top=g}else{if(j>k){b.top=g+h-c.collisionHeight}else{b.top=g}}}else if(j>0){b.top+=j}else if(k>0){b.top-=k}else{b.top=Math.max(b.top-i,b.top)}}},flip:{left:function(b,c){if(c.at[0]===h){return}c.elem.removeClass("ui-flipped-left ui-flipped-right");var d=c.within,e=a(window),f=a.isWindow(c.within[0]),g=(f?0:d.offset().left)+d.scrollLeft(),i=f?d.width():d.outerWidth(),j=b.left-c.collisionPosition.marginLeft,k=j-g,l=j+c.collisionWidth-i-g,m=c.my[0]==="left",n=c.my[0]==="left"?-c.elemWidth:c.my[0]==="right"?c.elemWidth:0,o=c.at[0]==="left"?c.targetWidth:-c.targetWidth,p=-2*c.offset[0],q,r;if(k<0){q=b.left+n+o+p+c.collisionWidth-i-g;if(q<0||q0){r=b.left-c.collisionPosition.marginLeft+n+o+p-g;if(r>0||Math.abs(r)0){q=b.top-c.collisionPosition.marginTop+n+o+p-g;if(q>0||Math.abs(q)= result.computed && (result = {value : value, computed : computed}); + }); + return result.value; + }; + + // Return the minimum element (or element-based computation). + _.min = function(obj, iterator, context) { + if (!iterator && _.isArray(obj)) return Math.min.apply(Math, obj); + var result = {computed : Infinity}; + each(obj, function(value, index, list) { + var computed = iterator ? iterator.call(context, value, index, list) : value; + computed < result.computed && (result = {value : value, computed : computed}); + }); + return result.value; + }; + + // Sort the object's values by a criterion produced by an iterator. + _.sortBy = function(obj, iterator, context) { + return _.pluck(_.map(obj, function(value, index, list) { + return { + value : value, + criteria : iterator.call(context, value, index, list) + }; + }).sort(function(left, right) { + var a = left.criteria, b = right.criteria; + return a < b ? -1 : a > b ? 1 : 0; + }), 'value'); + }; + + // Groups the object's values by a criterion produced by an iterator + _.groupBy = function(obj, iterator) { + var result = {}; + each(obj, function(value, index) { + var key = iterator(value, index); + (result[key] || (result[key] = [])).push(value); + }); + return result; + }; + + // Use a comparator function to figure out at what index an object should + // be inserted so as to maintain order. Uses binary search. + _.sortedIndex = function(array, obj, iterator) { + iterator || (iterator = _.identity); + var low = 0, high = array.length; + while (low < high) { + var mid = (low + high) >> 1; + iterator(array[mid]) < iterator(obj) ? low = mid + 1 : high = mid; + } + return low; + }; + + // Safely convert anything iterable into a real, live array. + _.toArray = function(iterable) { + if (!iterable) return []; + if (iterable.toArray) return iterable.toArray(); + if (_.isArray(iterable)) return slice.call(iterable); + if (_.isArguments(iterable)) return slice.call(iterable); + return _.values(iterable); + }; + + // Return the number of elements in an object. + _.size = function(obj) { + return _.toArray(obj).length; + }; + + // Array Functions + // --------------- + + // Get the first element of an array. Passing **n** will return the first N + // values in the array. Aliased as `head`. The **guard** check allows it to work + // with `_.map`. + _.first = _.head = function(array, n, guard) { + return (n != null) && !guard ? slice.call(array, 0, n) : array[0]; + }; + + // Returns everything but the first entry of the array. Aliased as `tail`. + // Especially useful on the arguments object. Passing an **index** will return + // the rest of the values in the array from that index onward. The **guard** + // check allows it to work with `_.map`. + _.rest = _.tail = function(array, index, guard) { + return slice.call(array, (index == null) || guard ? 1 : index); + }; + + // Get the last element of an array. + _.last = function(array) { + return array[array.length - 1]; + }; + + // Trim out all falsy values from an array. + _.compact = function(array) { + return _.filter(array, function(value){ return !!value; }); + }; + + // Return a completely flattened version of an array. + _.flatten = function(array) { + return _.reduce(array, function(memo, value) { + if (_.isArray(value)) return memo.concat(_.flatten(value)); + memo[memo.length] = value; + return memo; + }, []); + }; + + // Return a version of the array that does not contain the specified value(s). + _.without = function(array) { + return _.difference(array, slice.call(arguments, 1)); + }; + + // Produce a duplicate-free version of the array. If the array has already + // been sorted, you have the option of using a faster algorithm. + // Aliased as `unique`. + _.uniq = _.unique = function(array, isSorted) { + return _.reduce(array, function(memo, el, i) { + if (0 == i || (isSorted === true ? _.last(memo) != el : !_.include(memo, el))) memo[memo.length] = el; + return memo; + }, []); + }; + + // Produce an array that contains the union: each distinct element from all of + // the passed-in arrays. + _.union = function() { + return _.uniq(_.flatten(arguments)); + }; + + // Produce an array that contains every item shared between all the + // passed-in arrays. (Aliased as "intersect" for back-compat.) + _.intersection = _.intersect = function(array) { + var rest = slice.call(arguments, 1); + return _.filter(_.uniq(array), function(item) { + return _.every(rest, function(other) { + return _.indexOf(other, item) >= 0; + }); + }); + }; + + // Take the difference between one array and another. + // Only the elements present in just the first array will remain. + _.difference = function(array, other) { + return _.filter(array, function(value){ return !_.include(other, value); }); + }; + + // Zip together multiple lists into a single array -- elements that share + // an index go together. + _.zip = function() { + var args = slice.call(arguments); + var length = _.max(_.pluck(args, 'length')); + var results = new Array(length); + for (var i = 0; i < length; i++) results[i] = _.pluck(args, "" + i); + return results; + }; + + // If the browser doesn't supply us with indexOf (I'm looking at you, **MSIE**), + // we need this function. Return the position of the first occurrence of an + // item in an array, or -1 if the item is not included in the array. + // Delegates to **ECMAScript 5**'s native `indexOf` if available. + // If the array is large and already in sort order, pass `true` + // for **isSorted** to use binary search. + _.indexOf = function(array, item, isSorted) { + if (array == null) return -1; + var i, l; + if (isSorted) { + i = _.sortedIndex(array, item); + return array[i] === item ? i : -1; + } + if (nativeIndexOf && array.indexOf === nativeIndexOf) return array.indexOf(item); + for (i = 0, l = array.length; i < l; i++) if (array[i] === item) return i; + return -1; + }; + + + // Delegates to **ECMAScript 5**'s native `lastIndexOf` if available. + _.lastIndexOf = function(array, item) { + if (array == null) return -1; + if (nativeLastIndexOf && array.lastIndexOf === nativeLastIndexOf) return array.lastIndexOf(item); + var i = array.length; + while (i--) if (array[i] === item) return i; + return -1; + }; + + // Generate an integer Array containing an arithmetic progression. A port of + // the native Python `range()` function. See + // [the Python documentation](http://docs.python.org/library/functions.html#range). + _.range = function(start, stop, step) { + if (arguments.length <= 1) { + stop = start || 0; + start = 0; + } + step = arguments[2] || 1; + + var len = Math.max(Math.ceil((stop - start) / step), 0); + var idx = 0; + var range = new Array(len); + + while(idx < len) { + range[idx++] = start; + start += step; + } + + return range; + }; + + // Function (ahem) Functions + // ------------------ + + // Create a function bound to a given object (assigning `this`, and arguments, + // optionally). Binding with arguments is also known as `curry`. + // Delegates to **ECMAScript 5**'s native `Function.bind` if available. + // We check for `func.bind` first, to fail fast when `func` is undefined. + _.bind = function(func, obj) { + if (func.bind === nativeBind && nativeBind) return nativeBind.apply(func, slice.call(arguments, 1)); + var args = slice.call(arguments, 2); + return function() { + return func.apply(obj, args.concat(slice.call(arguments))); + }; + }; + + // Bind all of an object's methods to that object. Useful for ensuring that + // all callbacks defined on an object belong to it. + _.bindAll = function(obj) { + var funcs = slice.call(arguments, 1); + if (funcs.length == 0) funcs = _.functions(obj); + each(funcs, function(f) { obj[f] = _.bind(obj[f], obj); }); + return obj; + }; + + // Memoize an expensive function by storing its results. + _.memoize = function(func, hasher) { + var memo = {}; + hasher || (hasher = _.identity); + return function() { + var key = hasher.apply(this, arguments); + return hasOwnProperty.call(memo, key) ? memo[key] : (memo[key] = func.apply(this, arguments)); + }; + }; + + // Delays a function for the given number of milliseconds, and then calls + // it with the arguments supplied. + _.delay = function(func, wait) { + var args = slice.call(arguments, 2); + return setTimeout(function(){ return func.apply(func, args); }, wait); + }; + + // Defers a function, scheduling it to run after the current call stack has + // cleared. + _.defer = function(func) { + return _.delay.apply(_, [func, 1].concat(slice.call(arguments, 1))); + }; + + // Internal function used to implement `_.throttle` and `_.debounce`. + var limit = function(func, wait, debounce) { + var timeout; + return function() { + var context = this, args = arguments; + var throttler = function() { + timeout = null; + func.apply(context, args); + }; + if (debounce) clearTimeout(timeout); + if (debounce || !timeout) timeout = setTimeout(throttler, wait); + }; + }; + + // Returns a function, that, when invoked, will only be triggered at most once + // during a given window of time. + _.throttle = function(func, wait) { + return limit(func, wait, false); + }; + + // Returns a function, that, as long as it continues to be invoked, will not + // be triggered. The function will be called after it stops being called for + // N milliseconds. + _.debounce = function(func, wait) { + return limit(func, wait, true); + }; + + // Returns a function that will be executed at most one time, no matter how + // often you call it. Useful for lazy initialization. + _.once = function(func) { + var ran = false, memo; + return function() { + if (ran) return memo; + ran = true; + memo = func.apply(this, arguments); + return memo; + }; + }; + + // Returns the first function passed as an argument to the second, + // allowing you to adjust arguments, run code before and after, and + // conditionally execute the original function. + _.wrap = function(func, wrapper) { + return function() { + var args = [func].concat(slice.call(arguments)); + return wrapper.apply(this, args); + }; + }; + + // Returns a function that is the composition of a list of functions, each + // consuming the return value of the function that follows. + _.compose = function() { + var funcs = slice.call(arguments); + return function() { + var args = slice.call(arguments); + for (var i = funcs.length - 1; i >= 0; i--) { + args = [funcs[i].apply(this, args)]; + } + return args[0]; + }; + }; + + // Returns a function that will only be executed after being called N times. + _.after = function(times, func) { + return function() { + if (--times < 1) { return func.apply(this, arguments); } + }; + }; + + + // Object Functions + // ---------------- + + // Retrieve the names of an object's properties. + // Delegates to **ECMAScript 5**'s native `Object.keys` + _.keys = nativeKeys || function(obj) { + if (obj !== Object(obj)) throw new TypeError('Invalid object'); + var keys = []; + for (var key in obj) if (hasOwnProperty.call(obj, key)) keys[keys.length] = key; + return keys; + }; + + // Retrieve the values of an object's properties. + _.values = function(obj) { + return _.map(obj, _.identity); + }; + + // Return a sorted list of the function names available on the object. + // Aliased as `methods` + _.functions = _.methods = function(obj) { + var names = []; + for (var key in obj) { + if (_.isFunction(obj[key])) names.push(key); + } + return names.sort(); + }; + + // Extend a given object with all the properties in passed-in object(s). + _.extend = function(obj) { + each(slice.call(arguments, 1), function(source) { + for (var prop in source) { + if (source[prop] !== void 0) obj[prop] = source[prop]; + } + }); + return obj; + }; + + // Fill in a given object with default properties. + _.defaults = function(obj) { + each(slice.call(arguments, 1), function(source) { + for (var prop in source) { + if (obj[prop] == null) obj[prop] = source[prop]; + } + }); + return obj; + }; + + // Create a (shallow-cloned) duplicate of an object. + _.clone = function(obj) { + return _.isArray(obj) ? obj.slice() : _.extend({}, obj); + }; + + // Invokes interceptor with the obj, and then returns obj. + // The primary purpose of this method is to "tap into" a method chain, in + // order to perform operations on intermediate results within the chain. + _.tap = function(obj, interceptor) { + interceptor(obj); + return obj; + }; + + // Perform a deep comparison to check if two objects are equal. + _.isEqual = function(a, b) { + // Check object identity. + if (a === b) return true; + // Different types? + var atype = typeof(a), btype = typeof(b); + if (atype != btype) return false; + // Basic equality test (watch out for coercions). + if (a == b) return true; + // One is falsy and the other truthy. + if ((!a && b) || (a && !b)) return false; + // Unwrap any wrapped objects. + if (a._chain) a = a._wrapped; + if (b._chain) b = b._wrapped; + // One of them implements an isEqual()? + if (a.isEqual) return a.isEqual(b); + if (b.isEqual) return b.isEqual(a); + // Check dates' integer values. + if (_.isDate(a) && _.isDate(b)) return a.getTime() === b.getTime(); + // Both are NaN? + if (_.isNaN(a) && _.isNaN(b)) return false; + // Compare regular expressions. + if (_.isRegExp(a) && _.isRegExp(b)) + return a.source === b.source && + a.global === b.global && + a.ignoreCase === b.ignoreCase && + a.multiline === b.multiline; + // If a is not an object by this point, we can't handle it. + if (atype !== 'object') return false; + // Check for different array lengths before comparing contents. + if (a.length && (a.length !== b.length)) return false; + // Nothing else worked, deep compare the contents. + var aKeys = _.keys(a), bKeys = _.keys(b); + // Different object sizes? + if (aKeys.length != bKeys.length) return false; + // Recursive comparison of contents. + for (var key in a) if (!(key in b) || !_.isEqual(a[key], b[key])) return false; + return true; + }; + + // Is a given array or object empty? + _.isEmpty = function(obj) { + if (_.isArray(obj) || _.isString(obj)) return obj.length === 0; + for (var key in obj) if (hasOwnProperty.call(obj, key)) return false; + return true; + }; + + // Is a given value a DOM element? + _.isElement = function(obj) { + return !!(obj && obj.nodeType == 1); + }; + + // Is a given value an array? + // Delegates to ECMA5's native Array.isArray + _.isArray = nativeIsArray || function(obj) { + return toString.call(obj) === '[object Array]'; + }; + + // Is a given variable an object? + _.isObject = function(obj) { + return obj === Object(obj); + }; + + // Is a given variable an arguments object? + _.isArguments = function(obj) { + return !!(obj && hasOwnProperty.call(obj, 'callee')); + }; + + // Is a given value a function? + _.isFunction = function(obj) { + return !!(obj && obj.constructor && obj.call && obj.apply); + }; + + // Is a given value a string? + _.isString = function(obj) { + return !!(obj === '' || (obj && obj.charCodeAt && obj.substr)); + }; + + // Is a given value a number? + _.isNumber = function(obj) { + return !!(obj === 0 || (obj && obj.toExponential && obj.toFixed)); + }; + + // Is the given value `NaN`? `NaN` happens to be the only value in JavaScript + // that does not equal itself. + _.isNaN = function(obj) { + return obj !== obj; + }; + + // Is a given value a boolean? + _.isBoolean = function(obj) { + return obj === true || obj === false; + }; + + // Is a given value a date? + _.isDate = function(obj) { + return !!(obj && obj.getTimezoneOffset && obj.setUTCFullYear); + }; + + // Is the given value a regular expression? + _.isRegExp = function(obj) { + return !!(obj && obj.test && obj.exec && (obj.ignoreCase || obj.ignoreCase === false)); + }; + + // Is a given value equal to null? + _.isNull = function(obj) { + return obj === null; + }; + + // Is a given variable undefined? + _.isUndefined = function(obj) { + return obj === void 0; + }; + + // Utility Functions + // ----------------- + + // Run Underscore.js in *noConflict* mode, returning the `_` variable to its + // previous owner. Returns a reference to the Underscore object. + _.noConflict = function() { + root._ = previousUnderscore; + return this; + }; + + // Keep the identity function around for default iterators. + _.identity = function(value) { + return value; + }; + + // Run a function **n** times. + _.times = function (n, iterator, context) { + for (var i = 0; i < n; i++) iterator.call(context, i); + }; + + // Add your own custom functions to the Underscore object, ensuring that + // they're correctly added to the OOP wrapper as well. + _.mixin = function(obj) { + each(_.functions(obj), function(name){ + addToWrapper(name, _[name] = obj[name]); + }); + }; + + // Generate a unique integer id (unique within the entire client session). + // Useful for temporary DOM ids. + var idCounter = 0; + _.uniqueId = function(prefix) { + var id = idCounter++; + return prefix ? prefix + id : id; + }; + + // By default, Underscore uses ERB-style template delimiters, change the + // following template settings to use alternative delimiters. + _.templateSettings = { + evaluate : /<%([\s\S]+?)%>/g, + interpolate : /<%=([\s\S]+?)%>/g + }; + + // JavaScript micro-templating, similar to John Resig's implementation. + // Underscore templating handles arbitrary delimiters, preserves whitespace, + // and correctly escapes quotes within interpolated code. + _.template = function(str, data) { + var c = _.templateSettings; + var tmpl = 'var __p=[],print=function(){__p.push.apply(__p,arguments);};' + + 'with(obj||{}){__p.push(\'' + + str.replace(/\\/g, '\\\\') + .replace(/'/g, "\\'") + .replace(c.interpolate, function(match, code) { + return "'," + code.replace(/\\'/g, "'") + ",'"; + }) + .replace(c.evaluate || null, function(match, code) { + return "');" + code.replace(/\\'/g, "'") + .replace(/[\r\n\t]/g, ' ') + "__p.push('"; + }) + .replace(/\r/g, '\\r') + .replace(/\n/g, '\\n') + .replace(/\t/g, '\\t') + + "');}return __p.join('');"; + var func = new Function('obj', tmpl); + return data ? func(data) : func; + }; + + // The OOP Wrapper + // --------------- + + // If Underscore is called as a function, it returns a wrapped object that + // can be used OO-style. This wrapper holds altered versions of all the + // underscore functions. Wrapped objects may be chained. + var wrapper = function(obj) { this._wrapped = obj; }; + + // Expose `wrapper.prototype` as `_.prototype` + _.prototype = wrapper.prototype; + + // Helper function to continue chaining intermediate results. + var result = function(obj, chain) { + return chain ? _(obj).chain() : obj; + }; + + // A method to easily add functions to the OOP wrapper. + var addToWrapper = function(name, func) { + wrapper.prototype[name] = function() { + var args = slice.call(arguments); + unshift.call(args, this._wrapped); + return result(func.apply(_, args), this._chain); + }; + }; + + // Add all of the Underscore functions to the wrapper object. + _.mixin(_); + + // Add all mutator Array functions to the wrapper. + each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) { + var method = ArrayProto[name]; + wrapper.prototype[name] = function() { + method.apply(this._wrapped, arguments); + return result(this._wrapped, this._chain); + }; + }); + + // Add all accessor Array functions to the wrapper. + each(['concat', 'join', 'slice'], function(name) { + var method = ArrayProto[name]; + wrapper.prototype[name] = function() { + return result(method.apply(this._wrapped, arguments), this._chain); + }; + }); + + // Start chaining a wrapped Underscore object. + wrapper.prototype.chain = function() { + this._chain = true; + return this; + }; + + // Extracts the result from a wrapped and chained object. + wrapper.prototype.value = function() { + return this._wrapped; + }; + +})(); diff --git a/libs/patch/.gitignore b/libs/patch/.gitignore new file mode 100644 index 0000000..a6c7c28 --- /dev/null +++ b/libs/patch/.gitignore @@ -0,0 +1 @@ +*.js diff --git a/libs/patch/0001-JQM-Fix-jqm-build-to-exclude-compressed-version-buil.patch b/libs/patch/0001-JQM-Fix-jqm-build-to-exclude-compressed-version-buil.patch new file mode 100644 index 0000000..95a5fad --- /dev/null +++ b/libs/patch/0001-JQM-Fix-jqm-build-to-exclude-compressed-version-buil.patch @@ -0,0 +1,65 @@ +From 58213e7b55e64ff22f29e46823714cb7bbbde841 Mon Sep 17 00:00:00 2001 +From: Youmin Ha +Date: Wed, 15 Feb 2012 17:42:51 +0900 +Subject: [PATCH] JQM: Fix jqm build to exclude compressed version build + +--- + libs/js/jquery-mobile-1.0.1pre/Makefile | 22 ++++++++++++---------- + 1 files changed, 12 insertions(+), 10 deletions(-) + +diff --git a/libs/js/jquery-mobile-1.0.1pre/Makefile b/libs/js/jquery-mobile-1.0.1pre/Makefile +index 23541cd..5db7772 100644 +--- a/libs/js/jquery-mobile-1.0.1pre/Makefile ++++ b/libs/js/jquery-mobile-1.0.1pre/Makefile +@@ -82,21 +82,22 @@ THEME = default + # When no build target is specified, all gets ran + all: init css js zip notify + ++all-but-min: init js css notify + + # Build and minify the CSS files + css: init + # Build the CSS file with the theme included + @@cat js/jquery.mobile.intro.js | ${VER} > ${OUTPUT}/${NAME}.css + @@cat ${CSSTHEMEFILES} ${CSSFILES} >> ${OUTPUT}/${NAME}.css +- # ..... and then minify it +- @@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.css +- @@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${NAME}.css >> ${OUTPUT}/${NAME}.min.css ++ ## ..... and then minify it ++ #@@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.css ++ #@@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${NAME}.css >> ${OUTPUT}/${NAME}.min.css + # Build the CSS Structure-only file + @@cat js/jquery.mobile.intro.js | ${VER} > ${OUTPUT}/${STRUCTURE}.css + @@cat ${CSSFILES} >> ${OUTPUT}/${STRUCTURE}.css +- # ..... and then minify it +- @@echo ${VER_MIN} > ${OUTPUT}/${STRUCTURE}.min.css +- @@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${STRUCTURE}.css >> ${OUTPUT}/${STRUCTURE}.min.css ++ ## ..... and then minify it ++ #@@echo ${VER_MIN} > ${OUTPUT}/${STRUCTURE}.min.css ++ #@@java -jar build/yuicompressor-2.4.6.jar --type css ${OUTPUT}/${STRUCTURE}.css >> ${OUTPUT}/${STRUCTURE}.min.css + # ..... and then copy in the images + @@cp -R css/themes/${THEME}/images ${OUTPUT}/ + # Css portion is complete. +@@ -136,9 +137,9 @@ js: init + # Build the JavaScript file + @@cat js/jquery.mobile.intro.js | ${VER} > ${OUTPUT}/${NAME}.js + @@cat ${JSFILES} >> ${OUTPUT}/${NAME}.js +- # ..... and then minify it +- @@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.js +- @@java -jar build/google-compiler-20111003.jar --js ${OUTPUT}/${NAME}.js --warning_level QUIET >> ${OUTPUT}/${NAME}.min.js ++ ## ..... and then minify it ++ #@@echo ${VER_MIN} > ${OUTPUT}/${NAME}.min.js ++ #@@java -jar build/google-compiler-20111003.jar --js ${OUTPUT}/${NAME}.js --warning_level QUIET >> ${OUTPUT}/${NAME}.min.js + # ------------------------------------------------- + + +@@ -208,4 +209,5 @@ deploy: init js css docs zip + @@rm -rf ${OUTPUT} + # ------------------------------------------------- + +- ++clean: ++ @@rm -rf ${CURDIR}/compiled +-- +1.7.4.1 + diff --git a/libs/patch/0002-JQM-Fix-bug-on-live-firing-of-custom-events.patch b/libs/patch/0002-JQM-Fix-bug-on-live-firing-of-custom-events.patch new file mode 100644 index 0000000..eb0b08e --- /dev/null +++ b/libs/patch/0002-JQM-Fix-bug-on-live-firing-of-custom-events.patch @@ -0,0 +1,30 @@ +From 8a6605cac17177b38527a8a7d21b92e75de1e1fe Mon Sep 17 00:00:00 2001 +From: Youmin Ha +Date: Wed, 15 Feb 2012 17:43:48 +0900 +Subject: [PATCH] JQM: Fix bug on live firing of custom events + +--- + .../js/jquery.mobile.event.js | 7 +++++++ + 1 files changed, 7 insertions(+), 0 deletions(-) + +diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.event.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.event.js +index 7b79b79..9a87f4a 100644 +--- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.event.js ++++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.event.js +@@ -24,6 +24,13 @@ var supportTouch = $.support.touch, + function triggerCustomEvent( obj, eventType, event ) { + var originalType = event.type; + event.type = eventType; ++ ++ // NOTE : by Youmin Ha ++ // event.liveFired is already set by basic events e.g. vclick, ++ // which is fired already. ++ // To fire this custom event, event.liveFired must be cleared. ++ event.liveFired = undefined; ++ + $.event.handle.call( obj, event ); + event.type = originalType; + } +-- +1.7.4.1 + diff --git a/libs/patch/0003-JQM-Don-t-draw-right-arrow-on-clickable-listitems-Fo.patch b/libs/patch/0003-JQM-Don-t-draw-right-arrow-on-clickable-listitems-Fo.patch new file mode 100644 index 0000000..8f1ad35 --- /dev/null +++ b/libs/patch/0003-JQM-Don-t-draw-right-arrow-on-clickable-listitems-Fo.patch @@ -0,0 +1,26 @@ +From b0ef5938298ad314cc3ea7ffd5afeb34b42c3bbb Mon Sep 17 00:00:00 2001 +From: Youmin Ha +Date: Wed, 15 Feb 2012 17:47:08 +0900 +Subject: [PATCH] JQM: Don't draw right arrow on clickable listitems (For Tizen theme) + +--- + .../js/jquery.mobile.listview.js | 3 ++- + 1 files changed, 2 insertions(+), 1 deletions(-) + +diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.listview.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.listview.js +index 58a2078..0f35aa3 100644 +--- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.listview.js ++++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.listview.js +@@ -183,7 +183,8 @@ $.widget( "mobile.listview", $.mobile.widget, { + shadow: false, + corners: false, + iconpos: "right", +- icon: a.length > 1 || icon === false ? false : icon || "arrow-r", ++ //icon: a.length > 1 || icon === false ? false : icon || "arrow-r", ++ icon: false, + theme: itemTheme + }); + +-- +1.7.4.1 + diff --git a/libs/patch/0004-JQM-Change-button-design-to-meet-Tizen-GUI-Button-Ev.patch b/libs/patch/0004-JQM-Change-button-design-to-meet-Tizen-GUI-Button-Ev.patch new file mode 100644 index 0000000..f96c8ff --- /dev/null +++ b/libs/patch/0004-JQM-Change-button-design-to-meet-Tizen-GUI-Button-Ev.patch @@ -0,0 +1,252 @@ +From 51799bf3c58cd972217fed6fb5453b7ca85cfb65 Mon Sep 17 00:00:00 2001 +From: Koeun Choi +Date: Thu, 16 Feb 2012 16:37:08 +0900 +Subject: [PATCH] JQM : Change button design to meet Tizen GUI, Button Event bug fixed + +--- + .../js/jquery.mobile.buttonMarkup.js | 164 +++++++++++++++----- + 1 files changed, 123 insertions(+), 41 deletions(-) + +diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.buttonMarkup.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.buttonMarkup.js +index a08e611..d676ad8 100644 +--- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.buttonMarkup.js ++++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.buttonMarkup.js +@@ -2,6 +2,22 @@ + * "buttons" plugin - for making button-like links + */ + ++/** ++ * Button Markup modified for TIZEN style. ++ * ++ * HTML Attributes: ++ * ++ * data-role: button ++ * data-style : circle, nobg, edit ++ * ++ * ++ * Examples: ++ * ++ *
        ++ *
        ++ *
        ++ */ ++ + ( function( $, undefined ) { + + $.fn.buttonMarkup = function( options ) { +@@ -13,6 +29,7 @@ $.fn.buttonMarkup = function( options ) { + o = $.extend( {}, $.fn.buttonMarkup.defaults, { + icon: options.icon !== undefined ? options.icon : el.jqmData( "icon" ), + iconpos: options.iconpos !== undefined ? options.iconpos : el.jqmData( "iconpos" ), ++ style: el.jqmData( "style"), /* style : default : block. Added "circle", "edit" and "nobg" */ + theme: options.theme !== undefined ? options.theme : el.jqmData( "theme" ), + inline: options.inline !== undefined ? options.inline : el.jqmData( "inline" ), + shadow: options.shadow !== undefined ? options.shadow : el.jqmData( "shadow" ), +@@ -30,8 +47,9 @@ $.fn.buttonMarkup = function( options ) { + buttonText = document.createElement( o.wrapperEls ), + buttonIcon = o.icon ? document.createElement( "span" ) : null; + +- if ( attachEvents ) { +- attachEvents(); ++ // Bug fix for jQM : When moving finger out of button after touching down button, button color MUST be returned. ++ if ( attachTIZENEvents ) { ++ attachTIZENEvents(); + } + + // if not, try to find closest theme container +@@ -54,6 +72,10 @@ $.fn.buttonMarkup = function( options ) { + if ( o.iconshadow ) { + iconClass += " ui-icon-shadow"; + } ++ ++ if ( $(el).text().length == 0 ) { /* No text */ ++ buttonClass += " ui-btn-icon_only"; ++ } + } + + if ( o.iconpos ) { +@@ -73,8 +95,51 @@ $.fn.buttonMarkup = function( options ) { + buttonClass += " ui-shadow"; + } + +- e.setAttribute( "data-" + $.mobile.ns + "theme", o.theme ); +- el.addClass( buttonClass ); ++ /* Set Button class for Icon BG */ ++ if ( o.style == "circle" ) { /* Circle BG Button. */ ++ /* style : no text, Icon only */ ++ buttonClass += " ui-btn-corner-circle"; ++ buttonClass += " ui-btn-icon_only"; ++ } ++ else if ( o.style == "nobg" ){ ++ /* style : no text, Icon only, no bg */ ++ buttonClass += " ui-btn-icon-nobg"; ++ buttonClass += " ui-btn-icon_only"; ++ } ++ else if ( o.style == "edit" ){ /* Contact Edit style */ ++ buttonClass += " ui-btn-edit"; ++ } ++ ++ el.attr( "data-" + $.mobile.ns + "theme", o.theme ) ++ .addClass( buttonClass ); ++ ++ /* Text Class for text positioning with icon. */ ++ textClass = "ui-btn-text"; ++ ++ if ( o.icon ) { ++ if ( $(el).text().length > 0 ) { ++ ( o.iconpos == "right" ? textClass += " ui-btn-text-padding-right" : textClass += " ui-btn-text-padding-left" ); ++ innerClass += " ui-btn-hastxt"; ++ } ++ else { ++ if ( o.style == "circle" ) { /* Circle BG Button. */ ++ /* style : no text, Icon only */ ++ innerClass += " ui-btn-corner-circle"; ++ } ++ else if ( o.style == "nobg" ) { ++ /* style : no text, Icon only, no bg */ ++ innerClass += " ui-btn-icon-nobg"; ++ } ++ ++ /* Icon Only : No padding on button-inner. */ ++ innerClass += " ui-btn-icon-only"; ++ } ++ } ++ else { /* Text Only */ ++ if ( $(el).text().length > 0 ) { ++ innerClass += " ui-btn-hastxt"; ++ } ++ } + + buttonInner.className = innerClass; + buttonInner.setAttribute("aria-hidden", "true"); +@@ -96,7 +161,7 @@ $.fn.buttonMarkup = function( options ) { + // TODO obviously it would be nice to pull this element out instead of + // retrieving it from the DOM again, but this change is much less obtrusive + // and 1.0 draws nigh +- $.data( e, 'textWrapper', $( buttonText ) ); ++ el.data( 'textWrapper', $( buttonText ) ); + } + + return this; +@@ -114,13 +179,7 @@ function closestEnabledButton( element ) { + var cname; + + while ( element ) { +- // Note that we check for typeof className below because the element we +- // handed could be in an SVG DOM where className on SVG elements is defined to +- // be of a different type (SVGAnimatedString). We only operate on HTML DOM +- // elements, so we look for plain "string". +- +- cname = ( typeof element.className === 'string' ) && element.className.split(' '); +- ++ cname = element.className && element.className.split(' '); + if ( cname && $.inArray( "ui-btn", cname ) > -1 && $.inArray( "ui-disabled", cname ) < 0 ) { + break; + } +@@ -130,51 +189,74 @@ function closestEnabledButton( element ) { + return element; + } + +-var attachEvents = function() { ++// Attach tizen events... ++var selectedButton = null; ++var useScrollview = false; ++var attachTIZENEvents = function() { + $( document ).bind( { +- "vmousedown": function( event ) { +- var btn = closestEnabledButton( event.target ), +- $btn, theme; +- +- if ( btn ) { +- $btn = $( btn ); ++ // button click event comes this order : vmouseover -> vmousedown -> vmouseup -> vmouseout ++ "vmouseover focus": function( event ) { ++ // console.log( event.type ); ++ var $btn, theme; ++ // check if there is selected button... if so, make it to "btn-up" state. ++ if ( selectedButton ) { ++ $btn = $( selectedButton ); + theme = $btn.attr( "data-" + $.mobile.ns + "theme" ); +- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme ); ++ $btn.removeClass( "ui-btn-down-" + theme ).removeClass( "ui-btn-hover-" + theme ) ++ .addClass( "ui-btn-up-" + theme ); + } +- }, +- "vmousecancel vmouseup": function( event ) { +- var btn = closestEnabledButton( event.target ), +- $btn, theme; + +- if ( btn ) { +- $btn = $( btn ); ++ // new button ++ selectedButton = closestEnabledButton( event.target ); ++ if ( selectedButton ) { ++ $btn = $( selectedButton ); + theme = $btn.attr( "data-" + $.mobile.ns + "theme" ); +- $btn.removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme ); ++ $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme ); + } + }, +- "vmouseover focus": function( event ) { +- var btn = closestEnabledButton( event.target ), +- $btn, theme; +- +- if ( btn ) { +- $btn = $( btn ); ++ "vmouseout blur": function( event ) { ++ // console.log( event.type ); ++ var $btn, theme; ++ if ( selectedButton ) { ++ $btn = $( selectedButton ); + theme = $btn.attr( "data-" + $.mobile.ns + "theme" ); +- $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-hover-" + theme ); ++ $btn.removeClass( "ui-btn-hover-" + theme ).removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme ); + } + }, +- "vmouseout blur": function( event ) { +- var btn = closestEnabledButton( event.target ), +- $btn, theme; ++ "vmousedown": function( event ) { ++ var $btn, theme; + +- if ( btn ) { +- $btn = $( btn ); ++ if ( !selectedButton ) { ++ selectedButton = closestEnabledButton( event.target ); ++ } ++ ++ $btn = $( selectedButton ); ++ theme = $btn.attr( "data-" + $.mobile.ns + "theme" ); ++ $btn.removeClass( "ui-btn-up-" + theme ).addClass( "ui-btn-down-" + theme ); ++ }, ++ "vmousecancel vmouseup": function( event ) { ++ // console.log( event.type ); ++ var $btn, theme; ++ if ( selectedButton ) { ++ $btn = $( selectedButton ); + theme = $btn.attr( "data-" + $.mobile.ns + "theme" ); +- $btn.removeClass( "ui-btn-hover-" + theme + " ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme ); ++ $btn.removeClass( "ui-btn-down-" + theme ).addClass( "ui-btn-up-" + theme ); ++ ++ if ( event.type === "vmousecancel" && useScrollview ) { ++ event.preventDefault(); ++ } ++ selectedButton = null; + } ++ }, ++ "scrollstart scrollview_scroll": function( event ) { ++ // console.log( event.type ); ++ if ( event.type === "scrollview_scroll" ) ++ useScrollview = true; ++ $(this).trigger("vmousecancel"); + } + }); + +- attachEvents = null; ++ attachTIZENEvents = null; + }; + + //links in bars, or those with data-role become buttons +-- +1.7.0.4 + diff --git a/libs/patch/0005-JQM-Change-header-footer-code-to-meet-Tizen-GUI.patch b/libs/patch/0005-JQM-Change-header-footer-code-to-meet-Tizen-GUI.patch new file mode 100644 index 0000000..1d49b36 --- /dev/null +++ b/libs/patch/0005-JQM-Change-header-footer-code-to-meet-Tizen-GUI.patch @@ -0,0 +1,463 @@ +From 372d8508f064dc0a28b44707baf4c0832e75e2ad Mon Sep 17 00:00:00 2001 +From: Minkyu Kang +Date: Thu, 16 Feb 2012 18:00:47 +0900 +Subject: [PATCH 1/2] JQM: Change header/footer code to meet Tizen GUI + +--- + .../js/jquery.mobile.fixHeaderFooter.js | 364 ++++++++++++++++---- + 1 files changed, 299 insertions(+), 65 deletions(-) + +diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js +index 3bb5613..2aa10b5 100644 +--- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js ++++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js +@@ -1,5 +1,46 @@ +-/* +-* "fixHeaderFooter" plugin - on-demand positioning for headers,footers ++/** ++* Header/Footer can be created using the ++* data-role="header", data-role="footer" attribute to an element. ++* ++* Every page in SLP theme have Header&Footer and default footer contains back button ++* Framework automatically generate footer even though web developer does not define footer ++* For more detail footer usage, refer Page(page.section.js) guideline ++* ++* Attribute: ++* data-position : default value is fixed, automatically generated footer has fixed position, ++ in header, web dev. defines header fix or not. ++* ++* Examples: ++* ++* HTML markup for creating header : ++*
        ++*

        NBeat UI

        ++*
        ++* ++* HTML markup for creating 1 button title ( button is available 1~3 ) ++*
        ++* Text1 ++*

        Title Area

        ++*
        ++* ++* HTML markup for creating 2 button and groupControl title ( Groupcontrol is available 2~4 ) ++*
        ++* Text ++*

        Title Extend 2 Button

        ++* Text ++*
        ++*
        ++* ++* ++* ++* ++*
        ++*
        ++*
        ++* ++* HTML markup for creating footer ++*
        ++*
        + */ + + (function( $, undefined ) { +@@ -50,7 +91,8 @@ $.mobile.fixedToolbars = (function() { + touchStopEvent = supportTouch ? "touchend" : "mouseup", + stateBefore = null, + scrollTriggered = false, +- touchToggleEnabled = true; ++ touchToggleEnabled = true, ++ defaultFooterHeight = 114; + + function showEventCallback( event ) { + // An event that affects the dimensions of the visual viewport has +@@ -62,12 +104,36 @@ $.mobile.fixedToolbars = (function() { + // + // If we are in autoHideMode, we don't do anything because we know the scroll + // callbacks for the plugin will fire off a show when the scrolling has stopped. ++ ++ ++ /* resize test : Jinhyuk */ ++ var footer_filter; ++ if( $( document ).find( ".ui-page-active" ).length ) ++ footer_filter = $( document ).find( ".ui-page-active" ).find( ":jqmData(role='footer')" ); ++ else ++ footer_filter = $( document ).find( ":jqmData(role='footer')" ).eq( 0 ); ++ ++ var footerNavbar = footer_filter.find(".ui-navbar"); ++ ++ if(footer_filter.height()< defaultFooterHeight) ++ footer_filter.css("height", defaultFooterHeight); ++ footer_filter ++ .css("top",window.innerHeight - footer_filter.height()) ++ .show(); ++ if(footerNavbar.jqmData("style") == "toolbar"){ ++ footerNavbar ++ .css("width", window.innerWidth - footerNavbar.siblings(".ui-btn").width()); ++ } ++ /* resize test : Jinhyuk */ ++ + if ( !autoHideMode && currentstate === "overlay" ) { + if ( !delayTimer ) { +- $.mobile.fixedToolbars.hide( true ); ++ /* Fixed header modify for theme-s : Jinhyuk */ ++ if(!($( event.target).find( ":jqmData(role='header')" ).is(":jqmData(position='fixed')")&& ++ $( event.target).find( ":jqmData(role='header')" ).is(".ui-bar-s"))) ++ $.mobile.fixedToolbars.hide( true ); + } +- +- $.mobile.fixedToolbars.startShowTimer(); ++ $.mobile.fixedToolbars.startShowTimer(); + } + } + +@@ -107,31 +173,34 @@ $.mobile.fixedToolbars = (function() { + + ( ( $document.scrollTop() === 0 ) ? $window : $document ) + .bind( "scrollstart", function( event ) { +- +- scrollTriggered = true; +- +- if ( stateBefore === null ) { +- stateBefore = currentstate; +- } +- +- // We only enter autoHideMode if the headers/footers are in +- // an overlay state or the show timer was started. If the +- // show timer is set, clear it so the headers/footers don't +- // show up until after we're done scrolling. +- var isOverlayState = stateBefore == "overlay"; +- +- autoHideMode = isOverlayState || !!delayTimer; +- +- if ( autoHideMode ) { +- $.mobile.fixedToolbars.clearShowTimer(); +- +- if ( isOverlayState ) { +- $.mobile.fixedToolbars.hide( true ); ++ /* Fixed header modify for theme-s : Jinhyuk */ ++ if(!$( event.target).find( ":jqmData(role='header')" ).is(":jqmData(position='fixed')")) ++ { ++ scrollTriggered = true; ++ ++ if ( stateBefore === null ) { ++ stateBefore = currentstate; + } ++ ++ // We only enter autoHideMode if the headers/footers are in ++ // an overlay state or the show timer was started. If the ++ // show timer is set, clear it so the headers/footers don't ++ // show up until after we're done scrolling. ++ var isOverlayState = stateBefore == "overlay"; ++ ++ autoHideMode = isOverlayState || !!delayTimer; ++ ++ if ( autoHideMode ) { ++ $.mobile.fixedToolbars.clearShowTimer(); ++ ++ if ( isOverlayState ) { ++ $.mobile.fixedToolbars.hide( true ); ++ } ++ } + } + }) +- .bind( "scrollstop", function( event ) { + ++ .bind( "scrollstop", function( event ) { + if ( $( event.target ).closest( ignoreTargets ).length ) { + return; + } +@@ -145,40 +214,201 @@ $.mobile.fixedToolbars = (function() { + stateBefore = null; + }); + +- $window.bind( "resize updatelayout", showEventCallback ); ++ $window.bind( "resize", showEventCallback ); + }); + + // 1. Before page is shown, check for duplicate footer + // 2. After page is shown, append footer to new page +- $( ".ui-page" ) +- .live( "pagebeforeshow", function( event, ui ) { ++ $( ".ui-page" ) /* Fixed header modify for theme-s : Jinhyuk */ ++ .live( "pagebeforeshow", function( event, ui ) { ++ var s_theme_header = $( event.target ).find( ":jqmData(role='header')" ); ++ var s_theme_fieldcontain = s_theme_header.find( ":jqmData(role='fieldcontain')" ); ++ var s_theme_content = $( event.target ).find( ".ui-content" ); ++ var title_style = "normal"; ++ if( s_theme_fieldcontain.length != 0 ) ++ title_style = "extended"; ++ ++ if( s_theme_header.jqmData("position") == "fixed" || s_theme_header.css("position") == "fixed" ){ ++ s_theme_header ++ .css( "position", "fixed" ) ++ .css( "top", "0px" ); ++ if( s_theme_header.children().is(".ui-navbar") ) { ++ s_theme_header.addClass( "ui-title-controlbar-height" ); ++ $( event.target ).find( ".ui-content" ).addClass( "ui-title-content-controlbar-height" ); ++ } else ++ $( event.target ).find( ".ui-content" ).addClass( "ui-title-content-" + title_style + "-height" ); ++ } ++ ++ if( s_theme_header.children().is(".ui-option-header") ){ ++ s_theme_content.removeClass( "ui-title-content-" + title_style + "-height" ); ++ if( s_theme_header.children().is(".input-search-bar") ){ ++ s_theme_content.addClass( "ui-title-content-optionheader-search" ); ++ } else{ ++ if( $.tizen.optionheader.prototype.options.collapseOnInit == true ) ++ s_theme_content.addClass( "ui-title-content-option-header-collapsed-1line-height" ); ++ else ++ s_theme_content.addClass( "ui-title-content-option-header-expanded-1line-height" ); ++ } ++ } else if( s_theme_header.find("input").jqmData("type") == "search" ){ /* In case searchbar in header : Jinhyuk */ ++ s_theme_content ++ .removeClass( "ui-title-content-" + title_style + "-height" ) ++ .addClass( "ui-title-content-search" ); ++ } ++ ++ if(s_theme_header.children().is("a") || s_theme_header.children().find(".ui-radio").length != 0){ ++ if(title_style == "normal"){ ++ if(s_theme_header.children("a").length == 1 || s_theme_header.children("a").length == 2){} ++ else if( s_theme_header.children("a").length == 3 ){ ++ s_theme_header.find( "a" ).eq( 1 ) ++ .removeClass( "ui-btn-right" ) ++ .addClass( "ui-title-normal-3btn" ); ++ s_theme_header.find( "a" ).eq( 2 ) ++ .addClass( "ui-btn-right" ); ++ } else {/* Need to implement new layout */} ++ } else{ ++ var group_length = s_theme_fieldcontain.find( ".ui-radio" ).length; ++ ++ s_theme_header.addClass( "ui-title-extended-height" ); ++ s_theme_fieldcontain.find( ".ui-controlgroup" ).addClass( "ui-title-extended-controlgroup" ); ++ s_theme_fieldcontain.find( ".ui-controlgroup" ).addClass( "ui-extended-controlgroup" ); ++ s_theme_fieldcontain.addClass( "ui-title-extended-segment-style" ); ++ ++ if( group_length == 2 || group_length == 3 || group_length == 4 ) ++ s_theme_fieldcontain.addClass( "ui-title-extended-controlgroup-" + group_length + "btn" ); ++ else { /* Need to implement new layout */} ++ } ++ s_theme_content.addClass( "ui-title-content-" + title_style + "-height" ); ++ } ++ ++ /* resize footer : Jinhyuk */ ++ var footer_filter = $(document).find(":jqmData(role='footer')"); ++ if( footer_filter.find(".ui-navbar").is(".ui-controlbar-s") ){ ++ footer_filter ++ .css( "top", window.innerHeight - footer_filter.height() ) ++ .show(); ++ } ++ /* resize footer : Jinhyuk */ ++ if( footer_filter.children().find(".ui-radio").length != 0 ){ ++ var footerGroup = footer_filter.find( ":jqmData(role='fieldcontain')" ); ++ var groupLength = footerGroup.find( ".ui-radio" ).length; ++ footerGroup.find( ".ui-controlgroup" ) ++ .addClass( "ui-extended-controlgroup" ) ++ .addClass( "ui-footer-extended-controlgroup" ) ++ .css( "display", "inline" ); ++ /* Groupcontrol cannot initialize inline property at first page */ ++ footerGroup.addClass( "ui-title-extended-controlgroup-" + groupLength + "btn" ); ++ ++ footerButton = footer_filter.children( "a" ); ++ footerButton.each(function(i){ ++ if( footerButton.eq(i).is(".ui-btn") && !footerButton.eq(i).is(".ui-btn-back") ){ ++ footerButton.eq( i ) ++ .removeClass( "ui-btn-left" ) ++ .addClass( "ui-btn-footer-right" ); ++ } ++ }); ++ } + + var page = $( event.target ), +- footer = page.find( ":jqmData(role='footer')" ), +- id = footer.data( "id" ), +- prevPage = ui.prevPage, +- prevFooter = prevPage && prevPage.find( ":jqmData(role='footer')" ), +- prevFooterMatches = prevFooter.length && prevFooter.jqmData( "id" ) === id; ++ footer = page.find( ":jqmData(role='footer')" ), ++ id = footer.data( "id" ), ++ prevPage = ui.prevPage, ++ prevFooter = prevPage && prevPage.find( ":jqmData(role='footer')" ), ++ prevFooterMatches = prevFooter.length && prevFooter.jqmData( "id" ) === id; + + if ( id && prevFooterMatches ) { + stickyFooter = footer; +- setTop( stickyFooter.removeClass( "fade in out" ).appendTo( $.mobile.pageContainer ) ); ++ stickyFooter.removeClass( "fade in out" ).appendTo( $.mobile.pageContainer ); ++ stickyFooter ++ .css("position", "fixed") ++ .css("top", $(".ui-page").find(":jqmData(role='footer')").eq(0).css("top")); ++ ++ } ++ if( footer.is(".ui-footer-fixed") ){ ++ footer.css( "top", window.innerHeight - footer.height() ); ++ } ++ ++ /* Increase Content size with dummy
        because of footer height */ ++ if( footer.length != 0 && $( event.target ).find(".dummy-div").length == 0 ){ ++ $( event.target ).find( ":jqmData(role='content')" ).append( '
        ' ); ++ $( ".dummy-div" ) ++ .css( "width", footer.width() ) ++ .css( "height", footer.height() ); ++ if( $(".dummy-div").height() < defaultFooterHeight ) ++ $( ".dummy-div" ).css( "height", defaultFooterHeight ); + } ++ ++ /* Header position fix(remove transition) : Jinhyuk */ ++ var next_id = $( event.target ).attr( "id" ); ++ $( "#"+next_id ).find( ":jqmData(role='header')" ).removeClass( "fade in out" ).appendTo( $.mobile.pageContainer ); + }) ++ + .live( "pageshow", function( event, ui ) { ++ /* Fixed header modify for theme-s : Jinhyuk */ ++ var s_theme_header = $( event.target ).find( ":jqmData(role='header')" ); ++ if( s_theme_header.is(".ui-header-fixed") && s_theme_header.is(".ui-bar-s") ){ ++ $( event.target ).find( ":jqmData(role='header')" ) ++ .css( "position", "fixed" ) ++ .css("top", "0px"); ++ (( $( document ).scrollTop() === 0 ) ? $( window ) : $( document ) ) ++ .unbind( "scrollstart") ++ .unbind( "silentscroll") ++ .unbind( "scrollstop"); ++ } + + var $this = $( this ); + + if ( stickyFooter && stickyFooter.length ) { +- + setTimeout(function() { + setTop( stickyFooter.appendTo( $this ).addClass( "fade" ) ); + stickyFooter = null; + }, 500); + } + +- $.mobile.fixedToolbars.show( true, this ); ++ $.mobile.fixedToolbars.show( true, this ); ++ ++ /* Header position fix(remove transition) : Jinhyuk */ ++ $("body").children(":jqmData(role='header')").insertBefore($(event.target).find(":jqmData(role='content')").eq(0)); ++ }) ++ ++ .live( "vclick", function( event, ui ) { ++/* ++ var previous_index = $(".ui-page-active").find(":jqmData(role='footer')" ).find(".ui-state-persist").parents("li").index(); ++ var active_index = $(event.target).parents("li").index(); ++ var navbar_filter = $(".ui-page-active").find(":jqmData(role='footer')" ).find(":jqmData(role='navbar')"); ++ var element_count = navbar_filter.find('li').length; ++ var style = navbar_filter.jqmData( "style" ); ++ var list_width = $(".ui-page-active").find('.ui-navbar').width()/element_count; ++ ++ var next_link = $(event.target).parents("a").attr("href"); ++ ++ ++ $(".ui-page-active").addClass("ui-btn-hide-style"); ++ ++ ++ if(navbar_filter.find(".ui-btn-animation").length == 0 && style != "toolbar"){ ++ $('
        ').appendTo(navbar_filter.children()); ++ $(".ani-focus") ++ .addClass("ui-btn-animation") ++ .removeClass("ui-btn-ani-verticalendposition") ++ .removeClass("ui-btn-ani-endposition"); ++ ++ } ++ $(".ani-focus") ++ .css("width", navbar_filter.width()/element_count ) ++ .css("height",navbar_filter.css("height")) ++ .css("left", previous_index * list_width); ++ ++ ++ $(".ui-btn-ani-startposition").css("-webkit-transform","translateX("+previous_index *list_width+")"); ++ $(".ani-focus").addClass("ui-btn-ani-startposition"); ++ ++ var t=setTimeout("",10); ++ $(".ui-btn-ani-endposition").css("-webkit-transform","translateX("+active_index *list_width+")"); ++ $(".ani-focus").removeClass("ui-btn-ani-startposition"); ++ $(".ani-focus").addClass("ui-btn-ani-endposition"); ++*/ + }); ++ + + // When a collapsiable is hidden or shown we need to trigger the fixed toolbar to reposition itself (#1635) + $( ".ui-collapsible-contain" ).live( "collapse expand", showEventCallback ); +@@ -215,30 +445,34 @@ $.mobile.fixedToolbars = (function() { + } + + function setTop( el ) { +- var fromTop = $(window).scrollTop(), +- thisTop = getOffsetTop( el[ 0 ] ), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead. +- thisCSStop = el.css( "top" ) == "auto" ? 0 : parseFloat(el.css( "top" )), +- screenHeight = window.innerHeight, +- thisHeight = el.outerHeight(), +- useRelative = el.parents( ".ui-page:not(.ui-page-fullscreen)" ).length, +- relval; +- +- if ( el.is( ".ui-header-fixed" ) ) { +- +- relval = fromTop - thisTop + thisCSStop; +- +- if ( relval < thisTop ) { +- relval = 0; ++ if(!(el.parents(".ui-page").find( ":jqmData(role='header')" ).is(".ui-header-fixed")&& ++ el.parents(".ui-page").find( ":jqmData(role='header')" ).is(".ui-bar-s"))){ ++ var fromTop = $(window).scrollTop(), ++ thisTop = getOffsetTop( el[ 0 ] ), // el.offset().top returns the wrong value on iPad iOS 3.2.1, call our workaround instead. ++ thisCSStop = el.css( "top" ) == "auto" ? 0 : parseFloat(el.css( "top" )), ++ screenHeight = window.innerHeight, ++ thisHeight = el.outerHeight(), ++ useRelative = el.parents( ".ui-page:not(.ui-page-fullscreen)" ).length, ++ relval; ++ ++ if ( el.is( ".ui-header-fixed" ) ) { ++ ++ relval = fromTop - thisTop + thisCSStop; ++ ++ if ( relval < thisTop ) { ++ relval = 0; ++ } ++ ++ return el.css( "top", useRelative ? relval : fromTop ); ++ } else { ++ // relval = -1 * (thisTop - (fromTop + screenHeight) + thisCSStop + thisHeight); ++ // if ( relval > thisTop ) { relval = 0; } ++ relval = fromTop + screenHeight - thisHeight - (thisTop - thisCSStop ); ++ ++ return el.css( "top", useRelative ? relval : fromTop + screenHeight - thisHeight ); + } +- +- return el.css( "top", useRelative ? relval : fromTop ); +- } else { +- // relval = -1 * (thisTop - (fromTop + screenHeight) + thisCSStop + thisHeight); +- // if ( relval > thisTop ) { relval = 0; } +- relval = fromTop + screenHeight - thisHeight - (thisTop - thisCSStop ); +- +- return el.css( "top", useRelative ? relval : fromTop + screenHeight - thisHeight ); + } ++ + } + + // Exposed methods +@@ -264,16 +498,16 @@ $.mobile.fixedToolbars = (function() { + thisHeight = el.outerHeight(), + alreadyVisible = ( el.is( ".ui-header-fixed" ) && fromTop <= thisTop + thisHeight ) || + ( el.is( ".ui-footer-fixed" ) && thisTop <= fromTop + screenHeight ); +- ++// block blink code in title : Jinhyuk + // Add state class +- el.addClass( "ui-fixed-overlay" ).removeClass( "ui-fixed-inline" ); ++// el.addClass( "ui-fixed-overlay" ).removeClass( "ui-fixed-inline" ); + +- if ( !alreadyVisible && !immediately ) { ++/* if ( !alreadyVisible && !immediately ) { + el.animationComplete(function() { + el.removeClass( "in" ); + }).addClass( "in" ); +- } +- setTop(el); ++ }*/ ++// setTop(el); + }); + }, + +-- +1.7.5.4 + diff --git a/libs/patch/0006-JQM-Add-back-button-into-header-footer.patch b/libs/patch/0006-JQM-Add-back-button-into-header-footer.patch new file mode 100644 index 0000000..ab83a86 --- /dev/null +++ b/libs/patch/0006-JQM-Add-back-button-into-header-footer.patch @@ -0,0 +1,181 @@ +From 259750f02a678feeb3ce1da00c8af596ab584303 Mon Sep 17 00:00:00 2001 +From: Minkyu Kang +Date: Thu, 16 Feb 2012 18:01:41 +0900 +Subject: [PATCH 2/2] JQM: Add back button into header/footer + +--- + .../js/jquery.mobile.page.sections.js | 105 +++++++++++++++++--- + 1 files changed, 91 insertions(+), 14 deletions(-) + +diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.page.sections.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.page.sections.js +index 2317c0c..9c81ac6 100644 +--- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.page.sections.js ++++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.page.sections.js +@@ -1,5 +1,34 @@ +-/* +-* This plugin handles theming and layout of headers, footers, and content areas ++/** ++ * Page can be created using the calendarpicker() method or by adding a ++ * data-role="page" attribute to an element. ++ * ++ * Page has 3 main sub element. Header, Footer, Content ++ * 3 sub element can be created using
        element ++ * ++ * Attribute: ++ * ++ * data-back-Btn-Text : determine which text is displayed in back button ++ * data-add-Back-Btn : Defines if header/footer has back button or not(default "false") ++ * data-back-Btn-Theme : defines back button's theme ++ * data-header-Theme = defines header
        's theme ++ * data-footer-Theme = defines footer
        's theme ++ * data-content-Theme = defines content
        's theme ++ * data-footer-Exist = defines to show default footer or not in each page (SLP default true) ++ * data-footer-User-Control-Theme = defines to show default footer in whole page(SLP default false. if true, all document do not has footer) ++ * ++ * Examples: ++ * ++ * HTML markup for creating Page: ++ *
        ++ * ++ * How to show back button ++ *
        ++ * ++ * How to remove footer of specific page ++ *
        ++ * ++ * How to remove footer of whole page ++ *
        + */ + + (function( $, undefined ) { +@@ -10,29 +39,36 @@ $.mobile.page.prototype.options.backBtnTheme = null; + $.mobile.page.prototype.options.headerTheme = "a"; + $.mobile.page.prototype.options.footerTheme = "a"; + $.mobile.page.prototype.options.contentTheme = null; ++$.mobile.page.prototype.options.footerExist = true; /* SLP Default Footer : Jinhyuk */ ++$.mobile.page.prototype.options.footerUserControl = false; /* SLP Default Footer : Jinhyuk */ + + $( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", function( e ) { + + var $page = $( this ), + o = $page.data( "page" ).options, +- pageRole = $page.jqmData( "role" ), + pageTheme = o.theme; + + $( ":jqmData(role='header'), :jqmData(role='footer'), :jqmData(role='content')", this ).each(function() { + var $this = $( this ), + role = $this.jqmData( "role" ), + theme = $this.jqmData( "theme" ), +- contentTheme = theme || o.contentTheme || ( pageRole === "dialog" && pageTheme ), ++ contentTheme = theme || o.contentTheme || pageTheme, + $headeranchors, + leftbtn, + rightbtn, +- backBtn; ++ normalFooter, /* SLP Default Footer : Jinhyuk */ ++ backBtn, ++ footerExist = $this.jqmData("footerexist"); /* Footer on / off option : Wongi */ ++ ++ if ( footerExist != undefined && (footerExist == true || footerExist == false) ){ ++ /*$.mobile.page.prototype.options.footerExist = footerExist;*/ ++ o.footerExist = footerExist; ++ } + + $this.addClass( "ui-" + role ); + + //apply theming and markup modifications to page,header,content,footer + if ( role === "header" || role === "footer" ) { +- + var thisTheme = theme || ( role === "header" ? o.headerTheme : o.footerTheme ) || pageTheme; + + $this +@@ -47,20 +83,29 @@ $( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", functi + rightbtn = $headeranchors.hasClass( "ui-btn-right" ); + + leftbtn = leftbtn || $headeranchors.eq( 0 ).not( ".ui-btn-right" ).addClass( "ui-btn-left" ).length; +- + rightbtn = rightbtn || $headeranchors.eq( 1 ).addClass( "ui-btn-right" ).length; ++ ++ // set default userControl value _ SLP ++ if( o.footerUserControl ) ++ $.mobile.page.prototype.options.footerUserControl = "true"; + + // Auto-add back btn on pages beyond first view +- if ( o.addBackBtn && +- role === "header" && +- $( ".ui-page" ).length > 1 && ++ // create backbtn in case footer exist _ SLP ++ if( o.addBackBtn && ++ o.footerExist && ++ ( role === "footer" ) && + $this.jqmData( "url" ) !== $.mobile.path.stripHash( location.hash ) && + !leftbtn ) { +- +- backBtn = $( ""+ o.backBtnText +"" ) ++ ++ backBtn = $( "" ) + // If theme is provided, override default inheritance + .attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme || thisTheme ) +- .prependTo( $this ); ++ .prependTo( $this ); ++ ++ backBtn.bind( "vclick", function( event ) { ++ window.history.back(); ++ return false; ++ }); + } + + // Page title +@@ -72,6 +117,10 @@ $( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", functi + "role": "heading", + "aria-level": "1" + }); ++ //SLP -- start ++ // prevent winset selection for header & footer ++// $this.preventDefaultBehaviour(); ++ //SLP -- end + + } else if ( role === "content" ) { + if ( contentTheme ) { +@@ -80,8 +129,36 @@ $( ":jqmData(role='page'), :jqmData(role='dialog')" ).live( "pagecreate", functi + + // Add ARIA role + $this.attr( "role", "main" ); ++ ++ /* Add default footer to add backbtn */ ++ // set backbtn in case footer is not exist _ SLP ++ thisTheme = "s"; ++ if( o.footerExist ){ ++ backBtn = $( "" ) ++ .attr( "data-"+ $.mobile.ns +"theme", o.backBtnTheme || thisTheme ); ++ var footer = $page.find( "div:jqmData(role='footer')" ); ++ ++ if( footer.length != 0 ){ ++ // add backbtn in case toolbar _ SLP ++ if( !footer.find("jqmData(role='navbar')").is("jqmData(style='tabbar')") ){ ++ backBtn.appendTo( footer ); ++ } ++ } else{ ++ if( !$.mobile.page.prototype.options.footerUserControl ) { ++ normalFooter = $( "
        " ) ++ .insertAfter( $page.find( ".ui-content" ) ); ++ backBtn.appendTo( normalFooter ); ++ } ++ } ++ if( backBtn ){ ++ backBtn.bind( "vclick", function( event ) { ++ window.history.back(); ++ return false; ++ }); ++ } ++ } + } + }); + }); + +-})( jQuery ); +\ No newline at end of file ++})( jQuery ); +-- +1.7.5.4 + diff --git a/libs/patch/0007-JQM-checkbox-pressed-no-lable-support.patch b/libs/patch/0007-JQM-checkbox-pressed-no-lable-support.patch new file mode 100644 index 0000000..e85b970 --- /dev/null +++ b/libs/patch/0007-JQM-checkbox-pressed-no-lable-support.patch @@ -0,0 +1,110 @@ +From e424c135d1a438cc234107bb45608baa26139ebc Mon Sep 17 00:00:00 2001 +From: Koeun Choi +Date: Wed, 15 Feb 2012 19:34:44 +0900 +Subject: [PATCH] JQM:checkbox pressed, no-lable support + +--- + .../js/jquery.mobile.forms.checkboxradio.js | 60 ++++++++++++++++++-- + 1 files changed, 55 insertions(+), 5 deletions(-) + +diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.forms.checkboxradio.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.forms.checkboxradio.js +index d09a422..6b2268f 100644 +--- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.forms.checkboxradio.js ++++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.forms.checkboxradio.js +@@ -23,11 +23,22 @@ $.widget( "mobile.checkboxradio", $.mobile.widget, { + checkedClass = "ui-" + checkedState + activeBtn, + uncheckedClass = "ui-" + uncheckedState, + checkedicon = "ui-icon-" + checkedState, +- uncheckedicon = "ui-icon-" + uncheckedState; ++ uncheckedicon = "ui-icon-" + uncheckedState, ++ checkedpressedicon = checkedicon + "-press", ++ uncheckedpressedicon = uncheckedicon + "-press"; + + if ( inputtype !== "checkbox" && inputtype !== "radio" ) { + return; + } ++ // Support fake label ++ if ( label.length == 0 ) { ++ //fake label ++ label = $( "" ); ++ } ++ ++ // Wrap the input + label in a div ++ input.add( label ) ++ .wrapAll( "
        " ); + + // Expose for other methods + $.extend( this, { +@@ -36,7 +47,9 @@ $.widget( "mobile.checkboxradio", $.mobile.widget, { + checkedClass: checkedClass, + uncheckedClass: uncheckedClass, + checkedicon: checkedicon, +- uncheckedicon: uncheckedicon ++ uncheckedicon: uncheckedicon, ++ checkedpressedicon: checkedpressedicon, ++ uncheckedpressedicon: uncheckedpressedicon + }); + + // If there's no selected theme... +@@ -50,11 +63,20 @@ $.widget( "mobile.checkboxradio", $.mobile.widget, { + shadow: false + }); + +- // Wrap the input + label in a div +- input.add( label ) +- .wrapAll( "
        " ); ++ // TODO : support either data-style or class... ++ if ( input.hasClass( "favorite" ) ) { ++ input.parent().addClass( "favorite" ).end(); ++ } + + label.bind({ ++ vmousedown: function() { ++ self.press(); ++ }, ++ vmouseup: function() { ++ self.unpress(); ++ }, ++ ++ + vmouseover: function( event ) { + if ( $( this ).parent().is( ".ui-disabled" ) ) { + event.stopPropagation(); +@@ -154,6 +176,34 @@ $.widget( "mobile.checkboxradio", $.mobile.widget, { + .checkboxradio( "refresh" ); + }, + ++ press: function() { ++ var input = this.element, ++ label = this.label, ++ icon = label.find( ".ui-icon" ); ++ ++ if ( !$( input[ 0 ] ).is( ":disabled" ) ) { ++ if ( $( input[ 0 ] ).prop( "checked" ) ) { ++ icon.addClass( this.uncheckedpressedicon ).removeClass( this.checkedicon ); ++ } else { ++ icon.removeClass( this.uncheckedicon ).addClass( this.checkedpressedicon ); ++ } ++ } ++ }, ++ ++ unpress: function() { ++ var input = this.element, ++ label = this.label, ++ icon = label.find( ".ui-icon" ); ++ ++ if ( !$( input[ 0 ] ).is( ":disabled" ) ) { ++ if ( $( input[ 0 ] ).prop( "checked" ) ) { ++ icon.removeClass( this.uncheckedpressedicon ).addClass( this.uncheckedicon ); ++ } else { ++ icon.addClass( this.checkedicon ).removeClass( this.checkedpressedicon ); ++ } ++ } ++ }, ++ + refresh: function() { + var input = this.element, + label = this.label, +-- +1.7.0.4 + diff --git a/libs/patch/0008-JQM-change-click-to-vclick-for-click-routing.patch b/libs/patch/0008-JQM-change-click-to-vclick-for-click-routing.patch new file mode 100644 index 0000000..47b882a --- /dev/null +++ b/libs/patch/0008-JQM-change-click-to-vclick-for-click-routing.patch @@ -0,0 +1,25 @@ +From b0074ca866b536d2a8cfbe6a195cd7b8f1cb8e8c Mon Sep 17 00:00:00 2001 +From: Minkyu Kang +Date: Wed, 15 Feb 2012 19:55:16 +0900 +Subject: [PATCH] JQM: change click to vclick for click routing + +--- + .../js/jquery.mobile.navigation.js | 2 +- + 1 files changed, 1 insertions(+), 1 deletions(-) + +diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.navigation.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.navigation.js +index f85a491..555f4b3 100755 +--- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.navigation.js ++++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.navigation.js +@@ -1294,7 +1294,7 @@ + }); + + // click routing - direct to HTTP or Ajax, accordingly +- $( document ).bind( "click", function( event ) { ++ $( document ).bind( "vclick", function( event ) { + if( !$.mobile.linkBindingEnabled ){ + return; + } +-- +1.7.5.4 + diff --git a/libs/patch/0009-JQM-Resize-content-in-scrollview.patch b/libs/patch/0009-JQM-Resize-content-in-scrollview.patch new file mode 100644 index 0000000..6c593d6 --- /dev/null +++ b/libs/patch/0009-JQM-Resize-content-in-scrollview.patch @@ -0,0 +1,214 @@ +From c1aaf9af8c239fa8d6da305a74dcbd355fa65c99 Mon Sep 17 00:00:00 2001 +From: Lee Wongi +Date: Thu, 23 Feb 2012 11:28:27 +0900 +Subject: [PATCH] JQM Resize content in scrollview. + +Change-Id: If40d512a7d2df0d038013bb6ebc06de90c13d1af +--- + .../js/jquery.mobile.fixHeaderFooter.js | 117 +++++++++---------- + 1 files changed, 55 insertions(+), 62 deletions(-) + +diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js +index 2aa10b5..d05fe11 100644 +--- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js ++++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js +@@ -105,8 +105,7 @@ $.mobile.fixedToolbars = (function() { + // If we are in autoHideMode, we don't do anything because we know the scroll + // callbacks for the plugin will fire off a show when the scrolling has stopped. + +- +- /* resize test : Jinhyuk */ ++ + var footer_filter; + if( $( document ).find( ".ui-page-active" ).length ) + footer_filter = $( document ).find( ".ui-page-active" ).find( ":jqmData(role='footer')" ); +@@ -124,11 +123,38 @@ $.mobile.fixedToolbars = (function() { + footerNavbar + .css("width", window.innerWidth - footerNavbar.siblings(".ui-btn").width()); + } +- /* resize test : Jinhyuk */ + ++ // NOTE : by Jinhyuk Jun ++ // divide content mode scrollview and non-scrollview ++ // recalculate content area when resize callback occur ++ ++ if(event.type == "resize") /* resize only */ ++ { ++ var s_theme_header = $( document ).find( ".ui-page-active" ).find( ":jqmData(role='header')" ); ++ var s_theme_content = $( document ).find( ".ui-page-active" ).find( ":jqmData(role='content')" ); ++ ++ // data-role != "fixed", scrollview=false -> header scroll support ++ if( $.support.scrollview === false && s_theme_header.css("position") != "fixed" ){ ++ s_theme_header.css( "position", "relative" ); ++ s_theme_content ++ .css( "top", "0" ) ++ .css( "height", "" ); ++ } else if( $.support.scrollview === true ) { ++ if(s_theme_header.css( "position") != "fixed" ) ++ s_theme_header.css( "position", "fixed" ); ++ s_theme_content.css( "top", s_theme_header.height() ); ++ } ++ ++ // resize content size in case scrollview ++ if( $.support.scrollview === true ) { ++ s_theme_content ++ .css( "height", document.documentElement.clientHeight - footer_filter.height() - s_theme_header.height()); ++ } ++ } ++ + if ( !autoHideMode && currentstate === "overlay" ) { + if ( !delayTimer ) { +- /* Fixed header modify for theme-s : Jinhyuk */ ++ /* Fixed header modify for theme-s */ + if(!($( event.target).find( ":jqmData(role='header')" ).is(":jqmData(position='fixed')")&& + $( event.target).find( ":jqmData(role='header')" ).is(".ui-bar-s"))) + $.mobile.fixedToolbars.hide( true ); +@@ -173,7 +199,7 @@ $.mobile.fixedToolbars = (function() { + + ( ( $document.scrollTop() === 0 ) ? $window : $document ) + .bind( "scrollstart", function( event ) { +- /* Fixed header modify for theme-s : Jinhyuk */ ++ /* Fixed header modify for theme-s */ + if(!$( event.target).find( ":jqmData(role='header')" ).is(":jqmData(position='fixed')")) + { + scrollTriggered = true; +@@ -219,7 +245,7 @@ $.mobile.fixedToolbars = (function() { + + // 1. Before page is shown, check for duplicate footer + // 2. After page is shown, append footer to new page +- $( ".ui-page" ) /* Fixed header modify for theme-s : Jinhyuk */ ++ $( ".ui-page" ) /* Fixed header modify for theme-s */ + .live( "pagebeforeshow", function( event, ui ) { + var s_theme_header = $( event.target ).find( ":jqmData(role='header')" ); + var s_theme_fieldcontain = s_theme_header.find( ":jqmData(role='fieldcontain')" ); +@@ -249,7 +275,7 @@ $.mobile.fixedToolbars = (function() { + else + s_theme_content.addClass( "ui-title-content-option-header-expanded-1line-height" ); + } +- } else if( s_theme_header.find("input").jqmData("type") == "search" ){ /* In case searchbar in header : Jinhyuk */ ++ } else if( s_theme_header.find("input").jqmData("type") == "search" ){ + s_theme_content + .removeClass( "ui-title-content-" + title_style + "-height" ) + .addClass( "ui-title-content-search" ); +@@ -280,14 +306,30 @@ $.mobile.fixedToolbars = (function() { + s_theme_content.addClass( "ui-title-content-" + title_style + "-height" ); + } + +- /* resize footer : Jinhyuk */ ++ // NOTE : by Jinhyuk Jun ++ // divide content mode scrollview and non-scrollview ++ // recalculate content area when resize callback occur ++ ++ if(event.type == "resize") /* resize only */ ++ { ++ // data-role != "fixed", scrollview=false -> header scroll support ++ if( $.support.scrollview === false && s_theme_header.css("position") != "fixed" ){ ++ s_theme_header.css( "position", "relative" ); ++ s_theme_content.css( "top", "0" ); ++ } else if( $.support.scrollview === true ){ ++ if( s_theme_header.css("position") != "fixed" ) ++ s_theme_header.css( "position", "fixed" ); ++ s_theme_content.css( "top", s_theme_header.height() ); ++ } ++ } ++ + var footer_filter = $(document).find(":jqmData(role='footer')"); + if( footer_filter.find(".ui-navbar").is(".ui-controlbar-s") ){ + footer_filter + .css( "top", window.innerHeight - footer_filter.height() ) + .show(); + } +- /* resize footer : Jinhyuk */ ++ + if( footer_filter.children().find(".ui-radio").length != 0 ){ + var footerGroup = footer_filter.find( ":jqmData(role='fieldcontain')" ); + var groupLength = footerGroup.find( ".ui-radio" ).length; +@@ -337,13 +379,13 @@ $.mobile.fixedToolbars = (function() { + $( ".dummy-div" ).css( "height", defaultFooterHeight ); + } + +- /* Header position fix(remove transition) : Jinhyuk */ ++ /* Header position fix(remove transition) */ + var next_id = $( event.target ).attr( "id" ); + $( "#"+next_id ).find( ":jqmData(role='header')" ).removeClass( "fade in out" ).appendTo( $.mobile.pageContainer ); + }) + + .live( "pageshow", function( event, ui ) { +- /* Fixed header modify for theme-s : Jinhyuk */ ++ /* Fixed header modify for theme-s */ + var s_theme_header = $( event.target ).find( ":jqmData(role='header')" ); + if( s_theme_header.is(".ui-header-fixed") && s_theme_header.is(".ui-bar-s") ){ + $( event.target ).find( ":jqmData(role='header')" ) +@@ -366,49 +408,10 @@ $.mobile.fixedToolbars = (function() { + + $.mobile.fixedToolbars.show( true, this ); + +- /* Header position fix(remove transition) : Jinhyuk */ ++ /* Header position fix(remove transition) */ + $("body").children(":jqmData(role='header')").insertBefore($(event.target).find(":jqmData(role='content')").eq(0)); + }) + +- .live( "vclick", function( event, ui ) { +-/* +- var previous_index = $(".ui-page-active").find(":jqmData(role='footer')" ).find(".ui-state-persist").parents("li").index(); +- var active_index = $(event.target).parents("li").index(); +- var navbar_filter = $(".ui-page-active").find(":jqmData(role='footer')" ).find(":jqmData(role='navbar')"); +- var element_count = navbar_filter.find('li').length; +- var style = navbar_filter.jqmData( "style" ); +- var list_width = $(".ui-page-active").find('.ui-navbar').width()/element_count; +- +- var next_link = $(event.target).parents("a").attr("href"); +- +- +- $(".ui-page-active").addClass("ui-btn-hide-style"); +- +- +- if(navbar_filter.find(".ui-btn-animation").length == 0 && style != "toolbar"){ +- $('
        ').appendTo(navbar_filter.children()); +- $(".ani-focus") +- .addClass("ui-btn-animation") +- .removeClass("ui-btn-ani-verticalendposition") +- .removeClass("ui-btn-ani-endposition"); +- +- } +- $(".ani-focus") +- .css("width", navbar_filter.width()/element_count ) +- .css("height",navbar_filter.css("height")) +- .css("left", previous_index * list_width); +- +- +- $(".ui-btn-ani-startposition").css("-webkit-transform","translateX("+previous_index *list_width+")"); +- $(".ani-focus").addClass("ui-btn-ani-startposition"); +- +- var t=setTimeout("",10); +- $(".ui-btn-ani-endposition").css("-webkit-transform","translateX("+active_index *list_width+")"); +- $(".ani-focus").removeClass("ui-btn-ani-startposition"); +- $(".ani-focus").addClass("ui-btn-ani-endposition"); +-*/ +- }); +- + + // When a collapsiable is hidden or shown we need to trigger the fixed toolbar to reposition itself (#1635) + $( ".ui-collapsible-contain" ).live( "collapse expand", showEventCallback ); +@@ -497,17 +500,7 @@ $.mobile.fixedToolbars = (function() { + screenHeight = window.innerHeight, + thisHeight = el.outerHeight(), + alreadyVisible = ( el.is( ".ui-header-fixed" ) && fromTop <= thisTop + thisHeight ) || +- ( el.is( ".ui-footer-fixed" ) && thisTop <= fromTop + screenHeight ); +-// block blink code in title : Jinhyuk +- // Add state class +-// el.addClass( "ui-fixed-overlay" ).removeClass( "ui-fixed-inline" ); +- +-/* if ( !alreadyVisible && !immediately ) { +- el.animationComplete(function() { +- el.removeClass( "in" ); +- }).addClass( "in" ); +- }*/ +-// setTop(el); ++ ( el.is( ".ui-footer-fixed" ) && thisTop <= fromTop + screenHeight ); + }); + }, + +-- +1.7.0.4 + diff --git a/libs/patch/0011-JQM-change-input-s-type-on-fixed-header.patch b/libs/patch/0011-JQM-change-input-s-type-on-fixed-header.patch new file mode 100644 index 0000000..53dee0d --- /dev/null +++ b/libs/patch/0011-JQM-change-input-s-type-on-fixed-header.patch @@ -0,0 +1,29 @@ +From 7cf6c94898a6b9240030cdee5e2dae85fa90ae82 Mon Sep 17 00:00:00 2001 +From: Lee Wongi +Date: Thu, 23 Feb 2012 16:56:46 +0900 +Subject: [PATCH] JQM change input's type on fixed header. + +Change-Id: I42cfcb0654fb4f7f5bc0115b1894d1f4d9942b09 +--- + .../js/jquery.mobile.fixHeaderFooter.js | 2 +- + 1 files changed, 1 insertions(+), 1 deletions(-) + mode change 100644 => 100755 libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js + +diff --git a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js +old mode 100644 +new mode 100755 +index d05fe11..26d0ec3 +--- a/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js ++++ b/libs/js/jquery-mobile-1.0.1pre/js/jquery.mobile.fixHeaderFooter.js +@@ -275,7 +275,7 @@ $.mobile.fixedToolbars = (function() { + else + s_theme_content.addClass( "ui-title-content-option-header-expanded-1line-height" ); + } +- } else if( s_theme_header.find("input").jqmData("type") == "search" ){ ++ } else if( s_theme_header.find("input").attr("type") === "tizen-search" ){ + s_theme_content + .removeClass( "ui-title-content-" + title_style + "-height" ) + .addClass( "ui-title-content-search" ); +-- +1.7.0.4 + diff --git a/libs/patch/README.txt b/libs/patch/README.txt new file mode 100644 index 0000000..ac27bd2 --- /dev/null +++ b/libs/patch/README.txt @@ -0,0 +1,38 @@ +======================================================== +How to create your patches for the libraries under libs/ +======================================================== + + 1. Run libs/patch/prepare-patch.sh + +This script does followings; + * Create a temporary branch and move to it. + * Apply existing patches under libs/patch/ into the temporary branch. + + + 2. Change library code in libs/ + +Edit code under libs/ that you want to fix. + + + 3. Apply changed code into git + +Run git add, git commit to remember your code. +Write your commit message to descrbe well about your patch. The commit message will be the name of patch file. + + + 4. Run libs/patch/create-patch.sh + +This script does followings; + * Extract your commit as a patch file, and save it into libs/patch/. + * Move to original branch, and delete temporary branch. + +Whenever you want to cancel the patching, just run create-patch.sh with --cancel option. +With this option, any commits and temporary branch will be deleted. + + + 5. Add your patch file into git + +Now your patch file is found in libs/patch/. Add your patch file into git. + +WARNING: Do not add other patch files into git! Only your new patch must be added. + diff --git a/libs/patch/create-patch.sh b/libs/patch/create-patch.sh new file mode 100755 index 0000000..5ac23ec --- /dev/null +++ b/libs/patch/create-patch.sh @@ -0,0 +1,38 @@ +#!/bin/bash + +cd `dirname $0`/../../ +CWD=`pwd` +LIB_DIR=${CWD}/libs +PATCH_DIR=$LIB_DIR/patch + +CURRENT_BRANCH="`git branch --no-color 2>/dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/\1/'`" +PATCH_BRANCH="temp-patch" +ORIG_BRANCH_FILE="${CWD}/.current_branch.txt" +ORIG_BRANCH="`cat $ORIG_BRANCH_FILE 2>/dev/null`" + +function reset_branch +{ + if test -n "$1"; then ret=$1; else ret=1; fi; + echo "Restore to original git branch." + git checkout ${ORIG_BRANCH} + git branch -D ${PATCH_BRANCH} + rm -f $ORIG_BRANCH_FILE + exit $ret +} + +# If --cancel option is given, just reset git and exit. +test "$1" == "--cancel" && reset_branch 0 + +# Make sure if current branch is PATCH_BRANCH +test ! -f "$ORIG_BRANCH_FILE" && echo "ERROR: Original branch file ($ORIG_BRANCH_FILE) is not found!" && exit 1 +test "${CURRENT_BRANCH}" != "$PATCH_BRANCH" && echo "ERROR: Current branch is not '$PATCH_BRANCH'." && exit 1 + +# Extract patch files from latest commit +git format-patch -N --output-directory ${PATCH_DIR} ${ORIG_BRANCH} + +# Reset branch to original branch +reset_branch 0 + +# Done. Notice howto +echo "" +echo "Creating your patch is done. Your patch is in ${PATCH_DIR}. Check your patch and add to git." diff --git a/libs/patch/prepare-patch.sh b/libs/patch/prepare-patch.sh new file mode 100755 index 0000000..7ce3297 --- /dev/null +++ b/libs/patch/prepare-patch.sh @@ -0,0 +1,54 @@ +#!/bin/bash + +cd `dirname $0`/../../ +CWD=`pwd` +LIB_DIR=${CWD}/libs +PATCH_DIR=$LIB_DIR/patch + +CURRENT_BRANCH="`git branch --no-color 2>/dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/\1/'`" +PATCH_BRANCH=temp-patch +CURRENT_BRANCH_FILE=${CWD}/.current_branch.txt + +function reset_branch +{ + echo "Restore to original git branch." + test -f "$CURRENT_BRANCH_FILE" && CURRENT_BRANCH="`cat $CURRENT_BRANCH_FILE`" + git checkout ${CURRENT_BRANCH} + git branch -D ${PATCH_BRANCH} + rm -f $CURRENT_BRANCH_FILE + exit 1 +} + +# If --cancel option is given, just reset git and exit. +test "$1" == "--cancel" && reset_branch + +# Remember current branch name to a file +echo "${CURRENT_BRANCH}" > $CURRENT_BRANCH_FILE + +# Make sure if current git is clear. +#test -n "`git status -s`" && echo "ERROR: Current git is not clean. Type 'git status' and clean your git up first." && exit 1 + +# Reset git +#git reset --hard HEAD + +# Create a temporary branch +git branch ${PATCH_BRANCH} || reset_branch +git checkout ${PATCH_BRANCH} || reset_branch + +# Apply existing patches into libs/ +cd ${LIB_DIR} +#for patch in `find ${PATCH_DIR} -name '*.patch' -type f`; do +# patch -p0 < ${patch} || reset_branch +#done +git am $PATCH_DIR/*.patch + +# Make a temporary commit on $PATCH_BRANCH +#git add -f -u . || reset_branch +#git commit -m 'Temporary commit applying existing patches' || reset_branch + + +# Done. Notice howto +echo "" +echo "Set up for patch is done. Current temporary git branch name is '${PATCH_BRANCH}', and a temporary commit is created. (This commit and branch will be removed.)" +echo "Go change your source, add&commit into git, and run create-patch.sh to make your commit to a patch file in $PATCH_DIR." + diff --git a/src/loader/loader.js b/src/loader/loader.js new file mode 100644 index 0000000..1a3e176 --- /dev/null +++ b/src/loader/loader.js @@ -0,0 +1,224 @@ +/** + * loader.js : Loader for web-ui-fw + * Refactored from bootstrap.js + * + * By Youmin Ha + * + */ +S = { + libFileName : "tizen-web-ui-fw(.min)?.js", + + frameworkData : { + rootDir: '/usr/lib/tizen-web-ui-fw', + version: '0.1', + theme: "default", + }, + + cacheBust: (document.location.href.match(/debug=true/)) ? + '?cacheBust=' + (new Date()).getTime() : + '', + + util : { + addElementToHead : function(elem) { + var head = document.getElementsByTagName('head')[0]; + head.appendChild(elem); + }, + loadScriptSync : function(scriptPath, successCB, errorCB) { + $.ajax({ + url: scriptPath, + dataType: 'script', + async: false, + success: successCB, + error: function(jqXHR, textStatus, errorThrown) { + if(errorCB) errorCB(jqXHR, textStatus, errorThrown); + else { + var ignoreStatusList = [ + 404, // not found + ]; + if(-1 == $.inArray(jqXHR.status, ignoreStatusList)) { + alert('Error while loading ' + scriptPath + '\n' + jqXHR.status + ':' + jqXHR.statusText); + } + else { + console.log('Error while loading ' + scriptPath + '\n' + jqXHR.status + ':' + jqXHR.statusText); + } + } + }, + }); + }, + getScaleFactor: function () { + var factor = window.scale; + + if ( !factor ) { + var width = screen.width < screen.height ? screen.width : screen.height, + defaultWidth = 720; + + factor = width / defaultWidth; + if ( factor > 1 ) { + // TODO NOTE some of targets(e.g iPad) need to set scale equal or less than 1.0 + factor = 1; + } + } + console.log( "ScaleFactor: " + factor ); + return factor; + }, + }, + + css : { + load: function (path) { + S.util.addElementToHead(this.makeLink(path + S.cacheBust)); + }, + + makeLink : function (href) { + var customstylesheetLink = document.createElement('link'); + customstylesheetLink.setAttribute('rel', 'stylesheet'); + customstylesheetLink.setAttribute('href', href); + return customstylesheetLink; + }, + }, + + getParams: function() { + /* Get data-* params from + +* They create a config.js file to specify which of their own JS, CSS files + need to be loaded, other app config etc. For example: + + S.load( + 'src/app_manage.js', + 'src/theme.js', + ); + + /* link custom stylesheet */ + S.css.load( + 'src/app_manage.css', + 'src/theme.css' + ); + + In this case, 'S' is an arbitrary namespace I picked for + our framework; the load() function is defined in bootstrap.js, and + simply loads the remaining framework JavaScript files, followed by + the specified JS files (relative to the application root + directory) in order. + + Note that as config.js is loaded after jQuery but before jQuery Mobile: + this is so it can hook into jQuery Mobile configuration (via + $.mobile.* properties) and also bind to the pagecreate event for + the first page. Therefore, it shouldn't directly reference any + framework functions. + +What happens when the app loads: + +* bootstrap.js is loaded + +* The auto-run function in bootstrap.js is called once the DOM is ready. + This does the following: + + - Hides the element until everything is loaded + + - Sets a default root location for the framework files (tizen-web-ui-fw in + this demo, but could be an absolute file:// path) + + - Sets a default version of the framework to load (0.1) + + - Sets a default theme to load (default) + + - Finds the bootstrap.js + + + + + + + +
        +
        +

        Web UI Framework - Template application

        +
        +
        +

        This application is an empty starting point.

        +
        +
        + + diff --git a/src/template/w3c/config.xml.in b/src/template/w3c/config.xml.in new file mode 100644 index 0000000..6bdb6fc --- /dev/null +++ b/src/template/w3c/config.xml.in @@ -0,0 +1,26 @@ + + + + + @APP_NAME@ + + + + + + + + + + + diff --git a/src/template/w3c/icon.png b/src/template/w3c/icon.png new file mode 100644 index 0000000..5c3d764 Binary files /dev/null and b/src/template/w3c/icon.png differ diff --git a/src/template/wac/config.xml.in b/src/template/wac/config.xml.in new file mode 100644 index 0000000..40f7986 --- /dev/null +++ b/src/template/wac/config.xml.in @@ -0,0 +1,25 @@ + + + + + @APP_NAME@ + + + + + + + + + + + diff --git a/src/template/wac/icon.png b/src/template/wac/icon.png new file mode 100644 index 0000000..5c3d764 Binary files /dev/null and b/src/template/wac/icon.png differ diff --git a/src/themes/Makefile b/src/themes/Makefile new file mode 100644 index 0000000..c321dba --- /dev/null +++ b/src/themes/Makefile @@ -0,0 +1,17 @@ +THEMES = tizen/tizen-* +export THEME_OUTPUT_ROOT ?= ../build/ + +all: themes + +themes: + # Make themes... + @for theme in ${THEMES}; do \ + make -C $$theme || exit $?; \ + done + +clean: + # Clean themes... + @for theme in ${THEMES}; do \ + make -C $$theme clean; \ + done + diff --git a/src/themes/tizen/common/dayselector.less b/src/themes/tizen/common/dayselector.less new file mode 100755 index 0000000..cbd6331 --- /dev/null +++ b/src/themes/tizen/common/dayselector.less @@ -0,0 +1,69 @@ + +@import "config.less"; + +/* dayselector CSS */ +.ui-dayselector label { + height: 56px; + width: 64px; +} + +.ui-dayselector { + + .ui-btn { + border-color : @color_dayselector_Btn_border; + border-style : solid; + border-width : 1 * @unit_base; + .ui-btn-inner { + text-align :center; + padding : 0.8em 0px; + } + } + .ui-checkbox-off { + background : @color_dayselector_Btn_normal; + .ui-btn-text { + color : @color_dayselector_Btn_Mon_to_Fri; + } + } + + .ui-checkbox-off.ui-btn-down-s.ui-btn-hover-s { + background : @color_dayselector_Btn_press; + } + + .ui-checkbox-on { + background : @color_dayselector_Btn_press; + .ui-btn-text { + color : @color_dayselector_Btn_Mon_to_Fri; + } + } + + .ui-checkbox-on.ui-btn-down-s.ui-btn-hover-s { + background : @color_dayselector_Btn_normal; + } + .ui-dayselector-label-saturday { + .ui-btn-text { + color: @color_dayselector_Btn_Sat; + } + } + .ui-dayselector-label-sunday { + .ui-btn-text { + color: @color_dayselector_Btn_Sun; + } + } + .ui-checkbox { + height : 90 * @unit_base; + + .ui-btn { + width : 94 * @unit_base; + } + .ui-btn.ui-corner-left { + border-top-left-radius : 5 * @unit_base; + border-bottom-left-radius : 5 * @unit_base; + } + .ui-btn.ui-corner-right { + border-top-right-radius : 5 * @unit_base; + border-bottom-right-radius : 5 * @unit_base; + } +} + +} + diff --git a/src/themes/tizen/common/jquery.mobile.button.less b/src/themes/tizen/common/jquery.mobile.button.less new file mode 100755 index 0000000..fed0faf --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.button.less @@ -0,0 +1,221 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ + +@import "config.less"; + +/* Button colors are defined in config.less + +/* Edit button size */ +@height_buttonEdit: 74 * @unit_base; +@width_buttonEdit: @height_buttonEdit; + +.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; /*margin: .5em 5px;*/ padding: 0; vertical-align: middle; } /* wongi_1018 : For button align. */ +.ui-btn:focus, .ui-btn:active { outline: none; } +.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13 * @unit_base; margin: 0; } +.ui-btn-inline { display: inline-block; } +.ui-btn-inner { padding: .6em 25 * @unit_base; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; } +.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: 0.7em 8 * @unit_base 0.7em; } /* wongi_1024 : Button text middle align */ +.ui-header .ui-btn-inner.ui-btn-icon-only , .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner.ui-btn-icon-only { padding: .4em 8 * @unit_base .5em; } /* wongi_1024 : Button text middle align */ +.ui-btn-icon-notext { width: 24 * @unit_base; height: 24 * @unit_base; } +.ui-btn-icon-notext .ui-btn-inner { padding: 2 * @unit_base 1 * @unit_base 2 * @unit_base 3 * @unit_base; } +.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999 * @unit_base; } +.ui-btn-icon-left .ui-btn-inner { padding-left: 33 * @unit_base; } +.ui-header .ui-btn-icon-left .ui-btn-inner, +.ui-footer .ui-btn-icon-left .ui-btn-inner, +.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27 * @unit_base; } +.ui-btn-icon-right .ui-btn-inner { padding-right: 33 * @unit_base; } +.ui-header .ui-btn-icon-right .ui-btn-inner, +.ui-footer .ui-btn-icon-right .ui-btn-inner, +.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27 * @unit_base; } +.ui-btn-icon-top .ui-btn-inner { padding-top: 33 * @unit_base; } +.ui-header .ui-btn-icon-top .ui-btn-inner, +.ui-footer .ui-btn-icon-top .ui-btn-inner, +.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27 * @unit_base; } +.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33 * @unit_base; } +.ui-header .ui-btn-icon-bottom .ui-btn-inner, +.ui-footer .ui-btn-icon-bottom .ui-btn-inner, +.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27 * @unit_base; } + +/*btn icon positioning*/ +.ui-btn-icon-notext .ui-icon { display: block; } + +.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon, .ui-btn-icon-circle .ui-icon { position: absolute; /*top: 50%; margin-top: -9px;*/ } /* wongi_1018 : do not use. No more use 18px default icons. */ + + +.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; } +.ui-btn-icon-left .ui-icon { left: /*10px;*/ 0 * @unit_base; } /* wongi_1018 : with 64px icon, left 10 -> 0 for good looking. */ +.ui-btn-icon-circle .ui-icon {left: 0 * @unit_base;} /* wongi_1018 : for circle icon center positioning. */ +.ui-btn-icon-right .ui-icon { right: 10 * @unit_base; } +.ui-btn-icon-top .ui-icon { top: 10 * @unit_base; } +.ui-btn-icon-bottom .ui-icon { bottom: 10 * @unit_base; } +.ui-header .ui-btn-icon-left .ui-icon, +.ui-footer .ui-btn-icon-left .ui-icon, +.ui-bar .ui-btn-icon-left .ui-icon { left: 24 * @unit_base; } /* SLP Default Footer : Jinhyuk */ +.ui-header .ui-btn-icon-right .ui-icon, +.ui-footer .ui-btn-icon-right .ui-icon, +.ui-bar .ui-btn-icon-right .ui-icon { right: 4 * @unit_base; } +.ui-header .ui-btn-icon-top .ui-icon, +.ui-footer .ui-btn-icon-top .ui-icon, +.ui-bar .ui-btn-icon-top .ui-icon { top: 4 * @unit_base; } +.ui-header .ui-btn-icon-bottom .ui-icon, +.ui-footer .ui-btn-icon-bottom .ui-icon, +.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4 * @unit_base; } + +/*hiding native button,inputs */ +.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: .1; cursor: pointer; background: transparent; font-size: 1 * @unit_base; border: none; line-height: 999 * @unit_base; } + +.ui-btn-text +{ + /*padding-left : 80px;*/ //wongi_1017 + margin-left: auto; + margin-right: auto; +} + +.ui-li .ui-btn.ui-btn-icon_only +{ + top: 50%; + margin-top: -32 * @unit_base; +} + +.ui-li .ui-btn .ui-btn-inner.ui-btn-hastxt +{ + padding: 0.2em 0.5em; +} + +/* wongi_1017 : Icons */ +/* icons sizing */ +.ui-btn .ui-icon { width: 64 * @unit_base; height: 64 * @unit_base; } +.ui-btn.ui-btn-edit .ui-icon { width: @width_buttonEdit; height: @height_buttonEdit; } + +/* Padding for Icon with text */ +.ui-btn .ui-btn-text.ui-btn-text-padding-left {padding-left: 32 * @unit_base;} +.ui-btn .ui-btn-text.ui-btn-text-padding-right {padding-right: 48 * @unit_base;} + +.tizen-icon-common +{ + /* Overlap original property */ + background-position:0% 0%; + + width: 64 * @unit_base; height: 64 * @unit_base; + background-repeat: no-repeat; + background-size: 100% 100%; + margin-top : 50%; + top : -32 * @unit_base; + z-index : 10; + vertical-align:middle; +} + +.ui-icon-bg {.tizen-icon-common; background-image: url(images/00_btn_circle_bg_normal.png); z-index:0; } +.ui-icon-reveal {.tizen-icon-common; background-image: url(images/00_button_reveal.png); } +.ui-icon-reveal-left {.tizen-icon-common; background-image: url(images/00_button_reveal_left.png); } +.ui-icon-closed {.tizen-icon-common; background-image: url(images/00_button_expand_closed.png); } +.ui-icon-opened {.tizen-icon-common; background-image: url(images/00_button_expand_opened.png); } +.ui-icon-info {.tizen-icon-common; background-image: url(images/00_button_info.png); } +.ui-icon-rename {.tizen-icon-common; background-image: url(images/00_button_rename.png); } +.ui-icon-call {.tizen-icon-common; background-image: url(images/00_button_call.png); } +.ui-icon-warning {.tizen-icon-common; background-image: url(images/00_button_warning.png); } +.ui-icon-plus {.tizen-icon-common; background-image: url(images/00_button_plus_normal.png); } +.ui-icon-minus {.tizen-icon-common; background-image: url(images/00_button_minus_normal.png); } +.ui-icon-cancel {.tizen-icon-common; background-image: url(images/00_button_cancel.png); } +.ui-icon-send {.tizen-icon-common; background-image: url(images/00_button_send.png); } +.ui-icon-favorite {.tizen-icon-common; background-image: url(images/00_winset_icon_favorite_on.png); } +.ui-icon-editexpand {.tizen-icon-common; background-image: url(images/00_button_icon_expand.png); top : -@height_buttonEdit/2; } +.ui-icon-editminus {.tizen-icon-common; background-image: url(images/00_button_icon_minus.png); top : -@height_buttonEdit/2;} +.ui-icon-editplus {.tizen-icon-common; background-image: url(images/00_button_icon_plus.png); top : -@height_buttonEdit/2;} + +/* Header back btn : Jinjyuk */ +.ui-btn-up-s .ui-icon-header-back-btn{ + width: 56 * @unit_base; + height: 56 * @unit_base; + left : 24 * @unit_base; + top : 10 * @unit_base; + background-repeat: no-repeat; + background-size: 100% 100%; +background-image: url(images/00_winset_Back.png);} +.ui-btn-down-s, .ui-btn-hover-s { + .ui-icon-header-back-btn{ + width: 56 * @unit_base; height: 56 * @unit_base; + left : 24 * @unit_base; + top : 10 * @unit_base; + background-repeat: no-repeat; + background-size: 100% 100%; + background-image: url(images/00_winset_Back.png);} +} + +.ui-icon-header-back-btn{ + .LESSbackground-size(48 * @unit_base, 38 * @unit_base); + width: 48 * @unit_base; + height: 38 * @unit_base; +} +/* Pressed images */ +.ui-btn-down-s .ui-icon-bg, .ui-btn-down-s.ui-tizen-icon-bg {.tizen-icon-common; background-image: url(images/00_btn_circle_bg_press.png); z-index:0; } +.ui-btn-down-s .ui-icon-reveal {.tizen-icon-common; background-image: url(images/00_button_reveal_press.png); } +.ui-btn-down-s .ui-icon-reveal-left {.tizen-icon-common; background-image: url(images/00_button_reveal_left_press.png); } +.ui-btn-down-s .ui-icon-closed {.tizen-icon-common; background-image: url(images/00_button_expand_closed_press.png); } +.ui-btn-down-s .ui-icon-opened {.tizen-icon-common; background-image: url(images/00_button_expand_opened_press.png); } +.ui-btn-down-s .ui-icon-info {.tizen-icon-common; background-image: url(images/00_button_info_press.png); } +.ui-btn-down-s .ui-icon-rename {.tizen-icon-common; background-image: url(images/00_button_rename_press.png); } +.ui-btn-down-s .ui-icon-call {.tizen-icon-common; background-image: url(images/00_button_call_press.png); } +.ui-btn-down-s .ui-icon-warning {.tizen-icon-common; background-image: url(images/00_button_warning_press.png); } +.ui-btn-down-s .ui-icon-plus {.tizen-icon-common; background-image: url(images/00_button_plus_press.png); } +.ui-btn-down-s .ui-icon-minus {.tizen-icon-common; background-image: url(images/00_button_minus_press.png); } +.ui-btn-down-s .ui-icon-cancel {.tizen-icon-common; background-image: url(images/00_button_cancel_press.png); } +.ui-btn-down-s .ui-icon-send {.tizen-icon-common; background-image: url(images/00_button_send_press.png); } +.ui-btn-down-s .ui-icon-favorite {.tizen-icon-common; background-image: url(images/00_winset_icon_favorite_off.png); } +.ui-btn-down-s .ui-icon-editexpand {.tizen-icon-common; background-image: url(images/00_button_icon_expand_press.png); top : -@height_buttonEdit/2;} +.ui-btn-down-s .ui-icon-editminus {.tizen-icon-common; background-image: url(images/00_button_icon_minus_press.png); top : -@height_buttonEdit/2;} +.ui-btn-down-s .ui-icon-editplus {.tizen-icon-common; background-image: url(images/00_button_icon_plus_press.png); top : -@height_buttonEdit/2;} + +.ui-btn-inner.ui-btn-icon-only +{ + padding: 32 * @unit_base 32 * @unit_base; +} + +.ui-btn-edit .ui-btn-inner.ui-btn-icon-only +{ + padding: @width_buttonEdit/2 @height_buttonEdit/2; +} + +/* Circle Icon BG : data-iconbg = "circle" */ +.ui-btn-corner-all.ui-btn-corner-circle +{ + .LESSborder-radius-all(1.0em); //wongi_1018 +} + +/* No BG button : data-iconbg = "nobg" */ +.ui-btn.ui-btn-icon-nobg, .ui-btn .ui-btn-icon-nobg +{ + background-color: transparent; + border: none; +} + +/* Contact Edit Style */ +.ui-btn.ui-btn-edit .ui-btn-text +{ + color: @color_button_EditText; +} + +.ui-btn.ui-btn-edit.ui-btn-hover-s, .ui-btn.ui-btn-edit.ui-btn-up-s, .ui-btn.ui-btn-edit.ui-btn-down-s +{ font-size: 0.6em; } + +.ui-btn.ui-btn-edit.ui-btn-down-s .ui-btn-text +{ + color: @color_button_EditTextPress; +} + +.ui-btn.ui-btn-edit +{ + background-color: @color_button_normal; + position: absolute; + top: 0 * @unit_base; + margin-top: 0 * @unit_base; + left : 950px - 160px - @width_buttonEdit; +} + +.ui-btn.ui-btn-edit.ui-btn-down-s +{ + background-color: @color_button_press; +} diff --git a/src/themes/tizen/common/jquery.mobile.collapsible.css b/src/themes/tizen/common/jquery.mobile.collapsible.css new file mode 100644 index 0000000..11f2682 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.collapsible.css @@ -0,0 +1,25 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-collapsible { margin: .5em 0; } +.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; } +.ui-collapsible-heading a { text-align: left; margin: 0; } +.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; } +.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; } +.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; } +.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; } +.ui-collapsible-heading-status { position:absolute; left:-9999px; } +.ui-collapsible-content { + display: block; + margin: 0 -8px; + padding: 10px 16px; + border-top: none; /* Overrides ui-btn-up-* */ + background-image: none; /* Overrides ui-btn-up-* */ + font-weight: normal; /* Overrides ui-btn-up-* */ +} +.ui-collapsible-content-collapsed { display: none; } + +.ui-collapsible-set { margin: .5em 0; } +.ui-collapsible-set .ui-collapsible { margin: -1px 0 0; } diff --git a/src/themes/tizen/common/jquery.mobile.controlgroup.less b/src/themes/tizen/common/jquery.mobile.controlgroup.less new file mode 100755 index 0000000..5344259 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.controlgroup.less @@ -0,0 +1,103 @@ +@import "config.less"; + +.ui-controlgroup, +fieldset.ui-controlgroup { + padding: 0; + margin: .5em 0 1em; +} +.ui-bar .ui-controlgroup { + margin: 0 .3em; +} +.ui-controlgroup-label { + font-size: 1em; + line-height: 1.4; + font-weight: normal; + margin: 0 0 .3em; +} + +.ui-controlgroup-controls { + display: block; +} +.ui-controlgroup { + li { + list-style: none; + } + .ui-btn-inner { + white-space: nowrap; + } + .ui-checkbox label, .ui-radio { + label { + font-size: 1em; + } + } + .ui-radio { + width: 25%; + overflow: hidden; + label { + text-align: center; + white-space: nowrap; + } + } + .ui-radio-off, .ui-radio-on { + width: 100%; + border-right-width: 1px; + border-right-color: @color_controlgroup_btn_border; + border-right-style: solid; + border-left-width: 1px; + border-left-color: @color_controlgroup_btn_border; + border-left-style: solid; + } + .ui-corner-left { + border-left-width: 0px; + } + .ui-corner-right { + border-right-width: 0px; + } +} +.ui-controlgroup-vertical { + .ui-btn, .ui-checkbox, .ui-radio { + margin: 0; + border-bottom-width: 0; + } + .ui-controlgroup-last { + border-bottom-width: 1px; + } + + .ui-radio { + width : 100%; + } + + .ui-radio label { + text-align :left; + .ui-btn-inner { + margin-left : 16 * @unit_base; + margin-right : 16 * @unit_base; + } + } +} +.ui-controlgroup-horizontal { + padding: 0; + .ui-btn { + display: inline-block; + margin: 0 -5px 0 0; + } + .ui-checkbox, .ui-radio { + float: left; + margin: 0 -1px 0 0; + } + .ui-controlgroup-last { + margin-right: 0; + } +} + +@media all and (min-width: 450px){ + .ui-controlgroup-label { + vertical-align: top; + display: inline-block; + width: 20%; + margin: 0 2% 0 0; + } + .ui-controlgroup-controls { + display: inline-block; + } +} diff --git a/src/themes/tizen/common/jquery.mobile.core.less b/src/themes/tizen/common/jquery.mobile.core.less new file mode 100755 index 0000000..6d8cb45 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.core.less @@ -0,0 +1,129 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +/*** less definitions ***/ +@import "config.less"; +/************************/ + + +/* some unsets - more probably needed */ +.ui-mobile, .ui-mobile body { height: 100%; font-size: @font_size_default; } +.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; } +.ui-mobile a img, .ui-mobile fieldset { border: 0; } + +/* responsive page widths */ +.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +/* "page" containers - full-screen views, one should always be in view post-pageload */ +.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } +.ui-mobile .ui-page-active { display: block; overflow: visible; } + +/* on ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */ +.ui-page { outline: none; } + +/*orientations from js are available */ +@media screen and (orientation: portrait){ +.ui-mobile, .ui-mobile .ui-page { min-height: 420px; background: black; } +} +@media screen and (orientation: landscape){ +.ui-mobile, .ui-mobile .ui-page { min-height: 300px; background: black; } +} + +/* native overflow scrolling */ +.ui-page.ui-mobile-touch-overflow, +.ui-mobile-touch-overflow.ui-native-fixed .ui-content { + overflow: auto; + height: 100%; + -webkit-overflow-scrolling: touch; + -moz-overflow-scrolling: touch; + -o-overflow-scrolling: touch; + -ms-overflow-scrolling: touch; + overflow-scrolling: touch; +} +.ui-page.ui-mobile-touch-overflow, +.ui-page.ui-mobile-touch-overflow * { + /* some level of transform keeps elements from blinking out of visibility on iOS */ + -webkit-transform: rotateY(0); +} +.ui-page.ui-mobile-pre-transition { + display: block; +} + +/* loading screen */ +.ui-loading .ui-mobile-viewport { overflow: hidden !important; } +.ui-loading .ui-loader { display: block; } +.ui-loading .ui-page { overflow: hidden; } +.ui-loader { display: none; position: absolute; opacity: .85; z-index: @z_base_loader; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; } +.ui-loader h1 { font-size: 0.5 * @font_size_default; text-align: center; } +.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; } + +/*fouc*/ +.ui-mobile-rendering > * { visibility: hidden; } + +/*headers, content panels*/ +.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; } +.ui-bar { font-size: 16px; margin: 0; } +.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; } + +.ui-header, .ui-footer { display: block; } +.ui-page .ui-header, .ui-page .ui-footer { + position : fixed; /*position: relative;*/ + z-index : @z_base_header_footer; +}/* Option header reposition : Jinhyuk */ +.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; } +.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; } +.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; } + +/*content area*/ +.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; } +.ui-page-fullscreen .ui-content { padding:0; } + +/* native fixed headers and footers */ +.ui-mobile-touch-overflow.ui-page.ui-native-fixed, +.ui-mobile-touch-overflow.ui-page.ui-native-fullscreen { + overflow: visible; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-header, +.ui-mobile-touch-overflow.ui-native-fixed .ui-footer { + position: fixed; + left: 0; + right: 0; + top: 0; + z-index: 200; +} +.ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer { + top: auto; + bottom: 0; +} +.ui-mobile-touch-overflow.ui-native-fixed .ui-content { + padding-top: 2.5em; + padding-bottom: 3em; + top: 0; + bottom: 0; + height: auto; + position: absolute; +} +.ui-mobile-touch-overflow.ui-native-fullscreen .ui-content { + padding-top: 0; + padding-bottom: 0; +} +.ui-mobile-touch-overflow.ui-native-fullscreen .ui-header, +.ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer { + opacity: .9; +} +.ui-native-bars-hidden { + display: none; +} + +/* icons sizing */ +.ui-icon { width: 18px; height: 18px; } + +/* fullscreen class on ui-content div */ +.ui-fullscreen { } +.ui-fullscreen img { max-width: 100%; } + +/* non-js content hiding */ +.ui-nojs { position: absolute; left: -9999px; } diff --git a/src/themes/tizen/common/jquery.mobile.dialog.less b/src/themes/tizen/common/jquery.mobile.dialog.less new file mode 100755 index 0000000..d9d33b3 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.dialog.less @@ -0,0 +1,41 @@ +@import "config.less"; + +.ui-dialog { + + min-height: 480px; + + .ui-header, + .ui-content, + .ui-footer { + margin: 15px; + position: relative; + } + .ui-header, + .ui-footer { + z-index: 10; + width: auto; + } + .ui-header .ui-btn-left { + width: 0px; + border-width: 0px; + } + + .center_info { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + .popup-text { + font-size: 42px; + background: #213c49; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + } + +} diff --git a/src/themes/tizen/common/jquery.mobile.forms.checkboxradio.less b/src/themes/tizen/common/jquery.mobile.forms.checkboxradio.less new file mode 100755 index 0000000..2e186e0 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.forms.checkboxradio.less @@ -0,0 +1,180 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +@import "config.less"; + +.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; } +//.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 2.313em; } +//.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 2.313em; } +//.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; } +//.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; } + +.ui-icon-radio-off { + background-color: transparent; +} + +//font size: 42.... +@checkbox-icon-left: (16*@unit_base); //16 + +@checkbox-radio-all-height: (80*@unit_base); //on-off style is the biggest. + +@checkbox-radio-size-width: (42*@unit_base); +@checkbox-radio-size-height: (42*@unit_base); + +@favorite-size-width: (64*@unit_base); +@favorite-size-height: (64*@unit_base); + +@checkbox-radio-icon-internal-bottom: (-@checkbox-radio-size-height/2); //-icon size/2 (42/2) +@favorite-icon-internal-bottom: (-@favorite-size-height/2); //-icon size/2 (64/2) + +@icon-left-margin: (16*@unit_base); +@checkbox-radio-label-left: (@checkbox-radio-size-width + 2*@icon-left-margin); //16+42+16 +@favorite-label-left: (@favorite-size-width + 2*@icon-left-margin); //16+64+16 + +.ui-checkbox, .ui-radio { + height: @checkbox-radio-all-height; + position: relative; + margin: 0; + z-index: 1; + + //clear btn basic setting + .LESSclear-btn-basic-setting(); + input { + position: absolute; + left: -10000px; + height: 100%; + outline: 0 !important; + z-index: 0; + } + .ui-btn { + height: 100%; + margin: 0; + text-align: left; + z-index: 2; + } + .ui-btn.ui-btn-icon-left { + display: block; + .ui-btn-inner { + display: inline-block; + line-height: @checkbox-radio-all-height; + padding: 0 0 0 16*@unit_base; + .ui-btn-text { + display: inline-block; + vertical-align: middle; + margin-left: 40 * @unit_base; + } + .ui-icon { + position: absolute; + top: 50%; + width: @checkbox-radio-size-width; + height: @checkbox-radio-size-height; + margin-top: @checkbox-radio-icon-internal-bottom; + } + } + } +} +.ui-checkbox.favorite { + input { + position: absolute; + left: -10000px; + height: 100%; + outline: 0 !important; + z-index: 1; + } + + .ui-btn.ui-btn-icon-left { + display: block; + .ui-btn-inner { + display: inline-block; + line-height: @checkbox-radio-all-height; + padding: 0 0 0 16*@unit_base; + .ui-btn-text { + display: inline-block; + vertical-align: middle; + margin-left: @favorite-label-left; + } + .ui-icon { + position: absolute; + top: 50%; + width: @favorite-size-width; + height: @favorite-size-height; + margin-top: @favorite-icon-internal-bottom; + } + } + } +} + +/* put img inside of checkbox(normal, favorite, on&off style) */ +@checkbox-radio-size-width: (42*@unit_base); +@checkbox-radio-size-height: (42*@unit_base); + +@favorite-size-width: (64*@unit_base); +@favorite-size-height: (64*@unit_base); + +.ui-icon-checkbox-off, .ui-icon-checkbox-on, +.favorite .ui-icon-checkbox-off, .favorite .ui-icon-checkbox-on, +.ui-icon-checkbox-on-press, .ui-icon-checkbox-off-press, +.ui-icon-radio-off, .ui-icon-radio-on, +.ui-icon-radio-on-press, .ui-icon-radio-off-press { + background-size: 100% 100%; + background-color: transparent; +} +.ui-icon-checkbox-off { + width: @checkbox-radio-size-width; + height: @checkbox-radio-size-height; + background-image: url(images/00_check_bg.png); +} +.ui-icon-checkbox-on { + width: @checkbox-radio-size-width; + height: @checkbox-radio-size-height; + background-image: url(images/00_check_checking.png), url(images/00_check_bg.png); + background-repeat: no-repeat; +} +.ui-icon-checkbox-off-press { + width: @checkbox-radio-size-width; + height: @checkbox-radio-size-height; + background-image: url(images/00_check_bg_press.png); +} +.ui-icon-checkbox-on-press { + width: @checkbox-radio-size-width; + height: @checkbox-radio-size-height; + background-image: url(images/00_check_checking.png), url(images/00_check_bg_press.png); + background-repeat: no-repeat; +} +.favorite { + .ui-icon-checkbox-off, + .ui-icon-checkbox-off-press { + width: @favorite-size-width; + height: @favorite-size-height; + background-image: url(images/00_winset_icon_favorite_off.png); + } + .ui-icon-checkbox-on, + .ui-icon-checkbox-on-press { + width: @favorite-size-width; + height: @favorite-size-height; + background-image: url(images/00_winset_icon_favorite_on.png); + } +} + +.ui-icon-radio-off { + width: @checkbox-radio-size-width; + height: @checkbox-radio-size-height; + background-image: url(images/00_button_radio_normal2.png); +} +.ui-icon-radio-on { + width: @checkbox-radio-size-width; + height: @checkbox-radio-size-height; + background-image: url(images/00_button_radio_normal1.png); +} +.ui-icon-radio-on-press { + width: @checkbox-radio-size-width; + height: @checkbox-radio-size-height; + background-image: url(images/00_button_radio_press2.png); +} +.ui-icon-radio-off-press { + width: @checkbox-radio-size-width; + height: @checkbox-radio-size-height; + background-image: url(images/00_button_radio_press1.png); +} diff --git a/src/themes/tizen/common/jquery.mobile.forms.fieldcontain.css b/src/themes/tizen/common/jquery.mobile.forms.fieldcontain.css new file mode 100644 index 0000000..a4f8c10 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.forms.fieldcontain.css @@ -0,0 +1,10 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; } +.ui-field-contain:first-child { border-top-width: 0; } +@media all and (min-width: 450px){ + .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; } +} \ No newline at end of file diff --git a/src/themes/tizen/common/jquery.mobile.forms.select.css b/src/themes/tizen/common/jquery.mobile.forms.select.css new file mode 100644 index 0000000..623d819 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.forms.select.css @@ -0,0 +1,39 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-select { display: block; position: relative; } +.ui-select select { position: absolute; left: -9999px; top: -9999px; } +.ui-select .ui-btn { overflow: hidden; } +.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); z-index: 2; } +@-moz-document url-prefix() {.ui-select .ui-btn select { opacity: 0.0001; }} +.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; } + +.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } +.ui-select .ui-btn-icon-right .ui-icon { right: 15px; } + +/* labels */ +label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } + +/*listbox*/ +.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; } +.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden;} + +.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; } +.ui-selectmenu .ui-listview { margin: 0; } +.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; } +.ui-selectmenu-hidden { top: -9999px; left: -9999px; } +.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } +.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; } +.ui-selectmenu-list .ui-li .ui-icon { display: block; } +.ui-li.ui-selectmenu-placeholder { display: none; } +.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; } + +@media all and (min-width: 450px){ + label.ui-select { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } + .ui-select { width: 60%; display: inline-block; } +} + +/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */ +.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; } \ No newline at end of file diff --git a/src/themes/tizen/common/jquery.mobile.forms.textinput.less b/src/themes/tizen/common/jquery.mobile.forms.textinput.less new file mode 100755 index 0000000..031c62e --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.forms.textinput.less @@ -0,0 +1,176 @@ +@import "config.less"; +@search-bar-padding: (16*@em_base); + +label.ui-input-text { + font-size: @font_size_default; + line-height: 1.4; + display: block; + font-weight: normal; + margin: 0 0 .3em; +} +input.ui-input-text, textarea.ui-input-text { + background-image: none; + padding: .4em; + line-height: 1.4; + font-size: @font_size_default; + display: block; + width: 95%; +} +input.ui-input-text { -webkit-appearance: none; } +textarea.ui-input-text { + height: 50*@em_base; + -webkit-transition: height 200ms linear; + -moz-transition: height 200ms linear; + -o-transition: height 200ms linear; + transition: height 200ms linear; +} + +.ui-input-search { + padding: 0 0; + position: relative; + input.ui-input-text { + border: none; + background: transparent none; + outline: 0 !important; + } + .ui-btn-down-s, .ui-btn-up-s, .ui-btn-hover-s { + border: none; + background: transparent none; + } + .ui-btn-icon-notext.ui-input-clear { + width: 38 * @unit_base; + height: 38 * @unit_base; + .ui-btn-inner { padding: 0; } + } + .ui-icon-deleteSearch { + width: 38 * @unit_base; + height: 38 * @unit_base; + } + + .ui-input-clear { + position: absolute; + right: 0; + top: 0; + vertical-align: middle; + margin: 16 * @unit_base; + } + .ui-input-clear-hidden { display: none; } +} + +.ui-image-search { + position: absolute; + top: 0; + left: 0; + width : 100%; + margin: 16 * @unit_base; +} + +.ui-image-searchfield:after { + margin-left: 58 * @unit_base; + content: "Search"; + color: @color_searchbar_default_text; +} + +/* orientation adjustments - incomplete!*/ +@media all and (min-width: 720*@em_base){ + label.ui-input-text { + vertical-align: top; + display: inline-block; + width: 20%; + margin: 0 2% 0 0 + } + input.ui-input-text, + textarea.ui-input-text, + .ui-input-search { width: 60%; display: inline-block; } + .ui-input-search input.ui-input-text { width: 85%; /*echos rule from above*/ } +} + +/* search bar */ +.ui-body-s > div > .ui-field-contain > .input-search-bar, +.ui-body-s > .ui-field-contain > .input-search-bar { + margin : -48*@unit_base -15*@unit_base -32*@unit_base -15*@unit_base; +} /* Need to confirm exact concept : Jinhyuk */ + +.input-search-bar { + position : relative; /* In case searchbar in header : Jinhyuk */ + + background-color: @color_searchbar_bg; + padding: @search-bar-padding; + vertical-align: middle; + .ui-corner-all { + .LESSborder-radius-all(.3em); + } + .ui-input-search { + font-size : 32 * @unit_base; + display: inline-block; + position: relative; + width: 70%; + padding: 0; + background-color: black; + .ui-input-text { + height: 74 * @unit_base; + padding : 0px; + margin-left : 10 * @unit_base; + } + } + .ui-input-search-default { + width: 70%; + -webkit-transition: width 400ms linear; + -moz-transition: width 400ms linear; + -o-transition: width 400ms linear; + transition: width 400ms linear; + } + .ui-input-search-wide { + width: 100%; + -webkit-transition: width 400ms linear; + -moz-transition: width 400ms linear; + -o-transition: width 400ms linear; + transition: width 400ms linear; + } + .ui-btn-icon-cancel { + display: inline-block; + position: absolute; + left: 70%; + + vertical-align: middle; + margin-left : 10 * @unit_base; + margin-right : 10 * @unit_base; + padding : 0px; + + background : black; + height : 74 * @unit_base; + + border-color : none; + .ui-btn-text{ + font-size : 32 * @unit_base; + } + .ui-btn-inner { + padding-top : 18 * @unit_base; + padding-bottom : 18 * @unit_base; + } + } + + .ui-btn-icon-cancel.ui-input-cancel { + width: 26%; + } + .ui-btn-cancel-hide { + left: 100%; + -webkit-transition: left 400ms linear; + -moz-transition: left 400ms linear; + -o-transition: left 400ms linear; + transition: left 400ms linear; + } + .ui-btn-cancel-show { + left: 70%; + -webkit-transition: left 400ms linear; + -moz-transition: left 400ms linear; + -o-transition: left 400ms linear; + transition: left 400ms linear; + } +} + +.ui-header .input-search-bar { + padding-top : 16 * @unit_base; + padding-bottom : 16 * @unit_base; +} + diff --git a/src/themes/tizen/common/jquery.mobile.grids.css b/src/themes/tizen/common/jquery.mobile.grids.css new file mode 100644 index 0000000..162cb83 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.grids.css @@ -0,0 +1,28 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ + +/* content configurations. */ +.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; } +.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;} + +/* grid solo: 100 - single item fallback */ +.ui-grid-solo .ui-block-a { width: 100%; float: none; } + +/* grid a: 50/50 */ +.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; } +.ui-grid-a .ui-block-a { clear: left; } + +/* grid b: 33/33/33 */ +.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; } +.ui-grid-b .ui-block-a { clear: left; } + +/* grid c: 25/25/25/25 */ +.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; } +.ui-grid-c .ui-block-a { clear: left; } + +/* grid d: 20/20/20/20/20 */ +.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; } +.ui-grid-d .ui-block-a { clear: left; } diff --git a/src/themes/tizen/common/jquery.mobile.headerfooter.less b/src/themes/tizen/common/jquery.mobile.headerfooter.less new file mode 100644 index 0000000..3488d91 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.headerfooter.less @@ -0,0 +1,15 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +/* fixed page header & footer configuration */ +@import "config.less"; + +.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; } +.ui-header-fixed, .ui-footer-fixed { + z-index: @z_base_header_footer; + -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */ +} +.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; } +.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; } diff --git a/src/themes/tizen/common/jquery.mobile.listview.less b/src/themes/tizen/common/jquery.mobile.listview.less new file mode 100755 index 0000000..f09696b --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.listview.less @@ -0,0 +1,1673 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ + +/*** less definitions ***/ + +@import "config.less"; + +// Basic +@list-font-size-main: 44 * @unit_base; +@list-font-size-sub: 32 * @unit_base; +@list-font-size-divider: 28 * @unit_base; // NOTE: defined in dialogue group + +@list-dialogue-font-size-main: 38 * @unit_base; +@list-dialogue-font-size-sub: 32 * @unit_base; + + +@list-font-weight: normal; + +@list-li-height: 112 * @unit_base; +@list-li-2line-height: 128 * @unit_base; +@list-li-3line-height: 160 * @unit_base; +@list-li-top-padding: 10 * @unit_base; +@list-li-main-line-height: 60 * @unit_base; +@list-li-sub-line-height: 48 * @unit_base; +@list-li-padding-horizontal: 16 * @unit_base; +@list-li-divider-height: 32 * @unit_base; + +@list-smallicon-size: 32 * @unit_base; +@list-bigicon-size: 64 * @unit_base; +@list-bigicon-size2: 96 * @unit_base; +@list-checkbox-size: 42 * @unit_base; + +@list-progressbar-height: 16 * @unit_base; + +// Bubble +@list-li-bubble-font-size: 38 * @unit_base; +@list-li-bubble-time-font-size: 26 * @unit_base; +@list-li-bubble-date-font-size: @list-li-bubble-time-font-size; +@list-li-bubble-corner-radius: 9 * @unit_base; // TODO: fit to 9px (picked from bg images) + +@list-li-dialogue-width: 16 * @unit_base; + +@list-li-sub-left-width: 187 * @unit_base; +@list-li-main-right-padding: 187 * @unit_base; + +//Email +@list-li-email-top-padding: 8 * @unit_base; +@list-li-email-subline-top-padding: 4 * @unit_base; +@list-li-email-sub-line-height: 40 * @unit_base; +@list-email-icon-width: 56 * @unit_base; +@list-email-icon-height: 60 * @unit_base; + +@list-email-icon-top-padding: 16 * @unit_base; +@list-email-attach-icon-width: 40 * @unit_base; +@list-email-attach-icon-height: 40 * @unit_base; +@list-email-warning-icon-width: 30 * @unit_base; +@list-email-warning-icon-height: 30 * @unit_base; +@list-email-text-padding-left: 60 * @unit_base; + +/************************/ + +.ui-listview { + margin: 0; + counter-reset: listnumbering; + border-top-width: 1px; + border-top-style: solid; + + // Override default button behavior for listitem + li.ui-btn-up-s > .ui-li > .ui-btn-text > a.ui-link-inherit, + li.ui-btn-hover-s > .ui-li > .ui-btn-text > a.ui-link-inherit, + li.ui-btn-down-s > .ui-li > .ui-btn-text > a.ui-link-inherit { + font-size: @font_size_list_main_text; + } + + li.ui-btn > .ui-btn-hastxt > .ui-btn-text.ui-btn-text-padding-right { + padding-right: 0 * @unit_base; // Clear default button padding-right + } + + &> .ui-li { + // list item separator line + border-bottom-width: 1px; + border-bottom-style: solid; + } +} + +.ui-content { + .ui-listview { + margin: -15px; + + .ui-listview { + margin: 0; + } + + } + .ui-listview-inset { + margin: 1em 0; + } +} +.ui-listview, +.ui-li { + list-style:none; + padding:0; +} +.ui-li, +.ui-li.ui-field-contain { + display: block; + margin:0; + position: relative; + overflow: visible; + text-align: left; +} +.ui-li { + .ui-btn { + // NOTE: position(:absolute), right(:16px) is defined in jquery.mobile.button.less + // Have to cross-check with Wongi! + + // vertical center + top: 50%; + margin-top: -0.8em; // TODO: guessed value. Fix this with Wongi. + } + .ui-btn-text { + position: relative; + // z-index: 1; + + a.ui-link-inherit { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + } + &:last-child, + &.ui-field-contain:last-child { + border-bottom-width: 1px; + } + &>.ui-btn-inner { + display: block; + position: relative; + padding: 0; + border-width:0; + } + .ui-btn-inner a.ui-link-inherit, + &.ui-li-static { + padding: .7em 15px; + display: block; + } +} +.ui-li-divider, +.ui-li-static { + font-weight: @list-font-weight; + padding: 0px @list-li-padding-horizontal; +} +.ui-li-static { + font-size: @font_size_list_main_text; +} +.ui-li-divider { + counter-reset: listnumbering; + font-size: @list-font-size-divider; + // text align: bottom + padding-top: @list-font-size-divider; + &.ui-bar-s { + height : @list-font-size-divider; + } +} + + +// Ordered list +ol.ui-listview .ui-link-inherit:before, +ol.ui-listview .ui-li-static:before, +.ui-li-dec { + font-size: .8em; + display: inline-block; + padding-right: .3em; + font-weight: normal; + counter-increment: listnumbering; + content: counter(listnumbering) ". "; +} +ol.ui-listview { + .ui-li-jsnumbering:before { + content: "" !important; /* to avoid chance of duplication */ + } +} + +// Detailed li styles + +.ui-listview-inset { + .ui-li { + border-right-width: 1px; + border-left-width: 1px; + } +} +.ui-li-has-thumb { + .ui-btn-inner a.ui-link-inherit, + &.ui-li-static { + min-height: 60px; + padding-left: 100px; + } +} +.ui-li-has-icon { + .ui-btn-inner a.ui-link-inherit, + &.ui-li-static { + min-height: 20px; + padding-left: 40px; + } +} +.ui-li-has-count { + .ui-btn-inner a.ui-link-inherit, + &.ui-li-static { + padding-right: 45px; + } +} +.ui-li-has-arrow { + .ui-btn-inner a.ui-link-inherit, + &.ui-li-static { + padding-right: 30px; + } + &.ui-li-has-count .ui-btn-inner a.ui-link-inherit, + &.ui-li-static.ui-li-has-count { + padding-right: 75px; + } +} +.ui-li-heading { + font-size: 16px; + font-weight: bold; + display: block; + margin: .6em 0; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +.ui-li-desc { + font-size: 12px; + font-weight: normal; + display: block; + margin: -.5em 0 .6em; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +.ui-li-thumb, +.ui-li-icon { + position: absolute; + left: 1px; + top: 0; + max-height: @list-bigicon-size2; + max-width: @list-bigicon-size2; +} +//.ui-li-icon { +// max-height: 40px; +// max-width: 40px; +// left: 10px; +// top: .9em; +//} +//.ui-li-thumb, +//.ui-li-icon, +//.ui-li-content { +// float: left; +// margin-right: 10px; +//} +.ui-li-aside { + float: right; + width: 50%; + text-align: right; + margin: .3em 0; +} +@media all and (min-width: 480px){ + .ui-li-aside { width: 45%; } +} +.ui-li-divider { + cursor: default; +} +.ui-li-has-alt { + .ui-btn-inner a.ui-link-inherit, + &.ui-li-static { + padding-right: 95px; + } +} +.ui-li-has-count { + .ui-li-count { + position: absolute; + font-size: 11px; + font-weight: bold; + padding: .2em .5em; + top: 50%; + margin-top: -.9em; + right: 38px; + } +} +.ui-li-divider .ui-li-count, +.ui-li-static .ui-li-count { + right: 10px; +} +.ui-li-has-alt .ui-li-count { + right: 55px; +} +.ui-li-link-alt { + position: absolute; + width: 40px; + height: 100%; + border-width: 0; + border-left-width: 1px; + top: 0; + right: 0; + margin: 0; + padding: 0; + z-index: 2; + + .ui-btn { + overflow: hidden; + position: absolute; + right: 8px; + top: 50%; + margin: -11px 0 0 0; + border-bottom-width: 1px; + z-index: -1; + } + .ui-btn-inner { + padding: 0; + height: 100%; + position: absolute; + width: 100%; + top: 0; + left: 0; + } + .ui-btn .ui-icon { + right: 50%; + margin-right: -9px; + } +} +.ui-listview * .ui-btn-inner > .ui-btn > .ui-btn-inner { + border-top: 0px; +} + +.ui-listview-filter { + border-width: 0; + overflow: hidden; + margin: -15px -15px 15px -15px; + + .ui-input-search { + margin: 5px; + width: auto; + display: block; + } +} +.ui-listview-filter-inset { + margin: -15px -5px -15px -5px; + background: transparent; +} +.ui-li.ui-screen-hidden { + display:none; +} +.ui-li-sub, +.ui-li-sub-setting { + float: right; + text-align: right; + font-size: @font_size_list_sub_text; + margin: .3em 0; +} + +/* listview: size for li with a link */ +/* +.ui-listview li.ui-btn-up-s > .ui-li > .ui-btn-text > a.ui-link-inherit, +.ui-listview li.ui-btn-hover-s > .ui-li > .ui-btn-text > a.ui-link-inherit, +.ui-listview li.ui-btn-down-s > .ui-li > .ui-btn-text > a.ui-link-inherit { + margin: 0; +// height: @height; + min-height: @height; + padding-left: 0; +} +*/ + +// ======================= +// tizen normal list +// ======================= +.ui-li-long-text { + display: inline-block; + text-overflow: ellipsis; + overflow-x: hidden; + white-space: nowrap; +} + +.LESSli-reset-position-1line(@height: @list-li-main-line-height, @padding-left: @list-li-padding-horizontal) { + margin: 0; + height: @height !important; + min-height: @height; + padding-left: @padding-left; +} +.LESSli-reset-position(@height: @list-li-2line-height) { + margin: 0; + padding: 0 @list-li-padding-horizontal; + height: @height; + min-height: @height; +} +.LESSli-reset-position-3line(@height: @list-li-3line-height) { + margin: 0; + padding: 0 @list-li-padding-horizontal; + height: @height; + min-height: @height; +} +.LESStext-main-1line(@left:@list-li-padding-horizontal) { + .ui-li-text-main { + font-size: @font_size_list_main_text; + top: 50%; + left: @left; + margin-top: -0.5em; + } +} + +.LESStext-sub-1line() { + .ui-li-text-sub { + float: right; + text-align: right; + font-size: @font_size_list_sub_text; + color: @color_list_sub_text_default; + top: 50%; + margin-top: -0.5em; + } +} +.LESStext-sub-setting() { + .ui-li-text-sub { + color: @color_list_sub_text_settings; + } +} + +.LESStext-email-sub1-setting() { + .ui-li-text-sub1 { + color: @color_list_sub_text_settings; + } +} + +.LESStext-sub-1line-left(@left:@list-li-padding-horizontal) { + .ui-li-text-sub-left { + font-size: @font_size_list_sub_text; + top: 50%; + left: @left; + width: @list-li-sub-left-width; + line-height: @list-li-main-line-height; + margin-top: -0.5em; + // border-right: 1px rgba(68, 68, 68, 255) solid; + vertical-align: top; + } + +} +//.LESStext-main-1line-right(@left:@list-li-main-right-padding+@list-li-padding-horizontal) { +.LESStext-main-1line-right(@left:@list-li-main-right-padding) { + .ui-li-text-main-right { + font-size: @font_size_list_main_text; + top: 50%; + left: @left; + margin-top: -0.5em; + padding-left: @list-li-padding-horizontal; + border-left: 1px rgba(68, 68, 68, 255) solid; + } +} +.LESStext-main-1line-right-setting() { + .ui-li-text-main-right { + color: @color_list_sub_text_settings; + } +} + + +.LESStext-main-2line(@left:@list-li-padding-horizontal, @top: @list-li-top-padding) { + .ui-li-text-main { + position: absolute; + font-size: @font_size_list_main_text; + line-height: @list-li-main-line-height; + left: @left; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 90%; + } +} +.LESStext-sub-2line-left(@left:@list-li-padding-horizontal, @top: @list-li-top-padding+@list-li-main-line-height) { + .ui-li-text-sub { + position: absolute; + font-size: @font_size_list_sub_text; + line-height: @list-li-sub-line-height; + color: @color_list_sub_text_default; + left: @left; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 90%; + } +} + +.LESStext-sub-2line-right(@right:@list-li-padding-horizontal, @top: @list-li-top-padding) { + .ui-li-text-sub2 { + position: absolute; + font-size: @font_size_list_sub_text; + line-height: @list-li-sub-line-height; + color: @color_list_sub_text_default; + right: @right; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 30%; + } +} + +.LESStext-main-3line(@left:@list-li-padding-horizontal, @top: @list-li-top-padding) { + .ui-li-text-main { + position: absolute; + font-size: @font_size_list_main_text; + line-height: @list-li-sub-line-height; + left: @left; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 90%; + } +} + +.LESStext-email-main-3line(@left:2 * @list-li-padding-horizontal + @list-checkbox-size, @top: @list-li-email-top-padding) { + .ui-li-text-main { + position: absolute; + font-size: @font_size_list_main_text; + line-height: @list-li-main-line-height; + left: @left; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 90%; + } +} +.LESStext-sub-3line-left1(@left:@list-li-padding-horizontal, @top: @list-li-top-padding+@list-li-main-line-height) { + .ui-li-text-sub1 { + position: absolute; + font-size: @font_size_list_sub_text; + line-height: @list-li-sub-line-height; + color: @color_list_sub_text_default; + left: @left; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 90%; + } +} +.LESStext-sub-3line-left2(@left:@list-li-padding-horizontal, @top: @list-li-top-padding+@list-li-main-line-height) { + .ui-li-text-sub2 { + position: absolute; + font-size: @font_size_list_sub_text; + line-height: @list-li-sub-line-height; + color: @color_list_sub_text_default; + left: @left; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 90%; + } +} + +.LESStext-email-sub-3line-sub1(@left:2 * @list-li-padding-horizontal + @list-checkbox-size, @top:@list-li-email-top-padding + @list-li-main-line-height + @list-li-email-subline-top-padding) { + .ui-li-text-sub1 { + position: absolute; + font-size: @font_size_list_sub_text; + line-height: @list-li-email-sub-line-height; + color: @color_list_name_text; + left: @left; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 90%; + } +} +.LESStext-email-sub-3line-sub2(@left:2 * @list-li-padding-horizontal + @list-checkbox-size, @top:@list-li-email-top-padding + @list-li-main-line-height + @list-li-email-sub-line-height) { + .ui-li-text-sub2 { + position: absolute; + font-size: @font_size_list_sub_text; + line-height: @list-li-email-sub-line-height; + color: @color_list_contents_text; + left: @left; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 90%; + } +} +.LESStext-email-sub-3line-sub3(@right:@list-li-padding-horizontal, @top: @list-li-email-top-padding + @list-li-main-line-height + @list-li-email-sub-line-height) { + .ui-li-text-sub3 { + position: absolute; + font-size: @font_size_list_sub_text; + line-height: @list-li-email-sub-line-height; + color: @color_list_sub_text_default; + right: @right; + top: @top; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + max-width: 30%; + } +} + + + +.LESSsubicon-right(@right:@list-li-padding-horizontal, @top: @list-li-top-padding) { // NOTE: This can be changed according to checkbox implementation! + img.ui-li-icon-sub { + position: absolute; + left: auto; + right: @right; + top: @top; + width: @list-smallicon-size; + height: @list-smallicon-size; + margin: 0 0; + } +} + +.LESSsubicon-right-resize(@right:@list-li-padding-horizontal, @top: @list-li-top-padding, @width:@list-smallicon-size, @height:@list-smallicon-size ) { // NOTE: This can be changed according to checkbox implementation! + .ui-checkbox.favorite, + .ui-icon-checkbox-off, + .ui-icon-checkbox-on, + .ui-icon-checkbox-off-press, + .ui-icon-checkbox-on-press, + .ui-radio, + .ui-icon-radio-off, + .ui-icon-radio-on, + .ui-icon-radio-off-press, + .ui-icon-radio-on-press { + position: absolute; + left: auto; + right: @right; + top: @top; + width: @width; + height: @height; + margin: 0 0; + + } + .ui-checkbox.favorite .ui-btn.ui-btn-icon-left .ui-btn-inner .ui-btn-text { + margin-left: @list-email-text-padding-left; + } + +} + +.LESSsubicon-attach-resize(@left:2 * @list-li-padding-horizontal + @list-checkbox-size, @top: @list-li-email-top-padding, @width:@list-email-attach-icon-width, @height:@list-email-attach-icon-height ) { + img.ui-li-icon-attach { + position: absolute; + left: @left; + right: auto; + top: @top; + width: @width; + height: @height; + margin: 0 0; + } +} + +.LESSsubicon-warning-resize(@left:2 * @list-li-padding-horizontal + @list-checkbox-size, @top: @list-li-email-top-padding, @width:@list-email-attach-icon-width, @height:@list-email-attach-icon-height ) { + img.ui-li-icon-warning { + position: absolute; + left: @left; + right: auto; + top: @top; + width: @width; + height: @height; + margin: 0 0; + } +} + +.LESSbtn-right(@right:@list-li-padding-horizontal, @top: 50%) { + &>.ui-btn { + position: absolute; + right: @right; + top: @top; + } +} + +.LESSbtn-email(@right:@list-li-padding-horizontal, @top: 24%) { + &>.ui-btn { + position: absolute; + right: @right; + top: @top; + } +} +.LESScheckbox-right(@right:@list-li-padding-horizontal, @top: 50%) { // NOTE: This can be changed according to checkbox implementation! + .ui-checkbox { + position: absolute; + right: @right; + top: @top; + margin: -1.1em 65*@unit_base 0 @list-li-padding-horizontal; + } +/* &> .ui-checkbox.onoff { + position: absolute; + left: auto; + right: @right; + top: @top; + margin-top: -1.1em; + //float: right; + //margin-right: @list-li-padding-horizontal; + } +*/ +} +.LESStoggleswitch-right(@right:@list-li-padding-horizontal, @top: 50%) { // NOTE: This can be changed according to checkbox implementation! + .ui-toggleswitch { + position: absolute; + right: @right; + top: @top; + margin: -1.1em 0 0 @list-li-padding-horizontal; + } +} +.LESScheckbox-left(@left:@list-li-padding-horizontal, @top: 50%) { // checkbox + radio + .ui-checkbox, + .ui-icon-checkbox-off, + .ui-icon-checkbox-on, + .ui-icon-checkbox-off-press, + .ui-icon-checkbox-on-press, + .ui-radio, + .ui-icon-radio-off, + .ui-icon-radio-on, + .ui-icon-radio-off-press, + .ui-icon-radio-on-press { + position: absolute; + right: auto; + left: @left; + top: @top; + margin: -1.1em 0 0 -8*@unit_base; + } +} +.LESSimg-bigicon(@size:@list-bigicon-size) { + img.ui-li-bigicon { + width: @size; + height: @size; + } +} +.LESSimg-bigicon-left(@left:@list-li-padding-horizontal, @size:@list-bigicon-size) { + .LESSimg-bigicon; + img.ui-li-bigicon { + display: block; + position: absolute; + top: 50%; + margin-top: -(@size/2); + left: @left; + } +} +.LESSimg-bigicon-right(@right:@list-li-padding-horizontal, @size:@list-bigicon-size) { + .LESSimg-bigicon(@size); + img.ui-li-bigicon { + display: block; + position: absolute; + top: 50%; + margin-top: -(@size/2); + left: auto; + right: @right; + } +} + +.LESSimg-expand-icon(@right:@list-li-padding-horizontal, @size:@list-bigicon-size) { + .ui-li-expand-icon { + background-image: url(images/00_button_expand_closed.png); + background-size: 100%; + position: absolute; + top: 50%; + width: 64 * @unit_base; + height: 64 * @unit_base; + margin-top: -(@size/2); + right: 16 * @unit_base; + } +} + +.LESSimg-expanded-icon(@right:@list-li-padding-horizontal, @size:@list-bigicon-size) { + .ui-li-expanded-icon { + background-image: url(images/00_button_expand_opened.png); + background-size: 100%; + position: absolute; + top: 50%; + width: 64 * @unit_base; + height: 64 * @unit_base; + margin-top: -(@size/2); + right: 16 * @unit_base; + } +} + + +ul.ui-listview { + /* 1.11 Hidden style with 2 button */ + &> li.ui-li-1-11 { + height : 96px; + padding : 0px; + padding-left : 16px; + padding-right : 16px; + + &> div.ui-btn { + position : absolute; + padding : 0px; + margin-top : 0px; + width : 336px; + top : 18px; + + &> span.ui-btn-hastxt { + padding-top : 0.4em; + } + } + + &> div.ui-btn:nth-child(1) { + left : 16px; + } + + &> div.ui-btn:nth-child(2) { + left : 372px; + } + } + + &> li.ui-li-1line, + &> li.ui-li-1line-sub, + &> li.ui-li-1line-setting { + .LESStext-main-1line; + .LESStext-sub-1line; + } + &> li.ui-li-1line-setting { + .LESStext-sub-setting; + } + &> li.ui-li-1line-btn1, + &> li.ui-li-1line-btn2 { + .LESStext-main-1line; + .LESSbtn-right; + } + &> li.ui-li-1line-toggle { + .LESStext-main-1line; + .LESStoggleswitch-right; + } + + &> li.ui-li-1line-bigicon1, + &> li.ui-li-1line-bigicon2, + &> li.ui-li-1line-bigicon4, + &> li.ui-li-1line-bigicon5, + &> li.ui-li-1line-bigicon6 { + .LESStext-main-1line(2 * @list-li-padding-horizontal + @list-bigicon-size); + .LESSimg-bigicon-left; + } + &> li.ui-li-1line-bigicon2 { + .LESStext-sub-1line; + } + &> li.ui-li-1line-bigicon6 { + .LESStoggleswitch-right; + } + + &> li.ui-li-1line-check1, + &> li.ui-li-1line-check2, + &> li.ui-li-1line-radio1, + &> li.ui-li-1line-radio3, + &> li.ui-li-1line-radio5 { + .LESSli-reset-position-1line(@list-li-main-line-height, 2 * @list-li-padding-horizontal + @list-checkbox-size); + .LESScheckbox-left; + .LESStext-main-1line; + } + &> li.ui-li-1line-check3, + &> li.ui-li-1line-check4, + &> li.ui-li-1line-radio4 { + .LESSli-reset-position-1line(@list-li-main-line-height, 3 * @list-li-padding-horizontal + @list-checkbox-size + @list-bigicon-size); + .LESScheckbox-left; + .LESSimg-bigicon-left(74 * @unit_base); + .LESStext-main-1line; + } + &> li.ui-li-1line-bigicon4, + &> li.ui-li-1line-bigicon5, + &> li.ui-li-1line-check2, + &> li.ui-li-1line-check4, + &> li.ui-li-1line-radio3, + &> li.ui-li-1line-radio5 { + .LESSbtn-right; + } + &> li.ui-li-1line-radio5 { + .LESSimg-bigicon-right(96 * @unit_base); + } + + /* For Contacts list : wongi_1108 */ + &> li.ui-li-1line-radio6 { + .LESStext-main-1line; + .LESSimg-bigicon-right(16 * @unit_base); + } + + + // === 2 line === + // text align + &> li.ui-li-2line, + &> li.ui-li-2line-setting, + &> li.ui-li-2line-toggle-setting { + .LESSli-reset-position; + .LESStext-main-2line; + .LESStext-sub-2line-left; + .LESStoggleswitch-right; + } + &> li.ui-li-2line-sub-main, + &> li.ui-li-2line-sub-main-bigicon1 { + .LESSli-reset-position; + .LESStext-main-2line(@list-li-padding-horizontal, @list-li-top-padding + @list-li-sub-line-height); + .LESStext-sub-2line-left(@list-li-padding-horizontal, @list-li-top-padding); + .LESSimg-bigicon-right; + } + &> li.ui-li-2line-2sub { + .LESSli-reset-position; + .LESStext-main-2line; + .LESStext-sub-2line-left; + .LESStext-sub-2line-right; + } + &> li.ui-li-2line-btn1, + &> li.ui-li-2line-btn2, + &> li.ui-li-2line-btn-setting, + &> li.ui-li-2line-bigicon0 { + .LESSli-reset-position; + .LESStext-main-2line; + .LESStext-sub-2line-left; + .LESSbtn-right; + .ui-li-text-sub{ + >img { + width: @list-smallicon-size; + height: @list-smallicon-size; + margin: 0 0 0 @list-li-padding-horizontal; + } + } + } + &> li.ui-li-2line-star1 { + .LESSli-reset-position; + .LESStext-main-2line; + .LESStext-sub-2line-left; + .LESSsubicon-right(@list-li-padding-horizontal, @list-li-top-padding); + .LESStext-sub-2line-right(@list-li-padding-horizontal, @list-li-top-padding+@list-li-main-line-height); + } + &> li.ui-li-2line-star2 { + .LESSli-reset-position; + .LESStext-main-2line; + .LESStext-sub-2line-left; + .LESSsubicon-right(@list-li-padding-horizontal, @list-li-top-padding); + .ui-li-text-sub { + >img { + width: @list-smallicon-size; + height: @list-smallicon-size; + margin: 0 @list-li-padding-horizontal 0 0; + } + } + } + + &> li.ui-li-2line-bigicon1, + &> li.ui-li-2line-bigicon2, + &> li.ui-li-2line-bigicon3, + &> li.ui-li-2line-bigicon4, + &> li.ui-li-2line-colorbar3, + &> li.ui-li-2line-bigicon-pgbar2 { + .LESSli-reset-position; + .LESStext-main-2line(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-top-padding); + .LESStext-sub-2line-left(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-top-padding+@list-li-main-line-height); + .LESSbtn-right; + .LESSimg-bigicon-left; + } + &> li.ui-li-2line-bigicon2 { + .LESStext-sub-2line-right; + } + + &> li.ui-li-2line-setting, + &> li.ui-li-2line-toggle-setting, + &> li.ui-li-2line-btn-setting, + &> li.ui-li-2line-bigicon3 { + .LESStext-sub-setting; + } + + &> li.ui-li-2line-check1, + &> li.ui-li-2line-check2, + &> li.ui-li-2line-radio1 { + .LESSli-reset-position; + .LESScheckbox-left; + .LESStext-main-2line(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-top-padding); + .LESStext-sub-2line-left(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-top-padding+@list-li-main-line-height); + .LESSbtn-right; + } + &> li.ui-li-2line-check3, + &> li.ui-li-2line-radio2, + &> li.ui-li-2line-icon-bigicon-btn { + .LESSli-reset-position; + .LESScheckbox-left; + .LESSimg-bigicon-left(2*@list-li-padding-horizontal + @list-checkbox-size); + .LESStext-main-2line(3 * @list-li-padding-horizontal + @list-checkbox-size + @list-bigicon-size, @list-li-top-padding); + .LESStext-sub-2line-left(3 * @list-li-padding-horizontal + @list-checkbox-size + @list-bigicon-size, @list-li-top-padding+@list-li-main-line-height); + .LESSbtn-right; + } + + &> li.ui-li-2line-colorbar1, + &> li.ui-li-2line-colorbar2, + &> li.ui-li-2line-colorbar3 { + .ui-li-color-bar { + position: absolute; + left: 0; + top: 0; + width: 10 * @unit_base; + height: 20 * @unit_base; + background-color: @color_list_colorbar; + } + } + &> li.ui-li-2line-colorbar1 { + .LESSli-reset-position; + .LESStext-main-2line; + .LESStext-sub-2line-left; + .LESStext-sub-2line-right(@list-li-padding-horizontal, @list-li-top-padding+@list-li-main-line-height); + .ui-btn { + position: absolute; + left: auto; + right: @list-li-padding-horizontal; + top: @list-li-top-padding; + margin: 0 0 0 @list-li-padding-horizontal; + max-height: 60*@unit_base; + } + .ui-li-text-sub{ + img { + width: @list-smallicon-size; + height: @list-smallicon-size; + margin: 0 0 0 @list-li-padding-horizontal; + } + } + } + &> li.ui-li-2line-colorbar2 { + .LESSli-reset-position; + .LESStext-main-2line; + .LESStext-sub-2line-left; + .LESSbtn-right; + .ui-li-text-main { + img { + width: @list-smallicon-size; + height: @list-smallicon-size; + margin: 0 0 0 @list-li-padding-horizontal; + } + } + } + &> li.ui-li-2line-bigicon8 { + .LESSli-reset-position; + .LESSimg-bigicon-left; + .LESStext-main-2line(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-top-padding); + .LESStext-sub-2line-left(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-top-padding+@list-li-main-line-height); + .LESSsubicon-right(@list-li-padding-horizontal, @list-li-top-padding + @list-li-main-line-height + 8*@unit_base); + } + &> li.ui-li-2line-thumb1, + &> li.ui-li-2line-thumb2, + &> li.ui-li-2line-thumb3 { + .LESSli-reset-position; + .LESStext-main-2line; + .LESStext-sub-2line-left; + .LESSimg-bigicon-right(@list-li-padding-horizontal,@list-bigicon-size2); + .ui-li-text-main { + img { + width: @list-smallicon-size; + height: @list-smallicon-size; + margin: 0 0 0 @list-li-padding-horizontal; + } + } + .ui-li-text-sub{ + img { + width: @list-smallicon-size; + height: @list-smallicon-size; + margin: 0 @list-li-padding-horizontal 0 0; + } + } + } + &> li.ui-li-2line-bigicon-pgbar1 { + .LESSli-reset-position; + .LESSimg-bigicon-left; + .LESStext-main-2line(2 * @list-li-padding-horizontal + @list-bigicon-size, 0); + .LESStext-sub-2line-left(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-main-line-height+@list-progressbar-height); + .LESStext-sub-2line-right(2 * @list-li-padding-horizontal + 134*@unit_base, @list-li-main-line-height+@list-progressbar-height); + .LESSbtn-right; + .ui-btn { + max-width: 134 * @unit_base; + } + .ui-progressbar { + left: 2 * @list-li-padding-horizontal + @list-bigicon-size; + top: @list-li-main-line-height; + height: @list-progressbar-height; + width: 468 * @unit_base; + } + } + &> li.ui-li-2line-bigicon-pgbar3 { + .LESSli-reset-position; + .LESSimg-bigicon-left; + .LESStext-main-2line(2 * @list-li-padding-horizontal + @list-bigicon-size, 0); + .LESStext-sub-2line-left(2 * @list-li-padding-horizontal + @list-bigicon-size, @list-li-main-line-height+@list-progressbar-height); + .LESStext-sub-2line-right(@list-li-padding-horizontal, @list-li-main-line-height+@list-progressbar-height); + .ui-progressbar { + left: 2 * @list-li-padding-horizontal + @list-bigicon-size; + top: @list-li-main-line-height; + height: @list-progressbar-height; + width: 608 * @unit_base; + } + } + &> li.ui-li-2line, + &> li.ui-li-2line-sub-main, + &> li.ui-li-2line-setting { + .ui-li-text-main, + .ui-li-text-sub { + max-width: 95%; + } + } + &> li.ui-li-2line-2sub, + &> li.ui-li-3-2-6 { + .ui-li-text-main { + max-width: 65%; + } + .ui-li-text-sub { + max-width: 95%; + } + .ui-li-text-sub2 { + max-width: 30%; + } + } + &> li.ui-li-2line-btn1, + &> li.ui-li-2line-colorbar3, + &> li.ui-li-2line-thumb1, + &> li.ui-li-2line-thumb2 { + .ui-li-text-main, + .ui-li-text-sub { + max-width: 65%; + } + .ui-btn { + max-width: 30%; + } + } + &> li.ui-li-2line-btn2, + &> li.ui-li-2line-toggle-setting, + &> li.ui-li-2line-btn-setting, + &> li.ui-li-2line-bigicon0, + &> li.ui-li-2line-bigicon1, + &> li.ui-li-2line-bigicon3, + &> li.ui-li-2line-check1, + &> li.ui-li-2line-radio1, + &> li.ui-li-2line-sub-main-bigicon1 { + .ui-li-text-main, + .ui-li-text-sub { + max-width: 80%; + } + } + &> li.ui-li-2line-star1, + &> li.ui-li-2line-colorbar1 { + .ui-li-text-main { + max-width: 85%; + } + .ui-li-text-sub { + max-width: 65%; + } + .ui-li-text-sub2 { + max-width: 30%; + } + } + &> li.ui-li-2line-star2 { + .ui-li-text-main { + max-width: 85%; + } + .ui-li-text-sub { + max-width: 95%; + } + } + &> li.ui-li-2line-bigicon2 { + .ui-li-text-main { + max-width: 55%; + } + .ui-li-text-sub { + max-width: 80%; + } + .ui-li-text-sub2 { + max-width: 20%; + } + } + &> li.ui-li-2line-bigicon4, + &> li.ui-li-2line-check2, + &> li.ui-li-2line-check3, + &> li.ui-li-2line-radio2, + &> li.ui-li-2line-colorbar3, + &> li.ui-li-2line-icon-bigicon-btn { + .ui-li-text-main, + .ui-li-text-sub { + max-width: 65%; + } + } + &> li.ui-li-2line-bigicon8 { + .ui-li-text-main { + max-width: 75%; + } + .ui-li-text-sub { + max-width: 70%; + } + } + &> li.ui-li-2line-bigicon-pgbar1 { + .ui-li-text-main { + max-width: 60%; + } + .ui-li-text-sub { + max-width: 40%; + } + .ui-li-text-sub2 { + max-width: 20%; + } + } + &> li.ui-li-2line-bigicon-pgbar2 { + .ui-li-text-main, + .ui-li-text-sub { + max-width: 55%; + } + } + &> li.ui-li-2line-bigicon-pgbar3 { + .ui-li-text-main { + max-width: 80%; + } + .ui-li-text-sub { + max-width: 60%; + } + .ui-li-text-sub2 { + max-width: 20%; + } + } + &> li.ui-li-2line-thumb3 { + .ui-li-text-main, + .ui-li-text-sub { + max-width: 75%; + } + } + + // Multiline + &> li.ui-li-3-4-1 { + font-size: 36 * @unit_base; + padding: 16 * @unit_base; + + h1.ui-li-heading { + font-size: 48 * @unit_base; + margin-top: 0 * @unit_base; + margin-bottom: 0 * @unit_base; + } + } + &> li.ui-li-3-4-5 { + h1.ui-li-heading { + display: inline-block; + width: 224 * @unit_base; + height: 100%; + //float: left; + } + } + + // Email + &> li.ui-li-email-name1-btn, + &> li.ui-li-email-name2-btn, + &> li.ui-li-email-name1, + &> li.ui-li-email-name2, + &> li.ui-li-email-name1-btn-warning, + &> li.ui-li-email-name2-btn-warning, + &> li.ui-li-email-name1-warning, + &> li.ui-li-email-name2-warning, + &> li.ui-li-email-name1-btn-attach, + &> li.ui-li-email-name2-btn-attach, + &> li.ui-li-email-name1-attach, + &> li.ui-li-email-name2-attach, + &> li.ui-li-email-name1-btn-warning-attach, + &> li.ui-li-email-name2-btn-warning-attach, + &> li.ui-li-email-name1-warning-attach, + &> li.ui-li-email-name2-warning-attach { + .ui-li-color-bar { + position: absolute; + left: 0; + top: 0; + width: 10 * @unit_base; + height: 20 * @unit_base; + background-color: @color_list_colorbar; + } + .LESSli-reset-position-3line; + .LESScheckbox-left; + .LESSsubicon-right-resize(@list-li-padding-horizontal, @list-li-email-top-padding, @list-email-icon-width, @list-email-icon-height); + .LESStext-email-sub-3line-sub2(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-email-top-padding + @list-li-main-line-height + @list-li-email-sub-line-height); + .LESStext-email-sub-3line-sub3(@list-li-padding-horizontal, @list-li-email-top-padding + @list-li-main-line-height + @list-li-email-sub-line-height); + } + + &> li.ui-li-email-name1-btn, + &> li.ui-li-email-name2-btn, + &> li.ui-li-email-name1, + &> li.ui-li-email-name2 { + .LESStext-email-main-3line(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-email-top-padding); + .LESStext-email-sub-3line-sub1(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-email-top-padding + @list-li-main-line-height + @list-li-email-subline-top-padding); + } + &> li.ui-li-email-name1-btn-warning, + &> li.ui-li-email-name2-btn-warning, + &> li.ui-li-email-name1-warning, + &> li.ui-li-email-name2-warning { + .LESStext-email-main-3line(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-email-top-padding); + .LESStext-email-sub-3line-sub1(5 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-email-top-padding + @list-li-main-line-height + @list-li-email-subline-top-padding); + .LESSsubicon-warning-resize(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-email-icon-top-padding + @list-li-main-line-height, @list-email-warning-icon-width, @list-email-warning-icon-height); + } + &> li.ui-li-email-name1-btn-attach, + &> li.ui-li-email-name2-btn-attach, + &> li.ui-li-email-name1-attach, + &> li.ui-li-email-name2-attach { + .LESStext-email-main-3line(5 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-email-top-padding); + .LESStext-email-sub-3line-sub1(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-email-top-padding + @list-li-main-line-height + @list-li-email-subline-top-padding); + .LESSsubicon-attach-resize(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-email-icon-top-padding, @list-email-attach-icon-width, @list-email-attach-icon-height); + } + &> li.ui-li-email-name1-btn-warning-attach, + &> li.ui-li-email-name2-btn-warning-attach, + &> li.ui-li-email-name1-warning-attach, + &> li.ui-li-email-name2-warning-attach { + .LESStext-email-main-3line(5 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-email-top-padding); + .LESStext-email-sub-3line-sub1(5 * @list-li-padding-horizontal + @list-checkbox-size, @list-li-email-top-padding + @list-li-main-line-height + @list-li-email-subline-top-padding); + .LESSsubicon-attach-resize(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-email-icon-top-padding, @list-email-attach-icon-width, @list-email-attach-icon-height); + .LESSsubicon-warning-resize(2 * @list-li-padding-horizontal + @list-checkbox-size, @list-email-icon-top-padding + @list-li-main-line-height, @list-email-warning-icon-width, @list-email-warning-icon-height); + } + + &> li.ui-li-email-name1-btn, + &> li.ui-li-email-name2-btn, + &> li.ui-li-email-name1-btn-warning, + &> li.ui-li-email-name2-btn-warning, + &> li.ui-li-email-name1-btn-attach, + &> li.ui-li-email-name2-btn-attach, + &> li.ui-li-email-name1-btn-warning-attach, + &> li.ui-li-email-name2-btn-warning-attach { + .LESSbtn-email(2 * @list-li-padding-horizontal + @list-email-icon-width); + } + &> li.ui-li-email-name1-btn, + &> li.ui-li-email-name1, + &> li.ui-li-email-name1-btn-warning, + &> li.ui-li-email-name1-warning, + &> li.ui-li-email-name1-btn-attach, + &> li.ui-li-email-name1-attach, + &> li.ui-li-email-name1-btn-warning-attach, + &> li.ui-li-email-name1-warning-attach { + .LESStext-email-sub1-setting; + } + + + // Dialogue list + &> li.ui-li-1line-leftsub1 { + .LESStext-sub-1line-left; + .LESStext-main-1line-right; + } + &> li.ui-li-1line-leftsub2 { + .LESSli-reset-position-1line; + .LESStext-sub-1line-left; + .LESStext-main-1line-right; + .LESSimg-bigicon-right(16 * @unit_base); + } + &> li.ui-li-4-2-3 { + .LESSli-reset-position; + .LESStext-main-2line; + .LESStext-sub-2line-left; + .LESStext-sub-setting; + .ui-li-text-main, + .ui-li-text-sub { + max-width: 95%; + } + } + &> li.ui-li-4-2-10 { + .LESSli-reset-position; + .LESStext-main-2line(@list-li-padding-horizontal, @list-li-top-padding + @list-li-sub-line-height); + .LESStext-sub-2line-left(@list-li-padding-horizontal, @list-li-top-padding); + .ui-li-text-main, + .ui-li-text-sub { + max-width: 80%; + } + .LESScheckbox-right; + } + + &> li.ui-li-4-2-11 { + .LESStext-sub-1line-left; + .LESStext-main-1line-right; + + .ui-li-text-main-right + { + display: inline-block; + word-wrap:normal; + } + } + + &> li.ui-li-3line-dgroup1 { + .LESSli-reset-position-3line; + .LESStext-main-3line(@list-li-padding-horizontal, @list-li-top-padding); + .LESStext-sub-3line-left1(@list-li-padding-horizontal, @list-li-top-padding + @list-li-sub-line-height); + .LESStext-sub-3line-left2(@list-li-padding-horizontal, @list-li-top-padding + 2 * @list-li-sub-line-height); + } + + // Special dialogue for Phonebook + &> li.ui-li-4-3-2 { + height : 190px; + padding : 0px; + + .ui-li-thumb { + float : left; + height : 128px; + max-height: 128px; + width : 128px; + max-width: 128px; + left: 32px; + top: 28px; + } + + span.contact_name_field { + position : absolute; + font-size : @list-dialogue-font-size-main; + color : @color_dialogue_main_text; + left : 184px; + top : 32px; + height : 54px; + } + + span.contact_subname_field { + position : absolute; + font-size : @list-dialogue-font-size-sub; + color : @color_dialogue_sub_text; + left : 184px; + top : 94px; + } + + span.companyname_field { + position : absolute; + font-size : @list-dialogue-font-size-sub; + color : @color_dialogue_sub_text; + left : 184px; + top : 126px; + } + } + + // Dialogue Editor for Phonebook + &> div.ui-li-dialogue-editor-photo + { + width: 160px; + left: 16px; + top: 34px; + position: absolute; + &> img + { + width:128px; + height:128px; + } + } + + &> li.ui-li-dialogue-editor-1 + { + border-left: @list-li-dialogue-width rgba(68, 68, 68, 255) solid; + border-top-width: 0px; //wongi_1201 //for phonebook + left : 160px; + width : 790px; + padding-left: 12px; + padding-right: 0px; + + &> .ui-field-contain + { + margin:0; + padding : 8px; + width : 782px; + + &> input + { + border : none; + outline: none; + width : 782px; + padding : 0px; + } + + /* wongi_1215 : Default Text */ + &>div.ui-input-default-text { + position: absolute; + top: 0; + left: 0; + width : 100%; + margin: 0px; + color: @color_dialogue_editor_default_text; + } + + &>div.ui-input-default-text.ui-input-default-hidden { + display : none; + } + } + } + + &> li.ui-li-dialogue-editor-1.ui-li-expanded + { + background-color: @color_dialogue_editor_bg; + } + + &> li.ui-li-dialogue-editor-2 + { + padding : 0px !important; + height : 130px; + border-left: @list-li-dialogue-width @color_dialogue_editor_border solid; + border-top-width: 0px; + left : 0px; + width : 962px; + font-size:32px; + + &> div.ui-li-dialogue-editor-border + { + border-right: 1px @color_dialogue_editor_border solid; + width: 160px; + height: 130px; + } + + &> div div.ui-li-dialogue-editor-2-label + { + margin-left:16px; + line-height:32px; + position:absolute; + top:50%; + margin-top:-16px; + } + + &> .ui-field-contain + { + margin:0; + width : 676px; + position:absolute; + top:50%; + margin-top:-16px; + left : 200px; + + &> input + { + border : none; + outline: none; + width : 676px; + padding : 0px; + } + + /* wongi_1215 : Default Text */ + &>div.ui-input-default-text { + position: absolute; + top: 0; + width : 100%; + margin: 0px; + color: @color_dialogue_editor_default_text; + } + + &>div.ui-input-default-text.ui-input-default-hidden { + display : none; + } + } + } + + // Dialogue + &> li.ui-li-dialogue { + border-left: @list-li-dialogue-width @color_dialogue_editor_border solid; + border-top-width: 0px; + } + + &> li.ui-li-dialogue.ui-li-divider { + height: 32px; + padding : 0px; + } + + &> li.ui-li-divider { + height: 32px; /* wongi_1206 */ + padding : 0px; + } + + &> li.ui-li-group-title { /* wongi_1206 */ + padding-top : 32px; + } + + &> li.ui-li-group-title span { /* wongi_1206 */ + padding-left : 16px; + } + + &> li.ui-li-3-button { + padding-left : 8px; + padding-right : 8px; + height : 60px; + } + + &> li.ui-li-3-button div.ui-btn { + margin-left : 8px; + margin-right : 8px; + height : 74px; + width :224px; + top : 24px; + position : absolute; + padding : 0px; + margin-top : 0px; + .ui-btn-inner.ui-btn-hastxt { + padding-top : 0.6em; + } + } + + &> li.ui-li-3-button div.ui-btn:nth-child(1) { + left : 0%; + } + + &> li.ui-li-3-button div.ui-btn:nth-child(2) { + left : 33%; + } + + &> li.ui-li-3-button div.ui-btn:nth-child(3) { + left : 66%; + } + +} + +// ========= +// bubble li +// ========= +.ui-listview { + .ui-li-bubble-left { + word-wrap: break-word; + .LESSborder-radius-topright(@list-li-bubble-corner-radius); + .LESSborder-radius-bottomright(@list-li-bubble-corner-radius); + font-size: @list-li-bubble-font-size; + //margin: 12px 20% 12px 0%; + margin-top: 12 * @unit_base; + margin-bottom: 12 * @unit_base; + margin-left: 0; + margin-right: auto; + max-width: 80%; + min-width: 30%; + padding: 16px 22px 16px 16px; + } + .ui-li-bubble-right { + word-wrap: break-word; + .LESSborder-radius-topleft(@list-li-bubble-corner-radius); + .LESSborder-radius-bottomleft(@list-li-bubble-corner-radius); + margin: 12px 0% 12px 20%; + padding: 16px 16px 16px 22px; + } + .ui-li-bubble-sos { + } + .ui-li-bubble-date { + height: 40px; + font-size: @list-li-bubble-date-font-size; + margin: 12px 0%; // no horizontal margin + padding: 0% 16px; + padding-top: 15px; + } + span.ui-li-bubble-time { + margin-left: 12px; + font-size: @list-li-bubble-time-font-size; + display: inline-block; + } +} + +// Expandable list animation +.ui-listview { + .ui-li-expandable { + } + .ui-li-expandable-shown { + // Down arrow + .LESSimg-expanded-icon; + } + .ui-li-expandable-hidden { + // Right arrow + .LESSimg-expand-icon; + } + .ui-li-expanded { + overflow: hidden; + + // Transition + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + transition: all 0.2s ease; + } + .ui-li-expand-transition-show { + visibility: visible; + } + .ui-li-expand-transition-hide { + visibility: hidden; + height: 0px; + padding-top: 0px; + padding-bottom: 0px; + border: 0px; + } +} + +/* Odd iPad positioning issue. */ +@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { + .ui-li .ui-btn-text { + overflow: visible; + } +} diff --git a/src/themes/tizen/common/jquery.mobile.navbar.css b/src/themes/tizen/common/jquery.mobile.navbar.css new file mode 100644 index 0000000..83f5208 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.navbar.css @@ -0,0 +1,26 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-navbar { overflow: hidden; } +.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;} +.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; } +.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; } +.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; } +.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; } +.ui-navbar li .ui-btn { margin-right: -1px; } +.ui-navbar li .ui-btn:last-child { margin-right: 0; } +.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn, +.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; } +.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; } +.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; } +/*expanded page styles*/ +.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; } +.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; } +.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; } +.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; } +.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; } +.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; } +.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; } +.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; } diff --git a/src/themes/tizen/common/jquery.mobile.segmentctrl.less b/src/themes/tizen/common/jquery.mobile.segmentctrl.less new file mode 100755 index 0000000..b2516a8 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.segmentctrl.less @@ -0,0 +1,31 @@ +@import "config.less"; + +.ui-controlgroup .ui-radio-on, +.ui-controlgroup .ui-radio-off.ui-btn-hover-s.ui-btn-down-s { + background : @color_segmentcontrol_btn_normal; +} +.ui-controlgroup .ui-radio-off { + background: @color_segmentcontrol_btn_press; +} + +.ui-controlgroup .ui-btn-inner .ui-corner-left .ui-controlgroup-first { +-moz-border-radius: .3em ; +-webkit-border-radius: .3em ; +border-radius: .3em ; +} + +.ui-controlgroup .ui-btn-inner .ui-corner-right .ui-controlgroup-last { +-moz-border-radius: .3em ; +-webkit-border-radius: .3em ; +border-radius: .3em ; +} + +.ui-controlgroup .ui-radio-off.ui-btn-hover-s.ui-btn-down-s .ui-btn-inner, +.ui-controlgroup .ui-radio-on .ui-btn-inner { + color: @color_segmentcontrol_Seg_text_pressed; +} + +.ui-controlgroup .ui-radio-off .ui-btn-inner{ + color: @color_segmentcontrol_Seg_text; +} + diff --git a/src/themes/tizen/common/jquery.mobile.theme.less b/src/themes/tizen/common/jquery.mobile.theme.less new file mode 100755 index 0000000..7432f15 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.theme.less @@ -0,0 +1,1333 @@ +/*! +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +@import "config.less"; +/* Swatches */ + +/* S +-----------------------------------------------------------------------------------------------------------*/ + +/*************************************************************************** + Header / Footer + NavigationBar +***************************************************************************/ +.ui-bar-s { + border: none; + background: @color_bar_bg; + color: @color_bar_title_text; + font-family: Helvetica, Arial, sans-serif; + font-weight: bold; + font-size : 36 * @unit_base; + + .ui-link-inherit { + color: @color_bar_title_text; + } +/* + .ui-link { + color: #7cc4e7; + font-weight: bold; + &:hover { color: #2489CE; } + &:active { color: #2489CE; } + &:visited { color: #2489CE; } + } + */ + .ui-btn.ui-btn-back.ui-btn-down-s { + .ui-btn-inner { + background : @color_bar_back_btn_press; + } + } + + .ui-btn.ui-btn-back, .ui-btn.ui-btn-footer-right{ + position : absolute; + font-size : 32 * @unit_base; + + width : 144 * @unit_base; + height : 114 * @unit_base; + top : 0 * @unit_base; + + border-style : none; + border-width : 0px; + background : @color_bar_bg; + } + .ui-btn.ui-btn-back .ui-btn-inner, + .ui-btn.ui-btn-footer-right .ui-btn-inner { + padding : 0; + + width : 104 * @unit_base; + height : 74 * @unit_base; + top : 20 * @unit_base; + left : 20 * @unit_base; + + background: @color_bar_footer_btn_bg; + + border-color : black; + border-width : 2px; + border-style : groove; + } + + .ui-btn.ui-btn-back{ + right : 0 * @unit_base; + } + + .ui-btn.ui-btn-footer-right.ui-btn-down-s{ + .ui-btn-inner { + background : @color_bar_btn_press; + } + } + .ui-btn.ui-btn-footer-right{ + .ui-btn-inner { + .ui-btn-text { + line-height : 74 * @unit_base; + } + } + } + + .ui-field-contain { + margin-left : auto; + margin-right : auto; + height : 74 * @unit_base; + + font-size : 28 * @unit_base; + + .ui-extended-controlgroup { + position : absolute; + display : inline; + + margin-top : 0 * @unit_base; + margin-bottom : 0 * @unit_base; + + label { + border-color : @color_bar_seg_btn_border; + border-style : solid; + border-left-width : 1px; + border-right-width : 1px; + } + + .ui-radio { + height : 74 * @unit_base; + .ui-btn { + width : 100%; + } + + .ui-btn-inner { + .ui-btn-text { + text-align : center; + } + } + + .ui-radio-off { + background: @color_bar_seg_btn_normal; + .ui-btn-text{ + color : @color_bar_seg_text_normal; + } + } + .ui-radio-on{ + background : @color_bar_seg_btn_press; + .ui-btn-text{ + color : @color_bar_seg_text_press; + } + } + } + } + .ui-title-extended-controlgroup { + top : 15 * @unit_base; + } + .ui-footer-extended-controlgroup { + top : -5 * @unit_base; + .ui-btn-inner { + line-height : 74 * @unit_base; + padding : 0 * @unit_base; + } + } + } + .ui-title-normal-3btn { + position : absolute; + right : 144 * @unit_base; + + display : block; + } + + .ui-title-extended-controlgroup-4btn { + width : 682 * @unit_base; + .ui-radio { + width : 170 * @unit_base; + } + } + .ui-title-extended-controlgroup-3btn { + width : 432 * @unit_base; + .ui-radio { + width : 143 * @unit_base; + } + } + .ui-title-extended-controlgroup-2btn { + width : 328 * @unit_base; + .ui-radio { + width : 163 * @unit_base; + } + } +} + +.ui-header.ui-bar-s{ + position : fixed; + top : 0px; + background : @color_bar_title_bg; + + .ui-title { + color : @color_bar_title_text; + + top : 0px; + min-height: 36 * @unit_base; + text-align: center; + font-size : 36 * @unit_base; + display: block; + margin: 28*@unit_base 135*@unit_base 28*@unit_base 135*@unit_base; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + outline: 0 !important; + } + + .ui-btn{ + font-size : 28 * @unit_base; + height : 74 * @unit_base; + width : 124 * @unit_base; + } + + > .ui-btn{ + top : 12 * @unit_base; + margin-top : 0px; + font-size : 28 * @unit_base; + height : 74 * @unit_base; + + background: @color_bar_title_btn_bg; + color : @color_bar_title_text; + + border-style: solid; + border-color: @color_bar_title_btn_border; + border-width: 1px; + + .ui-btn-inner { + width : 108 * @unit_base; + } + } + + > .ui-btn.ui-btn-down-s { + background : @color_bar_btn_press; + color : @color_bar_title_text; + } +} + +.ui-header.ui-bar-s.ui-title-extended-height { + height : 136 * @unit_base; + + a { + top : 50 * @unit_base; + } + + .ui-title { + font-size : 28 * @unit_base; + top : 0 * @unit_base; + + padding-top : 11 * @unit_base; + margin-top : 0 * @unit_base; + margin-bottom : 0 * @unit_base; + } + + .ui-title-extended-segment-style { + left : 0 * @unit_base; + top : -30%; + } +} + +.ui-header.ui-bar-s.ui-title-controlbar-height { + height : 114 * @unit_base; +} + +.ui-footer.ui-bar-s.ui-footer-fixed { + background : @color_bar_footer_bg; + + height : 114 * @unit_base; + .ui-title{ + font-size : 32 * @unit_base; + } +} +/*************************************************************************** + Header / Footer + NavigationBar +***************************************************************************/ +/*************************************************************************** + Content Top calculate +***************************************************************************/ +.ui-title-content-normal-height, +.ui-title-content-option-header-collapsed-1line-height { + position : relative; + top : 100 * @unit_base; +} + +.ui-title-content-extended-height { + position : relative; + top : 136 * @unit_base; +} + +.ui-title-content-option-header-expanded-1line-height { + position : relative; + top : 195 * @unit_base; +} + +.ui-title-content-search { + position : relative; + top : 206 * @unit_base; +} + +.ui-title-content-optionheader-search { + position : relative; + top : 219 * @unit_base; +} + +.ui-title-content-controlbar-height { + position : relative; + top : 115 * @unit_base; +} +/*************************************************************************** + Content Top calculate +***************************************************************************/ + +// NOTE: This class is applied to almost all JQM widgets! +.ui-body-s { + border: 1px solid #2a2a2a; + background: @color_bg; + color: @color_text; + font-weight: normal; + + font-family: Helvetica, Arial, sans-serif; + + .ui-link-inherit { color: #fff; } + .ui-link { + /* ui-body-link */ + color: #2489CE; + font-weight: bold; + &:hover { color: #2489CE; } + &:active { color: #2489CE; } + &:visited { color: #2489CE; } + } +} + +.ui-br { +} +.ui-btn-up-s { + //border: none; + background: @color_button_normal; + font-weight: bold; + color: @color_button_text_normal; + + a.ui-link-inherit { + color: @color_button_text_normal; + } + + .LESSbutton_text1_style; +} +.ui-btn-hover-s { + background: @color_button_hover; + font-weight: bold; + color: @color_button_text_normal; + + a.ui-link-inherit { + color: @color_button_text_normal; + } + + .LESSbutton_text1_style; +} + +.ui-btn-down-s { + //border: none; + background: @color_button_press; + font-weight: bold; + color: @color_button_text_normal; + + a.ui-link-inherit { + color: @color_button_text_normal; + } + + .LESSbutton_text1_style; +} +.ui-btn-up-s, +.ui-btn-hover-s, +.ui-btn-down-s { + font-family: Helvetica, Arial, sans-serif; + text-decoration: none; +} + +.ui-listview { + border-top-color: #444444; + &> .ui-li { + border-bottom-color: #444444; // 68 68 68 + } + & > .ui-li-static { + background-color: @color_bg; + } + li.ui-btn-up-s, li.ui-btn-hover-s { + background-color: @color_bg; + color: @color_text; + } + li.ui-btn-down-s { + background-color: @color_button_press; + color: @color_text; + } + /* listview: fonts for li with a link */ + li.ui-btn-up-s > .ui-li > .ui-btn-text > a.ui-link-inherit, + li.ui-btn-hover-s > .ui-li > .ui-btn-text > a.ui-link-inherit, + li.ui-btn-down-s > .ui-li > .ui-btn-text > a.ui-link-inherit { + color: @color_text; + } + /* listview divider */ + /* NOTE: this divider has no swatch tag! */ + li.ui-li-divider { + background: @color_list_divider_bg; + color: @color_list_divider_text; + } + /* subitem */ + .ui-li-sub { color: @color_text_sub; } + .ui-li-sub-setting { color: @color_text_setting; } + + // expandable list + .ui-li-expandable { + + } + &> .ui-li-expanded { + background-color: rgb(31, 31, 31); + } + &> .ui-li-expanded .ui-li-expanded { + background-color: rgb(46, 46, 46); + } + + // bubble + .ui-li-static { + &.ui-li-bubble-left { + // Color is picked from 00_MessageBubble_BG_receive.png + background-color: @color_list_bubble_left_bg; + .LESSbox-shadow(2px, 3px, 3px, @color_list_bubble_box_shadow); + color: @color_list_bubble_left_text; + } + &.ui-li-bubble-right { + // Color is picked from 00_MessageBubble_BG_sent.png + background-color: @color_list_bubble_left_bg; + .LESSbox-shadow(2px, 3px, 3px, @color_list_bubble_box_shadow); + color: @color_list_bubble_right_text; + } + &.ui-li-bubble-sos { + color: @color_list_bubble_sos_text; + } + &.ui-li-bubble-date { + background-color: @color_list_bubble_date_bg; + color: @color_list_bubble_date_text; + } + } + span.ui-li-bubble-time { + color: @color_list_bubble_time_text; + } +} + +/* Structure */ +/* links within "buttons" +-----------------------------------------------------------------------------------------------------------*/ + +a.ui-link-inherit { + text-decoration: none !important; +} + + +/* Active class used as the "on" state across all themes +-----------------------------------------------------------------------------------------------------------*/ + +/* button default color for active state */ +.ui-btn-active { + /* global-active */ + color: @color_button_text_normal; + cursor: pointer; + text-decoration: none; + background: @color_button_press; + outline: none; + //font-family: Helvetica, Arial, sans-serif; + + a.ui-link-inherit { + color: @color_button_text_normal; + } +} + +/* button inner top highlight +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-inner { + //border : none; +} + +/*************************************************************************** + ControlBar +***************************************************************************/ +.ui-controlbar-s, .ui-controlbar-left, .ui-controlbar-right { + border: 1px solid @color_controlbar_btn_border; + background: @color_controlbar_bg; + color: @color_controlbar_btn_text; + font-family: Helvetica, Arial, sans-serif; + font-weight: bold; + font-size : 36 * @unit_base; + + .ui-link-inherit, .ui-link { + color: @color_controlbar_btn_text; + font-weight: bold; + } + + .ui-btn-text, .ui-btn { + color: @color_controlbar_btn_text; + font-weight: bold; + text-decoration : none; + } + + .ui-btn-down-s, .ui-btn-active { + color: @color_controlbar_btn_text; + } +} + +.ui-controlbar-s.ui-navbar { + position : absolute; + + height : 114 * @unit_base; /* temporary value */ + width : 100%; + left : 0px; + + border-top : none; + border-bottom : none; + + z-index: 50; + + li .ui-btn, .ui-navbar-toggle .ui-btn{ + font-size : 26 * @unit_base; + } + + .ui-btn , .ui-btn-icon-top, .ui-btn-hover-s, .ui-btn-active, .ui-btn-up-s{ + .ui-btn-inner{ + padding-top : 79 * @unit_base; + } + } + .ui-btn { + .ui-icon { + left : 50%; + top : 12 * @unit_base; + margin-left : -1.3em; + + width : 56 * @unit_base; + height: 56 * @unit_base; + } + .ui-btn-text { + padding-left : 0px; + } + } + .ui-btn-inner { + z-index : 200; + } + .ui-btn-inner.ui-navbar-textonly { + font-size : 28 * @unit_base; + + padding-top : 44 * @unit_base; + padding-bottom : 45 * @unit_base; + } +} + +.ui-tabbar-s { + .ui-btn { + background: @color_controlbar_tabbbar_bg; + } + + .ui-btn-active, .ui-btn-show-style { + background: @color_controlbar_btn_press; + border-left-style: solid; + border-right-style: solid; + border-left-color: @color_controlbar_btn_border; + border-right-color: @color_controlbar_btn_border; + border-left-width: 1px; + border-right-width: 1px; + } + + .ui-btn-animation { + background: @color_controlbar_btn_press; + border-left-style: solid; + border-right-style: solid; + border-left-color: @color_controlbar_btn_border; + border-right-color: @color_controlbar_btn_border; + border-left-width: 1px; + border-right-width: 1px; + + position : absolute; + top : 0px; + height : 123 * @unit_base; + z-index : 100; + } + + .ui-btn-hide-style { + background: @color_bar_footer_bg; + border : none; + } +} + +.ui-toolbar-s { + .ui-btn, .ui-btn-up-s { + background: @color_controlbar_toolbbar_bg; + + border-left-width : 1px; + border-right-width : 1px; + border-color : @color_controlbar_btn_border; + border-style : solid; + } + + .ui-btn-down-s { + background : @color_controlbar_btn_press; + } +} + +.ui-header .ui-navbar.ui-tabbar-s, +.ui-header .ui-navbar.ui-toolbar-s { + a { + width : 100%; + height : 100%; + } +} + +.ui-controlbar-left.ui-navbar, .ui-controlbar-right.ui-navbar { + position : fixed; + z-index: 50; + + li .ui-btn, .ui-navbar-toggle .ui-btn{ + font-size : 20 * @unit_base; + } + .ui-btn { + width : 100%; + margin :0px 0em; + + background: @color_controlbar_bg; + } + + .ui-btn-down-s, .ui-btn-active{ + color: @color_controlbar_btn_text; + } + + li .ui-btn, .ui-navbar-toggle .ui-btn{ + font-size : 20 * @unit_base; + } + + .ui-btn-inner { + z-index : 200; + + padding-top : 126 * @unit_base; + .ui-icon { + left : 23%; + top : 35 * @unit_base; + width : 70 * @unit_base; + height: 70 * @unit_base; + } + .ui-btn-text.ui-btn-text-padding-left { + padding-left : 0px; + } + } + + .ui-btn-animation { + position : fixed; + + background: @color_controlbar_bg; + border-bottom-style: solid; + border-top-style: solid; + border-bottom-color: @color_controlbar_btn_border; + border-top-color: @color_controlbar_btn_border; + border-bottom-width: 1px; + border-top-width: 1px; + + z-index : 100; + } +} + +.ui-controlbar-left { + left : 0px; + float : left; +} + +.ui-controlbar-right { + right : 0px; + float :right; +} + +.ui-btn-ani-startposition { +} + +.ui-btn-ani-endposition { + -webkit-transition-property : left; + -webkit-transition: all 0.3s ease-in-out; +} + +.ui-btn-ani-verticalstartposition { +} + +.ui-btn-ani-verticalendposition { + -webkit-transition-property : top; + -webkit-transition: all 0.3s ease-in-out; +} +/*************************************************************************** + ControlBar +***************************************************************************/ + + +/* corner rounding classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-corner-tl { + .LESSborder-radius-topleft(.6em); +} +.ui-corner-tr { + .LESSborder-radius-topright(.6em); +} +.ui-corner-bl { + .LESSborder-radius-bottomleft(.6em); +} +.ui-corner-br { + .LESSborder-radius-bottomright(.6em); +} +.ui-corner-top { + .LESSborder-radius-topleft(.6em); + .LESSborder-radius-topright(.6em); +} +.ui-corner-bottom { + .LESSborder-radius-bottomleft(.6em); + .LESSborder-radius-bottomright(.6em); + } +.ui-corner-right { + .LESSborder-radius-topright(.6em); + .LESSborder-radius-bottomright(.6em); +} +.ui-corner-left { + .LESSborder-radius-topleft(.6em); + .LESSborder-radius-bottomleft(.6em); +} +.ui-corner-all { + //.LESSborder-radius-all(.6em); +} +.ui-corner-none { + .LESSborder-radius-all(0); +} + +/* Interaction cues +-----------------------------------------------------------------------------------------------------------*/ +.ui-disabled { + opacity: .3; +} +.ui-disabled, +.ui-disabled a { + cursor: default; +} + +/* Icons +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon { + /* global-icon */ + background-image: url(images/icons-18-white.png); + background-repeat: no-repeat; + // no radius for checkbox + //.LESSborder-radius-all(9px); +} + +.ui-image-search { + + background-image: url(images/00_search_icon.png); + background-repeat: no-repeat; + +} + +.ui-icon-deleteSearch { + background-image: url(images/00_field_btn_Clear.png); + background-repeat: no-repeat; +} + + +/* Alt icon color +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon-alt { + background: #fff; + background: rgba(255,255,255,.3); + background-image: url(images/icons-18-black.png); + background-repeat: no-repeat; +} + +/* HD/"retina" sprite +-----------------------------------------------------------------------------------------------------------*/ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min--moz-device-pixel-ratio: 1.5), + only screen and (min-resolution: 240dpi) { + + .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, + .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, + .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, + .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-searchfield:after, + .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { + background-image: url(images/icons-36-white.png); + .LESSbackground-size(776px, 18px); + } + .ui-icon-alt { + background-image: url(images/icons-36-black.png); + } +} + +/* plus minus */ +.ui-icon-plus { + background-position: -0 50%; +} +.ui-icon-minus { + /*background-position: -36px 50%;*/ /* wongi_1018: Same name make problem. Later, origianl icons will be removed. */ +} + +/* arrows */ +.ui-icon-arrow-r { + background-position: -108px 50%; +} +.ui-icon-arrow-l { + background-position: -144px 50%; +} +.ui-icon-arrow-u { + background-position: -180px 50%; +} +.ui-icon-arrow-d { + background-position: -216px 50%; +} + +/* misc */ +.ui-icon-check { + background-position: -252px 50%; +} +.ui-icon-gear { + background-position: -288px 50%; +} +.ui-icon-refresh { + background-position: -324px 50%; +} +.ui-icon-forward { + background-position: -360px 50%; +} +.ui-icon-back { + background-position: -396px 50%; +} +.ui-icon-grid { + background-position: -432px 50%; +} +.ui-icon-star { + background-position: -468px 50%; +} +.ui-icon-alert { + background-position: -504px 50%; +} +.ui-icon-info { + background-position: -540px 50%; +} +.ui-icon-home { + background-position: -576px 50%; +} + +/* checks,radios */ +.ui-checkbox .ui-icon { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +//.ui-icon-checkbox-off, +.ui-icon-radio-off { + background-color: transparent; +} +.ui-checkbox-on .ui-icon, +.ui-radio-on .ui-icon { + /*Do not need bg color for icons.. + background-color: #4596ce;*/ /* NOTE: this hex should match the active state color. It's repeated here for cascade */ +} + +/* loading icon */ +.ui-icon-loading { + background-image: url(images/ajax-loader.png); + width: 40px; + height: 40px; + .LESSborder-radius-all(20px); +} + +/* Add ctrl bar *//* TIZEN Default Footer */ + .ui-icon-ctrlbar-account_sign-up, .ui-icon-ctrlbar-accounts, .ui-icon-ctrlbar-add-to-bookmarks, .ui-icon-ctrlbar-add-to-calendar, .ui-icon-ctrlbar-alarm, + .ui-icon-ctrlbar-albums, .ui-icon-ctrlbar-area, .ui-icon-ctrlbar-artist, .ui-icon-ctrlbar-attach, .ui-icon-ctrlbar-back, + .ui-icon-ctrlbar-backward, .ui-icon-ctrlbar-bluetooth_preview, .ui-icon-ctrlbar-bookmarks, .ui-icon-ctrlbar-brightness, .ui-icon-ctrlbar-calendar, + .ui-icon-ctrlbar-call, .ui-icon-ctrlbar-camera, .ui-icon-ctrlbar-category, .ui-icon-ctrlbar-change_group, .ui-icon-ctrlbar-chat, + .ui-icon-ctrlbar-check, .ui-icon-ctrlbar-compose, .ui-icon-ctrlbar-composer, .ui-icon-ctrlbar-contacts, .ui-icon-ctrlbar-copy, + .ui-icon-ctrlbar-create, .ui-icon-ctrlbar-create_folder, .ui-icon-ctrlbar-delete, .ui-icon-ctrlbar-dialer, .ui-icon-ctrlbar-DM, + .ui-icon-ctrlbar-edit, .ui-icon-ctrlbar-editor, .ui-icon-ctrlbar-eng_eng_result, .ui-icon-ctrlbar-exchangs_register, .ui-icon-ctrlbar-Externalstorage, + .ui-icon-ctrlbar-favorite, .ui-icon-ctrlbar-features, .ui-icon-ctrlbar-forward, .ui-icon-ctrlbar-genre, .ui-icon-ctrlbar-help, + .ui-icon-ctrlbar-home, .ui-icon-ctrlbar-info, .ui-icon-ctrlbar-length, .ui-icon-ctrlbar-list_by, .ui-icon-ctrlbar-logs, + .ui-icon-ctrlbar-map, .ui-icon-ctrlbar-memolist, .ui-icon-ctrlbar-MemoryCard, .ui-icon-ctrlbar-mention, .ui-icon-ctrlbar-menu, + .ui-icon-ctrlbar-more, .ui-icon-ctrlbar-move, .ui-icon-ctrlbar-multiview, .ui-icon-ctrlbar-multiview_02, .ui-icon-ctrlbar-multiview_03, + .ui-icon-ctrlbar-multiview_04, .ui-icon-ctrlbar-multiview_05, .ui-icon-ctrlbar-multiview_06, .ui-icon-ctrlbar-multiview_07, .ui-icon-ctrlbar-multiview_08, + .ui-icon-ctrlbar-multiview_09, .ui-icon-ctrlbar-music_albums, .ui-icon-ctrlbar-pause, .ui-icon-ctrlbar-phone, .ui-icon-ctrlbar-Play, + .ui-icon-ctrlbar-playlists, .ui-icon-ctrlbar-receive, .ui-icon-ctrlbar-reply, .ui-icon-ctrlbar-save, .ui-icon-ctrlbar-save_to_calender, + .ui-icon-ctrlbar-scrap, .ui-icon-ctrlbar-search, .ui-icon-ctrlbar-send, .ui-icon-ctrlbar-set_as, .ui-icon-ctrlbar-settings, + .ui-icon-ctrlbar-setup_wizard_previous, .ui-icon-ctrlbar-share, .ui-icon-ctrlbar-songs, .ui-icon-ctrlbar-stop_watch, .ui-icon-ctrlbar-store, + .ui-icon-ctrlbar-synchronise_start_sync, .ui-icon-ctrlbar-synchronise_stop_01, .ui-icon-ctrlbar-synchronise_stop_02, .ui-icon-ctrlbar-synchronise_stop_03, .ui-icon-ctrlbar-view_result, + .ui-icon-ctrlbar-tag, .ui-icon-ctrlbar-temp, .ui-icon-ctrlbar-timeline, .ui-icon-ctrlbar-timer, .ui-icon-ctrlbar-today, + .ui-icon-ctrlbar-top, .ui-icon-ctrlbar-trim, .ui-icon-ctrlbar-TTS, .ui-icon-ctrlbar-update, .ui-icon-ctrlbar-upload_export, + .ui-icon-ctrlbar-volume, .ui-icon-ctrlbar-world_clock, .ui-icon-ctrlbar-year, .ui-icon-ctrlbar-add_tag, .ui-icon-ctrlbar-add_to_contact, + .ui-icon-ctrlbar-close, .ui-icon-ctrlbar-groups, .ui-icon-ctrlbar-year, .ui-icon-ctrlbar-unread_message, .ui-icon-ctrlbar-weight + .ui-icon-ctrlbar-3Dview { + background-color : transparent; + + -moz-border-radius: 0px; + -webkit-border-radius: 0px; + border-radius: 0px; + background-size: 100% 100%; + + -moz-box-shadow: 0px 0px 0 rgba(255,255,255,.4); + -webkit-box-shadow: 0px 0px 0 rgba(255,255,255,.4); + box-shadow: 0px 0px 0 rgba(255,255,255,.4); + } + + .ui-icon-ctrlbar-account_sign-up { + background-image: url(images/controlbar/01_controlbar_icon_account_sign-up.png); + } + .ui-icon-ctrlbar-accounts { + background-image: url(images/controlbar/01_controlbar_icon_accounts.png); + } + .ui-icon-ctrlbar-add-to-bookmarks { + background-image: url(images/controlbar/01_controlbar_icon_add-to-bookmarks.png); + } + .ui-icon-ctrlbar-add-to-calendar { + background-image: url(images/controlbar/01_controlbar_icon_add-to-calendar.png); + } + .ui-icon-ctrlbar-alarm { + background-image: url(images/controlbar/01_controlbar_icon_alarm.png); + } + .ui-icon-ctrlbar-albums { + background-image: url(images/controlbar/01_controlbar_icon_albums.png); + } + .ui-icon-ctrlbar-area { + background-image: url(images/controlbar/01_controlbar_icon_area.png); + } + .ui-icon-ctrlbar-artist { + background-image: url(images/controlbar/01_controlbar_icon_artist.png); + } + .ui-icon-ctrlbar-attach { + background-image: url(images/controlbar/01_controlbar_icon_attach.png); + } + .ui-icon-ctrlbar-back { + background-image: url(images/controlbar/01_controlbar_icon_back.png); + } + .ui-icon-ctrlbar-backward { + background-image: url(images/controlbar/01_controlbar_icon_backward.png); + } + .ui-icon-ctrlbar-bluetooth_preview { + background-image: url(images/controlbar/01_controlbar_icon_bluetooth_preview.png); + } + .ui-icon-ctrlbar-bookmarks { + background-image: url(images/controlbar/01_controlbar_icon_bookmarks.png); + } + .ui-icon-ctrlbar-brightness { + background-image: url(images/controlbar/01_controlbar_icon_brightness.png); + } + .ui-icon-ctrlbar-calendar { + background-image: url(images/controlbar/01_controlbar_icon_calendar.png); + } + .ui-icon-ctrlbar-call { + background-image: url(images/controlbar/01_controlbar_icon_call.png); + } + .ui-icon-ctrlbar-camera { + background-image: url(images/controlbar/01_controlbar_icon_camera.png); + } + .ui-icon-ctrlbar-category { + background-image: url(images/controlbar/01_controlbar_icon_category.png); + } + .ui-icon-ctrlbar-change_group { + background-image: url(images/controlbar/01_controlbar_icon_change_group.png); + } + .ui-icon-ctrlbar-chat { + background-image: url(images/controlbar/01_controlbar_icon_chat.png); + } + .ui-icon-ctrlbar-check { + background-image: url(images/controlbar/01_controlbar_icon_check.png); + } + .ui-icon-ctrlbar-compose { + background-image: url(images/controlbar/01_controlbar_icon_compose.png); + } + .ui-icon-ctrlbar-composer { + background-image: url(images/controlbar/01_controlbar_icon_composer.png); + } + .ui-icon-ctrlbar-contacts { + background-image: url(images/controlbar/01_controlbar_icon_contacts.png); + } + .ui-icon-ctrlbar-copy { + background-image: url(images/controlbar/01_controlbar_icon_copy.png); + } + .ui-icon-ctrlbar-create { + background-image: url(images/controlbar/01_controlbar_icon_create.png); + } + .ui-icon-ctrlbar-create_folder { + background-image: url(images/controlbar/01_controlbar_icon_create_folder.png); + } + .ui-icon-ctrlbar-delete { + background-image: url(images/controlbar/01_controlbar_icon_delete.png); + } + .ui-icon-ctrlbar-dialer { + background-image: url(images/controlbar/01_controlbar_icon_dialer.png); + } + .ui-icon-ctrlbar-DM { + background-image: url(images/controlbar/01_controlbar_icon_DM.png); + } + .ui-icon-ctrlbar-edit { + background-image: url(images/controlbar/01_controlbar_icon_edit.png); + } + .ui-icon-ctrlbar-editor { + background-image: url(images/controlbar/01_controlbar_icon_editor.png); + } + .ui-icon-ctrlbar-eng_eng_result { + background-image: url(images/controlbar/01_controlbar_icon_eng_eng_result.png); + } + .ui-icon-ctrlbar-exchangs_register { + background-image: url(images/controlbar/01_controlbar_icon_exchangs_register.png); + } + .ui-icon-ctrlbar-Externalstorage { + background-image: url(images/controlbar/01_controlbar_icon_Externalstorage.png); + } + .ui-icon-ctrlbar-favorite { + background-image: url(images/controlbar/01_controlbar_icon_favorite.png); + } + .ui-icon-ctrlbar-features { + background-image: url(images/controlbar/01_controlbar_icon_features.png); + } + .ui-icon-ctrlbar-forward { + background-image: url(images/controlbar/01_controlbar_icon_forward.png); + } + .ui-icon-ctrlbar-genre { + background-image: url(images/controlbar/01_controlbar_icon_genre.png); + } + .ui-icon-ctrlbar-help { + background-image: url(images/controlbar/01_controlbar_icon_help.png); + } + .ui-icon-ctrlbar-home { + background-image: url(images/controlbar/01_controlbar_icon_home.png); + } + .ui-icon-ctrlbar-info { + background-image: url(images/controlbar/01_controlbar_icon_info.png); + } + .ui-icon-ctrlbar-length { + background-image: url(images/controlbar/01_controlbar_icon_length.png); + } + .ui-icon-ctrlbar-list_by { + background-image: url(images/controlbar/01_controlbar_icon_list_by.png); + } + .ui-icon-ctrlbar-logs { + background-image: url(images/controlbar/01_controlbar_icon_logs.png); + } + .ui-icon-ctrlbar-map { + background-image: url(images/controlbar/01_controlbar_icon_map.png); + } + .ui-icon-ctrlbar-memolist { + background-image: url(images/controlbar/01_controlbar_icon_memolist.png); + } + .ui-icon-ctrlbar-MemoryCard { + background-image: url(images/controlbar/01_controlbar_icon_MemoryCard.png); + } + .ui-icon-ctrlbar-mention { + background-image: url(images/controlbar/01_controlbar_icon_mention.png); + } + .ui-icon-ctrlbar-menu { + background-image: url(images/controlbar/01_controlbar_icon_menu.png); + } + .ui-icon-ctrlbar-more { + background-image: url(images/controlbar/01_controlbar_icon_more.png); + } + .ui-icon-ctrlbar-move { + background-image: url(images/controlbar/01_controlbar_icon_move.png); + } + .ui-icon-ctrlbar-multiview { + background-image: url(images/controlbar/01_controlbar_icon_multiview.png); + } + .ui-icon-ctrlbar-multiview_02 { + background-image: url(images/controlbar/01_controlbar_icon_multiview_02.png); + } + .ui-icon-ctrlbar-multiview_03 { + background-image: url(images/controlbar/01_controlbar_icon_multiview_03.png); + } + .ui-icon-ctrlbar-multiview_04 { + background-image: url(images/controlbar/01_controlbar_icon_multiview_04.png); + } + .ui-icon-ctrlbar-multiview_05 { + background-image: url(images/controlbar/01_controlbar_icon_multiview_05.png); + } + .ui-icon-ctrlbar-multiview_06 { + background-image: url(images/controlbar/01_controlbar_icon_multiview_06.png); + } + .ui-icon-ctrlbar-multiview_07 { + background-image: url(images/controlbar/01_controlbar_icon_multiview_07.png); + } + .ui-icon-ctrlbar-multiview_08 { + background-image: url(images/controlbar/01_controlbar_icon_multiview_08.png); + } + .ui-icon-ctrlbar-multiview_09 { + background-image: url(images/controlbar/01_controlbar_icon_multiview_09.png); + } + .ui-icon-ctrlbar-music_albums { + background-image: url(images/controlbar/01_controlbar_icon_music_albums.png); + } + .ui-icon-ctrlbar-pause { + background-image: url(images/controlbar/01_controlbar_icon_pause.png); + } + .ui-icon-ctrlbar-phone { + background-image: url(images/controlbar/01_controlbar_icon_phone.png); + } + .ui-icon-ctrlbar-Play { + background-image: url(images/controlbar/01_controlbar_icon_Play.png); + } + .ui-icon-ctrlbar-playlists { + background-image: url(images/controlbar/01_controlbar_icon_playlists.png); + } + .ui-icon-ctrlbar-receive { + background-image: url(images/controlbar/01_controlbar_icon_receive.png); + } + .ui-icon-ctrlbar-reply { + background-image: url(images/controlbar/01_controlbar_icon_reply.png); + } + .ui-icon-ctrlbar-save { + background-image: url(images/controlbar/01_controlbar_icon_save.png); + } + .ui-icon-ctrlbar-save_to_calender { + background-image: url(images/controlbar/01_controlbar_icon_save_to_calender.png); + } + .ui-icon-ctrlbar-scrap { + background-image: url(images/controlbar/01_controlbar_icon_scrap.png); + } + .ui-icon-ctrlbar-search { + background-image: url(images/controlbar/01_controlbar_icon_search.png); + } + .ui-icon-ctrlbar-send { + background-image: url(images/controlbar/01_controlbar_icon_send.png); + } + .ui-icon-ctrlbar-set_as { + background-image: url(images/controlbar/01_controlbar_icon_set_as.png); + } + .ui-icon-ctrlbar-settings { + background-image: url(images/controlbar/01_controlbar_icon_settings.png); + } + .ui-icon-ctrlbar-setup_wizard_previous { + background-image: url(images/controlbar/01_controlbar_icon_setup_wizard_previous.png); + } + .ui-icon-ctrlbar-share { + background-image: url(images/controlbar/01_controlbar_icon_share.png); + } + .ui-icon-ctrlbar-songs { + background-image: url(images/controlbar/01_controlbar_icon_songs.png); + } + .ui-icon-ctrlbar-stop_watch { + background-image: url(images/controlbar/01_controlbar_icon_stop_watch.png); + } + .ui-icon-ctrlbar-store { + background-image: url(images/controlbar/01_controlbar_icon_store.png); + } + .ui-icon-ctrlbar-synchronise_start_sync { + background-image: url(images/controlbar/01_controlbar_icon_synchronise_start_sync.png); + } + .ui-icon-ctrlbar-synchronise_stop_01 { + background-image: url(images/controlbar/01_controlbar_icon_synchronise_stop_01.png); + } + .ui-icon-ctrlbar-synchronise_stop_02 { + background-image: url(images/controlbar/01_controlbar_icon_synchronise_stop_02.png); + } + .ui-icon-ctrlbar-synchronise_stop_03 { + background-image: url(images/controlbar/01_controlbar_icon_synchronise_stop_03.png); + } + .ui-icon-ctrlbar-synchronise_view_result { + background-image: url(images/controlbar/01_controlbar_icon_synchronise_view_result.png); + } + .ui-icon-ctrlbar-tag { + background-image: url(images/controlbar/01_controlbar_icon_tag.png); + } + .ui-icon-ctrlbar-temp { + background-image: url(images/controlbar/01_controlbar_icon_temp.png); + } + .ui-icon-ctrlbar-timeline { + background-image: url(images/controlbar/01_controlbar_icon_timeline.png); + } + .ui-icon-ctrlbar-timer { + background-image: url(images/controlbar/01_controlbar_icon_timer.png); + } + .ui-icon-ctrlbar-today { + background-image: url(images/controlbar/01_controlbar_icon_today.png); + } + .ui-icon-ctrlbar-top { + background-image: url(images/controlbar/01_controlbar_icon_top.png); + } + .ui-icon-ctrlbar-trim { + background-image: url(images/controlbar/01_controlbar_icon_trim.png); + } + .ui-icon-ctrlbar-TTS { + background-image: url(images/controlbar/01_controlbar_icon_TTS.png); + } + .ui-icon-ctrlbar-update { + background-image: url(images/controlbar/01_controlbar_icon_update.png); + } + .ui-icon-ctrlbar-upload_export { + background-image: url(images/controlbar/01_controlbar_icon_upload_export.png); + } + .ui-icon-ctrlbar-volume { + background-image: url(images/controlbar/01_controlbar_icon_volume.png); + } + .ui-icon-ctrlbar-world_clock { + background-image: url(images/controlbar/01_controlbar_icon_world_clock.png); + } + .ui-icon-ctrlbar-year { + background-image: url(images/controlbar/01_controlbar_icon_year.png); + } + .ui-icon-ctrlbar-add_tag { + background-image: url(images/controlbar/01_controlbar_icon_add_tag.png); + } + .ui-icon-ctrlbar-add_to_contact { + background-image: url(images/controlbar/01_controlbar_icon_add_to_contact.png); + } + .ui-icon-ctrlbar-close { + background-image: url(images/controlbar/01_controlbar_icon_close.png); + } + .ui-icon-ctrlbar-groups { + background-image: url(images/controlbar/01_controlbar_icon_groups.png); + } + + .ui-icon-ctrlbar-unread_message { + background-image: url(images/controlbar/01_controlbar_icon_unread_message.png); + } + .ui-icon-ctrlbar-weight { + background-image: url(images/controlbar/01_controlbar_icon_weight.png); + } + + .ui-icon-ctrlbar-3Dview { + background-image: url(images/controlbar/01_controlbar_icon_3Dview.png); + } + +/* ---------------------------------------------- */ + + + + + + + + +/* Button corner classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-corner-tl { + .LESSborder-radius-topleft(1em); +} +.ui-btn-corner-tr { + .LESSborder-radius-topright(1em); +} +.ui-btn-corner-bl { + .LESSborder-radius-bottomleft(1em); +} +.ui-btn-corner-br { + .LESSborder-radius-bottomright(1em); +} +.ui-btn-corner-top { + .LESSborder-radius-topleft(1em); + .LESSborder-radius-topright(1em); +} +.ui-btn-corner-bottom { + .LESSborder-radius-bottomleft(1em); + .LESSborder-radius-bottomright(1em); +} +.ui-btn-corner-right { + .LESSborder-radius-topright(1em); + .LESSborder-radius-bottomright(1em); +} +.ui-btn-corner-left { + .LESSborder-radius-topleft(1em); + .LESSborder-radius-bottomleft(1em); +} +.ui-btn-corner-all { + .LESSborder-radius-all(0.2em); //wongi_1013 +} + +/* radius clip workaround for cleaning up corner trapping */ +.ui-corner-tl, +.ui-corner-tr, +.ui-corner-bl, +.ui-corner-br, +.ui-corner-top, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-left, +.ui-corner-all, +.ui-btn-corner-tl, +.ui-btn-corner-tr, +.ui-btn-corner-bl, +.ui-btn-corner-br, +.ui-btn-corner-top, +.ui-btn-corner-bottom, +.ui-btn-corner-right, +.ui-btn-corner-left, +.ui-btn-corner-all { + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +/* Overlay / modal +-----------------------------------------------------------------------------------------------------------*/ + +.ui-overlay { + background: #666; + opacity: .5; + filter: Alpha(Opacity=50); + position: absolute; + width: 100%; + height: 100%; +} +.ui-overlay-shadow { + //.LESSbox-shadow(0px, 0px, 12px, rgba(0,0,0,.6)); +} +.ui-shadow { + //.LESSbox-shadow(0px, 1px, 4px, rgba(0,0,0,.3)); +} +.ui-bar-a .ui-shadow, +.ui-bar-b .ui-shadow , +.ui-bar-c .ui-shadow { + //.LESSbox-shadow(0px, 1px, 0, rgba(255,255,255,.3)); +} +.ui-shadow-inset { + //-moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + //-webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + //box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); +} +.ui-icon-shadow { + //.LESSbox-shadow(0px, 1px, 0, rgba(255,255,255,.4)); +} + +/* Focus state - set here for specificity +-----------------------------------------------------------------------------------------------------------*/ + +.ui-focus { + /* global-active-background-color */ + //.LESSbox-shadow(0px, 1px, 12px, #387bbe); + outline-color : #008cd2; +} + +/* unset box shadow in browsers that don't do it right +-----------------------------------------------------------------------------------------------------------*/ + +.ui-mobile-nosupport-boxshadow * { + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +/* ...and bring back focus */ +.ui-mobile-nosupport-boxshadow .ui-focus { + outline-width: 2px; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.colorpalette.less b/src/themes/tizen/common/jquery.mobile.tizen.colorpalette.less new file mode 100755 index 0000000..8ab2e6a --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.colorpalette.less @@ -0,0 +1,86 @@ +@import "config.less"; + +@todons-selected-color: #d9931a; +@todons-selected-color-disabled: #999999; + +@colorpalette-choice-total-width: 54px; +@colorpalette-choice-total-height: 54px; +@colorpalette-item-border-width: 4px; +@colorpalette-item-border-color: #c0c0c0; +@colorpalette-preview-total-width: 304px; +@colorpalette-preview-total-height: 109px; + +@colorpalette-choice-actual-width: @colorpalette-choice-total-width - 2 * @colorpalette-item-border-width; +@colorpalette-choice-actual-height: @colorpalette-choice-total-height - 2 * @colorpalette-item-border-width; +@colorpalette-preview-actual-width: @colorpalette-preview-total-width - 2 * @colorpalette-item-border-width; +@colorpalette-preview-actual-height: @colorpalette-preview-total-height - 2 * @colorpalette-item-border-width; + +.todons-colorpalette-disabled { + .colorpalette-table { + .colorpalette-choice-active { + border-color: @todons-selected-color-disabled !important; + } + } +} + +.ui-colorpalette { + display: table; + padding-left: 24px; + padding-right: 24px; + padding-top: 15px; + padding-bottom: 15px; + + .colorpalette-preview-container { + padding-top: 48px; + padding-bottom: 39px; + display: table; + margin: auto; + + .colorpalette-preview { + display: table; + margin: auto; + width: @colorpalette-preview-actual-width; + height: @colorpalette-preview-actual-height; + border: @colorpalette-item-border-color @colorpalette-item-border-width solid; + } + } + + .colorpalette-table { + .colorpalette-bottom-row { + display: table-row; + } + + .colorpalette-normal-row { + .colorpalette-bottom-row; + } + + .colorpalette-choice-container-left { + display: table-cell; + } + + .colorpalette-choice-container-rest { + .colorpalette-choice-container-left; + padding-left: 38px; + } + + .colorpalette-normal-row .colorpalette-choice-container-left { + padding-bottom: 16px; + } + + .colorpalette-choice { + width: @colorpalette-choice-actual-width; + height: @colorpalette-choice-actual-width; + border-width: @colorpalette-item-border-width; + border-style: solid; + border-color: @colorpalette-item-border-color; + } + + .colorpalette-choice-active { + border-color: @todons-selected-color; + } + } +} + +label.colorpickerbutton_label.ui-input-text { + display:block !important; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.colorpicker.less b/src/themes/tizen/common/jquery.mobile.tizen.colorpicker.less new file mode 100755 index 0000000..a85ca31 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.colorpicker.less @@ -0,0 +1,121 @@ +/* Own CSS */ + +/* @selector-size should be an odd number, in order to pixel-perfectly center on a given colour */ +@colorpicker-selector-size: 61px; +@colorpicker-selector-border-width: 5px; +@colorpicker-clrchannel-hs-width: 256px; +@colorpicker-clrchannel-hs-height: 256px; +@colorpicker-clrchannel-l-width: 16px; +@colorpicker-clrchannel-l-height: 256px; + +@colorpicker-selector-total-size: @colorpicker-selector-size + 2 * @colorpicker-selector-border-width; +@colorpicker-clrchannel-hs-padding: @colorpicker-selector-total-size / 2; +@colorpicker-clrchannel-l-hpadding: + ~`Math.max(0, + parseInt("@{colorpicker-selector-total-size}") - + parseInt("@{colorpicker-clrchannel-l-width}")) / 2 + "px"`; +@colorpicker-clrchannel-l-selector-left: + ~`Math.max(0, + parseInt("@{colorpicker-clrchannel-l-width}") - + parseInt("@{colorpicker-selector-total-size}")) / 2 + "px"`; + +.ui-colorpicker { + display: table; + + .colorpicker-hs-container { + position: relative; + display: table-cell; + float: left; + + width: @colorpicker-clrchannel-hs-width; + height: @colorpicker-clrchannel-hs-height; + padding: @colorpicker-clrchannel-hs-padding; + + .colorpicker-hs-mask { + position: absolute; + width: @colorpicker-clrchannel-hs-width; + height: @colorpicker-clrchannel-hs-height; + } + + .colorpicker-hs-selector { + position: absolute; + width: @colorpicker-selector-size; + height: @colorpicker-selector-size; + border: @colorpicker-selector-border-width solid black; + } + } + + .colorpicker-l-container { + position: relative; + float: left; + + width: @colorpicker-clrchannel-l-width; + height: @colorpicker-clrchannel-l-height; + padding-left: @colorpicker-clrchannel-l-hpadding; + padding-right: @colorpicker-clrchannel-l-hpadding; + padding-top: @colorpicker-clrchannel-hs-padding; + padding-bottom: @colorpicker-clrchannel-hs-padding; + + .colorpicker-l-mask { + position: absolute; + width: @colorpicker-clrchannel-l-width; + height: @colorpicker-clrchannel-l-height; + } + + .colorpicker-l-selector { + left: @colorpicker-clrchannel-l-selector-left; + position: absolute; + width: @colorpicker-selector-size; + height: @colorpicker-selector-size; + border: @colorpicker-selector-border-width solid black; + } + } +} + +.ui-colorpicker .colorpicker-hs-container .sat-gradient { + background: none; /* Old browsers */ + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%,rgba(128,128,128,0)), + color-stop(100%,rgba(128,128,128,1))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* FF3.6+ */ + background: -webkit-linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* IE10+ */ + background: linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* W3C */ + /* filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#00808080', endColorstr="#808080", GradientType = 0); */ +} + +.ui-colorpicker .colorpicker-l-container .l-gradient { + background: none; /* Old browsers */ + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%,rgba(0,0,0,1)), + color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* FF3.6+ */ + background: -webkit-linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* IE10+ */ + background: linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* W3C */ + /* filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#000000', endColorstr="#ffffff", GradientType = 0); */ +} + + diff --git a/src/themes/tizen/common/jquery.mobile.tizen.colorpickerbutton.css b/src/themes/tizen/common/jquery.mobile.tizen.colorpickerbutton.css new file mode 100755 index 0000000..3e7d429 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.colorpickerbutton.css @@ -0,0 +1,9 @@ +/* Need to add !important below, because these classes are added before jqm enhancement */ +.ui-colorpickerbutton-input { + max-width: 150px; + display: inline-block !important; +} + +.ui-colorpickerbutton-input-hidden { + display: none !important; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.colortitle.less b/src/themes/tizen/common/jquery.mobile.tizen.colortitle.less new file mode 100755 index 0000000..890e999 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.colortitle.less @@ -0,0 +1,15 @@ +@import "config.less"; + +@colortitle-vpadding: 15px; + +.ui-colortitle { + h1 { + margin-left: 10px; + } +} + +.todons-colortitle-disabled { + h1 { + color: #888888; + } +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less b/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less new file mode 100755 index 0000000..6e42b4e --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.ctxpopup.less @@ -0,0 +1,196 @@ +@import "config.less"; + +@border_radius: .3em; + +.ui-ctxpopup { + display: table; + + .ui-ctxpopup-row .ui-triangle-top { + top: 1px; + } + + .ui-ctxpopup-row .ui-triangle-left { + left: 1px; + } + + .ui-ctxpopup-row .ui-triangle-right { + right: 1px; + } + + .ui-ctxpopup-row .ui-triangle-bottom { + bottom: 1px; + } + + .ui-ctxpopup-row { + display: table-row; + + .ui-ctxpopup-cell { + display: table-cell; + } + + .ui-popupwindow-padding { + background: rgb(45,45,45); + border: none; + -webkit-box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 ); + box-shadow: 0 * @unit_base 0 * @unit_base 12 * @unit_base rgba( 0, 0, 0, .6 ); + -webkit-border-radius: @border_radius; + border-radius: @border_radius; + } + + } + + .ui-listview li.ui-btn-up-s, .ui-listview li.ui-btn-hover-s { + background: transparent; + } + + .ui-listview li.ui-btn-down-s { + background: @color_bar_back_btn_press; + } + + .ui-listview li:last-child { + border-bottom-left-radius: @border_radius; + border-bottom-right-radius: @border_radius; + } + + .ui-listview li:first-child { + border-top-left-radius: @border_radius; + border-top-right-radius: @border_radius; + } + + .ui-listview { + border: none; + } + + .ui-listview > .ui-li { +// margin: 0 -7 * @px_base; + padding: 0 7 * @unit_base; + } + + .ui-listview > .ui-li:last-child { + border: none; + } + + .horizontal { + .icon .ui-btn { + padding: 0; + background: transparent; + + .ui-btn-icon-only { + width: 128 * @unit_base; + height: 92 * @unit_base; + padding: 0; + } + + .ui-icon { + padding: 32 * @unit_base 0; + height: inherit; + width: inherit; + margin: 0; + background-size: inherit; + background-position: center; + } + } + + .text { + padding: 0 20 * @unit_base; + } + + + a.ui-link { + color: @color_text; + text-decoration: none; + } + + table { + border: none; + border-spacing: 0; + } + + td { + border-left: 1 * @unit_base solid @color_ctxpopup_border_left; + border-right: 1 * @unit_base solid @color_ctxpopup_border_right; + border-top: 1 * @unit_base solid @color_ctxpopup_border_right; + border-bottom: 1 * @unit_base solid @color_ctxpopup_border_left; + } + + td:first-of-type { + border-left: none; + } + + td:last-of-type { + border-right: none; + } + + tr:first-of-type > td { + border-top: none; + } + + tr:last-of-type > td { + border-bottom: none; + } + + tr:first-of-type > td:first-of-type { + border-top-left-radius: @border_radius; + } + + tr:first-of-type > td:last-of-type { + border-top-right-radius: @border_radius; + } + + tr:last-of-type > td:first-of-type { + border-bottom-left-radius: @border_radius; + } + + tr:last-of-type > td:last-of-type { + border-bottom-right-radius: @border_radius; + } + + ul { + padding: 0; + display: inline-block; + list-style: none; + vertical-align: middle; + margin: 0; + } + + li { + line-height: 92 * @unit_base; + min-height: 92 * @unit_base; + + float: left; + display: inline-block; + border-left: 1 * @unit_base solid @color_ctxpopup_border_left; + border-right: 1 * @unit_base solid @color_ctxpopup_border_right; + text-align: center; + } + + li:first-of-type { + border-top-left-radius: @border_radius; + border-bottom-left-radius: @border_radius; + + border-left: none; + } + + li:last-of-type { + border-top-right-radius: @border_radius; + border-bottom-right-radius: @border_radius; + + border-right: none; + margin-right: 0; + } + + li:active, td:active { + background: @color_bar_back_btn_press; + } + } + + .button { + table .ui-btn { + margin: 8 * @unit_base; + padding: 0; + height: 74 * @unit_base; + width: 172 * @unit_base; + } + } + +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less b/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less new file mode 100755 index 0000000..3bfabcf --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.datetimepicker.less @@ -0,0 +1,88 @@ +@import "config.less"; + +.ui-datefield { + display: inline-block; + + div { + display: inline-block; + + span { + margin-right: 20 * @unit_base; + } + + .ui-datefield-selected { + color: @color_timepicker_selector_color; + } + + .ui-datefield-ampm { + margin-right: 0; + margin-top: 0; + top: -5 * @unit_base; + display: inline-block; + span.ui-btn-inner.ui-btn-hastxt { + margin-right: 0; + padding: 0 25*@unit_base; + span { + margin-right: 0; + } + } + } + } + + .ui-datefield-tab { + display: inline-block; + min-width: 60 * @unit_base; + } +} + +.ui-datetimepicker-selector { + div ul { + padding: 0; + display: inline; + list-style: none; + vertical-align: middle; + margin: 0; + + li { + font-size: 44 * @unit_base; + float: left; + padding: 30 * @unit_base 8 * @unit_base 0 8 * @unit_base; + max-width: 200 * @unit_base; + min-width: 200 * @unit_base; + + a.ui-link { + text-decoration: none; + color: @color_ctxpopup_timepicker_text; + } + + a.ui-link:hover { + color: @color_ctxpopup_timepicker_text; + } + } + + li.current { + a.ui-link { + color: @color_ctxpopup_timepicker_text_focus; + } + } + } +} + +.ui-datetimepicker { + left: 0 !important; + padding: 0; + + .ui-popupwindow-padding { + background: @color_timepicker_selector_color !important; + border-radius: 0 !important; + -webkit-border-radius: 0 !important; + box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6) !important; + border-width: 0 !important; + text-align: center !important; + + div { + height: 106 * @unit_base; + } + } +} + diff --git a/src/themes/tizen/common/jquery.mobile.tizen.dayselector.less b/src/themes/tizen/common/jquery.mobile.tizen.dayselector.less new file mode 100755 index 0000000..23d9c9c --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.dayselector.less @@ -0,0 +1,85 @@ + +@import "config.less"; + +/* dayselector CSS */ +.ui-dayselector label { + height: 56px; + width: 64px; +} + +.ui-dayselector { + display: inline-block; + + .ui-btn { + border-color : @color_dayselector_Btn_border; + border-style : solid; + border-width : 1 * @unit_base; + .ui-btn-inner { + text-align :center; + padding : 0.8em 0px; + } + } + .ui-checkbox-off { + background : @color_dayselector_Btn_normal; + .ui-btn-text { + color : @color_dayselector_Btn_Mon_to_Fri; + } + } + + .ui-checkbox-off.ui-btn-down-s.ui-btn-hover-s { + background : @color_dayselector_Btn_press; + } + + .ui-checkbox-on { + background : @color_dayselector_Btn_press; + .ui-btn-text { + color : @color_dayselector_Btn_Mon_to_Fri; + } + } + + .ui-checkbox-on.ui-btn-down-s.ui-btn-hover-s { + background : @color_dayselector_Btn_normal; + } + .ui-dayselector-label-6 { + .ui-btn-text { + color: @color_dayselector_Btn_Sat; + } + } + .ui-dayselector-label-0 { + .ui-btn-text { + color: @color_dayselector_Btn_Sun; + } + } + .ui-checkbox { + height : 90 * @unit_base; + + .ui-btn { + width : 94 * @unit_base; + } + .ui-btn.ui-corner-left { + border-top-left-radius : 5 * @unit_base; + border-bottom-left-radius : 5 * @unit_base; + } + .ui-btn.ui-corner-right { + border-top-right-radius : 5 * @unit_base; + border-bottom-right-radius : 5 * @unit_base; + } + } + .todons-dayselector-disabled .ui-dayselector-label-6 { + color: #121212; + } + + .todons-dayselector-disabled .ui-dayselector-label-0 { + color: #363636; + } + +} + +.ui-dayselector.ui-controlgroup-vertical { + .ui-checkbox .ui-btn{ + width : 100 * @unit_base; + .ui-btn-text { + margin-left : 0 * @unit_base; + } + } +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.hsvpicker.less b/src/themes/tizen/common/jquery.mobile.tizen.hsvpicker.less new file mode 100755 index 0000000..6234cdf --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.hsvpicker.less @@ -0,0 +1,90 @@ +@import "config.less"; + +@hsvpicker-clrchannel-masks-width: 300px; +@hsvpicker-clrchannel-masks-height: 38px; +@hsvpicker-clrchannel-selector-width: 10px; +@hsvpicker-clrchannel-selector-height: 50px; +@hsvpicker-clrchannel-selector-border-width: 5px; +@hsvpicker-clrchannel-masks-container-hpadding: 12px; +@hsvpicker-clrchannel-masks-container-vpadding: 16px; + +@hsvpicker-clrchannel-selector-actual-height: @hsvpicker-clrchannel-selector-height - + 2 * @hsvpicker-clrchannel-selector-border-width; + +@hsvpicker-clrchannel-masks-container-actual-hpadding: + @hsvpicker-clrchannel-selector-width / 2 + + @hsvpicker-clrchannel-selector-border-width; +@hsvpicker-clrchannel-masks-container-actual-vpadding: + (@hsvpicker-clrchannel-selector-actual-height - @hsvpicker-clrchannel-masks-height) / 2 + + @hsvpicker-clrchannel-selector-border-width; +@hsvpicker-clrchannel-masks-container-hmargin: + ~`Math.max(0, + (parseInt("@{hsvpicker-clrchannel-masks-container-hpadding}") - + parseInt("@{hsvpicker-clrchannel-masks-container-actual-hpadding}"))) + "px"`; +@hsvpicker-clrchannel-masks-container-vmargin: + ~`Math.max(0, + (parseInt("@{hsvpicker-clrchannel-masks-container-vpadding}") - + parseInt("@{hsvpicker-clrchannel-masks-container-actual-vpadding}"))) + "px"`; + +.ui-hsvpicker { + .hsvpicker-clrchannel-container { + display: table; + padding-left: 27px; + padding-right: 27px; + + .hsvpicker-arrow-btn-container { + display: table-cell; + vertical-align: middle; + } + + .hsvpicker-arrow-btn { + float: left; + } + + .hsvpicker-clrchannel-masks-container { + float: left; + position: relative; + width: @hsvpicker-clrchannel-masks-width; + height: @hsvpicker-clrchannel-masks-height; + + margin-left: @hsvpicker-clrchannel-masks-container-hmargin; + margin-right: @hsvpicker-clrchannel-masks-container-hmargin; + margin-top: @hsvpicker-clrchannel-masks-container-vmargin; + margin-bottom: @hsvpicker-clrchannel-masks-container-vmargin; + + padding-left: @hsvpicker-clrchannel-masks-container-actual-hpadding; + padding-right: @hsvpicker-clrchannel-masks-container-actual-hpadding; + padding-top: @hsvpicker-clrchannel-masks-container-actual-vpadding; + padding-bottom: @hsvpicker-clrchannel-masks-container-actual-vpadding; + + .hsvpicker-clrchannel-mask { + position: absolute; + width: @hsvpicker-clrchannel-masks-width; + height: @hsvpicker-clrchannel-masks-height; + } + + .hsvpicker-clrchannel-mask-black { + background: #000000; + } + + .hsvpicker-clrchannel-mask-white { + background: #ffffff; + } + + .hsvpicker-clrchannel-selector { + position: absolute; + left: 0px; + top: 0px; + width: @hsvpicker-clrchannel-selector-width; + height: @hsvpicker-clrchannel-selector-actual-height; + border: @hsvpicker-clrchannel-selector-border-width solid black; + } + } + } +} + +.ui-popupwindow .colorpickerbutton-popup-container-style { + display: table; + width : 50%; + margin : 0 auto; +} \ No newline at end of file diff --git a/src/themes/tizen/common/jquery.mobile.tizen.huegradient.css b/src/themes/tizen/common/jquery.mobile.tizen.huegradient.css new file mode 100755 index 0000000..2e86f35 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.huegradient.css @@ -0,0 +1,104 @@ +.tizen-huegradient { + background: none; /* Old browsers */ + background: -webkit-gradient(linear, left top, right top, + color-stop( 0% ,rgba(255, 0, 0,1)), + color-stop( 16.666666667%,rgba(255,255, 0,1)), + color-stop( 33.333333333%,rgba(0 ,255, 0,1)), + color-stop( 50% ,rgba(0 ,255,255,1)), + color-stop( 66.666666667%,rgba(0 , 0,255,1)), + color-stop( 83.333333333%,rgba(255, 0,255,1)), + color-stop(100% ,rgba(255, 0, 0,1))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: -webkit-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: -o-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: -ms-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); +} + +/* Full-saturation magic grayscale values were taken from the Gimp */ +.tizen-huegradient-disabled { + background: none; /* Old browsers */ + background: -webkit-gradient(linear, left top, right top, + color-stop( 0% ,rgba( 54, 54, 54,1)), + color-stop( 16.666666667%,rgba(237,237,237,1)), + color-stop( 33.333333333%,rgba(182,182,182,1)), + color-stop( 50% ,rgba(201,201,201,1)), + color-stop( 66.666666667%,rgba( 18, 18, 18,1)), + color-stop( 83.333333333%,rgba( 73, 73, 73,1)), + color-stop(100% ,rgba( 54, 54, 54,1))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); + background: -webkit-linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); + background: -o-linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); + background: -ms-linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); + background: linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.imageslider.less b/src/themes/tizen/common/jquery.mobile.tizen.imageslider.less new file mode 100644 index 0000000..448711b --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.imageslider.less @@ -0,0 +1,13 @@ +@import "config.less"; + +.ui-imageslider { + position: relative; + width: 100%; +} + +.ui-imageslider-bg { + display: none; + position: absolute; + text-align: center; + width: 100%; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.less b/src/themes/tizen/common/jquery.mobile.tizen.less new file mode 100644 index 0000000..3479b69 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.less @@ -0,0 +1,145 @@ +/* + * Common definition for theme + */ + +@font_size_default: 32px; // Default unit font size +//@rem_base: (1rem/@font_size_default); + +@em_base: 1em/@font_size_default; // WARNING: Don't use em unit! This value is to be removed. +@px_base: 1px; + +@unit_base: @px_base; + +@font_family: Helvetica, Arial, sans-serif; + +/****************************** + z-index order collection + ******************************/ +@z_base_maximum: 2147483647; +@z_base_loader: 100; +@z_base_header_footer: 1000; +@z_base_smallpopup: @z_base_header_footer + 100; +@z_base_popup: @z_base_smallpopup + 100; +@z_base_tickernoti: @z_base_maximum - 100; + + +/****************************** + Global LESS mixin collection + ******************************/ + +// Mixin : background ************************ +.LESSbackground-img-with-gradient(@from: top, @startcolor: #3c3c3c, @endcolor: #111) { + background-image: -webkit-gradient(linear, left top, left bottom, from(@startcolor), to(@endcolor)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(@from, @startcolor, @endcolor); + background-image: -moz-linear-gradient(@from, @startcolor, @endcolor); + background-image: -ms-linear-gradient(@from, @startcolor, @endcolor); + background-image: -o-linear-gradient(@from, @startcolor, @endcolor); + background-image: linear-gradient(@from, @startcolor, @endcolor); +} +.LESSbackground-size(@width, @height) { + -moz-background-size: @width @height; + -o-background-size: @width @height; + -webkit-background-size: @width @height; + background-size: @width @height; +} + +// Mixin : border *************************** +.LESSborder-image(@url:url, @width:width, @height:height, @repeat:repeat) { + -moz-border-image: url(@url) @width @height @repeat; + -webkit-border-image: url(@url) @width @height @repeat; + -o-border-image: url(@url) @width @height @repeat; + border-image: url(@url) @width @height @repeat; +} +.LESSborder-radius-topleft(@radius) { + -moz-border-radius-topleft: @radius; + -webkit-border-top-left-radius: @radius; + border-top-left-radius: @radius; +} +.LESSborder-radius-topright(@radius) { + -moz-border-radius-topright: @radius; + -webkit-border-top-right-radius: @radius; + border-top-right-radius: @radius; +} +.LESSborder-radius-bottomleft(@radius) { + -moz-border-radius-bottomleft: @radius; + -webkit-border-bottom-left-radius: @radius; + border-bottom-left-radius: @radius; +} +.LESSborder-radius-bottomright(@radius) { + -moz-border-radius-bottomright: @radius; + -webkit-border-bottom-right-radius: @radius; + border-bottom-right-radius: @radius; +} +.LESSborder-radius-all(@radius) { + -moz-border-radius: @radius; + -webkit-border-radius: @radius; + bordert-radius: @radius; +} + +// Mixin : box *************************** +.LESSbox-shadow(@hshadow, @vshadow, @blur, @color) { + -moz-box-shadow: @hshadow @vshadow @blur @color; + -webkit-box-shadow: @hshadow @vshadow @blur @color; + box-shadow: @hshadow @vshadow @blur @color; +} +.LESSdisplaybox() { + display:-moz-box; + display:-webkit-box; + display:box; +} +//position: vertical, horizental +.LESSbox-orient(@position) { + -moz-box-orient: @position; + -webkit-box-orient: @position; + box-orient: @position; +} + +//position: start, center, end +.LESSbox-pack(@position) { + -moz-box-pack: @position; + -webkit-box-pack: @position; + box-pack: @position; +} + +//position: start, center, end +.LESSbox-align(@position) { + -moz-box-align: @position; + -webkit-box-align: @position; + box-align: @position; +} + +// Mixin : Utility ************************************ +//CAUTION!!! - you MUST call this function inside of your winset structure. +//DO NOT CALL GLOBALLY!! +.LESSclear-btn-basic-setting() { + .ui-btn-corner-all { + .LESSborder-radius-all(0); + } + .ui-btn-inner { + border-top: 0; + } + .ui-btn-up-s { + border: 0; + background: transparent; + font-weight: normal; + } + .ui-btn-hover-s { + border: 0; + background: transparent; + font-weight: normal; + } + .ui-btn-down-s { + border: 0; + background: transparent; + font-weight: normal; + } +} + +// Mixin : transform +.LESStransform(@method) { + transform: @method; + -ms-transform: @method; + -moz-transform: @method; + -webkit-transform: @method; + -o-transform: @method; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.nocontents.less b/src/themes/tizen/common/jquery.mobile.tizen.nocontents.less new file mode 100644 index 0000000..c19fa67 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.nocontents.less @@ -0,0 +1,40 @@ +@import "config.less"; + +.ui-nocontents { + position: relative; + left: 0; + width: 100%; + height: 508px; +} + +.ui-nocontents-icon-text, +.ui-nocontents-icon-picture, +.ui-nocontents-icon-multimedia, +.ui-nocontents-icon-unnamed { + position: absolute; + display: block; + width: 314px; + height: 310px; + + background: url(images/00_Nocontents_text.png) no-repeat; +} + +.ui-nocontents-icon-picture { + background: url(images/00_Nocontents_picture.png) no-repeat; +} + +.ui-nocontents-icon-multimedia { + background: url(images/00_Nocontents_multimedia.png) no-repeat; +} + +.ui-nocontents-icon-unnamed { + background: url(images/00_Nocontents_unnamed.png) no-repeat; +} + +.ui-nocontents-text { + position: absolute; + height: 46px; + width: 100%; + text-align: center; + color: @color_nocontents_text; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.notification.less b/src/themes/tizen/common/jquery.mobile.tizen.notification.less new file mode 100644 index 0000000..fc0b2da --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.notification.less @@ -0,0 +1,167 @@ +@import "config.less"; + +/* tickernoti */ + +@ticker-height: 100px; + +@-webkit-keyframes ui-ticker-show { + from { + opacity: 0; + -webkit-transform: translateY(-@ticker-height); + top: -@ticker-height; + } to { + opacity: 1; + -webkit-transform: translateY(0); + top: 0; + } +} + +@-webkit-keyframes ui-ticker-hide { + from { + opacity: 1; + -webkit-transform: translateY(0); + top: 0; + } to { + opacity: 0; + -webkit-transform: translateY(-@ticker-height); + top: -@ticker-height; + } +} + +.ui-ticker { + position: fixed; + display: none; + left: 0; + width: 100%; + height: @ticker-height; + z-index: @z_base_tickernoti; + background: @color_ticker_bg; +} + +.ui-ticker.fix{ + display: block; +} + +.ui-ticker.show { + display: block; + -webkit-animation: ui-ticker-show 0.8s 1 ease; + top: 0px; +} + +.ui-ticker.hide { + display: block; + -webkit-animation: ui-ticker-hide 0.8s 1 ease; + top: -@ticker-height; +} + +.ui-ticker-btn { + position: relative; + height: 54px; + margin-top: 23px; + margin-left: 16px; + margin-right: 16px; + vertical-align: middle; + float: right; + + .ui-btn-inner { + padding: 0.3em 0.7em; + } +} + +.ui-ticker-icon { + position: absolute; + top: 0; + height: 64px; + width: 64px; + margin-top: 18px; + margin-bottom: 18px; + margin-left: 16px; + margin-right: 16px; + vertical-align: middle; + + /* FIXME: please fix this image file */ + background: url(images/00_button_call.png) no-repeat; +} + +.ui-ticker-text1-bg { + position: absolute; + top: 0; + height: 28px; + left: 96px; + margin-top: 20px; + font-size: 0.8em; + color: @color_ticker_text1; +} + +.ui-ticker-text2-bg { + position: absolute; + top: 0; + height: 32px; + left: 96px; + margin-top: 48px; + color: @color_ticker_text2; +} + +/* smallpopup */ + +@smallpopup-height: 48px; + +@-webkit-keyframes ui-smallpopup-show { + from { + opacity: 0; + -webkit-transform: scaleY(0); + } to { + opacity: 1; + -webkit-transform: scaleY(1); + } +} + +@-webkit-keyframes ui-smallpopup-hide { + from { + opacity: 1; + height: @smallpopup-height; + left: 0; + -webkit-transform: scaleY(1); + } to { + opacity: 0; + height: 0; + left: 0; + -webkit-transform: scaleY(0); + } +} + +.ui-smallpopup { + position: fixed; + display: none; + top: 0; + left: 0; + width: 100%; + height: @smallpopup-height; + z-index: @z_base_smallpopup; + background: @color_smallpopup_bg; + vertical-align: middle; +} + +.ui-smallpopup.fix { + display: block; +} + +.ui-smallpopup.show { + display: block; + + -webkit-animation: ui-smallpopup-show 0.5s 1 ease; +} + +.ui-smallpopup.hide { + display: block; + left: -100%; + + -webkit-animation: ui-smallpopup-hide 0.5s 1 ease; +} + +.ui-smallpopup-text-bg { + position: relative; + margin-top: 6px; + margin-left: 16px; + color: @color_smallpopup_text; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.optionheader.less b/src/themes/tizen/common/jquery.mobile.tizen.optionheader.less new file mode 100755 index 0000000..2993d0d --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.optionheader.less @@ -0,0 +1,152 @@ +@import "config.less"; + + +.ui-option-header { + overflow: hidden; + background : @color_optionheader_Background; +} + +.ui-option-header-1-row { + height: 106px; + border: none; +} +.ui-option-header-2-row { + height: 196 * @unit_base; + border: none; +} + +.ui-option-header-row-1 { + height : 106 * @unit_base; +} +.ui-option-header-row-2 { + height: 196 * @unit_base; + margin-top: -2px; + padding: 0px 5px 6px 5px; + + div { + margin-top: 5 * @unit_base; + margin-bottom: 5 * @unit_base; + } +} + +.ui-option-header .ui-btn { + display: block; + margin: 3px 5px 5px 5px; +} + +.ui-option-header .ui-input-search .ui-btn { + display : none; +} + +.ui-option-header .ui-btn-text { + line-height: 34px; +} +.ui-option-header { + .ui-btn-down-s.ui-btn-hover-s .ui-btn-inner, + .ui-btn-down-s .ui-btn-inner { + background : @color_optionheader_bt_press; + } + .ui-btn-hover-s .ui-btn-inner, + .ui-btn-up-s .ui-btn-inner { + background : @color_optionheader_bt; + } + + .ui-btn-inner { + padding-top: 6 * @unit_base; + padding-bottom: 6 * @unit_base; + color : @color_optionheader_tab_text; + } +} + +.ui-option-header .ui-controlgroup-horizontal .ui-btn { + display: inline-block !important; + margin: -3px !important; +} +.ui-option-header .ui-controlgroup, +.ui-option-header fieldset.ui-controlgroup { + margin-bottom: 0px !important; +} +.ui-option-header .ui-controlgroup-horizontal .ui-corner-left { + margin-left: 5px !important; +} +.ui-option-header .ui-controlgroup-horizontal .ui-corner-right { + margin-right: 5px !important; +} + +.ui-option-header-triangle-arrow { + top:-10px; + height:10px; + width:100%; + position:relative; + margin-bottom: -10px; +} + +.ui-header.ui-option-header-resizing { + .ui-option-header { + .ui-btn { + background : transparent; + border : none; + width : 100%; + top : 16 * @unit_base; + .ui-btn-inner { + width : 92%; + padding : 0.66em 0px 0.66em; + margin : 0px auto; + } + } + .input-search-bar .ui-btn { + width : 28%; /* 134 * @unit_base; */ + } + } +} +/* +.ui-triangle { + color : @color_optionheader_Background; + + position: absolute; + bottom: 0px; + border-style: solid; + + margin-left : -10 * @unit_base; + + border-left-width : 10 * @unit_base; + border-top-width : 0 * @unit_base; + border-right-width :10 * @unit_base; + border-bottom-width : 10 * @unit_base; + border-bottom-color : @color_optionheader_Background; +} +*/ +.ui-triangle-image{ + background-image: url(images/00_winset_control_top_arrow.png); + + position : absolute; + width: 28 * @unit_base; + height : 24 * @unit_base; + left : 50%; + +} + +.ui-icon-optiontray { background-image: url(images/00_winset_btn_optiontray.png);} + +.ui-header { + .ui-btn{ + .ui-btn-icon-only { + padding : 0 0 0 0; + height : 100%; + .ui-icon-optiontray { + width: 48 * @unit_base; + height : 38 * @unit_base; + + top : 18 * @unit_base; /* temporary center align */ + left : 37 * @unit_base; + } + } + } +} + + + + + + + diff --git a/src/themes/tizen/common/jquery.mobile.tizen.pagecontrol.less b/src/themes/tizen/common/jquery.mobile.tizen.pagecontrol.less new file mode 100644 index 0000000..ff50bf3 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.pagecontrol.less @@ -0,0 +1,54 @@ +/* + * pagrcontrol stylesheet + * by Youmin Ha + */ + +@import "config.less"; + +div.pagecontrol { + text-align: center; + + .LESSpagecontrolIconCommonProperties(@imgUrl) { + background-image: url(@imgUrl); + background-size: 52 * @unit_base; + + // Transition + -webkit-transition: background 0.5s ease; + -moz-transition: background 0.5s ease; + -o-transition: background 0.5s ease; + transition: background 0.5s ease; + } + .LESSpagecontrolIconMargin(@l, @r) { + margin-left: @l * @unit_base; + margin-right: @r * @unit_base; + } + + &> div.page_n { + display: inline-block; + border: 0; + width: 52 * @unit_base; + height: 52 * @unit_base; + } + + &> div.page_n_margin_44 { .LESSpagecontrolIconMargin(22, 22); } + // NOTE: Reduces 2 picels for each margin, to show properly with Tizen emulator. + &> div.page_n_margin_35 { .LESSpagecontrolIconMargin(17, 16; } + &> div.page_n_margin_26 { .LESSpagecontrolIconMargin(12, 12); } + &> div.page_n_margin_19 { .LESSpagecontrolIconMargin(9, 8); } + + + &> div.page_n_dot { + .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_001.png'); + } + &> div.page_n_1 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_1.png'); } + &> div.page_n_2 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_2.png'); } + &> div.page_n_3 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_3.png'); } + &> div.page_n_4 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_4.png'); } + &> div.page_n_5 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_5.png'); } + &> div.page_n_6 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_6.png'); } + &> div.page_n_7 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_7.png'); } + &> div.page_n_8 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_8.png'); } + &> div.page_n_9 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_9.png'); } + &> div.page_n_10 { .LESSpagecontrolIconCommonProperties('images/00_mainmenu_page_bar_10.png'); } + +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.popupwindow.less b/src/themes/tizen/common/jquery.mobile.tizen.popupwindow.less new file mode 100644 index 0000000..b6b51f8 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.popupwindow.less @@ -0,0 +1,742 @@ +@import "config.less"; + +.ui-popupwindow-screen { + background: #000000; + opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: @z_base_popup; +} + +.ui-popupwindow { + + position: absolute; + z-index: (@z_base_popup + 1) !important; + background: #536771; //recheck color and change it to var + color: white; //recheck color and change it to var + + padding: 2px 2px; + + .center_info { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + } + + .center_title { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-title { + font-size: @font_size_popup_basic_style_title; + height: 64px; + p { + margin: 0px 0px; + padding: 13px 0px; + } + } + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + } + + .center_basic_1btn { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 402px; + height: 74px; + margin:auto; + + } + } + } + .center_basic_2btn { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 274px; + height: 74px; + margin-top: 0px; + margin-bottom: 0px; + margin-left: 5px; + margin-right: 5px; + + display: inline-block; + } + } + } + .center_basic_3btn { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 186px; + height: 74px; + margin-top: 0px; + margin-bottom: 0px; + margin-left: 5px; + margin-right: 5px; + + display: inline-block; + } + } + } + .center_title_1btn { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-title { + font-size: @font_size_popup_basic_style_title; + height: 64px; + p { + margin: 0px 0px; + padding: 13px 0px; + } + } + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 402px; + height: 74px; + margin:auto; + + } + } + } + .center_title_2btn { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-title { + font-size: @font_size_popup_basic_style_title; + height: 64px; + p { + margin: 0px 0px; + padding: 13px 0px; + } + } + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 274px; + height: 74px; + margin-top: 0px; + margin-bottom: 0px; + margin-left: 5px; + margin-right: 5px; + + display: inline-block; + } + } + } + .center_title_3btn { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-title { + font-size: @font_size_popup_basic_style_title; + height: 64px; + p { + margin: 0px 0px; + padding: 13px 0px; + } + } + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 186px; + height: 74px; + margin-top: 0px; + margin-bottom: 0px; + margin-left: 5px; + margin-right: 5px; + + display: inline-block; + } + } + } + .center_button_vertical { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 1px; //TODO + padding-bottom: 16px; + vertical-align: middle; + + .ui-btn { + width: 356px; + height: 74px; + margin-top: 16px; + margin-bottom: 0px; + margin-left: auto; + margin-right: auto; + } + } + } + .center_checkbox { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-text { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + p { + text-align: center; + padding: 22px 16px; + } + } + + .popup-check-bg { + font-size: @font_size_popup_info_style; + background: @color_popup_text_background; + width: 100%; + padding-top: 0px; + padding-bottom: 22px; + vertical-align: middle; + + .ui-checkbox { + .ui-btn { + text-align: center; + background: @color_popup_text_background; + border: 0px; + + .ui-btn-inner { + border: 0px; + } + } + } + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 274px; + height: 74px; + margin-top: 0px; + margin-bottom: 0px; + margin-left: 5px; + margin-right: 5px; + + display: inline-block; + } + } + } + .center_liststyle_1btn { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-title { + font-size: @font_size_popup_basic_style_title; + height: 64px; + p { + margin: 0px 0px; + padding: 13px 0px; + } + } + .popup-scroller-bg { + width: 100%; + overflow: hidden; + background: black; + + .ui-listview { + height: 512px; + } + } + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 402px; + height: 74px; + margin:auto; + + } + } + } + .center_liststyle_2btn { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-title { + font-size: @font_size_popup_basic_style_title; + height: 64px; + p { + margin: 0px 0px; + padding: 13px 0px; + } + } + .popup-scroller-bg { + width: 100%; + overflow: hidden; + background: black; + + .ui-listview { + height: 512px; + } + } + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 274px; + height: 74px; + margin-top: 0px; + margin-bottom: 0px; + margin-left: 5px; + margin-right: 5px; + + display: inline-block; + } + } + } + .center_liststyle_3btn { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-title { + font-size: @font_size_popup_basic_style_title; + height: 64px; + p { + margin: 0px 0px; + padding: 13px 0px; + } + } + .popup-scroller-bg { + width: 100%; + overflow: hidden; + background: black; + + .ui-listview { + height: 512px; + } + } + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 186px; + height: 74px; + margin-top: 0px; + margin-bottom: 0px; + margin-left: 5px; + margin-right: 5px; + + display: inline-block; + } + } + } + + .center_progressbar { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-text { + font-size: @font_size_popup_center_progressbar_title; + font-color: @color_popup_center_progressbar_title; + background: @color_popup_text_background; + width: 100%; + height: 70px; + p { + height: 100%; + text-align: center; + padding: 22px 16px 0px 16px; + } + } + + .popup-text-bottom-bg { + font-size: @font_size_popup_center_progressbar_title; + font-color: @color_popup_center_progressbar_title; + background: @color_popup_text_background; + width: 100%; + vertical-align: middle; + + .text-left { + width: 40%; + height: 48px; + padding: 0px 16px 0px 16px; + text-align: left; + + display: inline-block; + } + .text-right { + width: 40%; + height: 48px; + padding: 0px 16px 0px 16px; + text-align: right; + + display: inline-block; + } + + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 402px; + height: 74px; + margin:auto; + + } + } + + .popup-progress-bg { + background: @color_popup_text_background; + width: 100%; + height: 100%; + } + } + + .centertext_progressbar { + + .LESSdisplaybox(); + .LESSbox-orient(vertical); + .LESSbox-align(center); + .LESSbox-pack(center); + + text-align: center; + + .popup-text { + font-size: @font_size_popup_center_progressbar_title; + font-color: @color_popup_center_progressbar_title; + background: @color_popup_text_background; + width: 100%; + padding-top: 22px; + padding-bottom: 16px; + p { + text-align: center; + } + } + + .popup-text-bottom-bg { + font-size: @font_size_popup_center_progressbar_title; + font-color: @color_popup_center_progressbar_title; + background: @color_popup_text_background; + width: 100%; + vertical-align: middle; + + .text-left { + width: 40%; + height: 40px; + padding: 16px 16px 22px 16px; + text-align: left; + + display: inline-block; + } + .text-right { + width: 40%; + height: 40px; + padding: 16px 16px 22px 16px; + text-align: right; + + display: inline-block; + } + + } + + .popup-button-bg { + font-size: @font_size_popup_button_text; + background: @color_popup_button_background; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + vertical-align: middle; + + .ui-btn { + width: 402px; + height: 74px; + margin:auto; + + } + } + + .popup-progress-bg { + background: @color_popup_text_background; + width: 100%; + height: 100%; + } + } + +} +.ui-popupwindow > .ui-volumecontrol { + + display: table; + margin: auto; + background: rgba(0, 0, 0, 0.666667); + width: 416px; + height: 676px; + padding-top: 22px; + + h1 { + font-size: @font_size_popup_info_style; + display: table; + margin: auto; + color: #c0c0c0; + } + + .ui-volumecontrol-icon { + display: table; + width: 100%; + height: 128px; + padding-top: 21px; + padding-bottom: 21px; + padding-left: 165px; + padding-right: 165px; + } + + .ui-volumecontrol-indicator { + display: table; + width: 100%; + height: 420px; + padding-left: 68px; + padding-right: 68px; + } + + .ui-corner-all { + -moz-border-radius: 0.3em !important; + -webkit-border-radius: 0.3em !important; + border-radius: 0.3em !important; + } +} + + + + + +.ui-popupwindow-corner-all { + -moz-border-radius: 0em !important; + -webkit-border-radius: 0em !important; + border-radius: 0em !important; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.progress.less b/src/themes/tizen/common/jquery.mobile.tizen.progress.less new file mode 100644 index 0000000..4a975e4 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.progress.less @@ -0,0 +1,106 @@ +@import "config.less"; + +/* Progress - circle style */ +@img-height: 64px; +@img-width: 64px; +@bar-vmargin: 16px; +@bar-hmargin: 1px; + +@-webkit-keyframes ui-rotate-animation { + from { + -webkit-transform: rotate(0deg); + } to { + -webkit-transform: rotate(360deg); + } +} + +.ui-progress-container-circle-bg { + position: relative; + margin-top: @bar-hmargin; + margin-bottom: @bar-hmargin; + width: 100%; + height: @img-height; +} + +.ui-progress-container-circle { + position: relative; + margin-left: @bar-vmargin; + margin-right: @bar-vmargin; + height: @img-height; + width: @img-width; + float: right; + vertical-align: middle; +} + +.ui-progress-circle { + position: relative; + top: 0; + + /* FIXME: image is unbalanced - expanded it forced */ + height: @img-height + 1; + width: @img-width + 1; + + background: url(images/process/00_winset_list_process_01.png) no-repeat; +} +.ui-progress-circle-running { + -webkit-animation: ui-rotate-animation 1.5s infinite linear; +} + +/* Progress - pending style */ +@bar-height: 16px; +@bar-margin: 16px; +@bar-color0: rgb(55, 55, 55); +@bar-color1: rgb(0, 140, 210); + +@-webkit-keyframes ui-move-animation { + from { + -webkit-transform: translateY(-@bar-height * 2); + } to { + -webkit-transform: translateY(0); + } +} + +.ui-progress-container-pending { + position: relative; + margin-left: @bar-margin; + margin-right: @bar-margin; + height: @bar-height; + overflow: hidden; +} + +.ui-progress-pending { + position: relative; + top: 0; + width: 100%; + height: @bar-height * 3; + padding-top: 0; + padding-bottom: 0; + + background: -webkit-linear-gradient(-45deg, + transparent, + transparent 25%, + @bar-color1 25%, + @bar-color1 50%, + transparent 50%, + transparent 75%, + @bar-color1 75%); + + background: -webkit-gradient(linear, + left top, + right bottom, + color-stop(0%, rgba(0,0,0,0)), + color-stop(25%, rgba(0,0,0,0)), + color-stop(25%, @bar-color1), + color-stop(50%, @bar-color1), + color-stop(50%, rgba(0,0,0,0)), + color-stop(75%, rgba(0,0,0,0)), + color-stop(75%, @bar-color1)); + + background-color: @bar-color0; + + -webkit-background-size: @bar-height * 2 @bar-height * 2; +} +.ui-progress-pending-running { + -webkit-animation: ui-move-animation 0.5s infinite linear; +} + diff --git a/src/themes/tizen/common/jquery.mobile.tizen.progressbar.less b/src/themes/tizen/common/jquery.mobile.tizen.progressbar.less new file mode 100644 index 0000000..b8a10ce --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.progressbar.less @@ -0,0 +1,45 @@ +@import "config.less"; + +@bar-height: 16px; +@bar-margin: 16px; + +@-webkit-keyframes ui-scale-animation { + from { + -webkit-transform: scaleX(0); + } to { + -webkit-transform: scaleX(1); + } +} + +.ui-progressbar-value { + background-image: url(images/00_winset_list_progress_bar.png); + height: 100%; +} + +.ui-progressbar { + position: relative; + background-image: url(images/00_winset_list_progress_bg.png); + margin-left: @bar-margin; + margin-right: @bar-margin; + height: @bar-height; +} + +.ui-progress-bg { + position: relative; + top: 0; + background-image: url(images/00_winset_list_progress_bg.png); + width: 100%; + height: @bar-height; +} + +.ui-progress-bar { + position: relative; + top: -@bar-height; + width: 100%; + height: @bar-height; + + background-image: url(images/00_winset_list_progress_bar.png); + + -webkit-animation: ui-scale-animation 5s infinite linear; + -webkit-transform-origin: 0% 0%; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.scrollview.css b/src/themes/tizen/common/jquery.mobile.tizen.scrollview.css new file mode 100644 index 0000000..fad80bc --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.scrollview.css @@ -0,0 +1,84 @@ +@charset "utf-8"; + +.ui-scrollview-clip { + position: relative; +} + +.ui-scrollview-view { +} + +.ui-scrolllistview .ui-li-divider { + z-index: 10; +} + +.ui-scrollbar { + position: absolute; + overflow: hidden; + + opacity: 0; +} + +.ui-scrollbar-visible { + opacity: 1; +} + +.ui-scrollbar-y { + top: 2px; + right: 2px; + bottom: 8px; + width: 10px; +} + +.ui-scrollbar-x { + right: 8px; + bottom: 2px; + left: 2px; + height: 10px; +} + +.ui-scrollbar-track { + position: relative; + width: 100%; + height: 100%; +} + +.ui-scrollbar-thumb { + position: absolute; + top: 0; + left: 0; + background-color: rgba(64, 64, 64, 0.7); +} + +.ui-scrollbar-y .ui-scrollbar-thumb { + width: 10px; + height: 100%; +} + +.ui-scrollbar-x .ui-scrollbar-thumb { + width: 100%; + height: 10px; +} + +/* + * the values below are for the group index + */ + +/* + * padding here set to zero - otherwise the list scrolls underneith the top heading and can be seen above it + */ +.ui-content.ui-scrollview-clip { + padding: 0; + padding-bottom: 15px; +} +.ui-content.ui-scrollview-clip > div.ui-scrollview-view { + margin: 0; + padding: 15px; +} + +/* + * this seems to effect how far the top divider is place wrt to the scrollview + * without this, it is placed too high, so it is clipped in half + */ +.ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view { + margin: 0; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.shortcutscroll.less b/src/themes/tizen/common/jquery.mobile.tizen.shortcutscroll.less new file mode 100644 index 0000000..7e5e375 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.shortcutscroll.less @@ -0,0 +1,67 @@ +@import "config.less"; + +.ui-shortcutscroll { + position: absolute; + right: 0*@unit_base; + background-color: @color_shortcutscroll_rollover_bg; + width: 30*@unit_base; + -webkit-user-select: none; + margin:0; + padding-right: 0.08em; + opacity: 1; + ul { + list-style-type: none; + margin: 0; + padding: 0; + } + li { + cursor: pointer; + color: @color_shortcutscroll_rollover_text; + padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base; + text-align: right; + } +} + +.ui-shortcutscroll2 { + position: absolute; + right: 0*@unit_base; + -webkit-user-select: none; + margin:0; + padding-right: 0.08em; + opacity: 1; + ul { + list-style-type: none; + margin: 0; + padding: 0; + } + li { + cursor: pointer; + color: @color_shortcutscroll_rollover_text; + padding: 2*@unit_base 2*@unit_base 2*@unit_base 2*@unit_base; + text-align: right; + } +} + +.ui-shortcutscroll-bg { + position: absolute; + right: 0*@unit_base; + background-color: @color_shortcutscroll_rollover_bg; + width: 30*@unit_base; + z-index: 10; + top: 0; +} + +.ui-shortcutscroll-popup { + position: absolute; + background: @color_shortcutscroll_popup_bg; + color: @color_shortcutscroll_popup_text; + padding:10*@unit_base 30*@unit_base; + -moz-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow; + -webkit-box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow; + box-shadow: 8*@unit_base 10*@unit_base 0*@unit_base @color_shortcutscroll_popup_shadow; + text-align: center; + font-size: 75*@unit_base; + font-weight: bold; + display:none; + box-sizing:border-box; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.slider.less b/src/themes/tizen/common/jquery.mobile.tizen.slider.less new file mode 100644 index 0000000..56186be --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.slider.less @@ -0,0 +1,138 @@ +@import "config.less"; + +@popup-size: 102px; +@padding-size: 18px; + +label.ui-slider { + display: block; +} + +input.ui-slider-input { + display: inline-block; + width: 50px; +} + +select.ui-slider-switch { + display: none; +} + +.ui-slider-bg, +.ui-slider-icon-bg { + position: relative; + margin-left: 32px; + margin-right: 32px; + margin-bottom: 0.2em; + vertical-align: middle; +} + +.ui-slider-icon-bg { + margin-left: 96px; + margin-right: 96px; +} + +.ui-slider-left-volume, +.ui-slider-left-bright { + position: absolute; + top: -0.2em; + left: -96px; + height: 80px; + width: 80px; + vertical-align: middle; + background: url(images/00_slider_btn_brightness01.png) no-repeat; +} + +.ui-slider-left-volume { + background: url(images/00_slider_btn_volume01.png) no-repeat; +} + +.ui-slider-right-volume, +.ui-slider-right-bright { + position: absolute; + top: -0.2em; + right: -96px; + height: 80px; + width: 80px; + vertical-align: middle; + background: url(images/00_slider_btn_brightness02.png) no-repeat; +} + +.ui-slider-right-volume { + background: url(images/00_slider_btn_volume02.png) no-repeat; +} + +.ui-slider-left-text { + position: absolute; + top: -0.2em; + left: -96px; + height: 80px; + width: 80px; + text-align: center; + color: rgb(100, 100, 100); +} + +.ui-slider-right-text { + position: absolute; + top: -0.2em; + right: -96px; + height: 80px; + width: 80px; + text-align: center; + color: rgb(100, 100, 100); +} + +div.ui-slider { + display: inline-block; + overflow: visible; + height: 16px; + width: 100%; + background-image: url(images/00_winset_list_progress_bg.png); + + .ui-btn { + top: 0.15em !important; + } + .ui-btn-inner { + padding: 0.4em 0px; + } + .ui-btn-text { + color: @color_slider_handle_text; + } +} + +a.ui-slider-handle { + position: relative; + z-index: 10; + top: -21px; + width: 58px; + height: 58px; + margin-top: -29px; + margin-left: -29px; + color: @color_slider_handle_text; + background: url(images/00_slider_handle.png) no-repeat; +} + +.ui-slider-popup { + position: absolute !important; + width: @popup-size; + height: @popup-size; + text-align: center; + padding-top: 0.5em; + z-index: 100; + opacity: 0.9; + background: url(images/00_slider_popup_bg.png) no-repeat; +} + +.ui-slider-bar { + position: absolute; + top: 0.8em; + height: 16px; + width: 0; + background-image: url(images/00_winset_list_progress_bar.png); +} + +.ui-slider-handle-press { + position: absolute; + z-index: 15; + width: 58px; + height: 58px; + background: url(images/00_slider_handle_press.png) no-repeat; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.swipelist.less b/src/themes/tizen/common/jquery.mobile.tizen.swipelist.less new file mode 100644 index 0000000..c849799 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.swipelist.less @@ -0,0 +1,37 @@ +@import "config.less"; + +@list-li-padding-horizontal: 16 * @unit_base; + +.ui-swipelist { + list-style-type: none; +} + +.ui-swipelist-item { + -webkit-user-select: none; + -user-select: none; + + .ui-btn { + margin-top: -0.3em !important; + } +} + +.ui-swipelist-item-cover { + position: absolute; + border: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; + z-index: 100; + + .ui-li-text-main { + position: absolute; + } + .ui-li-text-sub-left { + margin-top: 0.8em !important; + margin-left: @list-li-padding-horizontal !important; + } + .ui-li-text-main-right { + margin-top: 0.7em !important; + } +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.toggleswitch.less b/src/themes/tizen/common/jquery.mobile.tizen.toggleswitch.less new file mode 100644 index 0000000..7018007 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.toggleswitch.less @@ -0,0 +1,42 @@ +@import "config.less"; + +.ui-toggleswitch { + position: relative; + overflow: hidden; + background: @color_button_normal; + + .toggleswitch-background { + position: absolute; + margin: 0px; + border: 0px; + left: 0px; + right: 0px; + top: 0px; + bottom: 0px; + pointer-events: none; + } + + .toggleswitch-sizer { + margin: 0px; + opacity: 0; + pointer-events: none; + } + + .toggleswitch-floating-button { + background: @color_text; + position: absolute; + margin: 0px; + left: 0px; + right: 0px; + } + + .ui-btn-inner { + padding: 2 * @unit_base 7 * @unit_base !important; + } + + .toggleswitch-mover { + border-color: transparent; + background: none; + pointer-events: none; + } +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.triangle.less b/src/themes/tizen/common/jquery.mobile.tizen.triangle.less new file mode 100755 index 0000000..732d983 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.triangle.less @@ -0,0 +1,64 @@ +@triangle-size: 12px; + +.ui-triangle-container { + position: relative; + + .ui-triangle { + position: absolute; + border-style: solid; + border-color: transparent; + border-width: @triangle-size; + } + + .ui-triangle-top { + top: 0px; + border-top-width: 0px; + border-left-color: transparent; + border-right-color: transparent; + margin-left: -@triangle-size; + } + + .ui-triangle-bottom { + bottom: 0px; + border-bottom-width: 0px; + border-left-color: transparent; + border-right-color: transparent; + margin-left: -@triangle-size; + } + + .ui-triangle-left { + left: 0px; + margin-top: -@triangle-size; + border-left-width: 0px; + border-left-color: transparent; + border-right-color: transparent; + } + + .ui-triangle-right { + right: 0px; + margin-top: -@triangle-size; + border-right-width: 0px; + border-left-color: transparent; + border-right-color: transparent; + } +} + +.ui-triangle-container-top { + height: @triangle-size; + top: 0px; + margin-top: -@triangle-size; +} + +.ui-triangle-container-bottom { + height: @triangle-size; + bottom: 0px; + margin-bottom: -@triangle-size; +} + +.ui-triangle-container-left { + width: @triangle-size; +} + +.ui-triangle-container-right { + width: @triangle-size; +} diff --git a/src/themes/tizen/common/jquery.mobile.tizen.virtuallistview.less b/src/themes/tizen/common/jquery.mobile.tizen.virtuallistview.less new file mode 100755 index 0000000..6a29de3 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.tizen.virtuallistview.less @@ -0,0 +1,19 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ + +/*** less definitions ***/ + +@import "config.less"; +ul.ui-virtual-list-container > li.position_absolute +{ + position : absolute; +} + +ul.ui-virtual-list-container > ul.position_absolute +{ + position : absolute; +} + diff --git a/src/themes/tizen/common/jquery.mobile.transitions.css b/src/themes/tizen/common/jquery.mobile.transitions.css new file mode 100644 index 0000000..82c7859 --- /dev/null +++ b/src/themes/tizen/common/jquery.mobile.transitions.css @@ -0,0 +1,268 @@ +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.spin { + -webkit-transform: rotate(360deg); + -webkit-animation-name: spin; + -webkit-animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; +} +@-webkit-keyframes spin { + from {-webkit-transform: rotate(0deg);} + to {-webkit-transform: rotate(360deg);} +} + +/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/ +Built by David Kaneda and maintained by Jonathan Stark. +*/ +.in, .out { + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-duration: 350ms; +} + + +.slide.out { + -webkit-transform: translateX(-100%); + -webkit-animation-name: slideouttoleft; +} + +.slide.in { + -webkit-transform: translateX(0); + -webkit-animation-name: slideinfromright; +} + +.slide.out.reverse { + -webkit-transform: translateX(100%); + -webkit-animation-name: slideouttoright; +} + +.slide.in.reverse { + -webkit-transform: translateX(0); + -webkit-animation-name: slideinfromleft; +} + +.slideup.out { + -webkit-animation-name: dontmove; + z-index: 0; +} + +.slideup.in { + -webkit-transform: translateY(0); + -webkit-animation-name: slideinfrombottom; + z-index: 10; +} + +.slideup.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +.slideup.out.reverse { + -webkit-transform: translateY(100%); + z-index: 10; + -webkit-animation-name: slideouttobottom; +} + +.slidedown.out { + -webkit-animation-name: dontmove; + z-index: 0; +} + +.slidedown.in { + -webkit-transform: translateY(0); + -webkit-animation-name: slideinfromtop; + z-index: 10; +} + +.slidedown.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +.slidedown.out.reverse { + -webkit-transform: translateY(-100%); + z-index: 10; + -webkit-animation-name: slideouttotop; +} + +@-webkit-keyframes slideinfromright { + from { -webkit-transform: translateX(100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideinfromleft { + from { -webkit-transform: translateX(-100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideouttoleft { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(-100%); } +} + +@-webkit-keyframes slideouttoright { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(100%); } +} + +@-webkit-keyframes slideinfromtop { + from { -webkit-transform: translateY(-100%); } + to { -webkit-transform: translateY(0); } +} + +@-webkit-keyframes slideinfrombottom { + from { -webkit-transform: translateY(100%); } + to { -webkit-transform: translateY(0); } +} + +@-webkit-keyframes slideouttobottom { + from { -webkit-transform: translateY(0); } + to { -webkit-transform: translateY(100%); } +} + +@-webkit-keyframes slideouttotop { + from { -webkit-transform: translateY(0); } + to { -webkit-transform: translateY(-100%); } +} +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +@-webkit-keyframes fadeout { + from { opacity: 1; } + to { opacity: 0; } +} + +.fade.out { + z-index: 0; + -webkit-animation-name: fadeout; +} + +.fade.in { + opacity: 1; + z-index: 10; + -webkit-animation-name: fadein; +} + +/* The properties in this rule are only necessary for the 'flip' transition. + * We need specify the perspective to create a projection matrix. This will add + * some depth as the element flips. The depth number represents the distance of + * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate + * value. + */ +.viewport-flip { + -webkit-perspective: 1000; + position: absolute; +} + +.ui-mobile-viewport-transitioning, +.ui-mobile-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; +} + +.flip { + -webkit-animation-duration: .65s; + -webkit-backface-visibility:hidden; + -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */ +} + +.flip.out { + -webkit-transform: rotateY(-180deg) scale(.8); + -webkit-animation-name: flipouttoleft; +} + +.flip.in { + -webkit-transform: rotateY(0) scale(1); + -webkit-animation-name: flipinfromleft; +} + +/* Shake it all about */ + +.flip.out.reverse { + -webkit-transform: rotateY(180deg) scale(.8); + -webkit-animation-name: flipouttoright; +} + +.flip.in.reverse { + -webkit-transform: rotateY(0) scale(1); + -webkit-animation-name: flipinfromright; +} + +@-webkit-keyframes flipinfromright { + from { -webkit-transform: rotateY(-180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipinfromleft { + from { -webkit-transform: rotateY(180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipouttoleft { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(-180deg) scale(.8); } +} + +@-webkit-keyframes flipouttoright { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(180deg) scale(.8); } +} + + +/* Hackish, but reliable. */ + +@-webkit-keyframes dontmove { + from { opacity: 1; } + to { opacity: 1; } +} + +.pop { + -webkit-transform-origin: 50% 50%; +} + +.pop.in { + -webkit-transform: scale(1); + opacity: 1; + -webkit-animation-name: popin; + z-index: 10; +} + +.pop.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +.pop.out.reverse { + -webkit-transform: scale(.2); + opacity: 0; + -webkit-animation-name: popout; + z-index: 10; +} + +@-webkit-keyframes popin { + from { + -webkit-transform: scale(.2); + opacity: 0; + } + to { + -webkit-transform: scale(1); + opacity: 1; + } +} + +@-webkit-keyframes popout { + from { + -webkit-transform: scale(1); + opacity: 1; + } + to { + -webkit-transform: scale(.2); + opacity: 0; + } +} \ No newline at end of file diff --git a/src/themes/tizen/images/ajax-loader.png b/src/themes/tizen/images/ajax-loader.png new file mode 100644 index 0000000..811a2cd Binary files /dev/null and b/src/themes/tizen/images/ajax-loader.png differ diff --git a/src/themes/tizen/images/icon-search-black.png b/src/themes/tizen/images/icon-search-black.png new file mode 100644 index 0000000..5721120 Binary files /dev/null and b/src/themes/tizen/images/icon-search-black.png differ diff --git a/src/themes/tizen/images/icons-18-black.png b/src/themes/tizen/images/icons-18-black.png new file mode 100644 index 0000000..1ecfd26 Binary files /dev/null and b/src/themes/tizen/images/icons-18-black.png differ diff --git a/src/themes/tizen/images/icons-18-white.png b/src/themes/tizen/images/icons-18-white.png new file mode 100644 index 0000000..0c70831 Binary files /dev/null and b/src/themes/tizen/images/icons-18-white.png differ diff --git a/src/themes/tizen/images/icons-36-black.png b/src/themes/tizen/images/icons-36-black.png new file mode 100644 index 0000000..4c72adf Binary files /dev/null and b/src/themes/tizen/images/icons-36-black.png differ diff --git a/src/themes/tizen/images/icons-36-white.png b/src/themes/tizen/images/icons-36-white.png new file mode 100644 index 0000000..84ea9fb Binary files /dev/null and b/src/themes/tizen/images/icons-36-white.png differ diff --git a/src/themes/tizen/images/web-ui-fw_noContent.png b/src/themes/tizen/images/web-ui-fw_noContent.png new file mode 100644 index 0000000..4a0c9a4 Binary files /dev/null and b/src/themes/tizen/images/web-ui-fw_noContent.png differ diff --git a/src/themes/tizen/images/web-ui-fw_volume_icon.png b/src/themes/tizen/images/web-ui-fw_volume_icon.png new file mode 100644 index 0000000..913c844 Binary files /dev/null and b/src/themes/tizen/images/web-ui-fw_volume_icon.png differ diff --git a/src/themes/tizen/jquery.mobile.todons.theme.less b/src/themes/tizen/jquery.mobile.todons.theme.less new file mode 100644 index 0000000..e31205e --- /dev/null +++ b/src/themes/tizen/jquery.mobile.todons.theme.less @@ -0,0 +1,1758 @@ +/*! + * jQuery Mobile - Tizen "White" theme + * http://jquerymobile.com/ + * + * Copyright 2010, jQuery Project + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + */ + +/* general border width */ +@borderWidth: 1px; + +/* width of bottom border on header */ +@barBorderWidth: 0px; + +/* the brown used for header bar */ +@brown: #dbc9ae; + +/* the orange used for option header, progress bar foreground etc. */ +@orange: #cf8013; + +@lightOrange: #d9931a; + +/* darker orange used for option header border */ +@darkOrange: #b27815; + +/* A +-----------------------------------------------------------------------------------------------------------*/ + +/* for ui-bar gradients */ +@aBarBgFrom: @brown; +@aBarBgTo: @brown; + +@aBarBorderColor: @orange; +@aBarTextColor: rgb(73,44,7); + +/* for ui-body gradients */ +@aBodyBgFrom: #eeeeee; +@aBodyBgTo: #dddddd; + +@aBodyBorderColor: rgba(255,255,255,0); +@aBodyTextColor: #333333; + +@aLinkColor: #7cc4e7; +@aLinkInheritColor: #ffffff; + +/* for link text which is styled as a button */ +@aBtnLinkInheritColor: #ffffff; +@aBtnDownLinkInheritColor: #ffffff; + +@aBtnUpBorderColor: rgb(148,125,99); /* use Title_time text color */ +@aBtnUpBgFrom: @brown; +@aBtnUpBgTo: @brown; +@aBtnUpTextColor: @aBtnUpBorderColor; /* same as border color */ + +@aBtnHoverBorderColor: @aBtnUpBorderColor; +@aBtnHoverBgFrom: @brown; +@aBtnHoverBgTo: @brown; +@aBtnHoverTextColor: @aBtnUpBorderColor; + +@aBtnDownBorderColor: #c88410; +@aBtnDownBgFrom: @lightOrange; +@aBtnDownBgTo: @lightOrange; +@aBtnDownTextColor: #ffffff; + +.ui-bar-a { + border: @borderWidth solid @aBarBorderColor; + color: @aBarTextColor; + font-weight: bold; + background: @aBarBgTo; + background-image: -webkit-gradient(linear, left top, left bottom, from(@aBarBgFrom), to(@aBarBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @aBarBgFrom, @aBarBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @aBarBgFrom, @aBarBgTo); +} + +.ui-body-a { + border: @borderWidth solid @aBodyBorderColor; + color: @aBodyTextColor; + background: @aBodyBgTo; + background-image: -webkit-gradient(linear, left top, left bottom, from(@aBodyBgFrom), to(@aBodyBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @aBodyBgFrom, @aBodyBgTo); +} + +.ui-bar-a, +.ui-bar-a input, +.ui-bar-a select, +.ui-bar-a textarea, +.ui-bar-a button, +.ui-body-a, +.ui-body-a input, +.ui-body-a select, +.ui-body-a textarea, +.ui-body-a button, +.ui-btn-up-a, +.ui-btn-hover-a, +.ui-btn-down-a { + font-family: Helvetica, Arial, sans-serif; +} + +.ui-body-a .ui-link-inherit { + color: @aLinkInheritColor; +} + +.ui-body-a .ui-link { + color: @aLinkColor; + font-weight: bold; +} + +.ui-btn-up-a { + border: @borderWidth solid @aBtnUpBorderColor; + background: @aBtnUpBgTo; + font-weight: bold; + color: @aBtnUpTextColor; + background-image: -webkit-gradient(linear, left top, left bottom, from(@aBtnUpBgFrom), to(@aBtnUpBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @aBtnUpBgFrom, @aBtnUpBgTo); +} + +.ui-btn-hover-a { + border: @borderWidth solid @aBtnHoverBorderColor; + background: @aBtnHoverBgTo; + font-weight: bold; + color: @aBtnHoverTextColor; + background-image: -webkit-gradient(linear, left top, left bottom, from(@aBtnHoverBgFrom), to(@aBtnHoverBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @aBtnHoverBgFrom, @aBtnHoverBgTo); +} + +.ui-btn-down-a { + border: @borderWidth solid @aBtnDownBorderColor; + background: @aBtnDownBgTo; + font-weight: bold; + color: @aBtnDownTextColor; + background-image: -webkit-gradient(linear, left top, left bottom, from(@aBtnDownBgFrom), to(@aBtnDownBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @aBtnDownBgFrom, @aBtnDownBgTo); +} + +.ui-btn-hover-a a.ui-link-inherit, +.ui-btn-up-a a.ui-link-inherit { + color: @aBtnLinkInheritColor; +} + +.ui-btn-down-a a.ui-link-inherit { + color: @aBtnDownLinkInheritColor; +} + +.ui-btn-up-a, +.ui-btn-hover-a, +.ui-btn-down-a { + text-decoration: none; +} + +/* B +-----------------------------------------------------------------------------------------------------------*/ + +/* for ui-bar gradients */ +@bBarBgFrom: #dad8d4; +@bBarBgTo: #dad8d4; + +@bBarBorderColor: #c7c7c7; +@bBarTextColor: rgb(108,108,108); + +/* for ui-body gradients */ +@bBodyBgFrom: @orange; +@bBodyBgTo: @orange; + +@bBodyBorderColor: rgb(199,199,199); +@bBodyTextColor: #333333; + +@bLinkColor: #2489ce; +@bLinkInheritColor: #333333; + +/* for link text which is styled as a button */ +@bBtnLinkInheritColor: #ffffff; +@bBtnDownLinkInheritColor: #ffffff; + +@bBtnUpBorderColor: @darkOrange; +@bBtnUpBgFrom: @orange; +@bBtnUpBgTo: @orange; +@bBtnUpTextColor: #ffffff; + +@bBtnHoverBorderColor: @darkOrange; +@bBtnHoverBgFrom: @orange; +@bBtnHoverBgTo: @orange; +@bBtnHoverTextColor: #ffffff; + +@bBtnDownBorderColor: @orange; +@bBtnDownBgFrom: @lightOrange; +@bBtnDownBgTo: @lightOrange; +@bBtnDownTextColor: #ffffff; + +.ui-bar-b { + border: @borderWidth solid @bBarBorderColor; + color: @bBarTextColor; + font-weight: bold; + background: @bBarBgTo; + background-image: -webkit-gradient(linear, left top, left bottom, from(@bBarBgFrom), to(@bBarBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @bBarBgFrom, @bBarBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @bBarBgFrom, @bBarBgTo); +} + +.ui-body-b { + border: @borderWidth solid @bBodyBorderColor; + color: @bBodyTextColor; + background: @bBodyBgTo; + background-image: -webkit-gradient(linear, left top, left bottom, from(@bBodyBgFrom), to(@bBodyBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @bBodyBgFrom, @bBodyBgTo); +} + +.ui-bar-b, +.ui-bar-b input, +.ui-bar-b select, +.ui-bar-b textarea, +.ui-bar-b button, +.ui-body-b, +.ui-body-b input, +.ui-body-b select, +.ui-body-b textarea, +.ui-body-b button, +.ui-btn-up-b, +.ui-btn-hover-b, +.ui-btn-down-b { + font-family: Helvetica, Arial, sans-serif; +} + +.ui-body-b .ui-link-inherit { + color: @bLinkInheritColor; +} + +.ui-body-b .ui-link { + color: @bLinkColor; + font-weight: bold; +} + +.ui-btn-up-b { + border: @borderWidth solid @bBtnUpBorderColor; + background: @bBtnUpBgTo; + font-weight: bold; + color: @bBtnUpTextColor; + background-image: -webkit-gradient(linear, left top, left bottom, from(@bBtnUpBgFrom), to(@bBtnUpBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @bBtnUpBgFrom, @bBtnUpBgTo); +} + +.ui-btn-hover-b { + border: @borderWidth solid @bBtnHoverBorderColor; + background: @bBtnHoverBgTo; + font-weight: bold; + color: @bBtnHoverTextColor; + background-image: -webkit-gradient(linear, left top, left bottom, from(@bBtnHoverBgFrom), to(@bBtnHoverBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @bBtnHoverBgFrom, @bBtnHoverBgTo); +} + +.ui-btn-down-b { + border: @borderWidth solid @bBtnDownBorderColor; + background: @bBtnDownBgTo; + font-weight: bold; + color: @bBtnDownTextColor; + background-image: -webkit-gradient(linear, left top, left bottom, from(@bBtnDownBgFrom), to(@bBtnDownBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @bBtnDownBgFrom, @bBtnDownBgTo); +} + +.ui-btn-hover-b a.ui-link-inherit, +.ui-btn-up-b a.ui-link-inherit { + color: @bBtnLinkInheritColor; +} + +.ui-btn-down-b a.ui-link-inherit { + color: @bBtnDownLinkInheritColor; +} + +.ui-btn-up-b, +.ui-btn-hover-b, +.ui-btn-down-b { + text-decoration: none; +} + +/* C +-----------------------------------------------------------------------------------------------------------*/ + +/* for ui-bar gradients */ +@cBarBgFrom: #f0f0f0; +@cBarBgTo: #e9eaeb; + +@cBarBorderColor: rgba(255,255,255,0); +@cBarTextColor: #3e3e3e; + +/* for ui-body gradients */ +@cBodyBgFrom: rgb(249,249,249); +@cBodyBgTo: rgb(249,249,249); + +@cBodyBorderColor: #b3b3b3; +@cBodyTextColor: #333333; + +@cLinkColor: #2489CE; +@cLinkInheritColor: #333333; + +/* for link text which is styled as a button */ +@cBtnLinkInheritColor: #2F3E46; +@cBtnDownLinkInheritColor: #ffffff; + +@cBtnUpBorderColor: #c7c7c7; +@cBtnUpBgFrom: #f3efe9; +@cBtnUpBgTo: #f3efe9; +@cBtnUpTextColor: rgb(78,73,69); + +@cBtnHoverBorderColor: #c7c7c7; +@cBtnHoverBgFrom: #f3efe9; +@cBtnHoverBgTo: #f3efe9; +@cBtnHoverTextColor: rgb(78,73,69); + +@cBtnDownBorderColor: #c88410; +@cBtnDownBgFrom: @lightOrange; +@cBtnDownBgTo: @lightOrange; +@cBtnDownTextColor: #ffffff; + +.ui-bar-c { + border: @borderWidth solid @cBarBorderColor; + color: @cBarTextColor; + font-weight: bold; + background: @cBarBgTo; + background-image: -webkit-gradient(linear, left top, left bottom, from(@cBarBgFrom), to(@cBarBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @cBarBgFrom, @cBarBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @cBarBgFrom, @cBarBgTo); +} + +.ui-body-c { + border: @borderWidth solid @cBodyBorderColor; + color: @cBodyTextColor; + background: @cBodyBgTo; + background-image: -webkit-gradient(linear, left top, left bottom, from(@cBodyBgFrom), to(@cBodyBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); +} + +.ui-bar-c, +.ui-bar-c input, +.ui-bar-c select, +.ui-bar-c textarea, +.ui-bar-c button, +.ui-body-c, +.ui-body-c input, +.ui-body-c select, +.ui-body-c textarea, +.ui-body-c button, +.ui-btn-up-c, +.ui-btn-hover-c, +.ui-btn-down-c { + font-family: Helvetica, Arial, sans-serif; +} + +.ui-body-c .ui-link-inherit { + color: @cLinkInheritColor; +} + +.ui-body-c .ui-link { + color: @cLinkColor; + font-weight: bold; +} + +.ui-btn-up-c { + border: @borderWidth solid @cBtnUpBorderColor; + background: @cBtnUpBgTo; + font-weight: bold; + color: @cBtnUpTextColor; + background-image: -webkit-gradient(linear, left top, left bottom, from(@cBtnUpBgFrom), to(@cBtnUpBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @cBtnUpBgFrom, @cBtnUpBgTo); +} + +/* override background styling for list items which are styled as buttons */ +li.ui-btn-up-c, +li.ui-btn-hover-c { + background: @cBodyBgTo; + background-image: -webkit-gradient(linear, left top, left bottom, from(@cBodyBgFrom), to(@cBodyBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @cBodyBgFrom, @cBodyBgTo); +} + +.ui-btn-hover-c { + border: @borderWidth solid @cBtnHoverBorderColor; + background: @cBtnHoverBgTo; + font-weight: bold; + color: @cBtnHoverTextColor; + background-image: -webkit-gradient(linear, left top, left bottom, from(@cBtnHoverBgFrom), to(@cBtnHoverBgTo)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* FF3.6 */ + background-image: -ms-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* IE10 */ + background-image: -o-linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); /* Opera 11.10+ */ + background-image: linear-gradient(top, @cBtnHoverBgFrom, @cBtnHoverBgTo); +} + +/* NB uses !important here to ensure that button presses are highlighted correctly, + regardless of whether they occur on buttons inside or outside listviews */ +.ui-btn-down-c { + border: @borderWidth solid @cBtnDownBorderColor; + background: @cBtnDownBgTo !important; + font-weight: bold; + color: @cBtnDownTextColor; + background-image: -webkit-gradient(linear, left top, left bottom, from(@cBtnDownBgFrom), to(@cBtnDownBgTo)) !important; /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* FF3.6 */ + background-image: -ms-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* IE10 */ + background-image: -o-linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; /* Opera 11.10+ */ + background-image: linear-gradient(top, @cBtnDownBgFrom, @cBtnDownBgTo) !important; +} + +.ui-btn-hover-c a.ui-link-inherit, +.ui-btn-up-c a.ui-link-inherit { + color: @cBtnLinkInheritColor; +} + +.ui-btn-down-c a.ui-link-inherit { + color: @cBtnDownLinkInheritColor; +} + +.ui-btn-up-c, +.ui-btn-hover-c, +.ui-btn-down-c { + text-decoration: none; +} + +/* D +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-d { + border: @borderWidth solid #ccc; + background: #bbb; + color: #333; + text-shadow: 0 1px 0 #eee; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#bbb)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #ddd, #bbb); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #ddd, #bbb); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #ddd, #bbb); /* IE10 */ + background-image: -o-linear-gradient(top, #ddd, #bbb); /* Opera 11.10+ */ + background-image: linear-gradient(top, #ddd, #bbb); +} +.ui-bar-d, +.ui-bar-d input, +.ui-bar-d select, +.ui-bar-d textarea, +.ui-bar-d button { + font-family: Helvetica, Arial, sans-serif; +} +.ui-bar-d .ui-link-inherit { + color: #333; +} +.ui-bar-d .ui-link { + color: #2489CE; + font-weight: bold; +} +.ui-body-d { + border: @borderWidth solid #ccc; + color: #333333; + text-shadow: 0 1px 0 #fff; + background: #ffffff; +} +.ui-body-d, +.ui-body-d input, +.ui-body-d select, +.ui-body-d textarea, +.ui-body-d button { + font-family: Helvetica, Arial, sans-serif; +} +.ui-body-d .ui-link-inherit { + color: #333333; +} +.ui-body-d .ui-link { + color: #2489CE; + font-weight: bold; +} +.ui-btn-up-d { + border: @borderWidth solid #ccc; + background: #fff; + font-weight: bold; + color: #444; + text-shadow: 0 1px 1px #fff; +} +.ui-btn-up-d a.ui-link-inherit { + color: #333; +} +.ui-btn-hover-d { + border: @borderWidth solid #aaa; + background: #eeeeee; + font-weight: bold; + color: #222; + cursor: pointer; + text-shadow: 0 1px 1px #fff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fdfdfd, #eee); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fdfdfd, #eee); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fdfdfd, #eee); /* IE10 */ + background-image: -o-linear-gradient(top, #fdfdfd, #eee); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fdfdfd, #eee); +} +.ui-btn-hover-d a.ui-link-inherit { + color: #222; +} +.ui-btn-down-d { + border: @borderWidth solid #aaaaaa; + background: #ffffff; + font-weight: bold; + color: #111; + text-shadow: 0 1px 1px #ffffff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #eee, #fff); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #eee, #fff); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #eee, #fff); /* IE10 */ + background-image: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+ */ + background-image: linear-gradient(top, #eee, #fff); +} +.ui-btn-down-d a.ui-link-inherit { + color: #111; +} +.ui-btn-up-d, +.ui-btn-hover-d, +.ui-btn-down-d { + font-family: Helvetica, Arial, sans-serif; + text-decoration: none; +} + + +/* E +-----------------------------------------------------------------------------------------------------------*/ + +.ui-bar-e { + border: @borderWidth solid #F7C942; + background: #fadb4e; + color: #333; + text-shadow: 0 1px 0 #fff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */ + background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fceda7, #fadb4e); +} +.ui-bar-e, +.ui-bar-e input, +.ui-bar-e select, +.ui-bar-e textarea, +.ui-bar-e button { + font-family: Helvetica, Arial, sans-serif; +} +.ui-bar-e .ui-link-inherit { + color: #333; +} +.ui-bar-e .ui-link { + color: #2489CE; + font-weight: bold; +} +.ui-body-e { + border: @borderWidth solid #F7C942; + color: #333333; + text-shadow: 0 1px 0 #fff; + background: #faeb9e; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#faeb9e)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fff, #faeb9e); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fff, #faeb9e); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fff, #faeb9e); /* IE10 */ + background-image: -o-linear-gradient(top, #fff, #faeb9e); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fff, #faeb9e); +} +.ui-body-e, +.ui-body-e input, +.ui-body-e select, +.ui-body-e textarea, +.ui-body-e button { + font-family: Helvetica, Arial, sans-serif; +} +.ui-body-e .ui-link-inherit { + color: #333333; +} +.ui-body-e .ui-link { + color: #2489CE; + font-weight: bold; +} +.ui-btn-up-e { + border: @borderWidth solid #F7C942; + background: #fadb4e; + font-weight: bold; + color: #333; + text-shadow: 0 1px 0 #fff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fceda7), to(#fadb4e)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fceda7, #fadb4e); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fceda7, #fadb4e); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fceda7, #fadb4e); /* IE10 */ + background-image: -o-linear-gradient(top, #fceda7, #fadb4e); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fceda7, #fadb4e); +} +.ui-btn-up-e a.ui-link-inherit { + color: #333; +} +.ui-btn-hover-e { + border: @borderWidth solid #e79952; + background: #fbe26f; + font-weight: bold; + color: #111; + text-shadow: 0 1px 1px #fff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf0b5), to(#fbe26f)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fcf0b5, #fbe26f); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fcf0b5, #fbe26f); /* IE10 */ + background-image: -o-linear-gradient(top, #fcf0b5, #fbe26f); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fcf0b5, #fbe26f); +} + +.ui-btn-hover-e a.ui-link-inherit { + color: #333; +} +.ui-btn-down-e { + border: @borderWidth solid #F7C942; + background: #fceda7; + font-weight: bold; + color: #111; + text-shadow: 0 1px 1px #ffffff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fadb4e), to(#fceda7)); /* Saf4+, Chrome */ + background-image: -webkit-linear-gradient(top, #fadb4e, #fceda7); /* Chrome 10+, Saf5.1+ */ + background-image: -moz-linear-gradient(top, #fadb4e, #fceda7); /* FF3.6 */ + background-image: -ms-linear-gradient(top, #fadb4e, #fceda7); /* IE10 */ + background-image: -o-linear-gradient(top, #fadb4e, #fceda7); /* Opera 11.10+ */ + background-image: linear-gradient(top, #fadb4e, #fceda7); +} +.ui-btn-down-e a.ui-link-inherit { + color: #333; +} +.ui-btn-up-e, +.ui-btn-hover-e, +.ui-btn-down-e { + font-family: Helvetica, Arial, sans-serif; + text-decoration: none; +} + + +/* line breaks +-----------------------------------------------------------------------------------------------------------*/ +.ui-br { + border-bottom: rgb(130,130,130); + border-bottom: rgba(130,130,130,.3); + border-bottom-width: 1px; + border-bottom-style: solid; +} + +/* links within "buttons" +-----------------------------------------------------------------------------------------------------------*/ + +a.ui-link-inherit { + text-decoration: none !important; +} + + +/* Active class used as the "on" state across all themes; for now, these match the 'c' swatch +-----------------------------------------------------------------------------------------------------------*/ +@activeBgFrom: @cBtnDownBgFrom; +@activeLinkInheritColor: @cBtnDownLinkInheritColor; + +.ui-btn-active { + .ui-btn-down-c; +} + +.ui-btn-active a.ui-link-inherit { + color: @activeLinkInheritColor; +} + + +/* button inner top highlight +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-inner { + border-top: 1px solid #fff; + border-color: rgba(255,255,255,.3); +} + + +/* corner rounding classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-corner-tl { + -moz-border-radius-topleft: .6em; + -webkit-border-top-left-radius: .6em; + border-top-left-radius: .6em; +} +.ui-corner-tr { + -moz-border-radius-topright: .6em; + -webkit-border-top-right-radius: .6em; + border-top-right-radius: .6em; +} +.ui-corner-bl { + -moz-border-radius-bottomleft: .6em; + -webkit-border-bottom-left-radius: .6em; + border-bottom-left-radius: .6em; +} +.ui-corner-br { + -moz-border-radius-bottomright: .6em; + -webkit-border-bottom-right-radius: .6em; + border-bottom-right-radius: .6em; +} +.ui-corner-top { + -moz-border-radius-topleft: .6em; + -webkit-border-top-left-radius: .6em; + border-top-left-radius: .6em; + -moz-border-radius-topright: .6em; + -webkit-border-top-right-radius: .6em; + border-top-right-radius: .6em; +} +.ui-corner-bottom { + -moz-border-radius-bottomleft: .6em; + -webkit-border-bottom-left-radius: .6em; + border-bottom-left-radius: .6em; + -moz-border-radius-bottomright: .6em; + -webkit-border-bottom-right-radius: .6em; + border-bottom-right-radius: .6em; + } +.ui-corner-right { + -moz-border-radius-topright: .6em; + -webkit-border-top-right-radius: .6em; + border-top-right-radius: .6em; + -moz-border-radius-bottomright: .6em; + -webkit-border-bottom-right-radius: .6em; + border-bottom-right-radius: .6em; +} +.ui-corner-left { + -moz-border-radius-topleft: .6em; + -webkit-border-top-left-radius: .6em; + border-top-left-radius: .6em; + -moz-border-radius-bottomleft: .6em; + -webkit-border-bottom-left-radius: .6em; + border-bottom-left-radius: .6em; +} +.ui-corner-all { + -moz-border-radius: .6em; + -webkit-border-radius: .6em; + border-radius: .6em; +} + + + +/* Interaction cues +-----------------------------------------------------------------------------------------------------------*/ +.ui-disabled { + opacity: .3; +} +.ui-disabled, +.ui-disabled a { + cursor: default; +} + +/* Icons +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon { + background: #666; + background: rgba(0,0,0,.4); + background-image: url(images/icons-18-white.png); + background-repeat: no-repeat; + -moz-border-radius: 9px; + -webkit-border-radius: 9px; + border-radius: 9px; +} + + +/* Alt icon color +-----------------------------------------------------------------------------------------------------------*/ + +.ui-icon-alt { + background: #fff; + background: rgba(255,255,255,.3); + background-image: url(images/icons-18-black.png); + background-repeat: no-repeat; +} + +/* HD/"retina" sprite +-----------------------------------------------------------------------------------------------------------*/ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (min--moz-device-pixel-ratio: 1.5), + only screen and (min-resolution: 240dpi) { + + .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, + .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, + .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, + .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, + .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on { + background-image: url(images/icons-36-white.png); + -moz-background-size: 776px 18px; + -o-background-size: 776px 18px; + -webkit-background-size: 776px 18px; + background-size: 776px 18px; + } + .ui-icon-alt { + background-image: url(images/icons-36-black.png); + } +} + +/* plus minus */ +.ui-icon-plus { + background-position: -0 50%; +} +.ui-icon-minus { + background-position: -36px 50%; +} + +/* delete/close */ +.ui-icon-delete { + background-position: -72px 50%; +} + +/* arrows */ +.ui-icon-arrow-r { + background-position: -108px 50%; +} +.ui-icon-arrow-l { + background-position: -144px 50%; +} +.ui-icon-arrow-u { + background-position: -180px 50%; +} +.ui-icon-arrow-d { + background-position: -216px 50%; +} + +/* misc */ +.ui-icon-check { + background-position: -252px 50%; +} +.ui-icon-gear { + background-position: -288px 50%; +} +.ui-icon-refresh { + background-position: -324px 50%; +} +.ui-icon-forward { + background-position: -360px 50%; +} +.ui-icon-back { + background-position: -396px 50%; +} +.ui-icon-grid { + background-position: -432px 50%; +} +.ui-icon-star { + background-position: -468px 50%; +} +.ui-icon-alert { + background-position: -504px 50%; +} +.ui-icon-info { + background-position: -540px 50%; +} +.ui-icon-home { + background-position: -576px 50%; +} +.ui-icon-search { + background-position: -612px 50%; +} +.ui-icon-checkbox-off { + background-position: -684px 50%; +} +.ui-icon-checkbox-on { + background-position: -648px 50%; +} +.ui-icon-radio-off { + background-position: -756px 50%; +} +.ui-icon-radio-on { + background-position: -720px 50%; +} + + +/* checks,radios */ +.ui-checkbox .ui-icon { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +.ui-icon-checkbox-off, +.ui-icon-radio-off { + background-color: transparent; +} +.ui-checkbox-on .ui-icon, +.ui-radio-on .ui-icon { + background-color: @activeBgFrom; +} +.ui-icon-searchfield { + background-image: url(images/icon-search-black.png); + background-size: 16px 16px; +} + +/* loading icon */ +.ui-icon-loading { + background-image: url(images/ajax-loader.png); + width: 40px; + height: 40px; + -moz-border-radius: 20px; + -webkit-border-radius: 20px; + border-radius: 20px; + background-size: 35px 35px; +} + + +/* Button corner classes +-----------------------------------------------------------------------------------------------------------*/ + +.ui-btn-corner-tl { + -moz-border-radius-topleft: 1em; + -webkit-border-top-left-radius: 1em; + border-top-left-radius: 1em; +} +.ui-btn-corner-tr { + -moz-border-radius-topright: 1em; + -webkit-border-top-right-radius: 1em; + border-top-right-radius: 1em; +} +.ui-btn-corner-bl { + -moz-border-radius-bottomleft: 1em; + -webkit-border-bottom-left-radius: 1em; + border-bottom-left-radius: 1em; +} +.ui-btn-corner-br { + -moz-border-radius-bottomright: 1em; + -webkit-border-bottom-right-radius: 1em; + border-bottom-right-radius: 1em; +} +.ui-btn-corner-top { + -moz-border-radius-topleft: 1em; + -webkit-border-top-left-radius: 1em; + border-top-left-radius: 1em; + -moz-border-radius-topright: 1em; + -webkit-border-top-right-radius: 1em; + border-top-right-radius: 1em; +} +.ui-btn-corner-bottom { + -moz-border-radius-bottomleft: 1em; + -webkit-border-bottom-left-radius: 1em; + border-bottom-left-radius: 1em; + -moz-border-radius-bottomright: 1em; + -webkit-border-bottom-right-radius: 1em; + border-bottom-right-radius: 1em; +} +.ui-btn-corner-right { + -moz-border-radius-topright: 1em; + -webkit-border-top-right-radius: 1em; + border-top-right-radius: 1em; + -moz-border-radius-bottomright: 1em; + -webkit-border-bottom-right-radius: 1em; + border-bottom-right-radius: 1em; +} +.ui-btn-corner-left { + -moz-border-radius-topleft: 1em; + -webkit-border-top-left-radius: 1em; + border-top-left-radius: 1em; + -moz-border-radius-bottomleft: 1em; + -webkit-border-bottom-left-radius: 1em; + border-bottom-left-radius: 1em; +} +.ui-btn-corner-all { + -moz-border-radius: 1em; + -webkit-border-radius: 1em; + border-radius: 1em; +} + +/* radius clip workaround for cleaning up corner trapping */ +.ui-corner-tl, +.ui-corner-tr, +.ui-corner-bl, +.ui-corner-br, +.ui-corner-top, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-left, +.ui-corner-all, +.ui-btn-corner-tl, +.ui-btn-corner-tr, +.ui-btn-corner-bl, +.ui-btn-corner-br, +.ui-btn-corner-top, +.ui-btn-corner-bottom, +.ui-btn-corner-right, +.ui-btn-corner-left, +.ui-btn-corner-all { + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +/* Overlay / modal +-----------------------------------------------------------------------------------------------------------*/ + +.ui-overlay { + background: #666; + opacity: .5; + filter: Alpha(Opacity=50); + position: absolute; + width: 100%; + height: 100%; +} +.ui-overlay-shadow { + -moz-box-shadow: 0px 0px 12px rgba(0,0,0,.6); + -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6); + box-shadow: 0px 0px 12px rgba(0,0,0,.6); +} +.ui-shadow { + -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3); + -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,.3); + box-shadow: 0px 1px 4px rgba(0,0,0,.3); +} +.ui-bar-a .ui-shadow, +.ui-bar-b .ui-shadow , +.ui-bar-c .ui-shadow { + -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.3); + -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3); + box-shadow: 0px 1px 0 rgba(255,255,255,.3); +} +.ui-shadow-inset { + -moz-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + -webkit-box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); + box-shadow: inset 0px 1px 4px rgba(0,0,0,.2); +} +.ui-icon-shadow { + -moz-box-shadow: 0px 1px 0 rgba(255,255,255,.4); + -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.4); + box-shadow: 0px 1px 0 rgba(255,255,255,.4); +} + +/* turn off shadows for buttons +-----------------------------------------------------------------------------------------------------------*/ +.ui-btn { + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} + +/* unset box shadow in browsers that don't do it right +-----------------------------------------------------------------------------------------------------------*/ +.ui-mobile-nosupport-boxshadow * { + -moz-box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +/* turn off outlines for all ui-focus elements +-----------------------------------------------------------------------------------------------------------*/ +.ui-focus { + outline: none; +} + +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +*/ + +/* some unsets - more probably needed */ +.ui-mobile, .ui-mobile body { height: 100%; } +.ui-mobile fieldset, .ui-page { padding: 0; margin: 0; } +.ui-mobile a img, .ui-mobile fieldset { border: 0; } + +/* responsive page widths */ +.ui-mobile-viewport { margin: 0; overflow-x: hidden; -webkit-text-size-adjust: none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + +/* "page" containers - full-screen views, one should always be in view post-pageload */ +.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } +.ui-mobile .ui-page-active { display: block; overflow: visible; } + +/*orientations from js are available */ +.portrait, +.portrait .ui-page { min-height: 420px; } +.landscape, +.landscape .ui-page { min-height: 300px; } + +/* loading screen */ +.ui-loading .ui-mobile-viewport { overflow: hidden !important; } +.ui-loading .ui-loader { display: block; } +.ui-loading .ui-page { overflow: hidden; } +.ui-loader { display: none; position: absolute; opacity: .85; z-index: 100; left: 50%; width: 200px; margin-left: -130px; margin-top: -35px; padding: 10px 30px; } +.ui-loader h1 { font-size: 15px; text-align: center; } +.ui-loader .ui-icon { position: static; display: block; opacity: .9; margin: 0 auto; width: 35px; height: 35px; background-color: transparent; } + +/*fouc*/ +.ui-mobile-rendering > * { visibility: hidden; } + +/*headers, content panels*/ +.ui-bar, .ui-body { position: relative; padding: .4em 15px; overflow: hidden; display: block; clear:both; } +.ui-bar { font-size: 16px; margin: 0; } +.ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 { margin: 0; padding: 0; font-size: 16px; display: inline-block; } + +.ui-header, .ui-footer { display: block; } +.ui-page .ui-header, .ui-page .ui-footer { position: relative; } +.ui-header .ui-btn-left { position: absolute; left: 10px; top: .4em; } +.ui-header .ui-btn-right { position: absolute; right: 10px; top: .4em; } +.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 90px .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; } +.ui-header { + border-width: 0 !important; + border-bottom-width: @barBorderWidth !important; +} +.ui-footer { + border-width: 0 !important; +} + +/*content area*/ +.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 15px; } +.ui-page-fullscreen .ui-content { padding:0; } + +/* icons sizing */ +.ui-icon { width: 18px; height: 18px; } + +/* fullscreen class on ui-content div */ +.ui-fullscreen { } +.ui-fullscreen img { max-width: 100%; } + +/* non-js content hiding */ +.ui-nojs { position: absolute; left: -9999px; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.spin { + -webkit-transform: rotate(360deg); + -webkit-animation-name: spin; + -webkit-animation-duration: 1s; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; +} +@-webkit-keyframes spin { + from {-webkit-transform: rotate(0deg);} + to {-webkit-transform: rotate(360deg);} +} + +/* Transitions from jQtouch (with small modifications): http://www.jqtouch.com/ +Built by David Kaneda and maintained by Jonathan Stark. +*/ +.in, .out { + -webkit-animation-timing-function: ease-in-out; + -webkit-animation-duration: 350ms; +} + +.slide.in { + -webkit-transform: translateX(0); + -webkit-animation-name: slideinfromright; +} + +.slide.out { + -webkit-transform: translateX(-100%); + -webkit-animation-name: slideouttoleft; +} + +.slide.in.reverse { + -webkit-transform: translateX(0); + -webkit-animation-name: slideinfromleft; +} + +.slide.out.reverse { + -webkit-transform: translateX(100%); + -webkit-animation-name: slideouttoright; +} + +.slideup.in { + -webkit-transform: translateY(0); + -webkit-animation-name: slideinfrombottom; + z-index: 10; +} + +.slideup.out { + -webkit-animation-name: dontmove; + z-index: 0; +} + +.slideup.out.reverse { + -webkit-transform: translateY(100%); + z-index: 10; + -webkit-animation-name: slideouttobottom; +} + +.slideup.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} +.slidedown.in { + -webkit-transform: translateY(0); + -webkit-animation-name: slideinfromtop; + z-index: 10; +} + +.slidedown.out { + -webkit-animation-name: dontmove; + z-index: 0; +} + +.slidedown.out.reverse { + -webkit-transform: translateY(-100%); + z-index: 10; + -webkit-animation-name: slideouttotop; +} + +.slidedown.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +@-webkit-keyframes slideinfromright { + from { -webkit-transform: translateX(100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideinfromleft { + from { -webkit-transform: translateX(-100%); } + to { -webkit-transform: translateX(0); } +} + +@-webkit-keyframes slideouttoleft { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(-100%); } +} + +@-webkit-keyframes slideouttoright { + from { -webkit-transform: translateX(0); } + to { -webkit-transform: translateX(100%); } +} + + +@-webkit-keyframes slideinfromtop { + from { -webkit-transform: translateY(-100%); } + to { -webkit-transform: translateY(0); } +} + +@-webkit-keyframes slideinfrombottom { + from { -webkit-transform: translateY(100%); } + to { -webkit-transform: translateY(0); } +} + +@-webkit-keyframes slideouttobottom { + from { -webkit-transform: translateY(0); } + to { -webkit-transform: translateY(100%); } +} + +@-webkit-keyframes slideouttotop { + from { -webkit-transform: translateY(0); } + to { -webkit-transform: translateY(-100%); } +} +@-webkit-keyframes fadein { + from { opacity: 0; } + to { opacity: 1; } +} + +@-webkit-keyframes fadeout { + from { opacity: 1; } + to { opacity: 0; } +} + +.fade.in { + opacity: 1; + z-index: 10; + -webkit-animation-name: fadein; +} +.fade.out { + z-index: 0; + -webkit-animation-name: fadeout; +} + +/* The properties in this rule are only necessary for the 'flip' transition. + * We need specify the perspective to create a projection matrix. This will add + * some depth as the element flips. The depth number represents the distance of + * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate + * value. + */ +.viewport-flip { + -webkit-perspective: 1000; + position: absolute; +} + +.ui-mobile-viewport-transitioning, +.ui-mobile-viewport-transitioning .ui-page { + width: 100%; + height: 100%; + overflow: hidden; +} + +.flip { + -webkit-animation-duration: .65s; + -webkit-backface-visibility:hidden; + -webkit-transform:translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */ +} + +.flip.in { + -webkit-transform: rotateY(0) scale(1); + -webkit-animation-name: flipinfromleft; +} + +.flip.out { + -webkit-transform: rotateY(-180deg) scale(.8); + -webkit-animation-name: flipouttoleft; +} + +/* Shake it all about */ + +.flip.in.reverse { + -webkit-transform: rotateY(0) scale(1); + -webkit-animation-name: flipinfromright; +} + +.flip.out.reverse { + -webkit-transform: rotateY(180deg) scale(.8); + -webkit-animation-name: flipouttoright; +} + +@-webkit-keyframes flipinfromright { + from { -webkit-transform: rotateY(-180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipinfromleft { + from { -webkit-transform: rotateY(180deg) scale(.8); } + to { -webkit-transform: rotateY(0) scale(1); } +} + +@-webkit-keyframes flipouttoleft { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(-180deg) scale(.8); } +} + +@-webkit-keyframes flipouttoright { + from { -webkit-transform: rotateY(0) scale(1); } + to { -webkit-transform: rotateY(180deg) scale(.8); } +} + + +/* Hackish, but reliable. */ + +@-webkit-keyframes dontmove { + from { opacity: 1; } + to { opacity: 1; } +} + +.pop { + -webkit-transform-origin: 50% 50%; +} + +.pop.in { + -webkit-transform: scale(1); + opacity: 1; + -webkit-animation-name: popin; + z-index: 10; +} + +.pop.out.reverse { + -webkit-transform: scale(.2); + opacity: 0; + -webkit-animation-name: popout; + z-index: 10; +} + +.pop.in.reverse { + z-index: 0; + -webkit-animation-name: dontmove; +} + +@-webkit-keyframes popin { + from { + -webkit-transform: scale(.2); + opacity: 0; + } + to { + -webkit-transform: scale(1); + opacity: 1; + } +} + +@-webkit-keyframes popout { + from { + -webkit-transform: scale(1); + opacity: 1; + } + to { + -webkit-transform: scale(.2); + opacity: 0; + } +}/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ + +/* content configurations. */ +.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; } +.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;} + +/* grid solo: 100 - single item fallback */ +.ui-grid-solo .ui-block-a { width: 100%; float: none; } + +/* grid a: 50/50 */ +.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; } +.ui-grid-a .ui-block-a { clear: left; } + +/* grid b: 33/33/33 */ +.ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c { width: 33.333%; } +.ui-grid-b .ui-block-a { clear: left; } + +/* grid c: 25/25/25/25 */ +.ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d { width: 25%; } +.ui-grid-c .ui-block-a { clear: left; } + +/* grid d: 20/20/20/20/20 */ +.ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e { width: 20%; } +.ui-grid-d .ui-block-a { clear: left; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +/* fixed page header & footer configuration */ +.ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { position: absolute; overflow: hidden; width: 100%; border-left-width: 0; border-right-width: 0; } +.ui-header-fixed, .ui-footer-fixed { + z-index: 1000; + -webkit-transform: translateZ(0); /* Force header/footer rendering to go through the same rendering pipeline as native page scrolling. */ +} +.ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline { display: none; } +.ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer { opacity: .9; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-navbar { overflow: hidden; } +.ui-navbar ul, .ui-navbar-expanded ul { list-style:none; padding: 0; margin: 0; position: relative; display: block; border: 0;} +.ui-navbar-collapsed ul { float: left; width: 75%; margin-right: -2px; } +.ui-navbar-collapsed .ui-navbar-toggle { float: left; width: 25%; } +.ui-navbar li.ui-navbar-truncate { position: absolute; left: -9999px; top: -9999px; } +.ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn { display: block; font-size: 12px; text-align: center; margin: 0; border-right-width: 0; } +.ui-navbar li .ui-btn { margin-right: -1px; } +.ui-navbar li .ui-btn:last-child { margin-right: 0; } +.ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn, +.ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn { border-top-width: 0; border-bottom-width: 0; } +.ui-navbar .ui-btn-inner { padding-left: 2px; padding-right: 2px; } +.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .8em; padding-bottom: .9em; } +/*expanded page styles*/ +.ui-navbar-expanded .ui-btn { margin: 0; font-size: 14px; } +.ui-navbar-expanded .ui-btn-inner { padding-left: 5px; padding-right: 5px; } +.ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner { padding: 45px 5px 15px; text-align: center; } +.ui-navbar-expanded .ui-btn-icon-top .ui-icon { top: 15px; } +.ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner { padding: 15px 5px 45px; text-align: center; } +.ui-navbar-expanded .ui-btn-icon-bottom .ui-icon { bottom: 15px; } +.ui-navbar-expanded li .ui-btn .ui-btn-inner { min-height: 2.5em; } +.ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner { padding-top: 1.8em; padding-bottom: 1.9em; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; } +.ui-btn:focus, .ui-btn:active { outline: none; } +.ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn { display: inline-block; font-size: 13px; margin: 0; } +.ui-btn-inline { display: inline-block; } +.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; } +.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em; } +.ui-btn-icon-notext { display: inline-block; width: 20px; height: 20px; padding: 2px 1px 2px 3px; text-indent: -9999px; } +.ui-btn-icon-notext .ui-btn-inner { padding: 0; } +.ui-btn-icon-notext .ui-btn-text { position: absolute; left: -999px; } +.ui-btn-icon-left .ui-btn-inner { padding-left: 33px; } +.ui-header .ui-btn-icon-left .ui-btn-inner, +.ui-footer .ui-btn-icon-left .ui-btn-inner, +.ui-bar .ui-btn-icon-left .ui-btn-inner { padding-left: 27px; } +.ui-btn-icon-right .ui-btn-inner { padding-right: 33px; } +.ui-header .ui-btn-icon-right .ui-btn-inner, +.ui-footer .ui-btn-icon-right .ui-btn-inner, +.ui-bar .ui-btn-icon-right .ui-btn-inner { padding-right: 27px; } +.ui-btn-icon-top .ui-btn-inner { padding-top: 33px; } +.ui-header .ui-btn-icon-top .ui-btn-inner, +.ui-footer .ui-btn-icon-top .ui-btn-inner, +.ui-bar .ui-btn-icon-top .ui-btn-inner { padding-top: 27px; } +.ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 33px; } +.ui-header .ui-btn-icon-bottom .ui-btn-inner, +.ui-footer .ui-btn-icon-bottom .ui-btn-inner, +.ui-bar .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 27px; } + +/*btn icon positioning*/ +.ui-btn-icon-notext .ui-icon { display: block; } +.ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon { position: absolute; top: 50%; margin-top: -9px; } +.ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon { position: absolute; left: 50%; margin-left: -9px; } +.ui-btn-icon-left .ui-icon { left: 10px; } +.ui-btn-icon-right .ui-icon {right: 10px; } +.ui-header .ui-btn-icon-left .ui-icon, +.ui-footer .ui-btn-icon-left .ui-icon, +.ui-bar .ui-btn-icon-left .ui-icon { left: 4px; } +.ui-header .ui-btn-icon-right .ui-icon, +.ui-footer .ui-btn-icon-right .ui-icon, +.ui-bar .ui-btn-icon-right .ui-icon { right: 4px; } +.ui-header .ui-btn-icon-top .ui-icon, +.ui-footer .ui-btn-icon-top .ui-icon, +.ui-bar .ui-btn-icon-top .ui-icon { top: 4px; } +.ui-header .ui-btn-icon-bottom .ui-icon, +.ui-footer .ui-btn-icon-bottom .ui-icon, +.ui-bar .ui-btn-icon-bottom .ui-icon { bottom: 4px; } +.ui-btn-icon-top .ui-icon { top: 5px; } +.ui-btn-icon-bottom .ui-icon { bottom: 5px; } +/*hiding native button,inputs */ +.ui-btn-hidden { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-appearance: button; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); background: transparent; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-collapsible-contain { margin: .5em 0; } +.ui-collapsible-heading { font-size: 16px; display: block; margin: 0 -8px; padding: 0; border-width: 0 0 1px 0; position: relative; } +.ui-collapsible-heading a { text-align: left; margin: 0; } +.ui-collapsible-heading a .ui-btn-inner { padding-left: 40px; } +.ui-collapsible-heading a span.ui-btn { position: absolute; left: 6px; top: 50%; margin: -12px 0 0 0; width: 20px; height: 20px; padding: 1px 0px 1px 2px; text-indent: -9999px; } +.ui-collapsible-heading a span.ui-btn .ui-btn-inner { padding: 10px 0; } +.ui-collapsible-heading a span.ui-btn .ui-icon { left: 0; margin-top: -10px; } +.ui-collapsible-heading-status { position:absolute; left:-9999px; } +.ui-collapsible-content { display: block; padding: 10px 0 10px 8px; } +.ui-collapsible-content-collapsed { display: none; } + +.ui-collapsible-set { margin: .5em 0; } +.ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0; } +/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-controlgroup, fieldset.ui-controlgroup { padding: 0; margin: .5em 0 1em; } +.ui-bar .ui-controlgroup { margin: 0 .3em; } +.ui-controlgroup-label { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; } +.ui-controlgroup-controls { display: block; width: 95%;} +.ui-controlgroup li { list-style: none; } +.ui-controlgroup-vertical .ui-btn, +.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; } +.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; } +.ui-controlgroup-horizontal { padding: 0; } +.ui-controlgroup-horizontal .ui-btn, +.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline-block; margin: 0 -5px 0 0; } +.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { display: inline; } +.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn, +.ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; } +.ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; } +.ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px; } +/* conflicts with listview.. +.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; } +.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { padding: 5px 6px 5px 5px; } +*/ + +@media all and (min-width: 450px){ + .ui-controlgroup-label { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; } + .ui-controlgroup-controls { width: 60%; display: inline-block; } +} /* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-dialog { min-height: 480px; } +.ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer { margin: 15px; position: relative; } +.ui-dialog .ui-header, .ui-dialog .ui-footer { z-index: 10; width: auto; } +.ui-dialog .ui-content, .ui-dialog .ui-footer { margin-top: -15px; }/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-checkbox, .ui-radio { position:relative; margin: .2em 0 .5em; z-index: 1; } +.ui-checkbox .ui-btn, .ui-radio .ui-btn { margin: 0; text-align: left; z-index: 2; } +.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner { white-space: normal; } +.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner { padding-left: 45px; } +.ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } +.ui-checkbox .ui-icon, .ui-radio .ui-icon { top: 1.1em; } +.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 15px; } +.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {right: 15px; } +/* input, label positioning */ +.ui-checkbox input,.ui-radio input { position:absolute; left:20px; top:50%; width: 10px; height: 10px; margin:-5px 0 0 0; outline: 0 !important; z-index: 1; }/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; } +.ui-field-contain:first-child { border-top-width: 0; } +@media all and (min-width: 450px){ + .ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; } +} /* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-select { display: block; position: relative; } +.ui-select select { position: absolute; left: -9999px; top: -9999px; } +.ui-select .ui-btn { overflow: hidden; } +.ui-select .ui-btn select { cursor: pointer; -webkit-appearance: button; left: 0; top:0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } +.ui-select .ui-btn select.ui-select-nativeonly { opacity: 1; text-indent: 0; } + +.ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 45px; } +.ui-select .ui-btn-icon-right .ui-icon { right: 15px; } + +/* labels */ +label.ui-select { font-size: 16px; line-height: 1.4; font-weight: normal; margin: 0 0 .3em; display: block; } + +/*listbox*/ +.ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text { display: block; min-height: 1em; } +.ui-select .ui-btn-text { text-overflow: ellipsis; overflow: hidden;} + +.ui-selectmenu { position: absolute; padding: 0; z-index: 100 !important; width: 80%; max-width: 350px; padding: 6px; } +.ui-selectmenu .ui-listview { margin: 0; } +.ui-selectmenu .ui-btn.ui-li-divider { cursor: default; } +.ui-selectmenu-hidden { top: -9999px; left: -9999px; } +.ui-selectmenu-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } +.ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon { display: none; } +.ui-selectmenu-list .ui-li .ui-icon { display: block; } +.ui-li.ui-selectmenu-placeholder { display: none; } +.ui-selectmenu .ui-header .ui-title { margin: 0.6em 46px 0.8em; } + +@media all and (min-width: 450px){ + label.ui-select { display: inline-block; width: 20%; margin: 0 2% 0 0; } + .ui-select { width: 60%; display: inline-block; } +} + +/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */ +.ui-selectmenu .ui-header h1:after { content: '.'; visibility: hidden; }/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; } +input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; } +input.ui-input-text { -webkit-appearance: none; } +textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; } +.ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; } +.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; } +.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; } +.ui-input-search .ui-input-clear-hidden { display: none; } + +/* orientation adjustments - incomplete!*/ +@media all and (min-width: 450px){ + label.ui-input-text { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 } + input.ui-input-text, + textarea.ui-input-text, + .ui-input-search { width: 60%; display: inline-block; } + .ui-input-search { width: 50%; } + .ui-input-search input.ui-input-text { width: 98%; /*echos rule from above*/ } +}/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +.ui-listview { margin: 0; counter-reset: listnumbering; } +.ui-content .ui-listview { margin: -15px; } +.ui-content .ui-listview-inset { margin: 1em 0; } +.ui-listview, .ui-li { list-style:none; padding:0; } +.ui-li, .ui-li.ui-field-contain { display: block; margin:0; position: relative; overflow: visible; text-align: left; border-width: 0; border-top-width: 1px; } +.ui-li .ui-btn-text a.ui-link-inherit { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-li-divider, .ui-li-static { padding: .5em 15px; font-size: 14px; font-weight: bold; } +.ui-li-divider { counter-reset: listnumbering; } +ol.ui-listview .ui-link-inherit:before, ol.ui-listview .ui-li-static:before, .ui-li-dec { font-size: .8em; display: inline-block; padding-right: .3em; font-weight: normal;counter-increment: listnumbering; content: counter(listnumbering) ". "; } +ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid chance of duplication */ +.ui-listview-inset .ui-li { border-right-width: 1px; border-left-width: 1px; } +.ui-li:last-child, .ui-li.ui-field-contain:last-child { border-bottom-width: 1px; } +.ui-li>.ui-btn-inner { display: block; position: relative; padding: 0; } +.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 75px .7em 15px; display: block; } +.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb { min-height: 60px; padding-left: 100px; } +.ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon { min-height: 20px; padding-left: 40px; } +.ui-li-heading { font-size: 16px; font-weight: bold; display: block; margin: .6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-li-desc { font-size: 12px; font-weight: normal; display: block; margin: -.5em 0 .6em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } +.ui-li-thumb, .ui-li-icon { position: absolute; left: 1px; top: 0; max-height: 80px; max-width: 80px; } +.ui-li-icon { max-height: 40px; max-width: 40px; left: 10px; top: .9em; } +.ui-li-thumb, .ui-li-icon, .ui-li-content { float: left; margin-right: 10px; } + +.ui-li-aside { float: right; width: 50%; text-align: right; margin: .3em 0; } +@media all and (min-width: 480px){ + .ui-li-aside { width: 45%; } +} +.ui-li-divider { cursor: default; } +.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt { padding-right: 95px; } +.ui-li-count { position: absolute; font-size: 11px; font-weight: bold; padding: .2em .5em; top: 50%; margin-top: -.9em; right: 38px; } +.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count { right: 10px; } +.ui-li-has-alt .ui-li-count { right: 55px; } +.ui-li-link-alt { position: absolute; width: 40px; height: 100%; border-width: 0; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; } +.ui-li-link-alt .ui-btn { overflow: hidden; position: absolute; right: 8px; top: 50%; margin: -11px 0 0 0; border-bottom-width: 1px; } +.ui-li-link-alt .ui-btn-inner { padding: 0; position: static; } +.ui-li-link-alt .ui-btn .ui-icon { right: 50%; margin-right: -9px; } + +.ui-listview-filter { border-width: 0; overflow: hidden; margin: -15px -15px 15px -15px } +.ui-listview-filter .ui-input-search { margin: 5px; width: auto; display: block; } + +.ui-listview-filter-inset { margin: -15px -5px -15px -5px; background: transparent; } +.ui-li.ui-screen-hidden{display:none;} +/* Odd iPad positioning issue. */ +@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { + .ui-li .ui-btn-text { overflow: visible; } +}/* +* jQuery Mobile Framework +* Copyright (c) jQuery Project +* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses. +*/ +label.ui-slider { display: block; } +input.ui-slider-input { display: inline-block; width: 50px; } +select.ui-slider-switch { display: none; } +div.ui-slider { position: relative; display: inline-block; overflow: visible; height: 15px; padding: 0; margin: 0 2% 0 20px; top: 4px; width: 66%; } +a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; } +a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; } +@media all and (min-width: 480px){ + label.ui-slider { display: inline-block; width: 20%; margin: 0 2% 0 0; } + div.ui-slider { width: 45%; } +} + +div.ui-slider-switch { height: 32px; overflow: hidden; margin-left: 0; } +div.ui-slider-inneroffset { margin-left: 50%; position: absolute; top: 1px; height: 100%; width: 50%; } +div.ui-slider-handle-snapping { -webkit-transition: left 100ms linear; } +div.ui-slider-labelbg { position: absolute; top:0; margin: 0; border-width: 0; } +div.ui-slider-switch div.ui-slider-labelbg-a { width: 60%; height: 100%; left: 0; } +div.ui-slider-switch div.ui-slider-labelbg-b { width: 60%; height: 100%; right: 0; } +.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b { z-index: -1; } +.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a { z-index: 0; } + +div.ui-slider-switch a.ui-slider-handle { z-index: 20; width: 101%; height: 32px; margin-top: -18px; margin-left: -101%; } +span.ui-slider-label { width: 96%; position: absolute;height: 32px; font-size: 16px; text-align: center; line-height: 2; background: none; border-color: transparent;} +span.ui-slider-label-a { left: -100%; margin-right: -1px } +span.ui-slider-label-b { right: -100%; margin-left: -1px } diff --git a/src/themes/tizen/tizen-gray/Makefile b/src/themes/tizen/tizen-gray/Makefile new file mode 100755 index 0000000..083e4e1 --- /dev/null +++ b/src/themes/tizen/tizen-gray/Makefile @@ -0,0 +1,80 @@ +THEME_NAME=tizen-gray + +THEME_OUTPUT_ROOT ?= . +OUTPUT_DIR = ${THEME_OUTPUT_ROOT}/${THEME_NAME} + +CSS_OUTPUT = ${OUTPUT_DIR}/tizen-web-ui-fw-theme.css + +CSS_SRCS= ../common/jquery.mobile.theme.less.css \ + ../common/jquery.mobile.core.less.css \ + ../common/jquery.mobile.transitions.css \ + ../common/jquery.mobile.grids.css \ + ../common/jquery.mobile.headerfooter.less.css \ + ../common/jquery.mobile.navbar.css \ + ../common/jquery.mobile.button.less.css \ + ../common/jquery.mobile.collapsible.css \ + ../common/jquery.mobile.dialog.less.css \ + ../common/jquery.mobile.forms.checkboxradio.less.css \ + ../common/jquery.mobile.forms.fieldcontain.css \ + ../common/jquery.mobile.forms.select.css \ + ../common/jquery.mobile.forms.textinput.less.css \ + ../common/jquery.mobile.controlgroup.less.css \ + ../common/jquery.mobile.listview.less.css \ + ../common/jquery.mobile.segmentctrl.less.css \ + ../common/jquery.mobile.tizen.optionheader.less.css \ + ../common/jquery.mobile.tizen.virtuallistview.less.css \ + ../common/jquery.mobile.tizen.scrollview.css \ + ../common/jquery.mobile.tizen.hsvpicker.less.css \ + ../common/jquery.mobile.tizen.colorpalette.less.css \ + ../common/jquery.mobile.tizen.colortitle.less.css \ + ../common/jquery.mobile.tizen.datetimepicker.less.css \ + ../common/jquery.mobile.tizen.popupwindow.less.css \ + ../common/jquery.mobile.tizen.ctxpopup.less.css \ + ../common/jquery.mobile.tizen.progressbar.less.css \ + ../common/jquery.mobile.tizen.progress.less.css \ + ../common/jquery.mobile.tizen.slider.less.css \ + ../common/jquery.mobile.tizen.imageslider.less.css \ + ../common/jquery.mobile.tizen.notification.less.css \ + ../common/jquery.mobile.tizen.pagecontrol.less.css \ + ../common/jquery.mobile.tizen.swipelist.less.css \ + ../common/jquery.mobile.tizen.nocontents.less.css \ + ../common/jquery.mobile.tizen.shortcutscroll.less.css \ + ../common/jquery.mobile.tizen.dayselector.less.css \ + ../common/jquery.mobile.tizen.toggleswitch.less.css \ + ../common/jquery.mobile.tizen.huegradient.css \ + ../common/jquery.mobile.tizen.colorpicker.less.css \ + ../common/jquery.mobile.tizen.colorpickerbutton.css \ + ../common/jquery.mobile.tizen.triangle.less.css + +all: prepare css images js + +prepare: + -mkdir -p ${OUTPUT_DIR} + +less: prepare + # Compiling less to css... + @for f in `find ../common -iname '*.less' | sort`; do \ + if test "config.less" = "$$f" ; then continue; fi; \ + echo " build $$f"; \ + lessc $$f > $$f.css; \ + done; + +css: prepare less + # Creating tizen-gray theme... + @rm -f $(CSS_OUTPUT) + @for src in $(CSS_SRCS); do \ + cat $$src >> $(CSS_OUTPUT) ; \ + done + +images: prepare + # Copying tizen-gray theme images... + @cp -a images/ ${OUTPUT_DIR}/ + +js: prepare + @cp -a theme.js ${OUTPUT_DIR} + +clean: + # Cleaning tizen-gray theme... + -rm -rf $(OUTPUT_DIR) + -rm -f *.less.css + diff --git a/src/themes/tizen/tizen-gray/color.less b/src/themes/tizen/tizen-gray/color.less new file mode 100755 index 0000000..7d60b22 --- /dev/null +++ b/src/themes/tizen/tizen-gray/color.less @@ -0,0 +1,257 @@ +// Basic color set +@color_bg: rgb(0, 0, 0); // 0 0 0 +@color_bg_sub: rgb(36, 36, 36); // 36 36 36 // TODO: used only in dialog group. Check more. + +@color_border: rgb(42, 42, 42); // 42 42 42 +@color_header: rgb(68, 68, 74); // 68 68 74 + +@color_text: rgb(249, 249, 249); // 249 249 249 +@color_text_dim: rgb(108, 115, 118); // 108 115 118 +@color_text_focus: @color_text; +@color_text_sub: rgb(102, 102, 102); // 102 102 102 +@color_text_setting: rgb(42, 109, 140); // 42 109 140 +@color_text_input: rgb(70, 70, 70); // 70 70 70 +@color_text_cursor: @color_text_setting; +@color_text_segctrl: rgb(158, 195, 213); // 158 195 213 // TODO: used only in segctrl. Check more. + +//Dialogue color set +@color_dialogue_main_text: rgb(249,249,249); +@color_dialogue_sub_text: rgb(146,146,146); + +//Dialogue Editor color set +@color_dialogue_editor_default_text: rgb(70, 70, 70); +@color_dialogue_editor_bg: rgb(0, 0, 0); +@color_dialogue_editor_border: rgba(68, 68, 68, 255); + +/************************* + Vars/Mixins for Widgets + + NOTE: + * Color variables' name: @color__ + * Color values: Use rgb() or rgba() + *************************/ + + +/*************************************************************************** + List +***************************************************************************/ +@color_list_main_text_read: rgba(158, 158, 158, 1); +@color_list_main_text_unread: rgba(249, 249, 249, 1); +@color_list_main_text_focus: rgba(249, 249, 249, 1); +@color_list_sub_text_default: rgba(100, 100, 100, 1); +@color_list_sub_text_settings: rgba(0, 140, 210, 1); +@color_list_sub_text_focus: rgba(249, 249, 249, 1); +@color_list_flexible_text_main: rgba(249, 249, 249, 1); +@color_list_flexible_text_sub: rgba(149, 149, 149, 1); +@color_list_index_list: rgba(164, 164, 164, 1); +@color_list_editfield_text: rgba(70, 70, 70, 1); +@color_list_editfield_text_cursor: rgba(0, 140, 210, 1); +@color_list_multiline_text: rgba(149, 149, 149, 1); +@color_list_3line_main_text: rgba(249, 249, 249, 1); +@color_list_3line_main_text_read: rgba(249, 249, 249, 1); +@color_list_3line_main_text_focus: rgba(249, 249, 249, 1); +@color_list_3line_main_text2: rgba(104, 137, 152, 1); +@color_list_3line_main_text2_focus: rgba(249, 249, 249, 1); +@color_list_converter_style: rgba(249, 249, 249, 1); +@color_list_converter_style_focus: rgba(249, 249, 249, 1); +@color_list_unread_email: rgba(249, 249, 249, 1); +@color_list_contents_text: rgba(210, 210, 210, 1); +@color_list_name_text: rgba(129, 129, 129, 1); +@color_list_name_text_dim: rgba(0, 140, 210, 1); +@color_list_colorbar: rgba(80, 107, 207, 1); //Temp, not defined +@color_list_bubble_box_shadow: rgb(77, 58, 23); // Not defined in GUI guide. +@color_list_bubble_left_text: rgb(0, 0, 0); +@color_list_bubble_left_bg: rgb(221, 206, 122); // Not defined in GUI guide. Picked from image. +@color_list_bubble_right_text: rgb(96, 96, 96); +@color_list_bubble_right_bg: rgb(194, 209, 218); // Not defined in GUI guide. Picked from image. +@color_list_bubble_sos_text: rgb(211, 0, 0); +@color_list_bubble_date_text: rgb(57, 166, 215); +@color_list_bubble_date_bg: rgb(66, 66, 66); +@color_list_bubble_time_text: rgb(57, 166, 215); +@color_list_bubble_link_text: rgb(34, 129, 157); +@color_list_bubble_failed_text: rgb(211, 0, 0); +@color_list_bubble_name_text: rgb(57, 166, 215); +@color_list_bubble_help_text: rgb(146, 146, 146); +@color_list_divider_bg : rgb(66, 66, 66); /* #424242 */ +@color_list_divider_text : rgb(164, 164, 164); /* #a4a4a4 */ + +@font_size_list_main_text: 44 * @unit_base; //1.375rem; /* 44 px */ +@font_size_list_sub_text: 32 * @unit_base; //1.0rem; /* 32 px */ +@font_size_list_flexible_text_main: 48 * @unit_base; //1.5rem; /* 48 px */ +@font_size_list_flexible_text_sub: 36 * @unit_base; //1.125rem; /* 36 px */ +@font_size_list_index_list: 32 * @unit_base; //1.0rem; /* 32 px */ +@font_size_list_editfield_text: 44 * @unit_base; //1.375rem; /* 44 px */ +@font_size_list_multiline_text: 32 * @unit_base; //1.0rem; /* 32 px */ +@font_size_list_3line_main_text: 42 * @unit_base; //1.3125rem; /* 42 px */ +@font_size_list_3line_main_text2: 36 * @unit_base; //1.125rem; /* 36 px */ +@font_size_list_converter_style: 40 * @unit_base; //1.3rem; /* 40 px */ +@font_size_list_unread_email: 44 * @unit_base; //1.375rem; /* 44 px */ +@font_size_list_contents_text: 30 * @unit_base; //0.94rem; /* 30 px */ +@font_size_list_name_text: 32 * @unit_base; //1.0rem; /* 32 px */ + + +/*************************************************************************** + Shortcut Scroll +***************************************************************************/ +@color_shortcutscroll_rollover_bg: rgba(68, 68, 68, 0.5); // 00_fast_scroll_rollover_bg.png +@color_shortcutscroll_rollover_text: rgba(180, 180, 180, 0.6); +@color_shortcutscroll_popup_bg: rgba(115, 137, 147, 1); // 00_fast_scroll_popup_bg.png +@color_shortcutscroll_popup_shadow: rgba(199, 199, 199, 0.5); +@color_shortcutscroll_popup_text: rgb(249, 249, 249); + + +/*************************************************************************** + Popup +***************************************************************************/ +@color_popup_info_style: rgba(249, 249, 249, 1); +@color_popup_basic_style_title: rgba(249, 249, 249, 1); +@color_popup_small_popup_info: rgba(249, 249, 249, 1); +@color_popup_center_progressbar_title: rgba(153, 153, 153, 1); +@color_popup_text_progress_title: rgba(249, 249, 249, 1); +@color_popup_text_background: rgba(33, 60, 73, 1); /* #213c49 */ +@color_popup_button_background: rgba(86, 93, 96, 1); /* #565d60 */ + +@font_size_popup_info_style: 42 * @unit_base; //1.3125rem; /* 42px */ +@font_size_popup_basic_style_title: 38 * @unit_base; //1.1875rem; /* 38px */ +@font_size_popup_small_popup_info: 32 * @unit_base; //1.0rem; /* 32px */ +@font_size_popup_center_progressbar_title: 26 * @unit_base; //0.8125rem; /* 26px */ +@font_size_popup_text_progress_title: 42 * @unit_base; //1.3125rem; /* 42px */ +@font_size_popup_button_text: 32 * @unit_base; //1.0rem; /* 32px */ + + +/*************************************************************************** + Button +***************************************************************************/ +@color_button_normal: rgb(59, 59, 59); +@color_button_press: rgb(0, 140, 210); +@color_button_hover: rgb(69, 69, 69); +@color_button_text_normal: rgb(249, 249, 249); +@color_button_text_press: rgb(249, 249, 249); + +@color_button_EditText: rgb(207, 41, 41); +@color_button_EditTextPress: rgb(249, 249, 249); +@color_button_EditBG: rgb(0, 0, 0); +@color_button_EditBGPress: rgb(0, 140, 210); +.LESSbutton_text1_style{ + font-family: @font_family; + font-weight: normal; + font-size: 1.0rem; + font-style:normal; + color: @color_button_text_normal; + &:hover {color: @color_button_text_press;} +} + +/*************************************************************************** + Date Time picker color set +***************************************************************************/ +@color_timepicker_selector_color: rgb(0,140,210); + +/*************************************************************************** + Contextual Popup +***************************************************************************/ +@color_ctxpopup_border_left: rgb(70, 70, 70); +@color_ctxpopup_border_right: rgb(0, 0, 0); +@color_ctxpopup_timepicker_text: rgb( 105, 151, 173 ); +@color_ctxpopup_timepicker_text_focus: rgb( 249, 249, 249 ); + +/*************************************************************************** + DaySelector +***************************************************************************/ +@color_dayselector_Btn_Sat: rgba(0, 168, 231, 1); /* #00a8e7 */ +@color_dayselector_Btn_Sun: rgba(240, 20, 2, 1); /* #f01402 */ +@color_dayselector_Btn_Mon_to_Fri: rgba(249, 249, 249, 1); /* #f9f9f9 */ +@color_dayselector_Btn_border: rgba(100, 100, 100, 1); /* #646464 */ +@color_dayselector_Btn_normal: rgba(59, 59, 59, 1); /* #3b3b3b */ +@color_dayselector_Btn_press: rgba(0, 140, 210, 1); /* #008cd2 */ + + +/*************************************************************************** + OptionHeader +***************************************************************************/ +@color_optionheader_Background: rgba(72, 72, 72, 1); /* #484848 */ +@color_optionheader_bt: rgba(32, 32, 32, 1); /* #202020 */ +@color_optionheader_bt_press: rgba(35, 132, 182, 1); /* #2384b6 */ +@color_optionheader_tab_text: rgba(249, 249, 249, 1); /* #f9f9f9 */ + + +/*************************************************************************** + SearchBar(forms.textinput) +***************************************************************************/ +@color_searchbar_bg : rgba(36, 36, 36, 1); /* #242424 */ +@color_searchbar_default_text : rgba(130, 130, 130, 1); /* #828282 */ + + +/*************************************************************************** + SegmentControl +***************************************************************************/ +@color_segmentcontrol_btn_normal : rgba(230, 230, 230, 1); /* #e6e6e6 */ +@color_segmentcontrol_btn_press : rgba(61, 61, 61, 1); /* #3d3d3d; */ +@color_segmentcontrol_Seg_text : rgba(144, 144, 144, 1); /* #909090 */ +@color_segmentcontrol_Seg_text_pressed : rgba(0, 0, 0, 1); /* #000000 */ + + +/*************************************************************************** + ControlGroup +***************************************************************************/ +@color_controlgroup_btn_border : rgba(37, 37, 37, 1); /* #252525 */ + + +/*************************************************************************** + Header / Footer + NavigationBar / ControlBar +***************************************************************************/ +@color_bar_bg : rgba(31, 31, 31, 1); /* #1F1F1F */ +@color_bar_back_btn_press : rgba(10, 140, 210, 1); /* #0a8cd2 */ +@color_bar_btn_press : rgba(10, 140, 210, 1); /* #0a8cd2 */ +@color_bar_btn_bg : rgba(31, 31, 31, 1); /* #1F1F1F */ + +@color_bar_seg_btn_border : rgba(43, 43, 43, 1); /* #2B2B2B */ +@color_bar_seg_text_press : rgba(0, 0, 0, 1); /* #000000 */ +@color_bar_seg_text_normal : rgba(118, 118, 118, 1); /* #767676 */ +@color_bar_seg_btn_press : rgba(249, 249, 249, 1); /* #F9F9F9 */ +@color_bar_seg_btn_normal : rgba(67, 67, 67, 1); /* #434343 */ + +@color_bar_title_text : rgba(249, 249, 249, 1); /* #F9F9F9 */ +@color_bar_title_bg : rgba(108, 108, 108, 1); /* #6c6c6c */ +@color_bar_title_btn_bg : rgba(132, 132, 132, 1); /* #848484 */ +@color_bar_title_btn_border : rgba(76, 76, 76, 1); /* #4C4C4C */ + +@color_bar_footer_bg : rgba(31, 31, 31, 1); /* #1F1F1F */ +@color_bar_footer_btn_bg : rgba(53, 53, 53, 1); /* #353535 */ + +@color_controlbar_btn_border : rgba(42, 42, 42, 1); /* #2A2A2A */ +@color_controlbar_tabbbar_bg : rgba(31, 31, 31, 1); /* #1F1F1F */ +@color_controlbar_toolbbar_bg : rgba(31, 31, 31, 1); /* #1F1F1F */ +@color_controlbar_bg : rgba(31, 31, 31, 1); /* #1F1F1F */ +@color_controlbar_btn_text : rgba(249, 249, 249, 1); /* #F9F9F9 */ +@color_controlbar_btn_press : rgba(76, 76, 76, 1); /* #4c4c4c */ + + +/*************************************************************************** + Tickernoti +***************************************************************************/ +@color_ticker_bg: rgb(108, 108, 108); +@color_ticker_text1: rgb(186, 186, 186); +@color_ticker_text2: rgb(244, 244, 244); + + +/*************************************************************************** + Smallpopup +***************************************************************************/ +@color_smallpopup_bg: rgb(52, 74, 85); +@color_smallpopup_text: rgb(249, 249, 249); + + +/*************************************************************************** + No Contents +***************************************************************************/ +@color_nocontents_text: rgb(81, 78, 76); + + +/*************************************************************************** + Slider +***************************************************************************/ +@color_slider_handle_text: rgb(42, 109, 140); + + + diff --git a/src/themes/tizen/tizen-gray/config.less b/src/themes/tizen/tizen-gray/config.less new file mode 100644 index 0000000..864fff3 --- /dev/null +++ b/src/themes/tizen/tizen-gray/config.less @@ -0,0 +1,5 @@ +/**************************** + * Tizen Common Less Header * + ****************************/ +@import "../common/jquery.mobile.tizen.less"; +@import "color.less"; diff --git a/src/themes/tizen/tizen-gray/images/00_Edit Field_clear.png b/src/themes/tizen/tizen-gray/images/00_Edit Field_clear.png new file mode 100755 index 0000000..ac2d45a Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Edit Field_clear.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_MessageBubble_BG_receive.png b/src/themes/tizen/tizen-gray/images/00_MessageBubble_BG_receive.png new file mode 100755 index 0000000..487636f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_MessageBubble_BG_receive.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_MessageBubble_BG_send.png b/src/themes/tizen/tizen-gray/images/00_MessageBubble_BG_send.png new file mode 100755 index 0000000..bc30b93 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_MessageBubble_BG_send.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Nocontents_multimedia.png b/src/themes/tizen/tizen-gray/images/00_Nocontents_multimedia.png new file mode 100755 index 0000000..a59046f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Nocontents_multimedia.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Nocontents_picture.png b/src/themes/tizen/tizen-gray/images/00_Nocontents_picture.png new file mode 100755 index 0000000..8123ba6 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Nocontents_picture.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Nocontents_text.png b/src/themes/tizen/tizen-gray/images/00_Nocontents_text.png new file mode 100755 index 0000000..0272309 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Nocontents_text.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Nocontents_unnamed.png b/src/themes/tizen/tizen-gray/images/00_Nocontents_unnamed.png new file mode 100755 index 0000000..2114d24 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Nocontents_unnamed.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Option_header_bt.png b/src/themes/tizen/tizen-gray/images/00_Option_header_bt.png new file mode 100755 index 0000000..35ccb75 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Option_header_bt.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Option_header_bt_dim.png b/src/themes/tizen/tizen-gray/images/00_Option_header_bt_dim.png new file mode 100755 index 0000000..bd3a9b6 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Option_header_bt_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Option_header_bt_press.png b/src/themes/tizen/tizen-gray/images/00_Option_header_bt_press.png new file mode 100755 index 0000000..f7d2779 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Option_header_bt_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Title_btn.png b/src/themes/tizen/tizen-gray/images/00_Title_btn.png new file mode 100755 index 0000000..38b318f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Title_btn.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Title_btn_h.png b/src/themes/tizen/tizen-gray/images/00_Title_btn_h.png new file mode 100755 index 0000000..37f2240 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Title_btn_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Title_btn_press.png b/src/themes/tizen/tizen-gray/images/00_Title_btn_press.png new file mode 100755 index 0000000..bc40970 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Title_btn_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Title_btn_press_h.png b/src/themes/tizen/tizen-gray/images/00_Title_btn_press_h.png new file mode 100755 index 0000000..23d4584 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Title_btn_press_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Video_play.png b/src/themes/tizen/tizen-gray/images/00_Video_play.png new file mode 100755 index 0000000..01c534d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Video_play.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_Volumepopup_title_bg.png b/src/themes/tizen/tizen-gray/images/00_Volumepopup_title_bg.png new file mode 100755 index 0000000..9b708b4 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_Volumepopup_title_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_normal.png b/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_normal.png new file mode 100755 index 0000000..4caee0b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_press_01.png b/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_press_01.png new file mode 100755 index 0000000..4cad8da Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_press_01.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_press_02.png b/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_press_02.png new file mode 100755 index 0000000..36d4290 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_press_02.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_press_03.png b/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_press_03.png new file mode 100755 index 0000000..2dba733 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_alarm_repeat_button_press_03.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_arrow_expand _press.png b/src/themes/tizen/tizen-gray/images/00_arrow_expand _press.png new file mode 100755 index 0000000..399ab64 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_arrow_expand _press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_arrow_expand.png b/src/themes/tizen/tizen-gray/images/00_arrow_expand.png new file mode 100755 index 0000000..399ab64 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_arrow_expand.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_arrow_expanddim.png b/src/themes/tizen/tizen-gray/images/00_arrow_expanddim.png new file mode 100755 index 0000000..bf96241 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_arrow_expanddim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_btn_circle_bg_normal.png b/src/themes/tizen/tizen-gray/images/00_btn_circle_bg_normal.png new file mode 100755 index 0000000..23b80f0 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_btn_circle_bg_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_btn_circle_bg_press.png b/src/themes/tizen/tizen-gray/images/00_btn_circle_bg_press.png new file mode 100755 index 0000000..9408a25 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_btn_circle_bg_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_01_dim.png b/src/themes/tizen/tizen-gray/images/00_button_01_dim.png new file mode 100755 index 0000000..9ca5a44 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_01_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_01_normal.png b/src/themes/tizen/tizen-gray/images/00_button_01_normal.png new file mode 100755 index 0000000..9290a24 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_01_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_01_normal_press.png b/src/themes/tizen/tizen-gray/images/00_button_01_normal_press.png new file mode 100755 index 0000000..f429735 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_01_normal_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_04_dim.png b/src/themes/tizen/tizen-gray/images/00_button_04_dim.png new file mode 100755 index 0000000..df381ba Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_04_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_04_normal.png b/src/themes/tizen/tizen-gray/images/00_button_04_normal.png new file mode 100755 index 0000000..1709d98 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_04_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_04_press.png b/src/themes/tizen/tizen-gray/images/00_button_04_press.png new file mode 100755 index 0000000..f429735 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_04_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_05_dim.png b/src/themes/tizen/tizen-gray/images/00_button_05_dim.png new file mode 100755 index 0000000..4ed088e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_05_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_05_normal.png b/src/themes/tizen/tizen-gray/images/00_button_05_normal.png new file mode 100755 index 0000000..28a4382 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_05_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_05_press.png b/src/themes/tizen/tizen-gray/images/00_button_05_press.png new file mode 100755 index 0000000..2984427 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_05_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_06_dim.png b/src/themes/tizen/tizen-gray/images/00_button_06_dim.png new file mode 100755 index 0000000..0df5593 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_06_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_06_normal.png b/src/themes/tizen/tizen-gray/images/00_button_06_normal.png new file mode 100755 index 0000000..c8c5884 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_06_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_06_press.png b/src/themes/tizen/tizen-gray/images/00_button_06_press.png new file mode 100755 index 0000000..aea3bcc Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_06_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_call.png b/src/themes/tizen/tizen-gray/images/00_button_call.png new file mode 100755 index 0000000..9c13b04 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_call.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_call_press.png b/src/themes/tizen/tizen-gray/images/00_button_call_press.png new file mode 100755 index 0000000..9c13b04 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_call_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_cancel.png b/src/themes/tizen/tizen-gray/images/00_button_cancel.png new file mode 100755 index 0000000..f8eaf80 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_cancel.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_cancel_press.png b/src/themes/tizen/tizen-gray/images/00_button_cancel_press.png new file mode 100755 index 0000000..f8eaf80 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_cancel_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_edit.png b/src/themes/tizen/tizen-gray/images/00_button_edit.png new file mode 100755 index 0000000..a7aabe9 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_edit.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_edit_dim.png b/src/themes/tizen/tizen-gray/images/00_button_edit_dim.png new file mode 100755 index 0000000..43b7c24 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_edit_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_edit_press.png b/src/themes/tizen/tizen-gray/images/00_button_edit_press.png new file mode 100755 index 0000000..306c745 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_edit_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_expand_closed.png b/src/themes/tizen/tizen-gray/images/00_button_expand_closed.png new file mode 100755 index 0000000..b421ad1 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_expand_closed.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_expand_closed_press.png b/src/themes/tizen/tizen-gray/images/00_button_expand_closed_press.png new file mode 100755 index 0000000..b421ad1 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_expand_closed_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_expand_opened.png b/src/themes/tizen/tizen-gray/images/00_button_expand_opened.png new file mode 100755 index 0000000..9d89e65 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_expand_opened.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_expand_opened_press.png b/src/themes/tizen/tizen-gray/images/00_button_expand_opened_press.png new file mode 100755 index 0000000..9d89e65 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_expand_opened_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_icon_expand_closed.png b/src/themes/tizen/tizen-gray/images/00_button_icon_expand_closed.png new file mode 100755 index 0000000..acca071 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_icon_expand_closed.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_icon_expand_closed_press.png b/src/themes/tizen/tizen-gray/images/00_button_icon_expand_closed_press.png new file mode 100755 index 0000000..acca071 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_icon_expand_closed_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_icon_expand_opened.png b/src/themes/tizen/tizen-gray/images/00_button_icon_expand_opened.png new file mode 100755 index 0000000..cd36ac1 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_icon_expand_opened.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_icon_expand_opened_press.png b/src/themes/tizen/tizen-gray/images/00_button_icon_expand_opened_press.png new file mode 100755 index 0000000..cd36ac1 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_icon_expand_opened_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_icon_minus.png b/src/themes/tizen/tizen-gray/images/00_button_icon_minus.png new file mode 100755 index 0000000..f9a376f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_icon_minus.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_icon_minus_press.png b/src/themes/tizen/tizen-gray/images/00_button_icon_minus_press.png new file mode 100755 index 0000000..ee9aedd Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_icon_minus_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_icon_plus.png b/src/themes/tizen/tizen-gray/images/00_button_icon_plus.png new file mode 100755 index 0000000..1ee0149 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_icon_plus.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_icon_plus_press.png b/src/themes/tizen/tizen-gray/images/00_button_icon_plus_press.png new file mode 100755 index 0000000..1ee0149 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_icon_plus_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_info.png b/src/themes/tizen/tizen-gray/images/00_button_info.png new file mode 100755 index 0000000..4a6e104 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_info.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_info_press.png b/src/themes/tizen/tizen-gray/images/00_button_info_press.png new file mode 100755 index 0000000..4a6e104 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_info_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_minus_normal.png b/src/themes/tizen/tizen-gray/images/00_button_minus_normal.png new file mode 100755 index 0000000..eadabad Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_minus_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_minus_press.png b/src/themes/tizen/tizen-gray/images/00_button_minus_press.png new file mode 100755 index 0000000..eadabad Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_minus_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_off.png b/src/themes/tizen/tizen-gray/images/00_button_off.png new file mode 100755 index 0000000..3587a8f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_off.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_on.png b/src/themes/tizen/tizen-gray/images/00_button_on.png new file mode 100755 index 0000000..db96e36 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_on.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_plus_normal.png b/src/themes/tizen/tizen-gray/images/00_button_plus_normal.png new file mode 100755 index 0000000..724d1a8 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_plus_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_plus_press.png b/src/themes/tizen/tizen-gray/images/00_button_plus_press.png new file mode 100755 index 0000000..724d1a8 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_plus_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_popup_dim.png b/src/themes/tizen/tizen-gray/images/00_button_popup_dim.png new file mode 100755 index 0000000..9ca5a44 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_popup_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_popup_normal.png b/src/themes/tizen/tizen-gray/images/00_button_popup_normal.png new file mode 100755 index 0000000..7b486af Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_popup_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_popup_press.png b/src/themes/tizen/tizen-gray/images/00_button_popup_press.png new file mode 100755 index 0000000..f429735 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_popup_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_radio_normal1.png b/src/themes/tizen/tizen-gray/images/00_button_radio_normal1.png new file mode 100755 index 0000000..8511481 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_radio_normal1.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_radio_normal2.png b/src/themes/tizen/tizen-gray/images/00_button_radio_normal2.png new file mode 100755 index 0000000..8ace6b3 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_radio_normal2.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_radio_press1.png b/src/themes/tizen/tizen-gray/images/00_button_radio_press1.png new file mode 100755 index 0000000..4ba1c87 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_radio_press1.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_radio_press2.png b/src/themes/tizen/tizen-gray/images/00_button_radio_press2.png new file mode 100755 index 0000000..957c127 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_radio_press2.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_rename.png b/src/themes/tizen/tizen-gray/images/00_button_rename.png new file mode 100755 index 0000000..39c5de5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_rename.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_rename_press.png b/src/themes/tizen/tizen-gray/images/00_button_rename_press.png new file mode 100755 index 0000000..39c5de5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_rename_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_reveal.png b/src/themes/tizen/tizen-gray/images/00_button_reveal.png new file mode 100755 index 0000000..973b0ea Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_reveal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_reveal_left.png b/src/themes/tizen/tizen-gray/images/00_button_reveal_left.png new file mode 100755 index 0000000..5740523 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_reveal_left.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_reveal_left_press.png b/src/themes/tizen/tizen-gray/images/00_button_reveal_left_press.png new file mode 100755 index 0000000..c1a99fa Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_reveal_left_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_reveal_press.png b/src/themes/tizen/tizen-gray/images/00_button_reveal_press.png new file mode 100755 index 0000000..973b0ea Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_reveal_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_send.png b/src/themes/tizen/tizen-gray/images/00_button_send.png new file mode 100755 index 0000000..c3bf732 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_send.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_send_press.png b/src/themes/tizen/tizen-gray/images/00_button_send_press.png new file mode 100755 index 0000000..c3bf732 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_send_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_sweep.png b/src/themes/tizen/tizen-gray/images/00_button_sweep.png new file mode 100755 index 0000000..638a16b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_sweep.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_sweep_delete.png b/src/themes/tizen/tizen-gray/images/00_button_sweep_delete.png new file mode 100755 index 0000000..87d7185 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_sweep_delete.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_sweep_dim.png b/src/themes/tizen/tizen-gray/images/00_button_sweep_dim.png new file mode 100755 index 0000000..c53e775 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_sweep_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_sweep_press.png b/src/themes/tizen/tizen-gray/images/00_button_sweep_press.png new file mode 100755 index 0000000..451bf38 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_sweep_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_warning.png b/src/themes/tizen/tizen-gray/images/00_button_warning.png new file mode 100755 index 0000000..c4789db Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_warning.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_button_warning_press.png b/src/themes/tizen/tizen-gray/images/00_button_warning_press.png new file mode 100755 index 0000000..98a1265 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_button_warning_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_caller ID_masking_BG.png b/src/themes/tizen/tizen-gray/images/00_caller ID_masking_BG.png new file mode 100755 index 0000000..169b5a8 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_caller ID_masking_BG.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_check_bg.png b/src/themes/tizen/tizen-gray/images/00_check_bg.png new file mode 100755 index 0000000..06f38ca Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_check_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_check_bg_press.png b/src/themes/tizen/tizen-gray/images/00_check_bg_press.png new file mode 100755 index 0000000..2c2599b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_check_bg_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_check_checking.png b/src/themes/tizen/tizen-gray/images/00_check_checking.png new file mode 100755 index 0000000..eaf68c4 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_check_checking.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_color_picker_btn_left.png b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_left.png new file mode 100755 index 0000000..684153d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_left.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_color_picker_btn_left_dim.png b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_left_dim.png new file mode 100755 index 0000000..003c491 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_left_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_color_picker_btn_left_press.png b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_left_press.png new file mode 100755 index 0000000..91a80e5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_left_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_color_picker_btn_right.png b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_right.png new file mode 100755 index 0000000..d24b631 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_right.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_color_picker_btn_right_dim.png b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_right_dim.png new file mode 100755 index 0000000..84c8a07 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_right_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_color_picker_btn_right_press.png b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_right_press.png new file mode 100755 index 0000000..de5d76d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_color_picker_btn_right_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_color_picker_focus.png b/src/themes/tizen/tizen-gray/images/00_color_picker_focus.png new file mode 100755 index 0000000..f6afdd7 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_color_picker_focus.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_color_picker_palett.png b/src/themes/tizen/tizen-gray/images/00_color_picker_palett.png new file mode 100755 index 0000000..2130190 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_color_picker_palett.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_color_picker_palette_focus.png b/src/themes/tizen/tizen-gray/images/00_color_picker_palette_focus.png new file mode 100755 index 0000000..2614ed0 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_color_picker_palette_focus.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_fast_scroll_popup_bg.png b/src/themes/tizen/tizen-gray/images/00_fast_scroll_popup_bg.png new file mode 100755 index 0000000..b8f0b9a Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_fast_scroll_popup_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_fast_scroll_rollover_bg.png b/src/themes/tizen/tizen-gray/images/00_fast_scroll_rollover_bg.png new file mode 100755 index 0000000..a2b108c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_fast_scroll_rollover_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_field_btn_Clear.png b/src/themes/tizen/tizen-gray/images/00_field_btn_Clear.png new file mode 100755 index 0000000..c4f2b35 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_field_btn_Clear.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_index list_bg.png b/src/themes/tizen/tizen-gray/images/00_index list_bg.png new file mode 100755 index 0000000..6f6aa04 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_index list_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_input_bg.png b/src/themes/tizen/tizen-gray/images/00_input_bg.png new file mode 100755 index 0000000..d5c11f5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_input_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_list_group_bg.png b/src/themes/tizen/tizen-gray/images/00_list_group_bg.png new file mode 100755 index 0000000..c023e50 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_list_group_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_list_img_check.png b/src/themes/tizen/tizen-gray/images/00_list_img_check.png new file mode 100755 index 0000000..c954b08 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_list_img_check.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_001.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_001.png new file mode 100644 index 0000000..ecd4f24 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_001.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_002.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_002.png new file mode 100644 index 0000000..fc2ae05 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_002.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_1.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_1.png new file mode 100644 index 0000000..fddb025 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_1.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_10.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_10.png new file mode 100644 index 0000000..5faf411 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_10.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_2.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_2.png new file mode 100644 index 0000000..c522c5f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_2.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_3.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_3.png new file mode 100644 index 0000000..4a0f89b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_3.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_4.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_4.png new file mode 100644 index 0000000..f8a8de9 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_4.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_5.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_5.png new file mode 100644 index 0000000..887b31a Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_5.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_6.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_6.png new file mode 100644 index 0000000..ae94045 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_6.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_7.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_7.png new file mode 100644 index 0000000..b6fee01 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_7.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_8.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_8.png new file mode 100644 index 0000000..d1c1158 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_8.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_9.png b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_9.png new file mode 100644 index 0000000..c1629d6 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_mainmenu_page_bar_9.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_photo_masking.png b/src/themes/tizen/tizen-gray/images/00_photo_masking.png new file mode 100755 index 0000000..e3f2a1d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_photo_masking.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_picker_arrow_left.png b/src/themes/tizen/tizen-gray/images/00_picker_arrow_left.png new file mode 100755 index 0000000..205ecac Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_picker_arrow_left.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_picker_arrow_left_press.png b/src/themes/tizen/tizen-gray/images/00_picker_arrow_left_press.png new file mode 100755 index 0000000..205ecac Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_picker_arrow_left_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_picker_arrow_right.png b/src/themes/tizen/tizen-gray/images/00_picker_arrow_right.png new file mode 100755 index 0000000..1461a0c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_picker_arrow_right.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_picker_arrow_right_press.png b/src/themes/tizen/tizen-gray/images/00_picker_arrow_right_press.png new file mode 100755 index 0000000..1461a0c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_picker_arrow_right_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_picker_btn_normal.png b/src/themes/tizen/tizen-gray/images/00_picker_btn_normal.png new file mode 100755 index 0000000..215887b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_picker_btn_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_picker_btn_press.png b/src/themes/tizen/tizen-gray/images/00_picker_btn_press.png new file mode 100755 index 0000000..a32a884 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_picker_btn_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_picker_panel_bg.png b/src/themes/tizen/tizen-gray/images/00_picker_panel_bg.png new file mode 100755 index 0000000..e274bca Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_picker_panel_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_popup_bg.png b/src/themes/tizen/tizen-gray/images/00_popup_bg.png new file mode 100755 index 0000000..e15e423 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_popup_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_popup_bottom_bg.png b/src/themes/tizen/tizen-gray/images/00_popup_bottom_bg.png new file mode 100755 index 0000000..273e7ce Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_popup_bottom_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_popup_bubble_bg.png b/src/themes/tizen/tizen-gray/images/00_popup_bubble_bg.png new file mode 100755 index 0000000..6425919 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_popup_bubble_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_popup_bubble_tail_bottom.png b/src/themes/tizen/tizen-gray/images/00_popup_bubble_tail_bottom.png new file mode 100755 index 0000000..432bfac Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_popup_bubble_tail_bottom.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_popup_bubble_tail_top.png b/src/themes/tizen/tizen-gray/images/00_popup_bubble_tail_top.png new file mode 100755 index 0000000..cc2bec6 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_popup_bubble_tail_top.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_popup_title_bg.png b/src/themes/tizen/tizen-gray/images/00_popup_title_bg.png new file mode 100755 index 0000000..c25d08e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_popup_title_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_reorder_group_list_bg.png b/src/themes/tizen/tizen-gray/images/00_reorder_group_list_bg.png new file mode 100755 index 0000000..b551f88 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_reorder_group_list_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_scroll_bar.png b/src/themes/tizen/tizen-gray/images/00_scroll_bar.png new file mode 100755 index 0000000..86930ea Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_scroll_bar.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_scroll_bar_02.png b/src/themes/tizen/tizen-gray/images/00_scroll_bar_02.png new file mode 100755 index 0000000..1585d22 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_scroll_bar_02.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_scroll_bar_handler.png b/src/themes/tizen/tizen-gray/images/00_scroll_bar_handler.png new file mode 100755 index 0000000..299bb93 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_scroll_bar_handler.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_scroll_bar_handler_hor.png b/src/themes/tizen/tizen-gray/images/00_scroll_bar_handler_hor.png new file mode 100755 index 0000000..a7d1e15 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_scroll_bar_handler_hor.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_search_icon.png b/src/themes/tizen/tizen-gray/images/00_search_icon.png new file mode 100755 index 0000000..086c91d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_search_icon.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_search_input_field_bg.png b/src/themes/tizen/tizen-gray/images/00_search_input_field_bg.png new file mode 100755 index 0000000..1aedfd2 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_search_input_field_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_slider_btn_brightness01.png b/src/themes/tizen/tizen-gray/images/00_slider_btn_brightness01.png new file mode 100755 index 0000000..fef2550 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_slider_btn_brightness01.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_slider_btn_brightness02.png b/src/themes/tizen/tizen-gray/images/00_slider_btn_brightness02.png new file mode 100755 index 0000000..842e8be Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_slider_btn_brightness02.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_slider_btn_volume01.png b/src/themes/tizen/tizen-gray/images/00_slider_btn_volume01.png new file mode 100755 index 0000000..35aca93 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_slider_btn_volume01.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_slider_btn_volume02.png b/src/themes/tizen/tizen-gray/images/00_slider_btn_volume02.png new file mode 100755 index 0000000..bbd50e1 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_slider_btn_volume02.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_slider_handle.png b/src/themes/tizen/tizen-gray/images/00_slider_handle.png new file mode 100755 index 0000000..6047d2d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_slider_handle.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_slider_handle_dim.png b/src/themes/tizen/tizen-gray/images/00_slider_handle_dim.png new file mode 100755 index 0000000..829f99d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_slider_handle_dim.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_slider_handle_press.png b/src/themes/tizen/tizen-gray/images/00_slider_handle_press.png new file mode 100755 index 0000000..e3ebf5e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_slider_handle_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_slider_popup_bg.png b/src/themes/tizen/tizen-gray/images/00_slider_popup_bg.png new file mode 100755 index 0000000..0aad395 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_slider_popup_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_splitscreen_handler.png b/src/themes/tizen/tizen-gray/images/00_splitscreen_handler.png new file mode 100755 index 0000000..de0f345 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_splitscreen_handler.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_splitscreen_handler_hor.png b/src/themes/tizen/tizen-gray/images/00_splitscreen_handler_hor.png new file mode 100755 index 0000000..5f2e7b5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_splitscreen_handler_hor.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_sweep_list_bg.png b/src/themes/tizen/tizen-gray/images/00_sweep_list_bg.png new file mode 100755 index 0000000..875c68e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_sweep_list_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_timepicker_number_bg.png b/src/themes/tizen/tizen-gray/images/00_timepicker_number_bg.png new file mode 100755 index 0000000..29aa7f6 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_timepicker_number_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_timepicker_tail.png b/src/themes/tizen/tizen-gray/images/00_timepicker_tail.png new file mode 100755 index 0000000..f219f83 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_timepicker_tail.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_Back.png b/src/themes/tizen/tizen-gray/images/00_winset_Back.png new file mode 100755 index 0000000..780e24e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_Back.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_normal.png b/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_normal.png new file mode 100755 index 0000000..cb7ca0b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_normal_h.png b/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_normal_h.png new file mode 100755 index 0000000..539f21d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_normal_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_press.png b/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_press.png new file mode 100755 index 0000000..7032b70 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_press_h.png b/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_press_h.png new file mode 100755 index 0000000..8c47f13 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_Back_btn_press_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_optiontray.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_optiontray.png new file mode 100755 index 0000000..cf918c8 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_optiontray.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_normal.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_normal.png new file mode 100755 index 0000000..f1e3144 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_press_center.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_press_center.png new file mode 100755 index 0000000..062cde0 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_press_center.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_press_left.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_press_left.png new file mode 100755 index 0000000..2eed728 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_press_left.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_press_right.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_press_right.png new file mode 100755 index 0000000..98a28ed Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_body_press_right.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_normal.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_normal.png new file mode 100755 index 0000000..8babbff Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_normal_h.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_normal_h.png new file mode 100755 index 0000000..4b20ed9 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_normal_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_01.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_01.png new file mode 100755 index 0000000..845b19f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_01.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_01_h.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_01_h.png new file mode 100755 index 0000000..ab30b27 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_01_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_02.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_02.png new file mode 100755 index 0000000..5bc86d0 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_02.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_02_h.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_02_h.png new file mode 100755 index 0000000..cd84b06 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_02_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_03.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_03.png new file mode 100755 index 0000000..bd0f1bd Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_03.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_03_h.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_03_h.png new file mode 100755 index 0000000..7d80637 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_sge_press_03_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_normal.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_normal.png new file mode 100755 index 0000000..ae793bc Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_normal.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_press_01.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_press_01.png new file mode 100755 index 0000000..0bbfe26 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_press_01.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_press_02.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_press_02.png new file mode 100755 index 0000000..30e9804 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_press_02.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_press_03.png b/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_press_03.png new file mode 100755 index 0000000..38cb3d7 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_btn_toolbar_sge_press_03.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_control_tabbar_bg.png b/src/themes/tizen/tizen-gray/images/00_winset_control_tabbar_bg.png new file mode 100755 index 0000000..a98c595 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_control_tabbar_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_control_tabbar_bg_h.png b/src/themes/tizen/tizen-gray/images/00_winset_control_tabbar_bg_h.png new file mode 100755 index 0000000..137372f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_control_tabbar_bg_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_bg.png b/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_bg.png new file mode 100755 index 0000000..d21ae34 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_bg_h.png b/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_bg_h.png new file mode 100755 index 0000000..d76a79f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_bg_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_line.png b/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_line.png new file mode 100755 index 0000000..3d06505 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_line.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_line_h.png b/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_line_h.png new file mode 100755 index 0000000..ec94db9 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_control_toolbar_line_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_control_top_arrow.png b/src/themes/tizen/tizen-gray/images/00_winset_control_top_arrow.png new file mode 100755 index 0000000..f5fffc8 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_control_top_arrow.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_control_top_arrow_h.png b/src/themes/tizen/tizen-gray/images/00_winset_control_top_arrow_h.png new file mode 100755 index 0000000..0d6ed9e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_control_top_arrow_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_control_top_bg.png b/src/themes/tizen/tizen-gray/images/00_winset_control_top_bg.png new file mode 100755 index 0000000..187516e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_control_top_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_icon_Status.png b/src/themes/tizen/tizen-gray/images/00_winset_icon_Status.png new file mode 100755 index 0000000..2b8df41 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_icon_Status.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_icon_favorite_off.png b/src/themes/tizen/tizen-gray/images/00_winset_icon_favorite_off.png new file mode 100755 index 0000000..3a9fcb4 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_icon_favorite_off.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_icon_favorite_on.png b/src/themes/tizen/tizen-gray/images/00_winset_icon_favorite_on.png new file mode 100755 index 0000000..1d100a9 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_icon_favorite_on.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_list_progress_bar.png b/src/themes/tizen/tizen-gray/images/00_winset_list_progress_bar.png new file mode 100755 index 0000000..e531572 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_list_progress_bar.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_list_progress_bg.png b/src/themes/tizen/tizen-gray/images/00_winset_list_progress_bg.png new file mode 100755 index 0000000..c814106 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_list_progress_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_notification_bg.png b/src/themes/tizen/tizen-gray/images/00_winset_notification_bg.png new file mode 100755 index 0000000..c837a6e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_notification_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_progress_pending_01.png b/src/themes/tizen/tizen-gray/images/00_winset_progress_pending_01.png new file mode 100755 index 0000000..481de4b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_progress_pending_01.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_progress_pending_02.png b/src/themes/tizen/tizen-gray/images/00_winset_progress_pending_02.png new file mode 100755 index 0000000..3df3d0b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_progress_pending_02.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_tabbar_focus.png b/src/themes/tizen/tizen-gray/images/00_winset_tabbar_focus.png new file mode 100755 index 0000000..06552b2 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_tabbar_focus.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_title_bg.png b/src/themes/tizen/tizen-gray/images/00_winset_title_bg.png new file mode 100755 index 0000000..c837a6e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_title_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_title_bg_h.png b/src/themes/tizen/tizen-gray/images/00_winset_title_bg_h.png new file mode 100755 index 0000000..553902e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_title_bg_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_title_tabbar_bg.png b/src/themes/tizen/tizen-gray/images/00_winset_title_tabbar_bg.png new file mode 100755 index 0000000..3afcd25 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_title_tabbar_bg.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_title_tabbar_bg_h.png b/src/themes/tizen/tizen-gray/images/00_winset_title_tabbar_bg_h.png new file mode 100755 index 0000000..2e12780 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_title_tabbar_bg_h.png differ diff --git a/src/themes/tizen/tizen-gray/images/00_winset_toolbar_press.png b/src/themes/tizen/tizen-gray/images/00_winset_toolbar_press.png new file mode 100755 index 0000000..98698f3 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/00_winset_toolbar_press.png differ diff --git a/src/themes/tizen/tizen-gray/images/Volume/00_volume_icon.png b/src/themes/tizen/tizen-gray/images/Volume/00_volume_icon.png new file mode 100755 index 0000000..1909685 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/Volume/00_volume_icon.png differ diff --git a/src/themes/tizen/tizen-gray/images/Volume/00_volume_icon_Mute.png b/src/themes/tizen/tizen-gray/images/Volume/00_volume_icon_Mute.png new file mode 100755 index 0000000..bc99150 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/Volume/00_volume_icon_Mute.png differ diff --git a/src/themes/tizen/tizen-gray/images/Volume/00_volume_icon_Vibrat.png b/src/themes/tizen/tizen-gray/images/Volume/00_volume_icon_Vibrat.png new file mode 100755 index 0000000..d40a47e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/Volume/00_volume_icon_Vibrat.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_3Dview.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_3Dview.png new file mode 100755 index 0000000..9769b25 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_3Dview.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_DM.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_DM.png new file mode 100755 index 0000000..f27e616 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_DM.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_Externalstorage.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_Externalstorage.png new file mode 100755 index 0000000..247fa73 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_Externalstorage.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_MemoryCard.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_MemoryCard.png new file mode 100755 index 0000000..3f10810 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_MemoryCard.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_Play.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_Play.png new file mode 100755 index 0000000..4a0505e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_Play.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_TTS.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_TTS.png new file mode 100755 index 0000000..666c821 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_TTS.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_account_sign-up.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_account_sign-up.png new file mode 100755 index 0000000..2288758 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_account_sign-up.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_accounts.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_accounts.png new file mode 100755 index 0000000..768d8db Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_accounts.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add-to-bookmarks.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add-to-bookmarks.png new file mode 100755 index 0000000..bc2e48b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add-to-bookmarks.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add-to-calendar.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add-to-calendar.png new file mode 100755 index 0000000..20eae31 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add-to-calendar.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add_tag.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add_tag.png new file mode 100755 index 0000000..cf631ac Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add_tag.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add_to_contact.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add_to_contact.png new file mode 100755 index 0000000..65d47e4 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_add_to_contact.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_alarm.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_alarm.png new file mode 100755 index 0000000..50997d5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_alarm.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_albums.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_albums.png new file mode 100755 index 0000000..03f8404 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_albums.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_area.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_area.png new file mode 100755 index 0000000..8b3889b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_area.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_artist.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_artist.png new file mode 100755 index 0000000..c7b10a9 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_artist.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_attach.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_attach.png new file mode 100755 index 0000000..4ab53f2 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_attach.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_back.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_back.png new file mode 100755 index 0000000..64dbf1b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_back.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_backward.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_backward.png new file mode 100755 index 0000000..066f51c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_backward.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_bluetooth_preview.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_bluetooth_preview.png new file mode 100755 index 0000000..99946bb Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_bluetooth_preview.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_bookmarks.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_bookmarks.png new file mode 100755 index 0000000..586e1f3 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_bookmarks.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_brightness.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_brightness.png new file mode 100755 index 0000000..953dc47 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_brightness.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_calendar.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_calendar.png new file mode 100755 index 0000000..30cea7c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_calendar.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_call.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_call.png new file mode 100755 index 0000000..b8b7806 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_call.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_camera.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_camera.png new file mode 100755 index 0000000..234a611 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_camera.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_category.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_category.png new file mode 100755 index 0000000..829b21d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_category.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_change_group.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_change_group.png new file mode 100755 index 0000000..9d1e569 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_change_group.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_chat.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_chat.png new file mode 100755 index 0000000..50d1943 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_chat.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_check.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_check.png new file mode 100755 index 0000000..5be28b7 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_check.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_close.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_close.png new file mode 100755 index 0000000..91b04e5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_close.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_compose.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_compose.png new file mode 100755 index 0000000..20b71f7 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_compose.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_composer.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_composer.png new file mode 100755 index 0000000..71a9192 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_composer.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_contacts.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_contacts.png new file mode 100755 index 0000000..a376989 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_contacts.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_copy.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_copy.png new file mode 100755 index 0000000..13c40bb Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_copy.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_create.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_create.png new file mode 100755 index 0000000..0dc1144 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_create.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_create_folder.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_create_folder.png new file mode 100755 index 0000000..d74811f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_create_folder.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_delete.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_delete.png new file mode 100755 index 0000000..faaa0d3 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_delete.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_dialer.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_dialer.png new file mode 100755 index 0000000..1ad19c7 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_dialer.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_edit.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_edit.png new file mode 100755 index 0000000..4ddc598 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_edit.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_editor.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_editor.png new file mode 100755 index 0000000..924818f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_editor.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_eng_eng_result.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_eng_eng_result.png new file mode 100755 index 0000000..466584c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_eng_eng_result.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_exchangs_register.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_exchangs_register.png new file mode 100755 index 0000000..58c6e27 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_exchangs_register.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_favorite.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_favorite.png new file mode 100755 index 0000000..aa13cf9 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_favorite.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_features.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_features.png new file mode 100755 index 0000000..e05d165 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_features.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_forward.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_forward.png new file mode 100755 index 0000000..a1fca43 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_forward.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_genre.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_genre.png new file mode 100755 index 0000000..bb6336c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_genre.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_groups.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_groups.png new file mode 100755 index 0000000..e793512 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_groups.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_help.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_help.png new file mode 100755 index 0000000..7345a02 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_help.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_home.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_home.png new file mode 100755 index 0000000..93e3fad Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_home.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_info.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_info.png new file mode 100755 index 0000000..0320ad3 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_info.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_length.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_length.png new file mode 100755 index 0000000..b23f708 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_length.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_list_by.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_list_by.png new file mode 100755 index 0000000..0c17352 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_list_by.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_logs.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_logs.png new file mode 100755 index 0000000..384341b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_logs.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_map.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_map.png new file mode 100755 index 0000000..7300286 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_map.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_memolist.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_memolist.png new file mode 100755 index 0000000..8d92234 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_memolist.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_mention.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_mention.png new file mode 100755 index 0000000..31774da Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_mention.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_menu.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_menu.png new file mode 100755 index 0000000..b5a9a8d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_menu.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_more.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_more.png new file mode 100755 index 0000000..651c8e1 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_more.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_move.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_move.png new file mode 100755 index 0000000..fdc8c8a Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_move.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview.png new file mode 100755 index 0000000..2d731eb Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_02.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_02.png new file mode 100755 index 0000000..32ff645 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_02.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_03.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_03.png new file mode 100755 index 0000000..8d74949 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_03.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_04.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_04.png new file mode 100755 index 0000000..66bc543 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_04.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_05.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_05.png new file mode 100755 index 0000000..f17bba0 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_05.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_06.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_06.png new file mode 100755 index 0000000..dce660a Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_06.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_07.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_07.png new file mode 100755 index 0000000..427f171 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_07.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_08.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_08.png new file mode 100755 index 0000000..8c4467c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_08.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_09.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_09.png new file mode 100755 index 0000000..5a7719f Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_multiview_09.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_music_albums.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_music_albums.png new file mode 100755 index 0000000..ad20f50 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_music_albums.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_pause.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_pause.png new file mode 100755 index 0000000..4483640 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_pause.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_phone.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_phone.png new file mode 100755 index 0000000..74e9ec6 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_phone.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_playlists.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_playlists.png new file mode 100755 index 0000000..44eabbf Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_playlists.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_receive.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_receive.png new file mode 100755 index 0000000..06e7946 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_receive.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_reply.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_reply.png new file mode 100755 index 0000000..4bdadbd Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_reply.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_save.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_save.png new file mode 100755 index 0000000..f8a9278 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_save.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_save_to_calender.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_save_to_calender.png new file mode 100755 index 0000000..c604f31 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_save_to_calender.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_scrap.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_scrap.png new file mode 100755 index 0000000..b46bd8b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_scrap.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_search.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_search.png new file mode 100755 index 0000000..ff46fa3 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_search.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_send.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_send.png new file mode 100755 index 0000000..7855940 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_send.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_set_as.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_set_as.png new file mode 100755 index 0000000..b519baf Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_set_as.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_settings.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_settings.png new file mode 100755 index 0000000..bbea504 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_settings.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_setup_wizard_previous.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_setup_wizard_previous.png new file mode 100755 index 0000000..2185437 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_setup_wizard_previous.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_share.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_share.png new file mode 100755 index 0000000..c1a20b5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_share.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_songs.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_songs.png new file mode 100755 index 0000000..ddf797e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_songs.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_stop_watch.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_stop_watch.png new file mode 100755 index 0000000..c176aa2 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_stop_watch.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_store.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_store.png new file mode 100755 index 0000000..54c32f5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_store.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_start_sync.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_start_sync.png new file mode 100755 index 0000000..e91d2e4 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_start_sync.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_stop_01.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_stop_01.png new file mode 100755 index 0000000..5121229 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_stop_01.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_stop_02.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_stop_02.png new file mode 100755 index 0000000..138bed9 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_stop_02.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_stop_03.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_stop_03.png new file mode 100755 index 0000000..fcc1917 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_stop_03.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_view_result.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_view_result.png new file mode 100755 index 0000000..107f009 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_synchronise_view_result.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_tag.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_tag.png new file mode 100755 index 0000000..f942628 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_tag.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_temp.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_temp.png new file mode 100755 index 0000000..0ae4445 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_temp.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_timeline.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_timeline.png new file mode 100755 index 0000000..f456014 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_timeline.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_timer.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_timer.png new file mode 100755 index 0000000..2464103 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_timer.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_today.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_today.png new file mode 100755 index 0000000..c200446 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_today.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_top.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_top.png new file mode 100755 index 0000000..f7e63fa Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_top.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_trim.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_trim.png new file mode 100755 index 0000000..b46bd8b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_trim.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_unread_message.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_unread_message.png new file mode 100755 index 0000000..bda2bee Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_unread_message.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_update.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_update.png new file mode 100755 index 0000000..524b7ca Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_update.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_upload_export.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_upload_export.png new file mode 100755 index 0000000..c381158 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_upload_export.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_volume.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_volume.png new file mode 100755 index 0000000..1b676dc Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_volume.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_weight.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_weight.png new file mode 100755 index 0000000..514d155 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_weight.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_world_clock.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_world_clock.png new file mode 100755 index 0000000..e9b7669 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_world_clock.png differ diff --git a/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_year.png b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_year.png new file mode 100755 index 0000000..a4e14d5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/controlbar/01_controlbar_icon_year.png differ diff --git a/src/themes/tizen/tizen-gray/images/icons-18-black.png b/src/themes/tizen/tizen-gray/images/icons-18-black.png new file mode 100644 index 0000000..1ecfd26 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/icons-18-black.png differ diff --git a/src/themes/tizen/tizen-gray/images/icons-18-white.png b/src/themes/tizen/tizen-gray/images/icons-18-white.png new file mode 100644 index 0000000..0c70831 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/icons-18-white.png differ diff --git a/src/themes/tizen/tizen-gray/images/icons-36-black.png b/src/themes/tizen/tizen-gray/images/icons-36-black.png new file mode 100644 index 0000000..4c72adf Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/icons-36-black.png differ diff --git a/src/themes/tizen/tizen-gray/images/icons-36-white.png b/src/themes/tizen/tizen-gray/images/icons-36-white.png new file mode 100644 index 0000000..84ea9fb Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/icons-36-white.png differ diff --git a/src/themes/tizen/tizen-gray/images/popup/00_popup_arrow_bottom.png b/src/themes/tizen/tizen-gray/images/popup/00_popup_arrow_bottom.png new file mode 100755 index 0000000..f8101af Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/popup/00_popup_arrow_bottom.png differ diff --git a/src/themes/tizen/tizen-gray/images/popup/00_popup_arrow_top.png b/src/themes/tizen/tizen-gray/images/popup/00_popup_arrow_top.png new file mode 100755 index 0000000..8f35070 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/popup/00_popup_arrow_top.png differ diff --git a/src/themes/tizen/tizen-gray/images/popup/00_popup_arrow_ver.png b/src/themes/tizen/tizen-gray/images/popup/00_popup_arrow_ver.png new file mode 100755 index 0000000..21b1351 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/popup/00_popup_arrow_ver.png differ diff --git a/src/themes/tizen/tizen-gray/images/popup/00_popup_bubble_bg_01.png b/src/themes/tizen/tizen-gray/images/popup/00_popup_bubble_bg_01.png new file mode 100755 index 0000000..61d6b7b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/popup/00_popup_bubble_bg_01.png differ diff --git a/src/themes/tizen/tizen-gray/images/popup/00_popup_title_bg_01.png b/src/themes/tizen/tizen-gray/images/popup/00_popup_title_bg_01.png new file mode 100755 index 0000000..dcfbc9c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/popup/00_popup_title_bg_01.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_01.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_01.png new file mode 100755 index 0000000..8124a7b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_01.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_02.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_02.png new file mode 100755 index 0000000..c4428f7 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_02.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_03.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_03.png new file mode 100755 index 0000000..33458d5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_03.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_04.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_04.png new file mode 100755 index 0000000..b3f8ef6 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_04.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_05.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_05.png new file mode 100755 index 0000000..cb53465 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_05.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_06.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_06.png new file mode 100755 index 0000000..1fc9501 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_06.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_07.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_07.png new file mode 100755 index 0000000..1174beb Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_07.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_08.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_08.png new file mode 100755 index 0000000..9386d3a Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_08.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_09.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_09.png new file mode 100755 index 0000000..19c608c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_09.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_10.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_10.png new file mode 100755 index 0000000..72334f2 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_10.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_11.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_11.png new file mode 100755 index 0000000..77ac2f2 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_11.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_12.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_12.png new file mode 100755 index 0000000..466c052 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_12.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_13.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_13.png new file mode 100755 index 0000000..d6047fc Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_13.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_14.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_14.png new file mode 100755 index 0000000..ee0cee5 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_14.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_15.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_15.png new file mode 100755 index 0000000..9733288 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_15.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_16.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_16.png new file mode 100755 index 0000000..fb6b7c6 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_16.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_17.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_17.png new file mode 100755 index 0000000..4ff8db8 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_17.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_18.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_18.png new file mode 100755 index 0000000..d1fde2d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_18.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_19.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_19.png new file mode 100755 index 0000000..c2bb19b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_19.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_20.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_20.png new file mode 100755 index 0000000..50d9e81 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_20.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_21.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_21.png new file mode 100755 index 0000000..c65fe5c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_21.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_22.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_22.png new file mode 100755 index 0000000..b7b4443 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_22.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_23.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_23.png new file mode 100755 index 0000000..f102b8b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_23.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_24.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_24.png new file mode 100755 index 0000000..a47ff9b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_24.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_25.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_25.png new file mode 100755 index 0000000..b306a07 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_25.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_26.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_26.png new file mode 100755 index 0000000..21af3ff Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_26.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_27.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_27.png new file mode 100755 index 0000000..398d438 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_27.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_28.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_28.png new file mode 100755 index 0000000..e0721fa Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_28.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_29.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_29.png new file mode 100755 index 0000000..4fcda20 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_29.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_30.png b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_30.png new file mode 100755 index 0000000..1c5064b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/00_winset_list_process_30.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_01_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_01_32x32.png new file mode 100755 index 0000000..556fd00 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_01_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_02_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_02_32x32.png new file mode 100755 index 0000000..e3f6661 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_02_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_03_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_03_32x32.png new file mode 100755 index 0000000..aabd74d Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_03_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_04_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_04_32x32.png new file mode 100755 index 0000000..6752381 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_04_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_05_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_05_32x32.png new file mode 100755 index 0000000..026bf39 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_05_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_06_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_06_32x32.png new file mode 100755 index 0000000..76ad804 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_06_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_07_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_07_32x32.png new file mode 100755 index 0000000..3ff8e86 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_07_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_08_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_08_32x32.png new file mode 100755 index 0000000..35964af Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_08_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_09_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_09_32x32.png new file mode 100755 index 0000000..acc0e33 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_09_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_10_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_10_32x32.png new file mode 100755 index 0000000..732ab34 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_10_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_11_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_11_32x32.png new file mode 100755 index 0000000..5bb451a Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_11_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_12_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_12_32x32.png new file mode 100755 index 0000000..d411a19 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_12_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_13_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_13_32x32.png new file mode 100755 index 0000000..4df5086 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_13_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_14_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_14_32x32.png new file mode 100755 index 0000000..eda2bb4 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_14_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_15_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_15_32x32.png new file mode 100755 index 0000000..5a1225e Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_15_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_16_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_16_32x32.png new file mode 100755 index 0000000..3fb7f2b Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_16_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_17_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_17_32x32.png new file mode 100755 index 0000000..d40c3a4 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_17_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_18_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_18_32x32.png new file mode 100755 index 0000000..b6f87c0 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_18_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_19_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_19_32x32.png new file mode 100755 index 0000000..e06e91c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_19_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_20_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_20_32x32.png new file mode 100755 index 0000000..b7fea9c Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_20_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_21_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_21_32x32.png new file mode 100755 index 0000000..9b953a6 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_21_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_22_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_22_32x32.png new file mode 100755 index 0000000..e4da281 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_22_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_23_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_23_32x32.png new file mode 100755 index 0000000..a63c879 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_23_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_24_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_24_32x32.png new file mode 100755 index 0000000..d3c8964 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_24_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_25_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_25_32x32.png new file mode 100755 index 0000000..480b0b4 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_25_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_26_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_26_32x32.png new file mode 100755 index 0000000..73a1a83 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_26_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_27_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_27_32x32.png new file mode 100755 index 0000000..c06818a Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_27_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_28_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_28_32x32.png new file mode 100755 index 0000000..015dda9 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_28_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_29_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_29_32x32.png new file mode 100755 index 0000000..01d8f98 Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_29_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_30_32x32.png b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_30_32x32.png new file mode 100755 index 0000000..8633efe Binary files /dev/null and b/src/themes/tizen/tizen-gray/images/process/Process_32x32/00_winset_list_process_30_32x32.png differ diff --git a/src/themes/tizen/tizen-gray/theme.js b/src/themes/tizen/tizen-gray/theme.js new file mode 100644 index 0000000..763989b --- /dev/null +++ b/src/themes/tizen/tizen-gray/theme.js @@ -0,0 +1,22 @@ +(function( $, undefined ) { +//$.mobile.page.prototype.options.backBtnTheme = "s"; + +// Clear default theme for child elements +$.mobile.page.prototype.options.headerTheme = "s"; +$.mobile.page.prototype.options.footerTheme = "s"; +//$.mobile.page.prototype.options.contentTheme = "s"; + +// clear listview +$.mobile.listview.prototype.options.theme = "s"; +$.mobile.listview.prototype.options.countTheme = "s"; +$.mobile.listview.prototype.options.headerTheme = "s"; +$.mobile.listview.prototype.options.dividerTheme = "s"; +$.mobile.listview.prototype.options.splitTheme = "s"; + +//clear button theme +$.mobile.button.prototype.options.theme = "s"; + +// Default theme swatch +$.mobile.page.prototype.options.theme = "s"; + +})(jQuery); diff --git a/src/widgets/000_widgetex/js/widgetex.js b/src/widgets/000_widgetex/js/widgetex.js new file mode 100644 index 0000000..3203459 --- /dev/null +++ b/src/widgets/000_widgetex/js/widgetex.js @@ -0,0 +1,326 @@ +/* + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + */ + +// Base class for widgets that need the following features: +// +// I. HTML prototype loading +// +// This class provides HTML prototype loading for widgets. That is, the widget implementation specifies its HTML portions +// in one continuous HTML snippet, and it optionally provides an object containing selectors into the various parts of the +// HTML snippet. This widget loads the HTML snippet into a jQuery object, and optionally assigns jQuery objects to each of +// the selectors in the optionally provided object. +// +// To use this functionality you can either derive from this class, or you can call its prototype's gtype method. +// +// 1. Widgets deriving from this class should define _htmlProto as part of their prototype declaration. _htmlProto looks like +// this: +// +// _htmlProto: { +// source: string|jQuery object (optional) default: string - The name of the widget +// ui: { +// uiElement1: "#ui-element-1-selector", +// uiElement2: "#ui-element-2-selector", +// ... +// subElement: { +// subElement1: "#sub-element-1-selector", +// subElement2: "#sub-element-2-selector", +// ... +// } +// ... +// } +// } +// +// If neither 'source' nor 'ui' are defined, you must still include an empty _htmlProto key (_htmlProto: {}) to indicate +// that you wish to make use of this feature. This will cause a prototype HTML file named after your widget to be loaded. +// The loaded prototype will be placed into your widget's prototype's _protoHtml.source key. +// +// If 'source' is defined as a string, it is the name of the widget (including namespace). This is the default. If your +// widget's HTML prototype is loaded via AJAX and the name of the AJAX file is different from the name of your widget +// (that is, it is not ".prototype.html", then you should explicitly define 'source' as: +// +// If you wish to load HTML prototypes via AJAX, modify the getProtoPath() function defined below to reflect the directory +// structure holding your widget HTML prototypes. +// +// source: "alternateWidgetName" +// +// If AJAX loading fails, source is set to a jQuery object containing a div with an error message. You can check whether +// loading failed via the jQuery object's jqmData("tizen.widgetex.ajax.fail") data item. If false, then the jQuery object +// is the actual prototype loaded via AJAX or present inline. Otherwise, the jQuery object is the error message div. +// +// If 'source' is defined as a jQuery object, it is considered already loaded. +// +// if 'ui' is defined inside _htmlProto, It is assumed to be an object such that every one of its keys is either a string, +// or another object with the same properties as itself. +// +// When a widget is instantiated, the HTML prototype is loaded if not already present in the prototype. If 'ui' is present +// inside _htmlProto, the prototype is cloned. Then, a new structure is created based on 'ui' with each selector replaced +// by a jQuery object containing the results of performing .find() on the prototype's clone with the filter set to the +// value of the string. In the special case where the selector starts with a '#', the ID is removed from the element after +// it is assigned into the structure being created. This structure is then made accessible from the widget instance via +// the '_ui' key (i.e., this._ui). +// +// 2. Use the loadPrototype method when your widget does not derive from $.tizen.widgetex: +// Add _htmlProto to your widget's prototype as described above. Then, in your widget's _create() method, call +// loadPrototype in the following manner: +// +// $.tizen.widgetex.loadPrototype.call(this, "namespace.widgetName"); +// +// Thereafter, you may use the HTML prototype from your widget's prototype or, if you have specified a 'ui' key in your +// _htmlProto key, you may use this._ui from your widget instance. +// +// II. realize method +// +// When a widget is created, some of its properties cannot be set immediately, because they depend on the widths/heights +// of its constituent elements. They can only be calculated when the page containing the widget is made visible via the +// "pageshow" event, because widths/heights always evaluate to 0 when retrieved from a widget that is not visible. When +// you inherit from widgetex, you can add a "_realize" function to your prototype. This function will be called once right +// after _create() if the element that anchors your widget is on a visible page. Otherwise, it will be called when the +// page to which the widget belongs emits the "pageshow" event. +// +// NB: If your widget is inside a container which is itself not visible, such as an expandable or a collapsible, your +// widget will remain hidden even though "pageshow" is fired and therefore _realize is called. In this case, widths and +// heights will be unreliable even during _realize. +// +// III. systematic option handling +// +// If a widget has lots of options, the _setOption function can become a long switch for setting each recognized option. +// It is also tempting to allow options to determine the way a widget is created, by basing decisions on various options +// during _create(). Often, the actions based on option values in _create() are the same as those in _setOption. To avoid +// such code duplication, this class calls _setOption once for each option after _create() has completed. +// +// Furthermore, to avoid writing long switches in a widget's _setOption method, this class implements _setOption in such +// a way that, for any given option (e.g. "myOption"), _setOption looks for a method _setMyOption in the widget's +// implementation, and if found, calls the method with the value of the option. +// +// If your widget does not inherit from widgetex, you can still use widgetex' systematic option handling: +// 1. define the _setOption method for your widget as follows: +// _setOption: $.tizen.widgetex.prototype._setOption +// 2. Call this._setOptions(this.options) from your widget's _create() function. +// 3. As with widgetex-derived widgets, implement a corresponding _setMyOptionName function for each option myOptionName +// you wish to handle. +// +// IV. systematic value handling for input elements +// +// If your widget happens to be constructed from an element, you have to handle the "value" attribute specially, +// and you have to emit the "change" signal whenever it changes, in addition to your widget's normal signals and option +// changes. With widgetex, you can assign one of your widget's "data-*" properties to be synchronized to the "value" +// property whenever your widget is constructed onto an element. To do this, define, in your prototype: +// +// _value: { +// attr: "data-my-attribute", +// signal: "signal-to-emit" +// } +// +// Then, call this._setValue(newValue) whenever you wish to set the value for your widget. This will set the data-* +// attribute, emit the custom signal (if set) with the new value as its parameter, and, if the widget is based on an +// element, it will also set the "value" attribute and emit the "change" signal. +// +// "attr" is required if you choose to define "_value", and identifies the data-attribute to set in addition to "value", +// if your widget's element is an input. +// "signal" is optional, and will be emitted when setting the data-attribute via this._setValue(newValue). +// +// If your widget does not derive from widgetex, you can still define "_value" as described above and call +// $.tizen.widgetex.setValue(widget, newValue). +// +// V. Systematic enabled/disabled handling for input elements +// +// widgetex implements _setDisabled which will disable the input associated with this widget, if any. Thus, if you derive +// from widgetex and you plan on implementing the disabled state, you should chain up to +// $.tizen.widgetex.prototype._setDisabled(value), rather than $.Widget.prototype._setOption("disabled", value). + +(function($, undefined) { + +// Framework-specific HTML prototype path for AJAX loads +function getProtoPath() { + var theScriptTag = $("script[data-framework-version][data-framework-root][data-framework-theme]"); + + return (theScriptTag.attr("data-framework-root") + "/" + + theScriptTag.attr("data-framework-version") + "/themes/" + + theScriptTag.attr("data-framework-theme") + "/proto-html"); +} + +$.widget("tizen.widgetex", $.mobile.widget, { + _createWidget: function() { + $.tizen.widgetex.loadPrototype.call(this, this.namespace + "." + this.widgetName); + $.mobile.widget.prototype._createWidget.apply(this, arguments); + }, + + _init: function() { + var page = this.element.closest(".ui-page"), + self = this, + myOptions = {}; + + if (page.is(":visible")) + this._realize(); + else + page.bind("pageshow", function() { self._realize(); }); + + $.extend(myOptions, this.options); + + this.options = {}; + + this._setOptions(myOptions); + }, + + _getCreateOptions: function() { + // if we're dealing with an element, value takes precedence over corresponding data-* attribute, if a + // mapping has been established via this._value. So, assign the value to the data-* attribute, so that it may + // then be assigned to this.options in the superclass' _getCreateOptions + + if (this.element.is("input") && this._value !== undefined) { + var theValue = + ((this.element.attr("type") === "checkbox" || this.element.attr("type") === "radio") + ? this.element.is(":checked") + : this.element.is("[value]") + ? this.element.attr("value") + : undefined); + + if (theValue != undefined) + this.element.attr(this._value.attr, theValue); + } + + return $.mobile.widget.prototype._getCreateOptions.apply(this, arguments); + }, + + _setOption: function(key, value) { + var setter = "_set" + key.replace(/^[a-z]/, function(c) {return c.toUpperCase();}); + + if (this[setter] !== undefined) + this[setter](value); + else + $.mobile.widget.prototype._setOption.apply(this, arguments); + }, + + _setDisabled: function(value) { + $.Widget.prototype._setOption.call(this, "disabled", value); + if (this.element.is("input")) + this.element.attr("disabled", value); + }, + + _setValue: function(newValue) { + $.tizen.widgetex.setValue(this, newValue); + }, + + _realize: function() {} +}); + +$.tizen.widgetex.setValue = function(widget, newValue) { + if (widget._value !== undefined) { + var valueString = widget._value.makeString ? widget._value.makeString(newValue) : newValue; + + widget.element.attr(widget._value.attr, valueString); + if (widget._value.signal !== undefined) + widget.element.triggerHandler(widget._value.signal, newValue); + if (widget.element.is("input")) { + var inputType = widget.element.attr("type"); + + // Special handling for checkboxes and radio buttons, where the presence of the "checked" attribute is really + // the value + if (inputType === "checkbox" || inputType === "radio") { + if (newValue) + widget.element.attr("checked", true); + else + widget.element.removeAttr("checked"); + } + else + widget.element.attr("value", valueString); + widget.element.trigger("change"); + } + } +}; + +$.tizen.widgetex.assignElements = function(proto, obj) { + var ret = {}; + for (var key in obj) + if ((typeof obj[key]) === "string") { + ret[key] = proto.find(obj[key]); + if (obj[key].match(/^#/)) + ret[key].removeAttr("id"); + } + else + if ((typeof obj[key]) === "object") + ret[key] = $.tizen.widgetex.assignElements(proto, obj[key]); + return ret; +} + +$.tizen.widgetex.loadPrototype = function(widget, ui) { + var ar = widget.split("."); + + if (ar.length == 2) { + var namespace = ar[0], + widgetName = ar[1]; + + var htmlProto = $("
        ") + .text("Failed to load proto for widget " + namespace + "." + widgetName + "!") + .css({background: "red", color: "blue", border: "1px solid black"}) + .jqmData("tizen.widgetex.ajax.fail", true); + + // If htmlProto is defined + if ($[namespace][widgetName].prototype._htmlProto !== undefined) { + // If no source is defined, use the widget name + if ($[namespace][widgetName].prototype._htmlProto.source === undefined) + $[namespace][widgetName].prototype._htmlProto.source = widgetName; + + // Load the HTML prototype via AJAX if not defined inline + if (typeof $[namespace][widgetName].prototype._htmlProto.source === "string") { + // Establish the path for the proto file + widget = $[namespace][widgetName].prototype._htmlProto.source, + protoPath = getProtoPath(); + + // Make the AJAX call + $.ajax({ + url: protoPath + "/" + widget + ".prototype.html", + async: false, + dataType: "html" + }).success(function(data, textStatus, jqXHR) { + htmlProto = $("
        ").html(data).jqmData("tizen.widgetex.ajax.fail", false); + }); + + // Assign the HTML proto to the widget prototype + $[namespace][widgetName].prototype._htmlProto.source = htmlProto; + } + // Otherwise, use the inline definition + else { + // AJAX loading has trivially succeeded, since there was no AJAX loading at all + $[namespace][widgetName].prototype._htmlProto.source.jqmData("tizen.widgetex.ajax.fail", false); + htmlProto = $[namespace][widgetName].prototype._htmlProto.source; + } + + // If there's a "ui" portion in the HTML proto, copy it over to this instance, and + // replace the selectors with the selected elements from a copy of the HTML prototype + if ($[namespace][widgetName].prototype._htmlProto.ui !== undefined) { + // Assign the relevant parts of the proto + $.extend(this, { + _ui: $.tizen.widgetex.assignElements(htmlProto.clone(), $[namespace][widgetName].prototype._htmlProto.ui) + }); + } + } + } +}; + +})(jQuery); diff --git a/src/widgets/010_colorwidget/js/jquery.mobile.tizen.colorwidget.js b/src/widgets/010_colorwidget/js/jquery.mobile.tizen.colorwidget.js new file mode 100755 index 0000000..b5a06be --- /dev/null +++ b/src/widgets/010_colorwidget/js/jquery.mobile.tizen.colorwidget.js @@ -0,0 +1,324 @@ +/* + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + */ + +(function($, undefined) { + +$.widget("tizen.colorwidget", $.tizen.widgetex, { + options: { + color: "#ff0972" + }, + + _value: { + attr: "data-" + ($.mobile.ns || "") + "color", + signal: "colorchanged" + }, + + _getElementColor: function(el, cssProp) { + return el.jqmData("clr"); + }, + + _setElementColor: function(el, hsl, cssProp) { + var clrlib = $.tizen.colorwidget.clrlib, + clr = clrlib.RGBToHTML(clrlib.HSLToRGB(hsl)), + dclr = clrlib.RGBToHTML(clrlib.HSLToGray(hsl)); + + el.jqmData("clr", clr); + el.jqmData("dclr", dclr); + el.jqmData("cssProp", cssProp); + el.attr("data-" + ($.mobile.ns || "") + "has-dclr", true); + el.css(cssProp, this.options.disabled ? dclr : clr); + + return { clr: clr, dclr: dclr }; + }, + + _displayDisabledState: function(toplevel) { + var self = this, + sel = ":jqmData(has-dclr='true')", + dst = toplevel.is(sel) ? toplevel : $([]); + dst + .add(toplevel.find(sel)) + .each(function() { + el = $(this); + + el.css(el.jqmData("cssProp"), el.jqmData(self.options.disabled ? "dclr" : "clr")); + }); + }, + + _setColor: function(value) { + var currentValue = (this.options.color + ""); + + value = value + ""; + value = value.match(/#[0-9A-Fa-f]{6}/) + ? value + : currentValue.match(/#[0-9A-Fa-f]{6}/) + ? currentValue + : $.tizen.colorwidget.prototype.options.color; + + if (this.options.color !== value) { + this.options.color = value; + this._setValue(value); + return true; + } + return false; + } +}); + +$.tizen.colorwidget.clrlib = { + nearestInt: function(val) { + var theFloor = Math.floor(val); + + return (((val - theFloor) > 0.5) ? (theFloor + 1) : theFloor); + }, + + // Converts html color string to rgb array. + // + // Input: string clr_str, where + // clr_str is of the form "#aabbcc" + // + // Returns: [ r, g, b ], where + // r is in [0, 1] + // g is in [0, 1] + // b is in [0, 1] + HTMLToRGB: function(clr_str) { + clr_str = (('#' == clr_str.charAt(0)) ? clr_str.substring(1) : clr_str); + + return [ parseInt(clr_str.substring(0, 2), 16) / 255.0, + parseInt(clr_str.substring(2, 4), 16) / 255.0, + parseInt(clr_str.substring(4, 6), 16) / 255.0 ]; + }, + + // Converts rgb array to html color string. + // + // Input: [ r, g, b ], where + // r is in [0, 1] + // g is in [0, 1] + // b is in [0, 1] + // + // Returns: string of the form "#aabbcc" + RGBToHTML: function(rgb) { + var ret = "#", val, theFloor; + for (var Nix in rgb) { + val = rgb[Nix] * 255; + theFloor = Math.floor(val); + val = ((val - theFloor > 0.5) ? (theFloor + 1) : theFloor); + ret = ret + (((val < 16) ? "0" : "") + (val & 0xff).toString(16)); + } + + return ret; + }, + + // Converts hsl to rgb. + // + // From http://130.113.54.154/~monger/hsl-rgb.html + // + // Input: [ h, s, l ], where + // h is in [0, 360] + // s is in [0, 1] + // l is in [0, 1] + // + // Returns: [ r, g, b ], where + // r is in [0, 1] + // g is in [0, 1] + // b is in [0, 1] + HSLToRGB: function(hsl) { + var h = hsl[0] / 360.0, s = hsl[1], l = hsl[2]; + + if (0 === s) + return [ l, l, l ]; + + var temp2 = ((l < 0.5) + ? l * (1.0 + s) + : l + s - l * s), + temp1 = 2.0 * l - temp2, + temp3 = { + r: h + 1.0 / 3.0, + g: h, + b: h - 1.0 / 3.0 + }; + + temp3.r = ((temp3.r < 0) ? (temp3.r + 1.0) : ((temp3.r > 1) ? (temp3.r - 1.0) : temp3.r)); + temp3.g = ((temp3.g < 0) ? (temp3.g + 1.0) : ((temp3.g > 1) ? (temp3.g - 1.0) : temp3.g)); + temp3.b = ((temp3.b < 0) ? (temp3.b + 1.0) : ((temp3.b > 1) ? (temp3.b - 1.0) : temp3.b)); + + ret = [ + (((6.0 * temp3.r) < 1) ? (temp1 + (temp2 - temp1) * 6.0 * temp3.r) : + (((2.0 * temp3.r) < 1) ? temp2 : + (((3.0 * temp3.r) < 2) ? (temp1 + (temp2 - temp1) * ((2.0 / 3.0) - temp3.r) * 6.0) : + temp1))), + (((6.0 * temp3.g) < 1) ? (temp1 + (temp2 - temp1) * 6.0 * temp3.g) : + (((2.0 * temp3.g) < 1) ? temp2 : + (((3.0 * temp3.g) < 2) ? (temp1 + (temp2 - temp1) * ((2.0 / 3.0) - temp3.g) * 6.0) : + temp1))), + (((6.0 * temp3.b) < 1) ? (temp1 + (temp2 - temp1) * 6.0 * temp3.b) : + (((2.0 * temp3.b) < 1) ? temp2 : + (((3.0 * temp3.b) < 2) ? (temp1 + (temp2 - temp1) * ((2.0 / 3.0) - temp3.b) * 6.0) : + temp1)))]; + + return ret; + }, + + // Converts hsv to rgb. + // + // Input: [ h, s, v ], where + // h is in [0, 360] + // s is in [0, 1] + // v is in [0, 1] + // + // Returns: [ r, g, b ], where + // r is in [0, 1] + // g is in [0, 1] + // b is in [0, 1] + HSVToRGB: function(hsv) { + return $.tizen.colorwidget.clrlib.HSLToRGB($.tizen.colorwidget.clrlib.HSVToHSL(hsv)); + }, + + // Converts rgb to hsv. + // + // from http://coecsl.ece.illinois.edu/ge423/spring05/group8/FinalProject/HSV_writeup.pdf + // + // Input: [ r, g, b ], where + // r is in [0, 1] + // g is in [0, 1] + // b is in [0, 1] + // + // Returns: [ h, s, v ], where + // h is in [0, 360] + // s is in [0, 1] + // v is in [0, 1] + RGBToHSV: function(rgb) { + var min, max, delta, h, s, v, r = rgb[0], g = rgb[1], b = rgb[2]; + + min = Math.min(r, Math.min(g, b)); + max = Math.max(r, Math.max(g, b)); + delta = max - min; + + h = 0; + s = 0; + v = max; + + if (delta > 0.00001) { + s = delta / max; + + if (r === max) + h = (g - b) / delta ; + else + if (g === max) + h = 2 + (b - r) / delta ; + else + h = 4 + (r - g) / delta ; + + h *= 60 ; + + if (h < 0) + h += 360 ; + } + + return [h, s, v]; + }, + + // Converts hsv to hsl. + // + // Input: [ h, s, v ], where + // h is in [0, 360] + // s is in [0, 1] + // v is in [0, 1] + // + // Returns: [ h, s, l ], where + // h is in [0, 360] + // s is in [0, 1] + // l is in [0, 1] + HSVToHSL: function(hsv) { + var max = hsv[2], + delta = hsv[1] * max, + min = max - delta, + sum = max + min, + half_sum = sum / 2, + s_divisor = ((half_sum < 0.5) ? sum : (2 - max - min)); + + return [ hsv[0], ((0 == s_divisor) ? 0 : (delta / s_divisor)), half_sum ]; + }, + + // Converts rgb to hsl + // + // Input: [ r, g, b ], where + // r is in [0, 1] + // g is in [0, 1] + // b is in [0, 1] + // + // Returns: [ h, s, l ], where + // h is in [0, 360] + // s is in [0, 1] + // l is in [0, 1] + RGBToHSL: function(rgb) { + return $.tizen.colorwidget.clrlib.HSVToHSL($.tizen.colorwidget.clrlib.RGBToHSV(rgb)); + }, + + // Converts hsl to grayscale + // Full-saturation magic grayscale values were taken from the Gimp + // + // Input: [ h, s, l ], where + // h is in [0, 360] + // s is in [0, 1] + // l is in [0, 1] + // + // Returns: [ r, g, b ], where + // r is in [0, 1] + // g is in [0, 1] + // b is in [0, 1] + HSLToGray: function(hsl) { + var intrinsic_vals = [0.211764706, 0.929411765, 0.71372549, 0.788235294, 0.070588235, 0.28627451, 0.211764706], + idx = Math.floor(hsl[0] / 60), + begVal, endVal, val; + + // Find hue interval + begVal = intrinsic_vals[idx]; + endVal = intrinsic_vals[idx + 1]; + + // Adjust for lum + if (hsl[2] < 0.5) { + var lowerHalfPercent = hsl[2] * 2; + begVal *= lowerHalfPercent; + endVal *= lowerHalfPercent; + } + else { + var upperHalfPercent = (hsl[2] - 0.5) * 2; + begVal += (1.0 - begVal) * upperHalfPercent; + endVal += (1.0 - endVal) * upperHalfPercent; + } + + // This is the gray value at full sat, whereas hsl[2] is the gray value at 0 sat. + val = begVal + ((endVal - begVal) * (hsl[0] - (idx * 60))) / 60; + + // Get value at hsl[1] + val = val + (hsl[2] - val) * (1.0 - hsl[1]); + + return [val, val, val]; + } +}; + +})(jQuery); diff --git a/src/widgets/020_huegradient/css/huegradient.css b/src/widgets/020_huegradient/css/huegradient.css new file mode 100755 index 0000000..2e86f35 --- /dev/null +++ b/src/widgets/020_huegradient/css/huegradient.css @@ -0,0 +1,104 @@ +.tizen-huegradient { + background: none; /* Old browsers */ + background: -webkit-gradient(linear, left top, right top, + color-stop( 0% ,rgba(255, 0, 0,1)), + color-stop( 16.666666667%,rgba(255,255, 0,1)), + color-stop( 33.333333333%,rgba(0 ,255, 0,1)), + color-stop( 50% ,rgba(0 ,255,255,1)), + color-stop( 66.666666667%,rgba(0 , 0,255,1)), + color-stop( 83.333333333%,rgba(255, 0,255,1)), + color-stop(100% ,rgba(255, 0, 0,1))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: -webkit-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: -o-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: -ms-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); +} + +/* Full-saturation magic grayscale values were taken from the Gimp */ +.tizen-huegradient-disabled { + background: none; /* Old browsers */ + background: -webkit-gradient(linear, left top, right top, + color-stop( 0% ,rgba( 54, 54, 54,1)), + color-stop( 16.666666667%,rgba(237,237,237,1)), + color-stop( 33.333333333%,rgba(182,182,182,1)), + color-stop( 50% ,rgba(201,201,201,1)), + color-stop( 66.666666667%,rgba( 18, 18, 18,1)), + color-stop( 83.333333333%,rgba( 73, 73, 73,1)), + color-stop(100% ,rgba( 54, 54, 54,1))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); + background: -webkit-linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); + background: -o-linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); + background: -ms-linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); + background: linear-gradient(left, + rgba( 54, 54, 54,1) 0%, + rgba(237,237,237,1) 16.666666667%, + rgba(182,182,182,1) 33.333333333%, + rgba(201,201,201,1) 50%, + rgba( 18, 18, 18,1) 66.666666667%, + rgba( 73, 73, 73,1) 83.333333333%, + rgba( 54, 54, 54,1) 100%); +} diff --git a/src/widgets/020_huegradient/js/jquery.mobile.tizen.huegradient.js b/src/widgets/020_huegradient/js/jquery.mobile.tizen.huegradient.js new file mode 100755 index 0000000..f2c0e07 --- /dev/null +++ b/src/widgets/020_huegradient/js/jquery.mobile.tizen.huegradient.js @@ -0,0 +1,35 @@ +(function($, undefined) { + +$.widget("tizen.huegradient", $.tizen.widgetex, { + _create: function() { + this.element.addClass("tizen-huegradient"); + }, + + // Crutches for IE: it is incapable of multi-stop gradients, so add multiple divs inside the given div, each with a + // two-point gradient + _IEGradient: function(div, disabled) { + var rainbow = disabled + ? ["#363636", "#ededed", "#b6b6b6", "#c9c9c9", "#121212", "#494949", "#363636"] + : ["#ff0000", "#ffff00", "#00ff00", "#00ffff", "#0000ff", "#ff00ff", "#ff0000"]; + for (var Nix = 0 ; Nix < 6 ; Nix++) { + $("
        ") + .css({ + position: "absolute", + width: (100 / 6) + "%", + height: "100%", + left: (Nix * 100 / 6) + "%", + top: "0px", + filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr='" + rainbow[Nix] + "', endColorstr='" + rainbow[Nix + 1] + "', GradientType = 1)" + }) + .appendTo(div); + } + }, + + _setDisabled: function(value) { + $.Widget.prototype._setOption.call(this, "disabled", value); + if ($.mobile.browser.ie) + this._IEGradient(this.element.empty(), value); + } +}); + +})(jQuery); diff --git a/src/widgets/a_colorwidget/js/colorwidget.js b/src/widgets/a_colorwidget/js/colorwidget.js new file mode 100644 index 0000000..29abb4d --- /dev/null +++ b/src/widgets/a_colorwidget/js/colorwidget.js @@ -0,0 +1,57 @@ +/* + Copyright (c) 2011 Samsung Electronics Co., Ltd All Rights Reserved + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. +*/ + +(function($, undefined) { + +$.widget("todons.colorwidget", $.mobile.widget, { + options: { + color: "#ff0972" + }, + + _create: function() { + $.extend (this, { + isInput: this.element.is("input") + }); + + /* "value", if present, takes precedence over "data-color" */ + if (this.isInput) + if (this.element.attr("value").match(/#[0-9A-Fa-f]{6}/)) + this.element.attr("data-color", this.element.attr("value")); + + $.mobile.todons.parseOptions(this, true); + }, + + _setOption: function(key, value, unconditional) { + if (undefined === unconditional) + unconditional = false; + if (key === "color") + this._setColor(value, unconditional); + }, + + _setColor: function(value, unconditional) { + if (value.match(/#[0-9A-Fa-f]{6}/) && (value != this.options.color || unconditional)) { + this.options.color = value; + this.element.attr("data-color", value); + if (this.isInput) + this.element.attr("value", value); + this.element.triggerHandler("colorchanged", value); + return true; + } + return false; + }, +}); + +})(jQuery); diff --git a/src/widgets/autodividers/js/autodividers.js b/src/widgets/autodividers/js/autodividers.js new file mode 100644 index 0000000..e1bd579 --- /dev/null +++ b/src/widgets/autodividers/js/autodividers.js @@ -0,0 +1,268 @@ +/* TBD */ +/* + * jQuery Mobile Widget @VERSION - listview autodividers + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Elliot Smith + */ + +// Applies dividers automatically to a listview, using link text +// (for link lists) or text (for readonly lists) as the basis for the +// divider text. +// +// Apply using autodividers({type: 'X'}) on a
          with +// data-role="listview", or with data-autodividers="true", where X +// is the type of divider to create. The default divider type is 'alpha', +// meaning first characters of list item text, upper-cased. +// +// The element used to derive the text for the auto dividers defaults +// to the first link inside the li; failing that, the text directly inside +// the li element is used. This can be overridden with the +// data-autodividers-selector attribute or via options; the selector +// will use each li element as its context. +// +// Any time a new li element is added to the list, or an li element is +// removed, this extension will update the dividers in the listview +// accordingly. +// +// Note that if a listview already has dividers, applying this +// extension will remove all the existing dividers and replace them +// with new, generated ones. +// +// Also note that this extension doesn't sort the list: it only creates +// dividers based on text inside list items. So if your list isn't +// alphabetically-sorted, you may get duplicate dividers. +// +// So, for example, this markup: +// +//
            +//
          • Barry
            • +//
          • Carrie
            • +//
          • Betty
            • +//
          • Harry
            • +//
          • Carly
            • +//
          • Hetty
            • +//
          +// +// will produce dividers like this: +// +//
            +//
          • B
            • +//
          • Barry
            • +//
          • C
            • +//
          • Carrie
            • +//
          • B
            • +//
          • Betty
            • +//
          • H
            • +//
          • Harry
            • +//
          • C
            • +//
          • Carly
            • +//
          • H
            • +//
          • Hetty
            • +//
          +// +// with each divider occuring twice. +// +// Options: +// +// selector: The jQuery selector to use to find text for the +// generated dividers. Default is to use the first 'a' +// (link) element. If this selector doesn't find any +// text, the widget automatically falls back to the text +// inside the li (for read-only lists). Can be set to a custom +// selector via data-autodividers-selector="..." or the 'selector' +// option. +// +// type: 'alpha' (default) sets the auto divider type to "uppercased +// first character of text selected from each item"; "full" sets +// it to the unmodified text selected from each item. Set via +// the data-autodividers="" attribute on the listview or +// the 'type' option. +// +// Events: +// +// updatelayout: Triggered if the dividers in the list change; +// this happens if list items are added to the listview, +// which causes the autodividers to be regenerated. + +(function( $, undefined ) { + +var autodividers = function(options) { + var list = $( this ); + options = options || {}; + + var listview = list.data( 'listview' ); + + var dividerType = options.type || list.jqmData( 'autodividers' ) || 'alpha'; + + var textSelector = options.selector || list.jqmData( 'autodividers-selector' ) || 'a'; + + var getDividerText = function( elt ) { + // look for some text in the item + var text = elt.find( textSelector ).text() || elt.text() || null; + + if ( !text ) { + return null; + } + + // create the text for the divider + if ( dividerType === 'alpha' ) { + text = text.slice( 0, 1 ).toUpperCase(); + } + + return text; + }; + + var mergeDividers = function() { + var dividersChanged = false; + + // any dividers which are following siblings of a divider, where + // there are no dividers with different text inbetween, can be removed + list.find( 'li.ui-li-divider' ).each(function() { + var divider = $( this ); + var dividerText = divider.text(); + var selector = '.ui-li-divider:not(:contains(' + dividerText + '))'; + var nextDividers = divider.nextUntil( selector ); + nextDividers = nextDividers.filter( '.ui-li-divider:contains(' + dividerText + ')' ); + + if (nextDividers.length > 0) { + nextDividers.remove(); + dividersChanged = true; + } + }); + + if (dividersChanged) { + list.trigger( 'updatelayout' ); + } + }; + + // check that elt is a non-divider li element + var isNonDividerLi = function( elt ) { + return elt.is('li') && + elt.jqmData( 'role' ) !== 'list-divider'; + }; + + // li element inserted, so check whether it needs a divider + var liAdded = function( li ) { + var dividerText = getDividerText( li ); + + if ( !dividerText ) { + listview.refresh(); + return; + } + + // add expected divider for this li if it doesn't exist + var existingDividers = li.prevAll( '.ui-li-divider:first:contains(' + dividerText + ')' ); + + if ( existingDividers.length === 0 ) { + var divider = $( '
        • ' + dividerText + '
          • ' ); + divider.attr( 'data-' + $.mobile.ns + 'role', 'list-divider' ); + li.before( divider ); + + listview.refresh(); + + mergeDividers(); + } + else { + listview.refresh(); + } + }; + + // li element removed, so check whether its divider should go + var liRemoved = function( li ) { + + var dividerText = getDividerText( li ); + + if ( !dividerText ) { + listview.refresh(); + return; + } + + // remove divider for this li if there are no other + // li items for the divider before or after this li item + var precedingItems = li.prevUntil( '.ui-li-divider:contains(' + dividerText + ')' ); + var nextItems = li.nextUntil( '.ui-li-divider' ); + + if ( precedingItems.length === 0 && nextItems.length === 0 ) { + li.prevAll( '.ui-li-divider:contains(' + dividerText + '):first' ).remove(); + + listview.refresh(); + + mergeDividers(); + } + else { + listview.refresh(); + } + }; + + // set up the dividers on first create + list.find( 'li' ).each( function() { + var li = $( this ); + + // remove existing dividers + if ( li.jqmData( 'role' ) === 'list-divider' ) { + li.remove(); + } + // make new dividers for list items + else { + liAdded( li ); + } + }); + + // bind to DOM events to keep list up to date + list.bind( 'DOMNodeInserted', function( e ) { + var elt = $( e.target ); + + if ( !isNonDividerLi( elt ) ) { + return; + } + + liAdded( elt ); + }); + + list.bind( 'DOMNodeRemoved', function( e ) { + var elt = $( e.target ); + + if ( !isNonDividerLi( elt ) ) { + return; + } + + liRemoved( elt ); + }); +}; + +$.fn.autodividers = autodividers; + +$( ":jqmData(role=listview)" ).live( "listviewcreate", function() { + var list = $( this ); + + if ( list.is( ':jqmData(autodividers)' ) ) { + list.autodividers(); + } +}); + +})( jQuery ); diff --git a/src/widgets/autodividers/test/test-autodividers.html b/src/widgets/autodividers/test/test-autodividers.html new file mode 100644 index 0000000..7da143d --- /dev/null +++ b/src/widgets/autodividers/test/test-autodividers.html @@ -0,0 +1,147 @@ + + + + + + + Baseline test + + + + + + + + + + + +
          +
          +

          autodividers tests

          +
          + +
          +

          This should get auto-dividers based on link text.

          + +
          + +
          +

          This should get auto-dividers based on link text but + shouldn't produce duplicate dividers on refresh. Should also + add more dividers if new list elements are added.

          + +

          + + + +

          + + +
          + +
          +

          This uses a custom selector to draw text from formatted list + items.

          + +
            +
          • Anne likes to eat sweets
            • +
          • Beth likes to eat treats
            • +
          • Bill likes to eat meats
            • +
          • Carl likes to eat beets
            • +
          +
          + +
          +

          This should get auto-dividers based on text. NB this has + intentionally blank li elements to check they don't get dividers.

          +
            +
          • Barry
            • +
          • Betty
            • +
          • Carrie
            • +
          • Harry
            • +
          • +
          • Hetty
            • +
          • Kitty
            • +
          • Larry
            • +
          • +
          • Laurie
            • +
          • Mary
            • +
          +
          + +
          +

          Non-sorted list will produce duplicate auto-dividers.

          +
            +
          • Barry
            • +
          • Carrie
            • +
          • Betty
            • +
          • Harry
            • +
          • Carly
            • +
          • Hetty
            • +
          +
          + +
          +

          This had dividers already which were replaced.

          + +
          + +
          + + + + + diff --git a/src/widgets/circularview/js/jquery.mobile.tizen.circularview.js b/src/widgets/circularview/js/jquery.mobile.tizen.circularview.js new file mode 100644 index 0000000..6bfca37 --- /dev/null +++ b/src/widgets/circularview/js/jquery.mobile.tizen.circularview.js @@ -0,0 +1,455 @@ +// most of following codes are derived from jquery.mobile.scrollview.js +(function($,window,document,undefined) { + +jQuery.widget( "mobile.circularview", jQuery.mobile.widget, { + options: { + fps: 60, + + scrollDuration: 2000, + + moveThreshold: 10, + moveIntervalThreshold: 150, + + startEventName: "scrollstart", + updateEventName: "scrollupdate", + stopEventName: "scrollstop", + + eventType: $.support.touch ? "touch" : "mouse", + + delayedClickSelector: "a, .ui-btn", + delayedClickEnabled: false + }, + + _makePositioned: function($ele) { + if ( $ele.css( 'position' ) == 'static' ) + $ele.css( 'position', 'relative' ); + + }, + + _create: function() { + this._$clip = $(this.element).addClass("ui-scrollview-clip"); + var $child = this._$clip.children(); +// if ( $child.length > 1 ) { + $child = this._$clip.wrapInner("
          ").children(); +// } + this._$view = $child.addClass("ui-scrollview-view"); + this._$list = $child.children(); + + this._$clip.css( "overflow", "hidden" ); + this._makePositioned( this._$clip ); + + this._$view.css( "overflow", "hidden" ); + this._tracker = new MomentumTracker( this.options ); + + this._timerInterval = 1000/ this.options.fps; + this._timerID = 0; + + var self = this; + this._timerCB = function() { self._handleMomentumScroll(); }; + + this.refresh(); + + this._addBehaviors(); + }, + + refresh: function() { + this._viewWidth = this._$view.width(); + this._clipWidth = window.innerWidth; + this._itemWidth = this._$list.children().first().outerWidth(); + this._$items = this._$list.children().detach(); + var itemsPerView = this._clipWidth / this._itemWidth; + itemsPerView = Math.ceil( itemsPerView * 10 ) / 10; + this._itemsPerView = parseInt( itemsPerView ); + + this._rx = -this._itemWidth; + this._sx = -this._itemWidth; + this._setItems(); + }, + + _startMScroll: function( speedX, speedY ) { + this._stopMScroll(); + + var keepGoing = false; + var duration = this.options.scrollDuration; + + this._$clip.trigger(this.options.startEventName); + + var t = this._tracker; + var c = this._clipWidth; + var v = this._viewWidth; + t.start( this._rx, speedX, duration, (v > c ) ? -(v - c) : 0, 0 ); + keepGoing = !t.done(); + + if ( keepGoing ) { + this._timerID = setTimeout( this._timerCB, this._timerInterval ); + } else { + this._stopMScroll(); + } + //console.log("startmscroll" + this._rx + "," + this._sx ); + }, + + _stopMScroll: function() { + if ( this._timerID ) { + this._$clip.trigger(this.options.stopEventName); + clearTimeout(this._timerID); + } + + this._timerID = 0; + + if ( this._tracker ) { + this._tracker.reset(); + } + //console.log("stopmscroll" + this._rx + "," + this._sx ); + }, + + _handleMomentumScroll: function() { + var keepGoing = false; + var v = this._$view; + + var x = 0, y = 0; + + var t = this._tracker; + if ( t ) { + t.update(); + x = t.getPosition(); + + keepGoing = !t.done(); + + } + + this._setScrollPosition( x, y ); + this._rx = x; + + this._$clip.trigger( this.options.updateEventName, [ { x: x, y: y } ] ); + + if ( keepGoing ) { + this._timerID = setTimeout( this._timerCB, this._timerInterval ); + } else { + this._stopMScroll(); + } + }, + + _setItems: function() { + for ( var i = -1; i < this._itemsPerView + 1; i++ ) { + var $item = this._$items[ circularNum( i, this._$items.length ) ]; + this._$list.append( $item ); + } + setElementTransform( this._$view, this._sx + "px", 0 ); + this._$view.width( this._itemWidth * ( this._itemsPerView + 2 ) ); + this._viewWidth = this._$view.width(); + }, + + _setScrollPosition: function( x, y ) { + var sx = this._sx; + var dx = x - sx; + var di = parseInt( dx / this._itemWidth ); + if ( di > 0 ) { + for ( var i = 0; i < di; i++ ) { + this._$list.children().last().detach(); + var idx = -parseInt( ( sx / this._itemWidth ) + i + 3 ); + var $item = this._$items[ circularNum( idx, this._$items.length ) ]; + this._$list.prepend( $item ); + //console.log( "di > 0 : " + idx ); + } + } else if ( di < 0 ) { + for ( var i = 0; i > di; i-- ) { + this._$list.children().first().detach(); + var idx = this._itemsPerView - parseInt( ( sx / this._itemWidth ) + i ); + var $item = this._$items[ circularNum( idx, this._$items.length ) ]; + this._$list.append( $item ); + //console.log( "di < 0 : " + idx ); + } + } + + + + this._sx += di * this._itemWidth; + + setElementTransform( this._$view, ( x - this._sx - this._itemWidth ) + "px", 0 ); + + //console.log( "rx " + this._rx + "sx " + this._sx ); + }, + + _enableTracking: function() { + $(document).bind( this._dragMoveEvt, this._dragMoveCB ); + $(document).bind( this._dragStopEvt, this._dragStopCB ); + }, + + _disableTracking: function() { + $(document).unbind( this._dragMoveEvt, this._dragMoveCB ); + $(document).unbind( this._dragStopEvt, this._dragStopCB ); + }, + + _getScrollHierarchy: function() { + var svh = []; + this._$clip.parents('.ui-scrollview-clip').each( function() { + var d = $(this).jqmData('circulaview'); + if ( d ) svh.unshift(d); + }); + return svh; + }, + + centerTo: function( selector ) { + for ( var i = 0; i < this._$items.length; i++ ) { + if ( $(this._$items[i]).is( selector ) ) { + var newX = -( i * this._itemWidth - this._clipWidth / 2 + this._itemWidth * 2 ); + this.scrollTo( newX, 0 ); + console.log( i + "," + newX ); + return; + } + } + }, + + scrollTo: function(x, y, duration) { + this._stopMScroll(); + if ( !duration ) { + this._setScrollPosition( x, y ); + this._rx = x; + return; + } + + x = -x; + y = -y; + + var self = this; + var start = getCurrentTime(); + var efunc = $.easing["easeOutQuad"]; + var sx = this._rx; + var sy = 0; + var dx = x - sx; + var dy = 0; + var tfunc = function() { + var elapsed = getCurrentTime() - start; + if ( elapsed >= duration ) { + self._timerID = 0; + self._setScrollPosition( x, y ); + } else { + var ec = efunc( elapsed / duration, elapsed, 0, 1, duration ); + self._setScrollPosition( sx + ( dx * ec ), sy + ( dy * ec ) ); + self._timerID = setTimeout( tfunc, self._timerInterval ); + } + }; + + this._timerID = setTimeout( tfunc, this._timerInterval ); + }, + + getScrollPosition: function() { + return { x: -this._rx, y: 0 }; + }, + + _handleDragStart: function( e, ex, ey ) { + $.each( this._getScrollHierarchy(), function( i, sv ) { + sv._stopMScroll(); } ); + this._stopMScroll(); + + if ( this.options.delayedClickEnabled ) { + this._$clickEle = $(e.target).closest(this.options.delayedClickSelector); + } + this._lastX = ex; + this._lastY = ey; + this._speedX = 0; + this._speedY = 0; + this._didDrag = false; + + this._lastMove = 0; + this._enableTracking(); + + this._ox = ex; + this._nx = this._rx; + + if ( this.options.eventType == "mouse" || this.options.delayedClickEnabled ) { + e.preventDefault(); + } + //console.log("scrollstart" + this._rx + "," + this._sx ); + e.stopPropagation(); + }, + + _handleDragMove: function( e, ex, ey ) { + this._lastMove = getCurrentTime(); + + var dx = ex - this._lastX; + var dy = ey - this._lastY; + + this._speedX = dx; + this._speedY = 0; + + this._didDrag = true; + + this._lastX = ex; + this._lastY = ey; + + this._mx = ex - this._ox; + + this._setScrollPosition( this._nx + this._mx, 0 ); + + //console.log("scrollmove" + this._rx + "," + this._sx ); + return false; + }, + + _handleDragStop: function( e ) { + var l = this._lastMove; + var t = getCurrentTime(); + var doScroll = l && ( t - l ) <= this.options.moveIntervalThreshold; + + var sx = ( this._tracker && this._speedX && doScroll ) ? this._speedX : 0; + var sy = 0; + + this._rx = this._mx ? this._nx + this._mx : this._rx; + + if ( sx ) { + this._startMScroll( sx, sy ); + } + + //console.log("scrollstop" + this._rx + "," + this._sx ); + + + this._disableTracking(); + + if ( !this._didDrag && this.options.delayedClickEnabled && this._$clickEle.length ) { + this._$clickEle + .trigger("mousedown") + .trigger("mouseup") + .trigger("click"); + } + + if ( this._didDrag ) { + e.preventDefault(); + e.stopPropagation(); + } + + return this._didDrag ? false : undefined; + }, + + _addBehaviors: function() { + var self = this; + if ( this.options.eventType === "mouse" ) { + this._dragStartEvt = "mousedown"; + this._dragStartCB = function(e) { + return self._handleDragStart( e, e.clientX, e.clientY ); + }; + + this._dragMoveEvt = "mousemove"; + this._dragMoveCB = function(e) { + return self._handleDragMove( e, e.clientX, e.clientY ); + }; + + this._dragStopEvt = "mouseup"; + this._dragStopCB = function(e) { + return self._handleDragStop( e ); + }; + + this._$view.bind( "vclick", function(e) { + return !self._didDrag; + }); + + } else { //touch + this._dragStartEvt = "touchstart"; + this._dragStartCB = function(e) { + var t = e.originalEvent.targetTouches[0]; + return self._handleDragStart(e, t.pageX, t.pageY ); + }; + + this._dragMoveEvt = "touchmove"; + this._dragMoveCB = function(e) { + var t = e.originalEvent.targetTouches[0]; + return self._handleDragMove(e, t.pageX, t.pageY ); + }; + + this._dragStopEvt = "touchend"; + this._dragStopCB = function(e) { + return self._handleDragStop(e); + }; + + } + this._$view.bind( this._dragStartEvt, this._dragStartCB ); + }, + +}); + +function circularNum( num, total ) { + var n = num % total; + if ( n < 0 ) { + n = total + n; + } + return n; +} + +function setElementTransform( $ele, x, y ) { + var v = "translate3d(" + x + "," + y + ", 0px)"; + $ele.css({ + "-moz-transform": v, + "-webkit-transform": v, + "transform": v + }); +} + +function MomentumTracker(options) { + this.options = $.extend( {}, options ); + this.easing = "easeOutQuad"; + this.reset(); +} + +var tstates = { + scrolling : 0, + done : 1 +}; + +function getCurrentTime() { return (new Date()).getTime(); } + +$.extend(MomentumTracker.prototype, { + start: function( pos, speed, duration ) { + this.state = (speed != 0) ? tstates.scrolling : tstates.done; + this.pos = pos; + this.speed = speed; + this.duration = duration; + + this.fromPos = 0; + this.toPos = 0; + + this.startTime = getCurrentTime(); + }, + + reset: function() { + this.state = tstates.done; + this.pos = 0; + this.speed = 0; + this.duration = 0; + }, + + update: function() { + var state = this.state; + if ( state == tstates.done ) { + return this.pos; + } + + var duration = this.duration; + var elapsed = getCurrentTime() - this.startTime; + elapsed = elapsed > duration ? duration : elapsed; + + var dx = this.speed * ( 1 - $.easing[this.easing](elapsed / duration, elapsed, 0, 1, duration ) ); + + var x = this.pos + dx; + this.pos = x; + + if ( elapsed >= duration ) { + this.state = tstates.done; + } + + return this.pos; + }, + + done: function() { + return this.state == tstates.done; + }, + + getPosition: function() { + return this.pos; + } +}); + + +$( document ).bind( "pagecreate create", function( e ) { + $( $.mobile.circularview.prototype.options.initSelector, e.target ).circularview(); +}); + +})(jQuery,window,document); // End Component diff --git a/src/widgets/colorpalette/js/jquery.mobile.tizen.colorpalette.js b/src/widgets/colorpalette/js/jquery.mobile.tizen.colorpalette.js new file mode 100755 index 0000000..27f3598 --- /dev/null +++ b/src/widgets/colorpalette/js/jquery.mobile.tizen.colorpalette.js @@ -0,0 +1,218 @@ +/* TBD */ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Gabriel Schulhof + */ + +// It displays a grid two rows by five columns of colors. +// +// The colors are automatically computed based on the hue +// of the color set by the color attribute (see below). +// +// One of the displayed colors is the color attribute itself +// and the others are multiples of 360/10 away from that color; +// 10 is the total number of colors displayed (2 rows by 5 columns). +// +// To apply, add the attribute data-role="colorpalette" to a
          +// element inside a page. Alternatively, call colorpalette() on an +// element. +// +// Options: +// +// color: String; initial color can be specified in html +// using the data-color="#ff00ff" attribute or +// when constructed in javascript, eg : +// $("#mycolorpalette").colorpalette({ color: "#ff00ff" }); +// where the html might be : +//
          +// The color can be changed post-construction like this : +// $("#mycolorpalette").colorpalette("option", "color", "#ABCDEF"); +// Default: "#1a8039" + +/* + * Colorpalette displays a grid two rows by five columns of colors. + * + * The colors are automatically computed based on the hue + * of the color set by the color attribute (see below). + * + * One of the displayed colors is the color attribute itself + * and the others are multiples of 360/10 away from that color; + * 10 is the total number of colors displayed (2 rows by 5 columns). + * + * HTML attributes: + * + * To apply, add the attribute data-role="colorpalette" to a
          + * element inside a page. Alternatively, call colorpalette() on an + * element. + * + * data-role: Myst have 'colorpalette'. + * data-color: String; initial color can be specified in html + * using the data-color="#ff00ff" attribute or + * when constructed in javascript, eg : + * $("#mycolorpalette").colorpalette({ color: "#ff00ff" }); + * where the html might be : + *
          + * The color can be changed post-construction like this : + * $("#mycolorpalette").colorpalette("option", "color", "#ABCDEF"); + * Default: "#1a8039" + * + * APIs: + * $('obj').colorpalette() : Make an object to a colorpalette widget. + * + * Events: + * No event. + * + * Examples: + *
          + * + *
          + * + * + */ + +(function( $, undefined ) { + +$.widget( "tizen.colorpalette", $.tizen.colorwidget, { + options: { + showPreview: false, + initSelector: ":jqmData(role='colorpalette')" + }, + + _htmlProto: { + ui: { + clrpalette: "#colorpalette", + preview: "#colorpalette-preview", + previewContainer: "#colorpalette-preview-container" + } + }, + + _create: function() { + var self = this; + + this.element + .css("display", "none") + .after(this._ui.clrpalette); + + this._ui.clrpalette.find("[data-colorpalette-choice]").bind("vclick", function(e) { + var clr = $.tizen.colorwidget.prototype._getElementColor.call(this, $(e.target)), + Nix, + nChoices = self._ui.clrpalette.attr("data-" + ($.mobile.ns || "") + "n-choices"), + choiceId, rgbMatches; + + rgbMatches = clr.match(/rgb\(([0-9]*), *([0-9]*), *([0-9]*)\)/); + + if (rgbMatches && rgbMatches.length > 3) + clr = $.tizen.colorwidget.clrlib.RGBToHTML([ + parseInt(rgbMatches[1]) / 255, + parseInt(rgbMatches[2]) / 255, + parseInt(rgbMatches[3]) / 255]); + + for (Nix = 0 ; Nix < nChoices ; Nix++) + self._ui.clrpalette.find("[data-colorpalette-choice=" + Nix + "]").removeClass("colorpalette-choice-active"); + + $(e.target).addClass("colorpalette-choice-active"); + $.tizen.colorwidget.prototype._setColor.call(self, clr); + $.tizen.colorwidget.prototype._setElementColor.call(self, self._ui.preview, + $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(clr)), "background"); + }); + }, + + _setShowPreview: function(show) { + if (show) + this._ui.previewContainer.removeAttr("style"); + else + this._ui.previewContainer.css("display", "none"); + this.element.attr("data-" + ($.mobile.ns || "") + "show-preview", show); + this.options.showPreview = show; + }, + + widget: function(value) { + return this._ui.clrpalette; + }, + + _setDisabled: function(value) { + $.tizen.widgetex.prototype._setDisabled.call(this, value); + this._ui.clrpalette[value ? "addClass" : "removeClass"]("ui-disabled"); + $.tizen.colorwidget.prototype._displayDisabledState.call(this, this._ui.clrpalette); + }, + + _setColor: function(clr) { + if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) { + clr = this.options.color; + var Nix, + activeIdx = -1, + nChoices = this._ui.clrpalette.attr("data-" + ($.mobile.ns || "") + "n-choices"), + hsl = $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(clr)), + origHue = hsl[0], + offset = hsl[0] / 36, + theFloor = Math.floor(offset), + newClr; + + $.tizen.colorwidget.prototype._setElementColor.call(this, this._ui.preview, + $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(clr)), "background"); + + offset = (offset - theFloor < 0.5) + ? (offset - theFloor) + : (offset - (theFloor + 1)); + + offset *= 36; + + for (Nix = 0 ; Nix < nChoices ; Nix++) { + hsl[0] = Nix * 36 + offset; + hsl[0] = ((hsl[0] < 0) ? (hsl[0] + 360) : ((hsl[0] > 360) ? (hsl[0] - 360) : hsl[0])); + + if (hsl[0] === origHue) + activeIdx = Nix; + + newClr = $.tizen.colorwidget.clrlib.RGBToHTML($.tizen.colorwidget.clrlib.HSLToRGB(hsl)); + + $.tizen.colorwidget.prototype._setElementColor.call(this, this._ui.clrpalette.find("[data-colorpalette-choice=" + Nix + "]"), + $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(newClr)), "background"); + } + + if (activeIdx != -1) { + var currentlyActive = parseInt(this._ui.clrpalette.find(".colorpalette-choice-active").attr("data-" + ($.mobile.ns || "") + "colorpalette-choice")); + if (currentlyActive != activeIdx) { + this._ui.clrpalette.find("[data-colorpalette-choice=" + currentlyActive + "]").removeClass("colorpalette-choice-active"); + this._ui.clrpalette.find("[data-colorpalette-choice=" + activeIdx + "]").addClass("colorpalette-choice-active"); + } + } + } + } +}); + +$(document).bind("pagecreate create", function(e) { + $($.tizen.colorpalette.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .colorpalette(); +}); + +})( jQuery ); diff --git a/src/widgets/colorpalette/less/colorpalette.less b/src/widgets/colorpalette/less/colorpalette.less new file mode 100644 index 0000000..0daacb8 --- /dev/null +++ b/src/widgets/colorpalette/less/colorpalette.less @@ -0,0 +1,78 @@ +@import "../../common/less/jquery.mobile.todons.defines.less"; +@colorpalette-choice-total-width: 54px; +@colorpalette-choice-total-height: 54px; +@colorpalette-item-border-width: 4px; +@colorpalette-item-border-color: #c0c0c0; +@colorpalette-preview-total-width: 304px; +@colorpalette-preview-total-height: 109px; + +@colorpalette-choice-actual-width: @colorpalette-choice-total-width - 2 * @colorpalette-item-border-width; +@colorpalette-choice-actual-height: @colorpalette-choice-total-height - 2 * @colorpalette-item-border-width; +@colorpalette-preview-actual-width: @colorpalette-preview-total-width - 2 * @colorpalette-item-border-width; +@colorpalette-preview-actual-height: @colorpalette-preview-total-height - 2 * @colorpalette-item-border-width; + +.todons-colorpalette-disabled { + .colorpalette-table { + .colorpalette-choice-active { + border-color: @todons-selected-color-disabled !important; + } + } +} + +.ui-colorpalette { + display: table; + padding-left: 24px; + padding-right: 24px; + padding-top: 15px; + padding-bottom: 15px; + + .colorpalette-preview-container { + padding-top: 48px; + padding-bottom: 39px; + display: table; + margin: auto; + + .colorpalette-preview { + display: table; + margin: auto; + width: @colorpalette-preview-actual-width; + height: @colorpalette-preview-actual-height; + border: @colorpalette-item-border-color @colorpalette-item-border-width solid; + } + } + + .colorpalette-table { + .colorpalette-bottom-row { + display: table-row; + } + + .colorpalette-normal-row { + .colorpalette-bottom-row; + } + + .colorpalette-choice-container-left { + display: table-cell; + } + + .colorpalette-choice-container-rest { + .colorpalette-choice-container-left; + padding-left: 38px; + } + + .colorpalette-normal-row .colorpalette-choice-container-left { + padding-bottom: 16px; + } + + .colorpalette-choice { + width: @colorpalette-choice-actual-width; + height: @colorpalette-choice-actual-width; + border-width: @colorpalette-item-border-width; + border-style: solid; + border-color: @colorpalette-item-border-color; + } + + .colorpalette-choice-active { + border-color: @todons-selected-color; + } + } +} diff --git a/src/widgets/colorpalette/proto-html/colorpalette.prototype.html b/src/widgets/colorpalette/proto-html/colorpalette.prototype.html new file mode 100644 index 0000000..3013b9f --- /dev/null +++ b/src/widgets/colorpalette/proto-html/colorpalette.prototype.html @@ -0,0 +1,41 @@ +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          diff --git a/src/widgets/colorpicker/css/colorpicker.css b/src/widgets/colorpicker/css/colorpicker.css new file mode 100644 index 0000000..b86a4f4 --- /dev/null +++ b/src/widgets/colorpicker/css/colorpicker.css @@ -0,0 +1,45 @@ +.ui-colorpicker .colorpicker-hs-container .sat-gradient { + background: none; /* Old browsers */ + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%,rgba(128,128,128,0)), + color-stop(100%,rgba(128,128,128,1))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* FF3.6+ */ + background: -webkit-linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* IE10+ */ + background: linear-gradient(top, + rgba(128,128,128,0) 0%, + rgba(128,128,128,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#00808080', endColorstr="#808080", GradientType = 0); +} + +.ui-colorpicker .colorpicker-l-container .l-gradient { + background: none; /* Old browsers */ + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%,rgba(0,0,0,1)), + color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* FF3.6+ */ + background: -webkit-linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* IE10+ */ + background: linear-gradient(top, + rgba(0,0,0,1) 0%, + rgba(255,255,255,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#000000', endColorstr="#ffffff", GradientType = 0); +} diff --git a/src/widgets/colorpicker/js/jquery.mobile.tizen.colorpicker.js b/src/widgets/colorpicker/js/jquery.mobile.tizen.colorpicker.js new file mode 100755 index 0000000..05c3cc9 --- /dev/null +++ b/src/widgets/colorpicker/js/jquery.mobile.tizen.colorpicker.js @@ -0,0 +1,219 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Gabriel Schulhof + */ + +// Displays a 2D hue/saturation spectrum and a lightness slider. +// +// To apply, add the attribute data-role="colorpicker" to a
          +// element inside a page. Alternatively, call colorpicker() +// on an element (see below). +// +// Options: +// color: String; can be specified in html using the +// data-color="#ff00ff" attribute or when constructed +// $("#mycolorpicker").colorpicker({ color: "#ff00ff" }); +// where the html might be : +//
          + +(function( $, undefined ) { + +$.widget( "tizen.colorpicker", $.tizen.colorwidget, { + options: { + initSelector: ":jqmData(role='colorpicker')" + }, + + _htmlProto: { + ui: { + clrpicker: "#colorpicker", + hs: { + hueGradient: "#colorpicker-hs-hue-gradient", + gradient: "#colorpicker-hs-sat-gradient", + eventSource: "[data-event-source='hs']", + valMask: "#colorpicker-hs-val-mask", + selector: "#colorpicker-hs-selector" + }, + l: { + gradient: "#colorpicker-l-gradient", + eventSource: "[data-event-source='l']", + selector: "#colorpicker-l-selector" + } + } + }, + + _create: function() { + var self = this; + + this.element + .css("display", "none") + .after(this._ui.clrpicker); + + this._ui.hs.hueGradient.huegradient(); + + $.extend( self, { + dragging: false, + draggingHS: false, + selectorDraggingOffset: { + x : -1, + y : -1 + }, + dragging_hsl: undefined + }); + + $( document ) + .bind( "vmousemove", function( event ) { + if ( self.dragging ) { + event.stopPropagation(); + event.preventDefault(); + } + }) + .bind( "vmouseup", function( event ) { + if ( self.dragging ) + self.dragging = false; + }); + + this._bindElements("hs"); + this._bindElements("l"); + }, + + _bindElements: function(which) { + var self = this, + stopDragging = function(event) { + self.dragging = false; + event.stopPropagation(); + event.preventDefault(); + }; + + this._ui[which].eventSource + .bind( "vmousedown mousedown", function (event) { self._handleMouseDown(event, which, false); }) + .bind( "vmousemove" , function (event) { self._handleMouseMove(event, which, false); }) + .bind( "vmouseup" , stopDragging); + + this._ui[which].selector + .bind( "vmousedown mousedown", function (event) { self._handleMouseDown(event, which, true); }) + .bind( "touchmove vmousemove", function (event) { self._handleMouseMove(event, which, true); }) + .bind( "vmouseup" , stopDragging); + }, + + _handleMouseDown: function(event, containerStr, isSelector) { + var coords = $.mobile.tizen.targetRelativeCoordsFromEvent(event), + widgetStr = isSelector ? "selector" : "eventSource"; + if ((coords.x >= 0 && coords.x <= this._ui[containerStr][widgetStr].width() && + coords.y >= 0 && coords.y <= this._ui[containerStr][widgetStr].height()) || isSelector) { + this.dragging = true; + this.draggingHS = ("hs" === containerStr); + + if (isSelector) { + this.selectorDraggingOffset.x = coords.x; + this.selectorDraggingOffset.y = coords.y; + } + + this._handleMouseMove(event, containerStr, isSelector, coords); + } + }, + + _handleMouseMove: function(event, containerStr, isSelector, coords) { + if (this.dragging && + !(( this.draggingHS && containerStr === "l") || + (!this.draggingHS && containerStr === "hs"))) { + coords = (coords || $.mobile.tizen.targetRelativeCoordsFromEvent(event)); + + if (this.draggingHS) { + var potential_h = isSelector + ? this.dragging_hsl[0] / 360 + (coords.x - this.selectorDraggingOffset.x) / this._ui[containerStr].eventSource.width() + : coords.x / this._ui[containerStr].eventSource.width(), + potential_s = isSelector + ? this.dragging_hsl[1] + (coords.y - this.selectorDraggingOffset.y) / this._ui[containerStr].eventSource.height() + : coords.y / this._ui[containerStr].eventSource.height(); + + this.dragging_hsl[0] = Math.min(1.0, Math.max(0.0, potential_h)) * 360; + this.dragging_hsl[1] = Math.min(1.0, Math.max(0.0, potential_s)); + } + else { + var potential_l = isSelector + ? this.dragging_hsl[2] + (coords.y - this.selectorDraggingOffset.y) / this._ui[containerStr].eventSource.height() + : coords.y / this._ui[containerStr].eventSource.height(); + + this.dragging_hsl[2] = Math.min(1.0, Math.max(0.0, potential_l)); + } + + if (!isSelector) { + this.selectorDraggingOffset.x = Math.ceil(this._ui[containerStr].selector.outerWidth() / 2.0); + this.selectorDraggingOffset.y = Math.ceil(this._ui[containerStr].selector.outerHeight() / 2.0); + } + + this._updateSelectors(this.dragging_hsl); + event.stopPropagation(); + event.preventDefault(); + } + }, + + _updateSelectors: function(hsl) { + var clr = $.tizen.colorwidget.prototype._setElementColor.call(this, this._ui.hs.selector, [hsl[0], 1.0 - hsl[1], hsl[2]], "background").clr, + gray = $.tizen.colorwidget.clrlib.RGBToHTML([hsl[2], hsl[2], hsl[2]]); + + this._ui.hs.valMask.css((hsl[2] < 0.5) + ? { background : "#000000" , opacity : (1.0 - hsl[2] * 2.0) } + : { background : "#ffffff" , opacity : ((hsl[2] - 0.5) * 2.0) }); + this._ui.hs.selector.css({ + left : (hsl[0] / 360 * this._ui.hs.eventSource.width()), + top : (hsl[1] * this._ui.hs.eventSource.height()), + }); + this._ui.l.selector.css({ + top : (hsl[2] * this._ui.l.eventSource.height()), + background : gray + }); + $.tizen.colorwidget.prototype._setColor.call(this, clr); + }, + + widget: function() { return this._ui.clrpicker; }, + + _setDisabled: function(value) { + $.tizen.widgetex.prototype._setDisabled.call(this, value); + this._ui.hs.hueGradient.huegradient("option", "disabled", value); + this._ui.clrpicker[value ? "addClass" : "removeClass"]("ui-disabled"); + $.tizen.colorwidget.prototype._displayDisabledState.call(this, this._ui.clrpicker); + }, + + _setColor: function(clr) { + if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) { + this.dragging_hsl = $.tizen.colorwidget.clrlib.RGBToHSL($.tizen.colorwidget.clrlib.HTMLToRGB(this.options.color)); + this.dragging_hsl[1] = 1.0 - this.dragging_hsl[1]; + this._updateSelectors(this.dragging_hsl); + } + } +}); + +$(document).bind("pagecreate create", function(e) { + $($.tizen.colorpicker.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .colorpicker(); +}); + +})(jQuery); diff --git a/src/widgets/colorpicker/less/colorpicker.less b/src/widgets/colorpicker/less/colorpicker.less new file mode 100644 index 0000000..ead1bc9 --- /dev/null +++ b/src/widgets/colorpicker/less/colorpicker.less @@ -0,0 +1,74 @@ +/* Own CSS */ + +/* @selector-size should be an odd number, in order to pixel-perfectly center on a given colour */ +@colorpicker-selector-size: 61px; +@colorpicker-selector-border-width: 5px; +@colorpicker-clrchannel-hs-width: 256px; +@colorpicker-clrchannel-hs-height: 256px; +@colorpicker-clrchannel-l-width: 16px; +@colorpicker-clrchannel-l-height: 256px; + +@colorpicker-selector-total-size: @colorpicker-selector-size + 2 * @colorpicker-selector-border-width; +@colorpicker-clrchannel-hs-padding: @colorpicker-selector-total-size / 2; +@colorpicker-clrchannel-l-hpadding: + + ~`Math.max(0, + parseInt("@{colorpicker-selector-total-size}") - + parseInt("@{colorpicker-clrchannel-l-width}")) / 2 + "px"`; +@colorpicker-clrchannel-l-selector-left: + ~`Math.max(0, + parseInt("@{colorpicker-clrchannel-l-width}") - + parseInt("@{colorpicker-selector-total-size}")) / 2 + "px"`; + +.ui-colorpicker { + display: table; + + .colorpicker-hs-container { + position: relative; + display: table-cell; + float: left; + + width: @colorpicker-clrchannel-hs-width; + height: @colorpicker-clrchannel-hs-height; + padding: @colorpicker-clrchannel-hs-padding; + + .colorpicker-hs-mask { + position: absolute; + width: @colorpicker-clrchannel-hs-width; + height: @colorpicker-clrchannel-hs-height; + } + + .colorpicker-hs-selector { + position: absolute; + width: @colorpicker-selector-size; + height: @colorpicker-selector-size; + border: @colorpicker-selector-border-width solid black; + } + } + + .colorpicker-l-container { + position: relative; + float: left; + + width: @colorpicker-clrchannel-l-width; + height: @colorpicker-clrchannel-l-height; + padding-left: @colorpicker-clrchannel-l-hpadding; + padding-right: @colorpicker-clrchannel-l-hpadding; + padding-top: @colorpicker-clrchannel-hs-padding; + padding-bottom: @colorpicker-clrchannel-hs-padding; + + .colorpicker-l-mask { + position: absolute; + width: @colorpicker-clrchannel-l-width; + height: @colorpicker-clrchannel-l-height; + } + + .colorpicker-l-selector { + left: @colorpicker-clrchannel-l-selector-left; + position: absolute; + width: @colorpicker-selector-size; + height: @colorpicker-selector-size; + border: @colorpicker-selector-border-width solid black; + } + } +} diff --git a/src/widgets/colorpicker/proto-html/colorpicker.prototype.html b/src/widgets/colorpicker/proto-html/colorpicker.prototype.html new file mode 100644 index 0000000..df29dd5 --- /dev/null +++ b/src/widgets/colorpicker/proto-html/colorpicker.prototype.html @@ -0,0 +1,13 @@ +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          +
          diff --git a/src/widgets/colorpickerbutton/css/colorpickerbutton.css b/src/widgets/colorpickerbutton/css/colorpickerbutton.css new file mode 100644 index 0000000..9f0bb26 --- /dev/null +++ b/src/widgets/colorpickerbutton/css/colorpickerbutton.css @@ -0,0 +1,9 @@ +/* Need to add !important below, because these classes are added before jqm enhancement */ +.ui-colorpickerbutton-input { + max-width: 70px; + display: inline-block !important; +} + +.ui-colorpickerbutton-input-hidden { + display: none !important; +} diff --git a/src/widgets/colorpickerbutton/js/jquery.mobile.tizen.colorpickerbutton.js b/src/widgets/colorpickerbutton/js/jquery.mobile.tizen.colorpickerbutton.js new file mode 100755 index 0000000..b0a35e9 --- /dev/null +++ b/src/widgets/colorpickerbutton/js/jquery.mobile.tizen.colorpickerbutton.js @@ -0,0 +1,175 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Gabriel Schulhof + */ + +// Displays a button which, when pressed, opens a popupwindow +// containing hsvpicker. +// +// To apply, add the attribute data-role="colorpickerbutton" to a
          +// element inside a page. Alternatively, call colorpickerbutton() on an +// element. +// +// Options: +// +// color: String; color displayed on the button and the base color +// of the hsvpicker (see hsvpicker). +// initial color can be specified in html using the +// data-color="#ff00ff" attribute or when constructed in +// javascript, eg : +// $("#mycolorpickerbutton").colorpickerbutton({ color: "#ff00ff" }); +// where the html might be : +//
          +// The color can be changed post-construction like this : +// $("#mycolorpickerbutton").colorpickerbutton("option", "color", "#ABCDEF"); +// Default: "#1a8039" +// +// buttonMarkup: String; markup to use for the close button on the popupwindow, eg : +// $("#mycolorpickerbutton").colorpickerbutton("option","buttonMarkup", +// "ignored"); +// +// closeText: String; the text to display on the close button on the popupwindow. +// The text set in the buttonMarkup will be ignored and this used instead. +// +// Events: +// +// colorchanged: emitted when the color has been changed and the popupwindow is closed. + +(function($, undefined) { + +$.widget("tizen.colorpickerbutton", $.tizen.colorwidget, { + options: { + buttonMarkup: { + theme: null, + inline: true, + corners: true, + shadow: true + }, + hideInput: true, + closeText: "Close", + initSelector: "input[type='color'], :jqmData(type='color'), :jqmData(role='colorpickerbutton')" + }, + + _htmlProto: { + ui: { + button: "#colorpickerbutton-button", + buttonContents: "#colorpickerbutton-button-contents", + popup: "#colorpickerbutton-popup-container", + hsvpicker: "#colorpickerbutton-popup-hsvpicker", + closeButton: "#colorpickerbutton-popup-close-button", + closeButtonText: "#colorpickerbutton-popup-close-button-text" + } + }, + + _create: function() { + var self = this; + + this.element + .css("display", "none") + .after(this._ui.button); + + /* Tear apart the proto */ + this._ui.popup.insertBefore(this.element).popupwindow(); + this._ui.hsvpicker.hsvpicker(); + + $.tizen.popupwindow.bindPopupToButton(this._ui.button, this._ui.popup); + + this._ui.closeButton.bind("vclick", function(event) { + self._setColor(self._ui.hsvpicker.hsvpicker("option", "color")); + self.close(); + }); + + this.element.bind("change keyup blur", function() { + self._setColor(self.element.val()); + }); + }, + + _setHideInput: function(value) { + this.element[value ? "addClass" : "removeClass"]("ui-colorpickerbutton-input-hidden"); + this.element[value ? "removeClass" : "addClass"]("ui-colorpickerbutton-input"); + this.element.attr("data-" + ($.mobile.ns || "") + "hide-input", value); + }, + + _setColor: function(clr) { + if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) { + var clrlib = $.tizen.colorwidget.clrlib; + + this._ui.hsvpicker.hsvpicker("option", "color", this.options.color); + $.tizen.colorwidget.prototype._setElementColor.call(this, this._ui.buttonContents, + clrlib.RGBToHSL(clrlib.HTMLToRGB(this.options.color)), "color"); + } + }, + + _setButtonMarkup: function(value) { + this._ui.button.buttonMarkup(value); + this.options.buttonMarkup = value; + value["inline"] = false; + this._ui.closeButton.buttonMarkup(value); + }, + + _setCloseText: function(value) { + this._ui.closeButtonText.text(value); + this.options.closeText = value; + this.element.attr("data-" + ($.mobile.ns || "") + "close-text", value); + }, + + _setDisabled: function(value) { + $.tizen.widgetex.prototype._setDisabled.call(this, value); + this._ui.popup.popupwindow("option", "disabled", value); + this._ui.button[value ? "addClass" : "removeClass"]("ui-disabled"); + $.tizen.colorwidget.prototype._displayDisabledState.call(this, this._ui.button); + }, + + open: function() { + this._ui.popup.popupwindow("open", + this._ui.button.offset().left + this._ui.button.outerWidth() / 2, + this._ui.button.offset().top + this._ui.button.outerHeight() / 2); + }, + + _focusButton : function(){ + var self = this; + setTimeout(function() { + self._ui.button.focus(); + }, 40); + }, + + close: function() { + this._focusButton(); + this._ui.popup.popupwindow("close"); + } +}); + +//auto self-init widgets +$(document).bind("pagecreate create", function(e) { + $($.tizen.colorpickerbutton.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .colorpickerbutton(); +}); + +})(jQuery); diff --git a/src/widgets/colorpickerbutton/proto-html/colorpickerbutton.prototype.html b/src/widgets/colorpickerbutton/proto-html/colorpickerbutton.prototype.html new file mode 100755 index 0000000..85d6ea6 --- /dev/null +++ b/src/widgets/colorpickerbutton/proto-html/colorpickerbutton.prototype.html @@ -0,0 +1,11 @@ + diff --git a/src/widgets/colortitle/js/jquery.mobile.tizen.colortitle.js b/src/widgets/colortitle/js/jquery.mobile.tizen.colortitle.js new file mode 100755 index 0000000..c8ff03a --- /dev/null +++ b/src/widgets/colortitle/js/jquery.mobile.tizen.colortitle.js @@ -0,0 +1,93 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Gabriel Schulhof + */ + +// Displays the color in text of the form '#RRGGBB' where +// RR, GG, and BB are in hexadecimal. +// +// Apply a colortitle by adding the attribute data-role="colortitle" +// to a
          element inside a page. Alternatively, call colortitle() +// on an element (see below). +// +// Options: +// +// color: String; the initial color can be specified in html using +// the data-color="#ff00ff" attribute or when constructed +// in javascipt eg +// $("#mycolortitle").colortitle({ color: "#ff00ff" }); +// where the html might be : +//
          +// The color can be changed post-construction : +// $("#mycolortitle").colortitle("option", "color", "#ABCDEF"); +// Default: "#1a8039". + +(function( $, undefined ) { + +$.widget( "tizen.colortitle", $.tizen.colorwidget, { + options: { + initSelector: ":jqmData(role='colortitle')" + }, + + _htmlProto: { + ui: { + clrtitle: "#colortitle", + header: "#colortitle-string" + } + }, + + _create: function() { + this.element + .css("display", "none") + .after(this._ui.clrtitle); + + }, + + widget: function() { return this._ui.clrtitle; }, + + _setDisabled: function(value) { + $.tizen.widgetex.prototype._setDisabled.call(this, value); + this._ui.clrtitle[value ? "addClass" : "removeClass"]("ui-disabled"); + }, + + _setColor: function(clr) { + if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) { + this._ui.header.text(this.options.color); + $(this._ui.header).parent().css("color", this.options.color); + } + } +}); + +$(document).bind("pagecreate create", function(e) { + $($.tizen.colortitle.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .colortitle(); +}); + +})(jQuery); diff --git a/src/widgets/colortitle/less/colortitle.less b/src/widgets/colortitle/less/colortitle.less new file mode 100644 index 0000000..8963d16 --- /dev/null +++ b/src/widgets/colortitle/less/colortitle.less @@ -0,0 +1,17 @@ +@colortitle-vpadding: 15px; + +.ui-colortitle { + padding-top: @colortitle-vpadding; + padding-bottom: @colortitle-vpadding; + h1 { + display: table; + margin: auto; + color: #54a12d; + } +} + +.todons-colortitle-disabled { + h1 { + color: #888888; + } +} diff --git a/src/widgets/colortitle/proto-html/colortitle.prototype.html b/src/widgets/colortitle/proto-html/colortitle.prototype.html new file mode 100644 index 0000000..7c7291e --- /dev/null +++ b/src/widgets/colortitle/proto-html/colortitle.prototype.html @@ -0,0 +1,3 @@ +
          +

          +
          diff --git a/src/widgets/common/Makefile b/src/widgets/common/Makefile new file mode 100644 index 0000000..832d92d --- /dev/null +++ b/src/widgets/common/Makefile @@ -0,0 +1,58 @@ +OUTPUT = ../../compiled + +JS = jquery.mobile.toolkit.js +JS_THEME = theme.js +CSS_THEME = theme.css + +JSFILES = \ + js/jquery.easing.1.3.js \ + js/jquery.mobile.scrollview.js \ + js/tizen.core.js \ + js/jquery.tmpl.js \ + $(NULL) + +JS_THEME_FILES = \ + $(NULL) + +CSSFILES = \ + $(NULL) + +CSS_THEME_FILES = \ + css/jquery.mobile.scrollview.css \ + $(NULL) + +all: init js js_theme css css_theme + # Done. + +js: init + # Building the Javascript file... +# @@if test "x${JSFILES}x" != "xx"; then + cat ${JSFILES} >> ${OUTPUT}/${JS}; +# fi + +js_theme: init + # Building the Javascript theme file... + @@if test "x${JS_THEME_FILES}x" != "xx"; then \ + cat ${JS_THEME_FILES} >> ${OUTPUT}/${JS_THEME}; \ + fi + +css: init + # Building the CSS file... + @@if test "x${CSSFILES}x" != "xx"; then \ + cat ${CSSFILES} >> ${OUTPUT}/${CSS}; \ + fi + +css_theme: init + # Building the CSS theme file... + @@if test "x${CSS_THEME_FILES}x" != "xx"; then \ + cat ${CSS_THEME_FILES} >> ${OUTPUT}/${CSS_THEME}; \ + fi + +init: + # Initializing... + @@if ! test -d ${OUTPUT}; then \ + mkdir ${OUTPUT}; \ + fi + +clean: + @@true diff --git a/src/widgets/common/css/jquery.mobile.clrlib.css b/src/widgets/common/css/jquery.mobile.clrlib.css new file mode 100644 index 0000000..55242cd --- /dev/null +++ b/src/widgets/common/css/jquery.mobile.clrlib.css @@ -0,0 +1,51 @@ +.jquery-mobile-clrlib-hue-gradient { + background: rgb(255,0,0); /* Old browsers */ + background: -webkit-gradient(linear, left top, right top, + color-stop( 0% ,rgba(255, 0, 0,1)), + color-stop( 16.666666667%,rgba(255,255, 0,1)), + color-stop( 33.333333333%,rgba(0 ,255, 0,1)), + color-stop( 50% ,rgba(0 ,255,255,1)), + color-stop( 66.666666667%,rgba(0 , 0,255,1)), + color-stop( 83.333333333%,rgba(255, 0,255,1)), + color-stop(100% ,rgba(255, 0, 0,1))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: -webkit-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: -o-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: -ms-linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); + background: linear-gradient(left, + rgba(255, 0, 0,1) 0%, + rgba(255,255, 0,1) 16.666666667%, + rgba( 0,255, 0,1) 33.333333333%, + rgba( 0,255,255,1) 50%, + rgba( 0, 0,255,1) 66.666666667%, + rgba(255, 0,255,1) 83.333333333%, + rgba(255, 0, 0,1) 100%); +} diff --git a/src/widgets/common/css/jquery.mobile.scrollview.css b/src/widgets/common/css/jquery.mobile.scrollview.css new file mode 100644 index 0000000..fd1cb24 --- /dev/null +++ b/src/widgets/common/css/jquery.mobile.scrollview.css @@ -0,0 +1,85 @@ +@charset "utf-8"; + +.ui-scrollview-clip { + position: relative; +} + +.ui-scrollview-view { +} + +.ui-scrolllistview .ui-li-divider { + z-index: 10; +} + +.ui-scrollbar { + position: absolute; + overflow: hidden; + + opacity: 0; + -webkit-transition: opacity 500ms; + -moz-transition: opacity 500ms; + transition: opacity 500ms; +} + +.ui-scrollbar-visible { + opacity: 1; +} + +.ui-scrollbar-y { + top: 2px; + right: 2px; + bottom: 8px; + width: 5px; +} + +.ui-scrollbar-x { + right: 8px; + bottom: 2px; + left: 2px; + height: 5px; +} + +.ui-scrollbar-track { + position: relative; + width: 100%; + height: 100%; +} + +.ui-scrollbar-thumb { + position: absolute; + top: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.3); + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} + +.ui-scrollbar-y .ui-scrollbar-thumb { + width: 5px; + height: 100%; +} + +.ui-scrollbar-x .ui-scrollbar-thumb { + width: 100%; + height: 5px; +} + +/* + * the values below are for the group index + */ + +/* + * padding here set to zero - otherwise the list scrolls underneith the top heading and can be seen above it + */ +.ui-content.ui-scrollview-clip { + padding: 0; +} + +/* + * this seems to effect how far the top divider is place wrt to the scrollview + * without this, it is placed too high, so it is clipped in half + */ +.ui-content.ui-scrollview-clip > .ui-listview.ui-scrollview-view { + margin: 0; +} diff --git a/src/widgets/common/js/ensurens.js b/src/widgets/common/js/ensurens.js new file mode 100644 index 0000000..08732d6 --- /dev/null +++ b/src/widgets/common/js/ensurens.js @@ -0,0 +1,40 @@ +/* + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + */ + +// Ensure that the given namespace is defined. If not, define it to be an empty object. +// This is kinda like the mkdir -p command. + +function ensureNS(ns) { + var nsAr = ns.split("."), + nsSoFar = ""; + + for (var Nix in nsAr) { + nsSoFar = nsSoFar + (Nix > 0 ? "." : "") + nsAr[Nix]; + eval (nsSoFar + " = " + nsSoFar + " || {};"); + } +} diff --git a/src/widgets/common/js/jquery.easing.1.3.js b/src/widgets/common/js/jquery.easing.1.3.js new file mode 100644 index 0000000..ef74321 --- /dev/null +++ b/src/widgets/common/js/jquery.easing.1.3.js @@ -0,0 +1,205 @@ +/* + * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ + * + * Uses the built in easing capabilities added In jQuery 1.1 + * to offer multiple easing options + * + * TERMS OF USE - jQuery Easing + * + * Open source under the BSD License. + * + * Copyright © 2008 George McGinley Smith + * All rights reserved. + * + * Redistribution and use in source and binary forms, with or without modification, + * are permitted provided that the following conditions are met: + * + * Redistributions of source code must retain the above copyright notice, this list of + * conditions and the following disclaimer. + * Redistributions in binary form must reproduce the above copyright notice, this list + * of conditions and the following disclaimer in the documentation and/or other materials + * provided with the distribution. + * + * Neither the name of the author nor the names of contributors may be used to endorse + * or promote products derived from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF + * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE + * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE + * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED + * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING + * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED + * OF THE POSSIBILITY OF SUCH DAMAGE. + * +*/ + +// t: current time, b: begInnIng value, c: change In value, d: duration +jQuery.easing['jswing'] = jQuery.easing['swing']; + +jQuery.extend( jQuery.easing, +{ + def: 'easeOutQuad', + swing: function (x, t, b, c, d) { + //alert(jQuery.easing.default); + return jQuery.easing[jQuery.easing.def](x, t, b, c, d); + }, + easeInQuad: function (x, t, b, c, d) { + return c*(t/=d)*t + b; + }, + easeOutQuad: function (x, t, b, c, d) { + return -c *(t/=d)*(t-2) + b; + }, + easeInOutQuad: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t + b; + return -c/2 * ((--t)*(t-2) - 1) + b; + }, + easeInCubic: function (x, t, b, c, d) { + return c*(t/=d)*t*t + b; + }, + easeOutCubic: function (x, t, b, c, d) { + return c*((t=t/d-1)*t*t + 1) + b; + }, + easeInOutCubic: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t*t + b; + return c/2*((t-=2)*t*t + 2) + b; + }, + easeInQuart: function (x, t, b, c, d) { + return c*(t/=d)*t*t*t + b; + }, + easeOutQuart: function (x, t, b, c, d) { + return -c * ((t=t/d-1)*t*t*t - 1) + b; + }, + easeInOutQuart: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t*t*t + b; + return -c/2 * ((t-=2)*t*t*t - 2) + b; + }, + easeInQuint: function (x, t, b, c, d) { + return c*(t/=d)*t*t*t*t + b; + }, + easeOutQuint: function (x, t, b, c, d) { + return c*((t=t/d-1)*t*t*t*t + 1) + b; + }, + easeInOutQuint: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; + return c/2*((t-=2)*t*t*t*t + 2) + b; + }, + easeInSine: function (x, t, b, c, d) { + return -c * Math.cos(t/d * (Math.PI/2)) + c + b; + }, + easeOutSine: function (x, t, b, c, d) { + return c * Math.sin(t/d * (Math.PI/2)) + b; + }, + easeInOutSine: function (x, t, b, c, d) { + return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; + }, + easeInExpo: function (x, t, b, c, d) { + return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; + }, + easeOutExpo: function (x, t, b, c, d) { + return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; + }, + easeInOutExpo: function (x, t, b, c, d) { + if (t==0) return b; + if (t==d) return b+c; + if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; + return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; + }, + easeInCirc: function (x, t, b, c, d) { + return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; + }, + easeOutCirc: function (x, t, b, c, d) { + return c * Math.sqrt(1 - (t=t/d-1)*t) + b; + }, + easeInOutCirc: function (x, t, b, c, d) { + if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; + return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; + }, + easeInElastic: function (x, t, b, c, d) { + var s=1.70158;var p=0;var a=c; + if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; + }, + easeOutElastic: function (x, t, b, c, d) { + var s=1.70158;var p=0;var a=c; + if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; + }, + easeInOutElastic: function (x, t, b, c, d) { + var s=1.70158;var p=0;var a=c; + if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); + if (a < Math.abs(c)) { a=c; var s=p/4; } + else var s = p/(2*Math.PI) * Math.asin (c/a); + if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; + return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; + }, + easeInBack: function (x, t, b, c, d, s) { + if (s == undefined) s = 1.70158; + return c*(t/=d)*t*((s+1)*t - s) + b; + }, + easeOutBack: function (x, t, b, c, d, s) { + if (s == undefined) s = 1.70158; + return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; + }, + easeInOutBack: function (x, t, b, c, d, s) { + if (s == undefined) s = 1.70158; + if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; + return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; + }, + easeInBounce: function (x, t, b, c, d) { + return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; + }, + easeOutBounce: function (x, t, b, c, d) { + if ((t/=d) < (1/2.75)) { + return c*(7.5625*t*t) + b; + } else if (t < (2/2.75)) { + return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; + } else if (t < (2.5/2.75)) { + return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; + } else { + return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; + } + }, + easeInOutBounce: function (x, t, b, c, d) { + if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; + return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; + } +}); + +/* + * + * TERMS OF USE - EASING EQUATIONS + * + * Open source under the BSD License. + * + * Copyright © 2001 Robert Penner + * All rights reserved. + * + * Redistribution and use in source and binary forms, with or without modification, + * are permitted provided that the following conditions are met: + * + * Redistributions of source code must retain the above copyright notice, this list of + * conditions and the following disclaimer. + * Redistributions in binary form must reproduce the above copyright notice, this list + * of conditions and the following disclaimer in the documentation and/or other materials + * provided with the distribution. + * + * Neither the name of the author nor the names of contributors may be used to endorse + * or promote products derived from this software without specific prior written permission. + * + * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY + * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF + * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE + * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, + * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE + * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED + * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING + * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED + * OF THE POSSIBILITY OF SUCH DAMAGE. + * + */ \ No newline at end of file diff --git a/src/widgets/common/js/jquery.mobile.label.js b/src/widgets/common/js/jquery.mobile.label.js new file mode 100644 index 0000000..2199614 --- /dev/null +++ b/src/widgets/common/js/jquery.mobile.label.js @@ -0,0 +1,40 @@ +/* + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + */ + +// Add markup for labels + +(function($, undefined) { + +$(document).bind("pagecreate create", function(e) { + $(":jqmData(role='label')", e.target).not(":jqmData(role='none'), :jqmData(role='nojs')").each(function() { + $(this).addClass("jquery-mobile-ui-label") + .html($("", {"class": "jquery-mobile-ui-label-text"}).text($(this).text())); + }); +}); + +})(jQuery); diff --git a/src/widgets/common/js/jquery.mobile.panning-page.js b/src/widgets/common/js/jquery.mobile.panning-page.js new file mode 100644 index 0000000..336ee74 --- /dev/null +++ b/src/widgets/common/js/jquery.mobile.panning-page.js @@ -0,0 +1,46 @@ +/* + * Size pages to the window + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + */ + +// Size pages to the window + +(function($, undefined) { + +var _fit_page_to_window_selector = ":jqmData(role='page'):jqmData(fit-page-to-window='true'):visible"; + +$(document).bind("pageshow", function(e) { + if ($(e.target).is(_fit_page_to_window_selector)) + $.mobile.tizen.fillPageWithContentArea($(e.target)); +}); + +$(window).resize(function() { + if ($(_fit_page_to_window_selector)[0] !== undefined) + $.mobile.tizen.fillPageWithContentArea($(_fit_page_to_window_selector)); +}); + +})(jQuery); diff --git a/src/widgets/common/js/jquery.mobile.tizen.clrlib.js b/src/widgets/common/js/jquery.mobile.tizen.clrlib.js new file mode 100644 index 0000000..c243c3b --- /dev/null +++ b/src/widgets/common/js/jquery.mobile.tizen.clrlib.js @@ -0,0 +1,212 @@ +ensureNS("jQuery.mobile.tizen.clrlib"); + +jQuery.extend( jQuery.mobile.tizen.clrlib, +{ + nearestInt: function(val) { + var theFloor = Math.floor(val); + + return (((val - theFloor) > 0.5) ? (theFloor + 1) : theFloor); + }, + + /* + * Converts html color string to rgb array. + * + * Input: string clr_str, where + * clr_str is of the form "#aabbcc" + * + * Returns: [ r, g, b ], where + * r is in [0, 1] + * g is in [0, 1] + * b is in [0, 1] + */ + HTMLToRGB: function(clr_str) { + clr_str = (('#' == clr_str.charAt(0)) ? clr_str.substring(1) : clr_str); + + return ([ + clr_str.substring(0, 2), + clr_str.substring(2, 4), + clr_str.substring(4, 6) + ].map(function(val) { + return parseInt(val, 16) / 255.0; + })); + }, + + /* + * Converts rgb array to html color string. + * + * Input: [ r, g, b ], where + * r is in [0, 1] + * g is in [0, 1] + * b is in [0, 1] + * + * Returns: string of the form "#aabbcc" + */ + RGBToHTML: function(rgb) { + return ("#" + + rgb.map(function(val) { + var ret = val * 255, + theFloor = Math.floor(ret); + + ret = ((ret - theFloor > 0.5) ? (theFloor + 1) : theFloor); + ret = (((ret < 16) ? "0" : "") + (ret & 0xff).toString(16)); + return ret; + }) + .join("")); + }, + + /* + * Converts hsl to rgb. + * + * From http://130.113.54.154/~monger/hsl-rgb.html + * + * Input: [ h, s, l ], where + * h is in [0, 360] + * s is in [0, 1] + * l is in [0, 1] + * + * Returns: [ r, g, b ], where + * r is in [0, 1] + * g is in [0, 1] + * b is in [0, 1] + */ + HSLToRGB: function(hsl) { + var h = hsl[0] / 360.0, s = hsl[1], l = hsl[2]; + + if (0 === s) + return [ l, l, l ]; + + var temp2 = ((l < 0.5) + ? l * (1.0 + s) + : l + s - l * s), + temp1 = 2.0 * l - temp2, + temp3 = { + r: h + 1.0 / 3.0, + g: h, + b: h - 1.0 / 3.0 + }; + + temp3.r = ((temp3.r < 0) ? (temp3.r + 1.0) : ((temp3.r > 1) ? (temp3.r - 1.0) : temp3.r)); + temp3.g = ((temp3.g < 0) ? (temp3.g + 1.0) : ((temp3.g > 1) ? (temp3.g - 1.0) : temp3.g)); + temp3.b = ((temp3.b < 0) ? (temp3.b + 1.0) : ((temp3.b > 1) ? (temp3.b - 1.0) : temp3.b)); + + ret = [ + (((6.0 * temp3.r) < 1) ? (temp1 + (temp2 - temp1) * 6.0 * temp3.r) : + (((2.0 * temp3.r) < 1) ? temp2 : + (((3.0 * temp3.r) < 2) ? (temp1 + (temp2 - temp1) * ((2.0 / 3.0) - temp3.r) * 6.0) : + temp1))), + (((6.0 * temp3.g) < 1) ? (temp1 + (temp2 - temp1) * 6.0 * temp3.g) : + (((2.0 * temp3.g) < 1) ? temp2 : + (((3.0 * temp3.g) < 2) ? (temp1 + (temp2 - temp1) * ((2.0 / 3.0) - temp3.g) * 6.0) : + temp1))), + (((6.0 * temp3.b) < 1) ? (temp1 + (temp2 - temp1) * 6.0 * temp3.b) : + (((2.0 * temp3.b) < 1) ? temp2 : + (((3.0 * temp3.b) < 2) ? (temp1 + (temp2 - temp1) * ((2.0 / 3.0) - temp3.b) * 6.0) : + temp1)))]; + + return ret; + }, + + /* + * Converts hsv to rgb. + * + * Input: [ h, s, v ], where + * h is in [0, 360] + * s is in [0, 1] + * v is in [0, 1] + * + * Returns: [ r, g, b ], where + * r is in [0, 1] + * g is in [0, 1] + * b is in [0, 1] + */ + HSVToRGB: function(hsv) { + return $.mobile.tizen.clrlib.HSLToRGB($.mobile.tizen.clrlib.HSVToHSL(hsv)); + }, + + /* + * Converts rgb to hsv. + * + * from http://coecsl.ece.illinois.edu/ge423/spring05/group8/FinalProject/HSV_writeup.pdf + * + * Input: [ r, g, b ], where + * r is in [0, 1] + * g is in [0, 1] + * b is in [0, 1] + * + * Returns: [ h, s, v ], where + * h is in [0, 360] + * s is in [0, 1] + * v is in [0, 1] + */ + RGBToHSV: function(rgb) { + var min, max, delta, h, s, v, r = rgb[0], g = rgb[1], b = rgb[2]; + + min = Math.min(r, Math.min(g, b)); + max = Math.max(r, Math.max(g, b)); + delta = max - min; + + h = 0; + s = 0; + v = max; + + if (delta > 0.00001) { + s = delta / max; + + if (r === max) + h = (g - b) / delta ; + else + if (g === max) + h = 2 + (b - r) / delta ; + else + h = 4 + (r - g) / delta ; + + h *= 60 ; + + if (h < 0) + h += 360 ; + } + + return [h, s, v]; + }, + + /* + * Converts hsv to hsl. + * + * Input: [ h, s, v ], where + * h is in [0, 360] + * s is in [0, 1] + * v is in [0, 1] + * + * Returns: [ h, s, l ], where + * h is in [0, 360] + * s is in [0, 1] + * l is in [0, 1] + */ + HSVToHSL: function(hsv) { + var max = hsv[2], + delta = hsv[1] * max, + min = max - delta, + sum = max + min, + half_sum = sum / 2, + s_divisor = ((half_sum < 0.5) ? sum : (2 - max - min)); + + return [ hsv[0], ((0 == s_divisor) ? 0 : (delta / s_divisor)), half_sum ]; + }, + + /* + * Converts rgb to hsl + * + * Input: [ r, g, b ], where + * r is in [0, 1] + * g is in [0, 1] + * b is in [0, 1] + * + * Returns: [ h, s, l ], where + * h is in [0, 360] + * s is in [0, 1] + * l is in [0, 1] + */ + RGBToHSL: function(rgb) { + return $.mobile.tizen.clrlib.HSVToHSL($.mobile.tizen.clrlib.RGBToHSV(rgb)); + } +}); diff --git a/src/widgets/common/js/jquery.mobile.tizen.core.js b/src/widgets/common/js/jquery.mobile.tizen.core.js new file mode 100644 index 0000000..c27e2c1 --- /dev/null +++ b/src/widgets/common/js/jquery.mobile.tizen.core.js @@ -0,0 +1,277 @@ +/*! + * jQuery Mobile Widget @VERSION + * + * TODO: remove unnecessary codes.... + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Kalyan Kondapally + */ + +ensureNS("jQuery.mobile.tizen"); + +(function () { +jQuery.extend(jQuery.mobile.tizen, { + Point: function (x, y) { + var X = isNaN(x) ? 0 : x; + var Y = isNaN(y) ? 0 : y; + + this.add = function (Point) { + this.setX(X + Point.x()); + this.setY(Y + Point.y()); + return this; + } + + this.subtract = function (Point) { + this.setX(X - Point.x()); + this.setY(Y - Point.y()); + return this; + } + + this.multiply = function (Point) { + this.setX(Math.round(X * Point.x())); + this.setY(Math.round(Y * Point.y())); + return this; + } + + this.divide = function (Point) { + this.setX(Math.round(X / Point.x())); + this.setY(Math.round(Y / Point.y())); + return this; + } + + this.isNull = function () { + return (X === 0 && Y === 0); + } + + this.x = function () { + return X; + } + + this.setX = function (val) { + isNaN(val) ? X = 0 : X = val; + } + + this.y = function () { + return Y; + } + + this.setY = function (val) { + isNaN(val) ? Y = 0 : Y = val; + } + + this.setNewPoint = function (point) { + this.setX(point.x()); + this.setY(point.y()); + } + + this.isEqualTo = function (point) { + return (X === point.x() && Y === point.y()); + } + }, + + Rect: function (left,top,width,height) { + var Left = left; + var Top = top; + var Right = Left+width; + var Bottom = Top+height; + + this.setRect = function(varL,varR,varT,varB) { + this.setLeft(varL); + this.setRight(varR); + this.setTop(varT); + this.setBottom(varB); + } + + this.right = function () { + return Right; + } + + this.setRight = function (val) { + Right = val; + } + + this.top = function () { + return Top; + } + + this.setTop = function (val) { + Top = val; + } + + this.bottom = function () { + return Bottom; + } + + this.setBottom = function (val) { + Bottom = val; + } + + this.left = function () { + return Left; + } + + this.setLeft = function (val) { + Left = val; + } + + this.moveTop = function(valY) { + var h = this.height(); + Top = valY; + Bottom = Top + h; + } + + this.isNull = function () { + return Right === Left && Bottom === Top; + } + + this.isValid = function () { + return Left <= Right && Top <= Bottom; + } + + this.isEmpty = function () { + return Left > Right || Top > Bottom; + } + + this.contains = function (valX,valY) { + if (this.containsX(valX) && this.containsY(valY)) + return true; + return false; + } + + this.width = function () { + return Right - Left; + } + + this.height = function () { + return Bottom - Top; + } + + this.containsX = function(val) { + var l = Left, + r = Right; + if (Right val || r < val) + return false; + return true; + } + + this.containsY = function(val) { + var t = Top, + b = Bottom; + if (Bottom val || b < val) + return false; + return true; + } + }, + + disableSelection: function (element) { + return $(element).each(function () { + jQuery(element).css('-webkit-user-select', 'none'); + }); + }, + + enableSelection: function (element, value) { + return $(element).each(function () { + val = value == "text" ? val = 'text' : val = 'auto'; + jQuery(element).css('-webkit-user-select', val); + }); + }, + + // Set the height of the content area to fill the space between a + // page's header and footer + fillPageWithContentArea: function (page) { + var $page = $(page); + var $content = $page.children(".ui-content:first"); + var hh = $page.children(".ui-header").outerHeight(); hh = hh ? hh : 0; + var fh = $page.children(".ui-footer").outerHeight(); fh = fh ? fh : 0; + var pt = parseFloat($content.css("padding-top")); + var pb = parseFloat($content.css("padding-bottom")); + var wh = window.innerHeight; + var height = wh - (hh + fh) - (pt + pb); + $content.height(height); + }, + + // Get document-relative mouse coordinates from a given event + // From: http://www.quirksmode.org/js/events_properties.html#position + documentRelativeCoordsFromEvent: function(ev) { + var e = ev ? ev : window.event, + client = { x: e.clientX, y: e.clientY }, + page = { x: e.pageX, y: e.pageY }, + posx = 0, + posy = 0; + + // Grab useful coordinates from touch events + if (e.type.match(/^touch/)) { + page = { + x: e.originalEvent.targetTouches[0].pageX, + y: e.originalEvent.targetTouches[0].pageY + }; + client = { + x: e.originalEvent.targetTouches[0].clientX, + y: e.originalEvent.targetTouches[0].clientY + }; + } + + if (page.x || page.y) { + posx = page.x; + posy = page.y; + } + else + if (client.x || client.y) { + posx = client.x + document.body.scrollLeft + document.documentElement.scrollLeft; + posy = client.y + document.body.scrollTop + document.documentElement.scrollTop; + } + + return { x: posx, y: posy }; + }, + + // TODO : offsetX, offsetY. touch events don't have offsetX and offsetY. support for touch devices. + // check algorithm... + targetRelativeCoordsFromEvent: function(e) { + var coords = { x: e.offsetX, y: e.offsetY }; + + if (coords.x === undefined || isNaN(coords.x) || + coords.y === undefined || isNaN(coords.y)) { + var offset = $(e.target).offset(); + //coords = documentRelativeCoordsFromEvent(e); // Old code. Must be checked again. + coords = $.mobile.tizen.documentRelativeCoordsFromEvent(e); + coords.x -= offset.left; + coords.y -= offset.top; + } + + return coords; + } +}); + +})(); diff --git a/src/widgets/common/js/jquery.mobile.tizen.jlayoutadaptor.js b/src/widgets/common/js/jquery.mobile.tizen.jlayoutadaptor.js new file mode 100644 index 0000000..4ca6cf1 --- /dev/null +++ b/src/widgets/common/js/jquery.mobile.tizen.jlayoutadaptor.js @@ -0,0 +1,124 @@ +/* + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + */ + +// Wrapper round the jLayout functions to enable it to be used +// for creating jQuery Mobile layout extensions. +// +// See the layouthbox and layoutvbox widgets for usage examples. +(function ($, undefined) { + +$.widget("tizen.jlayoutadaptor", $.mobile.widget, { + options: { + hgap: null, + vgap: null, + scrollable: true, + showScrollBars: true, + direction: null + }, + + _create: function () { + var self = this, + options = this.element.data('layout-options'), + page = $(this.element).closest(':jqmData(role="page")'); + + $.extend(this.options, options); + + if (page && !page.is(':visible')) { + this.element.hide(); + + page.bind('pageshow', function () { + self.refresh(); + }); + } + else { + this.refresh(); + } + }, + + refresh: function () { + var container; + var config = $.extend(this.options, this.fixed); + + if (config.scrollable) { + if (!(this.element.children().is('.ui-scrollview-view'))) { + // create the scrollview + this.element.scrollview({direction: config.direction, + showScrollBars: config.showScrollBars}); + } + else if (config.showScrollBars) { + this.element.find('.ui-scrollbar').show(); + } + else { + this.element.find('.ui-scrollbar').hide(); + } + + container = this.element.find('.ui-scrollview-view'); + } + else { + container = this.element; + } + + container.layout(config); + + this.element.show(); + + if (config.scrollable) { + // get the right/bottom edge of the last child after layout + var lastItem = container.children().last(); + + var edge; + + var scrollview = this.element.find('.ui-scrollview-view'); + + if (config.direction === 'x') { + edge = lastItem.position().left + + lastItem.outerWidth(true); + + // set the scrollview's view width to the original width + scrollview.width(edge); + + // set the parent container's height to the height of + // the scrollview + this.element.height(scrollview.height()); + } + else if (config.direction === 'y') { + edge = lastItem.position().top + + lastItem.outerHeight(true); + + // set the scrollview's view height to the original height + scrollview.height(edge); + + // set the parent container's width to the width of the + // scrollview + this.element.width(scrollview.width()); + } + } + } +}); + +})(jQuery); diff --git a/src/widgets/common/js/jquery.mobile.tizen.loadprototype.js b/src/widgets/common/js/jquery.mobile.tizen.loadprototype.js new file mode 100644 index 0000000..e265bd8 --- /dev/null +++ b/src/widgets/common/js/jquery.mobile.tizen.loadprototype.js @@ -0,0 +1,140 @@ +(function($, undefined) { + +ensureNS("jQuery.mobile.tizen"); + +jQuery.extend( jQuery.mobile.tizen, +{ + _widgetPrototypes: {}, + + /* + * load the prototype for a widget. + * + * If @widget is a string, the function looks for @widget.prototype.html in the proto-html/ subdirectory of the + * framework's current theme and loads the file via AJAX into a string. Note that the file will only be loaded via + * AJAX once. If two widget instances based on the same @widget value are to be constructed, the second will be + * constructed from the cached copy of the prototype of the first instance. + * + * If @widget is not a string, it is assumed to be a hash containing at least one key, "proto", the value of which is + * the string to be used for the widget prototype. if another key named "key" is also provided, it will serve as the + * key under which to cache the prototype, so it need not be rendered again in the future. + * + * Given the string for the widget prototype, the following patterns occurring in the string are replaced: + * + * "${FRAMEWORK_ROOT}" - replaced with the path to the root of the framework + * + * The function then creates a jQuery $("
          ") object containing the prototype from the string. + * + * If @ui is not provided, the jQuery object containing the prototype is returned. + * + * If @ui is provided, it is assumed to be a (possibly multi-level) hash containing CSS selectors. For every level of + * the hash and for each string-valued key at that level, the CSS selector specified as the value is sought in the + * prototype jQuery object and, if found, the value of the key is replaced with the jQuery object resulting from the + * search. Additionally, if the CSS selector is of the form "#widgetid", the "id" attribute will be removed from the + * elements contained within the resulting jQuery object. The resulting hash is returned. + * + * Examples: + * + * 1. + * $.mobile.tizen.loadPrototype("mywidget") => Returns a
          containing the structure from the file + * mywidget.prototype.html located in the current theme folder of the current framework. + * + * 2. $.mobile.tizen.loadPrototype("mywidget", ui): + * where ui is a hash that looks like this: + * ui = { + * element1: "", + * element2: "", + * group1: { + * group1element1: "", + * group1element1: "" + * } + * ... + * } + * + * In this case, after loading the prototype as in Example 1, loadPrototype will traverse @ui and replace the CSS + * selector strings with the result of the search for the selector string upon the prototype. If any of the CSS + * selectors are of the form "#elementid" then the "id" attribute will be stripped from the elements selected. This + * means that they will no longer be accessible via the selector used initially. @ui is then returned thus modified. + */ + + loadPrototype: function(widget, ui) { + var ret = undefined, + theScriptTag = $("script[data-framework-version][data-framework-root][data-framework-theme]"), + frameworkRootPath = theScriptTag.attr("data-framework-root") + "/" + + theScriptTag.attr("data-framework-version") + "/"; + + function replaceVariables(s) { + return s.replace(/\$\{FRAMEWORK_ROOT\}/g, frameworkRootPath); + } + + function fillObj(obj, uiProto) { + var selector; + + for (var key in obj) { + if (typeof obj[key] === "string") { + selector = obj[key]; + obj[key] = uiProto.find(obj[key]); + if (selector.substring(0, 1) === "#") + obj[key].removeAttr("id"); + } + else + if (typeof obj[key] === "object") + obj[key] = fillObj(obj[key], uiProto); + } + return obj; + } + + /* If @widget is a string ... */ + if (typeof widget === "string") { + /* ... try to use it as a key into the cached prototype hash ... */ + ret = $.mobile.tizen._widgetPrototypes[widget]; + if (ret === undefined) { + /* ... and if the proto was not found, try to load its definition ... */ + var protoPath = frameworkRootPath + "proto-html" + "/" + + theScriptTag.attr("data-framework-theme"); + $.ajax({ + url: protoPath + "/" + widget + ".prototype.html", + async: false, + dataType: "html" + }) + .success(function(data, textStatus, jqXHR) { + /* ... and if loading succeeds, cache it and use a copy of it ... */ + $.mobile.tizen._widgetPrototypes[widget] = $("
          ").html(replaceVariables(data)); + ret = $.mobile.tizen._widgetPrototypes[widget].clone(); + }); + } + } + /* Otherwise ... */ + else { + /* ... if a key was provided ... */ + if (widget.key !== undefined) + /* ... try to use it as a key into the cached prototype hash ... */ + ret = $.mobile.tizen._widgetPrototypes[widget.key]; + + /* ... and if the proto was not found in the cache ... */ + if (ret === undefined) { + /* ... and a proto definition string was provided ... */ + if (widget.proto !== undefined) { + /* ... create a new proto from the definition ... */ + ret = $("
          ").html(replaceVariables(widget.proto)); + /* ... and if a key was provided ... */ + if (widget.key !== undefined) + /* ... cache a copy of the proto under that key */ + $.mobile.tizen._widgetPrototypes[widget.key] = ret.clone(); + } + } + else + /* otherwise, if the proto /was/ found in the cache, return a copy of it */ + ret = ret.clone(); + } + + /* If the prototype was found/created successfully ... */ + if (ret != undefined) + /* ... and @ui was provided */ + if (ui != undefined) + /* ... return @ui, but replace the CSS selectors it contains with the elements they select */ + ret = fillObj(ui, ret); + + return ret; + } +}); +})(jQuery); diff --git a/src/widgets/common/js/jquery.mobile.tizen.scrollview.js b/src/widgets/common/js/jquery.mobile.tizen.scrollview.js new file mode 100644 index 0000000..309dc08 --- /dev/null +++ b/src/widgets/common/js/jquery.mobile.tizen.scrollview.js @@ -0,0 +1,949 @@ +/* +* jQuery Mobile Framework : scrollview plugin +* Copyright (c) 2010 Adobe Systems Incorporated - Kin Blas (jblas@adobe.com) +* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. +* Note: Code is in draft form and is subject to change +* Modified by Koeun Choi +* Modified by Minkyu Kang +*/ + +( function ( $, window, document, undefined ) { + +jQuery.widget( "tizen.scrollview", jQuery.mobile.widget, { + options: { + fps: 60, // Frames per second in msecs. + direction: null, // "x", "y", or null for both. + + scrollDuration: 2000, // Duration of the scrolling animation in msecs. + overshootDuration: 250, // Duration of the overshoot animation in msecs. + snapbackDuration: 500, // Duration of the snapback animation in msecs. + + moveThreshold: 50, // User must move this many pixels in any direction to trigger a scroll. + moveIntervalThreshold: 150, // Time between mousemoves must not exceed this threshold. + + scrollMethod: "translate", // "translate", "position", "scroll" + startEventName: "scrollstart", + updateEventName: "scrollupdate", + stopEventName: "scrollstop", + + eventType: $.support.touch ? "touch" : "mouse", + + showScrollBars: true, + + pagingEnabled: false, + overshootEnable: false, + + delayedClickSelector: "a,input,textarea,select,button,.ui-btn", + delayedClickEnabled: false + }, + + _makePositioned: function ( $ele ) { + if ( $ele.css("position") === "static" ) { + $ele.css( "position", "relative" ); + } + }, + + _create: function () { + var $page = $('.ui-page'); + this._$content = $page.children('.ui-content'); + + this._$clip = $( this.element ).addClass("ui-scrollview-clip"); + + var $child = this._$clip.children(); + + if ( $child.length > 1 ) { + $child = this._$clip.wrapInner("
          ").children(); + } + + this._$view = $child.addClass("ui-scrollview-view"); + + this._$clip.css( "overflow", + this.options.scrollMethod === "scroll" ? "scroll" : "hidden" ); + + this._makePositioned( this._$clip ); + + /* + * Turn off our faux scrollbars if we are using native scrolling + * to position the view. + */ + if ( this.options.scrollMethod === "scroll" ) { + this.options.showScrollBars = false; + } + + /* + * We really don't need this if we are using a translate transformation + * for scrolling. We set it just in case the user wants to switch methods + * on the fly. + */ + this._makePositioned( this._$view ); + this._$view.css({ left: 0, top: 0 }); + + this._sx = 0; + this._sy = 0; + + var direction = this.options.direction; + + this._hTracker = ( direction !== "y" ) ? + new MomentumTracker( this.options ) : null; + this._vTracker = ( direction !== "x" ) ? + new MomentumTracker( this.options ) : null; + + this._timerInterval = 1000 / this.options.fps; + this._timerID = 0; + + var self = this; + this._timerCB = function () { + self._handleMomentumScroll(); + }; + + this._addBehaviors(); + }, + + _startMScroll: function ( speedX, speedY ) { + this._stopMScroll(); + this._showScrollBars(); + + var keepGoing = false; + var duration = this.options.scrollDuration; + + this._$clip.trigger( this.options.startEventName ); + $( document ).trigger("scrollview_scroll"); + + var ht = this._hTracker; + if ( ht ) { + var c = this._$clip.width(); + var v = this._$view.width(); + ht.start( this._sx, speedX, + duration, (v > c) ? -(v - c) : 0, 0 ); + keepGoing = !ht.done(); + } + + var vt = this._vTracker; + if ( vt ) { + var c = this._$clip.height(); + var v = this._$view.height() + + parseFloat( this._$view.css("padding-top") ); + + vt.start( this._sy, speedY, + duration, (v > c) ? -(v - c) : 0, 0 ); + keepGoing = keepGoing || !vt.done(); + } + + if ( keepGoing ) { + this._timerID = setTimeout( this._timerCB, this._timerInterval ); + } else { + this._stopMScroll(); + } + }, + + _stopMScroll: function () { + if ( this._timerID ) { + this._$clip.trigger( this.options.stopEventName ); + clearTimeout( this._timerID ); + } + this._timerID = 0; + + if ( this._vTracker ) { + this._vTracker.reset(); + } + + if ( this._hTracker ) { + this._hTracker.reset(); + } + + this._hideScrollBars(); + }, + + _handleMomentumScroll: function () { + var keepGoing = false; + var v = this._$view; + + var x = 0, y = 0; + + var vt = this._vTracker; + if ( vt ) { + vt.update( this.options.overshootEnable ); + y = vt.getPosition(); + keepGoing = !vt.done(); + } + + var ht = this._hTracker; + if ( ht ) { + ht.update( this.options.overshootEnable ); + x = ht.getPosition(); + keepGoing = keepGoing || !ht.done(); + } + + this._setScrollPosition( x, y ); + this._$clip.trigger( this.options.updateEventName, + [ { x: x, y: y } ] ); + + if ( keepGoing ) { + this._timerID = setTimeout( this._timerCB, this._timerInterval ); + } else { + this._stopMScroll(); + } + }, + + _setCalibration: function ( x, y ) { + if ( this.options.overshootEnable ) { + this._sx = x; + this._sy = y; + return; + } + + var v = this._$view; + var c = this._$clip; + var dirLock = this._directionLock; + + if ( dirLock !== "y" && this._hTracker ) { + this._sx = x; + } + + if ( dirLock !== "x" && this._vTracker ) { + var scroll_height = v.height() - c.height() + + parseFloat( c.css("padding-top") ) + + parseFloat( c.css("padding-bottom") ); + + if ( y >= 0 ) { + this._sy = 0; + } else if ( y < -scroll_height ) { + this._sy = -scroll_height; + } else { + this._sy = y; + } + + if ( scroll_height < 0 ) { + this._sy = 0; + } + } + }, + + _setScrollPosition: function ( x, y, duration ) { + this._setCalibration( x, y ); + + x = this._sx; + y = this._sy; + + var $v = this._$view; + + var sm = this.options.scrollMethod; + + switch ( sm ) { + case "translate": + setElementTransform( $v, x + "px", y + "px", duration ); + break; + + case "position": + $v.css({left: x + "px", top: y + "px"}); + break; + + case "scroll": + var c = this._$clip[0]; + c.scrollLeft = -x; + c.scrollTop = -y; + break; + } + + var $vsb = this._$vScrollBar; + var $hsb = this._$hScrollBar; + + if ( $vsb ) { + var $sbt = $vsb.find(".ui-scrollbar-thumb"); + + if ( sm === "translate" ) { + setElementTransform( $sbt, "0px", + -y / $v.height() * $sbt.parent().height() + "px", + duration ); + } else { + $sbt.css( "top", -y / $v.height() * 100 + "%" ); + } + } + + if ( $hsb ) { + var $sbt = $hsb.find(".ui-scrollbar-thumb"); + + if ( sm === "translate" ) { + setElementTransform( $sbt, + -x / $v.width() * $sbt.parent().width() + "px", "0px", + duration); + } else { + $sbt.css("left", -x/$v.width() * 100 + "%"); + } + } + }, + + scrollTo: function ( x, y, duration ) { + this._stopMScroll(); + var sm = this.options.scrollMethod; + + /* + * currently support only animation for translate + * Don't want to use setTimeout algorithm for animation. + */ + if ( !duration || (duration && sm === "translate") ) { + return this._setScrollPosition( x, y, duration ); + } + + // follow jqm default animation when the scrollmethod is not translate. + + x = -x; + y = -y; + + var self = this; + var start = getCurrentTime(); + var efunc = $.easing["easeOutQuad"]; + var sx = this._sx; + var sy = this._sy; + var dx = x - sx; + var dy = y - sy; + + var tfunc = function() { + var elapsed = getCurrentTime() - start; + + if ( elapsed >= duration ) { + self._timerID = 0; + self._setScrollPosition( x, y ); + } else { + var ec = efunc( elapsed / duration, elapsed, 0, 1, duration ); + + self._setScrollPosition( sx + (dx * ec), sy + (dy * ec) ); + self._timerID = setTimeout( tfunc, self._timerInterval ); + } + }; + + this._timerID = setTimeout( tfunc, this._timerInterval ); + }, + + getScrollPosition: function () { + return { x: -this._sx, y: -this._sy }; + }, + + _getScrollHierarchy: function () { + var svh = []; + this._$clip.parents(".ui-scrollview-clip").each( function () { + var d = $(this).jqmData("scrollview"); + if ( d ) { + svh.unshift( d ); + } + } ); + return svh; + }, + + _getAncestorByDirection: function ( dir ) { + var svh = this._getScrollHierarchy(); + var n = svh.length; + + while ( 0 < n-- ) { + var sv = svh[n]; + var svdir = sv.options.direction; + + if (!svdir || svdir === dir) { + return sv; + } + } + return null; + }, + + _handleDragStart: function ( e, ex, ey ) { + // Stop any scrolling of elements in our parent hierarcy. + $.each( this._getScrollHierarchy(), + function (i, sv) { + sv._stopMScroll(); + } ); + this._stopMScroll(); + + this._didDrag = false; + var target = $( e.target ); + + // should skip the dragging when click the button + this._skip_dragging = target.is('.ui-btn-text') || + target.is('.ui-btn-inner'); + + if ( this._skip_dragging ) { + return; + } + + /* + * If we're using mouse events, we need to prevent the default + * behavior to suppress accidental selection of text, etc. We + * can't do this on touch devices because it will disable the + * generation of "click" events. + */ + + var shouldBlockEvent = 1; + + if ( this.options.eventType === "mouse" ) { + shouldBlockEvent = !( target.is(':input') || + target.parents(':input').length > 0 ); + } else if ( this.options.eventType === "touch" ) { + shouldBlockEvent = !( target.is(':input') || + target.parents(':input').length > 0 ); + + } + + if ( shouldBlockEvent ) { + e.preventDefault(); + } + + var c = this._$clip; + var v = this._$view; + + if ( this.options.delayedClickEnabled ) { + this._$clickEle = + target.closest( this.options.delayedClickSelector ); + } + + this._lastX = ex; + this._lastY = ey; + this._startY = ey; + this._doSnapBackX = false; + this._doSnapBackY = false; + this._speedX = 0; + this._speedY = 0; + + this._directionLock = ""; + + var cw = 0, + vw = 0, + ch = 0, + vh = 0; + + if ( this._hTracker ) { + cw = parseInt( c.css("width"), 10 ); + vw = parseInt( v.css("width"), 10 ); + this._maxX = cw - vw; + + if ( this._maxX > 0 ) { + this._maxX = 0; + } + if ( this._$hScrollBar ) { + var thumb = this._$hScrollBar.find(".ui-scrollbar-thumb"); + thumb.css( "width", (cw >= vw ? + "100%" : Math.floor(cw / vw * 100) + "%") ); + } + } + + if ( this._vTracker ) { + ch = parseInt( c.css("height"), 10 ); + vh = parseInt( v.css("height"), 10 ) + + parseFloat( v.css("padding-top") ); + this._maxY = ch - vh; + + if ( this._maxY > 0 ) { + this._maxY = 0; + } + if ( this._$vScrollBar ) { + var thumb = this._$vScrollBar.find(".ui-scrollbar-thumb"); + thumb.css( "height", (ch >= vh ? + "100%" : Math.floor(ch / vh * 100) + "%") ); + } + } + + var svdir = this.options.direction; + + this._pageDelta = 0; + this._pageSize = 0; + this._pagePos = 0; + + if ( this.options.pagingEnabled && (svdir === "x" || svdir === "y") ) { + this._pageSize = (svdir === "x") ? cw : ch; + this._pagePos = (svdir === "x") ? this._sx : this._sy; + this._pagePos -= this._pagePos % this._pageSize; + } + + this._lastMove = 0; + this._enableTracking(); + }, + + _propagateDragMove: function ( sv, e, ex, ey, dir ) { + this._hideScrollBars(); + this._disableTracking(); + sv._handleDragStart( e,ex,ey ); + sv._directionLock = dir; + sv._didDrag = this._didDrag; + }, + + _handleDragMove: function ( e, ex, ey ) { + if ( this._skip_dragging ) { + return; + } + + if ( !this._dragging ) { + return; + } + + var mt = this.options.moveThreshold; + + if ( Math.abs( this._startY - ey ) < mt && !this._didDrag ) { + return; + } + + this._lastMove = getCurrentTime(); + + var v = this._$view; + + var dx = ex - this._lastX; + var dy = ey - this._lastY; + var svdir = this.options.direction; + var dir = null; + + if ( !this._directionLock ) { + var x = Math.abs( dx ); + var y = Math.abs( dy ); + + if ( x < mt && y < mt ) { + return false; + } + + if ( x < y && (x / y) < 0.5 ) { + dir = "y"; + } else if ( x > y && (y / x) < 0.5 ) { + dir = "x"; + } + + if ( svdir && dir && svdir !== dir ) { + /* + * This scrollview can't handle the direction the user + * is attempting to scroll. Find an ancestor scrollview + * that can handle the request. + */ + + var sv = this._getAncestorByDirection( dir ); + if ( sv ) { + this._propagateDragMove( sv, e, ex, ey, dir ); + return false; + } + } + + this._directionLock = svdir ? svdir : (dir ? dir : "none"); + } + + var newX = this._sx; + var newY = this._sy; + var dirLock = this._directionLock; + + if ( dirLock !== "y" && this._hTracker ) { + var x = this._sx; + this._speedX = dx; + newX = x + dx; + + // Simulate resistance. + + this._doSnapBackX = false; + + var scope = (newX > 0 || newX < this._maxX); + if ( scope && dirLock === "x" ) { + var sv = this._getAncestorByDirection("x"); + if ( sv ) { + this._setScrollPosition( newX > 0 ? + 0 : this._maxX, newY ); + this._propagateDragMove( sv, e, ex, ey, dir ); + return false; + } + + newX = x + (dx / 2); + this._doSnapBackX = true; + } + } + + if ( dirLock !== "x" && this._vTracker ) { + var y = this._sy; + this._speedY = dy; + newY = y + dy; + + // Simulate resistance. + + this._doSnapBackY = false; + + var scope = (newY > 0 || newY < this._maxY); + if ( scope && dirLock === "y" ) { + var sv = this._getAncestorByDirection("y"); + if ( sv ) { + this._setScrollPosition( newX, + newY > 0 ? 0 : this._maxY ); + this._propagateDragMove( sv, e, ex, ey, dir ); + return false; + } + + newY = y + (dy / 2); + this._doSnapBackY = true; + } + } + + if ( this.options.overshootEnable === false ) { + this._doSnapBackX = false; + this._doSnapBackY = false; + } + + if ( this.options.pagingEnabled && (svdir === "x" || svdir === "y") ) { + if ( this._doSnapBackX || this._doSnapBackY ) { + this._pageDelta = 0; + } else { + var opos = this._pagePos; + var cpos = svdir === "x" ? newX : newY; + var delta = svdir === "x" ? dx : dy; + + if ( opos > cpos && delta < 0 ) { + this._pageDelta = this._pageSize; + } else if ( opos < cpos && delta > 0 ) { + this._pageDelta = -this._pageSize; + } else { + this._pageDelta = 0; + } + } + } + + this._didDrag = true; + this._lastX = ex; + this._lastY = ey; + + this._setScrollPosition( newX, newY ); + + this._showScrollBars(); + + return; + }, + + _handleDragStop: function ( e ) { + if ( this._skip_dragging ) { + return; + } + + var l = this._lastMove; + var t = getCurrentTime(); + var doScroll = (l && (t - l) <= this.options.moveIntervalThreshold); + + var sx = ( this._hTracker && this._speedX && doScroll ) ? + this._speedX : ( this._doSnapBackX ? 1 : 0 ); + var sy = ( this._vTracker && this._speedY && doScroll ) ? + this._speedY : ( this._doSnapBackY ? 1 : 0 ); + + var svdir = this.options.direction; + if ( this.options.pagingEnabled && (svdir === "x" || svdir === "y") && + !this._doSnapBackX && !this._doSnapBackY ) { + var x = this._sx; + var y = this._sy; + + if ( svdir === "x" ) { + x = -this._pagePos + this._pageDelta; + } else { + y = -this._pagePos + this._pageDelta; + } + + this.scrollTo( x, y, this.options.snapbackDuration ); + } else if ( sx || sy ) { + this._startMScroll( sx, sy ); + } else { + this._hideScrollBars(); + } + + this._disableTracking(); + + if ( !this._didDrag && + this.options.delayedClickEnabled && + this._$clickEle.length ) { + this._$clickEle + .trigger("mousedown") + .trigger("mouseup") + .trigger("click"); + } + + /* + * If a view scrolled, then we need to absorb + * the event so that links etc, underneath our + * cursor/finger don't fire. + */ + + return !this._didDrag; + }, + + _enableTracking: function () { + this._dragging = true; + }, + + _disableTracking: function () { + this._dragging = false; + }, + + _showScrollBars: function () { + var vclass = "ui-scrollbar-visible"; + if ( this._$vScrollBar ) { + this._$vScrollBar.addClass( vclass ); + } + if ( this._$hScrollBar ) { + this._$hScrollBar.addClass( vclass ); + } + }, + + _hideScrollBars: function () { + var vclass = "ui-scrollbar-visible"; + if ( this._$vScrollBar ) { + this._$vScrollBar.removeClass( vclass ); + } + if ( this._$hScrollBar ) { + this._$hScrollBar.removeClass( vclass ); + } + }, + + _addBehaviors: function () { + var self = this; + + if ( this.options.eventType === "mouse" ) { + this._dragEvt = "mousedown mousemove mouseup click"; + this._dragCB = function ( e ) { + switch ( e.type ) { + case "mousedown": + return self._handleDragStart( e, + e.clientX, e.clientY ); + + case "mousemove": + return self._handleDragMove( e, + e.clientX, e.clientY ); + + case "mouseup": + return self._handleDragStop( e ); + + case "click": + return !self._didDrag; + } + }; + } else { + this._dragEvt = "touchstart touchmove touchend vclick"; + this._dragCB = function ( e ) { + var t; + + switch ( e.type ) { + case "touchstart": + t = e.originalEvent.targetTouches[0]; + return self._handleDragStart( e, + t.pageX, t.pageY ); + + case "touchmove": + t = e.originalEvent.targetTouches[0]; + return self._handleDragMove( e, + t.pageX, t.pageY ); + + case "touchend": + return self._handleDragStop( e ); + + case "vclick": + return !self._didDrag; + } + }; + } + + this._$view.bind( this._dragEvt, this._dragCB ); + + if ( this.options.showScrollBars ) { + var $c = this._$clip; + var prefix = "
          "; + if ( this._vTracker ) { + $c.append( prefix + "y" + suffix ); + this._$vScrollBar = $c.children(".ui-scrollbar-y"); + } + if ( this._hTracker ) { + $c.append( prefix + "x" + suffix ); + this._$hScrollBar = $c.children(".ui-scrollbar-x"); + } + } + } +}); + +function setElementTransform( $ele, x, y, duration ) { + var v = "translate3d(" + x + "," + y + ", 0px)"; + var transition; + + if ( !duration || duration === undefined ) { + transition = "none"; + } else { + transition = "-webkit-transform " + duration / 1000 + "s"; + } + + $ele.css({ + "-moz-transform": v, + "-webkit-transform": v, + "transform": v, + "-webkit-transition": transition + }); +} + +function MomentumTracker( options ) { + this.options = $.extend( {}, options ); + this.easing = "easeOutQuad"; + this.reset(); +} + +var tstates = { + scrolling: 0, + overshot: 1, + snapback: 2, + done: 3 +}; + +function getCurrentTime() { + return ( new Date() ).getTime(); +} + +$.extend( MomentumTracker.prototype, { + start: function ( pos, speed, duration, minPos, maxPos ) { + var tstate = (pos < minPos || pos > maxPos) ? + tstates.snapback : tstates.scrolling; + this.state = (speed !== 0) ? tstate : tstates.done; + this.pos = pos; + this.speed = speed; + this.duration = (this.state === tstates.snapback) ? + this.options.snapbackDuration : duration; + this.minPos = minPos; + this.maxPos = maxPos; + + this.fromPos = (this.state === tstates.snapback) ? this.pos : 0; + var pos_temp = (this.pos < this.minPos) ? this.minPos : this.maxPos; + this.toPos = (this.state === tstates.snapback) ? pos_temp : 0; + + this.startTime = getCurrentTime(); + }, + + reset: function () { + this.state = tstates.done; + this.pos = 0; + this.speed = 0; + this.minPos = 0; + this.maxPos = 0; + this.duration = 0; + }, + + update: function ( overshootEnable ) { + var state = this.state; + + if ( state === tstates.done ) { + return this.pos; + } + + var cur_time = getCurrentTime(); + var duration = this.duration; + var elapsed = cur_time - this.startTime; + elapsed = elapsed > duration ? duration : elapsed; + + if ( state === tstates.scrolling || state === tstates.overshot ) { + var dx = this.speed * + (1 - $.easing[this.easing]( elapsed / duration, + elapsed, 0, 1, duration )); + + var x = this.pos + dx; + + var didOverShoot = (state === tstates.scrolling) && + (x < this.minPos || x > this.maxPos); + + if ( didOverShoot ) { + x = (x < this.minPos) ? this.minPos : this.maxPos; + } + + this.pos = x; + + if ( state === tstates.overshot ) { + if ( elapsed >= duration ) { + this.state = tstates.snapback; + this.fromPos = this.pos; + this.toPos = (x < this.minPos) ? + this.minPos : this.maxPos; + this.duration = this.options.snapbackDuration; + this.startTime = cur_time; + elapsed = 0; + } + } else if ( state === tstates.scrolling ) { + if ( didOverShoot && overshootEnable ) { + this.state = tstates.overshot; + this.speed = dx / 2; + this.duration = this.options.overshootDuration; + this.startTime = cur_time; + } else if ( elapsed >= duration ) { + this.state = tstates.done; + } + } + } else if ( state === tstates.snapback ) { + if ( elapsed >= duration ) { + this.pos = this.toPos; + this.state = tstates.done; + } else { + this.pos = this.fromPos + ((this.toPos - this.fromPos) * + $.easing[this.easing]( elapsed/duration, + elapsed, 0, 1, duration )); + } + } + + return this.pos; + }, + + done: function () { + return this.state === tstates.done; + }, + + getPosition: function () { + return this.pos; + } +}); + +function ResizePageContentHeight( page ) { + var $page = $( page ), + $content = $page.children(".ui-content"), + hh = $page.children(".ui-header").outerHeight() || 0, + fh = $page.children(".ui-footer").outerHeight() || 0, + pt = parseFloat( $content.css("padding-top") ), + pb = parseFloat( $content.css("padding-bottom") ), + wh = window.innerHeight; + + $content.height( wh - (hh + fh) - (pt + pb) ); +} + +// auto-init scrollview and scrolllistview widgets +$( document ).bind( 'pagecreate create', function ( e ) { + var $page = $( e.target ); + var scroll = $page.find(".ui-content").attr("data-scroll"); + + if ( scroll === "none" ) { + return; + } + + if ( $.support.scrollview === true && scroll === undefined ) { + $page.find(".ui-content").attr( "data-scroll", "y" ); + } + + $page.find(":jqmData(scroll):not(.ui-scrollview-clip)").each( function () { + var $this = $( this ); + + if ( $this.hasClass("ui-scrolllistview") ) { + $this.scrolllistview(); + } else { + var st = $this.jqmData("scroll") + "", + paging = st && (st.search(/^[xy]p$/) !== -1), + dir = st && (st.search(/^[xy]/) !== -1) ? st.charAt(0) : null; + + var opts = { + direction: dir || undefined, + paging: paging || undefined, + scrollMethod: $this.jqmData("scroll-method") || undefined + }; + + $this.scrollview( opts ); + } + }); +}); + +$( document ).bind( 'pageshow', function ( e ) { + var $page = $( e.target ); + var scroll = $page.find(".ui-content").attr("data-scroll"); + + if ( scroll === "y" ) { + setTimeout( function () { + ResizePageContentHeight( e.target ); + }, 100); + } +}); + +$( window ).bind( "orientationchange", function( e ) { + ResizePageContentHeight( $(".ui-page") ); +}); + +}( jQuery, window, document ) ); diff --git a/src/widgets/common/js/jquery.tmpl.js b/src/widgets/common/js/jquery.tmpl.js new file mode 100644 index 0000000..7e850f9 --- /dev/null +++ b/src/widgets/common/js/jquery.tmpl.js @@ -0,0 +1,484 @@ +/*! + * jQuery Templates Plugin 1.0.0pre + * http://github.com/jquery/jquery-tmpl + * Requires jQuery 1.4.2 + * + * Copyright Software Freedom Conservancy, Inc. + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + */ +(function( jQuery, undefined ){ + var oldManip = jQuery.fn.domManip, tmplItmAtt = "_tmplitem", htmlExpr = /^[^<]*(<[\w\W]+>)[^>]*$|\{\{\! /, + newTmplItems = {}, wrappedItems = {}, appendToTmplItems, topTmplItem = { key: 0, data: {} }, itemKey = 0, cloneIndex = 0, stack = []; + + function newTmplItem( options, parentItem, fn, data ) { + // Returns a template item data structure for a new rendered instance of a template (a 'template item'). + // The content field is a hierarchical array of strings and nested items (to be + // removed and replaced by nodes field of dom elements, once inserted in DOM). + var newItem = { + data: data || (data === 0 || data === false) ? data : (parentItem ? parentItem.data : {}), + _wrap: parentItem ? parentItem._wrap : null, + tmpl: null, + parent: parentItem || null, + nodes: [], + calls: tiCalls, + nest: tiNest, + wrap: tiWrap, + html: tiHtml, + update: tiUpdate + }; + if ( options ) { + jQuery.extend( newItem, options, { nodes: [], parent: parentItem }); + } + if ( fn ) { + // Build the hierarchical content to be used during insertion into DOM + newItem.tmpl = fn; + newItem._ctnt = newItem._ctnt || newItem.tmpl( jQuery, newItem ); + newItem.key = ++itemKey; + // Keep track of new template item, until it is stored as jQuery Data on DOM element + (stack.length ? wrappedItems : newTmplItems)[itemKey] = newItem; + } + return newItem; + } + + // Override appendTo etc., in order to provide support for targeting multiple elements. (This code would disappear if integrated in jquery core). + jQuery.each({ + appendTo: "append", + prependTo: "prepend", + insertBefore: "before", + insertAfter: "after", + replaceAll: "replaceWith" + }, function( name, original ) { + jQuery.fn[ name ] = function( selector ) { + var ret = [], insert = jQuery( selector ), elems, i, l, tmplItems, + parent = this.length === 1 && this[0].parentNode; + + appendToTmplItems = newTmplItems || {}; + if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) { + insert[ original ]( this[0] ); + ret = this; + } else { + for ( i = 0, l = insert.length; i < l; i++ ) { + cloneIndex = i; + elems = (i > 0 ? this.clone(true) : this).get(); + jQuery( insert[i] )[ original ]( elems ); + ret = ret.concat( elems ); + } + cloneIndex = 0; + ret = this.pushStack( ret, name, insert.selector ); + } + tmplItems = appendToTmplItems; + appendToTmplItems = null; + jQuery.tmpl.complete( tmplItems ); + return ret; + }; + }); + + jQuery.fn.extend({ + // Use first wrapped element as template markup. + // Return wrapped set of template items, obtained by rendering template against data. + tmpl: function( data, options, parentItem ) { + return jQuery.tmpl( this[0], data, options, parentItem ); + }, + + // Find which rendered template item the first wrapped DOM element belongs to + tmplItem: function() { + return jQuery.tmplItem( this[0] ); + }, + + // Consider the first wrapped element as a template declaration, and get the compiled template or store it as a named template. + template: function( name ) { + return jQuery.template( name, this[0] ); + }, + + domManip: function( args, table, callback, options ) { + if ( args[0] && jQuery.isArray( args[0] )) { + var dmArgs = jQuery.makeArray( arguments ), elems = args[0], elemsLength = elems.length, i = 0, tmplItem; + while ( i < elemsLength && !(tmplItem = jQuery.data( elems[i++], "tmplItem" ))) {} + if ( tmplItem && cloneIndex ) { + dmArgs[2] = function( fragClone ) { + // Handler called by oldManip when rendered template has been inserted into DOM. + jQuery.tmpl.afterManip( this, fragClone, callback ); + }; + } + oldManip.apply( this, dmArgs ); + } else { + oldManip.apply( this, arguments ); + } + cloneIndex = 0; + if ( !appendToTmplItems ) { + jQuery.tmpl.complete( newTmplItems ); + } + return this; + } + }); + + jQuery.extend({ + // Return wrapped set of template items, obtained by rendering template against data. + tmpl: function( tmpl, data, options, parentItem ) { + var ret, topLevel = !parentItem; + if ( topLevel ) { + // This is a top-level tmpl call (not from a nested template using {{tmpl}}) + parentItem = topTmplItem; + tmpl = jQuery.template[tmpl] || jQuery.template( null, tmpl ); + wrappedItems = {}; // Any wrapped items will be rebuilt, since this is top level + } else if ( !tmpl ) { + // The template item is already associated with DOM - this is a refresh. + // Re-evaluate rendered template for the parentItem + tmpl = parentItem.tmpl; + newTmplItems[parentItem.key] = parentItem; + parentItem.nodes = []; + if ( parentItem.wrapped ) { + updateWrapped( parentItem, parentItem.wrapped ); + } + // Rebuild, without creating a new template item + return jQuery( build( parentItem, null, parentItem.tmpl( jQuery, parentItem ) )); + } + if ( !tmpl ) { + return []; // Could throw... + } + if ( typeof data === "function" ) { + data = data.call( parentItem || {} ); + } + if ( options && options.wrapped ) { + updateWrapped( options, options.wrapped ); + } + ret = jQuery.isArray( data ) ? + jQuery.map( data, function( dataItem ) { + return dataItem ? newTmplItem( options, parentItem, tmpl, dataItem ) : null; + }) : + [ newTmplItem( options, parentItem, tmpl, data ) ]; + return topLevel ? jQuery( build( parentItem, null, ret ) ) : ret; + }, + + // Return rendered template item for an element. + tmplItem: function( elem ) { + var tmplItem; + if ( elem instanceof jQuery ) { + elem = elem[0]; + } + while ( elem && elem.nodeType === 1 && !(tmplItem = jQuery.data( elem, "tmplItem" )) && (elem = elem.parentNode) ) {} + return tmplItem || topTmplItem; + }, + + // Set: + // Use $.template( name, tmpl ) to cache a named template, + // where tmpl is a template string, a script element or a jQuery instance wrapping a script element, etc. + // Use $( "selector" ).template( name ) to provide access by name to a script block template declaration. + + // Get: + // Use $.template( name ) to access a cached template. + // Also $( selectorToScriptBlock ).template(), or $.template( null, templateString ) + // will return the compiled template, without adding a name reference. + // If templateString includes at least one HTML tag, $.template( templateString ) is equivalent + // to $.template( null, templateString ) + template: function( name, tmpl ) { + if (tmpl) { + // Compile template and associate with name + if ( typeof tmpl === "string" ) { + // This is an HTML string being passed directly in. + tmpl = buildTmplFn( tmpl ); + } else if ( tmpl instanceof jQuery ) { + tmpl = tmpl[0] || {}; + } + if ( tmpl.nodeType ) { + // If this is a template block, use cached copy, or generate tmpl function and cache. + tmpl = jQuery.data( tmpl, "tmpl" ) || jQuery.data( tmpl, "tmpl", buildTmplFn( tmpl.innerHTML )); + // Issue: In IE, if the container element is not a script block, the innerHTML will remove quotes from attribute values whenever the value does not include white space. + // This means that foo="${x}" will not work if the value of x includes white space: foo="${x}" -> foo=value of x. + // To correct this, include space in tag: foo="${ x }" -> foo="value of x" + } + return typeof name === "string" ? (jQuery.template[name] = tmpl) : tmpl; + } + // Return named compiled template + return name ? (typeof name !== "string" ? jQuery.template( null, name ): + (jQuery.template[name] || + // If not in map, and not containing at least on HTML tag, treat as a selector. + // (If integrated with core, use quickExpr.exec) + jQuery.template( null, htmlExpr.test( name ) ? name : jQuery( name )))) : null; + }, + + encode: function( text ) { + // Do HTML encoding replacing < > & and ' and " by corresponding entities. + return ("" + text).split("<").join("<").split(">").join(">").split('"').join(""").split("'").join("'"); + } + }); + + jQuery.extend( jQuery.tmpl, { + tag: { + "tmpl": { + _default: { $2: "null" }, + open: "if($notnull_1){__=__.concat($item.nest($1,$2));}" + // tmpl target parameter can be of type function, so use $1, not $1a (so not auto detection of functions) + // This means that {{tmpl foo}} treats foo as a template (which IS a function). + // Explicit parens can be used if foo is a function that returns a template: {{tmpl foo()}}. + }, + "wrap": { + _default: { $2: "null" }, + open: "$item.calls(__,$1,$2);__=[];", + close: "call=$item.calls();__=call._.concat($item.wrap(call,__));" + }, + "each": { + _default: { $2: "$index, $value" }, + open: "if($notnull_1){$.each($1a,function($2){with(this){", + close: "}});}" + }, + "if": { + open: "if(($notnull_1) && $1a){", + close: "}" + }, + "else": { + _default: { $1: "true" }, + open: "}else if(($notnull_1) && $1a){" + }, + "html": { + // Unecoded expression evaluation. + open: "if($notnull_1){__.push($1a);}" + }, + "=": { + // Encoded expression evaluation. Abbreviated form is ${}. + _default: { $1: "$data" }, + open: "if($notnull_1){__.push($.encode($1a));}" + }, + "!": { + // Comment tag. Skipped by parser + open: "" + } + }, + + // This stub can be overridden, e.g. in jquery.tmplPlus for providing rendered events + complete: function( items ) { + newTmplItems = {}; + }, + + // Call this from code which overrides domManip, or equivalent + // Manage cloning/storing template items etc. + afterManip: function afterManip( elem, fragClone, callback ) { + // Provides cloned fragment ready for fixup prior to and after insertion into DOM + var content = fragClone.nodeType === 11 ? + jQuery.makeArray(fragClone.childNodes) : + fragClone.nodeType === 1 ? [fragClone] : []; + + // Return fragment to original caller (e.g. append) for DOM insertion + callback.call( elem, fragClone ); + + // Fragment has been inserted:- Add inserted nodes to tmplItem data structure. Replace inserted element annotations by jQuery.data. + storeTmplItems( content ); + cloneIndex++; + } + }); + + //========================== Private helper functions, used by code above ========================== + + function build( tmplItem, nested, content ) { + // Convert hierarchical content into flat string array + // and finally return array of fragments ready for DOM insertion + var frag, ret = content ? jQuery.map( content, function( item ) { + return (typeof item === "string") ? + // Insert template item annotations, to be converted to jQuery.data( "tmplItem" ) when elems are inserted into DOM. + (tmplItem.key ? item.replace( /(<\w+)(?=[\s>])(?![^>]*_tmplitem)([^>]*)/g, "$1 " + tmplItmAtt + "=\"" + tmplItem.key + "\" $2" ) : item) : + // This is a child template item. Build nested template. + build( item, tmplItem, item._ctnt ); + }) : + // If content is not defined, insert tmplItem directly. Not a template item. May be a string, or a string array, e.g. from {{html $item.html()}}. + tmplItem; + if ( nested ) { + return ret; + } + + // top-level template + ret = ret.join(""); + + // Support templates which have initial or final text nodes, or consist only of text + // Also support HTML entities within the HTML markup. + ret.replace( /^\s*([^<\s][^<]*)?(<[\w\W]+>)([^>]*[^>\s])?\s*$/, function( all, before, middle, after) { + frag = jQuery( middle ).get(); + + storeTmplItems( frag ); + if ( before ) { + frag = unencode( before ).concat(frag); + } + if ( after ) { + frag = frag.concat(unencode( after )); + } + }); + return frag ? frag : unencode( ret ); + } + + function unencode( text ) { + // Use createElement, since createTextNode will not render HTML entities correctly + var el = document.createElement( "div" ); + el.innerHTML = text; + return jQuery.makeArray(el.childNodes); + } + + // Generate a reusable function that will serve to render a template against data + function buildTmplFn( markup ) { + return new Function("jQuery","$item", + // Use the variable __ to hold a string array while building the compiled template. (See https://github.com/jquery/jquery-tmpl/issues#issue/10). + "var $=jQuery,call,__=[],$data=$item.data;" + + + // Introduce the data as local variables using with(){} + "with($data){__.push('" + + + // Convert the template into pure JavaScript + jQuery.trim(markup) + .replace( /([\\'])/g, "\\$1" ) + .replace( /[\r\t\n]/g, " " ) + .replace( /\$\{([^\}]*)\}/g, "{{= $1}}" ) + .replace( /\{\{(\/?)(\w+|.)(?:\(((?:[^\}]|\}(?!\}))*?)?\))?(?:\s+(.*?)?)?(\(((?:[^\}]|\}(?!\}))*?)\))?\s*\}\}/g, + function( all, slash, type, fnargs, target, parens, args ) { + var tag = jQuery.tmpl.tag[ type ], def, expr, exprAutoFnDetect; + if ( !tag ) { + throw "Unknown template tag: " + type; + } + def = tag._default || []; + if ( parens && !/\w$/.test(target)) { + target += parens; + parens = ""; + } + if ( target ) { + target = unescape( target ); + args = args ? ("," + unescape( args ) + ")") : (parens ? ")" : ""); + // Support for target being things like a.toLowerCase(); + // In that case don't call with template item as 'this' pointer. Just evaluate... + expr = parens ? (target.indexOf(".") > -1 ? target + unescape( parens ) : ("(" + target + ").call($item" + args)) : target; + exprAutoFnDetect = parens ? expr : "(typeof(" + target + ")==='function'?(" + target + ").call($item):(" + target + "))"; + } else { + exprAutoFnDetect = expr = def.$1 || "null"; + } + fnargs = unescape( fnargs ); + return "');" + + tag[ slash ? "close" : "open" ] + .split( "$notnull_1" ).join( target ? "typeof(" + target + ")!=='undefined' && (" + target + ")!=null" : "true" ) + .split( "$1a" ).join( exprAutoFnDetect ) + .split( "$1" ).join( expr ) + .split( "$2" ).join( fnargs || def.$2 || "" ) + + "__.push('"; + }) + + "');}return __;" + ); + } + function updateWrapped( options, wrapped ) { + // Build the wrapped content. + options._wrap = build( options, true, + // Suport imperative scenario in which options.wrapped can be set to a selector or an HTML string. + jQuery.isArray( wrapped ) ? wrapped : [htmlExpr.test( wrapped ) ? wrapped : jQuery( wrapped ).html()] + ).join(""); + } + + function unescape( args ) { + return args ? args.replace( /\\'/g, "'").replace(/\\\\/g, "\\" ) : null; + } + function outerHtml( elem ) { + var div = document.createElement("div"); + div.appendChild( elem.cloneNode(true) ); + return div.innerHTML; + } + + // Store template items in jQuery.data(), ensuring a unique tmplItem data data structure for each rendered template instance. + function storeTmplItems( content ) { + var keySuffix = "_" + cloneIndex, elem, elems, newClonedItems = {}, i, l, m; + for ( i = 0, l = content.length; i < l; i++ ) { + if ( (elem = content[i]).nodeType !== 1 ) { + continue; + } + elems = elem.getElementsByTagName("*"); + for ( m = elems.length - 1; m >= 0; m-- ) { + processItemKey( elems[m] ); + } + processItemKey( elem ); + } + function processItemKey( el ) { + var pntKey, pntNode = el, pntItem, tmplItem, key; + // Ensure that each rendered template inserted into the DOM has its own template item, + if ( (key = el.getAttribute( tmplItmAtt ))) { + while ( pntNode.parentNode && (pntNode = pntNode.parentNode).nodeType === 1 && !(pntKey = pntNode.getAttribute( tmplItmAtt ))) { } + if ( pntKey !== key ) { + // The next ancestor with a _tmplitem expando is on a different key than this one. + // So this is a top-level element within this template item + // Set pntNode to the key of the parentNode, or to 0 if pntNode.parentNode is null, or pntNode is a fragment. + pntNode = pntNode.parentNode ? (pntNode.nodeType === 11 ? 0 : (pntNode.getAttribute( tmplItmAtt ) || 0)) : 0; + if ( !(tmplItem = newTmplItems[key]) ) { + // The item is for wrapped content, and was copied from the temporary parent wrappedItem. + tmplItem = wrappedItems[key]; + tmplItem = newTmplItem( tmplItem, newTmplItems[pntNode]||wrappedItems[pntNode] ); + tmplItem.key = ++itemKey; + newTmplItems[itemKey] = tmplItem; + } + if ( cloneIndex ) { + cloneTmplItem( key ); + } + } + el.removeAttribute( tmplItmAtt ); + } else if ( cloneIndex && (tmplItem = jQuery.data( el, "tmplItem" )) ) { + // This was a rendered element, cloned during append or appendTo etc. + // TmplItem stored in jQuery data has already been cloned in cloneCopyEvent. We must replace it with a fresh cloned tmplItem. + cloneTmplItem( tmplItem.key ); + newTmplItems[tmplItem.key] = tmplItem; + pntNode = jQuery.data( el.parentNode, "tmplItem" ); + pntNode = pntNode ? pntNode.key : 0; + } + if ( tmplItem ) { + pntItem = tmplItem; + // Find the template item of the parent element. + // (Using !=, not !==, since pntItem.key is number, and pntNode may be a string) + while ( pntItem && pntItem.key != pntNode ) { + // Add this element as a top-level node for this rendered template item, as well as for any + // ancestor items between this item and the item of its parent element + pntItem.nodes.push( el ); + pntItem = pntItem.parent; + } + // Delete content built during rendering - reduce API surface area and memory use, and avoid exposing of stale data after rendering... + delete tmplItem._ctnt; + delete tmplItem._wrap; + // Store template item as jQuery data on the element + jQuery.data( el, "tmplItem", tmplItem ); + } + function cloneTmplItem( key ) { + key = key + keySuffix; + tmplItem = newClonedItems[key] = + (newClonedItems[key] || newTmplItem( tmplItem, newTmplItems[tmplItem.parent.key + keySuffix] || tmplItem.parent )); + } + } + } + + //---- Helper functions for template item ---- + + function tiCalls( content, tmpl, data, options ) { + if ( !content ) { + return stack.pop(); + } + stack.push({ _: content, tmpl: tmpl, item:this, data: data, options: options }); + } + + function tiNest( tmpl, data, options ) { + // nested template, using {{tmpl}} tag + return jQuery.tmpl( jQuery.template( tmpl ), data, options, this ); + } + + function tiWrap( call, wrapped ) { + // nested template, using {{wrap}} tag + var options = call.options || {}; + options.wrapped = wrapped; + // Apply the template, which may incorporate wrapped content, + return jQuery.tmpl( jQuery.template( call.tmpl ), call.data, options, call.item ); + } + + function tiHtml( filter, textOnly ) { + var wrapped = this._wrap; + return jQuery.map( + jQuery( jQuery.isArray( wrapped ) ? wrapped.join("") : wrapped ).filter( filter || "*" ), + function(e) { + return textOnly ? + e.innerText || e.textContent : + e.outerHTML || outerHtml(e); + }); + } + + function tiUpdate() { + var coll = this.nodes; + jQuery.tmpl( null, null, null, this).insertBefore( coll[0] ); + jQuery( coll ).remove(); + } +})( jQuery ); diff --git a/src/widgets/common/less/jquery.mobile.tizen.defines.less b/src/widgets/common/less/jquery.mobile.tizen.defines.less new file mode 100644 index 0000000..3f6424f --- /dev/null +++ b/src/widgets/common/less/jquery.mobile.tizen.defines.less @@ -0,0 +1,7 @@ +/* + * Defines one can include in one's own .less file for a common look-and-feel + */ + +/* From page 60 */ +@tizen-selected-color: #d9931a; +@tizen-selected-color-disabled: #999999; diff --git a/src/widgets/common/less/jquery.mobile.widget.less b/src/widgets/common/less/jquery.mobile.widget.less new file mode 100644 index 0000000..98882b7 --- /dev/null +++ b/src/widgets/common/less/jquery.mobile.widget.less @@ -0,0 +1,48 @@ +@jquery-mobile-ui-widget-border-color: #c7c7c7; +@jquery-mobile-ui-widget-text-color: #9d9d9d; +@jquery-mobile-ui-widget-body: #fafafa; +@jquery-mobile-ui-widget-left-border-width: 10px; +@jquery-mobile-ui-widget-left-border-style: solid; +@jquery-mobile-ui-widget-border-style: 1px solid; +@jquery-mobile-ui-widget-left-border: @jquery-mobile-ui-widget-left-border-width @jquery-mobile-ui-widget-left-border-style @jquery-mobile-ui-widget-border-color; + +.jquery-mobile-ui-widget { + border-left: @jquery-mobile-ui-widget-left-border; + border-bottom: @jquery-mobile-ui-widget-border-style @jquery-mobile-ui-widget-border-color; + background: @jquery-mobile-ui-widget-body; +} + +.jquery-mobile-ui-widget-top { + border-top: @jquery-mobile-ui-widget-border-style @jquery-mobile-ui-widget-border-color; +} + +.jquery-mobile-ui-label { + position: relative; + border-bottom: @jquery-mobile-ui-widget-border-style @jquery-mobile-ui-widget-border-color; + height: 40px; + .jquery-mobile-ui-label-text { + font-family: sans-serif; + font-size: 120%; + position: absolute; + text-align: left; + vertical-align: bottom; + color: @jquery-mobile-ui-widget-text-color; + bottom: 0px; + left: @jquery-mobile-ui-widget-left-border-width; + } +} + +.rounded-corners (@radius: 5px) { + border-radius: @radius; + -webkit-border-radius: @radius; + -moz-border-radius: @radius; +} + +.reset-rounded-corners { + .rounded-corners (0px); +} + +.reset-border { + border: 0; +} + diff --git a/src/widgets/controlbar/js/jquery.mobile.tizen.controlbar.js b/src/widgets/controlbar/js/jquery.mobile.tizen.controlbar.js new file mode 100755 index 0000000..2798280 --- /dev/null +++ b/src/widgets/controlbar/js/jquery.mobile.tizen.controlbar.js @@ -0,0 +1,166 @@ +/* +* jQuery Mobile Framework : "controlbar" plugin +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +* Authors: Jinhyuk Jun +*/ + +/** + * Controlbar can be created using data-role = "controlbar" inside footer + * Framework determine which controlbar will display with controlbar attribute + * + * Attributes: + * + * data-style : determine which controlbar will use ( tabbar / toolbar ) + * tabbar do not have back button, toolbar has back button + * + * Examples: + * + * HTML markup for creating tabbar: ( 2 ~ 5 li item available ) + * icon can be changed data-icon attribute + *
          + *
          + * + *
          + *
          + * + * HTML markup for creating toolbar: ( 2 ~ 5 li item available ) + * icon can be changed data-icon attribute + *
          + *
          + * + *
          + *
          +*/ + +(function( $, undefined ) { + +$.widget( "tizen.controlbar", $.mobile.widget, { + options: { + iconpos: "top", + grid: null, + initSelector: ":jqmData(role='controlbar')" + }, + + _create: function(){ + + var $controlbar = this.element, + $navbtns = $controlbar.find( "a" ), + iconpos = $navbtns.filter( ":jqmData(icon)" ).length ? + this.options.iconpos : undefined, + theme = $.mobile.listview.prototype.options.theme, /* Get current theme */ + style = $controlbar.attr( "data-style" ); + + if( style === "left" || style === "right" ) { + $controlbar + .parents( ".ui-content" ) + .css( 'padding', '0' ); + } else { + $controlbar + .addClass( "ui-navbar" ) + .attr( "role","navigation" ) + .find( "ul" ) + .grid( { grid: this.options.grid } ); + } + + if ( !iconpos ) { + $controlbar.addClass( "ui-navbar-noicons" ); + } + + $navbtns.buttonMarkup({ + corners: false, + shadow: false, + iconpos: iconpos + }); + + $controlbar.delegate( "a", "vclick", function( event ) { + $navbtns.not( ".ui-state-persist" ).removeClass( $.mobile.activeBtnClass ); + $( this ).addClass( $.mobile.activeBtnClass ); + }); + + if( style === "tabbar" || style === "toolbar" ){ + $controlbar + .addClass( "ui-controlbar-" + theme ) + .addClass( "ui-"+style+"-" + theme ); + } else { + $controlbar + .addClass( "ui-controlbar-" + style ) + .end(); + } + + $( document ).bind( "pagebeforeshow", function( event, ui ) { + var footer_filter = $( event.target ).find( ":jqmData(role='footer')" ); + var controlbar_filter = footer_filter.find( ":jqmData(role='controlbar')" ); + var style = controlbar_filter.jqmData( "style" ); + + if( style == "toolbar" || style == "tabbar" ){ + /* Need to add text only style */ + if( !(controlbar_filter.find(".ui-btn-inner").children().is(".ui-icon")) ){ + controlbar_filter.find( ".ui-btn-inner" ).addClass( "ui-navbar-textonly" ); + } else { + if( controlbar_filter.find(".ui-btn-text").text() == "" ){ + controlbar_filter.find( ".ui-btn" ).css( "padding-top", "20px" ); + } + } + footer_filter + .css( "position", "fixed" ) + .css( "height", controlbar_filter.height() ) + .css( "top", window.innerHeight - footer_filter.height() ); + if( style == "toolbar" ){ + controlbar_filter + .css( "width", window.innerWidth - controlbar_filter.siblings(".ui-btn").width() ); + } + } + }); + + $( document ).bind( "pageshow", function( e, ui ){ + var controlbar_filter = $( ".ui-page" ).find( ":jqmData(role='footer')" ).eq( 0 ).find( ":jqmData(role='controlbar')" ); + var element_count = controlbar_filter.find( 'li' ).length; + + if( controlbar_filter.find(".ui-btn-active").length == 0 ) + controlbar_filter.find( "div" ).css( "left", "0px" ); + else + controlbar_filter.find( "div" ).css( "left", controlbar_filter.find( ".ui-btn-active" ).parent( "li" ).index() * controlbar_filter.width()/element_count ); + + /* Increase Content size with dummy
          because of footer height */ + if( controlbar_filter.length != 0 && $( ".ui-page-active" ).find( ".dummy-div" ).length == 0 + && $( ".ui-page-active" ).find( ":jqmData(role='footer')" ).find( ":jqmData(role='controlbar')" ).length != 0 ){ + $( ".ui-page-active" ).find( ":jqmData(role='content')" ).append( '
          ' ); + $( ".ui-page-active" ).find( ".dummy-div" ) + .css( "width", controlbar_filter.width() ) + .css( "height", controlbar_filter.height() ); + } + }); + + }, + + _setDisabled: function( value, cnt ) { + this.element.find( "li" ).eq( cnt ).attr( "disabled", value ); + this.element.find( "li" ).eq( cnt ).attr( "aria-disabled", value ); + }, + + disable: function( cnt ) { + this._setDisabled( true, cnt ); + this.element.find( "li" ).eq( cnt ).addClass( "ui-disabled" ); + }, + + enable: function( cnt ) { + this._setDisabled( false, cnt ); + this.element.find( "li" ).eq( cnt ).removeClass( "ui-disabled" ); + } +}); + +//auto self-init widgets +$( document ).bind( "pagecreate create", function( e ){ + $( $.tizen.controlbar.prototype.options.initSelector, e.target ).controlbar(); +}); +})( jQuery ); diff --git a/src/widgets/datetimepicker/js/jquery.mobile.tizen.datetimepicker.js b/src/widgets/datetimepicker/js/jquery.mobile.tizen.datetimepicker.js new file mode 100644 index 0000000..a45cee9 --- /dev/null +++ b/src/widgets/datetimepicker/js/jquery.mobile.tizen.datetimepicker.js @@ -0,0 +1,617 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Salvatore Iovene + * Daehyon Jung + */ + +/** + * datetimepicker is a widget that lets the user select a date and/or a + * time. If you'd prefer use as auto-initialization of form elements, + * use input elements with type=date/time/datetime within form tag + * as same as other form elements. + * + * HTML Attributes: + * + * data-role: 'datetimepicker' + * data-format: date format string. e.g) "MMM dd yyyy, HH:mm" + * type: 'date', 'datetime', 'time' + * + * Options: + * type: 'date', 'datetime', 'time' + * format: see data-format in HTML Attributes. + * + * APIs: + * getValue() + * : Get current selected date/time as W3C DTF style string. + * update() + * : Force to update fields. + * + * Events: + * data-changed: Raised when date/time was changed. + * + * Examples: + *
            + *
          • + * + * + * + * + * Date/Time Picker - (select a date first) + * + *
            • + *
          • + * + * + * + * + * Date Picker - (select a date first) + * + *
            • + *
          • + * + * + * + * + * Time Picker - (select a date first) + * + *
            • + *
          + * How to get a return value: + * ========================== + * Bind to the 'date-changed' event, e.g.: + * $("#myDatetimepicker").bind("date-changed", function(e, date) { + * alert("New date: " + date.toString()); + * }); + */ + + +(function($, window, undefined) { + $.widget("tizen.datetimepicker", $.tizen.widgetex, { + options: { + type: 'datetime', // date, time, datetime applicable + format: null, + initSelector: "input[type='date'], input[type='datetime'], input[type='time'], :jqmData(role='datetimepicker')" + }, + + _makeTwoDigits: function(val) { + var ret = val.toString(10); + + if ( val < 10 ) { + ret = "0" + ret; + } + return ret; + }, + + /** + * return W3C DTF string + */ + getValue: function() { + var data = []; + for ( item in this.data ) { + data[item] = this.data[item]; + } + + if ( this.calendar.convert ) { + var greg = this.calendar.convert.toGregorian( + data.year, data.month, data.day ); + data["year"] = greg.getFullYear(); + data["month"] = greg.getMonth(); + data["day"] = greg.getDate(); + } + var obj = this; + var toTimeString = function timeStr( t ) { + return obj._makeTwoDigits( t["hour"] ) + ':' + + obj._makeTwoDigits( t["min"] ) + ':' + + obj._makeTwoDigits( t["sec"] ); + }; + + var toDateString = function dateStr( d ) { + return ( "" + ( ( d["year"] % 10000 ) + 10000 ) ).substr(1) + '-' + + obj._makeTwoDigits( d["month"] ) + '-' + + obj._makeTwoDigits( d["day"] ); + }; + + switch ( this.options.type ) { + case 'time': + return toTimeString( data ); + case 'date': + return toDateString( data ); + default: + return toDateString( data ) + 'T' + toTimeString( data ); + } + }, + + _updateField: function( target, value ) { + if ( !target || target.length == 0 ) { + return; + } + + if ( value == 0 ) { + value = "0"; + } + + var pat = target.jqmData( 'pat' ); + switch ( pat ) { + case 'H': + case 'HH': + case 'h': + case 'hh': + var hour = value; + if ( pat.charAt(0) == 'h' ) { + if ( hour > 12 ) { + hour -= 12; + } + else if ( hour == 0 ) { + hour = 12; + } + } + if ( pat.length == 2 ) { + hour = this._makeTwoDigits( hour ); + } + target.text( hour ); + break; + case 'm': + case 'M': + case 'd': + case 's': + target.text( value ); + break; + case 'mm': + case 'dd': + case 'MM': + case 'ss': + target.text( this._makeTwoDigits( value ) ); + break; + case 'MMM': + target.text( this.calendar.months.namesAbbr[ value - 1] ); + break; + case 'MMMM': + target.text( this.calendar.months.names[ value - 1 ] ); + break; + case 'yy': + target.text( this._makeTwoDigits( value % 100 ) ); + break; + case 'yyyy': + if ( value < 10 ) { + value = '000' + value; + } else if ( value < 100 ) { + value = '00' + value; + } else if ( value < 1000 ) { + value = '0' + value; + } + target.text( value ); + break; + } + + }, + + _format: function( pattern ) { + var token = this._parsePattern( pattern ); + var div = document.createElement('div'); + var attr = []; + while ( token.length > 0 ) { + var pat = token.shift(); + var tpl = '%2'; + switch ( pat ) { + case 'H': //0 1 2 3 ... 21 22 23 + case 'HH': //00 01 02 ... 21 22 23 + case 'h': //0 1 2 3 ... 11 12 + case 'hh': //00 01 02 ... 11 12 + $(div).append( tpl.replace('%1', 'hour') ); + attr['hour'] = true; + break; + case 'mm': //00 01 ... 59 + case 'm': //0 1 2 ... 59 + $(div).append( tpl.replace('%1', 'min') ); + attr['min'] = true; + break; + case 'ss': + case 's': + $(div).append( tpl.replace('%1', 'sec') ); + attr['sec'] = true; + break; + case 'd': // day of month 5 + case 'dd': // day of month(leading zero) 05 + $(div).append( tpl.replace('%1', 'day') ); + attr['day'] = true; + break; + case 'M': // Month of year 9 + case 'MM': // Month of year(leading zero) 09 + case 'MMM': + case 'MMMM': + $(div).append( tpl.replace('%1', 'month') ); + attr['month'] = true; + break; + case 'yy': // year two digit + case 'yyyy': // year four digit + $(div).append( tpl.replace('%1', 'year') ); + attr['year'] = true; + break; + case 't': //AM / PM indicator(first letter) A, P + // add button + case 'tt': //AM / PM indicator AM/PM + // add button + var ampm = this.data["hour"] > 11 ? + this.calendar.PM[0] : this.calendar.AM[0]; + var btn = '' + + ampm + ''; + $(div).append( btn ); + attr['ampm'] = true; + break; + case 'g': + case 'gg': + $(div).append( tpl.replace('%1', 'era').replace('%2', + this.calendar.eras.name) ); + break; + default : // string or any non-clickable object + $(div).append( tpl.replace('%1', 'seperator').replace('%2', pat) ); + break; + } + } + + return { + attr: attr, + html: div, + }; + }, + + _switchAmPm: function( obj, owner ) { + if ( this.calendar.AM != null ) { + if ( this.calendar.AM[0] == $(owner).find('.ui-btn-text').text() ) { // AM to PM + this.data["hour"] += 12; + $(owner).find('.ui-btn-text').text( this.calendar.PM[0] ); + } else { // PM to AM + this.data["hour"] -= 12; + $(owner).find('.ui-btn-text').text( this.calendar.AM[0] ); + } + obj.update(); + } + }, + + update: function() { + if ( $(this.elem).is('input') ) { + this.elem.value = this.getValue(); + } + $(this.elem).trigger('date-changed', this.getValue() ); + }, + + _parsePattern: function( pattern ) { + var regex = /^(\/|\s|dd|d|MMMM|MMM|MM|M|yyyy|yy|y|hh|h|HH|H|mm|m|ss|s|tt|t|f|gg|g)|('.*?')/; + var token = []; + + while ( pattern.length > 0 ) { + var s = regex.exec( pattern ); + if ( s ) { + pattern = pattern.substr( s[0].length ); + if ( s[0].charAt(0) == "'" ) { + s[0] = s[0].substr( 1, s[0].length - 2 ); + } + token.push( s[0] ); + } else { + token.push( pattern.charAt(0) ); + pattern = pattern.substr(1); + } + } + + return token; + }, + + _create: function() { + var input = this.element; + var type = $(input).attr("type"); + if ( type ) { + this.options.type = type; + } + + var isTime = type.indexOf("time") > -1; + var isDate = type.indexOf("date") > -1; + + $.extend( this, { + elem: input, + time: isTime, + date: isDate, + calendar: Globalize.culture().calendars.standard, + data: { + now : new Date(), + "hour" : 0, + "min" : 0, + "sec" : 0, + "year" : 0, + "month" : 0, + "day" : 0 + }, + + }); + + // init date&time + var now = this.data.now; + var data = this.data; + if ( isDate ) { + if ( this.calendar.convert ) { + var local = this.calendar.convert.fromGregorian( + this.data.now ); + data["year"] = local.year; + data["month"] = local.month + 1; + data["day"] = local.day; + } else { + data["year"] = now.getFullYear(); + data["month"] = now.getMonth() + 1; + data["day"] = now.getDate(); + } + } + + if ( isTime ) { + data["hour"] = now.getHours(); + data["min"] = now.getMinutes(); + data["sec"] = now.getSeconds(); + } + + $(input).css('display', 'none'); + $div = $(document.createElement('div')); + $div.addClass('ui-datefield'); + $(input).after( $div ); + this._initField( this.options.type, $div ); + $div.trigger('create'); + var obj = this; + $div.bind('vclick', function(e) { + obj._showDataSelector( obj, this, e.target ); + }); + $div.find('.ui-datefield-ampm').bind( 'vclick', function(e) { + obj._switchAmPm( obj, this ); + }); + }, + + _populateDataSelector: function( field, pat, obj ) { + var values, numItems, current, data; + switch ( field ) { + case 'hour': + if ( pat == 'H' ) { + // twentyfour + values = range( 0, 23 ); + data = range( 0, 23 ); + current = obj.data["hour"]; + } else { + values = range( 1, 12 ); + current = obj.data["hour"] - 1;//11 + if ( current >= 11 ) { + current = current - 12; + data = range( 13, 23 ); + data.push( 12 ); // consider 12:00 am as 00:00 + } else { + data = range( 1, 11 ); + data.push( 0 ); + } + if ( current < 0 ) { + current = 11; // 12:00 or 00:00 + } + } + if ( pat.length == 2 ) { + // two digit + values = values.map( obj._makeTwoDigits ); + } + numItems = values.length; + break; + case 'min': + case 'sec': + values = range( 0, 59 ); + if ( pat.length == 2 ) { + values = values.map( obj._makeTwoDigits ); + } + data = range( 0, 59 ); + current = ( field == 'min' ? obj.data["min"] : obj.data["sec"] ); + numItems = values.length; + break; + case 'year': + var local = new Date( 1900, 0, 1 ); + var yearlb; + var yearhb; + if ( obj.calendar.convert ) { + local = obj.calendar.convert.fromGregorian( local ); + yearlb = local.year; + yearhb = yearlb + 200; + } else { + yearlb = local.getFullYear(); + yearhb = yearlb + 200; + } + data = range( yearlb, yearhb ); + current = obj.data["year"] - yearlb; + values = range( yearlb, yearhb ); + numItems = values.length; + break; + case 'month': + switch ( pat.length ) { + case 1: + values = range( 1, 12 ); + break; + case 2: + values = range( 1, 12 ).map( obj._makeTwoDigits ); + break; + case 3: + values = obj.calendar.months.namesAbbr.slice(); + break; + case 4: + values = obj.calendar.months.names.slice(); + break; + } + if ( values.length == 13 ) { // @TODO Lunar calendar support + if ( values[12] == "" ) { // to remove lunar calendar reserved space + values.pop(); + } + } + data = range( 1, values.length ); + current = obj.data["month"] - 1; + numItems = values.length; + break; + case 'day': + //@TODO max number 31 -> depends on month + var day = 31; + values = range( 1, day ); + if ( pat.length == 2 ) { + values = values.map( obj._makeTwoDigits ); + } + data = range( 1, day ); + current = obj.data["day"] - 1; + numItems = day; + break; + } + + return { + values: values, + data: data, + numItems: numItems, + current: current + }; + + }, + + _showDataSelector: function( obj, ui, target ) { + target = $(target); + + var attr = target.attr("class"); + if ( !attr ) { + return; + } + var field = attr.match(/ui-datefield-([^ ]*)/); + if ( !field ) { + return; + } + + target.not('.ui-datefield-seperator').addClass('ui-datefield-selected'); + + var pat = target.jqmData('pat'); + var data = obj._populateDataSelector( field[1], pat, obj ); + + var values = data.values, + numItems = data.numItems; + current = data.current; + valuesData = data.data; + + if ( values ) { + $ul = $(document.createElement('ul')); + for ( item in values ) { + $li = $(document.createElement('li')); + $item = $(document.createElement('a')); + $item.addClass('ui-link'); + $item.text( values[item] ); + $item.jqmData( "val", valuesData[item] ); + + $li.append( $item ); + $ul.append( $li ); + + if ( current == item ) { + $li.addClass('current'); + } + } + + /* TODO NEED TO REFACTORING HERE */ + var $div = $(document.createElement('div')); + $div.append( $ul ).appendTo( ui ); + $div.addClass('ui-datetimepicker-selector'); + $div.attr( 'data-transition', 'none' ); + var $ctx = $div.ctxpopup(); + $ctx.parents('.ui-popupwindow').addClass('ui-datetimepicker'); + $div.circularview(); + $div.circularview( 'centerTo', '.current' ); + $ctx.popupwindow( 'open', + target.offset().left + target.width() / 2 - window.pageXOffset, + target.offset().top + target.height() - window.pageYOffset ); + $div.bind('closed', function(e) { + $div.unbind( 'closed' ); + $ul.unbind( 'vclick' ); + $(obj).unbind( 'update' ); + $(ui).find('.ui-datefield-selected').removeClass('ui-datefield-selected'); + $ctx.popupwindow( 'destroy' ); + $div.remove(); + }); + + $(obj).bind( 'update', function( e, val ) { + $ctx.popupwindow( 'close' ); + var data = $(ui).find( '.' + field[0] ); + obj._updateField( $(data), val ); + obj.data[ field[1] ] = val; + obj.update(); + }); + + $ul.bind( 'vclick', function( e ) { + if ( $(e.target).is('a') ) { + $ul.find(".current").removeClass("current"); + $(e.target).parent().addClass('current'); + var val = $(e.target).jqmData("val"); + $(obj).trigger( 'update', val ); // close popup, unselect field + } + }); + } + }, + + _initField: function( type, div ){ + var updateFields = function( obj, html, attr ) { + for( item in attr ) { + if ( attr[item] ) { + obj._updateField( $(html).find( '.ui-datefield-' + item ), + obj.data[item] ); + } + } + }; + + if ( this.options.format ) { + var datetime = this._format( this.options.format ); + updateFields( this, datetime.html, datetime.attr ); + div.append( datetime.html ); + } else { + if ( type.match( 'date' ) ) { + var date = this._format( this.calendar.patterns.d ); + $(date.html).addClass('date'); + updateFields( this, date.html, date.attr ); + div.append( date.html ); + } + + if ( type.match( 'datetime' ) ) { + div.append( '' ); + } + + if ( type.match( 'time' ) ) { + var time = this._format( this.calendar.patterns.t ); + $(time.html).addClass('time'); + updateFields( this, time.html, time.attr ); + div.append( time.html ); + } + } + }, + + }); + + $(document).bind("pagecreate create", function(e) { + $($.tizen.datetimepicker.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .datetimepicker(); + }); + +})(jQuery, this); diff --git a/src/widgets/datetimepicker/js/range.js b/src/widgets/datetimepicker/js/range.js new file mode 100644 index 0000000..87c66af --- /dev/null +++ b/src/widgets/datetimepicker/js/range.js @@ -0,0 +1,54 @@ +/* + * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL licenses + * http://phpjs.org/functions/range + * original by: Waldo Malqui Silva + * version: 1107.2516 + */ +function range (low, high, step) { + // Create an array containing the range of integers or characters + // from low to high (inclusive) + // + // version: 1107.2516 + // discuss at: http://phpjs.org/functions/range + // + original by: Waldo Malqui Silva + // * example 1: range ( 0, 12 ); + // * returns 1: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] + // * example 2: range( 0, 100, 10 ); + // * returns 2: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100] + // * example 3: range( 'a', 'i' ); + // * returns 3: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i'] + // * example 4: range( 'c', 'a' ); + // * returns 4: ['c', 'b', 'a'] + var matrix = []; + var inival, endval, plus; + var walker = step || 1; + var chars = false; + + if (!isNaN(low) && !isNaN(high)) { + inival = low; + endval = high; + } else if (isNaN(low) && isNaN(high)) { + chars = true; + inival = low.charCodeAt(0); + endval = high.charCodeAt(0); + } else { + inival = (isNaN(low) ? 0 : low); + endval = (isNaN(high) ? 0 : high); + } + + plus = ((inival > endval) ? false : true); + if (plus) { + while (inival <= endval) { + matrix.push(((chars) ? String.fromCharCode(inival) : inival)); + inival += walker; + } + } else { + while (inival >= endval) { + matrix.push(((chars) ? String.fromCharCode(inival) : inival)); + inival -= walker; + } + } + + return matrix; +} + diff --git a/src/widgets/dayselector/css/dayselector.css b/src/widgets/dayselector/css/dayselector.css new file mode 100644 index 0000000..45482e7 --- /dev/null +++ b/src/widgets/dayselector/css/dayselector.css @@ -0,0 +1,25 @@ +/* dayselector CSS */ +.ui-dayselector { + display: inline-block; +} + +.ui-dayselector label { + height: 56px; + width: 64px; +} + +.ui-dayselector-label-6 { + color: blue; +} + +.ui-dayselector-label-0 { + color: red; +} + +.todons-dayselector-disabled .ui-dayselector-label-6 { + color: #121212; +} + +.todons-dayselector-disabled .ui-dayselector-label-0 { + color: #363636; +} diff --git a/src/widgets/dayselector/js/jquery.mobile.tizen.dayselector.js b/src/widgets/dayselector/js/jquery.mobile.tizen.dayselector.js new file mode 100755 index 0000000..028684f --- /dev/null +++ b/src/widgets/dayselector/js/jquery.mobile.tizen.dayselector.js @@ -0,0 +1,164 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Rijubrata Bhaumik + * Elliot Smith + */ + +// Displays a day selector element: a control group with 7 check +// boxes which can be toggled on and off. +// +// The widget can be invoked on fieldset element with +// $(element).dayselector() or by creating a fieldset element with +// data-role="dayselector". If you try to apply it to an element +// of type other than fieldset, results will be unpredictable. +// +// The default is to display the controlgroup horizontally; you can +// override this by setting data-type="vertical" on the fieldset, +// or by passing a type option to the constructor. The data-type +// attribute has precedence. +// +// If no ID is supplied for the dayselector, one will be generated +// automatically. +// +// Methods: +// +// value: Return the day numbers (0=Sunday, ..., 6=Saturday) of +// the selected checkboxes as an array. +// +// selectAll: Select all 7 days of the week by automatically "ticking" +// all of the checkboxes. +// +// Options: +// +// theme : Override the data-theme of the widget; note that the +// order of preference is: 1) set from data-theme attribute; +// 2) set from option; 3) set from closest parent data-theme; +// 4) default to 'c' +// +// type: 'horizontal' (default) or 'vertical'; specifies the type +// of controlgroup to create around the day check boxes. +// +// days: array of day names, Sunday first; defaults to English day +// names; the first letters are used as text for the checkboxes + +(function ($, window, undefined) { + $.widget("tizen.dayselector", $.mobile.widget, { + options: { + initSelector: 'fieldset:jqmData(role="dayselector")', + theme: null, + type: 'horizontal', + days: ['Sunday', + 'Monday', + 'Tuesday', + 'Wednesday', + 'Thursday', + 'Friday', + 'Saturday'] + }, + + defaultTheme: 'c', + + _create: function () { + this.element.addClass('ui-dayselector'); + + this.options.type = this.element.jqmData('type') || this.options.type; + + this.options.theme = this.element.jqmData('theme') || + this.options.theme || + this.element.closest(':jqmData(theme)').jqmData('theme') || + this.defaultTheme; + + var days = this.options.days; + + this.element.attr('data-' + $.mobile.ns + 'type', this.options.type); + + var parentId = this.element.attr('id') || + 'dayselector' + (new Date()).getTime(); + + for (var i = 0; i < days.length; i++) { + var day = days[i]; + var letter = day.slice(0, 1); + if ( Globalize ) { + //TODO may some modification required to support + // start week day difference upon cultures. + letter = Globalize.culture().calendars.standard.days.namesShort[i]; + } + var id = parentId + '_' + i; + var labelClass = 'ui-dayselector-label-' + i; + + var checkbox = $('') + .attr('id', id) + .attr('value', i); + + var label = $('') + .attr('for', id) + .addClass(labelClass); + + this.element.append(checkbox); + this.element.append(label); + } + + this.checkboxes = this.element.find(':checkbox') + .checkboxradio({theme: this.options.theme}); + + this.element.controlgroup({excludeInvisible: false}); + }, + + _setOption: function(key, value) { + if (key === "disabled") + this._setDisabled(value); + }, + + _setDisabled: function(value) { + $.Widget.prototype._setOption.call(this, "disabled", value); + this.element[value ? "addClass" : "removeClass"]("ui-disabled"); + }, + + value: function () { + var values = this.checkboxes.filter(':checked').map(function () { + return this.value; + }).get(); + + return values; + }, + + selectAll: function () { + this.checkboxes.attr('checked', 'checked') + .checkboxradio('refresh'); + } + + }); /* End of Widget */ + + // auto self-init widgets + $(document).bind("pagebeforecreate", function (e) { + var elts = $($.tizen.dayselector.prototype.options.initSelector, e.target); + elts.not(":jqmData(role='none'), :jqmData(role='nojs')").dayselector(); + }); + +})(jQuery, this); diff --git a/src/widgets/expandablelist/js/jquery.mobile.tizen.expandablelist.js b/src/widgets/expandablelist/js/jquery.mobile.tizen.expandablelist.js new file mode 100644 index 0000000..a8ca963 --- /dev/null +++ b/src/widgets/expandablelist/js/jquery.mobile.tizen.expandablelist.js @@ -0,0 +1,137 @@ +/** + * Displays vertical multi-level list. + * + * To apply, add the attribute data-expandable="true" and id="parentid" to a
        • element for parent list item + * and add the arrribute data-expanded-by="parentid" to a
        • element for child list item. + * + * HTML Attributes: + * data-expandable: Parent list item must have 'true' value for this attribute + * data-expanded-by: Child list item expanded by parent list item must have 'true' value for this attribute + * data-initial-expansion: If you want expandable list to be expanded initially, set this value as 'true' + * + * Example: + *
        • Parent
          • + *
        • Child
          • + */ + +(function ($, undefined) { + +$.widget("todons.expandablelist", $.mobile.widget, { + options: { + initSelector: ":jqmData(expandable='true')", + }, + + _hide: function(e) { + $(e).removeClass('ui-li-expand-transition-show') + .addClass('ui-li-expand-transition-hide'); + }, + _show: function(e) { + $(e).removeClass('ui-li-expand-transition-hide') + .addClass('ui-li-expand-transition-show'); + }, + _hide_expand_img: function(e) { + $(e).removeClass('ui-li-expandable-hidden') + .addClass('ui-li-expandable-shown'); + + $(e).find( ".ui-li-expand-icon" ) + .addClass( "ui-li-expanded-icon" ) + .removeClass( "ui-li-expand-icon" ); + }, + _show_expand_img: function(e) { + $(e).removeClass('ui-li-expandable-shown') + .addClass('ui-li-expandable-hidden'); + + $(e).find( ".ui-li-expanded-icon" ) + .addClass( "ui-li-expand-icon" ) + .removeClass( "ui-li-expanded-icon" ); + }, + + _set_expand_arrow: function(self, e, parent_is_expanded) { + if (parent_is_expanded) { + self._hide_expand_img(e); + } else { + self._show_expand_img(e); + } + if($(e[0]).data("expandable") && parent_is_expanded == false) { + var children = $(e).nextAll(":jqmData(expanded-by='"+$(e).attr('id')+"')"); + children.each(function(idx, child) { + self._set_expand_arrow(self, child, e.is_expanded); + }); + } + }, + + _toggle: function(self, e, parent_is_expanded) { + if (! parent_is_expanded) { + self._show(e); + } + else { + self._hide(e); + if($(e).data("expandable") && e.is_expanded == true) { + var children = $(e).nextAll(":jqmData(expanded-by='"+$(e).attr('id')+"')"); + children.each(function(idx, child) { + self._toggle(self, child, e.is_expanded); + }); + e.is_expanded = false; + } + } + }, + _is_hidden: function(e) { + return ( $(e).height() == 0); + }, + + _create: function () { + + var children = $(this.element).nextAll(":jqmData(expanded-by='"+$(this.element).attr('id')+"')"); + if (children.length == 0) { + return; + } + + var e = this.element, + self = this, + expanded = e.nextAll(":jqmData(expanded-by='" + e[0].id + "')"), + initial_expansion = e.data("initial-expansion"); + is_expanded = false; + + if(initial_expansion == true ) { + var parent_id = e.data("expanded-by"); + if(parent_id) { + if($("#"+parent_id).is_expanded == true) is_expanded = true; + } else { + is_expanded = true; + } + } + + e[0].is_expanded = is_expanded; + if (e[0].is_expanded) { + self._hide_expand_img(e); + $(e).append("
          "); + } else { + self._show_expand_img(e); + $(e).append("
          "); + } + + if(e[0].is_expanded) expanded.each(function(i, e) { self._show(e); }); + else expanded.each(function(i, e) { self._hide(e); }); + + expanded.addClass("ui-li-expanded"); + + e.bind('vclick', function() { + var _is_expanded = e[0].is_expanded; + expanded.each(function(i, e) { self._toggle(self, e, _is_expanded); }); + e[0].is_expanded = ! e[0].is_expanded; + + self._set_expand_arrow(self, e, e[0].is_expanded); + }); + }, + + +}); // end: $.widget() + + +$(document).bind("pagecreate create", function (e) { + $($.todons.expandablelist.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .expandablelist(); +}); + +})(jQuery); diff --git a/src/widgets/extendablelist/js/jquery.mobile.tizen.extendablelist.js b/src/widgets/extendablelist/js/jquery.mobile.tizen.extendablelist.js new file mode 100755 index 0000000..ff676d3 --- /dev/null +++ b/src/widgets/extendablelist/js/jquery.mobile.tizen.extendablelist.js @@ -0,0 +1,551 @@ +/* + * Author: Wongi Lee +*/ + +/** + * Extendable List Widget for unlimited data. + * To support more then 1,000 items, special list widget developed. + * Fast initialize and append some element into the DOM tree repeatedly. + * DB connection and works like DB cursor. + * + * HTML Attributes: + * + * data-role: extendablelist + * data-template : jQuery.template ID that populate into extendable list. A button : a
          element with "data-role : button" should be included on data-template. + * data-dbtable : DB Table name. It used as window[DB NAME]. Loaded data should be converted as window object. + * data-extenditems : Number of elements to extend at once. + * + * ID :
            element that has "data-role=extendablelist" must have ID attribute. + * Class :
              element that has "data-role=extendablelist" should have "vlLoadSuccess" class to guaranty DB loading is completed. + * tmp_load_more : Template ID for "load more" message and button. + * + * + * APIs: + * + * create ( void ) + * : API to call _create method. API for AJAX or DB loading callback. + * + * recreate ( Array ) + * : Update extendable list with new data array. For example, update with search result. + * + * Examples: + * + * + * + * + * + *
                + *
              + * + */ + + +(function( $, undefined ) { + +//Keeps track of the number of lists per page UID +//This allows support for multiple nested list in the same page +//https://github.com/jquery/jquery-mobile/issues/1617 +var listCountPerPage = {}; + +var TOTAL_ITEMS = 0; + +var i =0; +var last_index = 0; + +$.widget( "tizen.extendablelist", $.mobile.widget, { + options: { + theme: "s", + countTheme: "c", + headerTheme: "b", + dividerTheme: "b", + splitIcon: "arrow-r", + splitTheme: "b", + inset: false, + id: "", /* Extendable list UL elemet's ID */ + extenditems: 50, /* Number of append items */ + childSelector: " li", /* To support swipe list */ + dbtable: "", + template : "", /* Template for each list item */ + loadmore : "tmp_load_more", /* Template for "Load more" message */ + scrollview: false, + initSelector: ":jqmData(role='extendablelist')" + }, + + _stylerMouseUp: function() { + $( this ).addClass( "ui-btn-up-s" ); + $( this ).removeClass( "ui-btn-down-s" ); + }, + + _stylerMouseDown: function() { + $( this ).addClass( "ui-btn-down-s" ); + $( this ).removeClass( "ui-btn-up-s" ); + }, + + _stylerMouseOver: function() { + $( this ).toggleClass( "ui-btn-hover-s" ); + }, + + _stylerMouseOut: function() { + $( this ).toggleClass( "ui-btn-hover-s" ); + }, + + _pushData: function ( template, data ) { + var o = this.options; + + var dataTable = data; + + var myTemplate = $( "#" + template ); + + var loadMoreItems = ( o.extenditems > data.length - last_index ? data.length - last_index : o.extenditems); + + for (i = 0; i < loadMoreItems; i++ ) + { + var htmlData = myTemplate.tmpl( dataTable[ i ]); + $( o.id ).append( $( htmlData ).attr( 'id', 'li_'+i ) ); + last_index++; + } + + /* After push data, re-style extendable list widget */ + $( o.id ).trigger( "create" ); + }, + + _loadmore: function( event ){ + var t = this; + var o = event.data; + + /* Remove load more message */ + $( "#load_more_message" ).remove(); + + /* Append items */ + var dataTable = window[ o.dbtable ]; + var myTemplate = $( "#" + o.template ); + + var loadMoreItems = ( o.extenditems > dataTable.length - last_index ? dataTable.length - last_index : o.extenditems ); + + for ( i = 0; i < loadMoreItems; i++ ) + { + last_index++; + var htmlData = myTemplate.tmpl( dataTable[ last_index ] ); + $( o.id ).append( $( htmlData ).attr( 'id', 'li_' + last_index ) ); + } + + /* Append "Load more" message on the last of list */ + if ( TOTAL_ITEMS > last_index ) { + var myTemplate = $( "#" + o.loadmore ); + var more_items_to_load = TOTAL_ITEMS - last_index; + var num_next_load_items = ( o.extenditems <= more_items_to_load ) ? o.extenditems : more_items_to_load; + var htmlData = myTemplate.tmpl( { NUM_MORE_ITEMS : num_next_load_items } ); + + $( o.id ).append( $( htmlData ).attr( 'id', "load_more_message" ) ); + } + + $( o.id ).trigger( "create" ); + $( o.id ).extendablelist( "refresh" ); + }, + + recreate: function( newArray ) { + var t = this; + var o = this.options; + + $( o.id ).empty(); + + TOTAL_ITEMS = newArray.length; + + t._pushData( ( o.template), newArray ); + + if ( o.childSelector == " ul" ) { + $( o.id + " ul" ).swipelist(); + } + + $( o.id ).extendablelist(); + + t.refresh( true ); + }, + + _initList: function(){ + var t = this; + var o = this.options; + + /* After AJAX loading success */ + o.dbtable = t.element.data( "dbtable" ); + + TOTAL_ITEMS = $( window[ o.dbtable ] ).size(); + + /* Make Gen list by template */ + if ( last_index <= 0 ) { + t._pushData( ( o.template ), window[ o.dbtable ] ); + + /* Append "Load more" message on the last of list */ + if ( TOTAL_ITEMS > last_index ) { + var myTemplate = $( "#" + o.loadmore ); + var more_items_to_load = TOTAL_ITEMS - last_index; + var num_next_load_items = ( o.extenditems <= more_items_to_load) ? o.extenditems : more_items_to_load; + var htmlData = myTemplate.tmpl( { NUM_MORE_ITEMS : num_next_load_items } ); + + $( o.id ).append( $( htmlData ).attr( 'id', "load_more_message" ) ); + + $( "#load_more_message" ).live( "click", t.options, t._loadmore ); + } + else { + /* No more items to load */ + $( "#load_more_message" ).die(); + $( "#load_more_message" ).remove(); + } + } + + if ( o.childSelector == " ul" ) { + $( o.id + " ul" ).swipelist(); + } + + $( o.id ).trigger( "create" ); + + t.refresh( true ); + }, + + + + create: function() { + var o = this.options; + + /* external API for AJAX callback */ + this._create( "create" ); + }, + + _create: function( event ) { + var t = this; + var o = this.options; + + // create listview markup + t.element.addClass( function( i, orig ) { + return orig + " ui-listview ui-extendable-list-container" + ( t.options.inset ? " ui-listview-inset ui-corner-all ui-shadow " : "" ); + }); + + var $el = this.element; + + o.id = "#" + $el.attr( "id" ); + + if ( $el.data( "extenditems" ) ) { + o.extenditems = parseInt( $el.data( "extenditems" ) ); + } + + $( o.id ).bind( "pagehide", function(e){ + $( o.id ).empty(); + }); + + /* Scroll view */ + ( $( ".ui-scrollview-clip" ).size() > 0) ? o.scrollview = true : o.scrollview = false; + + /* After DB Load complete, Init Vritual list */ + if ( $( o.id ).hasClass( "vlLoadSuccess" ) ) { + if ( $el.data( "template" ) ) { + o.template = $el.data( "template" ); + + /* to support swipe list,
            • or
                can be main node of extendable list. */ + if ( $el.data( "swipelist" ) == true ) { + o.childSelector = " ul"; + } + else { + o.shildSelector = " li"; + } + } + + t._initList(); + } + }, + + destroy : function(){ + var o = this.options; + + $( o.id ).empty(); + + TOTAL_ITEMS = 0; + i =0; + last_index = 0; + + $( "#load_more_message" ).die(); + }, + + _itemApply: function( $list, item ) { + var $countli = item.find( ".ui-li-count" ); + + if ( $countli.length ) { + item.addClass( "ui-li-has-count" ); + } + + $countli.addClass( "ui-btn-up-" + ( $list.jqmData( "counttheme" ) || this.options.countTheme ) + " ui-btn-corner-all" ); + + // TODO class has to be defined in markup + item.find( "h1, h2, h3, h4, h5, h6" ).addClass( "ui-li-heading" ).end() + .find( "p, dl" ).addClass( "ui-li-desc" ).end() + .find( ">img:eq(0), .ui-link-inherit>img:eq(0)" ).addClass( "ui-li-thumb" ).each(function() { + item.addClass( $( this ).is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" ); + }).end() + .find( ".ui-li-aside" ).each(function() { + var $this = $( this ); + $this.prependTo( $this.parent() ); //shift aside to front for css float + }); + }, + + _removeCorners: function( li, which ) { + var top = "ui-corner-top ui-corner-tr ui-corner-tl", + bot = "ui-corner-bottom ui-corner-br ui-corner-bl"; + + li = li.add( li.find( ".ui-btn-inner, .ui-li-link-alt, .ui-li-thumb" ) ); + + if ( which === "top" ) { + li.removeClass( top ); + } else if ( which === "bottom" ) { + li.removeClass( bot ); + } else { + li.removeClass( top + " " + bot ); + } + }, + + _refreshCorners: function( create ) { + var $li, + $visibleli, + $topli, + $bottomli; + + if ( this.options.inset ) { + $li = this.element.children( "li" ); + // at create time the li are not visible yet so we need to rely on .ui-screen-hidden + $visibleli = create?$li.not( ".ui-screen-hidden" ):$li.filter( ":visible" ); + + this._removeCorners( $li ); + + // Select the first visible li element + $topli = $visibleli.first() + .addClass( "ui-corner-top" ); + + $topli.add( $topli.find( ".ui-btn-inner" ) ) + .find( ".ui-li-link-alt" ) + .addClass( "ui-corner-tr" ) + .end() + .find( ".ui-li-thumb" ) + .not( ".ui-li-icon" ) + .addClass( "ui-corner-tl" ); + + // Select the last visible li element + $bottomli = $visibleli.last() + .addClass( "ui-corner-bottom" ); + + $bottomli.add( $bottomli.find( ".ui-btn-inner" ) ) + .find( ".ui-li-link-alt" ) + .addClass( "ui-corner-br" ) + .end() + .find( ".ui-li-thumb" ) + .not( ".ui-li-icon" ) + .addClass( "ui-corner-bl" ); + } + }, + + refresh: function( create ) { + this.parentPage = this.element.closest( ".ui-page" ); + this._createSubPages(); + + var o = this.options, + $list = this.element, + self = this, + dividertheme = $list.jqmData( "dividertheme" ) || o.dividerTheme, + listsplittheme = $list.jqmData( "splittheme" ), + listspliticon = $list.jqmData( "spliticon" ), + li = $list.children( "li" ), + counter = $.support.cssPseudoElement || !$.nodeName( $list[ 0 ], "ol" ) ? 0 : 1, + item, itemClass, itemTheme, + a, last, splittheme, countParent, icon; + + if ( counter ) { + $list.find( ".ui-li-dec" ).remove(); + } + + for ( var pos = 0, numli = li.length; pos < numli; pos++ ) { + item = li.eq( pos ); + itemClass = "ui-li"; + + // If we're creating the element, we update it regardless + if ( create || !item.hasClass( "ui-li" ) ) { + itemTheme = item.jqmData( "theme" ) || o.theme; + a = item.children( "a" ); + + if ( a.length ) { + icon = item.jqmData( "icon" ); + + item.buttonMarkup({ + wrapperEls: "div", + shadow: false, + corners: false, + iconpos: "right", + /* icon: a.length > 1 || icon === false ? false : icon || "arrow-r",*/ + icon: false, /* Remove unnecessary arrow icon */ + theme: itemTheme + }); + + if ( ( icon != false ) && ( a.length == 1 ) ) { + item.addClass( "ui-li-has-arrow" ); + } + + a.first().addClass( "ui-link-inherit" ); + + if ( a.length > 1 ) { + itemClass += " ui-li-has-alt"; + + last = a.last(); + splittheme = listsplittheme || last.jqmData( "theme" ) || o.splitTheme; + + last.appendTo(item) + .attr( "title", last.getEncodedText() ) + .addClass( "ui-li-link-alt" ) + .empty() + .buttonMarkup({ + shadow: false, + corners: false, + theme: itemTheme, + icon: false, + iconpos: false + }) + .find( ".ui-btn-inner" ) + .append( + $( "" ).buttonMarkup({ + shadow: true, + corners: true, + theme: splittheme, + iconpos: "notext", + icon: listspliticon || last.jqmData( "icon" ) || o.splitIcon + }) + ); + } + } else if ( item.jqmData( "role" ) === "list-divider" ) { + + itemClass += " ui-li-divider ui-btn ui-bar-" + dividertheme; + item.attr( "role", "heading" ); + + //reset counter when a divider heading is encountered + if ( counter ) { + counter = 1; + } + + } else { + itemClass += " ui-li-static ui-body-" + itemTheme; + } + } + + if ( counter && itemClass.indexOf( "ui-li-divider" ) < 0 ) { + countParent = item.is( ".ui-li-static:first" ) ? item : item.find( ".ui-link-inherit" ); + + countParent.addClass( "ui-li-jsnumbering" ) + .prepend( "" + (counter++) + ". " ); + } + + item.add( item.children( ".ui-btn-inner" ) ).addClass( itemClass ); + + self._itemApply( $list, item ); + } + + this._refreshCorners( create ); + }, + + //create a string for ID/subpage url creation + _idStringEscape: function( str ) { + return str.replace(/[^a-zA-Z0-9]/g, '-'); + }, + + _createSubPages: function() { + var parentList = this.element, + parentPage = parentList.closest( ".ui-page" ), + parentUrl = parentPage.jqmData( "url" ), + parentId = parentUrl || parentPage[ 0 ][ $.expando ], + parentListId = parentList.attr( "id" ), + o = this.options, + dns = "data-" + $.mobile.ns, + self = this, + persistentFooterID = parentPage.find( ":jqmData(role='footer')" ).jqmData( "id" ), + hasSubPages; + + if ( typeof listCountPerPage[ parentId ] === "undefined" ) { + listCountPerPage[ parentId ] = -1; + } + + parentListId = parentListId || ++listCountPerPage[ parentId ]; + + $( parentList.find( "li>ul, li>ol" ).toArray().reverse() ).each(function( i ) { + var self = this, + list = $( this ), + listId = list.attr( "id" ) || parentListId + "-" + i, + parent = list.parent(), + nodeEls = $( list.prevAll().toArray().reverse() ), + nodeEls = nodeEls.length ? nodeEls : $( "" + $.trim(parent.contents()[ 0 ].nodeValue) + "" ), + title = nodeEls.first().getEncodedText(),//url limits to first 30 chars of text + id = ( parentUrl || "" ) + "&" + $.mobile.subPageUrlKey + "=" + listId, + theme = list.jqmData( "theme" ) || o.theme, + countTheme = list.jqmData( "counttheme" ) || parentList.jqmData( "counttheme" ) || o.countTheme, + newPage, anchor; + + //define hasSubPages for use in later removal + hasSubPages = true; + + newPage = list.detach() + .wrap( "
                " ) + .parent() + .before( "
                " + title + "
                " ) + .after( persistentFooterID ? $( "
                " ) : "" ) + .parent() + .appendTo( $.mobile.pageContainer ); + + newPage.page(); + + anchor = parent.find('a:first'); + + if ( !anchor.length ) { + anchor = $( "" ).html( nodeEls || title ).prependTo( parent.empty() ); + } + + anchor.attr( "href", "#" + id ); + + }).extendablelist(); + + // on pagehide, remove any nested pages along with the parent page, as long as they aren't active + // and aren't embedded + if( hasSubPages && + parentPage.is( ":jqmData(external-page='true')" ) && + parentPage.data( "page" ).options.domCache === false ) { + + var newRemove = function( e, ui ){ + var nextPage = ui.nextPage, npURL; + + if( ui.nextPage ){ + npURL = nextPage.jqmData( "url" ); + if( npURL.indexOf( parentUrl + "&" + $.mobile.subPageUrlKey ) !== 0 ){ + self.childPages().remove(); + parentPage.remove(); + } + } + }; + + // unbind the original page remove and replace with our specialized version + parentPage + .unbind( "pagehide.remove" ) + .bind( "pagehide.remove", newRemove); + } + }, + + // TODO sort out a better way to track sub pages of the extendable listview this is brittle + childPages: function(){ + var parentUrl = this.parentPage.jqmData( "url" ); + + return $( ":jqmData(url^='"+ parentUrl + "&" + $.mobile.subPageUrlKey +"')" ); + } +}); + +//auto self-init widgets +$( document ).bind( "pagecreate create", function( e ){ + $( $.tizen.extendablelist.prototype.options.initSelector, e.target ).extendablelist(); +}); + +})( jQuery ); diff --git a/src/widgets/hsvpicker/css/hsvpicker.css b/src/widgets/hsvpicker/css/hsvpicker.css new file mode 100644 index 0000000..949f565 --- /dev/null +++ b/src/widgets/hsvpicker/css/hsvpicker.css @@ -0,0 +1,45 @@ +.ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-clrchannel-masks-container .sat-gradient { + background: rgb(255,0,0); /* Old browsers */ + background: -webkit-gradient(linear, left top, right top, + color-stop( 0%,rgba(255,255,255,1)), + color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(left, + rgba(255,255,255,1) 0%, + rgba(255,255,255,0) 100%); + background: -webkit-linear-gradient(left, + rgba(255,255,255,1) 0%, + rgba(255,255,255,0) 100%); + background: -o-linear-gradient(left, + rgba(255,255,255,1) 0%, + rgba(255,255,255,0) 100%); + background: -ms-linear-gradient(left, + rgba(255,255,255,1) 0%, + rgba(255,255,255,0) 100%); + background: linear-gradient(left, + rgba(255,255,255,1) 0%, + rgba(255,255,255,0) 100%); + filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#ffffff', endColorstr="#00ffffff", GradientType = 1); +} + +.ui-hsvpicker .hsvpicker-clrchannel-container .hsvpicker-clrchannel-masks-container .val-gradient { + background: rgb(255,0,0); /* Old browsers */ + background: -webkit-gradient(linear, left top, right top, + color-stop( 0%,rgba(0,0,0,1)), + color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ + background: -moz-linear-gradient(left, + rgba(0,0,0,1) 0%, + rgba(0,0,0,0) 100%); + background: -webkit-linear-gradient(left, + rgba(0,0,0,1) 0%, + rgba(0,0,0,0) 100%); + background: -o-linear-gradient(left, + rgba(0,0,0,1) 0%, + rgba(0,0,0,0) 100%); + background: -ms-linear-gradient(left, + rgba(0,0,0,1) 0%, + rgba(0,0,0,0) 100%); + background: linear-gradient(left, + rgba(0,0,0,1) 0%, + rgba(0,0,0,0) 100%); + filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#000000', endColorstr="#00000000", GradientType = 1); +} diff --git a/src/widgets/hsvpicker/js/jquery.mobile.tizen.hsvpicker.js b/src/widgets/hsvpicker/js/jquery.mobile.tizen.hsvpicker.js new file mode 100755 index 0000000..1b067e1 --- /dev/null +++ b/src/widgets/hsvpicker/js/jquery.mobile.tizen.hsvpicker.js @@ -0,0 +1,235 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Gabriel Schulhof + */ + +// Displays three sliders that allow the user to select the +// hue, saturation, and value for a color. +// +// To apply, add the attribute data-role="hsvpicker" to a
                +// element inside a page. Alternatively, call hsvpicker() +// on an element (see below). +// +// Options: +// +// color: String; the initial color can be specified in html using the +// data-color="#ff00ff" attribute or when constructed +// in javascript, eg +// $("#myhsvpicker").hsvpicker({ color: "#ff00ff" }); +// where the html might be : +//
                +// The color can be changed post-construction like this : +// $("#myhsvpicker").hsvpicker("option", "color", "#ABCDEF"); +// Default: "#1a8039" +// +// Events: +// +// colorchanged: Fired when the color is changed. + +(function( $, undefined ) { + +$.widget( "tizen.hsvpicker", $.tizen.colorwidget, { + options: { + initSelector: ":jqmData(role='hsvpicker')" + }, + + _htmlProto: { + ui: { + container: "#hsvpicker", + hue: { + eventSource: "[data-event-source='hue']", + selector: "#hsvpicker-hue-selector", + hue: "#hsvpicker-hue-hue", + valMask: "#hsvpicker-hue-mask-val" + }, + sat: { + gradient: "#hsvpicker-sat-gradient", + eventSource: "[data-event-source='sat']", + selector: "#hsvpicker-sat-selector", + hue: "#hsvpicker-sat-hue", + valMask: "#hsvpicker-sat-mask-val" + }, + val: { + gradient: "#hsvpicker-val-gradient", + eventSource: "[data-event-source='val']", + selector: "#hsvpicker-val-selector", + hue: "#hsvpicker-val-hue" + } + } + }, + + _create: function() { + var self = this; + + this.element + .css("display", "none") + .after(this._ui.container); + + this._ui.hue.hue.huegradient(); + + $.extend(this, { + dragging_hsv: [ 0, 0, 0], + selectorDraggingOffset: { + x : -1, + y : -1 + }, + dragging: -1 + }); + + this._ui.container.find(".hsvpicker-arrow-btn") + .buttonMarkup() + .bind("vclick", function(e) { + var chan = $(this).attr("data-" + ($.mobile.ns || "") + "target"), + hsvIdx = ("hue" === chan) ? 0 : + ("sat" === chan) ? 1 : 2, + max = (0 == hsvIdx ? 360 : 1), + step = 0.05 * max; + + self.dragging_hsv[hsvIdx] = self.dragging_hsv[hsvIdx] + step * ("left" === $(this).attr("data-" + ($.mobile.ns || "") + "location") ? -1 : 1); + self.dragging_hsv[hsvIdx] = Math.min(max, Math.max(0.0, self.dragging_hsv[hsvIdx])); + self._updateSelectors(self.dragging_hsv); + }); + + $( document ) + .bind( "vmousemove", function( event ) { + if ( self.dragging != -1 ) { + event.stopPropagation(); + event.preventDefault(); + } + }) + .bind( "vmouseup", function( event ) { + self.dragging = -1; + }); + + this._bindElements("hue", 0); + this._bindElements("sat", 1); + this._bindElements("val", 2); + }, + + _bindElements: function(chan, idx) { + var self = this; + this._ui[chan].selector + .bind("mousedown vmousedown", function(e) { self._handleMouseDown(chan, idx, e, true); }) + .bind("vmousemove touchmove", function(e) { self._handleMouseMove(chan, idx, e, true); }) + .bind("vmouseup", function(e) { self.dragging = -1; }); + this._ui[chan].eventSource + .bind("mousedown vmousedown", function(e) { self._handleMouseDown(chan, idx, e, false); }) + .bind("vmousemove touchmove", function(e) { self._handleMouseMove(chan, idx, e, false); }) + .bind("vmouseup", function(e) { self.dragging = -1; }); + }, + + _handleMouseDown: function(chan, idx, e, isSelector) { + var coords = $.mobile.tizen.targetRelativeCoordsFromEvent(e), + widgetStr = (isSelector ? "selector" : "eventSource"); + + if (coords.x >= 0 && coords.x <= this._ui[chan][widgetStr].outerWidth() && + coords.y >= 0 && coords.y <= this._ui[chan][widgetStr].outerHeight()) { + + this.dragging = idx; + + if (isSelector) { + this.selectorDraggingOffset.x = coords.x; + this.selectorDraggingOffset.y = coords.y; + } + + this._handleMouseMove(chan, idx, e, isSelector, coords); + } + }, + + _handleMouseMove: function(chan, idx, e, isSelector, coords) { + if (this.dragging === idx) { + coords = (coords || $.mobile.tizen.targetRelativeCoordsFromEvent(e)); + + var factor = ((0 === idx) ? 360 : 1), + potential = (isSelector + ? ((this.dragging_hsv[idx] / factor) + + ((coords.x - this.selectorDraggingOffset.x) / this._ui[chan].eventSource.width())) + : (coords.x / this._ui[chan].eventSource.width())); + + this.dragging_hsv[idx] = Math.min(1.0, Math.max(0.0, potential)) * factor; + + if (!isSelector) { + this.selectorDraggingOffset.x = Math.ceil(this._ui[chan].selector.outerWidth() / 2.0); + this.selectorDraggingOffset.y = Math.ceil(this._ui[chan].selector.outerHeight() / 2.0); + } + + this._updateSelectors(this.dragging_hsv); + e.stopPropagation(); + e.preventDefault(); + } + }, + + _updateSelectors: function(hsv) { + var clrlib = $.tizen.colorwidget.clrlib, + clrwidget = $.tizen.colorwidget.prototype, + clr = clrlib.HSVToHSL(hsv), + hclr = clrlib.HSVToHSL([hsv[0], 1.0, 1.0]), + vclr = clrlib.HSVToHSL([hsv[0], hsv[1], 1.0]); + + this._ui.hue.selector.css({ left : this._ui.hue.eventSource.width() * hsv[0] / 360}); + clrwidget._setElementColor.call(this, this._ui.hue.selector, clr, "background"); + if ($.mobile.browser.ie) + this._ui.hue.hue.find("*").css("opacity", hsv[1]); + else + this._ui.hue.hue.css("opacity", hsv[1]); + this._ui.hue.valMask.css("opacity", 1.0 - hsv[2]); + + this._ui.sat.selector.css({ left : this._ui.sat.eventSource.width() * hsv[1]}); + clrwidget._setElementColor.call(this, this._ui.sat.selector, clr, "background"); + clrwidget._setElementColor.call(this, this._ui.sat.hue, hclr, "background"); + this._ui.sat.valMask.css("opacity", 1.0 - hsv[2]); + + this._ui.val.selector.css({ left : this._ui.val.eventSource.width() * hsv[2]}); + clrwidget._setElementColor.call(this, this._ui.val.selector, clr, "background"); + clrwidget._setElementColor.call(this, this._ui.val.hue, vclr, "background"); + clrwidget._setColor.call(this, clrlib.RGBToHTML(clrlib.HSLToRGB(clr))); + }, + + _setDisabled: function(value) { + $.tizen.widgetex.prototype._setDisabled.call(this, value); + this._ui.container[value ? "addClass" : "removeClass"]("ui-disabled"); + this._ui.hue.hue.huegradient("option", "disabled", value); + $.tizen.colorwidget.prototype._displayDisabledState.call(this, this._ui.container); + }, + + _setColor: function(clr) { + if ($.tizen.colorwidget.prototype._setColor.call(this, clr)) { + this.dragging_hsv = $.tizen.colorwidget.clrlib.RGBToHSV($.tizen.colorwidget.clrlib.HTMLToRGB(this.options.color)); + this._updateSelectors(this.dragging_hsv); + } + } +}); + +$(document).bind("pagecreate create", function(e) { + $($.tizen.hsvpicker.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .hsvpicker(); +}); + +})(jQuery); diff --git a/src/widgets/hsvpicker/less/hsvpicker.less b/src/widgets/hsvpicker/less/hsvpicker.less new file mode 100644 index 0000000..687f792 --- /dev/null +++ b/src/widgets/hsvpicker/less/hsvpicker.less @@ -0,0 +1,82 @@ +@hsvpicker-clrchannel-masks-width: 300px; +@hsvpicker-clrchannel-masks-height: 38px; +@hsvpicker-clrchannel-selector-width: 10px; +@hsvpicker-clrchannel-selector-height: 50px; +@hsvpicker-clrchannel-selector-border-width: 5px; +@hsvpicker-clrchannel-masks-container-hpadding: 12px; +@hsvpicker-clrchannel-masks-container-vpadding: 16px; + +@hsvpicker-clrchannel-selector-actual-height: @hsvpicker-clrchannel-selector-height - + 2 * @hsvpicker-clrchannel-selector-border-width; + +@hsvpicker-clrchannel-masks-container-actual-hpadding: + @hsvpicker-clrchannel-selector-width / 2 + + @hsvpicker-clrchannel-selector-border-width; +@hsvpicker-clrchannel-masks-container-actual-vpadding: + (@hsvpicker-clrchannel-selector-actual-height - @hsvpicker-clrchannel-masks-height) / 2 + + @hsvpicker-clrchannel-selector-border-width; +@hsvpicker-clrchannel-masks-container-hmargin: + ~`Math.max(0, + (parseInt("@{hsvpicker-clrchannel-masks-container-hpadding}") - + parseInt("@{hsvpicker-clrchannel-masks-container-actual-hpadding}"))) + "px"`; +@hsvpicker-clrchannel-masks-container-vmargin: + ~`Math.max(0, + (parseInt("@{hsvpicker-clrchannel-masks-container-vpadding}") - + parseInt("@{hsvpicker-clrchannel-masks-container-actual-vpadding}"))) + "px"`; + +.ui-hsvpicker { + .hsvpicker-clrchannel-container { + display: table; + padding-left: 27px; + padding-right: 27px; + + .hsvpicker-arrow-btn-container { + display: table-cell; + vertical-align: middle; + } + + .hsvpicker-arrow-btn { + float: left; + } + + .hsvpicker-clrchannel-masks-container { + float: left; + position: relative; + width: @hsvpicker-clrchannel-masks-width; + height: @hsvpicker-clrchannel-masks-height; + + margin-left: @hsvpicker-clrchannel-masks-container-hmargin; + margin-right: @hsvpicker-clrchannel-masks-container-hmargin; + margin-top: @hsvpicker-clrchannel-masks-container-vmargin; + margin-bottom: @hsvpicker-clrchannel-masks-container-vmargin; + + padding-left: @hsvpicker-clrchannel-masks-container-actual-hpadding; + padding-right: @hsvpicker-clrchannel-masks-container-actual-hpadding; + padding-top: @hsvpicker-clrchannel-masks-container-actual-vpadding; + padding-bottom: @hsvpicker-clrchannel-masks-container-actual-vpadding; + + .hsvpicker-clrchannel-mask { + position: absolute; + width: @hsvpicker-clrchannel-masks-width; + height: @hsvpicker-clrchannel-masks-height; + } + + .hsvpicker-clrchannel-mask-black { + background: #000000; + } + + .hsvpicker-clrchannel-mask-white { + background: #ffffff; + } + + .hsvpicker-clrchannel-selector { + position: absolute; + left: 0px; + top: 0px; + width: @hsvpicker-clrchannel-selector-width; + height: @hsvpicker-clrchannel-selector-actual-height; + border: @hsvpicker-clrchannel-selector-border-width solid black; + } + } + } +} diff --git a/src/widgets/hsvpicker/proto-html/hsvpicker.prototype.html b/src/widgets/hsvpicker/proto-html/hsvpicker.prototype.html new file mode 100755 index 0000000..daa9c15 --- /dev/null +++ b/src/widgets/hsvpicker/proto-html/hsvpicker.prototype.html @@ -0,0 +1,44 @@ +
                +
                +
                + +
                +
                +
                +
                +
                +
                +
                +
                + +
                +
                +
                +
                + +
                +
                +
                +
                +
                +
                +
                +
                + +
                +
                +
                +
                + +
                +
                +
                +
                +
                +
                +
                +
                + +
                +
                +
                diff --git a/src/widgets/imageslider/js/jquery.mobile.tizen.imageslider.js b/src/widgets/imageslider/js/jquery.mobile.tizen.imageslider.js new file mode 100644 index 0000000..d06246e --- /dev/null +++ b/src/widgets/imageslider/js/jquery.mobile.tizen.imageslider.js @@ -0,0 +1,541 @@ +/* + Author: Minkyu Kang +*/ + +/* + * Notification widget + * + * HTML Attributes + * + * data-role: set to 'imageslider' + * data-start-index: start index + * data-vertical-align: set to top or middle or bottom. + * + * APIs + * + * add(image_file): add the image (parameter: url of iamge) + * del(image_index): delete the image (parameter: index of image) + * refresh(): refresh the widget, should be called after add or del. + * + * Events + * + * N/A + * + * Example + * + *
                + * + * + * + * + * + *
                + * + * + * $('#imageslider-add').bind('vmouseup', function ( e ) { + * $('#imageslider').imageslider('add', '9.jpg'); + * $('#imageslider').imageslider('add', '10.jpg'); + * $('#imageslider').imageslider('refresh'); + * }); + * + * $('#imageslider-del').bind('vmouseup', function ( e ) { + * $('#imageslider').imageslider('del'); + * }); + * + */ + +(function ($, window, undefined) { + $.widget("tizen.imageslider", $.mobile.widget, { + options: { + photoFlicking: false + }, + + dragging: false, + moving: false, + max_width: 0, + max_height: 0, + org_x: 0, + org_time: null, + cur_img: null, + prev_img: null, + next_img: null, + images: null, + images_hold: null, + index: 0, + align_type: null, + direction: 1, + container: null, + interval: null, + + _resize: function ( obj ) { + var width; + var height; + var margin = 40; + var ratio; + var img_max_width = this.max_width - margin; + var img_max_height = this.max_height - margin; + + height = obj.height(); + width = obj.width(); + + ratio = height / width; + + if ( width > img_max_width ) { + obj.width( img_max_width ); + obj.height( img_max_width * ratio ); + } + + height = obj.height(); + + if ( height > img_max_height ) { + obj.height( img_max_height ); + obj.width( img_max_height / ratio ); + } + }, + + _align: function ( obj, img ) { + var img_top = 0; + + if ( !obj.length ) + return; + + if ( this.align_type == "middle" ) { + img_top = (this.max_height - img.height()) / 2; + } else if ( this.align_type == "bottom" ) { + img_top = this.max_height - img.height(); + } else { + img_top = 0; + } + + obj.css( 'top', img_top + 'px' ); + }, + + _detach: function ( image_index, obj ) { + if ( !obj.length ) { + return; + } + if ( image_index < 0 ) { + return; + } + if ( image_index >= this.images.length ) { + return; + } + + this.images[image_index].detach(); + obj.css( "display", "none" ); + }, + + _attach: function ( image_index, obj ) { + if ( !obj.length ) { + return; + } + if ( image_index < 0 ) { + return; + } + if ( image_index >= this.images.length ) { + return; + } + + obj.css( "display", "block" ); + obj.append( this.images[image_index] ); + this._resize( this.images[image_index] ); + this._align( obj, this.images[image_index] ); + }, + + _drag: function ( _x ) { + if ( !this.dragging ) { + return; + } + + if ( this.options.photoFlicking === false ) { + var delta = this.org_x - _x; + + // first image + if ( delta < 0 && !this.prev_img.length ) { + return; + } + // last image + if ( delta > 0 && !this.next_img.length ) { + return; + } + } + + var coord_x = _x - this.org_x; + + this.cur_img.css( 'left', coord_x + 'px' ); + if ( this.next_img.length ) { + this.next_img.css('left', + coord_x + this.max_width + 'px'); + } + if ( this.prev_img.length ) { + this.prev_img.css('left', + coord_x - this.max_width + 'px'); + } + }, + + _move: function ( _x ) { + var delta = this.org_x - _x; + var flip = 0; + + if ( delta == 0 ) { + return; + } + + if ( delta > 0 ) { + flip = delta < (this.max_width * 0.45) ? 0 : 1; + } else { + flip = -delta < (this.max_width * 0.45) ? 0 : 1; + } + + if ( !flip ) { + var date = new Date(); + var drag_time = date.getTime() - this.org_time; + + if ( Math.abs(delta) / drag_time > 1 ) { + flip = 1; + } + } + + if ( flip ) { + if ( delta > 0 && this.next_img.length ) { + /* next */ + this._detach( this.index - 1, this.prev_img ); + + this.prev_img = this.cur_img; + this.cur_img = this.next_img; + this.next_img = this.next_img.next(); + + this.index++; + + if ( this.next_img.length ) { + this.next_img.css( 'left', + this.max_width + 'px' ); + this._attach( this.index + 1, + this.next_img ); + } + + this.direction = 1; + + } else if ( delta < 0 && this.prev_img.length ) { + /* prev */ + this._detach( this.index + 1, this.next_img ); + + this.next_img = this.cur_img; + this.cur_img = this.prev_img; + this.prev_img = this.prev_img.prev(); + + this.index--; + + if ( this.prev_img.length ) { + this.prev_img.css( 'left', + -this.max_width + 'px' ); + this._attach( this.index - 1, + this.prev_img ); + } + + this.direction = -1; + } + } + + var sec = 500; + var self = this; + + this.moving = true; + + this.interval = setInterval(function () { + self.moving = false; + clearInterval( self.interval ); + }, sec - 50); + + this.cur_img.animate({left: 0}, sec); + if ( this.next_img.length ) { + this.next_img.animate({left: this.max_width}, sec); + } + if ( this.prev_img.length ) { + this.prev_img.animate({left: -this.max_width}, sec); + } + }, + + _add_event: function () { + var self = this; + + this.container.bind('vmousemove', function ( e ) { + e.preventDefault(); + + if ( self.moving ) { + return; + } + if ( !self.dragging ) { + return; + } + + self._drag( e.pageX ); + }); + + this.container.bind('vmousedown', function ( e ) { + e.preventDefault(); + + if ( self.moving ) { + return; + } + + self.dragging = true; + + self.org_x = e.pageX; + + var date = new Date(); + self.org_time = date.getTime(); + }); + + this.container.bind('vmouseup', function (e) { + if ( self.moving ) { + return; + } + + self.dragging = false; + + self._move( e.pageX ); + }); + + this.container.bind('vmouseout', function (e) { + if ( self.moving ) { + return; + } + if ( !self.dragging ) { + return; + } + + if ( (e.pageX < 20) || + (e.pageX > (self.max_width - 20)) ) { + self._move( e.pageX ); + self.dragging = false; + } + }); + }, + + _del_event: function () { + this.container.unbind('vmousemove'); + this.container.unbind('vmousedown'); + this.container.unbind('vmouseup'); + this.container.unbind('vmouseout'); + }, + + _show: function () { + this.cur_img = $('div').find( + '.ui-imageslider-bg:eq(' + this.index + ')'); + this.prev_img = this.cur_img.prev(); + this.next_img = this.cur_img.next(); + + this._attach( this.index - 1, this.prev_img ); + this._attach( this.index, this.cur_img ); + this._attach( this.index + 1, this.next_img ); + + if ( this.prev_img.length ) { + this.prev_img.css( 'left', -this.max_width + 'px' ); + } + + this.cur_img.css( 'left', 0 + 'px' ); + + if ( this.next_img.length ) { + this.next_img.css( 'left', this.max_width + 'px' ); + } + }, + + show: function () { + this._show(); + this._add_event(); + }, + + _hide: function () { + this._detach( this.index - 1, this.prev_img ); + this._detach( this.index, this.cur_img ); + this._detach( this.index + 1, this.next_img ); + }, + + hide: function () { + this._hide(); + this._del_event(); + }, + + _get_height: function () { + var $page = $('.ui-page'); + var $content = $page.children('.ui-content'); + var $header = $page.children('.ui-header'); + var $footer = $page.children('.ui-footer'); + + var header_h = $header.outerHeight(); + var footer_h = $footer.outerHeight(); + var padding = parseFloat($content.css('padding-top')) + + parseFloat($content.css('padding-bottom')); + + var content_h = window.innerHeight - header_h - + footer_h - padding * 2; + + return content_h; + }, + + _create: function () { + this.images = new Array(); + this.images_hold = new Array(); + + $( this.element ).wrapInner('
                '); + $('img').wrap('
                '); + + this.container = $( this.element ).find('.ui-imageslider'); + + this.max_width = window.innerWidth; + this.max_height = this._get_height(); + this.container.css( 'height', this.max_height ); + + var temp_img = $('div').find('.ui-imageslider-bg:first'); + + for ( i = 0; ; i++ ) { + if ( !temp_img.length ) { + break; + } + + this.images[i] = temp_img.find('img'); + + temp_img = temp_img.next(); + } + + for ( i = 0; i < this.images.length; i++ ) { + this.images[i].detach(); + } + + var start_index = parseInt( $(this.element).attr('data-start-index') ); + if ( start_index === undefined ) { + start_index = 0; + } + if ( start_index < 0 ) { + start_index = 0; + } + if ( start_index >= this.images.length ) { + start_index = this.images.length - 1; + } + + this.index = start_index; + + this.align_type = $( this.element ).attr('data-vertical-align'); + }, + + _update: function () { + while ( 1 ) { + if ( !this.images_hold.length ) { + break; + } + + var image_file = this.images_hold.shift(); + + var bg_html = $('
                '); + var temp_img = $('
                '); + + bg_html.append( temp_img ); + this.container.append( bg_html ); + this.images.push( temp_img ); + } + }, + + refresh: function ( start_index ) { + this._update(); + + this._hide(); + + if ( start_index === undefined ) { + start_index = this.index; + } + if ( start_index < 0 ) { + start_index = 0; + } + if ( start_index >= this.images.length ) { + start_index = this.images.length - 1; + } + + this.index = start_index; + + this._show(); + }, + + add: function ( image_file ) { + this.images_hold.push( image_file ); + }, + + del: function ( image_index ) { + var temp_img; + + if ( image_index === undefined ) { + image_index = this.index; + } + + if ( image_index < 0 || image_index >= this.images.length ) { + return; + } + + if ( image_index == this.index ) { + temp_img = this.cur_img; + + if ( this.index == 0 ) { + this.direction = 1; + } else if ( this.index == this.images.length - 1 ) { + this.direction = -1; + } + + if ( this.direction < 0 ) { + this.cur_img = this.prev_img; + this.prev_img = this.prev_img.prev(); + if ( this.prev_img.length ) { + this.prev_img.css( 'left', -this.max_width ); + this._attach( image_index - 2, this.prev_img ); + } + this.index--; + } else { + this.cur_img = this.next_img; + this.next_img = this.next_img.next(); + if ( this.next_img.length ) { + this.next_img.css( 'left', this.max_width ); + this._attach( image_index + 2, this.next_img ); + } + } + + this.cur_img.animate({left: 0}, 500); + + } else if ( image_index == this.index - 1 ) { + temp_img = this.prev_img; + this.prev_img = this.prev_img.prev(); + if ( this.prev_img.length ) { + this.prev_img.css( 'left', -this.max_width ); + this._attach( image_index - 1, this.prev_img ); + } + this.index--; + + } else if ( image_index == this.index + 1 ) { + temp_img = this.next_img; + this.next_img = this.next_img.next(); + if ( this.next_img.length ) { + this.next_img.css( 'left', this.max_width ); + this._attach( image_index + 1, this.next_img ); + } + + } else { + temp_img = $('div').find('.ui-imageslider-bg:eq('+ image_index + ')'); + } + + this.images.splice( image_index, 1 ); + temp_img.detach(); + }, + }); /* End of widget */ + + // auto self-init widgets + $( document ).bind("pagecreate", function (e) { + $( e.target ).find(":jqmData(role='imageslider')").imageslider(); + }); + + $( document ).bind("pageshow", function (e) { + $( e.target ).find(":jqmData(role='imageslider')").imageslider('show'); + }); + + $( document ).bind("pagebeforehide", function (e) { + $ (e.target ).find(":jqmData(role='imageslider')").imageslider('hide'); + }); + +})( jQuery, this ); diff --git a/src/widgets/imageslider/less/imageslider.less b/src/widgets/imageslider/less/imageslider.less new file mode 100644 index 0000000..21b24b8 --- /dev/null +++ b/src/widgets/imageslider/less/imageslider.less @@ -0,0 +1,12 @@ +@import "config.less"; + +.ui-imageslider { + position: relative; + width: 100%; +} + +.ui-imageslider-bg { + position: absolute; + text-align: center; + width: 100%; +} diff --git a/src/widgets/layout-box/js/layout-box.js b/src/widgets/layout-box/js/layout-box.js new file mode 100644 index 0000000..a1c9689 --- /dev/null +++ b/src/widgets/layout-box/js/layout-box.js @@ -0,0 +1,149 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Elliot Smith + */ + +// Horizontal/vertical box layout extension. +// +// This will arrange the child elements of a container in a horizontal +// or vertical row. This only makes sense if your container is a div +// and contains children which are also divs; the children should +// also have a height and width set in CSS, otherwise the layout +// manager won't know what to do with them. +// +// Apply it by setting data-layout="hbox" or data-layout="vbox" (vertical +// on a container element or calling $(element).layouthbox() or +// $(element).layoutvbox(). +// +// Usually, you would use a div as the container to get the right effect +// (an element with display:block). +// +// Options can be set programmatically: +// +// $(element).layouthbox('option', 'scrollable', false) +// $(element).layoutvbox('option', 'scrollable', false) +// +// or via a data-layout-options attribute on the container: +// +//
                +//
                child 1
                +//
                child 2
                +//
                +// +//
                +//
                child 1
                +//
                child 2
                +//
                +// +// If you change any options after creating the widget, call +// $(element).layout*box('refresh') to have them picked up. +// However, note that it's currently not feasible to turn off scrolling +// once it's on (as calling scrollview('destroy') doesn't remove the +// scrollview custom mouse handlers). +// +// There is one major difference between the horizontal and +// vertical box layouts: if scrollable=false, the horizontal layout +// will clip children which overflow the edge of the parent container; +// by comparison, the vertical container will grow vertically to +// accommodate the height of its children. This mirrors the behaviour +// of jQuery Mobile, where elements only ever expand horizontally +// to fill the width of the window; but will expand vertically forever, +// unless the page height is artificially constrained. +// +// Options: +// +// {Integer} hgap (default=0) +// Horizontal gap (in pixels) between the child elements. Only has +// an effect on hbox. +// +// {Integer} vgap (default=0) +// Vertical gap (in pixels) between the child elements. Only has +// an effect on vbox. +// +// {Boolean} scrollable (default=true; can only be set at create time) +// Set to true to enable a scrollview on the +// container. If false, children will be clipped if +// they fall outside the edges of the container after +// layouting. +// +// {Boolean} showScrollBars (default=true) +// Set to false to hide scrollbars on the container's scrollview. +// Has no effect is scrollable=false + +(function ($, undefined) { + +// hbox +$.widget("tizen.layouthbox", $.tizen.jlayoutadaptor, { + fixed: { + type: 'flexGrid', + rows: 1, + direction: 'x', + initSelector: ':jqmData(layout="hbox")' + }, + + _create: function () { + if (!this.options.hgap) { + this.options.hgap = 0; + } + + $.tizen.jlayoutadaptor.prototype._create.apply(this, arguments); + } +}); + +$(document).bind("pagecreate", function (e) { + $($.tizen.layouthbox.prototype.fixed.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .layouthbox(); +}); + +// vbox +$.widget("tizen.layoutvbox", $.tizen.jlayoutadaptor, { + fixed: { + type: 'flexGrid', + columns: 1, + direction: 'y', + initSelector: ':jqmData(layout="vbox")' + }, + + _create: function () { + if (!this.options.vgap) { + this.options.vgap = 0; + } + + $.tizen.jlayoutadaptor.prototype._create.apply(this, arguments); + } +}); + +$(document).bind("pagecreate", function (e) { + $($.tizen.layoutvbox.prototype.fixed.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .layoutvbox(); +}); + +})(jQuery); diff --git a/src/widgets/listviewcontrols/js/listviewcontrols.js b/src/widgets/listviewcontrols/js/listviewcontrols.js new file mode 100644 index 0000000..e06714a --- /dev/null +++ b/src/widgets/listviewcontrols/js/listviewcontrols.js @@ -0,0 +1,308 @@ +/* + * jQuery Mobile Widget @VERSION - listview controls + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Elliot Smith + */ + +// This extension supplies API to toggle the "mode" in which a list +// is displayed. The modes available is configurable, but defaults +// to ['edit', 'view']. A list can also have a control panel associated +// with it. The visibility of the control panel is governed by the current +// mode (by default, it is visible in 'edit' mode); elements within +// the listview can also be marked up to be visible in one or more of the +// available modes. +// +// One example use case would be a control panel with a "Select all" checkbox +// which, when clicked, selects all of the checkboxes in the associated +// listview items. +// +// The control panel itself should be defined as a form element. +// By default, the control panel will be hidden when the listview is +// initialised, unless you supply mode="edit" as a +// data-listview-controls option (when using the default modes). If you +// want the control panel to be visible in some mode other than +// the default, use a data-listviewcontrols-show-in="" attribute +// on the control panel element. +// +// Example usage (using the default 'edit' and 'view' modes): +// +// +//
                +//
                +// +// +//
                +//
                +// +// +//
                  +// +//
                • +// +// +//
                  +// +// +//
                  +// +// +// Greg +// +//
                  • +// +// ... more li elements marked up the same way ... +// +//
                +// +// To associate the listview with the control panel, add +// data-listviewcontrols="..selector.." to a listview, where +// selector selects a single element (the control panel +// you defined). You can then call +// listviewcontrols('option', 'mode', '') on the +// listview to set the mode. +// +// Inside the listview's items, add controls to each item +// which are only visible when in one of the modes. To do this, +// add form elements (e.g. checkboxes) to the items as you see fit. Then, +// mark each form element with data-listviewcontrols-show-in="". +// The control's visibility now depends on the mode of the listviewcontrols: +// it is only shown when its setting matches the current mode +// of the listviewcontrols widget. You are responsible for properly +// styling the form elements inside the listview so the listview looks +// correct when they are hidden or visible. +// +// The control panel (by default, visible when in "show" mode) is flexible +// and can contain any valid form elements (or other jqm components). It's +// up to you to define the behaviour associated with interactions on +// the control panel and/or controls inside list items. +// +// Methods: +// +// visibleListItems +// Returns a jQuery object containing all the li elements in the +// listview which are currently visible and not dividers. (This +// is just a convenience to make operating on the list as a whole +// slightly simpler.) +// +// Options (set in options hash passed to constructor, or via the +// option method, or declaratively by attribute described below): +// +// controlPanelSelector {String} +// Selector string for selecting the element representing the +// control panel for the listview. The context for find() is the +// document (to give the most flexibility), so your selector +// should be specific. Set declaratively with +// data-listviewcontrols="...selector...". +// +// modesAvailable {String[]; default=['edit', 'view']} +// An array of the modes available for these controls. +// +// mode {String; default='view'} +// Current mode for the widget, which governs the visibility +// of the listview control panel and any elements marked +// with data-listviewcontrols-show-in="". +// Set declaratively with +// data-listviewcontrols-options='{"mode":""}'. +// +// controlPanelShowIn {String; default=modesAvailable[0]} +// The mode in which the control panel is visible; defaults to the +// first element of modesAvailable. Can be set declaratively +// on the listview controls element with +// data-listviewcontrols-show-in="" + +(function ($) { + +$.widget("todons.listviewcontrols", $.mobile.widget, { + _defaults: { + controlPanelSelector: null, + modesAvailable: ['edit', 'view'], + mode: 'view', + controlPanelShowIn: null + }, + + _listviewCssClass: 'ui-listviewcontrols-listview', + _controlsCssClass: 'ui-listviewcontrols-panel', + + _create: function () { + var self = this, + o = this.options, + optionsValid = true, + page = this.element.closest('.ui-page'), + controlPanelSelectorAttr = 'data-' + $.mobile.ns + 'listviewcontrols', + controlPanelSelector = this.element.attr(controlPanelSelectorAttr), + dataOptions = this.element.jqmData('listviewcontrols-options'), + controlPanelShowInAttr; + + o.controlPanelSelector = o.controlPanelSelector || controlPanelSelector; + + // precedence for options: defaults < jqmData attribute < options arg + o = $.extend({}, this._defaults, dataOptions, o); + + optionsValid = (this._validOption('modesAvailable', o.modesAvailable, o) && + this._validOption('controlPanelSelector', o.controlPanelSelector, o) && + this._validOption('mode', o.mode, o)); + + if (!optionsValid) { + return false; + } + + // get the controls element + this.controlPanel = $(document).find(o.controlPanelSelector).first(); + + if (this.controlPanel.length === 0) { + return false; + } + + // once we have the controls element, we may need to override the + // mode in which controls are shown + controlPanelShowInAttr = this.controlPanel.jqmData('listviewcontrols-show-in'); + if (controlPanelShowInAttr) { + o.controlPanelShowIn = controlPanelShowInAttr; + } + else if (!o.controlPanelShowIn) { + o.controlPanelShowIn = o.modesAvailable[0]; + } + + if (!this._validOption('controlPanelShowIn', o.controlPanelShowIn, o)) { + return; + } + + // done setting options + this.options = o; + + // mark the controls and the list with a class + this.element.removeClass(this._listviewCssClass).addClass(this._listviewCssClass); + this.controlPanel.removeClass(this._controlsCssClass).addClass(this._controlsCssClass); + + // show the widget + if (page && !page.is(':visible')) { + page.bind('pageshow', function () { self.refresh(); }); + } + else { + this.refresh(); + } + }, + + _validOption: function (varName, value, otherOptions) { + var ok = false; + + if (varName === 'mode') { + ok = ($.inArray(value, otherOptions.modesAvailable) >= 0); + } + else if (varName === 'controlPanelSelector') { + ok = ($.type(value) === 'string'); + } + else if (varName === 'modesAvailable') { + ok = ($.isArray(value) && value.length > 1); + + if (ok) { + for (var i = 0; i < value.length; i++) { + if (value[i] === '' || $.type(value[i]) !== 'string') { + ok = false; + } + } + } + } + else if (varName === 'controlPanelShowIn') { + ok = ($.inArray(value, otherOptions.modesAvailable) >= 0); + } + + return ok; + }, + + _setOption: function (varName, value) { + var oldValue = this.options[varName]; + + if (oldValue !== value && this._validOption(varName, value, this.options)) { + this.options[varName] = value; + this.refresh(); + } + }, + + visibleListItems: function () { + return this.element.find('li:not(:jqmData(role=list-divider)):visible'); + }, + + refresh: function () { + var self = this, + triggerUpdateLayout = false, + isVisible = null, + showIn, + modalElements; + + // hide/show the control panel and hide/show controls inside + // list items based on their "show-in" option + isVisible = this.controlPanel.is(':visible'); + + if (this.options.mode === this.options.controlPanelShowIn) { + this.controlPanel.show(); + } + else { + this.controlPanel.hide(); + } + + if (this.controlPanel.is(':visible') !== isVisible) { + triggerUpdateLayout = true; + } + + // we only operate on elements inside list items which aren't dividers + modalElements = this.element.find('li:not(:jqmData(role=list-divider))') + .find(':jqmData(listviewcontrols-show-in)'); + + modalElements.each(function () { + showIn = $(this).jqmData('listviewcontrols-show-in'); + + isVisible = $(this).is(':visible'); + + if (showIn === self.options.mode) { + $(this).show(); + } + else { + $(this).hide(); + } + + if ($(this).is(':visible') !== isVisible) { + triggerUpdateLayout = true; + } + }); + + if (triggerUpdateLayout) { + this.element.trigger('updatelayout'); + } + } +}); + +$('ul').live('listviewcreate', function () { + var list = $(this); + + if (list.is(':jqmData(listviewcontrols)')) { + list.listviewcontrols(); + } +}); + +})(jQuery); diff --git a/src/widgets/nocontents/js/jquery.mobile.tizen.nocontents.js b/src/widgets/nocontents/js/jquery.mobile.tizen.nocontents.js new file mode 100644 index 0000000..502485c --- /dev/null +++ b/src/widgets/nocontents/js/jquery.mobile.tizen.nocontents.js @@ -0,0 +1,141 @@ +/* + Author: Minkyu Kang +*/ + +/* + * nocontents widget + * + * HTML Attributes + * + * data-role: set to 'nocontents'. + * data-text1: top message. + * data-text2: bottom message. + * data-type: type of nocontents. You can set text, picture, multimedia and unnamed. + * + * APIs + * + * N/A + * + * Events + * + * N/A + * + * Examples + * + * Text Type + *
                + * + * Picture Type + *
                + * + * Multimedia Type + *
                + * + * Unnamed Type + *
                + * or + *
                + * + */ + +(function ( $, window, undefined ) { + $.widget( "tizen.nocontents", $.mobile.widget, { + + max_height: 0, + container: null, + icon_img: null, + text0_bg: null, + text1_bg: null, + + _get_height: function () { + var $page = $('.ui-page'), + $content = $page.children('.ui-content'), + $header = $page.children('.ui-header'), + $footer = $page.children('.ui-footer'), + content_h = 0, + header_h = $header.outerHeight() || 0, + footer_h = $footer.outerHeight() || 0, + padding_t = parseFloat( $content.css('padding-top') ) || 0, + padding_b = parseFloat( $content.css('padding-bottom') ) || 0; + + content_h = window.innerHeight - header_h - footer_h - + (padding_t + padding_b) * 2; + + var container_h = this.container.height(); + + return ( content_h < container_h ? container_h : content_h ); + }, + + _align: function () { + var content_height = this._get_height(), + icon_height = this.icon_img.height(), + icon_width = this.icon_img.width(), + content_gap = 46, + text0_height = this.text0_bg.height() || 0, + text1_height = this.text1_bg.height() || 0, + icon_top = (content_height - + (icon_height + content_gap + + text0_height + text1_height)) / 2; + + if ( icon_top < content_gap ) { + icon_top = content_gap; + } + + this.container.height( content_height ); + + this.icon_img.css( 'left', + (window.innerWidth - icon_width) / 2 ); + this.icon_img.css( 'top', icon_top ); + + var text_top = icon_top + icon_height + content_gap; + + this.text0_bg.css( 'top', text_top ); + this.text1_bg.css( 'top', text_top + text0_height ); + }, + + _create: function () { + var icon_type = $( this.element ).attr('data-type'); + + if ( icon_type === undefined || + (icon_type !== "picture" && + icon_type !== "multimedia" && + icon_type !== "text") ) { + icon_type = "unnamed"; + } + + var text = new Array(2); + + text[0] = $( this.element ).attr('data-text1'); + text[1] = $( this.element ).attr('data-text2'); + + if ( text[0] === undefined ) { + text[0] = ""; + } + + if ( text[1] === undefined ) { + text[1] = ""; + } + + this.container = $('
                '); + this.icon_img = $('
                '); + + this.text0_bg = $('
                ' + + text[0] + '
                '); + this.text1_bg = $('
                ' + + text[1] + '
                '); + + this.container.append( this.icon_img ); + this.container.append( this.text0_bg ); + this.container.append( this.text1_bg ); + + $( this.element ).append( this.container ); + + this._align(); + } + }); + + $( document ).bind( "pagecreate create", function ( e ) { + $( e.target ).find(":jqmData(role='nocontents')").nocontents(); + }); +} ( jQuery, this )); diff --git a/src/widgets/notification/js/jquery.mobile.tizen.notification.js b/src/widgets/notification/js/jquery.mobile.tizen.notification.js new file mode 100644 index 0000000..5ae3773 --- /dev/null +++ b/src/widgets/notification/js/jquery.mobile.tizen.notification.js @@ -0,0 +1,208 @@ +/* + Author: Minkyu Kang +*/ + +/* + * Notification widget + * + * HTML Attributes + * + * data-role: set to 'notification'. + * data-type: 'ticker' or 'popup'. + * data-text1: top text for tickernoti, text to show for smallpopup. + * data-text2: bottom text for tickernoti, smallpopup will ignore this text. + * data-param: parameter for 'tapped' event. + * data-interval: time to showing. If don't set, will show infinitely. + * + * APIs + * + * show(): show the notification. + * hide(): hide the notification. + * + * Events + * + * tapped: When you tap or click the smallpopup, this event will be raised. + * + * Examples + * + * // tickernoti + *
                + * + * // smallpopup + *
                + * + * // event + * $('#notification-demo').bind('tapped', function (e, m) { + * alert('notification is tapped\nparameter:"' + m + '"'); + * }); + * + */ + +(function ( $, window ) { + $.widget( "tizen.notification", $.mobile.widget, { + btn: null, + param: null, + interval: null, + seconds: null, + running: false, + + _refresh: function () { + this._del_event(); + this._update(); + this._add_event(); + + $( this.html ).addClass("fix"); + }, + + show: function () { + if ( this.running ) { + this._refresh(); + return; + } + + this._update(); + + this._add_event(); + + this.running = true; + $( this.html ).addClass("show"); + }, + + hide: function () { + if ( !this.running ) { + return; + } + + $( this.html ).addClass("hide"); + $( this.html ).removeClass("show").removeClass("fix"); + this._del_event(); + + this.running = false; + }, + + close: function () { + $( this.html ).removeClass("show").removeClass("hide").removeClass("fix"); + this._del_event(); + + this.running = false; + }, + + _get_container: function () { + if ( this.type === 'ticker' ) { + return $( this.element ).find(".ui-ticker"); + } else { + return $( this.element ).find(".ui-smallpopup"); + } + }, + + _add_event: function () { + var self = this, + container = this._get_container(); + + if ( this.type === 'ticker' ) { + var btn_container = container.find(".ui-ticker-btn"); + + btn_container.append( this.btn ); + + this.btn.bind( "vmouseup", function () { + self.hide(); + }); + } + + container.bind( 'vmouseup', function () { + self.element.trigger( 'tapped', self.param ); + self.hide(); + }); + + if ( this.seconds !== undefined && this.second !== 0 ) { + this.interval = setInterval( function () { + self.hide(); + }, this.seconds ); + } + }, + + _del_event: function () { + var container = this._get_container(); + + if ( this.type === 'ticker' ) { + this.btn.unbind("vmouseup"); + } + container.unbind('vmouseup'); + clearInterval( this.interval ); + }, + + _get_position: function ( height ) { + var $page = $('.ui-page'), + $footer = $page.children('.ui-footer'), + footer_h = $footer.outerHeight() || 0, + position = window.innerHeight - height - footer_h; + + return position; + }, + + _update: function () { + var text = new Array(2); + + if ( this.html ) { + this.html.detach(); + } + + text[0] = $(this.element).attr('data-text1'); + text[1] = $(this.element).attr('data-text2'); + this.param = $(this.element).attr('data-param'); + this.seconds = $(this.element).attr('data-interval'); + this.type = $(this.element).attr('data-type') || 'popup'; + + if ( this.type === 'ticker' ) { + this.html = $('
                ' + + '
                ' + + '
                ' + + text[0] + '
                ' + + '
                ' + + text[1] + '
                ' + + '
                ' + + '
                ' + + '
                ' + + '
                '); + + $( this.element ).append( this.html ); + } else { + this.html = $('
                ' + + '
                ' + + text[0] + '
                ' + + '
                '); + + $( this.element ).append( this.html ); + + var container = $( this.element ).find(".ui-smallpopup"), + container_h = parseFloat( container.css('height') ); + + container.css( 'top', this._get_position(container_h) ); + } + }, + + _create: function () { + this.btn = $("Close") + .tap( function( event ) { + event.preventDefault(); + }) + .buttonMarkup({ + inline: true, + corners: true, + shadow: true + }); + + this._update(); + this.running = false; + } + }); // End of widget + + // auto self-init widgets + $( document ).bind( "pagecreate create", function ( e ) { + $( e.target ).find(":jqmData(role='notification')").notification(); + }); + + $( document ).bind( "pagebeforehide", function ( e ) { + $( e.target ).find(":jqmData(role='notification')").notification('close'); + }); +}( jQuery, this )); diff --git a/src/widgets/optionheader/css/optionheader.css b/src/widgets/optionheader/css/optionheader.css new file mode 100755 index 0000000..f179682 --- /dev/null +++ b/src/widgets/optionheader/css/optionheader.css @@ -0,0 +1,61 @@ +.ui-option-header { + overflow: hidden; +} + +.ui-option-header-1-row { + height: 65px; + border: none; +} +.ui-option-header-2-row { + height: 124px; + border: none; +} + +.ui-option-header-row-1 { + padding: 5px 5px 5px 5px; +} +.ui-option-header-row-2 { + margin-top: -2px; + padding: 0px 5px 6px 5px; +} + +/* for standard buttons */ +.ui-option-header .ui-btn { + display: block; + margin: 3px 5px 5px 5px; +} +.ui-option-header .ui-btn-text { + line-height: 34px; +} +.ui-option-header .ui-btn-inner { + padding-top: 6px; + padding-bottom: 6px; +} + +/* for segmented control */ +.ui-option-header .ui-controlgroup-horizontal .ui-btn { + display: inline-block !important; + margin: -3px !important; +} +.ui-option-header .ui-controlgroup, +.ui-option-header fieldset.ui-controlgroup { + margin-bottom: 0px !important; +} +.ui-option-header .ui-controlgroup-horizontal .ui-corner-left { + margin-left: 5px !important; +} +.ui-option-header .ui-controlgroup-horizontal .ui-corner-right { + margin-right: 5px !important; +} +<<<<<<< HEAD + +/* for the triangle */ +.ui-option-header-triangle-arrow { + top:-10px; + height:10px; + width:100%; + position:relative; + margin-bottom: -10px; +} +======= +>>>>>>> remotes/intel/master diff --git a/src/widgets/optionheader/js/jquery.mobile.tizen.optionheader.js b/src/widgets/optionheader/js/jquery.mobile.tizen.optionheader.js new file mode 100755 index 0000000..c79dcb1 --- /dev/null +++ b/src/widgets/optionheader/js/jquery.mobile.tizen.optionheader.js @@ -0,0 +1,466 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Elliot Smith + */ + +// optionheader provides a collapsible toolbar for buttons and +// segmented controls directly under the title bar. It +// wraps a jQuery Mobile grid in a collapsible container; clicking +// on the container, or on one of the buttons inside the container, +// will collapse it. +// +// To add an option header to a page, mark up the header with a +// data-role="optionheader" attribute, as shown in this example: +// +//
                +//

                Option header - 3 buttons example

                +//
                +//
                +//
                Previous
                +//
                Cancel
                +//
                Next
                +//
                +//
                +//
                +// +// The optionheader can also be used inline (e.g. in a content block or +// a widget). +// +// Alternatively, use $('...').optionheader() to apply programmatically. +// +// The grid inside the optionheader should be marked up as for +// a standard jQuery Mobile grid. (The widget has been tested with one +// or two rows of 2-4 columns each.) +// +// Note that if you use this with fixed headers, you may find that +// expanding the option header increases the page size so that scrollbars +// appear (jQuery Mobile's own collapsible content areas cause the +// same issue). You can alleviate this somewhat by calling the show() method +// on the page toolbars each time the size of the header changes. +// +// The widget is configurable via a data-options attribute on the same +// div as the data-role="optionheader" attribute, e.g. +// +//
                +//

                Option header - configured

                +//
                +//
                +//
                Previous
                +//
                Cancel
                +//
                Next
                +//
                +//
                +//
                +// +// Options can also be set with $(...).optionheader('option', 'name', value). +// However, if you do this, you'll need to call $(...).optionheader('refresh') +// afterwards for the new values to take effect (note that optionheader() +// can be applied multiple times to an element without side effects). +// +// See below for the available options. +// +// Theme: by default, gets a 'b' swatch; override with data-theme="X" +// as per usual +// +// Options (can be set with a data-options attribute): +// +// {Boolean} [showIndicator=true] Set to true (the default) to show +// the upward-pointing arrow indicator on top of the title bar. +// {Boolean} [startCollapsed=false] Sets the appearance when the option +// header is first displayed; defaults to false (i.e. show the header +// expanded on first draw). NB setting this option later has no +// effect: use collapse() to collapse a widget which is already +// drawn. +// {Boolean} [expandable=true] Sets whether the header will expand +// in response to clicks; default = true. +// {Float} [duration=0.25] Duration of the expand/collapse animation. +// +// Methods (see below for docs): +// +// toggle(options) +// expand(options) +// collapse(options) +// +// Events: +// +// expand: Triggered when the option header is expanded +// collapse: Triggered when the option header is collapsed +// + + +(function($, undefined) { +$.widget("tizen.optionheader", $.mobile.widget, { +//$.widget("todons.optionheader", $.todons.widgetex, { + options: { + initSelector: ":jqmData(role='optionheader')", + showIndicator: true, + theme: 's', + startCollapsed: false, + expandable: true, + duration: 0.25, + collapseOnInit : true + }, + collapsedHeight: '5px', + + _create: function () { + var options, + theme, + self = this, + elementHeight = 106, + parentPage, + dataOptions = this.element.jqmData( 'options' ); + + // parse data-options + $.extend( this.options, dataOptions ); + + this.isCollapsed = this.options.collapseOnInit; + this.expandedHeight = null; + + // parse data-theme and reset options.theme if it's present + theme = this.element.jqmData( 'theme' ) || this.options.theme; + this.options.theme = theme; + + this.element.closest( ':jqmData(role="header")' ).addClass( "ui-option-header-resizing" ); + + // set up the click handler; it's done here so it can + // easily be removed, as there should only be one instance + // of the handler function for each class instance + this.clickHandler = function () { + self.toggle(); + }; + + if( this.element.height() < elementHeight ){ + this.element.css( "height", elementHeight ); + } + + // get the element's dimensions + // and to set its initial collapse state; + // either do it now (if the page is visible already) + // or on pageshow + page = this.element.closest( ':jqmData(role="page")' ); + + if ( page.is(":visible") ){ + self.refresh(); + self._realize(); + } else { + self.refresh(); + + page.bind( "pagebeforeshow", function() { + self._setArrowLeft(); + self._realize(); + }); + } + self._setArrowLeft(); +// this.refresh(); + }, + + _realize: function () { + if ( !this.expandedHeight ) { + this.expandedHeight = this.element.height(); + } + + if ( this.isCollapsed ) { +// if (this.options.startCollapsed) { + this.collapse( {duration: 0} ); + } + }, + + _setArrowLeft: function () { + var matchingBtn = $( this.element ).jqmData( "for" ), + arrowCenter = 14, + btn2Position = 10, + btn3Position = 144; + + if( $(this.element).parents(".ui-page").find("#"+matchingBtn).length != 0 ){ + matchBtn = $( this.element ).parents( ".ui-page" ).find( "#" + matchingBtn ); + + + if ( this.options.expandable ) { + matchBtn.bind( 'vclick', this.clickHandler ); + } else { + matchBtn.unbind( 'vclick', this.clickHandler ); + } + + // decide arrow Button position + if( matchBtn.css( "left" ) && matchBtn.css( "left" ) != "auto" ){ + $( ".ui-triangle-image" ).css( "left", matchBtn.width()/2 + parseInt(matchBtn.css("left")) - arrowCenter + "px" ); + } else if( matchBtn.css("right") ){ + buttonRight = matchBtn.nextAll().is( "a" ) ? btn3Position : btn2Position; + $( ".ui-triangle-image" ).css( "left", document.documentElement.clientWidth - matchBtn.width()/2 - buttonRight - arrowCenter + "px" ); + } + } else { + $( ".ui-triangle-image" ).css( "left", document.documentElement.clientWidth/2 - arrowCenter + "px" ); + } + }, + // Draw the option header, according to current options + refresh: function () { + var el = this.element, + arrow = $( '
                ' ), + optionHeaderClass = 'ui-option-header', + self = this, + gridRowSelector = '.ui-grid-a,.ui-grid-b,.ui-grid-c,.ui-grid-d,.ui-grid-e', + theme = this.options.theme, + numRows, + rowsClass, + themeClass; + + var $this = $( this ), + o = $.extend({ + grid: null + }), + $kids = el.find( "div" ).eq( 0 ).children().children(), + gridCols = {solo:1, a:2, b:3, c:4, d:5}, + grid = o.grid, + iterator; + + if ( !grid ) { + if ( $kids.length <= 5 ) { + for ( var letter in gridCols ) { + if ( gridCols[ letter ] === $kids.length ) { + grid = letter; + } + } + numRows = $kids.length / gridCols[grid]; + } else { + numRows = 2; + } + } + + // count ui-grid-* elements to get number of rows +// numRows = el.find(gridRowSelector).length; + + // ...at least one row +// numRows = Math.max(1, numRows); + + // add classes to outer div: + // ui-option-header-N-row, where N = options.rows + // ui-bar-X, where X = options.theme (defaults to 'c') + // ui-option-header + rowsClass = 'ui-option-header-' + numRows + '-row'; + themeClass = 'ui-body-' + this.options.theme; + + el.removeClass( rowsClass ).addClass( rowsClass ); + el.removeClass( themeClass ).addClass( themeClass ); + el.removeClass( optionHeaderClass ).addClass( optionHeaderClass ); + + // remove any arrow currently visible + el.prev( '.ui-option-header-triangle-arrow' ).remove(); +// el.prev('.ui-triangle-container').remove(); + + // if there are elements inside the option header + // and this.options.showIndicator, + // insert a triangle arrow as the first element inside the + // optionheader div to show the header has hidden content + if( this.options.showIndicator ) { + el.before( arrow ); + arrow.append("
                "); +// arrow.triangle({"color": el.css('background-color'), offset: "50%"}); + } + + // if expandable, bind clicks to the toggle() method + if( this.options.expandable ) { +// el.unbind('vclick', this.clickHandler).bind('vclick', this.clickHandler); +// arrow.unbind('vclick', this.clickHandler).bind('vclick', this.clickHandler); + el.bind( 'vclick', this.clickHandler ); + arrow.bind( 'vclick', this.clickHandler ); + + } else { + el.unbind( 'vclick', this.clickHandler ); + arrow.unbind( 'vclick', this.clickHandler ); + } + + // for each ui-grid-a element, add a class ui-option-header-row-M + // to it, where M is the xpath position() of the div +/* el.find(gridRowSelector).each(function (index) { + var klass = 'ui-option-header-row-' + (index + 1); + $(this).removeClass(klass).addClass(klass); + });*/ + var klass = 'ui-option-header-row-' + ( numRows ); + el.find( "div" ).eq( 0 ).removeClass( klass ).addClass( klass ); + + // redraw the buttons (now that the optionheader has the right + // swatch) + el.find( '.ui-btn' ).each(function () { + $( this ).attr( 'data-' + $.mobile.ns + 'theme', theme ); + + // hack the class of the button to remove the old swatch + var klass = $( this ).attr( 'class' ); + klass = klass.replace(/ui-btn-up-\w{1}\s*/, ''); + klass = klass + ' ui-btn-up-' + theme; + $( this ).attr( 'class', klass ); + }); + }, + + _setHeight: function ( height, isCollapsed, options ) { + var self = this, + duration, + commonCallback, + callback; + + options = options || {}; + + // set default duration if not specified + duration = options.duration; + if ( typeof duration == 'undefined' ) { + duration = this.options.duration; + } + + // the callback to always call after expanding or collapsing + commonCallback = function () { + self.isCollapsed = isCollapsed; + + if ( isCollapsed ) { + self.element.trigger( 'collapse' ); + } else { + self.element.trigger( 'expand' ); + } + }; + + // combine commonCallback with any user-specified callback + if ( options.callback ) { + callback = function () { + options.callback(); + commonCallback(); + }; + } else { + callback = function () { + commonCallback(); + } + } + + // apply the animation + if( duration > 0 && $.support.cssTransitions ) { + // add a handler to invoke a callback when the animation is done + var elt = this.element.get( 0 ); + + var handler = { + handleEvent: function ( e ) { + elt.removeEventListener( 'webkitTransitionEnd', this ); + self.element.css( '-webkit-transition', null ); + callback(); + } + }; + + elt.addEventListener( 'webkitTransitionEnd', handler, false ); + + // apply the transition + this.element.css( '-webkit-transition', 'height ' + duration + 's ease-out' ); + this.element.css( 'height', height ); + } + // make sure the callback gets called even when there's no + // animation + else { + this.element.css( 'height', height ); + callback(); + } + }, + + /** + * Toggle the expanded/collapsed state of the widget. + * {Object} [options] Configuration for the expand/collapse + * {Integer} [options.duration] Duration of the expand/collapse; + * defaults to this.options.duration + * {Function} options.callback Function to call after toggle completes + */ + + toggle: function ( options ) { + var toggle_header = this.element.parents( ":jqmData(role='header')" ); + var toggle_content = this.element.parents( ":jqmData(role='page')" ).find( ".ui-content" ); + var CollapsedTop = 110, + ExpandedTop = 206; + + if( toggle_header.children().is(".input-search-bar") ){ + CollapsedTop = 218; + ExpandedTop = 314; + } + + if( $( window ).scrollTop() <= CollapsedTop ){ + toggle_header.css( "position", "relative" ); + toggle_content.css( "top", "0px" ); + } + + if( this.isCollapsed ){ + this.expand( options ); + + if( $( window ).scrollTop() <= ExpandedTop ){ + var t = setTimeout( function(){ + toggle_header.css( 'position', 'fixed' ); + toggle_content.css( 'top', ExpandedTop + "px" ); + }, 500 ); + } else { + // Need to move scroll top + toggle_header.css( 'position', 'fixed' ); + toggle_content.css( 'top', ExpandedTop + "px" ); + } + this.options.collapseOnInit = false; + } else { + this.collapse( options ); + if( $(window).scrollTop() <= ExpandedTop ){ + var t = setTimeout( function(){ + toggle_header.css( 'position', 'fixed' ); + toggle_content.css( 'top', CollapsedTop + "px" ); + }, 500 ); + } else{ + toggle_header.css( 'position', 'fixed' ); + toggle_content.css( 'top', CollapsedTop + "px" ); + } + } + this.options.collapseOnInit = true; + }, + _setDisabled: function( value ) { + $.Widget.prototype._setOption.call( this, "disabled", value ); + this.element.add( this.element.prev(".ui-triangle-container") )[value ? "addClass" : "removeClass"]("ui-disabled"); + }, + /** + * Takes the same options as toggle() + */ + collapse: function ( options ) { +// if (!this.isCollapsed) { + this._setHeight( '10px', true, options ); +// } + }, + + /** + * Takes the same options as toggle() + */ + expand: function ( options ) { +// if (this.isCollapsed) { + this._setHeight( this.expandedHeight, false, options ); +// } + } +}); + +// auto self-init widgets +$(document).bind("pagecreate create", function (e) { + $($.tizen.optionheader.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .optionheader(); +}); + +})(jQuery); diff --git a/src/widgets/pagecontrol/js/jquery.mobile.tizen.pagecontrol.js b/src/widgets/pagecontrol/js/jquery.mobile.tizen.pagecontrol.js new file mode 100644 index 0000000..e953034 --- /dev/null +++ b/src/widgets/pagecontrol/js/jquery.mobile.tizen.pagecontrol.js @@ -0,0 +1,152 @@ +/* + * Author: Youmin Ha +*/ + +/** + * Pagecontrol widget shows number bullets, receives touch event for each bullet, + * and runs your callback for each touch event. + * + * HTML Attributes: + * + * Pagecontrol widget uses
                element as an element itself. It takes following attributes. + * + * data-role: This widget must have 'pagecontrol' as data-role value. + * data-max: Maximum nimber of pagecontrol bullets. This property must not exceed 10. + * data-initVal: Initially selected value of the pagecontrol widget. Must between 1 and data-max. If this attribute is not given, initial value is set to 1. + * + * APIs: + * + * setValue( value ) + * : Set current value. Actually triggers 'change' event to the widget with given value. + * @param[in] value A value to be changed. + * + * getValue( ) + * : Get current value. + * @return Current value. + * + * Events: + * + * change: Raised when a value is changed, by setting it by javascript, or by user's touch event. + * + * Examples: + * + *
                + * ... + * + */ + +(function ($, undefined) { + +$.widget("tizen.pagecontrol", $.mobile.widget, { + options: { + initSelector: ":jqmData(role='pagecontrol')", + }, + + _create: function () { + }, + + _init: function() { + var self = this, + e = this.element, + maxVal = e.data("max"), + currentVal = e.attr("data-initVal"), + i = 0, + btn = null, + buf = null, + page_margin_class = 'page_n_margin_44'; + + + // Set default values + if(!maxVal) { + maxVal = 1; + } else if(maxVal > 10) { + maxVal = 10; + } + e.data("max", maxVal); + + if(!currentVal) { + currentVal = 1; + } + e.data("current", currentVal); + + // Set pagecontrol class + e.addClass('pagecontrol'); + + // Set empty callback variable + self.changeCallback = null; + + // Calculate left/right margin + if(maxVal <= 7) { + page_margin_class = 'page_n_margin_44'; + } else if(maxVal == 8) { + page_margin_class = 'page_n_margin_35'; + } else if(maxVal == 9) { + page_margin_class = 'page_n_margin_26'; + } else { + page_margin_class = 'page_n_margin_19'; + } + + // subroutine: find a child by value + function getBtn(value) { + return e.children(":jqmData(value='" + value + "')"); + } + + // subroutine: change active button by value + function changeActiveBtn(newNum) { + // Check value + if(newNum < 1 || newNum > e.max) return false; + + // get old and new btns + var oldNum = e.data('current'); + + getBtn(oldNum).removeClass('page_n_' + oldNum) + .addClass('page_n_dot'); + getBtn(newNum).removeClass('page_n_dot') + .addClass('page_n_' + newNum); + } + + // Add dot icons + for(i=1; i<=maxVal; i++) { + btn = $('
                '); + e.append(btn); + if(i == currentVal) { + btn.removeClass('page_n_dot'). + addClass('page_n_'+i); + } + // bind vclick event to each icon + btn.bind('vclick', function(event) { + // Trigger change event + e.trigger('change', $(this).data('value')); + }); + } + + // pagecontrol element's change event + e.bind('change', function(event, value) { + // 1. Change activated button + changeActiveBtn(value); + + // 2. Store new value (DO NOT change this order!) + e.data('current', value); + + }); + }, +}); // end: $.widget() + + +$(document).bind("pagecreate create", function(e) { + $($.tizen.pagecontrol.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .pagecontrol(); +}); + +}) (jQuery); diff --git a/src/widgets/pagelist/css/pagelist.css b/src/widgets/pagelist/css/pagelist.css new file mode 100644 index 0000000..4149d05 --- /dev/null +++ b/src/widgets/pagelist/css/pagelist.css @@ -0,0 +1,3 @@ +.ui-pagelist { + text-align: center; +} diff --git a/src/widgets/pagelist/js/pagelist.js b/src/widgets/pagelist/js/pagelist.js new file mode 100644 index 0000000..a447ff9 --- /dev/null +++ b/src/widgets/pagelist/js/pagelist.js @@ -0,0 +1,141 @@ +/* + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + */ + +// pagelist widget +// +// Given an element, this widget collects all links contained in the descendants of the element and constructs +// a popupwindow widget containing numbered buttons for each encountered link. +// +// You can mark any one element in your document with "data-pagelist='true'" and a pagelist will be created that +// will allow the user to navigate between the pages linked to within the element. +// +// Currently, only one pagelist can exist in a document and, once created, it cannot be modified. + +(function($, undefined) { + +ensureNS("jQuery.mobile.tizen"); + +$.widget("tizen.pagelist", $.tizen.widgetex, { + _htmlProto: { + ui: { + pageList: "#pagelist", + button: "#pagelist-button", + rowBreak: "#pagelist-rowbreak" + } + }, + _create: function() { + var self = this, + popPageList = false, + idx = 0; + + this._ui.button.remove(); + this._ui.rowBreak.remove(); + this._ui.pageList + .appendTo($("body")) + .popupwindow() + .bind("vclick", function(e) { + $(this).popupwindow("close"); + }); + + this.element.find("a[href]").each(function(elemIdx, elem) { + if (idx > 0 && !(idx % 10)) + self._ui.pageList.append(self._ui.rowBreak.clone()); + + self._ui.button + .clone() + .attr("href", $(elem).attr("href")) + .text(++idx) + .appendTo(self._ui.pageList) + .buttonMarkup() + .bind("vclick", function() { self._ui.pageList.popupwindow("close"); }) + .find(".ui-btn-inner") + .css({padding: 2}); + }); + + $(document).bind("keydown", function(e) { + popPageList = (e.keyCode === $.mobile.keyCode.CONTROL); + }); + $(document).bind("keyup", function(e) { + if (e.keyCode === $.mobile.keyCode.CONTROL && popPageList) { + var maxDim = {cx: 0, cy: 0}; + self._ui.pageList.popupwindow("open", undefined, 0); + self._ui.pageList.find("a") + .each(function() { + var btn = $(this), + dim = { + cx: btn.outerWidth(true), + cy: btn.outerHeight(true) + }; + + // Make sure things will be even later, because padding cannot have decimals - apparently :-S + if (dim.cx % 2) btn.css("padding-left", parseInt(btn.css("padding-left")) + 1); + if (dim.cy % 2) btn.css("padding-bottom", parseInt(btn.css("padding-bottom")) + 1); + + maxDim.cx = Math.max(maxDim.cx, dim.cx); + maxDim.cy = Math.max(maxDim.cy, dim.cy); + }) + .each(function() { + var padding = { + h: Math.max(0, (maxDim.cx - $(this).outerWidth(true)) / 2), + v: Math.max(0, (maxDim.cy - $(this).outerHeight(true)) / 2) + }, + btn = $(this), + inner = btn.find(".ui-btn-inner"); + + inner.css({ + "padding-left" : parseInt(inner.css("padding-left")) + padding.h, + "padding-top" : parseInt(inner.css("padding-top")) + padding.v, + "padding-right" : parseInt(inner.css("padding-right")) + padding.h, + "padding-bottom" : parseInt(inner.css("padding-bottom")) + padding.v + }); + btn[((btn.attr("href") === "#" + $.mobile.activePage.attr("id")) ? "addClass" : "removeClass")]("ui-btn-active"); + }); + e.stopPropagation(); + e.preventDefault(); + } + popPageList = false; + }); + } +}); + +// Look for an element marked as a pagelist and assign $.mobile.tizen.pagelist with a newly created pagelist. +// If $.mobile.tizen.pagelist is already assigned, ignore any new "data-pagelist='true'" designations. +$(document).bind("pagecreate create", function(e) { + $(":jqmData(pagelist='true')", e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .each(function() { + if ($.mobile.tizen.pagelist === undefined) { + $.extend($.mobile.tizen, { + pagelist: $(this).pagelist() + }); + } + return false; + }); +}); + +})(jQuery); diff --git a/src/widgets/pagelist/proto-html/pagelist.prototype.html b/src/widgets/pagelist/proto-html/pagelist.prototype.html new file mode 100644 index 0000000..024388d --- /dev/null +++ b/src/widgets/pagelist/proto-html/pagelist.prototype.html @@ -0,0 +1,4 @@ +
                + +

                +
                diff --git a/src/widgets/popupwindow/js/jquery.mobile.tizen.popupwindow.js b/src/widgets/popupwindow/js/jquery.mobile.tizen.popupwindow.js new file mode 100755 index 0000000..6b76604 --- /dev/null +++ b/src/widgets/popupwindow/js/jquery.mobile.tizen.popupwindow.js @@ -0,0 +1,453 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Gabriel Schulhof , + * Elliot Smith + */ + +// Shows other elements inside a popup window. +// +// To apply, add the attribute data-role="popupwindow" to a
                element inside +// a page. Alternatively, call popupwindow() +// on an element, eg : +// +// $("#mypopupwindowContent").popupwindow(); +// where the html might be : +//
                +// +// To trigger the popupwindow to appear, it is necessary to make a call to its +// 'open()' method. This is typically done by binding a function to an event +// emitted by an input element, such as a the clicked event emitted by a button +// element. The open() method takes two arguments, specifying the x and y +// screen coordinates of the center of the popup window. + +// You can associate a button with a popup window like this: +//
                +// +// +// +// +// +//
                Eenie Meenie Mynie Mo
                Catch-a Tiger By-the Toe
                If-he Hollers Let-him Go
                Eenie Meenie Mynie Mo
                +//
                +// Show popup +// +// Options: +// +// theme: String; the theme for the popupwindow contents +// Default: null +// +// overlayTheme: String; the theme for the popupwindow +// Default: null +// +// shadow: Boolean; display a shadow around the popupwindow +// Default: true +// +// corners: Boolean; display a shadow around the popupwindow +// Default: true +// +// fade: Boolean; fades the opening and closing of the popupwindow +// +// transition: String; the transition to use when opening or closing +// a popupwindow +// Default: $.mobile.defaultDialogTransition +// +// Events: +// close: Emitted when the popupwindow is closed. + +(function( $, undefined ) { + +$.widget( "tizen.popupwindow", $.tizen.widgetex, { + options: { + theme: null, + overlayTheme: "s", + style: "custom", + disabled: false, + shadow: true, + corners: true, + fade: true, + widthRatio: 0.8612, + transition: $.mobile.defaultDialogTransition, + initSelector: ":jqmData(role='popupwindow')" + }, + + _htmlProto: { + ui: { + screen: "#popupwindow-screen", + container: "#popupwindow-container" + } + }, + + _create: function() { + var thisPage = this.element.closest(":jqmData(role='page')"), + self = this; + + if (thisPage.length === 0) + thisPage = $("body"); + + // Drop a placeholder into the location from which we shall rip out the popup window contents + this._ui.placeholder = + $("
                ") + .css("display", "none") + .insertBefore(this.element); + + // Apply the proto + thisPage.append(this._ui.screen); + this._ui.container.insertAfter(this._ui.screen); + this._ui.container.append(this.element); + + // Define instance variables + $.extend( self, { + _isOpen: false + }); + + //Data Style Start + var popup = this.element; + var o = this.options; + var style = popup.attr( 'data-style' ); + o.style = style ? style : o.style; + + popup.addClass( o.style ); + popup.find( ":jqmData(role='title')" ) + .wrapAll( "
                " ); + popup.find( ":jqmData(role='text')" ) + .wrapAll( "
                " ); + popup.find( ":jqmData(role='button-bg')" ) + .wrapAll( "
                " ); + popup.find( ":jqmData(role='check-bg')" ) + .wrapAll( "
                " ); + popup.find( ":jqmData(role='scroller-bg')" ) + .wrapAll( "
                " ); + popup.find( ":jqmData(role='text-bottom-bg')" ) + .wrapAll( "
                " ); + popup.find( ":jqmData(role='text-left')" ) + .wrapAll( "
                " ); + popup.find( ":jqmData(role='text-right')" ) + .wrapAll( "
                " ); + popup.find( ":jqmData(role='progress-bg')" ) + .wrapAll( "
                " ); + //Data Style End + + + // Events on "screen" overlay + this._ui.screen.bind( "vclick", function( event ) { + self.close(); + }); + }, + + _realSetTheme: function(dst, theme) { + var classes = (dst.attr("class") || "").split(" "), + alreadyAdded = true, + currentTheme = null, + matches; + + while (classes.length > 0) { + currentTheme = classes.pop(); + matches = currentTheme.match(/^ui-body-([a-z])$/); + if (matches && matches.length > 1) { + currentTheme = matches[1]; + break; + } + else + currentTheme = null; + } + + dst.removeClass("ui-body-" + currentTheme); + if ((theme || "").match(/[a-z]/)) + dst.addClass("ui-body-" + theme); + }, + + _setTheme: function(value) { + this._realSetTheme(this.element, value); + this.options.theme = value; + this.element.attr("data-" + ($.mobile.ns || "") + "theme", value); + }, + + _setOverlayTheme: function(value) { + this._realSetTheme(this._ui.container, value); + // The screen must always have some kind of background for fade to work, so, if the theme is being unset, + // set the background to "a". + this._realSetTheme(this._ui.screen, (value === "" ? "a" : value)); + this.options.overlayTheme = value; + this.element.attr("data-" + ($.mobile.ns || "") + "overlay-theme", value); + }, + + _setShadow: function(value) { + this.options.shadow = value; + this.element.attr("data-" + ($.mobile.ns || "") + "shadow", value); + this._ui.container[value ? "addClass" : "removeClass"]("ui-overlay-shadow"); + }, + + _setCorners: function(value) { + this.options.corners = value; + this.element.attr("data-" + ($.mobile.ns || "") + "corners", value); + this._ui.container[value ? "addClass" : "removeClass"]("ui-corner-all"); + }, + + _setFade: function(value) { + this.options.fade = value; + this.element.attr("data-" + ($.mobile.ns || "") + "fade", value); + }, + + _setTransition: function(value) { + this._ui.container + .removeClass((this.options.transition || "")) + .addClass(value); + this.options.transition = value; + this.element.attr("data-" + ($.mobile.ns || "") + "transition", value); + }, + + _setDisabled: function(value) { + $.Widget.prototype._setOption.call(this, "disabled", value); + if (value) + this.close(); + }, + + _placementCoords: function(x, y, cx, cy) { + // Try and center the overlay over the given coordinates + var ret, + scrollTop = $(window).scrollTop(), + screenHeight = $(window).height(), + screenWidth = $(window).width(), + halfheight = cy / 2, + maxwidth = parseFloat( this._ui.container.css( "max-width" ) ), + roomtop = y - scrollTop, + roombot = scrollTop + screenHeight - y, + newtop, newleft; + + if ( roomtop > cy / 2 && roombot > cy / 2 ) { + newtop = y - halfheight; + } + else { + // 30px tolerance off the edges + newtop = roomtop > roombot ? scrollTop + screenHeight - cy - 30 : scrollTop + 30; + } + + // If the menuwidth is smaller than the screen center is + if ( cx < maxwidth ) { + newleft = ( screenWidth - cx ) / 2; + } + else { + //otherwise insure a >= 30px offset from the left + newleft = x - cx / 2; + + // 10px tolerance off the edges + if ( newleft < 10 ) { + newleft = 10; + } + else + if ( ( newleft + cx ) > screenWidth ) { + newleft = screenWidth - cx - 10; + } + } + + return { x : newleft, y : newtop }; + }, + + destroy: function() { + // Put the element back where we ripped it out from + this.element.insertBefore(this._ui.placeholder); + + // Clean up + this._ui.placeholder.remove(); + this._ui.container.remove(); + this._ui.screen.remove(); + this.element.triggerHandler("destroyed"); + $.Widget.prototype.destroy.call(this); + }, + + open: function(x_where, y_where) { + if (!(this._isOpen || this.options.disabled)) { + var self = this, + x = (undefined === x_where ? window.innerWidth / 2 : x_where), + y = (undefined === y_where ? window.innerHeight / 2 : y_where), + coords, + zIndexMax = 0; + + var ctxpopup = this.element.data("ctxpopup"); + if ( !ctxpopup ) { + var popupWidth = window.innerWidth * this.options.widthRatio; + this._ui.container.css("width", popupWidth); + // If the width of the popup exceeds the width of the window, we need to limit the width here, + // otherwise outer{Width,Height}(true) below will happily report the unrestricted values, causing + // the popup to get placed wrong. + if (this._ui.container.outerWidth(true) > $(window).width()) + this._ui.container.css({"max-width" : $(window).width() - 30}); + } + + coords = this._placementCoords(x, y, + this._ui.container.outerWidth(true), + this._ui.container.outerHeight(true)); + + $(document) + .find("*") + .each(function() { + var el = $(this), + zIndex = parseInt(el.css("z-index")); + + if (!(el.is(self._ui.container) || el.is(self._ui.screen) || isNaN(zIndex))) + zIndexMax = Math.max(zIndexMax, zIndex); + }); + + this._ui.screen + .height($(document).height()) + .removeClass("ui-screen-hidden"); + + if (this.options.fade) + this._ui.screen.animate({opacity: 0.5}, "fast"); + else + this._ui.screen.css({opacity: 0.0}); + + //Recalculate popup position + var menuHeight = this._ui.container.innerHeight(true), + menuWidth = this._ui.container.innerWidth(true), + scrollTop = $( window ).scrollTop(), + screenHeight = window.innerHeight, + screenWidth = window.innerWidth; + + var roomtop = y - scrollTop, + roombot = scrollTop + screenHeight - y, + halfheight = menuHeight / 2, + maxwidth = parseFloat( this._ui.container.css( "max-width" ) ), + newtop, newleft; + + newtop = (screenHeight - menuHeight) / 2 + scrollTop; + + if ( menuWidth < maxwidth ) { + newleft = ( screenWidth - menuWidth ) / 2; + } + else { + //otherwise insure a >= 30px offset from the left + newleft = x - menuWidth / 2; + + // 30px tolerance off the edges + if ( newleft < 30 ) { + newleft = 30; + } + else if ( ( newleft + menuWidth ) > screenWidth ) { + newleft = screenWidth - menuWidth - 30; + } + } + //Recalculate popup position End + if ( ctxpopup ) { + newtop = coords.y; + newleft = coords.x; + } + + this._ui.container + .removeClass("ui-selectmenu-hidden") + .css({ + top: newtop, + left: newleft + }) + .addClass("in") + .animationComplete(function() { + self._ui.screen.height($(document).height()); + }); + + this._isOpen = true; + } + }, + + close: function() { + if (this._isOpen) { + var self = this, + hideScreen = function() { + self._ui.screen.addClass("ui-screen-hidden"); + self._isOpen = false; + self.element.trigger("closed"); + }; + + this._ui.container + .removeClass("in") + .addClass("reverse out") + .animationComplete(function() { + self._ui.container + .removeClass("reverse out") + .addClass("ui-selectmenu-hidden") + .removeAttr("style"); + }); + + if (this.options.fade) + this._ui.screen.animate({opacity: 0.0}, "fast", hideScreen); + else + hideScreen(); + } + } +}); + +$.tizen.popupwindow.bindPopupToButton = function(btn, popup) { + if (btn.length === 0 || popup.length === 0) return; + + var btnVClickHandler = function(e) { + // When /this/ button causes a popup, align the popup's theme with that of the button, unless the popup has a theme pre-set + if (!popup.jqmData("overlay-theme-set")) + popup.popupwindow("option", "overlayTheme", btn.jqmData("theme")); + popup.popupwindow("open", + btn.offset().left + btn.outerWidth() / 2, + btn.offset().top + btn.outerHeight() / 2); + + // Swallow event, because it might end up getting picked up by the popup window's screen handler, which + // will in turn cause the popup window to close - Thanks Sasha! + if (e.stopPropagation) + e.stopPropagation(); + if (e.preventDefault) + e.preventDefault(); + }; + + // If the popup has a theme set, prevent it from being clobbered by the associated button + if ((popup.popupwindow("option", "overlayTheme") || "").match(/[a-z]/)) + popup.jqmData("overlay-theme-set", true); + + btn + .attr({ + "aria-haspopup": true, + "aria-owns": btn.attr("href") + }) + .removeAttr("href") + .bind("vclick", btnVClickHandler); + + popup.bind("destroyed", function() { + btn.unbind("vclick", btnVClickHandler); + }); +}; + +$(document).bind("pagecreate create", function(e) { + $($.tizen.popupwindow.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .popupwindow(); + + $("a[href^='#']:jqmData(rel='popupwindow')", e.target).each(function() { + $.tizen.popupwindow.bindPopupToButton($(this), $($(this).attr("href"))); + }); +}); + +})(jQuery); diff --git a/src/widgets/popupwindow/less/popupwindow.less b/src/widgets/popupwindow/less/popupwindow.less new file mode 100644 index 0000000..ebbd635 --- /dev/null +++ b/src/widgets/popupwindow/less/popupwindow.less @@ -0,0 +1,17 @@ +.ui-popupwindow-padding { + padding: 6px; +} + +.ui-popupwindow { + display: inline-block; + position: absolute; + padding: 0; + z-index: 100 !important; +} + +.ui-popupwindow-screen { + background: #000000; + opacity: 0; + box-sizing: border-box; + -moz-box-sizing: border-box; +} diff --git a/src/widgets/popupwindow/proto-html/popupwindow.prototype.html b/src/widgets/popupwindow/proto-html/popupwindow.prototype.html new file mode 100644 index 0000000..580dbaa --- /dev/null +++ b/src/widgets/popupwindow/proto-html/popupwindow.prototype.html @@ -0,0 +1,4 @@ +
                + + +
                diff --git a/src/widgets/popupwindow_ctxpopup/css/jquery.mobile.tizen.ctxpopup.css b/src/widgets/popupwindow_ctxpopup/css/jquery.mobile.tizen.ctxpopup.css new file mode 100644 index 0000000..fdc4071 --- /dev/null +++ b/src/widgets/popupwindow_ctxpopup/css/jquery.mobile.tizen.ctxpopup.css @@ -0,0 +1,21 @@ +/* + * The settings in this file are part of the theme. They are not part of the structure of ctxpopup. + * In the default theme, ui-body-* has a border width of 1px. So, to make the triangles cross this border, we set them in + * by 1px. + */ + +.ui-ctxpopup-row .ui-triangle-top { + top: 1px; +} + +.ui-ctxpopup-row .ui-triangle-left { + left: 1px; +} + +.ui-ctxpopup-row .ui-triangle-right { + right: 1px; +} + +.ui-ctxpopup-row .ui-triangle-bottom { + bottom: 1px; +} diff --git a/src/widgets/popupwindow_ctxpopup/js/jquery.mobile.tizen.ctxpopup.js b/src/widgets/popupwindow_ctxpopup/js/jquery.mobile.tizen.ctxpopup.js new file mode 100644 index 0000000..e5813f2 --- /dev/null +++ b/src/widgets/popupwindow_ctxpopup/js/jquery.mobile.tizen.ctxpopup.js @@ -0,0 +1,252 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Gabriel Schulhof + */ + +// This widget is implemented in an extremely ugly way. It should derive from $.tizen.popupwindow, but it doesn't +// because there's a bug in jquery.ui.widget.js which was fixed in jquery-ui commit +// b9153258b0f0edbff49496ed16d2aa93bec07d95. Once a version of jquery-ui containing that commit is released +// (probably >= 1.9m5), and jQuery Mobile picks up the widget from there, this widget needs to be rewritten properly. +// The problem is that, when a widget inherits from a superclass and declares an object in its prototype identical in key +// to one in the superclass, upon calling $.widget the object is overwritten in both the prototype of the superclass and +// the prototype of the subclass. The prototype of the superclass should remain unchanged. + +(function($, undefined) { + $.widget("tizen.ctxpopup", $.tizen.widgetex, { + options: $.extend({}, $.tizen.popupwindow.prototype.options, { + initSelector: ":not(:not(" + $.tizen.popupwindow.prototype.options.initSelector + ")):not(:not(:jqmData(show-arrow='true'), :jqmData(show-arrow)))" + }), + + _htmlProto: { + ui: { + outer : "#outer", + container : "#container", // the key has to have the name "container" + arrow : { + all : ":jqmData(role='triangle')", + l : "#left", + t : "#top", + r : "#right", + b : "#bottom" + } + } + }, + + _create: function(){ + if (!this.element.data("popupwindow")) + this.element.popupwindow(); + this.element.data("popupwindow") + ._ui.container + .removeClass("ui-popupwindow-padding") + .append(this._ui.outer); + this._ui.outer.trigger("create"); // Creates the triangle widgets + this._ui.container + .addClass("ui-popupwindow-padding") + .append(this.element); + }, + + _setOption: function(key, value) { + $.tizen.popupwindow.prototype._setOption.apply(this.element.data("popupwindow"), arguments); + this.options[key] = value; + }, + }); + +var origOpen = $.tizen.popupwindow.prototype.open, + orig_setOption = $.tizen.popupwindow.prototype._setOption, + orig_placementCoords = $.tizen.popupwindow.prototype._placementCoords; + +$.tizen.popupwindow.prototype._setOption = function(key, value) { + var ctxpopup = this.element.data("ctxpopup"), + needsApplying = true; + if (ctxpopup) { + if ("shadow" === key || "overlayTheme" === key || "corners" === key) { + var origContainer = this._ui.container; + + this._ui.container = ctxpopup._ui.container; + orig_setOption.apply(this, arguments); + this._ui.container = origContainer; + needsApplying = false; + } + ctxpopup.options[key] = value; + } + + if (needsApplying) + orig_setOption.apply(this, arguments); +}; + +$.tizen.popupwindow.prototype._placementCoords = function(x, y, cx, cy) { + var ctxpopup = this.element.data("ctxpopup"), + self = this; + + if (ctxpopup) { + var coords = {}, minDiff, minDiffIdx; + + // Returns: + // { + // absDiff: int + // triangleOffset: int + // actual: { x: int, y: int } + // } + function getCoords(arrow, x_factor, y_factor) { + // Unhide the arrow we want to test to take it into account + ctxpopup._ui.arrow.all.hide(); + ctxpopup._ui.arrow[arrow].show(); + + var isHorizontal = ("b" === arrow || "t" === arrow), + // Names of keys used in calculations depend on whether things are horizontal or not + coord = (isHorizontal + ? {point: "x", size: "cx", beg: "left", outerSize: "outerWidth", niceSize: "width", triangleSize : "height"} + : {point: "y", size: "cy", beg: "top", outerSize: "outerHeight", niceSize: "height", triangleSize : "width"}), + size = { + cx : self._ui.container.width(), + cy : self._ui.container.height() + }, + halfSize = { + cx : size.cx / 2, + cy : size.cy / 2 + }, + desired = { + "x" : x + halfSize.cx * x_factor, + "y" : y + halfSize.cy * y_factor + }, + orig = orig_placementCoords.call(self, desired.x, desired.y, size.cx, size.cy), + + // The triangleOffset must be clamped to the range described below: + // + // +-------... + // | /\ + // | / \ + // ----+--+-,-----... + //lowerDiff -->____| |/ <-- possible rounded corner + //triangle size --> | /| + // ____|/ | + // ^ |\ | <-- lowest possible offset for triangle + // actual range of | | \| + // arrow offset | | | + // values due to | . . Payload table cell looks like + // possible rounded | . . a popup window, and it may have + // corners and arrow | . . arbitrary things like borders, + // triangle size - | | | shadows, and rounded corners. + // our clamp range | | /| + // _v__|/ | + //triangle size --> |\ | <-- highest possible offset for triangle + // ____| \| + //upperDiff --> | |\ <-- possible rounded corner + // ----+--+-'-----... + // | \ / + // | \/ + // +-------... + // + // We calculate lowerDiff and upperDiff by considering the offset and width of the payload (this.element) + // versus the offset and width of the element enclosing the triangle, because the payload is inside + // whatever decorations (such as borders, shadow, rounded corners) and thus can give a reliable indication + // of the thickness of the combined decorations + + arrowBeg = ctxpopup._ui.arrow[arrow].offset()[coord.beg], + arrowSize = ctxpopup._ui.arrow[arrow][coord.outerSize](true), + payloadBeg = self.element.offset()[coord.beg], + payloadSize = self.element[coord.outerSize](true), + triangleSize = ctxpopup._ui.arrow[arrow][coord.triangleSize](), + triangleOffset = + Math.max( + triangleSize // triangle size + + Math.max(0, payloadBeg - arrowBeg), // lowerDiff + Math.min( + arrowSize // bottom + - triangleSize // triangle size + - Math.max(0, arrowBeg + arrowSize - (payloadBeg + payloadSize)), // upperDiff + arrowSize / 2 // arrow unrestricted offset + + desired[coord.point] + - orig[coord.point] + - halfSize[coord.size])), + // Triangle points here + final = { + "x": orig.x + ( isHorizontal ? triangleOffset : 0) + ("r" === arrow ? size.cx : 0), + "y": orig.y + (!isHorizontal ? triangleOffset : 0) + ("b" === arrow ? size.cy : 0) + }, + ret = { + actual : orig, + triangleOffset : triangleOffset, + absDiff : Math.abs(x - final.x) + Math.abs(y - final.y) + }; + + // Hide it back + ctxpopup._ui.arrow[arrow].hide(); + + return ret; + } + + coords = { + l : getCoords("l", 1, 0), + r : getCoords("r", -1, 0), + t : getCoords("t", 0, 1), + b : getCoords("b", 0, -1) + }; + + $.each(coords, function(key, value) { + if (minDiff === undefined || value.absDiff < minDiff) { + minDiff = value.absDiff; + minDiffIdx = key; + } + }); + + // Side-effect: show the appropriate arrow and move it to the right offset + ctxpopup._ui.arrow[minDiffIdx] + .show() + .triangle("option", "offset", coords[minDiffIdx].triangleOffset); + return coords[minDiffIdx].actual; + } + else + return orig_placementCoords.call(this, x, y, cx, cy); +}; + +$.tizen.popupwindow.prototype.open = function(x, y) { + var ctxpopup = this.element.data("ctxpopup"); + + if (ctxpopup) { + this._setShadow(false); + this._setCorners(false); + this._setOverlayTheme(null); + this._setOption("overlayTheme", ctxpopup.options.overlayTheme); + ctxpopup._ui.arrow.all.triangle("option", "color", ctxpopup._ui.container.css("background-color")); + + // temporary + $('.ui-popupwindow').css('background', 'none'); + } + + origOpen.call(this, x, y); +}; + +//auto self-init widgets +$( document ).bind( "pagecreate create", function( e ){ + var ctxpopups = $($.tizen.ctxpopup.prototype.options.initSelector, e.target); + $.tizen.ctxpopup.prototype.enhanceWithin( e.target ); + +}); + +})(jQuery); diff --git a/src/widgets/popupwindow_ctxpopup/less/jquery.mobile.tizen.ctxpopup.less b/src/widgets/popupwindow_ctxpopup/less/jquery.mobile.tizen.ctxpopup.less new file mode 100644 index 0000000..b79df71 --- /dev/null +++ b/src/widgets/popupwindow_ctxpopup/less/jquery.mobile.tizen.ctxpopup.less @@ -0,0 +1,11 @@ +.ui-ctxpopup { + display: table; + + .ui-ctxpopup-row { + display: table-row; + + .ui-ctxpopup-cell { + display: table-cell; + } + } +} diff --git a/src/widgets/popupwindow_ctxpopup/proto-html/ctxpopup.prototype.html b/src/widgets/popupwindow_ctxpopup/proto-html/ctxpopup.prototype.html new file mode 100644 index 0000000..a494376 --- /dev/null +++ b/src/widgets/popupwindow_ctxpopup/proto-html/ctxpopup.prototype.html @@ -0,0 +1,9 @@ +
                +
                +
                +
                +
                + +
                +
                +
                diff --git a/src/widgets/progress/js/jquery.mobile.tizen.progress.js b/src/widgets/progress/js/jquery.mobile.tizen.progress.js new file mode 100644 index 0000000..df04424 --- /dev/null +++ b/src/widgets/progress/js/jquery.mobile.tizen.progress.js @@ -0,0 +1,80 @@ +// progress +(function ($, window, undefined) { + $.widget("tizen.progress", $.mobile.widget, { + options: { + style: "circle", + running: false + }, + + _show: function () { + if ( !this.init ) { + $(this.element).append(this.html); + this.init = true; + } + var style = this.options.style; + $(this.element).addClass("ui-progress-container-" + style+ "-bg"); + $(this.element).find(".ui-progress-"+style ) + .addClass( this.runningClass ); + }, + + _hide: function () { + $(this.element).find(".ui-progress-"+ this.options.style ) + .removeClass( this.runningClass ); + }, + + running: function( newRunning ) { + // get value + if ( newRunning === undefined ) { + return this.options.running; + } + + // set value + this._setOption( "running", newRunning ); + return this; + }, + + _setOption: function( key, value ) { + if ( key === "running" ) { + // normalize invalid value + if ( typeof value !== "boolean" ) { + alert("running value MUST be boolean type!"); + return; + } + this.options.running = value; + this._refresh(); + } + }, + + _refresh: function() { + if ( this.options.running ) + this._show(); + else + this._hide(); + }, + + _create: function () { + var self = this, + element = this.element, + style = element.jqmData( "style" ); + + if ( style ) + this.options.style = style; + + this.html = $('
                ' + + '
                ' + + '
                '); + var runningClass = "ui-progress-" + style + "-running"; + + $.extend( this, { + init: false, + runningClass: runningClass + }); + this._refresh(); + }, + }); /* End of widget */ + + // auto self-init widgets + $(document).bind("pagecreate", function (e) { + $(e.target).find(":jqmData(role='progress')").progress(); + }); +})(jQuery, this); diff --git a/src/widgets/progressbar/css/progressbar.css b/src/widgets/progressbar/css/progressbar.css new file mode 100644 index 0000000..b8a10ce --- /dev/null +++ b/src/widgets/progressbar/css/progressbar.css @@ -0,0 +1,45 @@ +@import "config.less"; + +@bar-height: 16px; +@bar-margin: 16px; + +@-webkit-keyframes ui-scale-animation { + from { + -webkit-transform: scaleX(0); + } to { + -webkit-transform: scaleX(1); + } +} + +.ui-progressbar-value { + background-image: url(images/00_winset_list_progress_bar.png); + height: 100%; +} + +.ui-progressbar { + position: relative; + background-image: url(images/00_winset_list_progress_bg.png); + margin-left: @bar-margin; + margin-right: @bar-margin; + height: @bar-height; +} + +.ui-progress-bg { + position: relative; + top: 0; + background-image: url(images/00_winset_list_progress_bg.png); + width: 100%; + height: @bar-height; +} + +.ui-progress-bar { + position: relative; + top: -@bar-height; + width: 100%; + height: @bar-height; + + background-image: url(images/00_winset_list_progress_bar.png); + + -webkit-animation: ui-scale-animation 5s infinite linear; + -webkit-transform-origin: 0% 0%; +} diff --git a/src/widgets/progressbar/js/jquery.mobile.tizen.progressbar.js b/src/widgets/progressbar/js/jquery.mobile.tizen.progressbar.js new file mode 100644 index 0000000..982f595 --- /dev/null +++ b/src/widgets/progressbar/js/jquery.mobile.tizen.progressbar.js @@ -0,0 +1,112 @@ +/* TBD */ +/* + * jQuery UI Progressbar @VERSION + * + * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Progressbar + * + * Depends: + * jquery.ui.core.js + * jquery.ui.widget.js + * Original file: + * jquery.ui.progressbar.js + */ +/* This is from jquery ui plugin - progressbar 11/16/2011 */ + +(function( $, window, undefined ) { + +$.widget( "tizen.progressbar", $.mobile.widget, { + options: { + value: 0, + max: 100 + }, + + min: 0, + + _create: function() { + this.element + .addClass( "ui-progressbar" ) + .attr({ + role: "progressbar", + "aria-valuemin": this.min, + "aria-valuemax": this.options.max, + "aria-valuenow": this._value() + }); + + this.valueDiv = $( "
                " ) + .appendTo( this.element ); + + this.oldValue = this._value(); + this._refreshValue(); + }, + + _destroy: function() { + this.element + .removeClass( "ui-progressbar" ) + .removeAttr( "role" ) + .removeAttr( "aria-valuemin" ) + .removeAttr( "aria-valuemax" ) + .removeAttr( "aria-valuenow" ); + + this.valueDiv.remove(); + }, + + value: function( newValue ) { + if ( newValue === undefined ) { + return this._value(); + } + + this._setOption( "value", newValue ); + return this; + }, + + _setOption: function( key, value ) { + if ( key === "value" ) { + this.options.value = value; + this._refreshValue(); + if ( this._value() === this.options.max ) { + this._trigger( "complete" ); + } + } + // jquery.ui.widget.js MUST be updated to new version! + //this._super( "_setOption", key, value ); + }, + + _value: function() { + var val = this.options.value; + // normalize invalid value + if ( typeof val !== "number" ) { + val = 0; + } + return Math.min( this.options.max, Math.max( this.min, val ) ); + }, + + _percentage: function() { + return 100 * this._value() / this.options.max; + }, + + _refreshValue: function() { + var value = this.value(); + var percentage = this._percentage(); + + if ( this.oldValue !== value ) { + this.oldValue = value; + this._trigger( "change" ); + } + + this.valueDiv + .toggle( value > this.min ) + .width( percentage.toFixed(0) + "%" ); + this.element.attr( "aria-valuenow", value ); + } +}); + +// auto self-init widgets +$(document).bind("pagecreate", function (e) { + $(e.target).find(":jqmData(role='progressbar')").progressbar(); +}); + +})( jQuery, this ); diff --git a/src/widgets/searchbar/js/jquery.mobile.tizen.searchbar.js b/src/widgets/searchbar/js/jquery.mobile.tizen.searchbar.js new file mode 100755 index 0000000..c6fea5b --- /dev/null +++ b/src/widgets/searchbar/js/jquery.mobile.tizen.searchbar.js @@ -0,0 +1,272 @@ +/* +* jQuery Mobile Framework : "textinput" plugin for text inputs, textareas +* Copyright (c) jQuery Project +* Dual licensed under the MIT or GPL Version 2 licenses. +* http://jquery.org/license +* Authors: Jinhyuk Jun +*/ + +/** + * Searchbar can be created using element with type=tizen-search + * + * + * Searchbar can be inserted 3 cases + * content : seachbar behave same as content element + * header : searchbar placed below title(header), It doesn't move when scrolling page + * inside optionheader : Searchbar placed inside optionheader, searchbar can be seen only expand optionheader + * + * Examples: + * + * HTML markup for creating Searchbar + * + * + * How to make searchbar in content + * + * + * How to make searchbar in title + *
                + *

                Searchbar

                + * + *
                + * + * How to make searchbar inside optionheader + *
                + *

                Searchbar

                + *
                + * + *
                + *
                +*/ + +(function( $, undefined ) { + +$.widget( "tizen.searchbar", $.mobile.widget, { + options: { + theme: null, + initSelector: "input[type='tizen-search'],:jqmData(type='tizen-search')" + }, + + _create: function() { + + var input = this.element, + o = this.options, + theme = o.theme || $.mobile.getInheritedTheme( this.element, "c" ), + themeclass = " ui-body-" + theme, + focusedEl, clearbtn, + currentPage = input.closest(".ui-page"); + + $( "label[for='" + input.attr( "id" ) + "']" ).addClass( "ui-input-text" ); + + focusedEl = input.addClass("ui-input-text ui-body-"+ theme ); + + // XXX: Temporary workaround for issue 785 (Apple bug 8910589). + // Turn off autocorrect and autocomplete on non-iOS 5 devices + // since the popup they use can't be dismissed by the user. Note + // that we test for the presence of the feature by looking for + // the autocorrect property on the input element. We currently + // have no test for iOS 5 or newer so we're temporarily using + // the touchOverflow support flag for jQM 1.0. Yes, I feel dirty. - jblas + if ( typeof input[0].autocorrect !== "undefined" && !$.support.touchOverflow ) { + // Set the attribute instead of the property just in case there + // is code that attempts to make modifications via HTML. + input[0].setAttribute( "autocorrect", "off" ); + input[0].setAttribute( "autocomplete", "off" ); + } + + focusedEl = input.wrap( "
                " ).parent(); + clearbtn = $( "clear text" ) + .tap(function( event ) { + input.val( "" ) + .blur() + .focus() + .trigger( "change" ) + .trigger( "input" ); + clearbtn.addClass( "ui-input-clear-hidden" ); + event.stopPropagation(); + }) + .appendTo( focusedEl ) + .buttonMarkup({ + icon: "deleteSearch", + iconpos: "notext", + corners: true, + shadow: true + }); + + toggleClear(); + + input.keyup( toggleClear ); + + input.bind('paste cut keyup focus change blur', toggleClear); + + //SLP --start search bar with cancel button + focusedEl.wrapAll( "
                " ); + + input.tap(function( event ) { + var inputedText = input.val(); + input.blur(); + input.focus(); + }); + + var searchicon = $("
                "); + searchicon.tap(function( event ) { + searchicon.hide(); + + input + .blur() + .focus(); + }) + .appendTo( focusedEl ); + + var cancelbtn = $( "Cancel" ) + .tap(function( event ) { + input.val( "" ); + hideCancel(); + input.blur(); + input.trigger( "change" ); + event.stopPropagation(); + }) + .appendTo( focusedEl.parent() ) + .buttonMarkup({ + iconpos: "cancel", + corners: true, + shadow: true + }); + + // Input Focused + input.focus(function() { + showCancel(); + focusedEl.addClass( "ui-focus" ); + }); + + // Input Blured + /* When user touch on page, it's same to blur */ + $("form.search").tap(function( event ){ + input.focus(); + event.stopPropagation(); + }); + + $( currentPage ).bind("vclick", function(e) { + focusedEl.removeClass( "ui-focus" ); + hideCancel(); + input.trigger( "change" ); + }); + + // Autogrow + if ( input.is( "textarea" ) ) { + var extraLineHeight = 15, + keyupTimeoutBuffer = 100, + keyup = function() { + var scrollHeight = input[ 0 ].scrollHeight, + clientHeight = input[ 0 ].clientHeight; + + if ( clientHeight < scrollHeight ) { + input.height(scrollHeight + extraLineHeight); + } + }, + keyupTimeout; + + input.keyup(function() { + clearTimeout( keyupTimeout ); + keyupTimeout = setTimeout( keyup, keyupTimeoutBuffer ); + }); + + // binding to pagechange here ensures that for pages loaded via + // ajax the height is recalculated without user input + $( document ).one( "pagechange", keyup ); + + // Issue 509: the browser is not providing scrollHeight properly until the styles load + if ( $.trim( input.val() ) ) { + // bind to the window load to make sure the height is calculated based on BOTH + // the DOM and CSS + $( window ).load( keyup ); + } + } + + // Default Text + var defaultText = input.jqmData("default-text"); + + if ((defaultText != undefined) && (defaultText.length > 0)) + { + var defaultTextClass = "ui-input-default-text"; + var trimedText = defaultText.replace(/\s/g, ""); + + /* Make new class for default text string */ + var newClassName = defaultTextClass + "-" + trimedText; + var newStyle = $(""); + $('html > head').append(newStyle); + + /* Make new empty
                for default text */ + var newDiv = $("
                "); + + /* Add class and append new div */ + newDiv.addClass(defaultTextClass); + newDiv.addClass(newClassName); + newDiv.tap(function( event ) { + input.blur(); + input.focus(); + }); + + input.parent().append(newDiv); + + /* When focus, default text will be hide. */ + input.focus(function() { + input.parent().find("div.ui-input-default-text").addClass( "ui-input-default-hidden" ); + }) + .blur(function(){ + var inputedText = input.val(); + if (inputedText.length > 0) { + input.parent().find("div.ui-input-default-text").addClass( "ui-input-default-hidden" ); + } + else { + input.parent().find("div.ui-input-default-text").removeClass( "ui-input-default-hidden" ); + } + }); + } + + function toggleClear() { + if ( !input.val() ) { + clearbtn.addClass( "ui-input-clear-hidden" ); + } else { + clearbtn.removeClass( "ui-input-clear-hidden" ); + } + } + + function showCancel() { + focusedEl.addClass( "ui-input-search-default" ) + .removeClass( "ui-input-search-wide" ); + cancelbtn.addClass( "ui-btn-cancel-show" ) + .removeClass( "ui-btn-cancel-hide" ); + searchicon.hide(); + } + + function hideCancel() { + focusedEl.addClass( "ui-input-search-wide" ) + .removeClass( "ui-input-search-default" ); + cancelbtn.addClass( "ui-btn-cancel-hide" ) + .removeClass( "ui-btn-cancel-show" ); + + if( input.val() =="" ) { + searchicon.show(); + } + + toggleClear(); + } + }, + + disable: function(){ + ( this.element.attr( "disabled", true ).is( "[type='tizen-search'],:jqmData(type='tizen-search')" ) ? + this.element.parent() : this.element ).addClass( "ui-disabled" ); + }, + + enable: function(){ + ( this.element.attr( "disabled", false).is( "[type='tizen-search'],:jqmData(type='tizen-search')" ) ? + this.element.parent() : this.element ).removeClass( "ui-disabled" ); + } +}); + +//auto self-init widgets +$( document ).bind( "pagecreate create", function( e ){ + $.tizen.searchbar.prototype.enhanceWithin( e.target ); +}); + +})( jQuery ); diff --git a/src/widgets/shortcutscroll/css/shortcutscroll.css b/src/widgets/shortcutscroll/css/shortcutscroll.css new file mode 100644 index 0000000..fcf9eda --- /dev/null +++ b/src/widgets/shortcutscroll/css/shortcutscroll.css @@ -0,0 +1,38 @@ +.ui-shortcutscroll { + position: absolute; + right: 0px; + top: 0px; + background-color: rgba(225, 221, 215,0.5); + max-width: 20px; + min-width: 12px; + -webkit-user-select: none; + margin:0; + padding:0; + opacity: 1; +} +.ui-shortcutscroll ul{ + list-style-type: none; + margin: 0; + padding: 0; +} +.ui-shortcutscroll li { + cursor: pointer; + color:rgba(0,0,0,0.6); + padding: 2px 2px 2px 5px; + text-shadow: none !important; +} + +.ui-shortcutscroll-popup { + position: absolute; + background: rgba(255,255,255,1); + padding:10px 30px; + -moz-box-shadow: 8px 10px 0px rgb(199, 199, 199); + -webkit-box-shadow: 8px 10px 0px rgb(199, 199, 199); + box-shadow: 8px 10px 0px rgb(199, 199, 199); + text-align: center; + font-size: 75px; + font-weight: bold; + display:none; + box-sizing:border-box; + color: black; +} diff --git a/src/widgets/shortcutscroll/js/jquery.mobile.tizen.shortcutscroll.js b/src/widgets/shortcutscroll/js/jquery.mobile.tizen.shortcutscroll.js new file mode 100644 index 0000000..60f732f --- /dev/null +++ b/src/widgets/shortcutscroll/js/jquery.mobile.tizen.shortcutscroll.js @@ -0,0 +1,210 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Elliot Smith + */ + +// shortcutscroll is a scrollview controller, which binds +// a scrollview to a a list of short cuts; the shortcuts are built +// from the text on dividers in the list. Clicking on a shortcut +// instantaneously jumps the scrollview to the selected list divider; +// mouse movements on the shortcut column move the scrollview to the +// list divider matching the text currently under the touch; a popup +// with the text currently under the touch is also displayed. +// +// To apply, add the attribute data-shortcutscroll="true" to a listview +// (a
                  or
                    element inside a page). Alternatively, call +// shortcutscroll() on an element. +// +// The closest element with class ui-scrollview-clip is used as the +// scrollview to be controlled. +// +// If a listview has no dividers or a single divider, the widget won't +// display. + +(function( $, undefined ) { + +$.widget( "tizen.shortcutscroll", $.mobile.widget, { + options: { + initSelector: ":jqmData(shortcutscroll)" + }, + + _create: function () { + var $el = this.element, + self = this, + $popup, + page = $el.closest(':jqmData(role="page")'); + + this.scrollview = $el.closest('.ui-scrollview-clip'); + this.shortcutsContainer = $('
                    '); + this.shortcutsList = $('
                      '); + + // popup for the hovering character + this.shortcutsContainer.append($('
                      ')); + $popup = this.shortcutsContainer.find('.ui-shortcutscroll-popup'); + + this.shortcutsContainer.append(this.shortcutsList); + this.scrollview.append(this.shortcutsContainer); + + // find the bottom of the last item in the listview + this.lastListItem = $el.children().last(); + + // remove scrollbars from scrollview + this.scrollview.find('.ui-scrollbar').hide(); + + var jumpToDivider = function(divider) { + // get the vertical position of the divider (so we can + // scroll to it) + var dividerY = $(divider).position().top; + + // find the bottom of the last list item + var bottomOffset = self.lastListItem.outerHeight(true) + + self.lastListItem.position().top; + + var scrollviewHeight = self.scrollview.height(); + + // check that after the candidate scroll, the bottom of the + // last item will still be at the bottom of the scroll view + // and not some way up the page + var maxScroll = bottomOffset - scrollviewHeight; + dividerY = (dividerY > maxScroll ? maxScroll : dividerY); + + // don't apply a negative scroll, as this means the + // divider should already be visible + dividerY = Math.max(dividerY, 0); + + // apply the scroll + self.scrollview.scrollview('scrollTo', 0, -dividerY); + + var dstOffset = self.scrollview.offset(); + $popup.text($(divider).text()) + .offset({left : dstOffset.left + (self.scrollview.width() - $popup.width()) / 2, + top : dstOffset.top + (self.scrollview.height() - $popup.height()) / 2}) + .show(); + }; + + this.shortcutsList + // bind mouse over so it moves the scroller to the divider + .bind('touchstart mousedown vmousedown touchmove vmousemove vmouseover', function (e) { + // Get coords relative to the element + var coords = $.mobile.tizen.targetRelativeCoordsFromEvent(e); + var shortcutsListOffset = self.shortcutsList.offset(); + + // If the element is a list item, get coordinates relative to the shortcuts list + if (e.target.tagName.toLowerCase() === "li") { + coords.x += $(e.target).offset().left - shortcutsListOffset.left; + coords.y += $(e.target).offset().top - shortcutsListOffset.top; + } + + // Hit test each list item + self.shortcutsList.find('li').each(function() { + var listItem = $(this), + l = listItem.offset().left - shortcutsListOffset.left, + t = listItem.offset().top - shortcutsListOffset.top, + r = l + Math.abs(listItem.outerWidth(true)), + b = t + Math.abs(listItem.outerHeight(true)); + + if (coords.x >= l && coords.x <= r && coords.y >= t && coords.y <= b) { + jumpToDivider($(listItem.data('divider'))); + return false; + } + return true; + }); + + e.preventDefault(); + e.stopPropagation(); + }) + // bind mouseout of the shortcutscroll container to remove popup + .bind('touchend mouseup vmouseup vmouseout', function () { + $popup.hide(); + }); + + if (page && !(page.is(':visible'))) { + page.bind('pageshow', function () { self.refresh(); }); + } + else { + this.refresh(); + } + + // refresh the list when dividers are filtered out + $el.bind('updatelayout', function () { + self.refresh(); + }); + }, + + refresh: function () { + var self = this, + shortcutsTop, + minClipHeight; + + this.shortcutsList.find('li').remove(); + + // get all the dividers from the list and turn them into + // shortcuts + var dividers = this.element.find('.ui-li-divider'); + + // get all the list items + var listItems = this.element.find('li:not(.ui-li-divider))'); + + // only use visible dividers + dividers = dividers.filter(':visible'); + listItems = listItems.filter(':visible'); + + if (dividers.length < 2) { + this.shortcutsList.hide(); + return; + } + + this.shortcutsList.show(); + + this.lastListItem = listItems.last(); + + dividers.each(function (index, divider) { + self.shortcutsList.append($('
                    • ' + $(divider).text() + '
                      • ') + .data('divider', divider)); + }); + + // position the shortcut flush with the top of the first + // list divider + shortcutsTop = dividers.first().position().top; + this.shortcutsContainer.css('top', shortcutsTop); + + // make the scrollview clip tall enough to show the whole of + // the shortcutslist + minClipHeight = shortcutsTop + this.shortcutsContainer.outerHeight() + 'px'; + this.scrollview.css('min-height', minClipHeight); + } +}); + +$(document).bind( "pagecreate create", function (e) { + $($.tizen.shortcutscroll.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .shortcutscroll(); +}); + +})( jQuery ); diff --git a/src/widgets/slider/css/slider.css b/src/widgets/slider/css/slider.css new file mode 100644 index 0000000..40bc6f9 --- /dev/null +++ b/src/widgets/slider/css/slider.css @@ -0,0 +1,14 @@ +.ui-slider .ui-btn-inner { + padding: 4px 0 0 0 !important; +} + +.ui-slider-popup { + position: absolute !important; + width: 64px; + height: 64px; + text-align: center; + font-size: 40px; + padding-top: 12px; + z-index: 100; + opacity: 0.8; +} diff --git a/src/widgets/slider/js/jquery.mobile.tizen.slider.js b/src/widgets/slider/js/jquery.mobile.tizen.slider.js new file mode 100755 index 0000000..cd13f5b --- /dev/null +++ b/src/widgets/slider/js/jquery.mobile.tizen.slider.js @@ -0,0 +1,303 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Max Waterman + * Authors: Minkyu Kang + */ + +/** + * tizenslider modifies the JQuery Mobile slider and is created in the same way. + * + * See the JQuery Mobile slider widget for more information : + * http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-slider.html + * + * The JQuery Mobile slider option: + * theme: specify the theme using the 'data-theme' attribute + * + * Options: + * theme: string; the theme to use if none is specified using the 'data-theme' attribute + * default: 'c' + * popupEnabled: boolean; controls whether the popup is displayed or not + * specify if the popup is enabled using the 'data-popupEnabled' attribute + * set from javascript using .tizenslider('option','popupEnabled',newValue) + * + * Events: + * changed: triggers when the value is changed (rather than when the handle is moved) + * + * Examples: + * + * Enable popup + * Disable popup + *
                      + * + *
                      + *
                      + * + *
                      + * + * // disable popup from javascript + * $('#mySlider').tizenslider('option','popupEnabled',false); + * + * // from buttons + * $('#popupEnabler').bind('vclick', function() { + * $('#mySlider').tizenslider('option','popupEnabled',true); + * }); + * $('#popupDisabler').bind('vclick', function() { + * $('#mySlider').tizenslider('option','popupEnabled',false); + * }); + */ + +(function ($, window, undefined) { + $.widget("tizen.tizenslider", $.mobile.widget, { + options: { + popupEnabled: true, + }, + + popup: null, + handle: null, + handleText: null, + + _create: function () { + this.currentValue = null; + this.popupVisible = false; + + var self = this, + inputElement = $(this.element), + slider, + showPopup, + hidePopup, + positionPopup, + updateSlider, + slider_bar, + handle_press; + + // apply jqm slider + inputElement.slider(); + + // hide the slider input element proper + inputElement.hide(); + + self.popup = $('
                      '); + + // set the popupEnabled according to the html attribute + var popupEnabledAttr = inputElement.attr('data-popupenabled'); + if ( popupEnabledAttr !== undefined ) { + self.options.popupEnabled = (popupEnabledAttr === 'true'); + } + + // get the actual slider added by jqm + slider = inputElement.next('.ui-slider'); + + var icon = inputElement.attr('data-icon'); + + // wrap the background + if ( icon === undefined ) { + slider.wrap('
                      '); + } else { + slider.wrap('
                      '); + } + + // get the handle + self.handle = slider.find('.ui-slider-handle'); + + // remove the rounded corners from the slider and its children + slider.removeClass('ui-btn-corner-all'); + slider.find('*').removeClass('ui-btn-corner-all'); + + // add icon + + switch ( icon ) { + case 'bright': + case 'volume': + slider.before( $('
                      ') ); + slider.after( $('
                      ') ); + break; + + case 'text': + slider.before( $('
                      ' + + '' + + inputElement.attr('data-text-left') + + '
                      ') ); + slider.after( $('
                      ' + + '' + + inputElement.attr('data-text-right') + + '
                      ') ); + break; + } + + // slider bar + slider.append($('
                      ')); + self.slider_bar = slider.find('.ui-slider-bar'); + + // handle press + slider.append($('
                      ')); + self.handle_press = slider.find('.ui-slider-handle-press'); + self.handle_press.css('display', 'none'); + + // add a popup element (hidden initially) + slider.before(self.popup); + self.popup.hide(); + + // get the element where value can be displayed + self.handleText = slider.find('.ui-btn-text'); + if ( inputElement.attr('max') > 999 ) { + self.handleText.css('font-size', '0.8em'); + } + + // set initial value + self.updateSlider(); + + // bind to changes in the slider's value to update handle text + this.element.bind('change', function () { + self.updateSlider(); + }); + + // bind clicks on the handle to show the popup + self.handle.bind('vmousedown', function () { + self.showPopup(); + }); + + // watch events on the document to turn off the slider popup + slider.add(document).bind('vmouseup', function () { + self.hidePopup(); + }); + }, + + _handle_press_show: function () { + this.handle_press.css('display', ''); + }, + + _handle_press_hide: function () { + this.handle_press.css('display', 'none'); + }, + + // position the popup + positionPopup: function () { + this.popup.position({my: 'center bottom', + at: 'center top', + offset: '0 20px', + of: this.handle}); + + this.handle_press.position({my: 'left top', + at: 'left top', + offset: '0 0', + of: this.handle}); + }, + + // show value on the handle and in popup + updateSlider: function () { + if ( this.popupVisible ) { + this.positionPopup(); + } + + // remove the title attribute from the handle (which is + // responsible for the annoying tooltip); NB we have + // to do it here as the jqm slider sets it every time + // the slider's value changes :( + this.handle.removeAttr('title'); + + this.slider_bar.width(this.handle.css('left')); + + var newValue = this.element.val(); + + if ( newValue === this.currentValue ) { + return; + } + + this.currentValue = newValue; + this.handleText.text(newValue); + this.popup.html(newValue); + + this.element.trigger('update', newValue); + }, + + // show the popup + showPopup: function () { + if ( !(this.options.popupEnabled && !this.popupVisible) ) { + return; + } + + this.handleText.hide(); + this.popup.show(); + this.popupVisible = true; + this._handle_press_show(); + }, + + // hide the popup + hidePopup: function () { + if ( !(this.options.popupEnabled && this.popupVisible) ) { + return; + } + + this.handleText.show(); + this.popup.hide(); + this.popupVisible = false; + this._handle_press_hide(); + }, + + _setOption: function (key, value) { + var needToChange = ( value !== this.options[key] ); + + if ( !needToChange ) { + return; + } + + switch ( key ) { + case 'popupEnabled': + this.options.popupEnabled = value; + + if ( this.options.popupEnabled ) { + this.updateSlider(); + } else { + this.hidePopup(); + } + + break; + } + }, + }); + + // stop jqm from initialising sliders + $(document).bind("pagebeforecreate", function (e) { + if ($.data(window, "jqmSliderInitSelector") === undefined ) { + $.data(window,"jqmSliderInitSelector", + $.mobile.slider.prototype.options.initSelector); + $.mobile.slider.prototype.options.initSelector = null; + } + }); + + // initialise sliders with our own slider + $(document).bind("pagecreate", function(e) { + var jqmSliderInitSelector = $.data(window,"jqmSliderInitSelector"); + $(e.target).find(jqmSliderInitSelector).not('select').tizenslider(); + $(e.target).find(jqmSliderInitSelector).filter('select').slider(); + }); + +})( jQuery, this ); diff --git a/src/widgets/swipelist/.empty b/src/widgets/swipelist/.empty new file mode 100644 index 0000000..e69de29 diff --git a/src/widgets/swipelist/css/swipelist.css b/src/widgets/swipelist/css/swipelist.css new file mode 100644 index 0000000..12d0059 --- /dev/null +++ b/src/widgets/swipelist/css/swipelist.css @@ -0,0 +1,26 @@ +.ui-swipelist-item { + -webkit-user-select: none; + -user-select: none; +} + +.ui-swipelist-item * { + -webkit-user-select: none; + -user-select: none; +} + +.ui-swipelist-item-cover { + z-index: 99; + position: absolute; + border: none; + top: 0%; + left: 0%; + width: 100%; + height: 100%; + z-index: 100; +} + +.ui-swipelist-item-cover-inner * { + -moz-user-select: none; + -webkit-user-select: none; + -user-select: none; +} diff --git a/src/widgets/swipelist/js/jquery.mobile.tizen.swipelist.js b/src/widgets/swipelist/js/jquery.mobile.tizen.swipelist.js new file mode 100644 index 0000000..a11a8a2 --- /dev/null +++ b/src/widgets/swipelist/js/jquery.mobile.tizen.swipelist.js @@ -0,0 +1,268 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Kalyan Kondapally , + * Elliot Smith + */ + +// Widget which turns a list into a "swipe list": +// i.e. each list item has a sliding "cover" which can be swiped +// to the right (to reveal buttons underneath) or left (to +// cover the buttons again). Clicking on a button under a swipelist +// also moves the cover back to the left. +// +// To create a swipelist, you need markup like this: +// +// 
                      +// <ul data-role="swipelist">
                      
+//     <li>
                      
+//         <div class="ui-grid-b">
                      
+//             <div class="ui-block-a">
                      
+//                 <a href="#" data-role="button" data-theme="a">Twitter</a>
                      
+//             </div>
                      
+//             <div class="ui-block-b">
                      
+//                 <a href="#" data-role="button" data-theme="b">FaceBook</a>
                      
+//             </div>
                      
+//             <div class="ui-block-c">
                      
+//                 <a href="#" data-role="button" data-theme="c">Google+</a>
                      
+//             </div>
                      
+//         </div>
                      
+//         <div data-role="swipelist-item-cover">Nigel</div>
                      
+//     </li>
                      
+//     ...
                      
+// </ul>
+//
                      +// +// In this case, the cover is over a grid of buttons; +// but it is should also be possible to use other types of markup under the +// list items. +// +// Note the use of a separate div, parented by the li element, marked +// up with data-role="swipelist-item-cover". This div will usually +// contain text. If you want other elements in your swipelist covers, +// you may need to style them yourself. Because the covers aren't +// technically list items, you may need to do some work to make them +// look right. +// +// WARNING: This doesn't work well inside a scrollview widget, as +// the touch events currently interfere with each other badly (e.g. +// a swipe will work but cause a scroll as well). +// +// Theme: default is to use the theme on the target element, +// theme passed in options, parent theme, or 'c' if none of the above. +// If list items are themed individually, the cover will pick up the +// theme of the list item which is its parent. +// +// Events: +// +// animationComplete: Triggered by a cover when it finishes sliding +// (to either the right or left). +(function ($) { + +$.widget("tizen.swipelist", $.mobile.widget, { + options: { + theme: null + }, + + _create: function () { + // use the theme set on the element, set in options, + // the parent theme, or 'c' (in that order of preference) + var theme = this.element.jqmData('theme') || + this.options.theme || + this.element.parent().jqmData('theme') || + 'c'; + + this.options.theme = theme; + + this.refresh(); + }, + + refresh: function () { + this._cleanupDom(); + + var self = this, + defaultCoverTheme, + covers; + + defaultCoverTheme = 'ui-body-' + this.options.theme; + + // swipelist is a listview + if (!this.element.hasClass('ui-listview')) { + this.element.listview(); + } + + this.element.addClass('ui-swipelist'); + + // get the list item covers + covers = this.element.find(':jqmData(role="swipelist-item-cover")'); + + covers.each(function () { + var cover = $(this); + var coverTheme = defaultCoverTheme; + + // get the parent li element and add classes + var item = cover.closest('li'); + + // add swipelist CSS classes + item.addClass('ui-swipelist-item'); + + cover.addClass('ui-swipelist-item-cover'); + + // set swatch on cover: if the nearest list item has + // a swatch set on it, that will be used; otherwise, use + // the swatch set for the swipelist + var itemHasThemeClass = item.attr('class') + .match(/ui\-body\-[a-z]|ui\-bar\-[a-z]/); + + if (itemHasThemeClass) { + coverTheme = itemHasThemeClass[0]; + } + + cover.addClass(coverTheme); + + // wrap inner HTML (so it can potentially be styled) + if (cover.has('.ui-swipelist-item-cover-inner').length === 0) { + cover.wrapInner($('').addClass('ui-swipelist-item-cover-inner')); + } + + // bind to swipe events on the cover and the item + if (!(cover.data('animateRight') && cover.data('animateLeft'))) { + cover.data('animateRight', function () { + self._animateCover(cover, 100); + }); + + cover.data('animateLeft', function () { + self._animateCover(cover, 0); + }); + } + + // bind to synthetic events + item.bind('swipeleft', cover.data('animateLeft')); + cover.bind('swiperight', cover.data('animateRight')); + + // any clicks on buttons inside the item also trigger + // the cover to slide back to the left + item.find('.ui-btn').bind('vclick', cover.data('animateLeft')); + }); + }, + + _cleanupDom: function () { + var self = this, + defaultCoverTheme, + covers; + + defaultCoverTheme = 'ui-body-' + this.options.theme; + + this.element.removeClass('ui-swipelist'); + + // get the list item covers + covers = this.element.find(':jqmData(role="swipelist-item-cover")'); + + covers.each(function () { + var cover = $(this); + var coverTheme = defaultCoverTheme; + var text, wrapper; + + // get the parent li element and add classes + var item = cover.closest('li'); + + // remove swipelist CSS classes + item.removeClass('ui-swipelist-item'); + cover.removeClass('ui-swipelist-item-cover'); + + // remove swatch from cover: if the nearest list item has + // a swatch set on it, that will be used; otherwise, use + // the swatch set for the swipelist + var itemClass = item.attr('class'); + var itemHasThemeClass = itemClass && + itemClass.match(/ui\-body\-[a-z]|ui\-bar\-[a-z]/); + + if (itemHasThemeClass) { + coverTheme = itemHasThemeClass[0]; + } + + cover.removeClass(coverTheme); + + // remove wrapper HTML + wrapper = cover.find('.ui-swipelist-item-cover-inner'); + + wrapper.children().unwrap(); + + text = wrapper.text() + + if (text) { + cover.append(text); + wrapper.remove(); + } + + // unbind swipe events + if (cover.data('animateRight') && cover.data('animateLeft')) { + cover.unbind('swiperight', cover.data('animateRight')); + item.unbind('swipeleft', cover.data('animateLeft')); + + // unbind clicks on buttons inside the item + item.find('.ui-btn').unbind('vclick', cover.data('animateLeft')); + + cover.data('animateRight', null); + cover.data('animateLeft', null); + } + }); + }, + + // NB I tried to use CSS animations for this, but the performance + // and appearance was terrible on Android 2.2 browser; + // so I reverted to jQuery animations + // + // once the cover animation is done, the cover emits an + // animationComplete event + _animateCover: function (cover, leftPercentage) { + var animationOptions = { + easing: 'linear', + duration: 'fast', + queue: true, + complete: function () { + cover.trigger('animationComplete'); + } + }; + + cover.stop(); + cover.clearQueue(); + cover.animate({left: '' + leftPercentage + '%'}, animationOptions); + }, + + destroy: function () { + this._cleanupDom(); + } + +}); + +$(document).bind("pagecreate", function (e) { + $(e.target).find(":jqmData(role='swipelist')").swipelist(); +}); + +})(jQuery); diff --git a/src/widgets/swipelist/less/images/00_sweep_list_bg.png b/src/widgets/swipelist/less/images/00_sweep_list_bg.png new file mode 100644 index 0000000..d87592a Binary files /dev/null and b/src/widgets/swipelist/less/images/00_sweep_list_bg.png differ diff --git a/src/widgets/swipelist/less/swipelist.less b/src/widgets/swipelist/less/swipelist.less new file mode 100644 index 0000000..e035d77 --- /dev/null +++ b/src/widgets/swipelist/less/swipelist.less @@ -0,0 +1,90 @@ +@swipelistitem-width:480px; +@swipelistitem-height:80px; +@onelinelist-height:70px; +@border-radius:8px; +@margin:10px; + +.ui-swipelist { + list-style-type: none; +} + +.ui-swipelistitem { + width:@swipelistitem-width; + height:@swipelistitem-height; + background:url(images/00_sweep_list_bg.png); +} + +.ui-swipelistitemcontainer { + overflow:hidden; + position:relative; + width:@swipelistitem-width; + height:@swipelistitem-height; + + .ui-swipelistitemcover { + position: absolute; + top:0; + left:0; + background:url(images/00_sweep_list_bg.png); + width:100%; + height:100%; + text-align: center; + } + + .ui-swipelistitemcontent{ + text-align: center; + position: absolute; + width: 460px; + height: 38px; + margin-bottom: 7px; + margin-left:@margin; + margin-right:@margin; + margin-top:35px; + border:0; + .ui-buttonlayout{ + margin-right:@margin; + border:0px; + height:38px; + width:215px; + text-align: center; + border-radius:@border-radius; + -webkit-border-radius:@border-radius; + } + + .ui-swipebuttonlast{ + width:225px; + margin-right:0px; + } + + .ui-threebuttonlayout{ + width:137px; + .ui-swipebuttonlast{ + width:147px; + } + } + + .ui-centrebutton{ + width:136px; + } + + .ui-fourbuttonlayout{ + width:101px; + margin-right:8px; + .ui-swipebuttonlast{ + width:109px; + } + } + } +} + +.ui-onelinelist { + height:@onelinelist-height; + .ui-swipelistitemcontainer{ + height:@onelinelist-height; + } + .ui-swipelistitemcontent{ + margin-top:28px; + margin-bottom:4px; + } +} + + diff --git a/src/widgets/toggleswitch/js/jquery.mobile.tizen.toggleswitch.js b/src/widgets/toggleswitch/js/jquery.mobile.tizen.toggleswitch.js new file mode 100644 index 0000000..d0aa06e --- /dev/null +++ b/src/widgets/toggleswitch/js/jquery.mobile.tizen.toggleswitch.js @@ -0,0 +1,185 @@ +/* + * jQuery Mobile Widget @VERSION + * + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + * + * Authors: Gabriel Schulhof + */ + +// Displays a simple two-state switch. +// +// To apply, add the attribute data-role="switch" to a
                      +// element inside a page. Alternatively, call switch() +// on an element, like this : +// +// $("#myswitch").toggleswitch(); +// where the html might be : +//
                      +// +// Options: +// checked: Boolean; the state of the switch +// Default: true (up) +// +// Events: +// changed: Emitted when the switch is changed + +(function($, undefined) { + +$.widget("tizen.toggleswitch", $.tizen.widgetex, { + options: { + onText : "On", + offText : "Off", + checked : true, + initSelector : ":jqmData(role='toggleswitch')" + }, + + _htmlProto: { + ui: { + outer : "#outer", + bg : "#bg", + txtMovers : { + normal : "#normal", + active : "#active" + }, + btn : "#button", + btnSpan : "#btn-span", + txt : { + normal : "[data-normal-text]", + active : "[data-active-text]", + }, + } + }, + + _value: { + attr: "data-" + ($.mobile.ns || "") + "checked", + signal: "changed" + }, + + _create: function() { + var self = this; + + this.element + .css("display", "none") + .after(this._ui.outer); + + this._ui.outer.find("a").buttonMarkup(); + this._ui.txtMovers.normal + .add(this._ui.txtMovers.active) + .find("*") + .css({"border-color": "transparent"}); + this._ui.btn.addClass("toggleswitch-button"); +/* + // Crutches for IE: It does not seem to understand opacity specified in a class, nor that opacity of an element + // affects all its children + if ($.mobile.browser.ie) { + // Remove this class, because it has no effect in IE :-S + this._ui.outer.find("*").removeClass("toggleswitch-button-transparent"); + // After adding the button markup, make everything transparent + this._ui.normalBackground.find("*").css("opacity", 0.0); + this._ui.activeBackground.find("*").css("opacity", 0.0); + this._ui.refButton.add(this._ui.refButton.find("*")).css("opacity", 0.0); + this._ui.realButton.add(this._ui.realButton.find("*")).css("opacity", 0.0); + // ... except the buttons that display the inital position of the switch + this._ui.initButtons + .add(this._ui.initButtons.find("*")) + .add(this._ui.fButton.find("*")) + .add(this._ui.fButton) + .css("opacity", 1.0); + } +*/ + $.extend(this, { + _initial: true + }); + + this._ui.btn + .add(this._ui.outer) + .bind("vclick", function(e) { + self._setChecked(!(self.options.checked)); + e.stopPropagation(); + }); + }, +/* + _makeTransparent: function(obj, b) { + if ($.mobile.browser.ie) + obj.add(obj.find("*")).css("opacity", b ? 0.0 : 1.0); + else + obj[b ? "addClass" : "removeClass"]("toggleswitch-button-transparent"); + }, +*/ + _setDisabled: function(value) { + $.tizen.widgetex.prototype._setDisabled.call(this, value); + this._ui.outer[value ? "addClass" : "removeClass"]("ui-disabled"); + }, + + + _updateBtnText: function() { + var noText = (((this.options.offText || "") === "" && + (this.options.onText || "") === "")); + this._ui.btnSpan.html((noText ? "" : " ")); + this._ui.outer.find("a")[(noText ? "addClass" : "removeClass")]("ui-btn-icon-notext"); + }, + + _setOnText: function(value) { + this._ui.txt.active.text(value); + this.options.onText = value; + this.element.attr("data-" + ($.mobile.ns || "") + "on-text", value); + this._updateBtnText(); + }, + + _setOffText: function(value) { + this._ui.txt.normal.text(value); + this.options.offText = value; + this.element.attr("data-" + ($.mobile.ns || "") + "off-text", value); + this._updateBtnText(); + }, + + _setChecked: function(checked) { + if (this.options.checked != checked) { + var dst = checked + ? {bg: "0%", normalTop: "-50%", activeBot: "0%"} + : {bg: "50%", normalTop: "0%", activeBot: "-50%"}, + method = (this._initial ? "css" : "animate") + + this._ui.btn.add(this._ui.bg)[method]({top: dst.bg}); + this._ui.txtMovers.normal[method]({top: dst.normalTop}); + this._ui.txtMovers.active[method]({bottom: dst.activeBot}); + + this._initial = false; + + this.options.checked = checked; + this.element.attr("data-" + ($.mobile.ns || "") + "checked", checked); + this._setValue(checked); + } + } +}); + +$(document).bind("pagecreate create", function(e) { + $($.tizen.toggleswitch.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .toggleswitch(); +}); + +})(jQuery); diff --git a/src/widgets/toggleswitch/less/toggleswitch.less b/src/widgets/toggleswitch/less/toggleswitch.less new file mode 100644 index 0000000..49a6a05 --- /dev/null +++ b/src/widgets/toggleswitch/less/toggleswitch.less @@ -0,0 +1,34 @@ +.ui-toggleswitch { + position: relative; + overflow: hidden; + + .toggleswitch-background { + position: absolute; + margin: 0px; + border: 0px; + left: 0px; + right: 0px; + top: 0px; + bottom: 0px; + pointer-events: none; + } + + .toggleswitch-sizer { + margin: 0px; + opacity: 0; + pointer-events: none; + } + + .toggleswitch-floating-button { + position: absolute; + margin: 0px; + left: 0px; + right: 0px; + } + + .toggleswitch-mover { + border-color: transparent; + background: none; + pointer-events: none; + } +} diff --git a/src/widgets/toggleswitch/proto-html/toggleswitch.prototype.html b/src/widgets/toggleswitch/proto-html/toggleswitch.prototype.html new file mode 100644 index 0000000..383cd93 --- /dev/null +++ b/src/widgets/toggleswitch/proto-html/toggleswitch.prototype.html @@ -0,0 +1,19 @@ + diff --git a/src/widgets/triangle/js/jquery.mobile.tizen.triangle.js b/src/widgets/triangle/js/jquery.mobile.tizen.triangle.js new file mode 100755 index 0000000..dd1cfe4 --- /dev/null +++ b/src/widgets/triangle/js/jquery.mobile.tizen.triangle.js @@ -0,0 +1,103 @@ +/* + * This software is licensed under the MIT licence (as defined by the OSI at + * http://www.opensource.org/licenses/mit-license.php) + * + * *************************************************************************** + * Copyright (C) 2011 by Intel Corporation Ltd. + * + * Permission is hereby granted, free of charge, to any person obtaining a + * copy of this software and associated documentation files (the "Software"), + * to deal in the Software without restriction, including without limitation + * the rights to use, copy, modify, merge, publish, distribute, sublicense, + * and/or sell copies of the Software, and to permit persons to whom the + * Software is furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING + * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER + * DEALINGS IN THE SOFTWARE. + * *************************************************************************** + */ + +(function($, undefined) { + +$.widget( "tizen.triangle", $.tizen.widgetex, { + options: { + extraClass: "", + offset: null, + color: null, + location: "top", + initSelector: ":jqmData(role='triangle')" + }, + + _create: function() { + var triangle = $("
                      ", {"class" : "ui-triangle"}); + + $.extend(this, { + _triangle: triangle + }); + + this.element.addClass("ui-triangle-container").append(triangle); + }, + + _doCSS: function() { + var location = (this.options.location || "top"), + offsetCoord = (($.inArray(location, ["top", "bottom"]) === -1) ? "top" : "left"), + cssArg = { + "border-bottom-color" : "top" === location ? this.options.color : "transparent", + "border-top-color" : "bottom" === location ? this.options.color : "transparent", + "border-left-color" : "right" === location ? this.options.color : "transparent", + "border-right-color" : "left" === location ? this.options.color : "transparent" + }; + + cssArg[offsetCoord] = this.options.offset; + + this._triangle.removeAttr("style").css(cssArg); + }, + + _setOffset: function(value) { + this.options.offset = value; + this.element.attr("data-" + ($.mobile.ns || "") + "offset", value); + this._doCSS(); + }, + + _setExtraClass: function(value) { + this._triangle.addClass(value); + this.options.extraClass = value; + this.element.attr("data-" + ($.mobile.ns || "") + "extra-class", value); + }, + + _setColor: function(value) { + this.options.color = value; + this.element.attr("data-" + ($.mobile.ns || "") + "color", value); + this._doCSS(); + }, + + _setLocation: function(value) { + this.element + .removeClass("ui-triangle-container-" + this.options.location) + .addClass("ui-triangle-container-" + value); + this._triangle + .removeClass("ui-triangle-" + this.options.location) + .addClass("ui-triangle-" + value); + + this.options.location = value; + this.element.attr("data-" + ($.mobile.ns || "") + "location", value); + + this._doCSS(); + } +}); + +$(document).bind("pagecreate create", function(e) { + $($.tizen.triangle.prototype.options.initSelector, e.target) + .not(":jqmData(role='none'), :jqmData(role='nojs')") + .triangle(); +}); + +})(jQuery); diff --git a/src/widgets/triangle/less/jquery.mobile.tizen.triangle.less b/src/widgets/triangle/less/jquery.mobile.tizen.triangle.less new file mode 100755 index 0000000..baa4e5d --- /dev/null +++ b/src/widgets/triangle/less/jquery.mobile.tizen.triangle.less @@ -0,0 +1,64 @@ +@triangle-size: 10px; + +.ui-triangle-container { + position: relative; + + .ui-triangle { + position: absolute; + border-style: solid; + border-color: transparent; + border-width: @triangle-size; + } + + .ui-triangle-top { + top: 0px; + border-top-width: 0px; + border-left-color: transparent; + border-right-color: transparent; + margin-left: -@triangle-size; + } + + .ui-triangle-bottom { + bottom: 0px; + border-bottom-width: 0px; + border-left-color: transparent; + border-right-color: transparent; + margin-left: -@triangle-size; + } + + .ui-triangle-left { + left: 0px; + margin-top: -@triangle-size; + border-left-width: 0px; + border-left-color: transparent; + border-right-color: transparent; + } + + .ui-triangle-right { + right: 0px; + margin-top: -@triangle-size; + border-right-width: 0px; + border-left-color: transparent; + border-right-color: transparent; + } +} + +.ui-triangle-container-top { + height: @triangle-size; + top: 0px; + margin-top: -@triangle-size; +} + +.ui-triangle-container-bottom { + height: @triangle-size; + bottom: 0px; + margin-bottom: -@triangle-size; +} + +.ui-triangle-container-left { + width: @triangle-size; +} + +.ui-triangle-container-right { + width: @triangle-size; +} diff --git a/src/widgets/virtuallist/js/jquery.mobile.tizen.virtuallistview.js b/src/widgets/virtuallist/js/jquery.mobile.tizen.virtuallistview.js new file mode 100755 index 0000000..a4398fd --- /dev/null +++ b/src/widgets/virtuallist/js/jquery.mobile.tizen.virtuallistview.js @@ -0,0 +1,766 @@ +/* + * Author: Wongi Lee +*/ + +/** + * Virtual List Widget for unlimited data. + * To support more then 1,000 items, special list widget developed. + * Fast initialize and light DOM tree. + * DB connection and works like DB cursor. + * + * HTML Attributes: + * + * data-role: virtuallistview + * data-template : jQuery.template ID that populate into virtual list + * data-dbtable : DB Table name. It used as window[DB NAME]. Loaded data should be converted as window object. + * data-dbkey : Unique key of DB Table. To sync each element on virtual list with DB table. + * + * ID :