commit 25dbf545cc385f0f9c85d8b85430362a73d84f47 Author: Nikolai Kristiansen Date: Wed Jun 17 21:19:42 2015 +0200 Initial commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..7ead038 --- /dev/null +++ b/.gitignore @@ -0,0 +1,8 @@ +*.swp +*.pyc +.idea +local_settings.py +db.sqlite3 +venv +node_modules +bower_components diff --git a/apps/__init__.py b/apps/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/apps/kassa/__init__.py b/apps/kassa/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/apps/kassa/admin.py b/apps/kassa/admin.py new file mode 100644 index 0000000..8c38f3f --- /dev/null +++ b/apps/kassa/admin.py @@ -0,0 +1,3 @@ +from django.contrib import admin + +# Register your models here. diff --git a/apps/kassa/migrations/__init__.py b/apps/kassa/migrations/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/apps/kassa/models.py b/apps/kassa/models.py new file mode 100644 index 0000000..71a8362 --- /dev/null +++ b/apps/kassa/models.py @@ -0,0 +1,3 @@ +from django.db import models + +# Create your models here. diff --git a/apps/kassa/templates/base.html b/apps/kassa/templates/base.html new file mode 100644 index 0000000..20829af --- /dev/null +++ b/apps/kassa/templates/base.html @@ -0,0 +1,13 @@ +{% load staticfiles %} + + + + + {% block title %}Registrer medlemskap{% endblock %} + + + + +{% block content %}{% endblock %} + + \ No newline at end of file diff --git a/apps/kassa/templates/kassa/register.html b/apps/kassa/templates/kassa/register.html new file mode 100644 index 0000000..0da588b --- /dev/null +++ b/apps/kassa/templates/kassa/register.html @@ -0,0 +1,2 @@ +{% extends "base.html" %} +{% block content %}LOL{% endblock %} \ No newline at end of file diff --git a/apps/kassa/tests.py b/apps/kassa/tests.py new file mode 100644 index 0000000..7ce503c --- /dev/null +++ b/apps/kassa/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/apps/kassa/urls.py b/apps/kassa/urls.py new file mode 100644 index 0000000..3b37955 --- /dev/null +++ b/apps/kassa/urls.py @@ -0,0 +1,6 @@ +from django.conf.urls import url +from apps.kassa.views import register + +urlpatterns = [ + url(r'register/', register) +] \ No newline at end of file diff --git a/apps/kassa/views.py b/apps/kassa/views.py new file mode 100644 index 0000000..0db9131 --- /dev/null +++ b/apps/kassa/views.py @@ -0,0 +1,14 @@ +# coding: utf-8 +from __future__ import unicode_literals +from django.contrib.auth.decorators import login_required +from django.shortcuts import render + +@login_required +def register(request): + context = {} + return render(request, 'kassa/register.html', context) + + +def home(request): + context = {} + return render(request, 'kassa/register.html', context) diff --git a/kassasite/__init__.py b/kassasite/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/kassasite/settings.py b/kassasite/settings.py new file mode 100644 index 0000000..ca9ceb2 --- /dev/null +++ b/kassasite/settings.py @@ -0,0 +1,114 @@ +""" +Generated by 'django-admin startproject' using Django 1.8.2. + +For more information on this file, see +https://docs.djangoproject.com/en/1.8/topics/settings/ + +For the full list of settings and their values, see +https://docs.djangoproject.com/en/1.8/ref/settings/ +""" + +# Build paths inside the project like this: os.path.join(BASE_DIR, ...) +import os + +BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) + + +# Quick-start development settings - unsuitable for production +# See https://docs.djangoproject.com/en/1.8/howto/deployment/checklist/ + +# SECURITY WARNING: keep the secret key used in production secret! +SECRET_KEY = '79l0@&(^ra9=s783rqeo2awhs6@c!j&wan6t-0wi8azyd@!x+7' + +# SECURITY WARNING: don't run with debug turned on in production! +DEBUG = True + +ALLOWED_HOSTS = [] + + +# Application definition + +INSTALLED_APPS = ( + 'django.contrib.admin', + 'django.contrib.auth', + 'django.contrib.contenttypes', + 'django.contrib.sessions', + 'django.contrib.messages', + 'django.contrib.staticfiles', +) + +LOCAL_APPS = ('apps.kassa',) + +INSTALLED_APPS += LOCAL_APPS + +MIDDLEWARE_CLASSES = ( + 'django.contrib.sessions.middleware.SessionMiddleware', + 'django.middleware.common.CommonMiddleware', + 'django.middleware.csrf.CsrfViewMiddleware', + 'django.contrib.auth.middleware.AuthenticationMiddleware', + 'django.contrib.auth.middleware.SessionAuthenticationMiddleware', + 'django.contrib.messages.middleware.MessageMiddleware', + 'django.middleware.clickjacking.XFrameOptionsMiddleware', + 'django.middleware.security.SecurityMiddleware', +) + +ROOT_URLCONF = 'kassasite.urls' + +TEMPLATES = [ + { + 'BACKEND': 'django.template.backends.django.DjangoTemplates', + 'DIRS': [], + 'APP_DIRS': True, + 'OPTIONS': { + 'context_processors': [ + 'django.template.context_processors.debug', + 'django.template.context_processors.request', + 'django.contrib.auth.context_processors.auth', + 'django.contrib.messages.context_processors.messages', + ], + }, + }, +] + +WSGI_APPLICATION = 'kassasite.wsgi.application' + + +# Database +# https://docs.djangoproject.com/en/1.8/ref/settings/#databases + +DATABASES = { + 'default': { + 'ENGINE': 'django.db.backends.sqlite3', + 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'), + } +} + + +# Internationalization +# https://docs.djangoproject.com/en/1.8/topics/i18n/ + +LANGUAGE_CODE = 'en-us' + +TIME_ZONE = 'Europe/Oslo' + +USE_I18N = True + +USE_L10N = True + +USE_TZ = True + + +# Static files (CSS, JavaScript, Images) +# https://docs.djangoproject.com/en/1.8/howto/static-files/ + +STATIC_URL = '/static/' + +STATICFILES_DIRS = ( + os.path.join(BASE_DIR, 'static'), +) + +# Local settings +try: + from local_settings import * +except ImportError: + pass diff --git a/kassasite/urls.py b/kassasite/urls.py new file mode 100644 index 0000000..8751c7a --- /dev/null +++ b/kassasite/urls.py @@ -0,0 +1,23 @@ +"""neuf_kassa URL Configuration + +The `urlpatterns` list routes URLs to views. For more information please see: + https://docs.djangoproject.com/en/1.8/topics/http/urls/ +Examples: +Function views + 1. Add an import: from my_app import views + 2. Add a URL to urlpatterns: url(r'^$', views.home, name='home') +Class-based views + 1. Add an import: from other_app.views import Home + 2. Add a URL to urlpatterns: url(r'^$', Home.as_view(), name='home') +Including another URLconf + 1. Add an import: from blog import urls as blog_urls + 2. Add a URL to urlpatterns: url(r'^blog/', include(blog_urls)) +""" +from django.conf.urls import include, url +from django.contrib import admin +from apps.kassa import urls as kassa_urls + +urlpatterns = [ + url(r'^admin/', include(admin.site.urls)), + url(r'^', include(kassa_urls)), +] diff --git a/kassasite/wsgi.py b/kassasite/wsgi.py new file mode 100644 index 0000000..5b00411 --- /dev/null +++ b/kassasite/wsgi.py @@ -0,0 +1,16 @@ +""" +WSGI config for neuf_kassa project. + +It exposes the WSGI callable as a module-level variable named ``application``. + +For more information on this file, see +https://docs.djangoproject.com/en/1.8/howto/deployment/wsgi/ +""" + +import os + +from django.core.wsgi import get_wsgi_application + +os.environ.setdefault("DJANGO_SETTINGS_MODULE", "neuf_kassa.settings") + +application = get_wsgi_application() diff --git a/manage.py b/manage.py new file mode 100755 index 0000000..290eac6 --- /dev/null +++ b/manage.py @@ -0,0 +1,10 @@ +#!/usr/bin/env python +import os +import sys + +if __name__ == "__main__": + os.environ.setdefault("DJANGO_SETTINGS_MODULE", "kassasite.settings") + + from django.core.management import execute_from_command_line + + execute_from_command_line(sys.argv) diff --git a/static/app/scripts/app.js b/static/app/scripts/app.js new file mode 100644 index 0000000..e69de29 diff --git a/static/app/scripts/documents_edit.js b/static/app/scripts/documents_edit.js new file mode 100644 index 0000000..eca4572 --- /dev/null +++ b/static/app/scripts/documents_edit.js @@ -0,0 +1,95 @@ + +$(function(){ + var urls = { + save_document: '/api/document/', + update_document: '/api/document/{pk}/' + }; + var _dom = { + document_table: $('.document-table'), + progress_bar: $("#progress .bar"), + }; + var csrf_token = $.cookie('csrftoken'); + + /* inplace edit */ + _dom.document_table.on('click', "[data-model-field]", function() { + var input_field = $(this).siblings("input"); + if($(this).siblings("input").length) { + input_field.val($(this).text()).css('display', 'inline-block'); + } else { + $(this).after(''); + input_field = $(this).siblings("input"); + } + input_field.css('width', $(this).width() + 30); + $(this).hide(); + $("[data-editable-field]").focus(); + }); + + /* save on blur and */ + _dom.document_table.on('blur keyup', 'input[type=text]', function(e) { + if(e.type == 'keyup' && e.keyCode != 13) { + return; + } + /* anything changed ? */ + if( $(this).siblings("[data-model-field]").text() !== $(this).val() ) { + /* update text */ + $(this).siblings("[data-model-field]").text($(this).val()); + + var document_pk = $(this).siblings("[data-model-field]").attr('data-pk'); + var model_field = $(this).siblings("[data-model-field]").attr('data-model-field'); + var field_value = $(this).val(); + + var data = {}; + data[model_field] = field_value; + + $.ajax({ + url: urls.update_document.replace('{pk}', document_pk), + method: 'PATCH', + dataType: 'json', + data: data, + headers: { + 'X-CSRFToken': csrf_token + }, + success: function(response, newValue) { + console.log('Field '+model_field+' updated with value "'+field_value+'".'); + } + }); + } + /* Back to original view */ + $("[data-model-field]").show(); + $(this).hide(); + }); + + /* Document file upload */ + $('.upload-document').fileupload({ + dataType: 'json', // TODO: why no JSON? + url: urls.save_document, + done: function(e, data) { + _dom.progress_bar.fadeOut('slow'); + var result = data.result; + /* insert document row */ + + var filename = result.filename.slice(0, 40); + console.log(result); + + $('.document-table').prepend(''+ result.name +' '+ filename +''+ result.updated +''); + }, + fail: function(e, data) { + console.log("Failed uploading file: ",e, data); + }, + headers: { + 'X-CSRFToken': csrf_token, + 'cache-control': 'no-cache' + }, + send: function(e, data) { + _dom.progress_bar.css('width', '0%'); + _dom.progress_bar.show(); + }, + progressall: function (e, data) { + var progress = parseInt(data.loaded / data.total * 100, 10); + _dom.progress_bar.css( + 'width', + progress + '%' + ); + } + }); +}); diff --git a/static/app/scripts/fd-slider.js b/static/app/scripts/fd-slider.js new file mode 100644 index 0000000..940ee49 --- /dev/null +++ b/static/app/scripts/fd-slider.js @@ -0,0 +1,1341 @@ +/*! Unobtrusive Slider Control / HTML5 Input Range polyfill - MIT/GPL2 @freqdec */ +/*jshint sub:true, evil:true, boss:true */ +var fdSlider = (function() { + var sliders = {}, + uniqueid = 0, + mouseWheelEnabled = true, + fullARIA = true, + describedBy = "fd-slider-describedby", + varSetRules = { + onfocus:true, + onvalue:true + }, + noRangeBar = false, + html5Animation = "jump", + useDOMAttrModEvt = false, + isOpera = Object.prototype.toString.call(window.opera) === "[object Opera]", + fpRegExp = /^([\-]{0,1}[0-9]+(\.[0-9]+){0,1})$/, + stepRegExp = /^([0-9]+(\.[0-9]+){0,1})$/; + + var parseJSON = function(str) { + if(typeof str !== "string" || str === "") { + return {}; + } + try { + // Does a JSON (native or not) Object exist + if(typeof JSON === "object" && typeof(JSON.parse) === "function") { + return JSON.parse(str); + // Genious code taken from: http://kentbrewster.com/badges/ + } else if(/mousewheelenabled|fullaria|describedby|norangebar|html5animation|varsetrules/.test(str.toLowerCase())) { + var f = Function(['var document,top,self,window,parent,Number,Date,Object,Function,', + 'Array,String,Math,RegExp,Image,ActiveXObject;', + 'return (' , str.replace(/<\!--.+-->/gim,'').replace(/\bfunction\b/g,'function-') , ');'].join('')); + return f(); + } + } catch (e) { } + + return {"err":"Could not parse the JSON object"}; + }; + + var affectJSON = function(json) { + if(typeof json !== "object") { + return; + } + for(var key in json) { + value = json[key]; + switch(key.toLowerCase()) { + case "mousewheelenabled": + mouseWheelEnabled = !!value; + break; + case "fullaria": + fullARIA = !!value; + break; + case "describedby": + describedBy = String(value); + break; + case "norangebar": + noRangeBar = !!value; + break; + case "html5animation": + html5Animation = String(value).search(/^(jump|tween|timed)$/i) != -1 ? String(value).toLowerCase() : "jump"; + break; + case "watchattributes": + useDOMAttrModEvt = !!value; + break; + case "varsetrules": + if("onfocus" in value) { + varSetRules.onfocus = !!value.onfocus; + } + if("onvalue" in value) { + varSetRules.onvalue = !!value.onvalue; + } + break; + } + } + }; + var addEvent = function(obj, type, fn) { + if(obj.addEventListener) { + obj.addEventListener(type, fn, true); + } else if(obj.attachEvent) { + obj.attachEvent("on"+type, fn); + } + }; + var removeEvent = function(obj, type, fn) { + try { + if(obj.removeEventListener) { + obj.removeEventListener(type, fn, true); + } else if(obj.detachEvent) { + obj.detachEvent("on"+type, fn); + } + } catch(err) {} + }; + var stopEvent = function(e) { + e = e || window.event; + if(e.stopPropagation) { + e.stopPropagation(); + e.preventDefault(); + } + + /*@cc_on@*/ + /*@if(@_win32) + e.cancelBubble = true; + e.returnValue = false; + /*@end@*/ + + return false; + }; + var preventDefault = function(e) { + e = e || window.event; + if(e.preventDefault) { + e.preventDefault(); + return; + } + e.returnValue = false; + }; + // Add/Remove classname utility functions + var addClass = function(e,c) { + if(new RegExp("(^|\\s)" + c + "(\\s|$)").test(e.className)) { + return; + } + e.className += ( e.className ? " " : "" ) + c; + }; + var removeClass = function(e,c) { + e.className = !c ? "" : e.className.replace(new RegExp("(^|\\s)" + c + "(\\s|$)"), " ").replace(/^\s\s*/, '').replace(/\s\s*$/, ''); + }; + // Returns an Object of key value pairs indicating which sliders have values + // that have been "set" by the user. Normally used within form validation code + var getValueSet = function() { + var obj = {}; + for(var id in sliders) { + obj[id] = sliders[id].getValueSet(); + } + return obj; + }; + // Sets the valueSet variable for a specific slider + var setValueSet = function(sliderId, tf) { + sliders[sliderId].setValueSet(!!tf); + }; + // Does the slider exist in memory + var sliderExists = function(slider) { + return !!(slider in sliders && sliders.hasOwnProperty(slider)); + }; + // Javascript instantiation of a slider (input type="text|range" or select list) + var createSlider = function(options) { + if(!options || !options.inp || !options.inp.tagName || options.inp.tagName.search(/^input|select/i) == -1) { return false; } + + options.html5Shim = false; + + if(options.inp.tagName.toLowerCase() == "select") { + if(options.inp.options.length < 2) { + return false; + } + options.min = 0; + options.max = options.inp.options.length - 1; + options.step = 1; + options.precision = 0; + options.scale = false; + options.forceValue = true; + } else { + if(String(options.inp.type).search(/^(text|range)$/i) == -1) { + return false; + } + options.min = options.min && String(options.min).search(fpRegExp) != -1 ? +options.min : 0; + options.max = options.max && String(options.max).search(fpRegExp) != -1 ? +options.max : 100; + options.step = options.step && String(options.step).search(stepRegExp) != -1 ? options.step : 1; + options.precision = options.precision && String(options.precision).search(/^[0-9]+$/) != -1 ? options.precision : (String(options.step).search(/\.([0-9]+)$/) != -1 ? String(options.step).match(/\.([0-9]+)$/)[1].length : 0); + options.scale = options.scale || false; + options.forceValue = ("forceValue" in options) ? !!options.forceValue : false; + options.userSnap = ("userSnap" in options) ? !!options.userSnap : false; + } + options.ariaFormat = ("ariaFormat" in options) && typeof options.ariaFormat == "function" ? options.ariaFormat : false; + options.maxStep = options.maxStep && String(options.maxStep).search(stepRegExp) != -1 ? +options.maxStep : +options.step * 2; + options.classNames = options.classNames || ""; + options.callbacks = options.callbacks || false; + + destroySingleSlider(options.inp.id); + sliders[options.inp.id] = new fdRange(options); + return true; + }; + var getAttribute = function(elem, att) { + return elem.getAttribute(att) || ""; + }; + // HTML5 input type="range" shim - called onload or onDomReady + var init = function() { + var inputs = document.getElementsByTagName("input"), + options, + defs; + + for(var i = 0, inp; inp = inputs[i]; i++) { + + if(inp.tagName.toLowerCase() == "input" && + (getAttribute(inp,"type") && getAttribute(inp,"type").toLowerCase() == "range") && + (getAttribute(inp, "min") && getAttribute(inp, "min").search(fpRegExp) != -1 || + getAttribute(inp, "max") && getAttribute(inp, "max").search(fpRegExp) != -1 || + getAttribute(inp, "step") && getAttribute(inp, "step").search(/^(any|([0-9]+(\.[0-9]+){0,1}))$/i) != -1 + )) { + + // Skip elements that have already been created are are resident in the DOM + if(inp.id && document.getElementById("fd-slider-"+inp.id)) { + continue; + // Destroy elements that have already been created but not resident in the DOM + } else if(inp.id && !document.getElementById("fd-slider-"+inp.id)) { + destroySingleSlider(inp.id); + } + + // Create an id for the form element if necessary + if(!inp.id) { + inp.id = "fd-slider-form-elem-" + uniqueid++; + } + + // Basic option Object + options = { + inp: inp, + callbacks: [], + animation: html5Animation, + vertical: getAttribute(inp, "data-fd-slider-vertical") ? true : (inp.offsetHeight > inp.offsetWidth), + classNames: getAttribute(inp, "data-fd-slider-vertical"), + html5Shim: true + }; + + if(options.vertical && !getAttribute(inp, "data-fd-slider-vertical")) { + options.inpHeight = inp.offsetHeight; + } + + defs = getInputAttributes(inp); + + options.min = defs.min; + options.max = defs.max; + options.step = defs.step; + options.precision = String(options.step).search(/\.([0-9]+)$/) != -1 ? String(options.step).match(/\.([0-9]+)$/)[1].length : 0; + options.maxStep = options.step * 2; + + destroySingleSlider(options.inp.id); + sliders[options.inp.id] = new fdRange(options); + } + } + + return true; + }; + var getInputAttributes = function(inp) { + return { + "min":+(getAttribute(inp, "min") || 0), + "max":+(getAttribute(inp, "max") || 100), + "step":+(getAttribute(inp, "step").search(stepRegExp) != -1 ? inp.getAttribute("step") : 1) + }; + }; + var destroySingleSlider = function(id) { + if(id in sliders && sliders.hasOwnProperty(id)) { + sliders[id].destroy(); + delete sliders[id]; + return true; + } + return false; + }; + var destroyAllsliders = function(e) { + for(var slider in sliders) { + if(sliders.hasOwnProperty(slider)) { + sliders[slider].destroy(); + } + } + sliders = []; + }; + var unload = function(e) { + destroyAllsliders(); + sliders = null; + }; + var resize = function(e) { + for(var slider in sliders) { + if(sliders.hasOwnProperty(slider)) { + sliders[slider].onResize(); + } + } + }; + var rescanAttributes = function() { + for(var slider in sliders) { + if(sliders.hasOwnProperty(slider)) { + sliders[slider].rescan(); + } + } + }; + var onDomReady = function() { + removeOnLoadEvent(); + init(); + }; + var removeOnLoadEvent = function() { + removeEvent(window, "load", init); + }; + function fdRange(options) { + var inp = options.inp, + disabled = false, + tagName = inp.tagName.toLowerCase(), + min = +options.min, + max = +options.max, + rMin = +options.min, + rMax = +options.max, + range = Math.abs(max - min), + step = tagName == "select" ? 1 : +options.step, + maxStep = options.maxStep ? +options.maxStep : step * 2, + precision = options.precision || 0, + steps = Math.ceil(range / step), + scale = options.scale || false, + hideInput = !!options.hideInput, + animation = options.animation || "", + vertical = !!options.vertical, + callbacks = options.callbacks || {}, + classNames = options.classNames || "", + html5Shim = !!options.html5Shim, + defaultVal = max < min ? min : min + ((max - min) / 2), + resetDef = tagName == "select" ? inp.selectedIndex : inp.defaultValue || defaultVal, + forceValue = html5Shim || !!options.forceValue, + inpHeight = html5Shim && vertical && ("inpHeight" in options) ? options.inpHeight : false, + ariaFormat = !html5Shim && options.ariaFormat ? options.ariaFormat : false, + userSnap = !html5Shim && (tagName != "select") && ("userSnap" in options) ? !!options.userSnap : false, + userInput = false, + timer = null, + kbEnabled = true, + initialVal = tagName == "select" ? inp.selectedIndex : inp.value, + sliderH = 0, + sliderW = 0, + tweenX = 0, + tweenB = 0, + tweenC = 0, + tweenD = 0, + frame = 0, + x = 0, + y = 0, + rMaxPx = 0, + rMinPx = 0, + handlePos = 0, + destPos = 0, + mousePos = 0, + stepPx = 0, + userSet = false, + touchEvents = false, + outerWrapper, + innerWrapper, + ieBlur, + handle, + rangeBar, + bar; + + // For the reset event to work we have to set a defaultValue + if(tagName == "input" && forceValue && !inp.defaultValue) { + inp.defaultValue = getWorkingValueFromInput(); + } + + // Make sure we have a negative step if the max < min + if(max < min) { + step = -Math.abs(step); + maxStep = -Math.abs(maxStep); + } + + // Add the 100% scale mark if needs be. This is hacky. + if(scale) { + scale[100] = max; + } + + // Set the "userSet" variable programmatically for this slider + function valueSet(tf) { + tf = !!tf; + if(tf != userSet) { + userSet = tf; + valueToPixels(getWorkingValueFromInput()); + } + } + + function rescanAttrs() { + if(!useDOMAttrModEvt || tagName == "select") { + return; + } + + var defs = getInputAttributes(inp); + + if(defs.min == min && defs.max == max && defs.step == step) { + return; + } + + min = +defs.min; + max = +defs.max; + rMin = min; + rMax = max; + step = +defs.step; + range = Math.abs(max - min); + maxStep = step * 2; + steps = Math.ceil(range / step); + userSet = false; + setSliderRange(min, max); + } + + function disableSlider(noCallback) { + if(disabled && !noCallback) { + return; + } + + try { + setTabIndex(handle, -1); + removeEvent(handle, "focus", onFocus); + removeEvent(handle, "blur", onBlur); + + if(!isOpera) { + removeEvent(handle, "keydown", onKeyDown); + removeEvent(handle, "keypress", onKeyPress); + } else { + removeEvent(handle, "keypress", onKeyDown); + } + + removeEvent(outerWrapper, "mouseover", onMouseOver); + removeEvent(outerWrapper, "mouseout", onMouseOut); + removeEvent(outerWrapper, "mousedown", onMouseDown); + removeEvent(outerWrapper, "touchstart", onMouseDown); + + if(mouseWheelEnabled) { + if (window.addEventListener && !window.devicePixelRatio) window.removeEventListener('DOMMouseScroll', trackMouseWheel, false); + else { + removeEvent(document, "mousewheel", trackMouseWheel); + removeEvent(window, "mousewheel", trackMouseWheel); + } + } + } catch(err) {} + + removeClass(innerWrapper, "fd-slider-focused"); + removeClass(innerWrapper, "fd-slider-active"); + + addClass(innerWrapper, "fd-slider-disabled"); + outerWrapper.setAttribute("aria-disabled", true); + inp.disabled = disabled = true; + clearTimeout(timer); + + if(!noCallback) { + callback("disable"); + } + } + + function enableSlider(noCallback) { + if(!disabled && !noCallback) { + return; + } + + setTabIndex(handle, 0); + addEvent(handle, "focus", onFocus); + addEvent(handle, "blur", onBlur); + + if(!isOpera) { + addEvent(handle, "keydown", onKeyDown); + addEvent(handle, "keypress", onKeyPress); + } else { + addEvent(handle, "keypress", onKeyDown); + } + + addEvent(outerWrapper, "touchstart", onMouseDown); + addEvent(outerWrapper, "mousedown", onMouseDown); + addEvent(outerWrapper, "mouseover", onMouseOver); + addEvent(outerWrapper, "mouseout", onMouseOut); + + removeClass(innerWrapper, "fd-slider-disabled"); + outerWrapper.setAttribute("aria-disabled", false); + inp.disabled = disabled = touchEvents = false; + + if(!noCallback) { + callback("enable"); + } + } + + // Destroys a slider + function destroySlider() { + clearTimeout(timer); + ieBlur = bar = handle = outerWrapper = innerWrapper = timer = null; + callback("destroy"); + callbacks = null; + } + + // Calculates the pixel increment etc + function redraw() { + locate(); + // Internet Explorer requires the try catch as hidden + // elements throw errors + try { + var sW = outerWrapper.offsetWidth, + sH = outerWrapper.offsetHeight, + hW = handle.offsetWidth, + hH = handle.offsetHeight, + bH = bar.offsetHeight, + bW = bar.offsetWidth, + mPx = vertical ? sH - hH : sW - hW; + + stepPx = mPx / steps; + rMinPx = Math.max(scale ? percentToPixels(valueToPercent(rMin)) : Math.abs((rMin - min) / step) * stepPx, 0); + rMaxPx = Math.min(scale ? percentToPixels(valueToPercent(rMax)) : Math.abs((rMax - min) / step) * stepPx, Math.floor(vertical ? sH - hH : sW - hW)); + + sliderW = sW; + sliderH = sH; + + valueToPixels(forceValue ? getWorkingValueFromInput() : (tagName == "select" ? inp.selectedIndex : parseFloat(inp.value)), false); + + } catch(err) {} + callback("redraw"); + } + + // Calls a callback function + function callback(type) { + if(!html5Shim) { + if(callbacks.hasOwnProperty(type)) { + var cbObj = {"userSet":userSet, "disabled":disabled, "elem":inp, "value":tagName == "select" ? inp.options[inp.selectedIndex].value : inp.value}; + + // Call all functions in sequence + for(var i = 0, func; func = callbacks[type][i]; i++) { + func.call(inp, cbObj); + } + } + } else if(type.match(/^(blur|focus|change)$/i)) { + var e; + if(typeof(document.createEvent) != 'undefined') { + e = document.createEvent('HTMLEvents'); + e.initEvent(type, true, true); + inp.dispatchEvent(e); + } else if(typeof(document.createEventObject) != 'undefined') { + try { + e = document.createEventObject(); + inp.fireEvent('on' + type.toLowerCase(), e); + } catch(err){ } + } + } + } + + // FOCUS & BLUR events + function onFocus(e) { + addClass(innerWrapper, 'fd-slider-focused'); + + // Is the value said to have been set by the user onfocus + if(varSetRules.onfocus) { + userSet = true; + valueToPixels(getWorkingValueFromInput()); + } + + // If mousewheel events required then add them + if(mouseWheelEnabled) { + addEvent(window, 'DOMMouseScroll', trackMouseWheel); + addEvent(document, 'mousewheel', trackMouseWheel); + if(!isOpera) { + addEvent(window, 'mousewheel', trackMouseWheel); + } + } + + callback("focus"); + return true; + } + + function onBlur(e) { + removeClass(innerWrapper, 'fd-slider-focused'); + + // Remove mousewheel events if necessary + if(mouseWheelEnabled) { + removeEvent(document, 'mousewheel', trackMouseWheel); + removeEvent(window, 'DOMMouseScroll', trackMouseWheel); + if(!isOpera) { + removeEvent(window, 'mousewheel', trackMouseWheel); + } + } + + kbEnabled = true; + callback("blur"); + } + + // MOUSEWHEEL events + function trackMouseWheel(e) { + if(!kbEnabled) { + return; + } + + e = e || window.event; + var delta = 0, + value; + + if (e.wheelDelta) { + delta = e.wheelDelta/120; + // Older versions of Opera require a small hack to inverse the delta + if (isOpera && window.opera.version() < 9.2) { + delta = -delta; + } + } else if(e.detail) { + delta = -e.detail/3; + } + + if(vertical) { + delta = -delta; + } + + if(delta) { + value = getWorkingValueFromInput(); + value += (delta < 0) ? -step : step; + userSet = true; + valueToPixels(getValidValue(value)); + } + + preventDefault(e); + } + + // KEYBOARD events + function onKeyPress(e) { + e = e || window.event; + // Let all non-hijacked keyboard events pass + if((e.keyCode >= 33 && e.keyCode <= 40) || !kbEnabled || e.keyCode == 45 || e.keyCode == 46) { + return stopEvent(e); + } + return true; + } + + function onKeyDown(e) { + if(!kbEnabled) { + return true; + } + + e = e || window.event; + var kc = e.keyCode !== null ? e.keyCode : e.charCode, + value; + + if(kc < 33 || (kc > 40 && (kc != 45 && kc != 46))) { + return true; + } + + value = getWorkingValueFromInput(); + + if( kc == 37 || kc == 40 || kc == 46 || kc == 34) { + // left, down, ins, page down + value -= (e.ctrlKey || kc == 34 ? +maxStep : +step); + } else if( kc == 39 || kc == 38 || kc == 45 || kc == 33) { + // right, up, del, page up + value += (e.ctrlKey || kc == 33 ? +maxStep : +step); + } else if( kc == 35 ) { + // max + value = rMax; + } else if( kc == 36 ) { + // min + value = rMin; + } + + userSet = true; + valueToPixels(getValidValue(value)); + + callback("update"); + + // Opera doesn't let us cancel key events so the up/down arrows and home/end buttons will scroll the screen - which sucks + preventDefault(e); + } + + // MOUSE & TOUCH events + + function onMouseOver(e) { + addClass(innerWrapper, 'fd-slider-hover'); + } + + function onMouseOut(e) { + // Should really check we are not still in the slider + removeClass(innerWrapper, 'fd-slider-hover'); + } + + // Mousedown on the slider + function onMouseDown(e) { + e = e || window.event; + + // Stop page scrolling + preventDefault(e); + + // Grab the event target + var targ; + if (e.target) { + targ = e.target; + } else if (e.srcElement) { + targ = e.srcElement; + } + if(targ && targ.nodeType == 3) { + targ = targ.parentNode; + } + + // Are we using touchEvents + if(e.touches) { + // Skip gestures + if(e.targetTouches && e.targetTouches.length != 1) { + return false; + } + + e = e.touches[0]; + touchEvents = true; + } + + // Stop any animation timers + clearTimeout(timer); + timer = null; + + // Not keyboard enabled + kbEnabled = false; + + // User has set a value + userSet = true; + + // Handle mousedown - initiate drag + if(targ.className.search("fd-slider-handle") != -1) { + mousePos = vertical ? e.clientY : e.clientX; + handlePos = parseInt(vertical ? handle.offsetTop : handle.offsetLeft)||0; + + // Set a value on first click even if no movement + trackMouse(e); + + if(!touchEvents) { + addEvent(document, 'mousemove', trackMouse); + addEvent(document, 'mouseup', stopDrag); + } else { + addEvent(document, 'touchmove', trackMouse); + addEvent(document, 'touchend', stopDrag); + // Remove mouseEvents to stop them firing after the touch event + removeEvent(outerWrapper, "mousedown", onMouseDown); + } + + addClass(innerWrapper, 'fd-slider-active'); + addClass(document.body, "fd-slider-drag-" + (vertical ? "vertical" : "horizontal")); + + callback("dragstart"); + + // Wrapper mousedown - initiate animation to click point + } else { + locate(); + + var posx = 0; + + if(e.pageX || e.pageY) { + posx = vertical ? e.pageY : e.pageX; + } else if (e.clientX || e.clientY) { + posx = vertical ? e.clientY + document.body.scrollTop + document.documentElement.scrollTop : e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; + } + + posx -= vertical ? y + Math.round(handle.offsetHeight / 2) : x + Math.round(handle.offsetWidth / 2); + posx = snapToPxValue(posx); + + // Tween animation to click point + if(animation == "tween") { + addClass(innerWrapper, 'fd-slider-active'); + tweenTo(posx); + // Progressive increment to click point + } else if(animation == "timed") { + addClass(innerWrapper, 'fd-slider-active'); + addEvent(document, touchEvents ? 'touchend' : 'mouseup', onDocMouseUp); + destPos = posx; + onTimer(); + // Immediate jump to click point + } else { + pixelsToValue(posx); + //addEvent(document, touchEvents ? 'touchend' : 'mouseup', onMouseUp); + } + } + + return false; + } + + // Progressive increment to click point - clear the animation timer and remove the mouseup/touchend event + function onDocMouseUp( e ) { + e = e || window.event; + + preventDefault(e); + removeEvent(document, touchEvents ? 'touchend' : 'mouseup', onDocMouseUp); + removeClass(innerWrapper, "fd-slider-active"); + + clearTimeout(timer); + timer = null; + kbEnabled = true; + + return false; + } + + // Mouseup or touchend event on the document to stop drag + function stopDrag(e) { + e = e || window.event; + + preventDefault(e); + + if(touchEvents) { + removeEvent(document, 'touchmove', trackMouse); + removeEvent(document, 'touchend', stopDrag); + } else { + removeEvent(document, 'mousemove', trackMouse); + removeEvent(document, 'mouseup', stopDrag); + } + + kbEnabled = true; + removeClass(document.body, "fd-slider-drag-" + (vertical ? "vertical" : "horizontal")); + removeClass(innerWrapper, "fd-slider-active"); + + callback("dragend"); + + return false; + } + + // Mousemove or touchmove event on the drag handle + function trackMouse(e) { + e = e || window.event; + + preventDefault(e); + + if(e.touches) { + // Skip gestures + if(e.targetTouches && e.targetTouches.length != 1) { + return false; + } + e = e.touches[0]; + } + + pixelsToValue(snapToPxValue(handlePos + (vertical ? e.clientY - mousePos : e.clientX - mousePos))); + + return false; + } + + // Increments the slider by "inc" steps + function increment(inc) { + var value = getWorkingValueFromInput(); + userSet = true; + value += inc * step; + valueToPixels(getValidValue(value)); + } + + // Attempts to locate the on-screen position of the slider + function locate(){ + var curleft = 0, + curtop = 0, + obj = outerWrapper; + + // Try catch for IE's benefit + try { + do { + curleft += obj.offsetLeft; + curtop += obj.offsetTop; + } while(obj = obj.offsetParent); + } catch(err) {} + x = curleft; + y = curtop; + } + + // Used during the progressive animation to click point + function onTimer() { + var xtmp = parseInt(vertical ? handle.offsetTop : handle.offsetLeft, 10); + xtmp = Math.round((destPos < xtmp) ? Math.max(destPos, Math.floor(xtmp - stepPx)) : Math.min(destPos, Math.ceil(xtmp + stepPx))); + + pixelsToValue(snapToPxValue(xtmp)); + if(xtmp != destPos) { + timer = setTimeout(onTimer, steps > 20 ? 50 : 100); + } else { + kbEnabled = true; + removeClass(innerWrapper, "fd-slider-active"); + callback("finalise"); + } + } + + var tween = function(){ + frame++; + var c = tweenC, + d = 20, + t = frame, + b = tweenB, + x = Math.ceil((t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b); + + pixelsToValue(t == d ? tweenX : x); + + if(t!=d) { + // Call the "move" callback on each animation increment + callback("move"); + timer = setTimeout(tween, 20); + } else { + clearTimeout(timer); + timer = null; + kbEnabled = true; + + removeClass(innerWrapper, "fd-slider-focused"); + removeClass(innerWrapper, "fd-slider-active"); + + // Call the "finalise" callback whenever the animation is complete + callback("finalise"); + } + }; + + function tweenTo(tx){ + kbEnabled = false; + tweenX = parseInt(tx, 10); + tweenB = parseInt(vertical ? handle.offsetTop : handle.offsetLeft, 10); + tweenC = tweenX - tweenB; + tweenD = 20; + frame = 0; + + if(!timer) { + timer = setTimeout(tween, 20); + } + } + + // Returns a value within the range & sets the userSet var + // i.e. has the user entered a valid value + function checkValue(value) { + if(isNaN(value) || value === "" || typeof value == "undefined") { + userSet = false; + return defaultVal; + } else if(value < Math.min(rMin,rMax)) { + userSet = false; + return Math.min(rMin,rMax); + } else if(value > Math.max(rMin,rMax)) { + userSet = false; + return Math.max(rMin,rMax); + } + userSet = true; + return value; + } + + // Returns a value within a range - uses the form element value as base + function getWorkingValueFromInput() { + return getValidValue(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); + } + + // Returns a value within the range + function getValidValue(value) { + return (isNaN(value) || value === "" || typeof value == "undefined") ? defaultVal : Math.min(Math.max(value, Math.min(rMin,rMax)), Math.max(rMin,rMax)); + } + + // Calculates value according to pixel position of slider handle + function pixelsToValue(px) { + var val = getValidValue(scale ? percentToValue(pixelsToPercent(px)) : vertical ? max - (Math.round(px / stepPx) * step) : min + (Math.round(px / stepPx) * step)); + + handle.style[vertical ? "top" : "left"] = (px || 0) + "px"; + redrawRange(); + setInputValue((tagName == "select" || step == 1) ? Math.round(val) : val); + } + + // Calculates pixel position according to form element value + function valueToPixels(val, updateInputValue) { + var clearVal = false, + value; + + // Allow empty values for non-polyfill sliders + if((typeof val === "undefined" || isNaN(val) || val === "") && tagName == "input" && !forceValue) { + value = defaultVal; + clearVal = true; + userSet = false; + } else { + value = checkValue(val); + } + + handle.style[vertical ? "top" : "left"] = (scale ? percentToPixels(valueToPercent(value)) : vertical ? Math.round(((max - value) / step) * stepPx) : Math.round(((value - min) / step) * stepPx)) + "px"; + redrawRange(); + if(typeof updateInputValue !== false) { + setInputValue(clearVal ? "" : value); + } + } + + // Rounds a pixel value to the nearest "snap" point on the slider scale + function snapToPxValue(px) { + if(scale) { + return Math.max(Math.min(rMaxPx, px), rMinPx); + } else { + var rem = px % stepPx; + if(rem && rem >= (stepPx / 2)) { + px += (stepPx - rem); + } else { + px -= rem; + } + + if(px < Math.min(Math.abs(rMinPx), Math.abs(rMaxPx))) { + px = Math.min(Math.abs(rMinPx), Math.abs(rMaxPx)); + } else if(px > Math.max(Math.abs(rMinPx), Math.abs(rMaxPx))) { + px = Math.max(Math.abs(rMinPx), Math.abs(rMaxPx)); + } + + return Math.min(Math.max(px, 0), rMaxPx); + } + } + + // Calculates a value according to percentage of distance handle has travelled + function percentToValue(pct) { + var st = 0, + fr = min, + value; + + for(var s in scale) { + if(!scale.hasOwnProperty(s)) { + continue; + } + + if(pct >= st && pct <= +s ) { + value = fr + ((pct - st) * (+scale[s] - fr) ) / (+s - st); + } + + st = +s; + fr = +scale[s]; + } + + return value; + } + + // Calculates the percentage handle position according to form element value + function valueToPercent(value) { + var st = 0, + fr = min, + pct = 0; + + for(var s in scale) { + if(!scale.hasOwnProperty(s)) { + continue; + } + + if(value >= fr && value <= +scale[s]){ + pct = st + (value - fr) * (+s - st) / (+scale[s] - fr); + } + + st = +s; + fr = +scale[s]; + } + + return pct; + } + + function percentToPixels(percent) { + return ((outerWrapper[vertical ? "offsetHeight" : "offsetWidth"] - handle[vertical ? "offsetHeight" : "offsetWidth"]) / 100) * percent; + } + + function pixelsToPercent(pixels) { + return pixels / ((outerWrapper[vertical ? "offsetHeight" : "offsetWidth"] - outerWrapper[handle ? "offsetHeight" : "offsetWidth"]) / 100); + } + + // Sets the form element with a valid value + function setInputValue(val) { + // The update callback doesn't mean the input value has changed + callback("update"); + + // If the user has not set this value or has entered an incorrect value then set a class + // to enable styling of the slider + if(!userSet) { + addClass(innerWrapper, "fd-slider-no-value"); + } else { + removeClass(innerWrapper, "fd-slider-no-value"); + } + + if(tagName == "select") { + try { + val = parseInt(val, 10); + if(inp.selectedIndex === val) { + updateAriaValues(); + return; + } + inp.options[val].selected = true; + } catch (err) {} + } else { + if(val !== "" && !userInput) { + val = (min + (Math.round((+val - min) / step) * step)).toFixed(precision); + } + if(inp.value === val) { + updateAriaValues(); + return; + } + inp.value = val; + } + + updateAriaValues(); + callback("change"); + } + + function checkInputValue(value) { + return !(isNaN(value) || value === "" || value < Math.min(rMin,rMax) || value > Math.max(rMin,rMax)); + } + + function setSliderRange(newMin, newMax) { + if(rMin > rMax) { + newMin = Math.min(min, Math.max(newMin, newMax)); + newMax = Math.max(max, Math.min(newMin, newMax)); + rMin = Math.max(newMin, newMax); + rMax = Math.min(newMin, newMax); + } else { + newMin = Math.max(min, Math.min(newMin, newMax)); + newMax = Math.min(max, Math.max(newMin, newMax)); + rMin = Math.min(newMin, newMax); + rMax = Math.max(newMin, newMax); + } + + if(defaultVal < Math.min(rMin, rMax)) { + defaultVal = Math.min(rMin, rMax); + } else if(defaultVal > Math.max(rMin, rMax)) { + defaultVal = Math.max(rMin, rMax); + } + + handle.setAttribute("aria-valuemin", rMin); + handle.setAttribute("aria-valuemax", rMax); + + checkValue(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); + redraw(); + } + + function redrawRange() { + if(noRangeBar) { + return; + } + if(vertical) { + rangeBar.style["height"] = Math.max(1, (bar.offsetHeight - handle.offsetTop)) + "px"; + } else { + rangeBar.style["width"] = Math.max(1, handle.offsetLeft) + "px"; + } + } + + function findLabel() { + var label = false, + labelList = document.getElementsByTagName('label'); + // loop through label array attempting to match each 'for' attribute to the id of the current element + for(var i = 0, lbl; lbl = labelList[i]; i++) { + // Internet Explorer requires the htmlFor test + if((lbl['htmlFor'] && lbl['htmlFor'] == inp.id) || (lbl.getAttribute('for') == inp.id)) { + label = lbl; + break; + } + } + + if(label && !label.id) { + label.id = inp.id + "_label"; + } + + return label; + } + + function updateAriaValues() { + var val = tagName == "select" ? inp.options[inp.selectedIndex].value : inp.value, + valTxt = ariaFormat ? ariaFormat(val) : tagName == "select" ? (inp.options[inp.selectedIndex].text ? inp.options[inp.selectedIndex].text : val) : val; + + handle.setAttribute("aria-valuenow", val); + handle.setAttribute("aria-valuetext", valTxt); + } + + function onInputChange(e) { + userSet = true; + userInput = userSnap; + valueToPixels(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); + updateAriaValues(); + userInput = false; + } + + function onReset(e) { + if(tagName == "input") { + inp.value = inp.defaultValue; + } else { + inp.selectedIndex = resetDef; + } + checkValue(tagName == "select" ? inp.options[inp.selectedIndex].value : inp.value); + redraw(); + updateAriaValues(); + } + + // Sets a tabindex attribute on an element, bends over for IE. + function setTabIndex(e, i) { + e.setAttribute(!/*@cc_on!@*/false ? "tabIndex" : "tabindex", i); + e.tabIndex = i; + } + + (function() { + if(html5Shim || hideInput) { + addClass(inp, "fd-form-element-hidden"); + try { + // FF21 hack to change input type to text + if(inp.type != "range" && + getAttribute(inp, "type") == "range" && + document.defaultView.getComputedStyle(inp, null).getPropertyValue("display") == "inline-block") { + inp.type="number"; + } + } catch(err){} + } else { + addEvent(inp, 'change', onInputChange); + } + + // Add stepUp & stepDown methods to input element if using the html5Shim + if(html5Shim) { + inp.setAttribute("fd-range-enabled", 1); + inp.stepUp = function(n) { increment(n||1); }; + inp.stepDown = function(n) { increment(n||-1); }; + + if(useDOMAttrModEvt) { + addEvent(inp, typeof(inp.onpropertychange) == "object" ? "propertychange" : "DOMAttrModified", rescanAttrs); + } + } + + outerWrapper = document.createElement('span'); + outerWrapper.className = "fd-slider" + (vertical ? "-vertical " : " ") + classNames; + outerWrapper.id = "fd-slider-" + inp.id; + + if(vertical && inpHeight) { + outerWrapper.style.height = inpHeight + "px"; + } + + innerWrapper = document.createElement('span'); + innerWrapper.className = "fd-slider-wrapper" + (!html5Shim ? " fd-slider-no-value" : ""); + + ieBlur = document.createElement('span'); + ieBlur.className = "fd-slider-inner"; + + bar = document.createElement('span'); + bar.className = "fd-slider-bar"; + + if(fullARIA) { + handle = document.createElement('span'); + } else { + handle = document.createElement('a'); + handle.setAttribute("href", "#"); + addEvent(handle, "click", stopEvent); + } + + setTabIndex(handle, 0); + + handle.className = "fd-slider-handle"; + handle.appendChild(document.createTextNode(String.fromCharCode(160))); + + innerWrapper.appendChild(ieBlur); + + if(!noRangeBar) { + rangeBar = document.createElement('span'); + rangeBar.className = "fd-slider-range"; + innerWrapper.appendChild(rangeBar); + } + + innerWrapper.appendChild(bar); + innerWrapper.appendChild(handle); + outerWrapper.appendChild(innerWrapper); + + inp.parentNode.insertBefore(outerWrapper, inp); + + if(isOpera || /*@cc_on!@*/!true) { + handle.unselectable = "on"; + bar.unselectable = "on"; + ieBlur.unselectable = "on"; + outerWrapper.unselectable = "on"; + innerWrapper.unselectable = "on"; + if(!noRangeBar) { + rangeBar.unselectable = "on"; + } + } + + // Add ARIA accessibility info programmatically + outerWrapper.setAttribute("role", "application"); + + handle.setAttribute("role", "slider"); + handle.setAttribute("aria-valuemin", tagName == "select" ? inp.options[0].value : min); + handle.setAttribute("aria-valuemax", tagName == "select" ? inp.options[inp.options.length - 1].value : max); + + var lbl = findLabel(); + if(lbl) { + handle.setAttribute("aria-labelledby", lbl.id); + handle.id = "fd-slider-handle-" + inp.id; + /*@cc_on@*/ + /*@if(@_win32) + lbl.setAttribute("htmlFor", handle.id); + @else @*/ + lbl.setAttribute("for", handle.id); + /*@end@*/ + } + + // Are there page instructions + if(document.getElementById(describedBy)) { + handle.setAttribute("aria-describedby", describedBy); + } + + // Is the form element initially disabled + if(inp.getAttribute("disabled") === true || inp.getAttribute("disabled") == "disabled") { + disableSlider(true); + } else { + enableSlider(true); + } + + // Does an initial form element value mean the user has set a valid value? + // Also called onload in case browsers have automatically set the input value + if(varSetRules.onvalue) { + userSet = true; + checkValue(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); + } + + // Catch form reset events + if(inp.form) { + addEvent(inp.form, "reset", onReset); + } + + updateAriaValues(); + callback("create"); + redraw(); + })(); + + return { + onResize: function(e) { if(outerWrapper.offsetHeight != sliderH || outerWrapper.offsetWidth != sliderW) { redraw(); } }, + destroy: function() { destroySlider(); }, + reset: function() { valueToPixels(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); }, + stepUp: function(n) { increment(Math.abs(n)||1); }, + stepDown: function(n) { increment(-Math.abs(n)||-1); }, + increment: function(n) { increment(n); }, + disable: function() { disableSlider(); }, + enable: function() { enableSlider(); }, + setRange: function(mi, mx) { setSliderRange(mi, mx); }, + getValueSet: function() { return !!userSet; }, + setValueSet: function(tf) { valueSet(tf); }, + rescan: function() { rescanAttrs(); }, + checkValue: function() { if(varSetRules.onvalue) { userSet = true; checkValue(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); } updateAriaValues(); redraw(); } + }; + } + + addEvent(window, "load", init); + addEvent(window, "load", function() { setTimeout(function() { var slider; for(slider in sliders) { sliders[slider].checkValue(); } }, 0); }); + addEvent(window, "resize", resize); + addEvent(window, "unload", unload); + + // Have we been passed JSON within the including script tag + (function() { + var scriptFiles = document.getElementsByTagName('script'), + json = parseJSON(String(scriptFiles[scriptFiles.length - 1].innerHTML).replace(/[\n\r\s\t]+/g, " ").replace(/^\s+/, "").replace(/\s+$/, "")); + + if(typeof json === "object" && !("err" in json)) { + affectJSON(json); + } + })(); + + // Add oldie class if needed for IE < 9 + /*@cc_on@*/ + /*@if (@_jscript_version < 9) + addClass(document.documentElement, "oldie"); + /*@end@*/ + + return { + rescanDocument: init, + createSlider: function(opts) { return createSlider(opts); }, + onDomReady: function() { onDomReady(); }, + destroyAll: function() { destroyAllsliders(); }, + destroySlider: function(id) { return destroySingleSlider(id); }, + redrawAll: function() { resize(); }, + addEvent: addEvent, + removeEvent: removeEvent, + stopEvent: stopEvent, + increment: function(id, numSteps) { if(!sliderExists(id)) { return false; } sliders[id].increment(numSteps); }, + stepUp: function(id, n) { if(!sliderExists(id)) { return false; } sliders[id].stepUp(Math.abs(n)||1); }, + stepDown: function(id, n) { if(!sliderExists(id)) { return false; } sliders[id].stepDown(-Math.abs(n)||-1); }, + setRange: function(id, newMin, newMax) { if(!sliderExists(id)) { return false; } sliders[id].setRange(newMin, newMax); }, + updateSlider: function(id) { if(!sliderExists(id)) { return false; } sliders[id].onResize(); sliders[id].reset(); }, + disable: function(id) { if(!sliderExists(id)) { return false; } sliders[id].disable(); }, + enable: function(id) { if(!sliderExists(id)) { return false; } sliders[id].enable(); }, + getValueSet: function() { return getValueSet(); }, + setValueSet: function(a, tf) { if(!sliderExists(id)) { return false; } setValueSet(a, tf); }, + setGlobalVariables: function(json) { affectJSON(json); }, + removeOnload: function() { removeOnLoadEvent(); }, + rescanAttributes: rescanAttributes + }; +})(); diff --git a/static/app/scripts/graphs.js b/static/app/scripts/graphs.js new file mode 100644 index 0000000..7c05998 --- /dev/null +++ b/static/app/scripts/graphs.js @@ -0,0 +1,186 @@ +/* Extend jquery */ +(function ( $ ) { + $.fn.graph = function(action, options) { + // These are the defaults + var settings = $.extend({ + width: undefined, + height: undefined, + animation_duration: 1000 // ms + }, options ); + /* The slug of each Graph object map to a function in the graphs object */ + var graphs = { + treatment: function(element) { + $(element).highcharts({ + chart: { + type: 'column', + width: settings.width, + height: settings.height, + animation: { + duration: settings.animation_duration + } + }, + title: { + text: 'Antall behandlinger' + }, + xAxis: { + title: { + text: 'År' + }, + minRange : 30 * 24 * 3600 * 1000, // + minTickInterval: 12 * 30 * 24 * 3600 * 1000, // A year + type: 'datetime' + }, + yAxis: { + title: { + text: 'Antall behandlinger' + } + + }, + series: [{ + name: 'Antall behandlinger', + data: [ + [Date.UTC(2007, 1), 35000], + [Date.UTC(2008, 1), 40000], + [Date.UTC(2009, 1), 60000], + [Date.UTC(2010, 1), 67000], + [Date.UTC(2011, 1), 70000], + [Date.UTC(2012, 1), 78000], + [Date.UTC(2013, 1), 97000], + [Date.UTC(2014, 1), 109000]], + enabled: false + + }], + legend: { + enabled: false + } + }); + }, + treatment_distribution: function(element) { + var last_year = new Date().getFullYear() - 1; + $(element).highcharts({ + chart: { + type: 'column', + width: settings.width, + height: settings.height, + animation: { + duration: settings.animation_duration + } + }, + title: { + text: 'Fordeling behandlinger' + }, + xAxis: { + title: { + text: 'Måned' + }, + minRange : 30 * 24 * 3600 * 1000, // + minTickInterval: 12 * 30 * 24 * 3600 * 1000, // A year + type: 'datetime' + }, + yAxis: { + title: { + text: 'Fordeling' + } + + }, + series: [{ + name: 'Preeksisterende', + data: [ + [Date.UTC(last_year, 0), 2], + [Date.UTC(last_year, 1), 5], + [Date.UTC(last_year, 2), 10], + [Date.UTC(last_year, 3), 20], + [Date.UTC(last_year, 4), 40], + [Date.UTC(last_year, 5), 70], + [Date.UTC(last_year, 6), 40], + [Date.UTC(last_year, 7), 40], + [Date.UTC(last_year, 8), 40]] + }, + { + name: 'Nye lidelser', + data: [ + [Date.UTC(last_year, 0), 8], + [Date.UTC(last_year, 1), 10], + [Date.UTC(last_year, 2), 15], + [Date.UTC(last_year, 3), 18], + [Date.UTC(last_year, 4), 20], + [Date.UTC(last_year, 5), 30], + [Date.UTC(last_year, 6), 40], + [Date.UTC(last_year, 7), 40], + [Date.UTC(last_year, 8), 40]] + }], + plotOptions: { + column: { + stacking: 'normal' + } + } + }); + }, + num_insured: function(element) { + $(element).highcharts({ + chart: { + type: 'column', + width: settings.width, + height: settings.height, + animation: { + duration: settings.animation_duration + } + }, + title: { + text: 'Antall forsikrede (behandlingsforsikring) per 30. juni 2003-2014' + }, + xAxis: { + title: { + text: 'År' + }, + tickInterval: Date.UTC(1902, 0, 1) - Date.UTC(1901, 0, 1), // A year + year: '%Y', + type: 'datetime' + }, + yAxis: { + title: { + text: 'Antall forsikrede' + } + + }, + series: [{ + name: 'Antall forsikrede', + data: [ + [Date.UTC(2003, 0), 14587], + [Date.UTC(2004, 0), 20634], + [Date.UTC(2005, 0), 35418], + [Date.UTC(2006, 0), 42073], + [Date.UTC(2007, 0), 74435], + [Date.UTC(2008, 0), 97661], + [Date.UTC(2009, 0), 115651], + [Date.UTC(2010, 0), 141742], + [Date.UTC(2011, 0), 233739], + [Date.UTC(2012, 0), 357468], + [Date.UTC(2013, 0), 404320], + [Date.UTC(2014, 0), 437137]], + enabled: false + + }], + legend: { + enabled: false + } + }); + } + }; + + /* What do do? */ + if(action == 'load') { + /* For each element get attr and load appropriate graph */ + return this.each(function() { + var slug = $(this).attr('data-graph-slug'); + // Create a graphs[slug] of this. + graphs[slug](this); + }); + } else if(action == 'get') { + /* Not used + return Highcharts.charts[loaded_graphs[slug].data('highchartsChart')]; + */ + } + }; + +}( jQuery )); diff --git a/static/app/scripts/presentation_edit.js b/static/app/scripts/presentation_edit.js new file mode 100644 index 0000000..4ce5f7a --- /dev/null +++ b/static/app/scripts/presentation_edit.js @@ -0,0 +1,121 @@ +function get_offset(col, grid_height, min_widget_height) { + var num_slides = $('.slide[data-col="'+ col +'"]').length; + return (grid_height - (num_slides * min_widget_height)) * -1; +} + +/* Push add buttons up x px, close to the lowest slide in its section */ +function reposition_add_buttons(min_widget_height) { + var max_rows = _.max($(".slide"), function(slide){ return parseInt($(slide).attr('data-row')); }); + var grid_height = $(max_rows).attr('data-row') * min_widget_height; + + $(".slide-add").each(function() { + var offset = get_offset($(this).attr('data-col'), grid_height, min_widget_height); + $(this).css({ top: offset }); + }); +} +$(function(){ + // TODO: on document ready, to load: loading icon + var margin_x = 8; + var margin_y = 4; + var csrf_token = $.cookie('csrftoken'); + var grid = $(".gridster ul").gridster({ + widget_selector: "li.slide", + widget_margins: [margin_x, margin_y], + widget_base_dimensions: [113, 80], + min_cols: 6, + serialize_params: function($w, wgd) { + return { + slide: $w.attr('data-slide'), + section: $('.sections li[data-col="'+ wgd.col +'"]').attr('data-section'), + order: wgd.row + }; + }, + draggable: { + // https://github.com/ducksboard/gridster.js/issues/161 + handle: 'img', // FIXME: Edit link is not working on touch + stop: function() { + /* reposition add buttons */ + reposition_add_buttons(this.min_widget_height); + + /* Save grid order */ + var grid = this.serialize_changed(); + + var slides = []; + for(var i in grid ) { + slides.push({ name: "slide-order-"+grid[i].slide, value: grid[i].order }); + slides.push({ name: "slide-section-"+grid[i].slide, value: grid[i].section }); + } + /* Prepare data */ + var data = $("#presentation-form").serializeArray(); + data = data.concat(slides); + /* http post json */ + var url = $("#presentation").attr('data-save-url'); + $.ajax({ + type: "POST", + url: url, + data: data, + async: false, // FIXME: Make async + headers: { + 'X-CSRFToken': csrf_token + }, + success: function (result,l,o) { + if(result !== undefined && result.success) { + /* redirect to edit url */ + window.location = "/slideshow/" + result.presentation_id + "/edit/"; + } else { + //console.log("Saved"); //FIXME notify + } + }, + error: function (request, text_status, error_thrown) { + console.log("uffda..."); //FIXME notify + } + }); + } + } + }); + /* Note: gridster api add, remove, serialize */ + var gridster = grid.data('gridster'); + + /* reposition add buttons */ + reposition_add_buttons(gridster.min_widget_height); + + /* Datepicker */ + $("#id_datetime").datepicker({ + dateFormat: "yy-mm-dd" + }); + /* Disable slide controls */ + $(".slide-toggle").on('click', function(e) { + /* Set slide.active=false */ + var that = $(this); + var current_slide = $(this).parent().parent(); + var new_state = current_slide.hasClass("disabled"); + var url = $(this).attr('data-save-url'); + $.ajax({ + type: "PATCH", + url: url, + data: { + active: new_state + }, + headers: { + 'X-CSRFToken': csrf_token + }, + success: function (result,l,o) { + + /* toggle 'disabled' class */ + current_slide.toggleClass("disabled"); + /* switch icons class */ + var icon = that.find("i"); + if(icon.hasClass("fa-square-o")) { + icon.removeClass("fa-square-o").addClass("fa-check-square-o"); + } else { + icon.removeClass("fa-check-square-o").addClass("fa-square-o"); + } + }, + error: function (request, text_status, error_thrown) { + console.log("uffda..."); //FIXME notify + } + }); + + }); + +}); \ No newline at end of file diff --git a/static/app/scripts/presentation_list.js b/static/app/scripts/presentation_list.js new file mode 100644 index 0000000..5edc624 --- /dev/null +++ b/static/app/scripts/presentation_list.js @@ -0,0 +1,9 @@ + +$(function(){ + //var options = { +    // valueNames: [ 'region', 'hospital', 'city', 'diagnose', 'waittime' ] +    //}; + +    //var featureList = new List('presentation-table-sortable', options); + //featureList.sort('waittime', { asc: false }); +}); diff --git a/static/app/scripts/product_calculator.js b/static/app/scripts/product_calculator.js new file mode 100644 index 0000000..1036188 --- /dev/null +++ b/static/app/scripts/product_calculator.js @@ -0,0 +1,541 @@ +$(document).ready( function() { + /* Slide: Product calculator */ + /* + * TODO: set discount based on url or user/session data + * + * */ + function set_progress(percent) { + if( percent < 1 || percent > 100 ) { + return; + } + $(".stb-progress .meter").css('width', percent+"%"); + } + function product_select(products, treatments, counceling) { + /* Searches products and returns the correct price */ + //console.log(products, treatments, counceling); + var selected = products; + if(counceling !== undefined) { + selected = _.filter(selected, function(product) { + return product.counceling_service == counceling; + }); + } + if(selected.length == 1) { + return selected[0]; + } + if(treatments !== undefined) { + selected = _.filter(selected, function(product) { + return product.treatments == treatments; + }); + } + if(selected.length == 1) { + return selected[0]; + } + //console.log("Fant ingen produkter, returnerer siste"); + return products[products.length-1]; + } + //function filter_product_risk(documents, product_order) { + // /* filter based on product risk variables */ + // var product_risk_variable_attrs = [ + // 'eligible_industry_discount', + // 'has_existing_insurance', + // 'employees', + // 'addon_psychiatric_treatment']; + + // /* which variables are set? */ + // var product_risk_variables = _.filter(product_risk_variable_attrs, function(attr) { + // return product_order[attr] !== undefined; + // }); + // //console.log("product risk variables: ", product_risk_variables); + + // /* filter based on vars in product_risk_variables and product_order + // * all must match */ + // documents = _.filter(documents, function(doc){ + // //console.log("looking at: ", doc.name, "(", doc.id, ")"); + // // filter when not specified + // if(!doc.product_risk_variables.length) { + // return false; + // } + + // /* Loop over the product_risks attached to this document */ + // var doc_matches = _.map(doc.product_risk_variables, function(variables, index, list) { + // /* Loop over each variable in the list of risks */ + // var var_matches = _.map(product_risk_variables, function(element) { + // //console.log("looping document risk vars: ", element, product_order[element], variables[element], variables); + // // num employees special case + // if(element == 'employees' && (product_order[element] > variables['employees_max'] || product_order[element] < variables['employees_min'])) { + // return false + // } + // else if(product_order[element] != variables[element] && element != 'employees') { + // return false; // drop document + // } + // return true; + // }); + // // All attributes in the product_order must match with variables + // return _.every(var_matches); + // }); + // // Need just one match to keep the document + // return _.some(doc_matches); + // }); + // return documents; + //} + //function filter_individual_risk(documents, product_order) { + // //console.log("individual risk variables: ", product_order.individual_term_employees); + // /* Filter based on age ranges */ + // var ages = _.map(product_order.individual_term_employees, function(employee) { + // return employee.age; + // }); + // /* Filter documents not referencing at least one individual risk variable matching the specified ages */ + // documents = _.filter(documents, function(doc) { + // // filter when not specified + // // Note: Unsure if this is correct + // if(!doc.employee_risk_variables.length) { + // return false; + // } + // var matches = _.map(doc.employee_risk_variables, function(variables, index, list) { + // var age_matches = _.map(ages, function(age) { + // return age >= variables.age_min && age <= variables.age_max; + // }); + // return _.some(age_matches); // matching at least one age + // }); + // return _.some(matches); //matching at least one risk variable + // }); + // return documents; + //} + //function filter_documents(documents, product_order) { + // /* Filter based on product selection + // * Note: only filters by product if below 100 employees */ + // if(product_order.employees < 100) { + // var documents = _.filter(documents, function(doc){ + // var product_ids = _.map(doc.products, function(product) { return product.id; }); + // return _.contains(product_ids, product_order.product.id); + // }); + + // if(product_order.employees >=1 && product_order.employees <= 4 && !product_order.eligible_industry_discount) { + // documents = filter_individual_risk(documents, product_order); + // } + // else { + // documents = filter_product_risk(documents, product_order); + // } + // } else { + // /* Filter based on dummy no-product */ + // documents = _.filter(documents, function(doc){ + // var product_slugs = _.map(doc.products, function(product) { return product.slug; }); + // return _.contains(product_slugs, 'no-product'); + // }); + // + // } + // return documents; + // + //} + //function update_document_list(documents) { + // if(documents.length == 0) { + // $(".product-calculator .documents-table").html("Fillern, det er ingen dokumenter knyttet til dette produktet og valgte variable :'("); + // return; + // } + // var html = ""; + // _.each(documents, function(doc) { + // html += ''; + // }); + // html += "
NavnType
'+ doc.name +''+ doc.category +'
"; + // $(".product-calculator .documents-table").html(html); + //} + function get_price_individual(product, product_order) { + /* Need a valid product */ + if(product === undefined || product.employee_risk_variables.length === 0) { + return -1; + } + /* Invidual risk */ + var has_existing_insurance = false; + if( product_order.has_existing_insurance !== undefined) { + has_existing_insurance = product_order.has_existing_insurance; + } + /* Get list of prices for each employee */ + var prices = _.map(product_order.individual_term_employees, function(employee) { + /* Filter by employee-age */ + var variation = _.find(product.employee_risk_variables, function(variation) { + if(employee.age >= variation.age_min && employee.age <= variation.age_max) { + return true; + } + return false; + }); + return variation.price; + }); + return prices; + } + + function get_price(product, product_order) { + /* Group risk */ + var price = 0; + var has_existing_insurance = false; + if( product_order.has_existing_insurance !== undefined) { + has_existing_insurance = product_order.has_existing_insurance; + } + + /* Filter by boolean values */ + var variations = _.where(product.product_risk_variables, { + eligible_industry_discount: product_order.eligible_industry_discount, + has_existing_insurance: has_existing_insurance, + }); + /* Filter by num employees */ + variation = _.filter(variations, function(variation) { + if(variation.employees_max == product_order.employees ) { + return true; + } + }); + if(variation.length >= 1) { + price = parseInt(variation[0].price); + } else { + /* Error: Missing product data in db */ + price = -1; + } + /* include price for psychiatric treatment addon */ + // FIXME price is static. + if(product_order.addon_psychiatric_treatment !== undefined && product_order.addon_psychiatric_treatment) { + price += 204; + } + + return price; + } + function product_recalc(products, product_order) { + var product = product_select( + products, + product_order.treatments, + product_order.counceling); + + /* calculate price based in product and current risk data */ + var price_formatted; + + if(product_order.employees <= 4 && ! product_order.eligible_industry_discount) { + var prices = get_price_individual(product, product_order); + var sum = _.reduce(prices, function(memo, num) { return memo + parseInt(num); }, 0); + if(sum === 0) { + price_formatted = "Prøv andre valg, ingen pris funnet."; + } else { + if(prices.length == 1) { + price_formatted = "NOK " + sum + ",- per måned"; + } else { + price_formatted = prices.join(" + ")+" = NOK " + sum + ",- per måned"; + } + } + } else { + price = get_price(product, product_order); + if(price == -1) { + price_formatted = "Prøv andre valg, ingen pris funnet."; + } else { + price_formatted = "NOK " + price + ",- per år"; + } + } + product_order.product = product; + $("[data-prodcalc-product]").text(product.name); + $("[data-prodcalc-product-price]").text(price_formatted); + } + //function update_relevant_documents(product_order) { + + // var url = $(".product-calculator[data-documents-url]").attr('data-documents-url'); + // $.ajax({ + // url: url, + // method: 'GET', + // dataType: 'json', + // headers: { + // 'X-CSRFToken': $("[name=csrfmiddlewaretoken]").val() + // }, + // success: function(documents) { + // /* Present only the right documents, ordered by category */ + // //console.log("fetched the following documents:", documents); + // //console.log("filtering based on product_order", product_order); + + // var less_documents = filter_documents(documents, product_order); + // //console.log("returned these documents:", less_documents); + // update_document_list(less_documents); + // } + // }); + //} + + if($(".product-calculator").length) { + /* product_order stores the state of the order */ + var product_order = {}; + var product_order_steps = {}; + var num_product_order_steps = 6; + + /* Is the industry discount disabled? */ + if ( $('.product-calculator[data-disable-industry-discount]').length ) { + product_order.eligible_industry_discount = false; + $("[data-key=treatments][data-value=5]").show(); + } + + /* General layout of steps when user interacts with page: + * - update product_order state + * - update progress based on state + * - update the dom with the correct display state (button state, step description) + * - find product based on selection + * - calculate price based on discounts, selection and product + */ + + $.getJSON('/products.json', function(products) { + /* Attach to buttons and fields */ + + /* On every answer change */ + $("[data-answer]").on('click', function(e) { + var key = $(this).attr('data-key'); + var value = $(this).attr('data-value'); + + /* to_javascript */ + if (value == "no") { + value = false; + } + else if(value == "yes") { + value = true; + } + if(key == "treatments" || key == "employees") { + value = parseInt(value); + } + + /* limit options and change display */ + /* based on employees */ + if(key == "employees") { + if( value >= 20) { + if(product_order.has_exisiting_insurance === undefined) { + $(".modal-has-existing-insurance").foundation('reveal', 'open'); + } + } else { + /* Reset answer */ + delete product_order.has_exisiting_insurance; + $(".modal-has-existing-insurance button").removeClass("selected disabled"); + } + + var min_value = $(this).attr('data-min'); + /* if between 1 and 4 then.. */ + if( value <= 4 && min_value >= 1 && !product_order.eligible_industry_discount) { + /* display individual employee risk container */ + $(".individual-pricing-container").fadeIn('fast'); + /* Note: Fetching employee ages before anyone have been selected */ + update_employee_ages(); + } else { + $(".individual-pricing-container").fadeOut('fast'); + $("[data-key=treatments][data-value=12]").show(); + } + /* Next button */ + $("[data-goto-part=part-two]").fadeIn('fast'); + } + /* based on industry deal */ + if(key == "eligible_industry_discount") { + if(value) { + /* limit num treatments*/ + $("[data-key=treatments][data-value=5]").hide(); + } else { + $("[data-key=treatments][data-value=5]").show(); + } + if( !value && product_order.employees <= 4 && product_order.employees >= 1) { + $(".individual-pricing-container").fadeIn('fast'); + } else { + $(".individual-pricing-container").fadeOut('fast'); + } + + $(".prod-num-staff").fadeIn('fast'); + $(".part-one-zero").fadeOut('fast'); + setTimeout(function() { + $(".part-one-one").fadeIn('fast'); + }, 400); + } + /* based on counceling */ + if(key == "counceling") { + $(".prod-num-treatments").fadeIn('fast'); + $(".about-num-treatments").fadeIn('fast'); + if(value) { + /* limit num treatments and auto-select 24 */ + $("[data-key=treatments][data-value=5], [data-key=treatments][data-value=0]").hide(); + product_order.treatments = 24; + product_order_steps.treatments = 24; + $("[data-key=treatments]").removeClass("selected disabled"); + $("[data-key=treatments][data-value=24]").addClass("selected"); + /* update coverage */ + $(".coverage-treatments").text(product_order.treatments); + $(".selected-coverage .topp, .selected-coverage .treatments").fadeIn('fast'); + } else { + /* show all treatments, except 0 if industry deal */ + if( !product_order.eligible_industry_discount ) { + $("[data-key=treatments][data-value=5]").show(); + } + // FIXME: missing pricing data, just hide this option for now + if(product_order.employees <= 4) { + $("[data-key=treatments][data-value=0]").hide(); + } else { + $("[data-key=treatments][data-value=0]").show(); + } + $(".selected-coverage .topp").fadeOut('fast'); + } + } + /* based on addon_psychiatric_treatment */ + if(key == "addon_psychiatric_treatment") { + $(".prod-num-treatments").fadeIn('fast'); + $(".about-num-treatments").fadeIn('fast'); + $(".selected-coverage .counceling").fadeOut('fast'); + if(value) { + /* limit num treatments and auto-select 24 */ + $("[data-key=treatments][data-value=0]").hide(); + product_order.treatments = 24; + product_order_steps.treatments = 24; + $("[data-key=treatments]").removeClass("selected disabled"); + $("[data-key=treatments][data-value=24]").addClass("selected"); + /* update coverage */ + $(".coverage-treatments").text(product_order.treatments); + $("[data-prodcalc-addon]").text("med psykologi"); + $(".selected-coverage .treatments").fadeIn('fast'); + $(".selected-coverage .topp, .selected-coverage .psychology").fadeIn('fast'); + } else { + $(".selected-coverage .topp").fadeOut('fast'); + $("[data-prodcalc-addon]").text(""); + $("[data-key=treatments][data-value=0]").show(); + } + } + /* based on num treatments */ + if(key == "treatments") { + /* update coverage */ + if(value > 0) { + $(".selected-coverage .treatments").fadeIn('fast'); + $(".coverage-treatments").text(value); + } else if(value === 0) { + $(".selected-coverage .topp").fadeOut('fast'); + $(".selected-coverage .treatments").fadeOut('fast'); + $(".coverage-treatments").text(value); + } else { + $(".selected-coverage .treatments:visible").fadeOut('fast'); + } + } + + /* Update current answers. + * ie. industry discount, number of treatments, counceling and addon_psychiatric_treatment + */ + product_order[key] = value; + product_order_steps[key] = value; + + $(this).addClass("selected").removeClass("disabled"); + $("[data-key="+ key +"]").not(this).removeClass("selected").addClass("disabled"); + product_recalc(products, product_order); + /* total questions by number by answered questions */ + var current_progress = _.size(product_order_steps) / parseFloat(num_product_order_steps) * 100; + set_progress(current_progress); + }); + + /* Go on to the section after this one */ + $("[data-goto-part]").on('click', function(e) { + product_recalc(products, product_order); + var part = $(this).attr('data-goto-part'); + + + /* Product tailoring */ + if(part == 'part-two' && product_order.employees < 100) { + //console.log(product_order); + $(".part-zero, .part-one-right-container").fadeOut('fast'); + setTimeout(function() { + if(product_order.eligible_industry_discount) { + /* Don't ask for counceling, and set it to false */ + product_order.counceling = false; + $(".addon_psychiatric_treatment").fadeIn('fast'); + $(".about-addon-psychiatric-treatment").fadeIn('fast'); + $(".about-counceling").hide(); + } else { + $(".part-two .counceling").fadeIn('fast'); + // FIXME remove this if business rules are valid + //if(product_order.employees >= 20 && product_order.employees <= 99) { + // $(".about-num-treatments").fadeIn('fast'); + // $(".prod-num-treatments").fadeIn('fast'); + //} else { + // $(".part-two .counceling").fadeIn('fast'); + //} + } + $(".part-two-and-a-half-container").fadeIn('fast'); + $(".part-two").fadeIn('fast'); + if(product_order.has_exisiting_insurance) { + $(".part-two-right .need-stats").show(); + } else { + $(".part-two-right .need-stats").hide(); + } + }, 500); + } + /* Skip product tailoring */ + if( part == 'part-two' && product_order.employees >= 100) { + set_progress(100); + /* Get relevant product documents */ + //update_relevant_documents(product_order); + /* Show documents tab */ + $(".part-zero, .part-one-right-container").fadeOut('fast'); + setTimeout(function() { + if(product_order.has_exisiting_insurance) { + $(".part-three-special .need-stats").show(); + } else { + $(".part-three-special .need-stats").hide(); + } + $(".part-three-special").fadeIn('fast'); + }, 500); + } + + + /* "We recommend the product..." */ + if(part == 'part-two-and-a-half') { + $(".part-two-right").fadeOut('fast'); + $(".select-product-btn").fadeIn('fast'); + setTimeout(function() { + $(".part-two-and-a-half").fadeIn('fast'); + }, 500); + } + + + + /* Document "checkout" - fancy schmancy */ + if( part == 'part-three') { + set_progress(100); + /* Get relevant product documents */ + //update_relevant_documents(product_order); + + /* Show documents tab */ + $(".part-two, .part-one").fadeOut('fast'); + setTimeout(function() { + $(".part-two-and-a-half").parent().removeClass("small-7").addClass("small-12"); + $(".eula-container").removeClass("small-7").addClass("small-4"); + $(".product-description-inner").removeClass("small-5").addClass("small-3"); + $(".part-three").fadeIn('fast'); + }, 300); + $('[data-goto-part="part-three"]').fadeOut('fast'); + } + }); + + /* Update the product_order with individual employee ages */ + function update_employee_ages() { + var employees = []; + var i = 1; + $(".individual-pricing-container select.age-select-dropdown:visible").each(function(j, el) { + age = parseInt($(el).val().split(" -")[0]); + employees.push({ id: i, age: age }); + i++; + }); + product_order.individual_term_employees = employees; + } + $(".individual-pricing-container select.age-select-dropdown").on('change', update_employee_ages); + + /* add html for individual employee risk */ + $(".individual-pricing-container").on('click', "[data-add-new-employee]", function(e) { + e.preventDefault(); + /* No more than set amount */ + if( $(".person:visible").length == 4) { + return; + } + $(this).parent().next().fadeIn({ complete: update_employee_ages }); + }); + /* remove html for individual employee risk */ + $(".individual-pricing-container").on('click', "[data-remove-employee]", function(e) { + e.preventDefault(); + /* At least 1 */ + if( $(".person:visible").length == 1) { + return; + } + $(this).parent().fadeOut({ complete: update_employee_ages }); + }); + + /* Close modal on answer */ + $('[data-key="has_exisiting_insurance"]').on('click', function() { + $("#modal-has-existing-insurance").foundation('reveal', 'close'); + }); + }); + } +}); diff --git a/static/app/scripts/slide_edit.js b/static/app/scripts/slide_edit.js new file mode 100644 index 0000000..de812fd --- /dev/null +++ b/static/app/scripts/slide_edit.js @@ -0,0 +1,276 @@ +$(function() { + /* Save part urls + * Ref: urls.py */ + var urls = { + slide_part_save: '/api/slide/part/', + slide_title_save: '/api/slide/{slide_id}/title/', + slide_part_update: '/api/slide/part/{part_id}/', + slide_part_remove: '/api/slide/part/{part_id}/', + image_save: '/api/image/' + }; + var slide_id = $("#slide").attr('data-slide-id'); + var csrf_token = $.cookie('csrftoken'); + + /* Editor fields */ + var elements = document.querySelectorAll('[data-type="text"], [data-type="html"], [data-type="wysihtml5"]'); + var mediumOptions = { + buttons: ['bold', 'italic', 'header1', 'header2', 'quote', 'anchor', 'unorderedlist', 'orderedlist', 'removeFormat'] + }; + var editor = new MediumEditor(elements, mediumOptions); + editor.subscribe('blur', function(event, el) { + var type = $(el).attr('data-type'); + var name = $(el).attr('data-name'); + var url = $(el).attr('data-url'); + var pk = $(el).attr('data-pk'); + var method = 'POST'; + + if (pk.length > 0 && name != 'slide-title') { + url = urls.slide_part_update.replace('{part_id}', pk); + method = 'PUT'; + } + + var value = el.innerHTML; + if(type == 'text') { + value = el.textContent; + } + var data = { + slide_id: slide_id, + pk: pk, + name: name, + value: value + }; + $.ajax({ + method: method, + headers: { + 'X-CSRFToken': csrf_token + }, + type: 'POST', + url: url, + data: JSON.stringify(data), + contentType : 'application/json' + }).done(function() { + // TODO set pk on part + // $('[data-name="part-' + response.part_created_name + '"]').attr('data-pk', response.part_created_pk); + }).fail(function() { + console.log("boo"); + }); + + }); + $('[data-type="dynamic"]').on('changed', function(e) { + /* Delete part */ + if($(this).attr('data-part-remove')) { + var that = this; + $.ajax({ + url: urls.slide_part_remove.replace('{part_id}', $(this).attr('data-pk')), + method: 'DELETE', + headers: { + 'X-CSRFToken': csrf_token + }, + success: function(response, newValue) { + $(that).removeAttr('data-part-remove'); + $(that).attr('data-pk', ''); + } + }); + return; + } + /* Create or update part */ + var value = ''; + var type = ''; + + if($(this).find('img').length) { + value = $($(this).find('img')[0]).attr('data-pk'); + type = 'image'; + } + else if($(this).find('[data-graph-pk]').length) { + value = $($(this).find('[data-graph-pk]')[0]).attr('data-graph-pk'); + type = 'graph'; + } + else { + console.log("Could not determine Part-type."); + return; + } + + var slide_pk = $(this).attr('data-pk'); + var url = urls.slide_part_save; + var method = 'POST'; + + if (slide_pk.length > 0) { + url = urls.slide_part_update.replace('{part_id}', slide_pk); + method = 'PUT'; + } + + $.ajax({ + url: url, + method: method, + dataType: 'json', + data: { + name: $(this).attr('data-name'), + value: value, + type: type, + slide_id: $("#slide").attr('data-slide-id'), + href: $(this).find('a').attr('href') + }, + headers: { + 'X-CSRFToken': csrf_token + }, + success: function(response, newValue) { + if(response !== undefined && response.part_name && response.part_pk) { + $('[data-name="part-' + response.part_name + '"]').attr('data-pk', response.part_pk); + } + } + }); + }); + + /* + * Gallery + */ + // Ref: https://github.com/blueimp/jQuery-File-Upload + // https://github.com/blueimp/jQuery-File-Upload/wiki/Options + $('#id_file').fileupload({ + dataType: 'json', + url: urls.image_save, + done: function(e, data) { + // add image in gallery + $(".gallery ul").prepend('
  • '+ data.result.name +'
    • '); + // click event + $(".gallery ul li:first-child").click(function (e) { + $(this).siblings().removeClass("selected"); + $(this).toggleClass("selected"); + }); + $("#progress .bar").fadeOut('slow'); + }, + fail: function(e, data) { + console.log("Failed uploading file: ",e, data); + }, + headers: { + 'X-CSRFToken': csrf_token, + 'cache-control': 'no-cache' + }, + send: function(e, data) { + $('#progress .bar').css('width', '0%'); + $("#progress .bar").show(); + }, + progressall: function (e, data) { + var progress = parseInt(data.loaded / data.total * 100, 10); + $('#progress .bar').css( + 'width', + progress + '%' + ); + } + }); + /* Green select */ + $(".image-select").not(".placeholder").click(function (e) { + $(this).siblings().removeClass("selected"); + $(this).toggleClass("selected"); + + }); + /* Insert image */ + $('[data-type="dynamic"]').each(function(i, el) { + /* Insert image-button */ + var button_area = '
    '; + var image_button = ''; + $(el).wrap('
    '); + $(el).after(button_area); + $('[data-buttons-for="'+ $(el).attr('data-name') +'"]').append(image_button); + }); + + $('[data-reveal-id="gallery-modal"]').click( function(e) { + /* Store where to but the image from the modal in the modal */ + var replacing = $(this).attr('data-replace'); + $(".image-insert-btn").attr('data-replacing', replacing); + }); + $(".image-insert-btn").click(function(e) { + var img = $(".gallery .selected img"); + if(!img.length) { + // nothing selected + return; + } + var replacing = $(this).attr('data-replacing'); + var part = $('[data-name="'+ replacing +'"]'); + part.html(''); + part.find('img').attr('data-pk', img.attr('data-pk')); + part.trigger('changed'); + $("#gallery-modal").foundation('reveal', 'close'); + $('.image-select').removeClass("selected"); + }); + /* DELETE image part */ + $("[data-remove-image]").click(function(e) { + var replacing = $('.image-insert-btn').attr('data-replacing'); + var part = $('[data-name="'+ replacing +'"]'); + part.attr('data-part-remove','1'); + part.html(''); + part.trigger('changed'); + $('.image-select').removeClass("selected"); + $("#gallery-modal").foundation('reveal', 'close'); + }); + + /* Link between slides */ + /* ...for "dynamic" areas */ + $('[data-type="dynamic"]').each(function(i, el) { + /* Insert link-button on images */ + var last_button = $(el).siblings().find("a:last-child"); + last_button.after(''); + }); + + /* Set element target on modal */ + $('[data-url-target]').click( function(e) { + var target = $(this).attr('data-url-target'); + if(!$('[data-name="' + target + '"]').find('img').length) { + /* if there is no image, dont link to nothing */ + e.stopPropagation(); + return; + } + $(".modal-links").attr('data-wrapping', target); + }); + + $("[data-is-slide-link]").click(function(e) { + e.preventDefault(); + if($(this).attr('data-get-value-from-id')) { + /* Insert own link via input-field */ + var input_id = $(this).attr('data-get-value-from-id'); + $(this).attr('href', $("#"+input_id).val()); + } + var link = $(this).attr('href'); + var wrapping = $(".modal-links").attr('data-wrapping'); + var el_target = $('[data-name="'+ wrapping +'"]'); + // replace href in targets children if it exists + var potential_link = el_target.children(); + if(potential_link.is('a')) { + potential_link.attr('href',link); + } else { + el_target.find('img').wrap(''); + } + el_target.trigger('changed'); + $(".modal-links").foundation('reveal', 'close'); + }); + + /* Graphs - sticks in divs with data-type=dynamic */ + $('[data-type="dynamic"]').each(function(i, el) { + /* Insert link-button on images */ + var last_button = $(el).siblings().find("a:last-child"); + last_button.after(''); + + /* Set element target on modal */ + $('[data-target="'+ $(el).attr('data-name') +'"]').click( function(e) { + var target = $(this).attr('data-target'); + $(".modal-graph").attr('data-graph-target', target); + }); + }); + + $("[data-is-graph] a").click(function(e) { + e.preventDefault(); + var part_name = $('[data-graph-target]').attr('data-graph-target'); + var graph = $(this).parent(); + var part = $('[data-name="'+ part_name +'"]'); + var html = graph.find('[data-graph-html-copy]')[0].outerHTML; + part.html(html); + part.find('[data-graph-slug]').graph('load'); + part.trigger('changed'); + $(".modal-graph").foundation('reveal', 'close'); + }); + + /* Load graphs initially */ + $('.template [data-graph-slug]').graph('load'); + $('.modal-graph [data-graph-slug]').graph('load', {width: 300, height: 200}); + +}); diff --git a/static/app/scripts/slides.js b/static/app/scripts/slides.js new file mode 100644 index 0000000..92a10dc --- /dev/null +++ b/static/app/scripts/slides.js @@ -0,0 +1,440 @@ +$(document).ready( function() { + var all_icons = $("[data-section-icon]").map(function() { + return $(this).attr('data-section-icon'); + }).get(); + all_icons = _.uniq(all_icons).join(" "); + + function update_title_bar( event ) { + if($(event.currentSlide).is('[data-section-title-hidden]') ) { + $(".title-bar").css('opacity', '0'); + } else { + $(".title-bar").css('opacity', '1'); + } + // event.previousSlide, event.currentSlide, event.indexh, event.indexv + var title = $(event.currentSlide).attr('data-section-title') || ""; + /* Only update when title has changed */ + if($(".title-bar .title span:first").text() !== title) { + $(""+title+"").hide().appendTo(".title-bar .title").fadeIn("normal"); + $(".title-bar .title span:not(:last)").fadeOut("normal", function() { + $(this).remove(); + }); + } + + var edit_url = $(event.currentSlide).attr('data-edit-url'); + $(".title-bar a.title").attr('href', edit_url); // Only update if a is found + + var icon = $(event.currentSlide).attr('data-section-icon') || ""; + if( !$(".title-bar .title i").hasClass(icon) ) { + $(".title-bar .title i") + .removeClass(all_icons) + .addClass(icon); +  } + } + /* Slides: with "wheel" */ + function wheel_toggle_slides(el) { + $("[data-wheel-order]").removeClass('active'); + $(el).addClass('active'); + var order = $(el).attr('data-wheel-order'); + var related = $('[data-wheel-order="' + order +'"]').not('.wheel-image'); + related.addClass('active'); + $('.wheel-text [data-type="wysihtml5"]').hide(); + related.show(); + } + $(".top-bar .links a").click(function() { + $(".top-bar.expanded .toggle-topbar").trigger("click.fndtn.topbar"); + }); + + /* Presentation? */ + if( $('.page-presentation-play').length) { + /* Initialize reveal.js */ + Reveal.initialize({ + // Display controls in the bottom right corner + controls: true, + // Display a presentation progress bar + progress: true, + // Push each slide change to the browser history + history: true, + // Enable keyboard shortcuts for navigation + keyboard: true, + // Enable the slide overview mode + overview: false, + // Vertical centering of slides + center: false, + // Enables touch navigation on devices with touch input + touch: true, + // Loop the presentation + loop: false, + // Change the presentation direction to be RTL + rtl: false, + // Number of milliseconds between automatically proceeding to the + // next slide, disabled when set to 0, this value can be overwritten + // by using a data-autoslide attribute on your slides + autoSlide: 0, + // Enable slide navigation via mouse wheel + mouseWheel: false, + // Apply a 3D roll to links on hover + rollingLinks: false, + // Transition style + transition: 'linear', // default/cube/page/concave/zoom/linear/fade/none + // Factor of the display size that should remain empty around the content + margin: 0.15, + // The "normal" size of the presentation, aspect ratio will be preserved + // when the presentation is scaled to fit different resolutions. Can be + // specified using percentage units. + //width: 960, + //height: 700, + width: 768, // Note: Could set this to 100% and make presentation content responsive instead of using zoom; + height: 576, + minScale: 0.2, + maxScale: 1 + // FIXME: use user agent / device width ? + }); + + + Reveal.addEventListener( 'ready', function(event) { + /* On small screen? disable transitions */ + var small_screen = $(window).width() < 480; + if( small_screen ) { + Reveal.configure({ transition: 'none' }); + } + + update_title_bar(event); + + /* Load chart if one exists on current slide (animate) */ + if( $(event.currentSlide).find('[class^="graph-"]').length) { + $(event.currentSlide).find('[class^="graph-"]').graph('load'); + } + + }); + + Reveal.addEventListener( 'slidechanged', function( event ) { + + /* Update title bar */ + update_title_bar(event); + + /* Chart slide - Wait until it is current to load (animate) */ + if( $(event.currentSlide).find('[class^="graph-"]').length) { + $(event.currentSlide).find('[class^="graph-"]').graph('load'); + } + + /* Disable touch on specific slides*/ + if( $(event.currentSlide).find("[data-swipe-disable]").length ) { + Reveal.configure({ touch: false }); + } else { + Reveal.configure({ touch: true }); + } + + /* Search previous slide for video elements and pause them */ + $(event.previousSlide).find("video").each(function(i, el) { + el.pause(); + }); + + /* Setup/Reset wheel state on wheel-slide enter */ + if( $(event.currentSlide).find('.wheel').length) { + $('.wheel-text [data-wheel-order]').hide(); + $('[data-wheel-order]').removeClass('active'); + $('[data-wheel-order="1"]').addClass('active').show(); + } + } ); + + + $(".wheel-images .wheel-image .trigger, .wheel-head .trigger").on('mousedown', function(e) { + wheel_toggle_slides(this); + }); + /* Hover fix for touch: Only bind on hover for non-touch devices */ + $(".no-touch .wheel-images .wheel-image .trigger, .no-touch .wheel-head .trigger").on('mouseenter', function(e) { + wheel_toggle_slides(this); + }); + } + + /* Swipebox */ + $('a.fancybox').swipebox(); + + /* Video */ + $('video').mediaelementplayer({ + success: function (mediaElement, domObject) { + /* Track video plays */ + mediaElement.addEventListener( + 'play', + function(e) { + mixpanel.track("Played video."); + }, + false); + } + }); + + /* Skip home if you are on the play-slide */ + $("[data-goto-first-slide]").on('click', function(e) { + e.preventDefault(); + $(".top-bar.expanded .toggle-topbar").trigger("click.fndtn.topbar"); + Reveal.slide(0, 0); + }); + + + /* Slide: Sick cost calculator */ + function get_salary() { + var industry_pk = parseInt($("#id_calc_industry").val(), 10); + /* Note: stb_industries is defined in the calculator.html-template */ + var industry = _.findWhere(stb_industries, {pk: industry_pk}); + + if(industry === undefined) { + return 0; + } + return industry.fields.yearly_salary; + } + function calc_cost(sick_rate, num_staff) { + var salary = get_salary(); + sick_rate = sick_rate / 100.0; // percent + return sick_rate * num_staff * salary; + } + /* Format norwegian */ + function format_number_norwegian(num) { + num = num.toString(); + var formatted_str = ""; + /* Add spaces backwards every third char */ + for(var i=0; i< num.length; i++){ + if(i % 3 === 0) { + formatted_str += " "; + } + formatted_str += num.charAt(num.length-i-1); + } + /* reverse the string */ + return formatted_str.split("").reverse().join(""); + } + function calc_savings(sick_rate, goal_sick_rate, num_staff) { + var current = calc_cost(sick_rate, num_staff); + var goal = calc_cost(goal_sick_rate, num_staff); + return current - goal; //total savings per year + } + function recalc() { + /* Get data */ + var num_staff = parseInt($(".num-staff").slider('value'), 10); + var sick_rate = $(".sick-rate").slider('value'); + var sick_rate_float = parseFloat(sick_rate); + var goal_sick_rate = $(".goal-sick-rate").slider('value'); + var goal_sick_rate_float = parseFloat(goal_sick_rate); + /* Calculate */ + var cost = calc_cost(sick_rate_float, num_staff); + cost = parseInt(Math.round( cost / 100), 10) * 100; + var savings = calc_savings(sick_rate_float, goal_sick_rate, num_staff); + savings = parseInt(Math.round( savings / 1000), 10) * 1000; + /* Output data */ + $("[data-calc-staff]").text(num_staff); + $("[data-calc-rate]").text(Math.round(sick_rate_float * 10) / 10); + $("[data-calc-goal-rate]").text(Math.round(goal_sick_rate_float * 10) / 10); + $("[data-calc-savings]").text(format_number_norwegian(savings)); + $("[data-calc-savings-employee]").text(format_number_norwegian(Math.round(savings / num_staff))); + /* cost */ + $("[data-calc-cost]").text(format_number_norwegian(cost)); + $("[data-calc-cost-employee]").text(format_number_norwegian(Math.round(cost / num_staff))); + + } + if($(".sick-cost-calculator").length) { + $( ".num-staff" ).slider({ + animate: "fast", + value: 600, + min: 1, + max: 2000, + step: 1, + stop: recalc, + slide: recalc + }); + $( ".sick-rate" ).slider({ + animate: "fast", + value: 10.2, + min: 1, + max: 15, + step: 0.2, + stop: recalc, + slide: recalc + }); + $( ".goal-sick-rate" ).slider({ + animate: "fast", + value: 5, + min: 1, + max: 15, + step: 0.2, + stop: recalc, + slide: recalc + }); + $(".sick-cost-industry-form").on('change', function(e) { + recalc(); + }); + + recalc(); // Initial calc + + /* Workaround for slider not working on touch devices + * Click/touch and change */ + $("[data-calc-staff], [data-calc-rate], [data-calc-goal-rate]").on('click', function(e) { + $(".set-value-modal").attr('data-updating', $(this).attr('data-updating')); + var old_value = $(this).text(); + $("input[name=set-value]").val(old_value); + $(".set-value-modal").foundation('reveal', 'open'); + }); + $(".set-value-button").on('click', function(e) { + var new_value = $("input[name=set-value]").val(); + var key = "#" + $(".set-value-modal").attr('data-updating'); + $( key ).slider({ value: parseFloat(new_value)}); + $(".set-value-modal").foundation('reveal', 'close'); + recalc(); + }); + } + + /* Slide: Public treatment comparison */ + if($(".public-treatment-comparison").length) { +        var options = { +     valueNames: [ 'region', 'hospital', 'city', 'diagnose', 'waittime' ] +        }; + +        var featureList = new List('treatment-list', options); + featureList.sort('waittime', { asc: false }); + +        $('.filter-region, .filter-diagnose').change(function() { +            featureList.filter(function(item) { + var diagnose = $('.filter-diagnose').val(); + var region = $(".filter-region").val(); +                return (item.values().region == region || region == "Alle") && item.values().diagnose == diagnose; +            }); +            return false; +        }); +        $('.filter-none').click(function() { +            featureList.filter(); +            return false; +        }); + $(".filter-diagnose").trigger('change'); + } + + function init_treatment_map() { + // mapbox.com: nikolaik.map-hyrf1sef + var tile_url = 'http://{s}.tiles.mapbox.com/v3/nikolaik.map-hyrf1sef/{z}/{x}/{y}.png'; + var tiles = L.tileLayer(tile_url, {maxZoom: 17, minZoom: 4}); + var latlng = L.latLng(65.57, 12.56); + + var map = L.map('treament-network-map', {center: latlng, zoom: 4, layers: [tiles]}); + + var markers = L.markerClusterGroup({ showCoverageOnHover: false}); + /* Marker icon style */ + var static_url = $('meta[name="x-django-static-url"]').attr('content'); + var icon = L.icon({ + iconUrl: static_url + 'dist/images/storebrand_map_marker.png', + iconSize: new L.Point(35, 35), + iconAnchor: new L.Point(35, 35), + popupAnchor: new L.Point(-17.5, -35), + shadowUrl: '', + shadowSize: new L.Point(0, 0), + }); + + /* Add specialist markers */ + var _url = 'http://zeppelin.brill.no/blifrisk/data/no.json'; + $.getJSON(_url, function(data) { + _.each(data.specialists, function(s, i) { + if(s.position) { + var marker = L.marker(new L.LatLng(s.position.lat, s.position.lng), { title: s.name, icon: icon }); + marker.bindPopup("

    "+ s.name +"

    "+ s.address +"
    "+ s.postalCode +" "+ s.city +"

    "); + markers.addLayer(marker); + } + }); + map.addLayer(markers); + }); + } + /* Slide: Treatment locations map */ + if($(".treament-network-map").length) { + + /* Load the treatment map when the slide comes in to view when in presentation mode */ + if (window.Reveal && !$(".page-slide-edit").length) { + var handler = function(event) { + if($(event.currentSlide).find(".treament-network-map").length) { + init_treatment_map(); + Reveal.removeEventListener( 'slidechanged', handler, false); // run only once + } + }; + Reveal.addEventListener( 'slidechanged', handler); + Reveal.addEventListener( 'ready', function(event) { + if($(event.currentSlide).find(".treament-network-map").length) { + /* Load map */ + init_treatment_map(); + } + }); + } else { + init_treatment_map(); + } + + } + /* Placeholder polyfill for IE9 */ + placeholderSupport = ("placeholder" in document.createElement("input")); + if(!placeholderSupport){ + //This browser does not support the placeholder attribute + //use javascript instead + $('[placeholder]').focus(function() { + var input = $(this); + if (input.val() === input.attr('placeholder')) { + input.val(''); + input.removeClass('placeholder'); + } + }).blur(function() { + var input = $(this); + if (input.val() === '' || input.val() === input.attr('placeholder')) { + input.addClass('placeholder'); + input.val(input.attr('placeholder')); + } + }).blur().parents('form').submit(function() { + $(this).find('[placeholder]').each(function() { + var input = $(this); + if (input.val() === input.attr('placeholder')) { + input.val(''); + } + }); + }); + } + /* Highcarts graph theme */ + Highcharts.theme = { + colors: ['#da291c', '#425563', '#ed786f'], + chart: { + backgroundColor: null + }, + credits: { + enabled: false + }, + title: { + style: { + color: '#1e394d', + font: 'bold 16px "SignaColumn", Helvetica, Arial, sans-serif' + } + }, + subtitle: { + style: { + color: '#425563', + font: 'bold 12px "SignaColumn", Helvetica, Arial, sans-serif' + } + }, + yAxis: { + title: { + style: { + color: 'gray' + } + } + }, + xAxis: { + title: { + style: { + color: 'gray' + } + } + }, + legend: { + itemStyle: { + font: '9pt "SignaColumn", Helvetica, Arial, sans-serif', + color: 'black' + }, + itemHoverStyle:{ + color: 'gray' + } + }, + exporting: { + enabled: false + } + }; + + // Apply the theme + Highcharts.setOptions(Highcharts.theme); +}); diff --git a/static/app/styles/_header.scss b/static/app/styles/_header.scss new file mode 100644 index 0000000..e69de29 diff --git a/static/app/styles/_settings.scss b/static/app/styles/_settings.scss new file mode 100644 index 0000000..108b396 --- /dev/null +++ b/static/app/styles/_settings.scss @@ -0,0 +1,1457 @@ +// Foundation by ZURB +// foundation.zurb.com +// Licensed under MIT Open Source + +// a. Base +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// This is the default html and body font-size for the base rem value. +// $rem-base: 16px; + +// Allows the use of rem-calc() or lower-bound() in your settings +@import 'foundation/functions'; + +// The default font-size is set to 100% of the browser style sheet (usually 16px) +// for compatibility with browser-based text zoom or user-set defaults. + +// Since the typical default browser font-size is 16px, that makes the calculation for grid size. +// If you want your base font-size to be different and not have it affect the grid breakpoints, +// set $rem-base to $base-font-size and make sure $base-font-size is a px value. +// $base-font-size: 100%; + +// The $base-font-size is 100% while $base-line-height is 150% +// $base-line-height: 150%; + +// We use this to control whether or not CSS classes come through in the gem files. +$include-html-classes: true; +// $include-print-styles: true; +$include-html-global-classes: $include-html-classes; + + +// $input-font-family: inherit; +// $input-font-color: rgba(0,0,0,0.75); +// $input-font-size: rem-calc(14); +// $input-bg-color: $white; +// $input-focus-bg-color: scale-color($white, $lightness: -2%); +// $input-border-color: $charcoal-color; +// $input-focus-border-color: scale-color($white, $lightness: -40%); +// $input-border-style: solid; +// $input-border-width: 2px; +// $input-border-radius: $global-radius; +// $input-disabled-bg: $gainsboro; +// $input-disabled-cursor: $cursor-default-value; +// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); +// $input-include-glowing-effect: false; + + +// b. Grid +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-grid-classes: $include-html-classes; +// $include-xl-html-grid-classes: false; + +// $row-width: rem-calc(1000); +// $total-columns: 12; +// $column-gutter: rem-calc(30); + +// c. Global +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// We use these to define default font stacks +// $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; +// $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif; +// $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace; + +// We use these to define default font weights +// $font-weight-normal: normal; +// $font-weight-bold: bold; + +// $white : #FFFFFF; +// $ghost : #FAFAFA; +// $snow : #F9F9F9; +// $vapor : #F6F6F6; +// $white-smoke : #F5F5F5; +// $silver : #EFEFEF; +// $smoke : #EEEEEE; +// $gainsboro : #DDDDDD; +// $iron : #CCCCCC; +// $base : #AAAAAA; +// $aluminum : #999999; +// $jumbo : #888888; +// $monsoon : #777777; +// $steel : #666666; +// $charcoal : #555555; +// $tuatara : #444444; +// $oil : #333333; +// $jet : #222222; +// $black : #000000; + +// We use these as default colors throughout +// $primary-color: #008CBA; +// $secondary-color: #e7e7e7; +// $alert-color: #f04124; +// $success-color: #43AC6A; +// $warning-color: #f08a24; +// $info-color: #a0d3e8; + +// We use these to control various global styles +// $body-bg: $white; +// $body-font-color: $jet; +// $body-font-family: $font-family-sans-serif; +// $body-font-weight: $font-weight-normal; +// $body-font-style: normal; + +// We use this to control font-smoothing +// $font-smoothing: antialiased; + +// We use these to control text direction settings +// $text-direction: ltr; +// $opposite-direction: right; +// $default-float: left; +// $last-child-float: $opposite-direction; + +// We use these to make sure border radius matches unless we want it different. +// $global-radius: 3px; +// $global-rounded: 1000px; + +// We use these to control inset shadow shiny edges and depressions. +// $shiny-edge-size: 0 1px 0; +// $shiny-edge-color: rgba($white, .5); +// $shiny-edge-active-color: rgba($black, .2); + +// d. Media Query Ranges +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $small-breakpoint: em-calc(640); +// $medium-breakpoint: em-calc(1024); +// $large-breakpoint: em-calc(1440); +// $xlarge-breakpoint: em-calc(1920); + +// $small-range: (0, $small-breakpoint); +// $medium-range: ($small-breakpoint + em-calc(1), $medium-breakpoint); +// $large-range: ($medium-breakpoint + em-calc(1), $large-breakpoint); +// $xlarge-range: ($large-breakpoint + em-calc(1), $xlarge-breakpoint); +// $xxlarge-range: ($xlarge-breakpoint + em-calc(1), em-calc(99999999)); + +// $screen: "only screen"; + +// $landscape: "#{$screen} and (orientation: landscape)"; +// $portrait: "#{$screen} and (orientation: portrait)"; + +// $small-up: $screen; +// $small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})"; + +// $medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})"; +// $medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})"; + +// $large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})"; +// $large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})"; + +// $xlarge-up: "#{$screen} and (min-width:#{lower-bound($xlarge-range)})"; +// $xlarge-only: "#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})"; + +// $xxlarge-up: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)})"; +// $xxlarge-only: "#{$screen} and (min-width:#{lower-bound($xxlarge-range)}) and (max-width:#{upper-bound($xxlarge-range)})"; + +// $retina: ( +// "#{$screen} and (-webkit-min-device-pixel-ratio: 2)", +// "#{$screen} and (min--moz-device-pixel-ratio: 2)", +// "#{$screen} and (-o-min-device-pixel-ratio: 2/1)", +// "#{$screen} and (min-device-pixel-ratio: 2)", +// "#{$screen} and (min-resolution: 192dpi)", +// "#{$screen} and (min-resolution: 2dppx)" +// ); + +// Legacy +// $small: $medium-up; +// $medium: $medium-up; +// $large: $large-up; + +// We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet +// $cursor-crosshair-value: crosshair; +// $cursor-default-value: default; +// $cursor-disabled-value: not-allowed; +// $cursor-pointer-value: pointer; +// $cursor-help-value: help; +// $cursor-text-value: text; + +// e. Typography +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-type-classes: $include-html-classes; + +// We use these to control header font styles +// $header-font-family: $body-font-family; +// $header-font-weight: $font-weight-normal; +// $header-font-style: normal; +// $header-font-color: $jet; +// $header-line-height: 1.4; +// $header-top-margin: .2rem; +// $header-bottom-margin: .5rem; +// $header-text-rendering: optimizeLegibility; + +// We use these to control header font sizes +// $h1-font-size: rem-calc(44); +// $h2-font-size: rem-calc(37); +// $h3-font-size: rem-calc(27); +// $h4-font-size: rem-calc(23); +// $h5-font-size: rem-calc(18); +// $h6-font-size: 1rem; + +// We use these to control header size reduction on small screens +// $h1-font-reduction: rem-calc(10); +// $h2-font-reduction: rem-calc(10); +// $h3-font-reduction: rem-calc(5); +// $h4-font-reduction: rem-calc(5); +// $h5-font-reduction: 0; +// $h6-font-reduction: 0; + +// These control how subheaders are styled. +// $subheader-line-height: 1.4; +// $subheader-font-color: scale-color($header-font-color, $lightness: 35%); +// $subheader-font-weight: $font-weight-normal; +// $subheader-top-margin: .2rem; +// $subheader-bottom-margin: .5rem; + +// A general styling +// $small-font-size: 60%; +// $small-font-color: scale-color($header-font-color, $lightness: 35%); + +// We use these to style paragraphs +// $paragraph-font-family: inherit; +// $paragraph-font-weight: $font-weight-normal; +// $paragraph-font-size: 1rem; +// $paragraph-line-height: 1.6; +// $paragraph-margin-bottom: rem-calc(20); +// $paragraph-aside-font-size: rem-calc(14); +// $paragraph-aside-line-height: 1.35; +// $paragraph-aside-font-style: italic; +// $paragraph-text-rendering: optimizeLegibility; + +// We use these to style tags +// $code-color: $oil; +// $code-font-family: $font-family-monospace; +// $code-font-weight: $font-weight-normal; +// $code-background-color: scale-color($secondary-color, $lightness: 70%); +// $code-border-size: 1px; +// $code-border-style: solid; +// $code-border-color: scale-color($code-background-color, $lightness: -10%); +// $code-padding: rem-calc(2) rem-calc(5) rem-calc(1); + +// We use these to style anchors +// $anchor-text-decoration: none; +// $anchor-text-decoration-hover: none; +// $anchor-font-color: $primary-color; +// $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%); + +// We use these to style the
    element +// $hr-border-width: 1px; +// $hr-border-style: solid; +// $hr-border-color: $gainsboro; +// $hr-margin: rem-calc(20); + +// We use these to style lists +// $list-font-family: $paragraph-font-family; +// $list-font-size: $paragraph-font-size; +// $list-line-height: $paragraph-line-height; +// $list-margin-bottom: $paragraph-margin-bottom; +// $list-style-position: outside; +// $list-side-margin: 1.1rem; +// $list-ordered-side-margin: 1.4rem; +// $list-side-margin-no-bullet: 0; +// $list-nested-margin: rem-calc(20); +// $definition-list-header-weight: $font-weight-bold; +// $definition-list-header-margin-bottom: .3rem; +// $definition-list-margin-bottom: rem-calc(12); + +// We use these to style blockquotes +// $blockquote-font-color: scale-color($header-font-color, $lightness: 35%); +// $blockquote-padding: rem-calc(9 20 0 19); +// $blockquote-border: 1px solid $gainsboro; +// $blockquote-cite-font-size: rem-calc(13); +// $blockquote-cite-font-color: scale-color($header-font-color, $lightness: 23%); +// $blockquote-cite-link-color: $blockquote-cite-font-color; + +// Acronym styles +// $acronym-underline: 1px dotted $gainsboro; + +// We use these to control padding and margin +// $microformat-padding: rem-calc(10 12); +// $microformat-margin: rem-calc(0 0 20 0); + +// We use these to control the border styles +// $microformat-border-width: 1px; +// $microformat-border-style: solid; +// $microformat-border-color: $gainsboro; + +// We use these to control full name font styles +// $microformat-fullname-font-weight: $font-weight-bold; +// $microformat-fullname-font-size: rem-calc(15); + +// We use this to control the summary font styles +// $microformat-summary-font-weight: $font-weight-bold; + +// We use this to control abbr padding +// $microformat-abbr-padding: rem-calc(0 1); + +// We use this to control abbr font styles +// $microformat-abbr-font-weight: $font-weight-bold; +// $microformat-abbr-font-decoration: none; + +// 01. Accordion +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-accordion-classes: $include-html-classes; + +// $accordion-navigation-padding: rem-calc(16); +// $accordion-navigation-bg-color: $silver; +// $accordion-navigation-hover-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -5%); +// $accordion-navigation-active-bg-color: scale-color($accordion-navigation-bg-color, $lightness: -3%); +// $accordion-navigation-font-color: $jet; +// $accordion-navigation-font-size: rem-calc(16); +// $accordion-navigation-font-family: $body-font-family; + +// $accordion-content-padding: ($column-gutter/2); +// $accordion-content-active-bg-color: $white; + +// 02. Alert Boxes +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-alert-classes: $include-html-classes; + +// We use this to control alert padding. +// $alert-padding-top: rem-calc(14); +// $alert-padding-default-float: $alert-padding-top; +// $alert-padding-opposite-direction: $alert-padding-top + rem-calc(10); +// $alert-padding-bottom: $alert-padding-top; + +// We use these to control text style. +// $alert-font-weight: $font-weight-normal; +// $alert-font-size: rem-calc(13); +// $alert-font-color: $white; +// $alert-font-color-alt: scale-color($secondary-color, $lightness: -66%); + +// We use this for close hover effect. +// $alert-function-factor: -14%; + +// We use these to control border styles. +// $alert-border-style: solid; +// $alert-border-width: 1px; +// $alert-border-color: scale-color($primary-color, $lightness: $alert-function-factor); +// $alert-bottom-margin: rem-calc(20); + +// We use these to style the close buttons +// $alert-close-color: $oil; +// $alert-close-top: 50%; +// $alert-close-position: rem-calc(4); +// $alert-close-font-size: rem-calc(22); +// $alert-close-opacity: .3; +// $alert-close-opacity-hover: .5; +// $alert-close-padding: 9px 6px 4px; +// $alert-close-background: inherit; + +// We use this to control border radius +// $alert-radius: $global-radius; + +// $alert-transition-speed: 300ms; +// $alert-transition-ease: ease-out; + +// 03. Block Grid +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-block-grid-classes: $include-html-classes; +// $include-xl-html-block-grid-classes: false; + +// We use this to control the maximum number of block grid elements per row +// $block-grid-elements: 12; +// $block-grid-default-spacing: rem-calc(20); + +// $align-block-grid-to-grid: false; +// @if $align-block-grid-to-grid {$block-grid-default-spacing: $column-gutter;} + +// Enables media queries for block-grid classes. Set to false if writing semantic HTML. +// $block-grid-media-queries: true; + +// 04. Breadcrumbs +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-nav-classes: $include-html-classes; + +// We use this to set the background color for the breadcrumb container. +// $crumb-bg: scale-color($secondary-color, $lightness: 55%); + +// We use these to set the padding around the breadcrumbs. +// $crumb-padding: rem-calc(9 14 9); +// $crumb-side-padding: rem-calc(12); + +// We use these to control border styles. +// $crumb-function-factor: -10%; +// $crumb-border-size: 1px; +// $crumb-border-style: solid; +// $crumb-border-color: scale-color($crumb-bg, $lightness: $crumb-function-factor); +// $crumb-radius: $global-radius; + +// We use these to set various text styles for breadcrumbs. +// $crumb-font-size: rem-calc(11); +// $crumb-font-color: $primary-color; +// $crumb-font-color-current: $oil; +// $crumb-font-color-unavailable: $aluminum; +// $crumb-font-transform: uppercase; +// $crumb-link-decor: underline; + +// We use these to control the slash between breadcrumbs +// $crumb-slash-color: $base; +// $crumb-slash: "/"; + +// 05. Buttons +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-button-classes: $include-html-classes; + +// We use these to build padding for buttons. +// $button-tny: rem-calc(10); +// $button-sml: rem-calc(14); +// $button-med: rem-calc(16); +// $button-lrg: rem-calc(18); + +// We use this to control the display property. +// $button-display: inline-block; +// $button-margin-bottom: rem-calc(20); + +// We use these to control button text styles. +// $button-font-family: $body-font-family; +// $button-font-color: $white; +// $button-font-color-alt: $oil; +// $button-font-tny: rem-calc(11); +// $button-font-sml: rem-calc(13); +// $button-font-med: rem-calc(16); +// $button-font-lrg: rem-calc(20); +// $button-font-weight: $font-weight-normal; +// $button-font-align: center; + +// We use these to control various hover effects. +// $button-function-factor: -20%; + +// We use these to control button border styles. +// $button-border-width: 0; +// $button-border-style: solid; +// $button-bg-color: $primary-color; +// $button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor); +// $button-border-color: $button-bg-hover; +// $secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor); +// $secondary-button-border-color: $secondary-button-bg-hover; +// $success-button-bg-hover: scale-color($success-color, $lightness: $button-function-factor); +// $success-button-border-color: $success-button-bg-hover; +// $alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor); +// $alert-button-border-color: $alert-button-bg-hover; +// $warning-button-bg-hover: scale-color($warning-color, $lightness: $button-function-factor); +// $warning-button-border-color: $warning-button-bg-hover; +// $info-button-bg-hover: scale-color($info-color, $lightness: $button-function-factor); +// $info-button-border-color: $info-button-bg-hover; + +// We use this to set the default radius used throughout the core. +// $button-radius: $global-radius; +// $button-round: $global-rounded; + +// We use this to set default opacity and cursor for disabled buttons. +// $button-disabled-opacity: .7; +// $button-disabled-cursor: $cursor-default-value; + +// 06. Button Groups +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-button-classes: $include-html-classes; + +// Sets the margin for the right side by default, and the left margin if right-to-left direction is used +// $button-bar-margin-opposite: rem-calc(10); +// $button-group-border-width: 1px; + +// 07. Clearing +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-clearing-classes: $include-html-classes; + +// We use these to set the background colors for parts of Clearing. +// $clearing-bg: $oil; +// $clearing-caption-bg: $clearing-bg; +// $clearing-carousel-bg: rgba(51,51,51,0.8); +// $clearing-img-bg: $clearing-bg; + +// We use these to style the close button +// $clearing-close-color: $iron; +// $clearing-close-size: 30px; + +// We use these to style the arrows +// $clearing-arrow-size: 12px; +// $clearing-arrow-color: $clearing-close-color; + +// We use these to style captions +// $clearing-caption-font-color: $iron; +// $clearing-caption-font-size: .875em; +// $clearing-caption-padding: 10px 30px 20px; + +// We use these to make the image and carousel height and style +// $clearing-active-img-height: 85%; +// $clearing-carousel-height: 120px; +// $clearing-carousel-thumb-width: 120px; +// $clearing-carousel-thumb-active-border: 1px solid rgb(255,255,255); + +// 08. Dropdown +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-dropdown-classes: $include-html-classes; + +// We use these to controls height and width styles. +// $f-dropdown-max-width: 200px; +// $f-dropdown-height: auto; +// $f-dropdown-max-height: none; + +// Used for bottom position +// $f-dropdown-margin-top: 2px; + +// Used for right position +// $f-dropdown-margin-left: $f-dropdown-margin-top; + +// Used for left position +// $f-dropdown-margin-right: $f-dropdown-margin-top; + +// Used for top position +// $f-dropdown-margin-bottom: $f-dropdown-margin-top; + +// We use this to control the background color +// $f-dropdown-bg: $white; + +// We use this to set the border styles for dropdowns. +// $f-dropdown-border-style: solid; +// $f-dropdown-border-width: 1px; +// $f-dropdown-border-color: scale-color($white, $lightness: -20%); + +// We use these to style the triangle pip. +// $f-dropdown-triangle-size: 6px; +// $f-dropdown-triangle-color: $white; +// $f-dropdown-triangle-side-offset: 10px; + +// We use these to control styles for the list elements. +// $f-dropdown-list-style: none; +// $f-dropdown-font-color: $charcoal; +// $f-dropdown-font-size: rem-calc(14); +// $f-dropdown-list-padding: rem-calc(5, 10); +// $f-dropdown-line-height: rem-calc(18); +// $f-dropdown-list-hover-bg: $smoke; +// $dropdown-mobile-default-float: 0; + +// We use this to control the styles for when the dropdown has custom content. +// $f-dropdown-content-padding: rem-calc(20); + +// Default radius for dropdown. +// $f-dropdown-radius: $global-radius; + + +// 09. Dropdown Buttons +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-button-classes: $include-html-classes; + +// We use these to set the color of the pip in dropdown buttons +// $dropdown-button-pip-color: $white; +// $dropdown-button-pip-color-alt: $oil; + +// We use these to set the size of the pip in dropdown buttons +// $button-pip-tny: rem-calc(6); +// $button-pip-sml: rem-calc(7); +// $button-pip-med: rem-calc(9); +// $button-pip-lrg: rem-calc(11); + +// We use these to style tiny dropdown buttons +// $dropdown-button-padding-tny: $button-pip-tny * 7; +// $dropdown-button-pip-size-tny: $button-pip-tny; +// $dropdown-button-pip-opposite-tny: $button-pip-tny * 3; +// $dropdown-button-pip-top-tny: (-$button-pip-tny / 2) + rem-calc(1); + +// We use these to style small dropdown buttons +// $dropdown-button-padding-sml: $button-pip-sml * 7; +// $dropdown-button-pip-size-sml: $button-pip-sml; +// $dropdown-button-pip-opposite-sml: $button-pip-sml * 3; +// $dropdown-button-pip-top-sml: (-$button-pip-sml / 2) + rem-calc(1); + +// We use these to style medium dropdown buttons +// $dropdown-button-padding-med: $button-pip-med * 6 + rem-calc(3); +// $dropdown-button-pip-size-med: $button-pip-med - rem-calc(3); +// $dropdown-button-pip-opposite-med: $button-pip-med * 2.5; +// $dropdown-button-pip-top-med: (-$button-pip-med / 2) + rem-calc(2); + +// We use these to style large dropdown buttons +// $dropdown-button-padding-lrg: $button-pip-lrg * 5 + rem-calc(3); +// $dropdown-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); +// $dropdown-button-pip-opposite-lrg: $button-pip-lrg * 2.5; +// $dropdown-button-pip-top-lrg: (-$button-pip-lrg / 2) + rem-calc(3); + +// 10. Flex Video +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-media-classes: $include-html-classes; + +// We use these to control video container padding and margins +// $flex-video-padding-top: rem-calc(25); +// $flex-video-padding-bottom: 67.5%; +// $flex-video-margin-bottom: rem-calc(16); + +// We use this to control widescreen bottom padding +// $flex-video-widescreen-padding-bottom: 56.34%; + +// 11. Forms +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-form-classes: $include-html-classes; + +// We use this to set the base for lots of form spacing and positioning styles +// $form-spacing: rem-calc(16); + +// We use these to style the labels in different ways +// $form-label-pointer: pointer; +// $form-label-font-size: rem-calc(14); +// $form-label-font-weight: $font-weight-normal; +// $form-label-line-height: 1.5; +// $form-label-font-color: scale-color($black, $lightness: 30%); +// $form-label-small-transform: capitalize; +// $form-label-bottom-margin: 0; +// $input-font-family: inherit; +// $input-font-color: rgba(0,0,0,0.75); +// $input-font-size: rem-calc(14); +// $input-bg-color: $white; +// $input-focus-bg-color: scale-color($white, $lightness: -2%); +// $input-border-color: scale-color($white, $lightness: -20%); +// $input-focus-border-color: scale-color($white, $lightness: -40%); +// $input-border-style: solid; +// $input-border-width: 1px; +// $input-border-radius: $global-radius; +// $input-disabled-bg: $gainsboro; +// $input-disabled-cursor: $cursor-default-value; +// $input-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); +// $input-include-glowing-effect: false; + +// We use these to style the fieldset border and spacing. +// $fieldset-border-style: solid; +// $fieldset-border-width: 1px; +// $fieldset-border-color: $gainsboro; +// $fieldset-padding: rem-calc(20); +// $fieldset-margin: rem-calc(18 0); + +// We use these to style the legends when you use them +// $legend-bg: $white; +// $legend-font-weight: $font-weight-bold; +// $legend-padding: rem-calc(0 3); + +// We use these to style the prefix and postfix input elements +// $input-prefix-bg: scale-color($white, $lightness: -5%); +// $input-prefix-border-color: scale-color($white, $lightness: -20%); +// $input-prefix-border-size: 1px; +// $input-prefix-border-type: solid; +// $input-prefix-overflow: hidden; +// $input-prefix-font-color: $oil; +// $input-prefix-font-color-alt: $white; + +// We use this setting to turn on/off HTML5 number spinners (the up/down arrows) +// $input-number-spinners: true; + +// We use these to style the error states for inputs and labels +// $input-error-message-padding: rem-calc(6 9 9); +// $input-error-message-top: -1px; +// $input-error-message-font-size: rem-calc(12); +// $input-error-message-font-weight: $font-weight-normal; +// $input-error-message-font-style: italic; +// $input-error-message-font-color: $white; +// $input-error-message-bg-color: $alert-color; +// $input-error-message-font-color-alt: $oil; + +// We use this to style the glowing effect of inputs when focused +// $glowing-effect-fade-time: .45s; +// $glowing-effect-color: $input-focus-border-color; + +// We use this to style the transition when inputs are focused and when the glowing effect is disabled. +// $input-transition-fade-time: 0.15s; +// $input-transition-fade-timing-function: linear; + +// Select variables +// $select-bg-color: $ghost; +// $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%); + + +// 12. Icon Bar +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// We use these to style the icon-bar and items +// $icon-bar-bg: $oil; +// $icon-bar-font-color: $white; +// $icon-bar-font-color-hover: $icon-bar-font-color; +// $icon-bar-font-size: 1rem; +// $icon-bar-hover-color: $primary-color; +// $icon-bar-icon-color: $white; +// $icon-bar-icon-color-hover: $icon-bar-icon-color; +// $icon-bar-icon-size: 1.875rem; +// $icon-bar-image-width: 1.875rem; +// $icon-bar-image-height: 1.875rem; +// $icon-bar-active-color: $primary-color; +// $icon-bar-item-padding: 1.25rem; + +// We use this to set default opacity and cursor for disabled icons. +// $icon-bar-disabled-opacity: .7; + +// 13. Inline Lists +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-inline-list-classes: $include-html-classes; + +// We use this to control the margins and padding of the inline list. +// $inline-list-top-margin: 0; +// $inline-list-opposite-margin: 0; +// $inline-list-bottom-margin: rem-calc(17); +// $inline-list-default-float-margin: rem-calc(-22); +// $inline-list-default-float-list-margin: rem-calc(22); + +// $inline-list-padding: 0; + +// We use this to control the overflow of the inline list. +// $inline-list-overflow: hidden; + +// We use this to control the list items +// $inline-list-display: block; + +// We use this to control any elements within list items +// $inline-list-children-display: block; + +// 14. Joyride +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-joyride-classes: $include-html-classes; + +// Controlling default Joyride styles +// $joyride-tip-bg: $oil; +// $joyride-tip-default-width: 300px; +// $joyride-tip-padding: rem-calc(18 20 24); +// $joyride-tip-border: solid 1px $charcoal; +// $joyride-tip-radius: 4px; +// $joyride-tip-position-offset: 22px; + +// Here, we're setting the tip font styles +// $joyride-tip-font-color: $white; +// $joyride-tip-font-size: rem-calc(14); +// $joyride-tip-header-weight: $font-weight-bold; + +// This changes the nub size +// $joyride-tip-nub-size: 10px; + +// This adjusts the styles for the timer when its enabled +// $joyride-tip-timer-width: 50px; +// $joyride-tip-timer-height: 3px; +// $joyride-tip-timer-color: $steel; + +// This changes up the styles for the close button +// $joyride-tip-close-color: $monsoon; +// $joyride-tip-close-size: 24px; +// $joyride-tip-close-weight: $font-weight-normal; + +// When Joyride is filling the screen, we use this style for the bg +// $joyride-screenfill: rgba(0,0,0,0.5); + +// 15. Keystrokes +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-keystroke-classes: $include-html-classes; + +// We use these to control text styles. +// $keystroke-font: "Consolas", "Menlo", "Courier", monospace; +// $keystroke-font-size: inherit; +// $keystroke-font-color: $jet; +// $keystroke-font-color-alt: $white; +// $keystroke-function-factor: -7%; + +// We use this to control keystroke padding. +// $keystroke-padding: rem-calc(2 4 0); + +// We use these to control background and border styles. +// $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor); +// $keystroke-border-style: solid; +// $keystroke-border-width: 1px; +// $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor); +// $keystroke-radius: $global-radius; + +// 16. Labels +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-label-classes: $include-html-classes; + +// We use these to style the labels +// $label-padding: rem-calc(4 8 4); +// $label-radius: $global-radius; + +// We use these to style the label text +// $label-font-sizing: rem-calc(11); +// $label-font-weight: $font-weight-normal; +// $label-font-color: $oil; +// $label-font-color-alt: $white; +// $label-font-family: $body-font-family; + +// 17. Magellan +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-magellan-classes: $include-html-classes; + +// $magellan-bg: $white; +// $magellan-padding: 10px; + +// 18. Off-canvas +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// Off Canvas Tab Bar Variables +// $include-html-off-canvas-classes: $include-html-classes; + +// $tabbar-bg: $oil; +// $tabbar-height: rem-calc(45); +// $tabbar-icon-width: $tabbar-height; +// $tabbar-line-height: $tabbar-height; +// $tabbar-color: $white; +// $tabbar-middle-padding: 0 rem-calc(10); + +// Off Canvas Divider Styles +// $tabbar-left-section-border: solid 1px scale-color($tabbar-bg, $lightness: -50%); +// $tabbar-right-section-border: $tabbar-left-section-border; + + +// Off Canvas Tab Bar Headers +// $tabbar-header-color: $white; +// $tabbar-header-weight: $font-weight-bold; +// $tabbar-header-line-height: $tabbar-height; +// $tabbar-header-margin: 0; + +// Off Canvas Menu Variables +// $off-canvas-width: rem-calc(250); +// $off-canvas-bg: $oil; +// $off-canvas-bg-hover: scale-color($tabbar-bg, $lightness: -30%); +// $off-canvas-bg-active: scale-color($tabbar-bg, $lightness: -30%); + +// Off Canvas Menu List Variables +// $off-canvas-label-padding: .3rem rem-calc(15); +// $off-canvas-label-color: $aluminum; +// $off-canvas-label-text-transform: uppercase; +// $off-canvas-label-font-size: rem-calc(12); +// $off-canvas-label-font-weight: $font-weight-bold; +// $off-canvas-label-bg: $tuatara; +// $off-canvas-label-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%); +// $off-canvas-label-border-bottom: none; +// $off-canvas-label-margin:0; +// $off-canvas-link-padding: rem-calc(10, 15); +// $off-canvas-link-color: rgba($white, .7); +// $off-canvas-link-border-bottom: 1px solid scale-color($off-canvas-bg, $lightness: -25%); +// $off-canvas-back-bg: #444; +// $off-canvas-back-border-top: $off-canvas-label-border-top; +// $off-canvas-back-border-bottom: $off-canvas-label-border-bottom; +// $off-canvas-back-hover-bg: scale-color($off-canvas-back-bg, $lightness: -30%); +// $off-canvas-back-hover-border-top: 1px solid scale-color($off-canvas-label-bg, $lightness: 14%); +// $off-canvas-back-hover-border-bottom: none; + +// Off Canvas Menu Icon Variables +// $tabbar-menu-icon-color: $white; +// $tabbar-menu-icon-hover: scale-color($tabbar-menu-icon-color, $lightness: -30%); + +// $tabbar-menu-icon-text-indent: rem-calc(35); +// $tabbar-menu-icon-width: $tabbar-icon-width; +// $tabbar-menu-icon-height: $tabbar-height; +// $tabbar-menu-icon-padding: 0; + +// $tabbar-hamburger-icon-width: rem-calc(16); +// $tabbar-hamburger-icon-left: false; +// $tabbar-hamburger-icon-top: false; +// $tabbar-hamburger-icon-thickness: 1px; +// $tabbar-hamburger-icon-gap: 6px; + +// Off Canvas Back-Link Overlay +// $off-canvas-overlay-transition: background 300ms ease; +// $off-canvas-overlay-cursor: pointer; +// $off-canvas-overlay-box-shadow: -4px 0 4px rgba($black, .5), 4px 0 4px rgba($black, .5); +// $off-canvas-overlay-background: rgba($white, .2); +// $off-canvas-overlay-background-hover: rgba($white, .05); + +// Transition Variables +// $menu-slide: "transform 500ms ease"; + +// 19. Orbit +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-orbit-classes: $include-html-classes; + +// We use these to control the caption styles +// $orbit-container-bg: none; +// $orbit-caption-bg: rgba(51,51,51, .8); +// $orbit-caption-font-color: $white; +// $orbit-caption-font-size: rem-calc(14); +// $orbit-caption-position: "bottom"; // Supported values: "bottom", "under" +// $orbit-caption-padding: rem-calc(10 14); +// $orbit-caption-height: auto; + +// We use these to control the left/right nav styles +// $orbit-nav-bg: transparent; +// $orbit-nav-bg-hover: rgba(0,0,0,0.3); +// $orbit-nav-arrow-color: $white; +// $orbit-nav-arrow-color-hover: $white; + +// We use these to control the timer styles +// $orbit-timer-bg: rgba(255,255,255,0.3); +// $orbit-timer-show-progress-bar: true; + +// We use these to control the bullet nav styles +// $orbit-bullet-nav-color: $iron; +// $orbit-bullet-nav-color-active: $aluminum; +// $orbit-bullet-radius: rem-calc(9); + +// We use these to controls the style of slide numbers +// $orbit-slide-number-bg: rgba(0,0,0,0); +// $orbit-slide-number-font-color: $white; +// $orbit-slide-number-padding: rem-calc(5); + +// Graceful Loading Wrapper and preloader +// $wrapper-class: "slideshow-wrapper"; +// $preloader-class: "preloader"; + +// Hide controls on small +// $orbit-nav-hide-for-small: true; +// $orbit-bullet-hide-for-small: true; +// $orbit-timer-hide-for-small: true; + +// 20. Pagination +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-pagination-classes: $include-html-classes; + +// We use these to control the pagination container +// $pagination-height: rem-calc(24); +// $pagination-margin: rem-calc(-5); + +// We use these to set the list-item properties +// $pagination-li-float: $default-float; +// $pagination-li-height: rem-calc(24); +// $pagination-li-font-color: $jet; +// $pagination-li-font-size: rem-calc(14); +// $pagination-li-margin: rem-calc(5); + +// We use these for the pagination anchor links +// $pagination-link-pad: rem-calc(1 10 1); +// $pagination-link-font-color: $aluminum; +// $pagination-link-active-bg: scale-color($white, $lightness: -10%); + +// We use these for disabled anchor links +// $pagination-link-unavailable-cursor: default; +// $pagination-link-unavailable-font-color: $aluminum; +// $pagination-link-unavailable-bg-active: transparent; + +// We use these for currently selected anchor links +// $pagination-link-current-background: $primary-color; +// $pagination-link-current-font-color: $white; +// $pagination-link-current-font-weight: $font-weight-bold; +// $pagination-link-current-cursor: default; +// $pagination-link-current-active-bg: $primary-color; + +// 21. Panels +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-panel-classes: $include-html-classes; + +// We use these to control the background and border styles +// $panel-bg: scale-color($white, $lightness: -5%); +// $panel-border-style: solid; +// $panel-border-size: 1px; +// $callout-panel-bg: scale-color($primary-color, $lightness: 94%); + +// We use this % to control how much we darken things on hover +// $panel-border-color: scale-color($panel-bg, $lightness: -11%); + +// We use these to set default inner padding and bottom margin +// $panel-margin-bottom: rem-calc(20); +// $panel-padding: rem-calc(20); + +// We use these to set default font colors +// $panel-font-color: $oil; +// $panel-font-color-alt: $white; + +// $panel-header-adjust: true; +// $callout-panel-link-color: $primary-color; +// $callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%); + +// 22. Pricing Tables +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-pricing-classes: $include-html-classes; + +// We use this to control the border color +// $price-table-border: solid 1px $gainsboro; + +// We use this to control the bottom margin of the pricing table +// $price-table-margin-bottom: rem-calc(20); + +// We use these to control the title styles +// $price-title-bg: $oil; +// $price-title-padding: rem-calc(15 20); +// $price-title-align: center; +// $price-title-color: $smoke; +// $price-title-weight: $font-weight-normal; +// $price-title-size: rem-calc(16); +// $price-title-font-family: $body-font-family; + +// We use these to control the price styles +// $price-money-bg: $vapor; +// $price-money-padding: rem-calc(15 20); +// $price-money-align: center; +// $price-money-color: $oil; +// $price-money-weight: $font-weight-normal; +// $price-money-size: rem-calc(32); +// $price-money-font-family: $body-font-family; + + +// We use these to control the description styles +// $price-bg: $white; +// $price-desc-color: $monsoon; +// $price-desc-padding: rem-calc(15); +// $price-desc-align: center; +// $price-desc-font-size: rem-calc(12); +// $price-desc-weight: $font-weight-normal; +// $price-desc-line-height: 1.4; +// $price-desc-bottom-border: dotted 1px $gainsboro; + +// We use these to control the list item styles +// $price-item-color: $oil; +// $price-item-padding: rem-calc(15); +// $price-item-align: center; +// $price-item-font-size: rem-calc(14); +// $price-item-weight: $font-weight-normal; +// $price-item-bottom-border: dotted 1px $gainsboro; + +// We use these to control the CTA area styles +// $price-cta-bg: $white; +// $price-cta-align: center; +// $price-cta-padding: rem-calc(20 20 0); + +// 23. Progress Bar +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-media-classes: $include-html-classes; + +// We use this to set the progress bar height +// $progress-bar-height: rem-calc(25); +// $progress-bar-color: $vapor; + +// We use these to control the border styles +// $progress-bar-border-color: scale-color($white, $lightness: 20%); +// $progress-bar-border-size: 1px; +// $progress-bar-border-style: solid; +// $progress-bar-border-radius: $global-radius; + +// We use these to control the margin & padding +// $progress-bar-margin-bottom: rem-calc(10); + +// We use these to set the meter colors +// $progress-meter-color: $primary-color; +// $progress-meter-secondary-color: $secondary-color; +// $progress-meter-success-color: $success-color; +// $progress-meter-alert-color: $alert-color; + +// 24. Range Slider +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-range-slider-classes: $include-html-classes; + +// These variables define the slider bar styles +// $range-slider-bar-width: 100%; +// $range-slider-bar-height: rem-calc(16); + +// $range-slider-bar-border-width: 1px; +// $range-slider-bar-border-style: solid; +// $range-slider-bar-border-color: $gainsboro; +// $range-slider-radius: $global-radius; +// $range-slider-round: $global-rounded; +// $range-slider-bar-bg-color: $ghost; +// $range-slider-active-segment-bg-color: scale-color($secondary-color, $lightness: -1%); + +// Vertical bar styles +// $range-slider-vertical-bar-width: rem-calc(16); +// $range-slider-vertical-bar-height: rem-calc(200); + +// These variabels define the slider handle styles +// $range-slider-handle-width: rem-calc(32); +// $range-slider-handle-height: rem-calc(22); +// $range-slider-handle-position-top: rem-calc(-5); +// $range-slider-handle-bg-color: $primary-color; +// $range-slider-handle-border-width: 1px; +// $range-slider-handle-border-style: solid; +// $range-slider-handle-border-color: none; +// $range-slider-handle-radius: $global-radius; +// $range-slider-handle-round: $global-rounded; +// $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%); +// $range-slider-handle-cursor: pointer; + +// $range-slider-disabled-opacity: .7; +// $range-slider-disabled-cursor: $cursor-disabled-value; + +// 25. Reveal +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-reveal-classes: $include-html-classes; + +// We use these to control the style of the reveal overlay. +// $reveal-overlay-bg: rgba($black, .45); +// $reveal-overlay-bg-old: $black; + +// We use these to control the style of the modal itself. +// $reveal-modal-bg: $white; +// $reveal-position-top: rem-calc(100); +// $reveal-default-width: 80%; +// $reveal-max-width: $row-width; +// $reveal-modal-padding: rem-calc(20); +// $reveal-box-shadow: 0 0 10px rgba($black,.4); + +// We use these to style the reveal close button +// $reveal-close-font-size: rem-calc(40); +// $reveal-close-top: rem-calc(10); +// $reveal-close-side: rem-calc(22); +// $reveal-close-color: $base; +// $reveal-close-weight: $font-weight-bold; + +// We use this to set the default radius used throughout the core. +// $reveal-radius: $global-radius; +// $reveal-round: $global-rounded; + +// We use these to control the modal border +// $reveal-border-style: solid; +// $reveal-border-width: 1px; +// $reveal-border-color: $steel; + +// $reveal-modal-class: "reveal-modal"; +// $close-reveal-modal-class: "close-reveal-modal"; + +// 26. Side Nav +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-nav-classes: $include-html-classes; + +// We use this to control padding. +// $side-nav-padding: rem-calc(14 0); + +// We use these to control list styles. +// $side-nav-list-type: none; +// $side-nav-list-position: outside; +// $side-nav-list-margin: rem-calc(0 0 7 0); + +// We use these to control link styles. +// $side-nav-link-color: $primary-color; +// $side-nav-link-color-active: scale-color($side-nav-link-color, $lightness: 30%); +// $side-nav-link-color-hover: scale-color($side-nav-link-color, $lightness: 30%); +// $side-nav-link-bg-hover: hsla(0, 0, 0, .025); +// $side-nav-link-margin: 0; +// $side-nav-link-padding: rem-calc(7 14); +// $side-nav-font-size: rem-calc(14); +// $side-nav-font-weight: $font-weight-normal; +// $side-nav-font-weight-active: $side-nav-font-weight; +// $side-nav-font-family: $body-font-family; +// $side-nav-font-family-active: $side-nav-font-family; + +// We use these to control heading styles. +// $side-nav-heading-color: $side-nav-link-color; +// $side-nav-heading-font-size: $side-nav-font-size; +// $side-nav-heading-font-weight: bold; +// $side-nav-heading-text-transform: uppercase; + +// We use these to control border styles +// $side-nav-divider-size: 1px; +// $side-nav-divider-style: solid; +// $side-nav-divider-color: scale-color($white, $lightness: 10%); + +// 27. Split Buttons +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-button-classes: $include-html-classes; + +// We use these to control different shared styles for Split Buttons +// $split-button-function-factor: 10%; +// $split-button-pip-color: $white; +// $split-button-span-border-color: rgba(255,255,255,0.5); +// $split-button-pip-color-alt: $oil; +// $split-button-active-bg-tint: rgba(0,0,0,0.1); + +// We use these to control tiny split buttons +// $split-button-padding-tny: $button-pip-tny * 10; +// $split-button-span-width-tny: $button-pip-tny * 6; +// $split-button-pip-size-tny: $button-pip-tny; +// $split-button-pip-top-tny: $button-pip-tny * 2; +// $split-button-pip-default-float-tny: rem-calc(-6); + +// We use these to control small split buttons +// $split-button-padding-sml: $button-pip-sml * 10; +// $split-button-span-width-sml: $button-pip-sml * 6; +// $split-button-pip-size-sml: $button-pip-sml; +// $split-button-pip-top-sml: $button-pip-sml * 1.5; +// $split-button-pip-default-float-sml: rem-calc(-6); + +// We use these to control medium split buttons +// $split-button-padding-med: $button-pip-med * 9; +// $split-button-span-width-med: $button-pip-med * 5.5; +// $split-button-pip-size-med: $button-pip-med - rem-calc(3); +// $split-button-pip-top-med: $button-pip-med * 1.5; +// $split-button-pip-default-float-med: rem-calc(-6); + +// We use these to control large split buttons +// $split-button-padding-lrg: $button-pip-lrg * 8; +// $split-button-span-width-lrg: $button-pip-lrg * 5; +// $split-button-pip-size-lrg: $button-pip-lrg - rem-calc(6); +// $split-button-pip-top-lrg: $button-pip-lrg + rem-calc(5); +// $split-button-pip-default-float-lrg: rem-calc(-6); + +// 28. Sub Nav +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-nav-classes: $include-html-classes; + +// We use these to control margin and padding +// $sub-nav-list-margin: rem-calc(-4 0 18); +// $sub-nav-list-padding-top: rem-calc(4); + +// We use this to control the definition +// $sub-nav-font-family: $body-font-family; +// $sub-nav-font-size: rem-calc(14); +// $sub-nav-font-color: $aluminum; +// $sub-nav-font-weight: $font-weight-normal; +// $sub-nav-text-decoration: none; +// $sub-nav-padding: rem-calc(3 16); +// $sub-nav-border-radius: 3px; +// $sub-nav-font-color-hover: scale-color($sub-nav-font-color, $lightness: -25%); + + +// We use these to control the active item styles + +// $sub-nav-active-font-weight: $font-weight-normal; +// $sub-nav-active-bg: $primary-color; +// $sub-nav-active-bg-hover: scale-color($sub-nav-active-bg, $lightness: -14%); +// $sub-nav-active-color: $white; +// $sub-nav-active-padding: $sub-nav-padding; +// $sub-nav-active-cursor: default; + +// $sub-nav-item-divider: ""; +// $sub-nav-item-divider-margin: rem-calc(12); + +// 29. Switch +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-form-classes: $include-html-classes; + +// Controlling background color for the switch container +// $switch-bg: $gainsboro; + +// We use these to control the switch heights for our default classes +// $switch-height-tny: 1.5rem; +// $switch-height-sml: 1.75rem; +// $switch-height-med: 2rem; +// $switch-height-lrg: 2.5rem; +// $switch-bottom-margin: 1.5rem; + +// We use these to style the switch-paddle +// $switch-paddle-bg: $white; +// $switch-paddle-transition-speed: .15s; +// $switch-paddle-transition-ease: ease-out; +// $switch-active-color: $primary-color; + +// 30. Tables +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-table-classes: $include-html-classes; + +// These control the background color for the table and even rows +// $table-bg: $white; +// $table-even-row-bg: $snow; + +// These control the table cell border style +// $table-border-style: solid; +// $table-border-size: 1px; +// $table-border-color: $gainsboro; + +// These control the table head styles +// $table-head-bg: $white-smoke; +// $table-head-font-size: rem-calc(14); +// $table-head-font-color: $jet; +// $table-head-font-weight: $font-weight-bold; +// $table-head-padding: rem-calc(8 10 10); + +// These control the table foot styles +// $table-foot-bg: $table-head-bg; +// $table-foot-font-size: $table-head-font-size; +// $table-foot-font-color: $table-head-font-color; +// $table-foot-font-weight: $table-head-font-weight; +// $table-foot-padding: $table-head-padding; + +// These control the caption +// table-caption-bg: transparent; +// $table-caption-font-color: $table-head-font-color; +// $table-caption-font-size: rem-calc(16); +// $table-caption-font-weight: bold; + +// These control the row padding and font styles +// $table-row-padding: rem-calc(9 10); +// $table-row-font-size: rem-calc(14); +// $table-row-font-color: $jet; +// $table-line-height: rem-calc(18); + +// These are for controlling the layout, display and margin of tables +// $table-layout: auto; +// $table-display: table-cell; +// $table-margin-bottom: rem-calc(20); + + +// 31. Tabs +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-tabs-classes: $include-html-classes; + +// $tabs-navigation-padding: rem-calc(16); +// $tabs-navigation-bg-color: $silver; +// $tabs-navigation-active-bg-color: $white; +// $tabs-navigation-hover-bg-color: scale-color($tabs-navigation-bg-color, $lightness: -6%); +// $tabs-navigation-font-color: $jet; +// $tabs-navigation-active-font-color: $tabs-navigation-font-color; +// $tabs-navigation-font-size: rem-calc(16); +// $tabs-navigation-font-family: $body-font-family; + +// $tabs-content-margin-bottom: rem-calc(24); +// $tabs-content-padding: ($column-gutter/2); + +// $tabs-vertical-navigation-margin-bottom: 1.25rem; + +// 32. Thumbnails +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-media-classes: $include-html-classes; + +// We use these to control border styles +// $thumb-border-style: solid; +// $thumb-border-width: 4px; +// $thumb-border-color: $white; +// $thumb-box-shadow: 0 0 0 1px rgba($black,.2); +// $thumb-box-shadow-hover: 0 0 6px 1px rgba($primary-color,0.5); + +// Radius and transition speed for thumbs +// $thumb-radius: $global-radius; +// $thumb-transition-speed: 200ms; + +// 33. Tooltips +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-tooltip-classes: $include-html-classes; + +// $has-tip-border-bottom: dotted 1px $iron; +// $has-tip-font-weight: $font-weight-bold; +// $has-tip-font-color: $oil; +// $has-tip-border-bottom-hover: dotted 1px scale-color($primary-color, $lightness: -55%); +// $has-tip-font-color-hover: $primary-color; +// $has-tip-cursor-type: help; + +// $tooltip-padding: rem-calc(12); +// $tooltip-bg: $oil; +// $tooltip-font-size: rem-calc(14); +// $tooltip-font-weight: $font-weight-normal; +// $tooltip-font-color: $white; +// $tooltip-line-height: 1.3; +// $tooltip-close-font-size: rem-calc(10); +// $tooltip-close-font-weight: $font-weight-normal; +// $tooltip-close-font-color: $monsoon; +// $tooltip-font-size-sml: rem-calc(14); +// $tooltip-radius: $global-radius; +// $tooltip-rounded: $global-rounded; +// $tooltip-pip-size: 5px; +// $tooltip-max-width: 300px; + +// 34. Top Bar +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-top-bar-classes: $include-html-classes; + +// Background color for the top bar +// $topbar-bg-color: $oil; +// $topbar-bg: $topbar-bg-color; + +// Height and margin +// $topbar-height: rem-calc(45); +// $topbar-margin-bottom: 0; + +// Controlling the styles for the title in the top bar +// $topbar-title-weight: $font-weight-normal; +// $topbar-title-font-size: rem-calc(17); + +// Set the link colors and styles for top-level nav +// $topbar-link-color: $white; +// $topbar-link-color-hover: $white; +// $topbar-link-color-active: $white; +// $topbar-link-color-active-hover: $white; +// $topbar-link-weight: $font-weight-normal; +// $topbar-link-font-size: rem-calc(13); +// $topbar-link-hover-lightness: -10%; // Darken by 10% +// $topbar-link-bg: $topbar-bg; +// $topbar-link-bg-hover: $jet; +// $topbar-link-bg-color-hover: $charcoal; +// $topbar-link-bg-active: $primary-color; +// $topbar-link-bg-active-hover: scale-color($primary-color, $lightness: -14%); +// $topbar-link-font-family: $body-font-family; +// $topbar-link-text-transform: none; +// $topbar-link-padding: ($topbar-height / 3); +// $topbar-back-link-size: rem-calc(18); +// $topbar-link-dropdown-padding: rem-calc(20); +// $topbar-button-font-size: .75rem; +// $topbar-button-top: 7px; + +// Style the top bar dropdown elements +// $topbar-dropdown-bg: $oil; +// $topbar-dropdown-link-color: $white; +// $topbar-dropdown-link-color-hover: $topbar-link-color-hover; +// $topbar-dropdown-link-bg: $oil; +// $topbar-dropdown-link-bg-hover: $jet; +// $topbar-dropdown-link-weight: $font-weight-normal; +// $topbar-dropdown-toggle-size: 5px; +// $topbar-dropdown-toggle-color: $white; +// $topbar-dropdown-toggle-alpha: .4; + +// $topbar-dropdown-label-color: $monsoon; +// $topbar-dropdown-label-text-transform: uppercase; +// $topbar-dropdown-label-font-weight: $font-weight-bold; +// $topbar-dropdown-label-font-size: rem-calc(10); +// $topbar-dropdown-label-bg: $oil; + +// Top menu icon styles +// $topbar-menu-link-transform: uppercase; +// $topbar-menu-link-font-size: rem-calc(13); +// $topbar-menu-link-weight: $font-weight-bold; +// $topbar-menu-link-color: $white; +// $topbar-menu-icon-color: $white; +// $topbar-menu-link-color-toggled: $jumbo; +// $topbar-menu-icon-color-toggled: $jumbo; +// $topbar-menu-icon-position: $opposite-direction; // Change to $default-float for a left menu icon + +// Transitions and breakpoint styles +// $topbar-transition-speed: 300ms; +// Using rem-calc for the below breakpoint causes issues with top bar +// $topbar-breakpoint: #{lower-bound($medium-range)}; // Change to 9999px for always mobile layout +// $topbar-media-query: "#{$screen} and (min-width:#{lower-bound($topbar-breakpoint)})"; + +// Top-bar input styles +// $topbar-input-height: rem-calc(28); + +// Divider Styles +// $topbar-divider-border-bottom: solid 1px scale-color($topbar-bg-color, $lightness: 13%); +// $topbar-divider-border-top: solid 1px scale-color($topbar-bg-color, $lightness: -50%); + +// Sticky Class +// $topbar-sticky-class: ".sticky"; +// $topbar-arrows: true; //Set false to remove the triangle icon from the menu item +// $topbar-dropdown-arrows: true; //Set false to remove the \00bb >> text from dropdown subnavigation li// + +// 36. Visibility Classes +// - - - - - - - - - - - - - - - - - - - - - - - - - + +// $include-html-visibility-classes: $include-html-classes; +// $include-accessibility-classes: true; +// $include-table-visibility-classes: true; +// $include-legacy-visibility-classes: true; diff --git a/static/app/styles/app.scss b/static/app/styles/app.scss new file mode 100644 index 0000000..e20fba9 --- /dev/null +++ b/static/app/styles/app.scss @@ -0,0 +1,30 @@ +@import "settings"; // Global settings + +@import "../../bower_components/foundation/scss/normalize"; +@import + "../../bower_components/foundation/scss/foundation/components/block-grid", + "../../bower_components/foundation/scss/foundation/components/buttons", + "../../bower_components/foundation/scss/foundation/components/dropdown", + "../../bower_components/foundation/scss/foundation/components/dropdown-buttons", + "../../bower_components/foundation/scss/foundation/components/forms", + "../../bower_components/foundation/scss/foundation/components/grid", + "../../bower_components/foundation/scss/foundation/components/inline-lists", + "../../bower_components/foundation/scss/foundation/components/labels", + "../../bower_components/foundation/scss/foundation/components/progress-bars", + "../../bower_components/foundation/scss/foundation/components/reveal", + "../../bower_components/foundation/scss/foundation/components/sub-nav", + "../../bower_components/foundation/scss/foundation/components/tables", + "../../bower_components/foundation/scss/foundation/components/tooltips", + "../../bower_components/foundation/scss/foundation/components/top-bar", + "../../bower_components/foundation/scss/foundation/components/type", + "../../bower_components/foundation/scss/foundation/components/visibility"; + +/* Vendor styles */ +@import "../../bower_components/components-font-awesome/scss/font-awesome"; + +/* Global styles */ +body { + background-color: $body-bg; +} + +@import "header"; \ No newline at end of file diff --git a/static/bower.json b/static/bower.json new file mode 100644 index 0000000..5f8af20 --- /dev/null +++ b/static/bower.json @@ -0,0 +1,28 @@ +{ + "name": "sis-slides", + "private": true, + "dependencies": { + "jquery": "latest", + "foundation": "latest", + "underscore": "~1.8.3", + "list.js": "~1.1.1", + "components-font-awesome": "~4.3.0" + }, + "devDependencies": {}, + "resolutions": { + "jquery": "2.1.4" + }, + "overrides": { + "components-font-awesome": { + "main": [ + "css/font-awesome.css", + "scss/font-awesome.scss", + "fonts/fontawesome-webfont.eot", + "fonts/fontawesome-webfont.woff", + "fonts/fontawesome-webfont.woff2", + "fonts/fontawesome-webfont.ttf", + "fonts/fontawesome-webfont.svg" + ] + } + } +} diff --git a/static/dist/fonts/fontawesome-webfont.eot b/static/dist/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..33b2bb8 Binary files /dev/null and b/static/dist/fonts/fontawesome-webfont.eot differ diff --git a/static/dist/fonts/fontawesome-webfont.svg b/static/dist/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..1ee89d4 --- /dev/null +++ b/static/dist/fonts/fontawesome-webfont.svg @@ -0,0 +1,565 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/dist/fonts/fontawesome-webfont.ttf b/static/dist/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..ed9372f Binary files /dev/null and b/static/dist/fonts/fontawesome-webfont.ttf differ diff --git a/static/dist/fonts/fontawesome-webfont.woff b/static/dist/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..8b280b9 Binary files /dev/null and b/static/dist/fonts/fontawesome-webfont.woff differ diff --git a/static/dist/fonts/fontawesome-webfont.woff2 b/static/dist/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..3311d58 Binary files /dev/null and b/static/dist/fonts/fontawesome-webfont.woff2 differ diff --git a/static/dist/scripts/app.js b/static/dist/scripts/app.js new file mode 100644 index 0000000..e69de29 diff --git a/static/dist/scripts/documents_edit.js b/static/dist/scripts/documents_edit.js new file mode 100644 index 0000000..eca4572 --- /dev/null +++ b/static/dist/scripts/documents_edit.js @@ -0,0 +1,95 @@ + +$(function(){ + var urls = { + save_document: '/api/document/', + update_document: '/api/document/{pk}/' + }; + var _dom = { + document_table: $('.document-table'), + progress_bar: $("#progress .bar"), + }; + var csrf_token = $.cookie('csrftoken'); + + /* inplace edit */ + _dom.document_table.on('click', "[data-model-field]", function() { + var input_field = $(this).siblings("input"); + if($(this).siblings("input").length) { + input_field.val($(this).text()).css('display', 'inline-block'); + } else { + $(this).after(''); + input_field = $(this).siblings("input"); + } + input_field.css('width', $(this).width() + 30); + $(this).hide(); + $("[data-editable-field]").focus(); + }); + + /* save on blur and */ + _dom.document_table.on('blur keyup', 'input[type=text]', function(e) { + if(e.type == 'keyup' && e.keyCode != 13) { + return; + } + /* anything changed ? */ + if( $(this).siblings("[data-model-field]").text() !== $(this).val() ) { + /* update text */ + $(this).siblings("[data-model-field]").text($(this).val()); + + var document_pk = $(this).siblings("[data-model-field]").attr('data-pk'); + var model_field = $(this).siblings("[data-model-field]").attr('data-model-field'); + var field_value = $(this).val(); + + var data = {}; + data[model_field] = field_value; + + $.ajax({ + url: urls.update_document.replace('{pk}', document_pk), + method: 'PATCH', + dataType: 'json', + data: data, + headers: { + 'X-CSRFToken': csrf_token + }, + success: function(response, newValue) { + console.log('Field '+model_field+' updated with value "'+field_value+'".'); + } + }); + } + /* Back to original view */ + $("[data-model-field]").show(); + $(this).hide(); + }); + + /* Document file upload */ + $('.upload-document').fileupload({ + dataType: 'json', // TODO: why no JSON? + url: urls.save_document, + done: function(e, data) { + _dom.progress_bar.fadeOut('slow'); + var result = data.result; + /* insert document row */ + + var filename = result.filename.slice(0, 40); + console.log(result); + + $('.document-table').prepend(''+ result.name +' '+ filename +''+ result.updated +''); + }, + fail: function(e, data) { + console.log("Failed uploading file: ",e, data); + }, + headers: { + 'X-CSRFToken': csrf_token, + 'cache-control': 'no-cache' + }, + send: function(e, data) { + _dom.progress_bar.css('width', '0%'); + _dom.progress_bar.show(); + }, + progressall: function (e, data) { + var progress = parseInt(data.loaded / data.total * 100, 10); + _dom.progress_bar.css( + 'width', + progress + '%' + ); + } + }); +}); diff --git a/static/dist/scripts/fd-slider.js b/static/dist/scripts/fd-slider.js new file mode 100644 index 0000000..940ee49 --- /dev/null +++ b/static/dist/scripts/fd-slider.js @@ -0,0 +1,1341 @@ +/*! Unobtrusive Slider Control / HTML5 Input Range polyfill - MIT/GPL2 @freqdec */ +/*jshint sub:true, evil:true, boss:true */ +var fdSlider = (function() { + var sliders = {}, + uniqueid = 0, + mouseWheelEnabled = true, + fullARIA = true, + describedBy = "fd-slider-describedby", + varSetRules = { + onfocus:true, + onvalue:true + }, + noRangeBar = false, + html5Animation = "jump", + useDOMAttrModEvt = false, + isOpera = Object.prototype.toString.call(window.opera) === "[object Opera]", + fpRegExp = /^([\-]{0,1}[0-9]+(\.[0-9]+){0,1})$/, + stepRegExp = /^([0-9]+(\.[0-9]+){0,1})$/; + + var parseJSON = function(str) { + if(typeof str !== "string" || str === "") { + return {}; + } + try { + // Does a JSON (native or not) Object exist + if(typeof JSON === "object" && typeof(JSON.parse) === "function") { + return JSON.parse(str); + // Genious code taken from: http://kentbrewster.com/badges/ + } else if(/mousewheelenabled|fullaria|describedby|norangebar|html5animation|varsetrules/.test(str.toLowerCase())) { + var f = Function(['var document,top,self,window,parent,Number,Date,Object,Function,', + 'Array,String,Math,RegExp,Image,ActiveXObject;', + 'return (' , str.replace(/<\!--.+-->/gim,'').replace(/\bfunction\b/g,'function-') , ');'].join('')); + return f(); + } + } catch (e) { } + + return {"err":"Could not parse the JSON object"}; + }; + + var affectJSON = function(json) { + if(typeof json !== "object") { + return; + } + for(var key in json) { + value = json[key]; + switch(key.toLowerCase()) { + case "mousewheelenabled": + mouseWheelEnabled = !!value; + break; + case "fullaria": + fullARIA = !!value; + break; + case "describedby": + describedBy = String(value); + break; + case "norangebar": + noRangeBar = !!value; + break; + case "html5animation": + html5Animation = String(value).search(/^(jump|tween|timed)$/i) != -1 ? String(value).toLowerCase() : "jump"; + break; + case "watchattributes": + useDOMAttrModEvt = !!value; + break; + case "varsetrules": + if("onfocus" in value) { + varSetRules.onfocus = !!value.onfocus; + } + if("onvalue" in value) { + varSetRules.onvalue = !!value.onvalue; + } + break; + } + } + }; + var addEvent = function(obj, type, fn) { + if(obj.addEventListener) { + obj.addEventListener(type, fn, true); + } else if(obj.attachEvent) { + obj.attachEvent("on"+type, fn); + } + }; + var removeEvent = function(obj, type, fn) { + try { + if(obj.removeEventListener) { + obj.removeEventListener(type, fn, true); + } else if(obj.detachEvent) { + obj.detachEvent("on"+type, fn); + } + } catch(err) {} + }; + var stopEvent = function(e) { + e = e || window.event; + if(e.stopPropagation) { + e.stopPropagation(); + e.preventDefault(); + } + + /*@cc_on@*/ + /*@if(@_win32) + e.cancelBubble = true; + e.returnValue = false; + /*@end@*/ + + return false; + }; + var preventDefault = function(e) { + e = e || window.event; + if(e.preventDefault) { + e.preventDefault(); + return; + } + e.returnValue = false; + }; + // Add/Remove classname utility functions + var addClass = function(e,c) { + if(new RegExp("(^|\\s)" + c + "(\\s|$)").test(e.className)) { + return; + } + e.className += ( e.className ? " " : "" ) + c; + }; + var removeClass = function(e,c) { + e.className = !c ? "" : e.className.replace(new RegExp("(^|\\s)" + c + "(\\s|$)"), " ").replace(/^\s\s*/, '').replace(/\s\s*$/, ''); + }; + // Returns an Object of key value pairs indicating which sliders have values + // that have been "set" by the user. Normally used within form validation code + var getValueSet = function() { + var obj = {}; + for(var id in sliders) { + obj[id] = sliders[id].getValueSet(); + } + return obj; + }; + // Sets the valueSet variable for a specific slider + var setValueSet = function(sliderId, tf) { + sliders[sliderId].setValueSet(!!tf); + }; + // Does the slider exist in memory + var sliderExists = function(slider) { + return !!(slider in sliders && sliders.hasOwnProperty(slider)); + }; + // Javascript instantiation of a slider (input type="text|range" or select list) + var createSlider = function(options) { + if(!options || !options.inp || !options.inp.tagName || options.inp.tagName.search(/^input|select/i) == -1) { return false; } + + options.html5Shim = false; + + if(options.inp.tagName.toLowerCase() == "select") { + if(options.inp.options.length < 2) { + return false; + } + options.min = 0; + options.max = options.inp.options.length - 1; + options.step = 1; + options.precision = 0; + options.scale = false; + options.forceValue = true; + } else { + if(String(options.inp.type).search(/^(text|range)$/i) == -1) { + return false; + } + options.min = options.min && String(options.min).search(fpRegExp) != -1 ? +options.min : 0; + options.max = options.max && String(options.max).search(fpRegExp) != -1 ? +options.max : 100; + options.step = options.step && String(options.step).search(stepRegExp) != -1 ? options.step : 1; + options.precision = options.precision && String(options.precision).search(/^[0-9]+$/) != -1 ? options.precision : (String(options.step).search(/\.([0-9]+)$/) != -1 ? String(options.step).match(/\.([0-9]+)$/)[1].length : 0); + options.scale = options.scale || false; + options.forceValue = ("forceValue" in options) ? !!options.forceValue : false; + options.userSnap = ("userSnap" in options) ? !!options.userSnap : false; + } + options.ariaFormat = ("ariaFormat" in options) && typeof options.ariaFormat == "function" ? options.ariaFormat : false; + options.maxStep = options.maxStep && String(options.maxStep).search(stepRegExp) != -1 ? +options.maxStep : +options.step * 2; + options.classNames = options.classNames || ""; + options.callbacks = options.callbacks || false; + + destroySingleSlider(options.inp.id); + sliders[options.inp.id] = new fdRange(options); + return true; + }; + var getAttribute = function(elem, att) { + return elem.getAttribute(att) || ""; + }; + // HTML5 input type="range" shim - called onload or onDomReady + var init = function() { + var inputs = document.getElementsByTagName("input"), + options, + defs; + + for(var i = 0, inp; inp = inputs[i]; i++) { + + if(inp.tagName.toLowerCase() == "input" && + (getAttribute(inp,"type") && getAttribute(inp,"type").toLowerCase() == "range") && + (getAttribute(inp, "min") && getAttribute(inp, "min").search(fpRegExp) != -1 || + getAttribute(inp, "max") && getAttribute(inp, "max").search(fpRegExp) != -1 || + getAttribute(inp, "step") && getAttribute(inp, "step").search(/^(any|([0-9]+(\.[0-9]+){0,1}))$/i) != -1 + )) { + + // Skip elements that have already been created are are resident in the DOM + if(inp.id && document.getElementById("fd-slider-"+inp.id)) { + continue; + // Destroy elements that have already been created but not resident in the DOM + } else if(inp.id && !document.getElementById("fd-slider-"+inp.id)) { + destroySingleSlider(inp.id); + } + + // Create an id for the form element if necessary + if(!inp.id) { + inp.id = "fd-slider-form-elem-" + uniqueid++; + } + + // Basic option Object + options = { + inp: inp, + callbacks: [], + animation: html5Animation, + vertical: getAttribute(inp, "data-fd-slider-vertical") ? true : (inp.offsetHeight > inp.offsetWidth), + classNames: getAttribute(inp, "data-fd-slider-vertical"), + html5Shim: true + }; + + if(options.vertical && !getAttribute(inp, "data-fd-slider-vertical")) { + options.inpHeight = inp.offsetHeight; + } + + defs = getInputAttributes(inp); + + options.min = defs.min; + options.max = defs.max; + options.step = defs.step; + options.precision = String(options.step).search(/\.([0-9]+)$/) != -1 ? String(options.step).match(/\.([0-9]+)$/)[1].length : 0; + options.maxStep = options.step * 2; + + destroySingleSlider(options.inp.id); + sliders[options.inp.id] = new fdRange(options); + } + } + + return true; + }; + var getInputAttributes = function(inp) { + return { + "min":+(getAttribute(inp, "min") || 0), + "max":+(getAttribute(inp, "max") || 100), + "step":+(getAttribute(inp, "step").search(stepRegExp) != -1 ? inp.getAttribute("step") : 1) + }; + }; + var destroySingleSlider = function(id) { + if(id in sliders && sliders.hasOwnProperty(id)) { + sliders[id].destroy(); + delete sliders[id]; + return true; + } + return false; + }; + var destroyAllsliders = function(e) { + for(var slider in sliders) { + if(sliders.hasOwnProperty(slider)) { + sliders[slider].destroy(); + } + } + sliders = []; + }; + var unload = function(e) { + destroyAllsliders(); + sliders = null; + }; + var resize = function(e) { + for(var slider in sliders) { + if(sliders.hasOwnProperty(slider)) { + sliders[slider].onResize(); + } + } + }; + var rescanAttributes = function() { + for(var slider in sliders) { + if(sliders.hasOwnProperty(slider)) { + sliders[slider].rescan(); + } + } + }; + var onDomReady = function() { + removeOnLoadEvent(); + init(); + }; + var removeOnLoadEvent = function() { + removeEvent(window, "load", init); + }; + function fdRange(options) { + var inp = options.inp, + disabled = false, + tagName = inp.tagName.toLowerCase(), + min = +options.min, + max = +options.max, + rMin = +options.min, + rMax = +options.max, + range = Math.abs(max - min), + step = tagName == "select" ? 1 : +options.step, + maxStep = options.maxStep ? +options.maxStep : step * 2, + precision = options.precision || 0, + steps = Math.ceil(range / step), + scale = options.scale || false, + hideInput = !!options.hideInput, + animation = options.animation || "", + vertical = !!options.vertical, + callbacks = options.callbacks || {}, + classNames = options.classNames || "", + html5Shim = !!options.html5Shim, + defaultVal = max < min ? min : min + ((max - min) / 2), + resetDef = tagName == "select" ? inp.selectedIndex : inp.defaultValue || defaultVal, + forceValue = html5Shim || !!options.forceValue, + inpHeight = html5Shim && vertical && ("inpHeight" in options) ? options.inpHeight : false, + ariaFormat = !html5Shim && options.ariaFormat ? options.ariaFormat : false, + userSnap = !html5Shim && (tagName != "select") && ("userSnap" in options) ? !!options.userSnap : false, + userInput = false, + timer = null, + kbEnabled = true, + initialVal = tagName == "select" ? inp.selectedIndex : inp.value, + sliderH = 0, + sliderW = 0, + tweenX = 0, + tweenB = 0, + tweenC = 0, + tweenD = 0, + frame = 0, + x = 0, + y = 0, + rMaxPx = 0, + rMinPx = 0, + handlePos = 0, + destPos = 0, + mousePos = 0, + stepPx = 0, + userSet = false, + touchEvents = false, + outerWrapper, + innerWrapper, + ieBlur, + handle, + rangeBar, + bar; + + // For the reset event to work we have to set a defaultValue + if(tagName == "input" && forceValue && !inp.defaultValue) { + inp.defaultValue = getWorkingValueFromInput(); + } + + // Make sure we have a negative step if the max < min + if(max < min) { + step = -Math.abs(step); + maxStep = -Math.abs(maxStep); + } + + // Add the 100% scale mark if needs be. This is hacky. + if(scale) { + scale[100] = max; + } + + // Set the "userSet" variable programmatically for this slider + function valueSet(tf) { + tf = !!tf; + if(tf != userSet) { + userSet = tf; + valueToPixels(getWorkingValueFromInput()); + } + } + + function rescanAttrs() { + if(!useDOMAttrModEvt || tagName == "select") { + return; + } + + var defs = getInputAttributes(inp); + + if(defs.min == min && defs.max == max && defs.step == step) { + return; + } + + min = +defs.min; + max = +defs.max; + rMin = min; + rMax = max; + step = +defs.step; + range = Math.abs(max - min); + maxStep = step * 2; + steps = Math.ceil(range / step); + userSet = false; + setSliderRange(min, max); + } + + function disableSlider(noCallback) { + if(disabled && !noCallback) { + return; + } + + try { + setTabIndex(handle, -1); + removeEvent(handle, "focus", onFocus); + removeEvent(handle, "blur", onBlur); + + if(!isOpera) { + removeEvent(handle, "keydown", onKeyDown); + removeEvent(handle, "keypress", onKeyPress); + } else { + removeEvent(handle, "keypress", onKeyDown); + } + + removeEvent(outerWrapper, "mouseover", onMouseOver); + removeEvent(outerWrapper, "mouseout", onMouseOut); + removeEvent(outerWrapper, "mousedown", onMouseDown); + removeEvent(outerWrapper, "touchstart", onMouseDown); + + if(mouseWheelEnabled) { + if (window.addEventListener && !window.devicePixelRatio) window.removeEventListener('DOMMouseScroll', trackMouseWheel, false); + else { + removeEvent(document, "mousewheel", trackMouseWheel); + removeEvent(window, "mousewheel", trackMouseWheel); + } + } + } catch(err) {} + + removeClass(innerWrapper, "fd-slider-focused"); + removeClass(innerWrapper, "fd-slider-active"); + + addClass(innerWrapper, "fd-slider-disabled"); + outerWrapper.setAttribute("aria-disabled", true); + inp.disabled = disabled = true; + clearTimeout(timer); + + if(!noCallback) { + callback("disable"); + } + } + + function enableSlider(noCallback) { + if(!disabled && !noCallback) { + return; + } + + setTabIndex(handle, 0); + addEvent(handle, "focus", onFocus); + addEvent(handle, "blur", onBlur); + + if(!isOpera) { + addEvent(handle, "keydown", onKeyDown); + addEvent(handle, "keypress", onKeyPress); + } else { + addEvent(handle, "keypress", onKeyDown); + } + + addEvent(outerWrapper, "touchstart", onMouseDown); + addEvent(outerWrapper, "mousedown", onMouseDown); + addEvent(outerWrapper, "mouseover", onMouseOver); + addEvent(outerWrapper, "mouseout", onMouseOut); + + removeClass(innerWrapper, "fd-slider-disabled"); + outerWrapper.setAttribute("aria-disabled", false); + inp.disabled = disabled = touchEvents = false; + + if(!noCallback) { + callback("enable"); + } + } + + // Destroys a slider + function destroySlider() { + clearTimeout(timer); + ieBlur = bar = handle = outerWrapper = innerWrapper = timer = null; + callback("destroy"); + callbacks = null; + } + + // Calculates the pixel increment etc + function redraw() { + locate(); + // Internet Explorer requires the try catch as hidden + // elements throw errors + try { + var sW = outerWrapper.offsetWidth, + sH = outerWrapper.offsetHeight, + hW = handle.offsetWidth, + hH = handle.offsetHeight, + bH = bar.offsetHeight, + bW = bar.offsetWidth, + mPx = vertical ? sH - hH : sW - hW; + + stepPx = mPx / steps; + rMinPx = Math.max(scale ? percentToPixels(valueToPercent(rMin)) : Math.abs((rMin - min) / step) * stepPx, 0); + rMaxPx = Math.min(scale ? percentToPixels(valueToPercent(rMax)) : Math.abs((rMax - min) / step) * stepPx, Math.floor(vertical ? sH - hH : sW - hW)); + + sliderW = sW; + sliderH = sH; + + valueToPixels(forceValue ? getWorkingValueFromInput() : (tagName == "select" ? inp.selectedIndex : parseFloat(inp.value)), false); + + } catch(err) {} + callback("redraw"); + } + + // Calls a callback function + function callback(type) { + if(!html5Shim) { + if(callbacks.hasOwnProperty(type)) { + var cbObj = {"userSet":userSet, "disabled":disabled, "elem":inp, "value":tagName == "select" ? inp.options[inp.selectedIndex].value : inp.value}; + + // Call all functions in sequence + for(var i = 0, func; func = callbacks[type][i]; i++) { + func.call(inp, cbObj); + } + } + } else if(type.match(/^(blur|focus|change)$/i)) { + var e; + if(typeof(document.createEvent) != 'undefined') { + e = document.createEvent('HTMLEvents'); + e.initEvent(type, true, true); + inp.dispatchEvent(e); + } else if(typeof(document.createEventObject) != 'undefined') { + try { + e = document.createEventObject(); + inp.fireEvent('on' + type.toLowerCase(), e); + } catch(err){ } + } + } + } + + // FOCUS & BLUR events + function onFocus(e) { + addClass(innerWrapper, 'fd-slider-focused'); + + // Is the value said to have been set by the user onfocus + if(varSetRules.onfocus) { + userSet = true; + valueToPixels(getWorkingValueFromInput()); + } + + // If mousewheel events required then add them + if(mouseWheelEnabled) { + addEvent(window, 'DOMMouseScroll', trackMouseWheel); + addEvent(document, 'mousewheel', trackMouseWheel); + if(!isOpera) { + addEvent(window, 'mousewheel', trackMouseWheel); + } + } + + callback("focus"); + return true; + } + + function onBlur(e) { + removeClass(innerWrapper, 'fd-slider-focused'); + + // Remove mousewheel events if necessary + if(mouseWheelEnabled) { + removeEvent(document, 'mousewheel', trackMouseWheel); + removeEvent(window, 'DOMMouseScroll', trackMouseWheel); + if(!isOpera) { + removeEvent(window, 'mousewheel', trackMouseWheel); + } + } + + kbEnabled = true; + callback("blur"); + } + + // MOUSEWHEEL events + function trackMouseWheel(e) { + if(!kbEnabled) { + return; + } + + e = e || window.event; + var delta = 0, + value; + + if (e.wheelDelta) { + delta = e.wheelDelta/120; + // Older versions of Opera require a small hack to inverse the delta + if (isOpera && window.opera.version() < 9.2) { + delta = -delta; + } + } else if(e.detail) { + delta = -e.detail/3; + } + + if(vertical) { + delta = -delta; + } + + if(delta) { + value = getWorkingValueFromInput(); + value += (delta < 0) ? -step : step; + userSet = true; + valueToPixels(getValidValue(value)); + } + + preventDefault(e); + } + + // KEYBOARD events + function onKeyPress(e) { + e = e || window.event; + // Let all non-hijacked keyboard events pass + if((e.keyCode >= 33 && e.keyCode <= 40) || !kbEnabled || e.keyCode == 45 || e.keyCode == 46) { + return stopEvent(e); + } + return true; + } + + function onKeyDown(e) { + if(!kbEnabled) { + return true; + } + + e = e || window.event; + var kc = e.keyCode !== null ? e.keyCode : e.charCode, + value; + + if(kc < 33 || (kc > 40 && (kc != 45 && kc != 46))) { + return true; + } + + value = getWorkingValueFromInput(); + + if( kc == 37 || kc == 40 || kc == 46 || kc == 34) { + // left, down, ins, page down + value -= (e.ctrlKey || kc == 34 ? +maxStep : +step); + } else if( kc == 39 || kc == 38 || kc == 45 || kc == 33) { + // right, up, del, page up + value += (e.ctrlKey || kc == 33 ? +maxStep : +step); + } else if( kc == 35 ) { + // max + value = rMax; + } else if( kc == 36 ) { + // min + value = rMin; + } + + userSet = true; + valueToPixels(getValidValue(value)); + + callback("update"); + + // Opera doesn't let us cancel key events so the up/down arrows and home/end buttons will scroll the screen - which sucks + preventDefault(e); + } + + // MOUSE & TOUCH events + + function onMouseOver(e) { + addClass(innerWrapper, 'fd-slider-hover'); + } + + function onMouseOut(e) { + // Should really check we are not still in the slider + removeClass(innerWrapper, 'fd-slider-hover'); + } + + // Mousedown on the slider + function onMouseDown(e) { + e = e || window.event; + + // Stop page scrolling + preventDefault(e); + + // Grab the event target + var targ; + if (e.target) { + targ = e.target; + } else if (e.srcElement) { + targ = e.srcElement; + } + if(targ && targ.nodeType == 3) { + targ = targ.parentNode; + } + + // Are we using touchEvents + if(e.touches) { + // Skip gestures + if(e.targetTouches && e.targetTouches.length != 1) { + return false; + } + + e = e.touches[0]; + touchEvents = true; + } + + // Stop any animation timers + clearTimeout(timer); + timer = null; + + // Not keyboard enabled + kbEnabled = false; + + // User has set a value + userSet = true; + + // Handle mousedown - initiate drag + if(targ.className.search("fd-slider-handle") != -1) { + mousePos = vertical ? e.clientY : e.clientX; + handlePos = parseInt(vertical ? handle.offsetTop : handle.offsetLeft)||0; + + // Set a value on first click even if no movement + trackMouse(e); + + if(!touchEvents) { + addEvent(document, 'mousemove', trackMouse); + addEvent(document, 'mouseup', stopDrag); + } else { + addEvent(document, 'touchmove', trackMouse); + addEvent(document, 'touchend', stopDrag); + // Remove mouseEvents to stop them firing after the touch event + removeEvent(outerWrapper, "mousedown", onMouseDown); + } + + addClass(innerWrapper, 'fd-slider-active'); + addClass(document.body, "fd-slider-drag-" + (vertical ? "vertical" : "horizontal")); + + callback("dragstart"); + + // Wrapper mousedown - initiate animation to click point + } else { + locate(); + + var posx = 0; + + if(e.pageX || e.pageY) { + posx = vertical ? e.pageY : e.pageX; + } else if (e.clientX || e.clientY) { + posx = vertical ? e.clientY + document.body.scrollTop + document.documentElement.scrollTop : e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; + } + + posx -= vertical ? y + Math.round(handle.offsetHeight / 2) : x + Math.round(handle.offsetWidth / 2); + posx = snapToPxValue(posx); + + // Tween animation to click point + if(animation == "tween") { + addClass(innerWrapper, 'fd-slider-active'); + tweenTo(posx); + // Progressive increment to click point + } else if(animation == "timed") { + addClass(innerWrapper, 'fd-slider-active'); + addEvent(document, touchEvents ? 'touchend' : 'mouseup', onDocMouseUp); + destPos = posx; + onTimer(); + // Immediate jump to click point + } else { + pixelsToValue(posx); + //addEvent(document, touchEvents ? 'touchend' : 'mouseup', onMouseUp); + } + } + + return false; + } + + // Progressive increment to click point - clear the animation timer and remove the mouseup/touchend event + function onDocMouseUp( e ) { + e = e || window.event; + + preventDefault(e); + removeEvent(document, touchEvents ? 'touchend' : 'mouseup', onDocMouseUp); + removeClass(innerWrapper, "fd-slider-active"); + + clearTimeout(timer); + timer = null; + kbEnabled = true; + + return false; + } + + // Mouseup or touchend event on the document to stop drag + function stopDrag(e) { + e = e || window.event; + + preventDefault(e); + + if(touchEvents) { + removeEvent(document, 'touchmove', trackMouse); + removeEvent(document, 'touchend', stopDrag); + } else { + removeEvent(document, 'mousemove', trackMouse); + removeEvent(document, 'mouseup', stopDrag); + } + + kbEnabled = true; + removeClass(document.body, "fd-slider-drag-" + (vertical ? "vertical" : "horizontal")); + removeClass(innerWrapper, "fd-slider-active"); + + callback("dragend"); + + return false; + } + + // Mousemove or touchmove event on the drag handle + function trackMouse(e) { + e = e || window.event; + + preventDefault(e); + + if(e.touches) { + // Skip gestures + if(e.targetTouches && e.targetTouches.length != 1) { + return false; + } + e = e.touches[0]; + } + + pixelsToValue(snapToPxValue(handlePos + (vertical ? e.clientY - mousePos : e.clientX - mousePos))); + + return false; + } + + // Increments the slider by "inc" steps + function increment(inc) { + var value = getWorkingValueFromInput(); + userSet = true; + value += inc * step; + valueToPixels(getValidValue(value)); + } + + // Attempts to locate the on-screen position of the slider + function locate(){ + var curleft = 0, + curtop = 0, + obj = outerWrapper; + + // Try catch for IE's benefit + try { + do { + curleft += obj.offsetLeft; + curtop += obj.offsetTop; + } while(obj = obj.offsetParent); + } catch(err) {} + x = curleft; + y = curtop; + } + + // Used during the progressive animation to click point + function onTimer() { + var xtmp = parseInt(vertical ? handle.offsetTop : handle.offsetLeft, 10); + xtmp = Math.round((destPos < xtmp) ? Math.max(destPos, Math.floor(xtmp - stepPx)) : Math.min(destPos, Math.ceil(xtmp + stepPx))); + + pixelsToValue(snapToPxValue(xtmp)); + if(xtmp != destPos) { + timer = setTimeout(onTimer, steps > 20 ? 50 : 100); + } else { + kbEnabled = true; + removeClass(innerWrapper, "fd-slider-active"); + callback("finalise"); + } + } + + var tween = function(){ + frame++; + var c = tweenC, + d = 20, + t = frame, + b = tweenB, + x = Math.ceil((t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b); + + pixelsToValue(t == d ? tweenX : x); + + if(t!=d) { + // Call the "move" callback on each animation increment + callback("move"); + timer = setTimeout(tween, 20); + } else { + clearTimeout(timer); + timer = null; + kbEnabled = true; + + removeClass(innerWrapper, "fd-slider-focused"); + removeClass(innerWrapper, "fd-slider-active"); + + // Call the "finalise" callback whenever the animation is complete + callback("finalise"); + } + }; + + function tweenTo(tx){ + kbEnabled = false; + tweenX = parseInt(tx, 10); + tweenB = parseInt(vertical ? handle.offsetTop : handle.offsetLeft, 10); + tweenC = tweenX - tweenB; + tweenD = 20; + frame = 0; + + if(!timer) { + timer = setTimeout(tween, 20); + } + } + + // Returns a value within the range & sets the userSet var + // i.e. has the user entered a valid value + function checkValue(value) { + if(isNaN(value) || value === "" || typeof value == "undefined") { + userSet = false; + return defaultVal; + } else if(value < Math.min(rMin,rMax)) { + userSet = false; + return Math.min(rMin,rMax); + } else if(value > Math.max(rMin,rMax)) { + userSet = false; + return Math.max(rMin,rMax); + } + userSet = true; + return value; + } + + // Returns a value within a range - uses the form element value as base + function getWorkingValueFromInput() { + return getValidValue(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); + } + + // Returns a value within the range + function getValidValue(value) { + return (isNaN(value) || value === "" || typeof value == "undefined") ? defaultVal : Math.min(Math.max(value, Math.min(rMin,rMax)), Math.max(rMin,rMax)); + } + + // Calculates value according to pixel position of slider handle + function pixelsToValue(px) { + var val = getValidValue(scale ? percentToValue(pixelsToPercent(px)) : vertical ? max - (Math.round(px / stepPx) * step) : min + (Math.round(px / stepPx) * step)); + + handle.style[vertical ? "top" : "left"] = (px || 0) + "px"; + redrawRange(); + setInputValue((tagName == "select" || step == 1) ? Math.round(val) : val); + } + + // Calculates pixel position according to form element value + function valueToPixels(val, updateInputValue) { + var clearVal = false, + value; + + // Allow empty values for non-polyfill sliders + if((typeof val === "undefined" || isNaN(val) || val === "") && tagName == "input" && !forceValue) { + value = defaultVal; + clearVal = true; + userSet = false; + } else { + value = checkValue(val); + } + + handle.style[vertical ? "top" : "left"] = (scale ? percentToPixels(valueToPercent(value)) : vertical ? Math.round(((max - value) / step) * stepPx) : Math.round(((value - min) / step) * stepPx)) + "px"; + redrawRange(); + if(typeof updateInputValue !== false) { + setInputValue(clearVal ? "" : value); + } + } + + // Rounds a pixel value to the nearest "snap" point on the slider scale + function snapToPxValue(px) { + if(scale) { + return Math.max(Math.min(rMaxPx, px), rMinPx); + } else { + var rem = px % stepPx; + if(rem && rem >= (stepPx / 2)) { + px += (stepPx - rem); + } else { + px -= rem; + } + + if(px < Math.min(Math.abs(rMinPx), Math.abs(rMaxPx))) { + px = Math.min(Math.abs(rMinPx), Math.abs(rMaxPx)); + } else if(px > Math.max(Math.abs(rMinPx), Math.abs(rMaxPx))) { + px = Math.max(Math.abs(rMinPx), Math.abs(rMaxPx)); + } + + return Math.min(Math.max(px, 0), rMaxPx); + } + } + + // Calculates a value according to percentage of distance handle has travelled + function percentToValue(pct) { + var st = 0, + fr = min, + value; + + for(var s in scale) { + if(!scale.hasOwnProperty(s)) { + continue; + } + + if(pct >= st && pct <= +s ) { + value = fr + ((pct - st) * (+scale[s] - fr) ) / (+s - st); + } + + st = +s; + fr = +scale[s]; + } + + return value; + } + + // Calculates the percentage handle position according to form element value + function valueToPercent(value) { + var st = 0, + fr = min, + pct = 0; + + for(var s in scale) { + if(!scale.hasOwnProperty(s)) { + continue; + } + + if(value >= fr && value <= +scale[s]){ + pct = st + (value - fr) * (+s - st) / (+scale[s] - fr); + } + + st = +s; + fr = +scale[s]; + } + + return pct; + } + + function percentToPixels(percent) { + return ((outerWrapper[vertical ? "offsetHeight" : "offsetWidth"] - handle[vertical ? "offsetHeight" : "offsetWidth"]) / 100) * percent; + } + + function pixelsToPercent(pixels) { + return pixels / ((outerWrapper[vertical ? "offsetHeight" : "offsetWidth"] - outerWrapper[handle ? "offsetHeight" : "offsetWidth"]) / 100); + } + + // Sets the form element with a valid value + function setInputValue(val) { + // The update callback doesn't mean the input value has changed + callback("update"); + + // If the user has not set this value or has entered an incorrect value then set a class + // to enable styling of the slider + if(!userSet) { + addClass(innerWrapper, "fd-slider-no-value"); + } else { + removeClass(innerWrapper, "fd-slider-no-value"); + } + + if(tagName == "select") { + try { + val = parseInt(val, 10); + if(inp.selectedIndex === val) { + updateAriaValues(); + return; + } + inp.options[val].selected = true; + } catch (err) {} + } else { + if(val !== "" && !userInput) { + val = (min + (Math.round((+val - min) / step) * step)).toFixed(precision); + } + if(inp.value === val) { + updateAriaValues(); + return; + } + inp.value = val; + } + + updateAriaValues(); + callback("change"); + } + + function checkInputValue(value) { + return !(isNaN(value) || value === "" || value < Math.min(rMin,rMax) || value > Math.max(rMin,rMax)); + } + + function setSliderRange(newMin, newMax) { + if(rMin > rMax) { + newMin = Math.min(min, Math.max(newMin, newMax)); + newMax = Math.max(max, Math.min(newMin, newMax)); + rMin = Math.max(newMin, newMax); + rMax = Math.min(newMin, newMax); + } else { + newMin = Math.max(min, Math.min(newMin, newMax)); + newMax = Math.min(max, Math.max(newMin, newMax)); + rMin = Math.min(newMin, newMax); + rMax = Math.max(newMin, newMax); + } + + if(defaultVal < Math.min(rMin, rMax)) { + defaultVal = Math.min(rMin, rMax); + } else if(defaultVal > Math.max(rMin, rMax)) { + defaultVal = Math.max(rMin, rMax); + } + + handle.setAttribute("aria-valuemin", rMin); + handle.setAttribute("aria-valuemax", rMax); + + checkValue(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); + redraw(); + } + + function redrawRange() { + if(noRangeBar) { + return; + } + if(vertical) { + rangeBar.style["height"] = Math.max(1, (bar.offsetHeight - handle.offsetTop)) + "px"; + } else { + rangeBar.style["width"] = Math.max(1, handle.offsetLeft) + "px"; + } + } + + function findLabel() { + var label = false, + labelList = document.getElementsByTagName('label'); + // loop through label array attempting to match each 'for' attribute to the id of the current element + for(var i = 0, lbl; lbl = labelList[i]; i++) { + // Internet Explorer requires the htmlFor test + if((lbl['htmlFor'] && lbl['htmlFor'] == inp.id) || (lbl.getAttribute('for') == inp.id)) { + label = lbl; + break; + } + } + + if(label && !label.id) { + label.id = inp.id + "_label"; + } + + return label; + } + + function updateAriaValues() { + var val = tagName == "select" ? inp.options[inp.selectedIndex].value : inp.value, + valTxt = ariaFormat ? ariaFormat(val) : tagName == "select" ? (inp.options[inp.selectedIndex].text ? inp.options[inp.selectedIndex].text : val) : val; + + handle.setAttribute("aria-valuenow", val); + handle.setAttribute("aria-valuetext", valTxt); + } + + function onInputChange(e) { + userSet = true; + userInput = userSnap; + valueToPixels(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); + updateAriaValues(); + userInput = false; + } + + function onReset(e) { + if(tagName == "input") { + inp.value = inp.defaultValue; + } else { + inp.selectedIndex = resetDef; + } + checkValue(tagName == "select" ? inp.options[inp.selectedIndex].value : inp.value); + redraw(); + updateAriaValues(); + } + + // Sets a tabindex attribute on an element, bends over for IE. + function setTabIndex(e, i) { + e.setAttribute(!/*@cc_on!@*/false ? "tabIndex" : "tabindex", i); + e.tabIndex = i; + } + + (function() { + if(html5Shim || hideInput) { + addClass(inp, "fd-form-element-hidden"); + try { + // FF21 hack to change input type to text + if(inp.type != "range" && + getAttribute(inp, "type") == "range" && + document.defaultView.getComputedStyle(inp, null).getPropertyValue("display") == "inline-block") { + inp.type="number"; + } + } catch(err){} + } else { + addEvent(inp, 'change', onInputChange); + } + + // Add stepUp & stepDown methods to input element if using the html5Shim + if(html5Shim) { + inp.setAttribute("fd-range-enabled", 1); + inp.stepUp = function(n) { increment(n||1); }; + inp.stepDown = function(n) { increment(n||-1); }; + + if(useDOMAttrModEvt) { + addEvent(inp, typeof(inp.onpropertychange) == "object" ? "propertychange" : "DOMAttrModified", rescanAttrs); + } + } + + outerWrapper = document.createElement('span'); + outerWrapper.className = "fd-slider" + (vertical ? "-vertical " : " ") + classNames; + outerWrapper.id = "fd-slider-" + inp.id; + + if(vertical && inpHeight) { + outerWrapper.style.height = inpHeight + "px"; + } + + innerWrapper = document.createElement('span'); + innerWrapper.className = "fd-slider-wrapper" + (!html5Shim ? " fd-slider-no-value" : ""); + + ieBlur = document.createElement('span'); + ieBlur.className = "fd-slider-inner"; + + bar = document.createElement('span'); + bar.className = "fd-slider-bar"; + + if(fullARIA) { + handle = document.createElement('span'); + } else { + handle = document.createElement('a'); + handle.setAttribute("href", "#"); + addEvent(handle, "click", stopEvent); + } + + setTabIndex(handle, 0); + + handle.className = "fd-slider-handle"; + handle.appendChild(document.createTextNode(String.fromCharCode(160))); + + innerWrapper.appendChild(ieBlur); + + if(!noRangeBar) { + rangeBar = document.createElement('span'); + rangeBar.className = "fd-slider-range"; + innerWrapper.appendChild(rangeBar); + } + + innerWrapper.appendChild(bar); + innerWrapper.appendChild(handle); + outerWrapper.appendChild(innerWrapper); + + inp.parentNode.insertBefore(outerWrapper, inp); + + if(isOpera || /*@cc_on!@*/!true) { + handle.unselectable = "on"; + bar.unselectable = "on"; + ieBlur.unselectable = "on"; + outerWrapper.unselectable = "on"; + innerWrapper.unselectable = "on"; + if(!noRangeBar) { + rangeBar.unselectable = "on"; + } + } + + // Add ARIA accessibility info programmatically + outerWrapper.setAttribute("role", "application"); + + handle.setAttribute("role", "slider"); + handle.setAttribute("aria-valuemin", tagName == "select" ? inp.options[0].value : min); + handle.setAttribute("aria-valuemax", tagName == "select" ? inp.options[inp.options.length - 1].value : max); + + var lbl = findLabel(); + if(lbl) { + handle.setAttribute("aria-labelledby", lbl.id); + handle.id = "fd-slider-handle-" + inp.id; + /*@cc_on@*/ + /*@if(@_win32) + lbl.setAttribute("htmlFor", handle.id); + @else @*/ + lbl.setAttribute("for", handle.id); + /*@end@*/ + } + + // Are there page instructions + if(document.getElementById(describedBy)) { + handle.setAttribute("aria-describedby", describedBy); + } + + // Is the form element initially disabled + if(inp.getAttribute("disabled") === true || inp.getAttribute("disabled") == "disabled") { + disableSlider(true); + } else { + enableSlider(true); + } + + // Does an initial form element value mean the user has set a valid value? + // Also called onload in case browsers have automatically set the input value + if(varSetRules.onvalue) { + userSet = true; + checkValue(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); + } + + // Catch form reset events + if(inp.form) { + addEvent(inp.form, "reset", onReset); + } + + updateAriaValues(); + callback("create"); + redraw(); + })(); + + return { + onResize: function(e) { if(outerWrapper.offsetHeight != sliderH || outerWrapper.offsetWidth != sliderW) { redraw(); } }, + destroy: function() { destroySlider(); }, + reset: function() { valueToPixels(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); }, + stepUp: function(n) { increment(Math.abs(n)||1); }, + stepDown: function(n) { increment(-Math.abs(n)||-1); }, + increment: function(n) { increment(n); }, + disable: function() { disableSlider(); }, + enable: function() { enableSlider(); }, + setRange: function(mi, mx) { setSliderRange(mi, mx); }, + getValueSet: function() { return !!userSet; }, + setValueSet: function(tf) { valueSet(tf); }, + rescan: function() { rescanAttrs(); }, + checkValue: function() { if(varSetRules.onvalue) { userSet = true; checkValue(tagName == "input" ? parseFloat(inp.value) : inp.selectedIndex); } updateAriaValues(); redraw(); } + }; + } + + addEvent(window, "load", init); + addEvent(window, "load", function() { setTimeout(function() { var slider; for(slider in sliders) { sliders[slider].checkValue(); } }, 0); }); + addEvent(window, "resize", resize); + addEvent(window, "unload", unload); + + // Have we been passed JSON within the including script tag + (function() { + var scriptFiles = document.getElementsByTagName('script'), + json = parseJSON(String(scriptFiles[scriptFiles.length - 1].innerHTML).replace(/[\n\r\s\t]+/g, " ").replace(/^\s+/, "").replace(/\s+$/, "")); + + if(typeof json === "object" && !("err" in json)) { + affectJSON(json); + } + })(); + + // Add oldie class if needed for IE < 9 + /*@cc_on@*/ + /*@if (@_jscript_version < 9) + addClass(document.documentElement, "oldie"); + /*@end@*/ + + return { + rescanDocument: init, + createSlider: function(opts) { return createSlider(opts); }, + onDomReady: function() { onDomReady(); }, + destroyAll: function() { destroyAllsliders(); }, + destroySlider: function(id) { return destroySingleSlider(id); }, + redrawAll: function() { resize(); }, + addEvent: addEvent, + removeEvent: removeEvent, + stopEvent: stopEvent, + increment: function(id, numSteps) { if(!sliderExists(id)) { return false; } sliders[id].increment(numSteps); }, + stepUp: function(id, n) { if(!sliderExists(id)) { return false; } sliders[id].stepUp(Math.abs(n)||1); }, + stepDown: function(id, n) { if(!sliderExists(id)) { return false; } sliders[id].stepDown(-Math.abs(n)||-1); }, + setRange: function(id, newMin, newMax) { if(!sliderExists(id)) { return false; } sliders[id].setRange(newMin, newMax); }, + updateSlider: function(id) { if(!sliderExists(id)) { return false; } sliders[id].onResize(); sliders[id].reset(); }, + disable: function(id) { if(!sliderExists(id)) { return false; } sliders[id].disable(); }, + enable: function(id) { if(!sliderExists(id)) { return false; } sliders[id].enable(); }, + getValueSet: function() { return getValueSet(); }, + setValueSet: function(a, tf) { if(!sliderExists(id)) { return false; } setValueSet(a, tf); }, + setGlobalVariables: function(json) { affectJSON(json); }, + removeOnload: function() { removeOnLoadEvent(); }, + rescanAttributes: rescanAttributes + }; +})(); diff --git a/static/dist/scripts/graphs.js b/static/dist/scripts/graphs.js new file mode 100644 index 0000000..7c05998 --- /dev/null +++ b/static/dist/scripts/graphs.js @@ -0,0 +1,186 @@ +/* Extend jquery */ +(function ( $ ) { + $.fn.graph = function(action, options) { + // These are the defaults + var settings = $.extend({ + width: undefined, + height: undefined, + animation_duration: 1000 // ms + }, options ); + /* The slug of each Graph object map to a function in the graphs object */ + var graphs = { + treatment: function(element) { + $(element).highcharts({ + chart: { + type: 'column', + width: settings.width, + height: settings.height, + animation: { + duration: settings.animation_duration + } + }, + title: { + text: 'Antall behandlinger' + }, + xAxis: { + title: { + text: 'År' + }, + minRange : 30 * 24 * 3600 * 1000, // + minTickInterval: 12 * 30 * 24 * 3600 * 1000, // A year + type: 'datetime' + }, + yAxis: { + title: { + text: 'Antall behandlinger' + } + + }, + series: [{ + name: 'Antall behandlinger', + data: [ + [Date.UTC(2007, 1), 35000], + [Date.UTC(2008, 1), 40000], + [Date.UTC(2009, 1), 60000], + [Date.UTC(2010, 1), 67000], + [Date.UTC(2011, 1), 70000], + [Date.UTC(2012, 1), 78000], + [Date.UTC(2013, 1), 97000], + [Date.UTC(2014, 1), 109000]], + enabled: false + + }], + legend: { + enabled: false + } + }); + }, + treatment_distribution: function(element) { + var last_year = new Date().getFullYear() - 1; + $(element).highcharts({ + chart: { + type: 'column', + width: settings.width, + height: settings.height, + animation: { + duration: settings.animation_duration + } + }, + title: { + text: 'Fordeling behandlinger' + }, + xAxis: { + title: { + text: 'Måned' + }, + minRange : 30 * 24 * 3600 * 1000, // + minTickInterval: 12 * 30 * 24 * 3600 * 1000, // A year + type: 'datetime' + }, + yAxis: { + title: { + text: 'Fordeling' + } + + }, + series: [{ + name: 'Preeksisterende', + data: [ + [Date.UTC(last_year, 0), 2], + [Date.UTC(last_year, 1), 5], + [Date.UTC(last_year, 2), 10], + [Date.UTC(last_year, 3), 20], + [Date.UTC(last_year, 4), 40], + [Date.UTC(last_year, 5), 70], + [Date.UTC(last_year, 6), 40], + [Date.UTC(last_year, 7), 40], + [Date.UTC(last_year, 8), 40]] + }, + { + name: 'Nye lidelser', + data: [ + [Date.UTC(last_year, 0), 8], + [Date.UTC(last_year, 1), 10], + [Date.UTC(last_year, 2), 15], + [Date.UTC(last_year, 3), 18], + [Date.UTC(last_year, 4), 20], + [Date.UTC(last_year, 5), 30], + [Date.UTC(last_year, 6), 40], + [Date.UTC(last_year, 7), 40], + [Date.UTC(last_year, 8), 40]] + }], + plotOptions: { + column: { + stacking: 'normal' + } + } + }); + }, + num_insured: function(element) { + $(element).highcharts({ + chart: { + type: 'column', + width: settings.width, + height: settings.height, + animation: { + duration: settings.animation_duration + } + }, + title: { + text: 'Antall forsikrede (behandlingsforsikring) per 30. juni 2003-2014' + }, + xAxis: { + title: { + text: 'År' + }, + tickInterval: Date.UTC(1902, 0, 1) - Date.UTC(1901, 0, 1), // A year + year: '%Y', + type: 'datetime' + }, + yAxis: { + title: { + text: 'Antall forsikrede' + } + + }, + series: [{ + name: 'Antall forsikrede', + data: [ + [Date.UTC(2003, 0), 14587], + [Date.UTC(2004, 0), 20634], + [Date.UTC(2005, 0), 35418], + [Date.UTC(2006, 0), 42073], + [Date.UTC(2007, 0), 74435], + [Date.UTC(2008, 0), 97661], + [Date.UTC(2009, 0), 115651], + [Date.UTC(2010, 0), 141742], + [Date.UTC(2011, 0), 233739], + [Date.UTC(2012, 0), 357468], + [Date.UTC(2013, 0), 404320], + [Date.UTC(2014, 0), 437137]], + enabled: false + + }], + legend: { + enabled: false + } + }); + } + }; + + /* What do do? */ + if(action == 'load') { + /* For each element get attr and load appropriate graph */ + return this.each(function() { + var slug = $(this).attr('data-graph-slug'); + // Create a graphs[slug] of this. + graphs[slug](this); + }); + } else if(action == 'get') { + /* Not used + return Highcharts.charts[loaded_graphs[slug].data('highchartsChart')]; + */ + } + }; + +}( jQuery )); diff --git a/static/dist/scripts/presentation_edit.js b/static/dist/scripts/presentation_edit.js new file mode 100644 index 0000000..4ce5f7a --- /dev/null +++ b/static/dist/scripts/presentation_edit.js @@ -0,0 +1,121 @@ +function get_offset(col, grid_height, min_widget_height) { + var num_slides = $('.slide[data-col="'+ col +'"]').length; + return (grid_height - (num_slides * min_widget_height)) * -1; +} + +/* Push add buttons up x px, close to the lowest slide in its section */ +function reposition_add_buttons(min_widget_height) { + var max_rows = _.max($(".slide"), function(slide){ return parseInt($(slide).attr('data-row')); }); + var grid_height = $(max_rows).attr('data-row') * min_widget_height; + + $(".slide-add").each(function() { + var offset = get_offset($(this).attr('data-col'), grid_height, min_widget_height); + $(this).css({ top: offset }); + }); +} +$(function(){ + // TODO: on document ready, to load: loading icon + var margin_x = 8; + var margin_y = 4; + var csrf_token = $.cookie('csrftoken'); + var grid = $(".gridster ul").gridster({ + widget_selector: "li.slide", + widget_margins: [margin_x, margin_y], + widget_base_dimensions: [113, 80], + min_cols: 6, + serialize_params: function($w, wgd) { + return { + slide: $w.attr('data-slide'), + section: $('.sections li[data-col="'+ wgd.col +'"]').attr('data-section'), + order: wgd.row + }; + }, + draggable: { + // https://github.com/ducksboard/gridster.js/issues/161 + handle: 'img', // FIXME: Edit link is not working on touch + stop: function() { + /* reposition add buttons */ + reposition_add_buttons(this.min_widget_height); + + /* Save grid order */ + var grid = this.serialize_changed(); + + var slides = []; + for(var i in grid ) { + slides.push({ name: "slide-order-"+grid[i].slide, value: grid[i].order }); + slides.push({ name: "slide-section-"+grid[i].slide, value: grid[i].section }); + } + /* Prepare data */ + var data = $("#presentation-form").serializeArray(); + data = data.concat(slides); + /* http post json */ + var url = $("#presentation").attr('data-save-url'); + $.ajax({ + type: "POST", + url: url, + data: data, + async: false, // FIXME: Make async + headers: { + 'X-CSRFToken': csrf_token + }, + success: function (result,l,o) { + if(result !== undefined && result.success) { + /* redirect to edit url */ + window.location = "/slideshow/" + result.presentation_id + "/edit/"; + } else { + //console.log("Saved"); //FIXME notify + } + }, + error: function (request, text_status, error_thrown) { + console.log("uffda..."); //FIXME notify + } + }); + } + } + }); + /* Note: gridster api add, remove, serialize */ + var gridster = grid.data('gridster'); + + /* reposition add buttons */ + reposition_add_buttons(gridster.min_widget_height); + + /* Datepicker */ + $("#id_datetime").datepicker({ + dateFormat: "yy-mm-dd" + }); + /* Disable slide controls */ + $(".slide-toggle").on('click', function(e) { + /* Set slide.active=false */ + var that = $(this); + var current_slide = $(this).parent().parent(); + var new_state = current_slide.hasClass("disabled"); + var url = $(this).attr('data-save-url'); + $.ajax({ + type: "PATCH", + url: url, + data: { + active: new_state + }, + headers: { + 'X-CSRFToken': csrf_token + }, + success: function (result,l,o) { + + /* toggle 'disabled' class */ + current_slide.toggleClass("disabled"); + /* switch icons class */ + var icon = that.find("i"); + if(icon.hasClass("fa-square-o")) { + icon.removeClass("fa-square-o").addClass("fa-check-square-o"); + } else { + icon.removeClass("fa-check-square-o").addClass("fa-square-o"); + } + }, + error: function (request, text_status, error_thrown) { + console.log("uffda..."); //FIXME notify + } + }); + + }); + +}); \ No newline at end of file diff --git a/static/dist/scripts/presentation_list.js b/static/dist/scripts/presentation_list.js new file mode 100644 index 0000000..5edc624 --- /dev/null +++ b/static/dist/scripts/presentation_list.js @@ -0,0 +1,9 @@ + +$(function(){ + //var options = { +    // valueNames: [ 'region', 'hospital', 'city', 'diagnose', 'waittime' ] +    //}; + +    //var featureList = new List('presentation-table-sortable', options); + //featureList.sort('waittime', { asc: false }); +}); diff --git a/static/dist/scripts/product_calculator.js b/static/dist/scripts/product_calculator.js new file mode 100644 index 0000000..1036188 --- /dev/null +++ b/static/dist/scripts/product_calculator.js @@ -0,0 +1,541 @@ +$(document).ready( function() { + /* Slide: Product calculator */ + /* + * TODO: set discount based on url or user/session data + * + * */ + function set_progress(percent) { + if( percent < 1 || percent > 100 ) { + return; + } + $(".stb-progress .meter").css('width', percent+"%"); + } + function product_select(products, treatments, counceling) { + /* Searches products and returns the correct price */ + //console.log(products, treatments, counceling); + var selected = products; + if(counceling !== undefined) { + selected = _.filter(selected, function(product) { + return product.counceling_service == counceling; + }); + } + if(selected.length == 1) { + return selected[0]; + } + if(treatments !== undefined) { + selected = _.filter(selected, function(product) { + return product.treatments == treatments; + }); + } + if(selected.length == 1) { + return selected[0]; + } + //console.log("Fant ingen produkter, returnerer siste"); + return products[products.length-1]; + } + //function filter_product_risk(documents, product_order) { + // /* filter based on product risk variables */ + // var product_risk_variable_attrs = [ + // 'eligible_industry_discount', + // 'has_existing_insurance', + // 'employees', + // 'addon_psychiatric_treatment']; + + // /* which variables are set? */ + // var product_risk_variables = _.filter(product_risk_variable_attrs, function(attr) { + // return product_order[attr] !== undefined; + // }); + // //console.log("product risk variables: ", product_risk_variables); + + // /* filter based on vars in product_risk_variables and product_order + // * all must match */ + // documents = _.filter(documents, function(doc){ + // //console.log("looking at: ", doc.name, "(", doc.id, ")"); + // // filter when not specified + // if(!doc.product_risk_variables.length) { + // return false; + // } + + // /* Loop over the product_risks attached to this document */ + // var doc_matches = _.map(doc.product_risk_variables, function(variables, index, list) { + // /* Loop over each variable in the list of risks */ + // var var_matches = _.map(product_risk_variables, function(element) { + // //console.log("looping document risk vars: ", element, product_order[element], variables[element], variables); + // // num employees special case + // if(element == 'employees' && (product_order[element] > variables['employees_max'] || product_order[element] < variables['employees_min'])) { + // return false + // } + // else if(product_order[element] != variables[element] && element != 'employees') { + // return false; // drop document + // } + // return true; + // }); + // // All attributes in the product_order must match with variables + // return _.every(var_matches); + // }); + // // Need just one match to keep the document + // return _.some(doc_matches); + // }); + // return documents; + //} + //function filter_individual_risk(documents, product_order) { + // //console.log("individual risk variables: ", product_order.individual_term_employees); + // /* Filter based on age ranges */ + // var ages = _.map(product_order.individual_term_employees, function(employee) { + // return employee.age; + // }); + // /* Filter documents not referencing at least one individual risk variable matching the specified ages */ + // documents = _.filter(documents, function(doc) { + // // filter when not specified + // // Note: Unsure if this is correct + // if(!doc.employee_risk_variables.length) { + // return false; + // } + // var matches = _.map(doc.employee_risk_variables, function(variables, index, list) { + // var age_matches = _.map(ages, function(age) { + // return age >= variables.age_min && age <= variables.age_max; + // }); + // return _.some(age_matches); // matching at least one age + // }); + // return _.some(matches); //matching at least one risk variable + // }); + // return documents; + //} + //function filter_documents(documents, product_order) { + // /* Filter based on product selection + // * Note: only filters by product if below 100 employees */ + // if(product_order.employees < 100) { + // var documents = _.filter(documents, function(doc){ + // var product_ids = _.map(doc.products, function(product) { return product.id; }); + // return _.contains(product_ids, product_order.product.id); + // }); + + // if(product_order.employees >=1 && product_order.employees <= 4 && !product_order.eligible_industry_discount) { + // documents = filter_individual_risk(documents, product_order); + // } + // else { + // documents = filter_product_risk(documents, product_order); + // } + // } else { + // /* Filter based on dummy no-product */ + // documents = _.filter(documents, function(doc){ + // var product_slugs = _.map(doc.products, function(product) { return product.slug; }); + // return _.contains(product_slugs, 'no-product'); + // }); + // + // } + // return documents; + // + //} + //function update_document_list(documents) { + // if(documents.length == 0) { + // $(".product-calculator .documents-table").html("Fillern, det er ingen dokumenter knyttet til dette produktet og valgte variable :'("); + // return; + // } + // var html = ""; + // _.each(documents, function(doc) { + // html += ''; + // }); + // html += "
    NavnType
    '+ doc.name +''+ doc.category +'
    "; + // $(".product-calculator .documents-table").html(html); + //} + function get_price_individual(product, product_order) { + /* Need a valid product */ + if(product === undefined || product.employee_risk_variables.length === 0) { + return -1; + } + /* Invidual risk */ + var has_existing_insurance = false; + if( product_order.has_existing_insurance !== undefined) { + has_existing_insurance = product_order.has_existing_insurance; + } + /* Get list of prices for each employee */ + var prices = _.map(product_order.individual_term_employees, function(employee) { + /* Filter by employee-age */ + var variation = _.find(product.employee_risk_variables, function(variation) { + if(employee.age >= variation.age_min && employee.age <= variation.age_max) { + return true; + } + return false; + }); + return variation.price; + }); + return prices; + } + + function get_price(product, product_order) { + /* Group risk */ + var price = 0; + var has_existing_insurance = false; + if( product_order.has_existing_insurance !== undefined) { + has_existing_insurance = product_order.has_existing_insurance; + } + + /* Filter by boolean values */ + var variations = _.where(product.product_risk_variables, { + eligible_industry_discount: product_order.eligible_industry_discount, + has_existing_insurance: has_existing_insurance, + }); + /* Filter by num employees */ + variation = _.filter(variations, function(variation) { + if(variation.employees_max == product_order.employees ) { + return true; + } + }); + if(variation.length >= 1) { + price = parseInt(variation[0].price); + } else { + /* Error: Missing product data in db */ + price = -1; + } + /* include price for psychiatric treatment addon */ + // FIXME price is static. + if(product_order.addon_psychiatric_treatment !== undefined && product_order.addon_psychiatric_treatment) { + price += 204; + } + + return price; + } + function product_recalc(products, product_order) { + var product = product_select( + products, + product_order.treatments, + product_order.counceling); + + /* calculate price based in product and current risk data */ + var price_formatted; + + if(product_order.employees <= 4 && ! product_order.eligible_industry_discount) { + var prices = get_price_individual(product, product_order); + var sum = _.reduce(prices, function(memo, num) { return memo + parseInt(num); }, 0); + if(sum === 0) { + price_formatted = "Prøv andre valg, ingen pris funnet."; + } else { + if(prices.length == 1) { + price_formatted = "NOK " + sum + ",- per måned"; + } else { + price_formatted = prices.join(" + ")+" = NOK " + sum + ",- per måned"; + } + } + } else { + price = get_price(product, product_order); + if(price == -1) { + price_formatted = "Prøv andre valg, ingen pris funnet."; + } else { + price_formatted = "NOK " + price + ",- per år"; + } + } + product_order.product = product; + $("[data-prodcalc-product]").text(product.name); + $("[data-prodcalc-product-price]").text(price_formatted); + } + //function update_relevant_documents(product_order) { + + // var url = $(".product-calculator[data-documents-url]").attr('data-documents-url'); + // $.ajax({ + // url: url, + // method: 'GET', + // dataType: 'json', + // headers: { + // 'X-CSRFToken': $("[name=csrfmiddlewaretoken]").val() + // }, + // success: function(documents) { + // /* Present only the right documents, ordered by category */ + // //console.log("fetched the following documents:", documents); + // //console.log("filtering based on product_order", product_order); + + // var less_documents = filter_documents(documents, product_order); + // //console.log("returned these documents:", less_documents); + // update_document_list(less_documents); + // } + // }); + //} + + if($(".product-calculator").length) { + /* product_order stores the state of the order */ + var product_order = {}; + var product_order_steps = {}; + var num_product_order_steps = 6; + + /* Is the industry discount disabled? */ + if ( $('.product-calculator[data-disable-industry-discount]').length ) { + product_order.eligible_industry_discount = false; + $("[data-key=treatments][data-value=5]").show(); + } + + /* General layout of steps when user interacts with page: + * - update product_order state + * - update progress based on state + * - update the dom with the correct display state (button state, step description) + * - find product based on selection + * - calculate price based on discounts, selection and product + */ + + $.getJSON('/products.json', function(products) { + /* Attach to buttons and fields */ + + /* On every answer change */ + $("[data-answer]").on('click', function(e) { + var key = $(this).attr('data-key'); + var value = $(this).attr('data-value'); + + /* to_javascript */ + if (value == "no") { + value = false; + } + else if(value == "yes") { + value = true; + } + if(key == "treatments" || key == "employees") { + value = parseInt(value); + } + + /* limit options and change display */ + /* based on employees */ + if(key == "employees") { + if( value >= 20) { + if(product_order.has_exisiting_insurance === undefined) { + $(".modal-has-existing-insurance").foundation('reveal', 'open'); + } + } else { + /* Reset answer */ + delete product_order.has_exisiting_insurance; + $(".modal-has-existing-insurance button").removeClass("selected disabled"); + } + + var min_value = $(this).attr('data-min'); + /* if between 1 and 4 then.. */ + if( value <= 4 && min_value >= 1 && !product_order.eligible_industry_discount) { + /* display individual employee risk container */ + $(".individual-pricing-container").fadeIn('fast'); + /* Note: Fetching employee ages before anyone have been selected */ + update_employee_ages(); + } else { + $(".individual-pricing-container").fadeOut('fast'); + $("[data-key=treatments][data-value=12]").show(); + } + /* Next button */ + $("[data-goto-part=part-two]").fadeIn('fast'); + } + /* based on industry deal */ + if(key == "eligible_industry_discount") { + if(value) { + /* limit num treatments*/ + $("[data-key=treatments][data-value=5]").hide(); + } else { + $("[data-key=treatments][data-value=5]").show(); + } + if( !value && product_order.employees <= 4 && product_order.employees >= 1) { + $(".individual-pricing-container").fadeIn('fast'); + } else { + $(".individual-pricing-container").fadeOut('fast'); + } + + $(".prod-num-staff").fadeIn('fast'); + $(".part-one-zero").fadeOut('fast'); + setTimeout(function() { + $(".part-one-one").fadeIn('fast'); + }, 400); + } + /* based on counceling */ + if(key == "counceling") { + $(".prod-num-treatments").fadeIn('fast'); + $(".about-num-treatments").fadeIn('fast'); + if(value) { + /* limit num treatments and auto-select 24 */ + $("[data-key=treatments][data-value=5], [data-key=treatments][data-value=0]").hide(); + product_order.treatments = 24; + product_order_steps.treatments = 24; + $("[data-key=treatments]").removeClass("selected disabled"); + $("[data-key=treatments][data-value=24]").addClass("selected"); + /* update coverage */ + $(".coverage-treatments").text(product_order.treatments); + $(".selected-coverage .topp, .selected-coverage .treatments").fadeIn('fast'); + } else { + /* show all treatments, except 0 if industry deal */ + if( !product_order.eligible_industry_discount ) { + $("[data-key=treatments][data-value=5]").show(); + } + // FIXME: missing pricing data, just hide this option for now + if(product_order.employees <= 4) { + $("[data-key=treatments][data-value=0]").hide(); + } else { + $("[data-key=treatments][data-value=0]").show(); + } + $(".selected-coverage .topp").fadeOut('fast'); + } + } + /* based on addon_psychiatric_treatment */ + if(key == "addon_psychiatric_treatment") { + $(".prod-num-treatments").fadeIn('fast'); + $(".about-num-treatments").fadeIn('fast'); + $(".selected-coverage .counceling").fadeOut('fast'); + if(value) { + /* limit num treatments and auto-select 24 */ + $("[data-key=treatments][data-value=0]").hide(); + product_order.treatments = 24; + product_order_steps.treatments = 24; + $("[data-key=treatments]").removeClass("selected disabled"); + $("[data-key=treatments][data-value=24]").addClass("selected"); + /* update coverage */ + $(".coverage-treatments").text(product_order.treatments); + $("[data-prodcalc-addon]").text("med psykologi"); + $(".selected-coverage .treatments").fadeIn('fast'); + $(".selected-coverage .topp, .selected-coverage .psychology").fadeIn('fast'); + } else { + $(".selected-coverage .topp").fadeOut('fast'); + $("[data-prodcalc-addon]").text(""); + $("[data-key=treatments][data-value=0]").show(); + } + } + /* based on num treatments */ + if(key == "treatments") { + /* update coverage */ + if(value > 0) { + $(".selected-coverage .treatments").fadeIn('fast'); + $(".coverage-treatments").text(value); + } else if(value === 0) { + $(".selected-coverage .topp").fadeOut('fast'); + $(".selected-coverage .treatments").fadeOut('fast'); + $(".coverage-treatments").text(value); + } else { + $(".selected-coverage .treatments:visible").fadeOut('fast'); + } + } + + /* Update current answers. + * ie. industry discount, number of treatments, counceling and addon_psychiatric_treatment + */ + product_order[key] = value; + product_order_steps[key] = value; + + $(this).addClass("selected").removeClass("disabled"); + $("[data-key="+ key +"]").not(this).removeClass("selected").addClass("disabled"); + product_recalc(products, product_order); + /* total questions by number by answered questions */ + var current_progress = _.size(product_order_steps) / parseFloat(num_product_order_steps) * 100; + set_progress(current_progress); + }); + + /* Go on to the section after this one */ + $("[data-goto-part]").on('click', function(e) { + product_recalc(products, product_order); + var part = $(this).attr('data-goto-part'); + + + /* Product tailoring */ + if(part == 'part-two' && product_order.employees < 100) { + //console.log(product_order); + $(".part-zero, .part-one-right-container").fadeOut('fast'); + setTimeout(function() { + if(product_order.eligible_industry_discount) { + /* Don't ask for counceling, and set it to false */ + product_order.counceling = false; + $(".addon_psychiatric_treatment").fadeIn('fast'); + $(".about-addon-psychiatric-treatment").fadeIn('fast'); + $(".about-counceling").hide(); + } else { + $(".part-two .counceling").fadeIn('fast'); + // FIXME remove this if business rules are valid + //if(product_order.employees >= 20 && product_order.employees <= 99) { + // $(".about-num-treatments").fadeIn('fast'); + // $(".prod-num-treatments").fadeIn('fast'); + //} else { + // $(".part-two .counceling").fadeIn('fast'); + //} + } + $(".part-two-and-a-half-container").fadeIn('fast'); + $(".part-two").fadeIn('fast'); + if(product_order.has_exisiting_insurance) { + $(".part-two-right .need-stats").show(); + } else { + $(".part-two-right .need-stats").hide(); + } + }, 500); + } + /* Skip product tailoring */ + if( part == 'part-two' && product_order.employees >= 100) { + set_progress(100); + /* Get relevant product documents */ + //update_relevant_documents(product_order); + /* Show documents tab */ + $(".part-zero, .part-one-right-container").fadeOut('fast'); + setTimeout(function() { + if(product_order.has_exisiting_insurance) { + $(".part-three-special .need-stats").show(); + } else { + $(".part-three-special .need-stats").hide(); + } + $(".part-three-special").fadeIn('fast'); + }, 500); + } + + + /* "We recommend the product..." */ + if(part == 'part-two-and-a-half') { + $(".part-two-right").fadeOut('fast'); + $(".select-product-btn").fadeIn('fast'); + setTimeout(function() { + $(".part-two-and-a-half").fadeIn('fast'); + }, 500); + } + + + + /* Document "checkout" - fancy schmancy */ + if( part == 'part-three') { + set_progress(100); + /* Get relevant product documents */ + //update_relevant_documents(product_order); + + /* Show documents tab */ + $(".part-two, .part-one").fadeOut('fast'); + setTimeout(function() { + $(".part-two-and-a-half").parent().removeClass("small-7").addClass("small-12"); + $(".eula-container").removeClass("small-7").addClass("small-4"); + $(".product-description-inner").removeClass("small-5").addClass("small-3"); + $(".part-three").fadeIn('fast'); + }, 300); + $('[data-goto-part="part-three"]').fadeOut('fast'); + } + }); + + /* Update the product_order with individual employee ages */ + function update_employee_ages() { + var employees = []; + var i = 1; + $(".individual-pricing-container select.age-select-dropdown:visible").each(function(j, el) { + age = parseInt($(el).val().split(" -")[0]); + employees.push({ id: i, age: age }); + i++; + }); + product_order.individual_term_employees = employees; + } + $(".individual-pricing-container select.age-select-dropdown").on('change', update_employee_ages); + + /* add html for individual employee risk */ + $(".individual-pricing-container").on('click', "[data-add-new-employee]", function(e) { + e.preventDefault(); + /* No more than set amount */ + if( $(".person:visible").length == 4) { + return; + } + $(this).parent().next().fadeIn({ complete: update_employee_ages }); + }); + /* remove html for individual employee risk */ + $(".individual-pricing-container").on('click', "[data-remove-employee]", function(e) { + e.preventDefault(); + /* At least 1 */ + if( $(".person:visible").length == 1) { + return; + } + $(this).parent().fadeOut({ complete: update_employee_ages }); + }); + + /* Close modal on answer */ + $('[data-key="has_exisiting_insurance"]').on('click', function() { + $("#modal-has-existing-insurance").foundation('reveal', 'close'); + }); + }); + } +}); diff --git a/static/dist/scripts/slide_edit.js b/static/dist/scripts/slide_edit.js new file mode 100644 index 0000000..de812fd --- /dev/null +++ b/static/dist/scripts/slide_edit.js @@ -0,0 +1,276 @@ +$(function() { + /* Save part urls + * Ref: urls.py */ + var urls = { + slide_part_save: '/api/slide/part/', + slide_title_save: '/api/slide/{slide_id}/title/', + slide_part_update: '/api/slide/part/{part_id}/', + slide_part_remove: '/api/slide/part/{part_id}/', + image_save: '/api/image/' + }; + var slide_id = $("#slide").attr('data-slide-id'); + var csrf_token = $.cookie('csrftoken'); + + /* Editor fields */ + var elements = document.querySelectorAll('[data-type="text"], [data-type="html"], [data-type="wysihtml5"]'); + var mediumOptions = { + buttons: ['bold', 'italic', 'header1', 'header2', 'quote', 'anchor', 'unorderedlist', 'orderedlist', 'removeFormat'] + }; + var editor = new MediumEditor(elements, mediumOptions); + editor.subscribe('blur', function(event, el) { + var type = $(el).attr('data-type'); + var name = $(el).attr('data-name'); + var url = $(el).attr('data-url'); + var pk = $(el).attr('data-pk'); + var method = 'POST'; + + if (pk.length > 0 && name != 'slide-title') { + url = urls.slide_part_update.replace('{part_id}', pk); + method = 'PUT'; + } + + var value = el.innerHTML; + if(type == 'text') { + value = el.textContent; + } + var data = { + slide_id: slide_id, + pk: pk, + name: name, + value: value + }; + $.ajax({ + method: method, + headers: { + 'X-CSRFToken': csrf_token + }, + type: 'POST', + url: url, + data: JSON.stringify(data), + contentType : 'application/json' + }).done(function() { + // TODO set pk on part + // $('[data-name="part-' + response.part_created_name + '"]').attr('data-pk', response.part_created_pk); + }).fail(function() { + console.log("boo"); + }); + + }); + $('[data-type="dynamic"]').on('changed', function(e) { + /* Delete part */ + if($(this).attr('data-part-remove')) { + var that = this; + $.ajax({ + url: urls.slide_part_remove.replace('{part_id}', $(this).attr('data-pk')), + method: 'DELETE', + headers: { + 'X-CSRFToken': csrf_token + }, + success: function(response, newValue) { + $(that).removeAttr('data-part-remove'); + $(that).attr('data-pk', ''); + } + }); + return; + } + /* Create or update part */ + var value = ''; + var type = ''; + + if($(this).find('img').length) { + value = $($(this).find('img')[0]).attr('data-pk'); + type = 'image'; + } + else if($(this).find('[data-graph-pk]').length) { + value = $($(this).find('[data-graph-pk]')[0]).attr('data-graph-pk'); + type = 'graph'; + } + else { + console.log("Could not determine Part-type."); + return; + } + + var slide_pk = $(this).attr('data-pk'); + var url = urls.slide_part_save; + var method = 'POST'; + + if (slide_pk.length > 0) { + url = urls.slide_part_update.replace('{part_id}', slide_pk); + method = 'PUT'; + } + + $.ajax({ + url: url, + method: method, + dataType: 'json', + data: { + name: $(this).attr('data-name'), + value: value, + type: type, + slide_id: $("#slide").attr('data-slide-id'), + href: $(this).find('a').attr('href') + }, + headers: { + 'X-CSRFToken': csrf_token + }, + success: function(response, newValue) { + if(response !== undefined && response.part_name && response.part_pk) { + $('[data-name="part-' + response.part_name + '"]').attr('data-pk', response.part_pk); + } + } + }); + }); + + /* + * Gallery + */ + // Ref: https://github.com/blueimp/jQuery-File-Upload + // https://github.com/blueimp/jQuery-File-Upload/wiki/Options + $('#id_file').fileupload({ + dataType: 'json', + url: urls.image_save, + done: function(e, data) { + // add image in gallery + $(".gallery ul").prepend('
  • '+ data.result.name +'
    • '); + // click event + $(".gallery ul li:first-child").click(function (e) { + $(this).siblings().removeClass("selected"); + $(this).toggleClass("selected"); + }); + $("#progress .bar").fadeOut('slow'); + }, + fail: function(e, data) { + console.log("Failed uploading file: ",e, data); + }, + headers: { + 'X-CSRFToken': csrf_token, + 'cache-control': 'no-cache' + }, + send: function(e, data) { + $('#progress .bar').css('width', '0%'); + $("#progress .bar").show(); + }, + progressall: function (e, data) { + var progress = parseInt(data.loaded / data.total * 100, 10); + $('#progress .bar').css( + 'width', + progress + '%' + ); + } + }); + /* Green select */ + $(".image-select").not(".placeholder").click(function (e) { + $(this).siblings().removeClass("selected"); + $(this).toggleClass("selected"); + + }); + /* Insert image */ + $('[data-type="dynamic"]').each(function(i, el) { + /* Insert image-button */ + var button_area = '
    '; + var image_button = ''; + $(el).wrap('
    '); + $(el).after(button_area); + $('[data-buttons-for="'+ $(el).attr('data-name') +'"]').append(image_button); + }); + + $('[data-reveal-id="gallery-modal"]').click( function(e) { + /* Store where to but the image from the modal in the modal */ + var replacing = $(this).attr('data-replace'); + $(".image-insert-btn").attr('data-replacing', replacing); + }); + $(".image-insert-btn").click(function(e) { + var img = $(".gallery .selected img"); + if(!img.length) { + // nothing selected + return; + } + var replacing = $(this).attr('data-replacing'); + var part = $('[data-name="'+ replacing +'"]'); + part.html(''); + part.find('img').attr('data-pk', img.attr('data-pk')); + part.trigger('changed'); + $("#gallery-modal").foundation('reveal', 'close'); + $('.image-select').removeClass("selected"); + }); + /* DELETE image part */ + $("[data-remove-image]").click(function(e) { + var replacing = $('.image-insert-btn').attr('data-replacing'); + var part = $('[data-name="'+ replacing +'"]'); + part.attr('data-part-remove','1'); + part.html(''); + part.trigger('changed'); + $('.image-select').removeClass("selected"); + $("#gallery-modal").foundation('reveal', 'close'); + }); + + /* Link between slides */ + /* ...for "dynamic" areas */ + $('[data-type="dynamic"]').each(function(i, el) { + /* Insert link-button on images */ + var last_button = $(el).siblings().find("a:last-child"); + last_button.after(''); + }); + + /* Set element target on modal */ + $('[data-url-target]').click( function(e) { + var target = $(this).attr('data-url-target'); + if(!$('[data-name="' + target + '"]').find('img').length) { + /* if there is no image, dont link to nothing */ + e.stopPropagation(); + return; + } + $(".modal-links").attr('data-wrapping', target); + }); + + $("[data-is-slide-link]").click(function(e) { + e.preventDefault(); + if($(this).attr('data-get-value-from-id')) { + /* Insert own link via input-field */ + var input_id = $(this).attr('data-get-value-from-id'); + $(this).attr('href', $("#"+input_id).val()); + } + var link = $(this).attr('href'); + var wrapping = $(".modal-links").attr('data-wrapping'); + var el_target = $('[data-name="'+ wrapping +'"]'); + // replace href in targets children if it exists + var potential_link = el_target.children(); + if(potential_link.is('a')) { + potential_link.attr('href',link); + } else { + el_target.find('img').wrap(''); + } + el_target.trigger('changed'); + $(".modal-links").foundation('reveal', 'close'); + }); + + /* Graphs - sticks in divs with data-type=dynamic */ + $('[data-type="dynamic"]').each(function(i, el) { + /* Insert link-button on images */ + var last_button = $(el).siblings().find("a:last-child"); + last_button.after(''); + + /* Set element target on modal */ + $('[data-target="'+ $(el).attr('data-name') +'"]').click( function(e) { + var target = $(this).attr('data-target'); + $(".modal-graph").attr('data-graph-target', target); + }); + }); + + $("[data-is-graph] a").click(function(e) { + e.preventDefault(); + var part_name = $('[data-graph-target]').attr('data-graph-target'); + var graph = $(this).parent(); + var part = $('[data-name="'+ part_name +'"]'); + var html = graph.find('[data-graph-html-copy]')[0].outerHTML; + part.html(html); + part.find('[data-graph-slug]').graph('load'); + part.trigger('changed'); + $(".modal-graph").foundation('reveal', 'close'); + }); + + /* Load graphs initially */ + $('.template [data-graph-slug]').graph('load'); + $('.modal-graph [data-graph-slug]').graph('load', {width: 300, height: 200}); + +}); diff --git a/static/dist/scripts/slides.js b/static/dist/scripts/slides.js new file mode 100644 index 0000000..92a10dc --- /dev/null +++ b/static/dist/scripts/slides.js @@ -0,0 +1,440 @@ +$(document).ready( function() { + var all_icons = $("[data-section-icon]").map(function() { + return $(this).attr('data-section-icon'); + }).get(); + all_icons = _.uniq(all_icons).join(" "); + + function update_title_bar( event ) { + if($(event.currentSlide).is('[data-section-title-hidden]') ) { + $(".title-bar").css('opacity', '0'); + } else { + $(".title-bar").css('opacity', '1'); + } + // event.previousSlide, event.currentSlide, event.indexh, event.indexv + var title = $(event.currentSlide).attr('data-section-title') || ""; + /* Only update when title has changed */ + if($(".title-bar .title span:first").text() !== title) { + $(""+title+"").hide().appendTo(".title-bar .title").fadeIn("normal"); + $(".title-bar .title span:not(:last)").fadeOut("normal", function() { + $(this).remove(); + }); + } + + var edit_url = $(event.currentSlide).attr('data-edit-url'); + $(".title-bar a.title").attr('href', edit_url); // Only update if a is found + + var icon = $(event.currentSlide).attr('data-section-icon') || ""; + if( !$(".title-bar .title i").hasClass(icon) ) { + $(".title-bar .title i") + .removeClass(all_icons) + .addClass(icon); +  } + } + /* Slides: with "wheel" */ + function wheel_toggle_slides(el) { + $("[data-wheel-order]").removeClass('active'); + $(el).addClass('active'); + var order = $(el).attr('data-wheel-order'); + var related = $('[data-wheel-order="' + order +'"]').not('.wheel-image'); + related.addClass('active'); + $('.wheel-text [data-type="wysihtml5"]').hide(); + related.show(); + } + $(".top-bar .links a").click(function() { + $(".top-bar.expanded .toggle-topbar").trigger("click.fndtn.topbar"); + }); + + /* Presentation? */ + if( $('.page-presentation-play').length) { + /* Initialize reveal.js */ + Reveal.initialize({ + // Display controls in the bottom right corner + controls: true, + // Display a presentation progress bar + progress: true, + // Push each slide change to the browser history + history: true, + // Enable keyboard shortcuts for navigation + keyboard: true, + // Enable the slide overview mode + overview: false, + // Vertical centering of slides + center: false, + // Enables touch navigation on devices with touch input + touch: true, + // Loop the presentation + loop: false, + // Change the presentation direction to be RTL + rtl: false, + // Number of milliseconds between automatically proceeding to the + // next slide, disabled when set to 0, this value can be overwritten + // by using a data-autoslide attribute on your slides + autoSlide: 0, + // Enable slide navigation via mouse wheel + mouseWheel: false, + // Apply a 3D roll to links on hover + rollingLinks: false, + // Transition style + transition: 'linear', // default/cube/page/concave/zoom/linear/fade/none + // Factor of the display size that should remain empty around the content + margin: 0.15, + // The "normal" size of the presentation, aspect ratio will be preserved + // when the presentation is scaled to fit different resolutions. Can be + // specified using percentage units. + //width: 960, + //height: 700, + width: 768, // Note: Could set this to 100% and make presentation content responsive instead of using zoom; + height: 576, + minScale: 0.2, + maxScale: 1 + // FIXME: use user agent / device width ? + }); + + + Reveal.addEventListener( 'ready', function(event) { + /* On small screen? disable transitions */ + var small_screen = $(window).width() < 480; + if( small_screen ) { + Reveal.configure({ transition: 'none' }); + } + + update_title_bar(event); + + /* Load chart if one exists on current slide (animate) */ + if( $(event.currentSlide).find('[class^="graph-"]').length) { + $(event.currentSlide).find('[class^="graph-"]').graph('load'); + } + + }); + + Reveal.addEventListener( 'slidechanged', function( event ) { + + /* Update title bar */ + update_title_bar(event); + + /* Chart slide - Wait until it is current to load (animate) */ + if( $(event.currentSlide).find('[class^="graph-"]').length) { + $(event.currentSlide).find('[class^="graph-"]').graph('load'); + } + + /* Disable touch on specific slides*/ + if( $(event.currentSlide).find("[data-swipe-disable]").length ) { + Reveal.configure({ touch: false }); + } else { + Reveal.configure({ touch: true }); + } + + /* Search previous slide for video elements and pause them */ + $(event.previousSlide).find("video").each(function(i, el) { + el.pause(); + }); + + /* Setup/Reset wheel state on wheel-slide enter */ + if( $(event.currentSlide).find('.wheel').length) { + $('.wheel-text [data-wheel-order]').hide(); + $('[data-wheel-order]').removeClass('active'); + $('[data-wheel-order="1"]').addClass('active').show(); + } + } ); + + + $(".wheel-images .wheel-image .trigger, .wheel-head .trigger").on('mousedown', function(e) { + wheel_toggle_slides(this); + }); + /* Hover fix for touch: Only bind on hover for non-touch devices */ + $(".no-touch .wheel-images .wheel-image .trigger, .no-touch .wheel-head .trigger").on('mouseenter', function(e) { + wheel_toggle_slides(this); + }); + } + + /* Swipebox */ + $('a.fancybox').swipebox(); + + /* Video */ + $('video').mediaelementplayer({ + success: function (mediaElement, domObject) { + /* Track video plays */ + mediaElement.addEventListener( + 'play', + function(e) { + mixpanel.track("Played video."); + }, + false); + } + }); + + /* Skip home if you are on the play-slide */ + $("[data-goto-first-slide]").on('click', function(e) { + e.preventDefault(); + $(".top-bar.expanded .toggle-topbar").trigger("click.fndtn.topbar"); + Reveal.slide(0, 0); + }); + + + /* Slide: Sick cost calculator */ + function get_salary() { + var industry_pk = parseInt($("#id_calc_industry").val(), 10); + /* Note: stb_industries is defined in the calculator.html-template */ + var industry = _.findWhere(stb_industries, {pk: industry_pk}); + + if(industry === undefined) { + return 0; + } + return industry.fields.yearly_salary; + } + function calc_cost(sick_rate, num_staff) { + var salary = get_salary(); + sick_rate = sick_rate / 100.0; // percent + return sick_rate * num_staff * salary; + } + /* Format norwegian */ + function format_number_norwegian(num) { + num = num.toString(); + var formatted_str = ""; + /* Add spaces backwards every third char */ + for(var i=0; i< num.length; i++){ + if(i % 3 === 0) { + formatted_str += " "; + } + formatted_str += num.charAt(num.length-i-1); + } + /* reverse the string */ + return formatted_str.split("").reverse().join(""); + } + function calc_savings(sick_rate, goal_sick_rate, num_staff) { + var current = calc_cost(sick_rate, num_staff); + var goal = calc_cost(goal_sick_rate, num_staff); + return current - goal; //total savings per year + } + function recalc() { + /* Get data */ + var num_staff = parseInt($(".num-staff").slider('value'), 10); + var sick_rate = $(".sick-rate").slider('value'); + var sick_rate_float = parseFloat(sick_rate); + var goal_sick_rate = $(".goal-sick-rate").slider('value'); + var goal_sick_rate_float = parseFloat(goal_sick_rate); + /* Calculate */ + var cost = calc_cost(sick_rate_float, num_staff); + cost = parseInt(Math.round( cost / 100), 10) * 100; + var savings = calc_savings(sick_rate_float, goal_sick_rate, num_staff); + savings = parseInt(Math.round( savings / 1000), 10) * 1000; + /* Output data */ + $("[data-calc-staff]").text(num_staff); + $("[data-calc-rate]").text(Math.round(sick_rate_float * 10) / 10); + $("[data-calc-goal-rate]").text(Math.round(goal_sick_rate_float * 10) / 10); + $("[data-calc-savings]").text(format_number_norwegian(savings)); + $("[data-calc-savings-employee]").text(format_number_norwegian(Math.round(savings / num_staff))); + /* cost */ + $("[data-calc-cost]").text(format_number_norwegian(cost)); + $("[data-calc-cost-employee]").text(format_number_norwegian(Math.round(cost / num_staff))); + + } + if($(".sick-cost-calculator").length) { + $( ".num-staff" ).slider({ + animate: "fast", + value: 600, + min: 1, + max: 2000, + step: 1, + stop: recalc, + slide: recalc + }); + $( ".sick-rate" ).slider({ + animate: "fast", + value: 10.2, + min: 1, + max: 15, + step: 0.2, + stop: recalc, + slide: recalc + }); + $( ".goal-sick-rate" ).slider({ + animate: "fast", + value: 5, + min: 1, + max: 15, + step: 0.2, + stop: recalc, + slide: recalc + }); + $(".sick-cost-industry-form").on('change', function(e) { + recalc(); + }); + + recalc(); // Initial calc + + /* Workaround for slider not working on touch devices + * Click/touch and change */ + $("[data-calc-staff], [data-calc-rate], [data-calc-goal-rate]").on('click', function(e) { + $(".set-value-modal").attr('data-updating', $(this).attr('data-updating')); + var old_value = $(this).text(); + $("input[name=set-value]").val(old_value); + $(".set-value-modal").foundation('reveal', 'open'); + }); + $(".set-value-button").on('click', function(e) { + var new_value = $("input[name=set-value]").val(); + var key = "#" + $(".set-value-modal").attr('data-updating'); + $( key ).slider({ value: parseFloat(new_value)}); + $(".set-value-modal").foundation('reveal', 'close'); + recalc(); + }); + } + + /* Slide: Public treatment comparison */ + if($(".public-treatment-comparison").length) { +        var options = { +     valueNames: [ 'region', 'hospital', 'city', 'diagnose', 'waittime' ] +        }; + +        var featureList = new List('treatment-list', options); + featureList.sort('waittime', { asc: false }); + +        $('.filter-region, .filter-diagnose').change(function() { +            featureList.filter(function(item) { + var diagnose = $('.filter-diagnose').val(); + var region = $(".filter-region").val(); +                return (item.values().region == region || region == "Alle") && item.values().diagnose == diagnose; +            }); +            return false; +        }); +        $('.filter-none').click(function() { +            featureList.filter(); +            return false; +        }); + $(".filter-diagnose").trigger('change'); + } + + function init_treatment_map() { + // mapbox.com: nikolaik.map-hyrf1sef + var tile_url = 'http://{s}.tiles.mapbox.com/v3/nikolaik.map-hyrf1sef/{z}/{x}/{y}.png'; + var tiles = L.tileLayer(tile_url, {maxZoom: 17, minZoom: 4}); + var latlng = L.latLng(65.57, 12.56); + + var map = L.map('treament-network-map', {center: latlng, zoom: 4, layers: [tiles]}); + + var markers = L.markerClusterGroup({ showCoverageOnHover: false}); + /* Marker icon style */ + var static_url = $('meta[name="x-django-static-url"]').attr('content'); + var icon = L.icon({ + iconUrl: static_url + 'dist/images/storebrand_map_marker.png', + iconSize: new L.Point(35, 35), + iconAnchor: new L.Point(35, 35), + popupAnchor: new L.Point(-17.5, -35), + shadowUrl: '', + shadowSize: new L.Point(0, 0), + }); + + /* Add specialist markers */ + var _url = 'http://zeppelin.brill.no/blifrisk/data/no.json'; + $.getJSON(_url, function(data) { + _.each(data.specialists, function(s, i) { + if(s.position) { + var marker = L.marker(new L.LatLng(s.position.lat, s.position.lng), { title: s.name, icon: icon }); + marker.bindPopup("

    "+ s.name +"

    "+ s.address +"
    "+ s.postalCode +" "+ s.city +"

    "); + markers.addLayer(marker); + } + }); + map.addLayer(markers); + }); + } + /* Slide: Treatment locations map */ + if($(".treament-network-map").length) { + + /* Load the treatment map when the slide comes in to view when in presentation mode */ + if (window.Reveal && !$(".page-slide-edit").length) { + var handler = function(event) { + if($(event.currentSlide).find(".treament-network-map").length) { + init_treatment_map(); + Reveal.removeEventListener( 'slidechanged', handler, false); // run only once + } + }; + Reveal.addEventListener( 'slidechanged', handler); + Reveal.addEventListener( 'ready', function(event) { + if($(event.currentSlide).find(".treament-network-map").length) { + /* Load map */ + init_treatment_map(); + } + }); + } else { + init_treatment_map(); + } + + } + /* Placeholder polyfill for IE9 */ + placeholderSupport = ("placeholder" in document.createElement("input")); + if(!placeholderSupport){ + //This browser does not support the placeholder attribute + //use javascript instead + $('[placeholder]').focus(function() { + var input = $(this); + if (input.val() === input.attr('placeholder')) { + input.val(''); + input.removeClass('placeholder'); + } + }).blur(function() { + var input = $(this); + if (input.val() === '' || input.val() === input.attr('placeholder')) { + input.addClass('placeholder'); + input.val(input.attr('placeholder')); + } + }).blur().parents('form').submit(function() { + $(this).find('[placeholder]').each(function() { + var input = $(this); + if (input.val() === input.attr('placeholder')) { + input.val(''); + } + }); + }); + } + /* Highcarts graph theme */ + Highcharts.theme = { + colors: ['#da291c', '#425563', '#ed786f'], + chart: { + backgroundColor: null + }, + credits: { + enabled: false + }, + title: { + style: { + color: '#1e394d', + font: 'bold 16px "SignaColumn", Helvetica, Arial, sans-serif' + } + }, + subtitle: { + style: { + color: '#425563', + font: 'bold 12px "SignaColumn", Helvetica, Arial, sans-serif' + } + }, + yAxis: { + title: { + style: { + color: 'gray' + } + } + }, + xAxis: { + title: { + style: { + color: 'gray' + } + } + }, + legend: { + itemStyle: { + font: '9pt "SignaColumn", Helvetica, Arial, sans-serif', + color: 'black' + }, + itemHoverStyle:{ + color: 'gray' + } + }, + exporting: { + enabled: false + } + }; + + // Apply the theme + Highcharts.setOptions(Highcharts.theme); +}); diff --git a/static/dist/scripts/vendor.js b/static/dist/scripts/vendor.js new file mode 100644 index 0000000..3c13698 --- /dev/null +++ b/static/dist/scripts/vendor.js @@ -0,0 +1,19779 @@ +/*! + * jQuery JavaScript Library v2.1.4 + * http://jquery.com/ + * + * Includes Sizzle.js + * http://sizzlejs.com/ + * + * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors + * Released under the MIT license + * http://jquery.org/license + * + * Date: 2015-04-28T16:01Z + */ + +(function( global, factory ) { + + if ( typeof module === "object" && typeof module.exports === "object" ) { + // For CommonJS and CommonJS-like environments where a proper `window` + // is present, execute the factory and get jQuery. + // For environments that do not have a `window` with a `document` + // (such as Node.js), expose a factory as module.exports. + // This accentuates the need for the creation of a real `window`. + // e.g. var jQuery = require("jquery")(window); + // See ticket #14549 for more info. + module.exports = global.document ? + factory( global, true ) : + function( w ) { + if ( !w.document ) { + throw new Error( "jQuery requires a window with a document" ); + } + return factory( w ); + }; + } else { + factory( global ); + } + +// Pass this if window is not defined yet +}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) { + +// Support: Firefox 18+ +// Can't be in strict mode, several libs including ASP.NET trace +// the stack via arguments.caller.callee and Firefox dies if +// you try to trace through "use strict" call chains. (#13335) +// + +var arr = []; + +var slice = arr.slice; + +var concat = arr.concat; + +var push = arr.push; + +var indexOf = arr.indexOf; + +var class2type = {}; + +var toString = class2type.toString; + +var hasOwn = class2type.hasOwnProperty; + +var support = {}; + + + +var + // Use the correct document accordingly with window argument (sandbox) + document = window.document, + + version = "2.1.4", + + // Define a local copy of jQuery + jQuery = function( selector, context ) { + // The jQuery object is actually just the init constructor 'enhanced' + // Need init if jQuery is called (just allow error to be thrown if not included) + return new jQuery.fn.init( selector, context ); + }, + + // Support: Android<4.1 + // Make sure we trim BOM and NBSP + rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, + + // Matches dashed string for camelizing + rmsPrefix = /^-ms-/, + rdashAlpha = /-([\da-z])/gi, + + // Used by jQuery.camelCase as callback to replace() + fcamelCase = function( all, letter ) { + return letter.toUpperCase(); + }; + +jQuery.fn = jQuery.prototype = { + // The current version of jQuery being used + jquery: version, + + constructor: jQuery, + + // Start with an empty selector + selector: "", + + // The default length of a jQuery object is 0 + length: 0, + + toArray: function() { + return slice.call( this ); + }, + + // Get the Nth element in the matched element set OR + // Get the whole matched element set as a clean array + get: function( num ) { + return num != null ? + + // Return just the one element from the set + ( num < 0 ? this[ num + this.length ] : this[ num ] ) : + + // Return all the elements in a clean array + slice.call( this ); + }, + + // Take an array of elements and push it onto the stack + // (returning the new matched element set) + pushStack: function( elems ) { + + // Build a new jQuery matched element set + var ret = jQuery.merge( this.constructor(), elems ); + + // Add the old object onto the stack (as a reference) + ret.prevObject = this; + ret.context = this.context; + + // Return the newly-formed element set + return ret; + }, + + // Execute a callback for every element in the matched set. + // (You can seed the arguments with an array of args, but this is + // only used internally.) + each: function( callback, args ) { + return jQuery.each( this, callback, args ); + }, + + map: function( callback ) { + return this.pushStack( jQuery.map(this, function( elem, i ) { + return callback.call( elem, i, elem ); + })); + }, + + slice: function() { + return this.pushStack( slice.apply( this, arguments ) ); + }, + + first: function() { + return this.eq( 0 ); + }, + + last: function() { + return this.eq( -1 ); + }, + + eq: function( i ) { + var len = this.length, + j = +i + ( i < 0 ? len : 0 ); + return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] ); + }, + + end: function() { + return this.prevObject || this.constructor(null); + }, + + // For internal use only. + // Behaves like an Array's method, not like a jQuery method. + push: push, + sort: arr.sort, + splice: arr.splice +}; + +jQuery.extend = jQuery.fn.extend = function() { + var options, name, src, copy, copyIsArray, clone, + target = arguments[0] || {}, + i = 1, + length = arguments.length, + deep = false; + + // Handle a deep copy situation + if ( typeof target === "boolean" ) { + deep = target; + + // Skip the boolean and the target + target = arguments[ i ] || {}; + i++; + } + + // Handle case when target is a string or something (possible in deep copy) + if ( typeof target !== "object" && !jQuery.isFunction(target) ) { + target = {}; + } + + // Extend jQuery itself if only one argument is passed + if ( i === length ) { + target = this; + i--; + } + + for ( ; i < length; i++ ) { + // Only deal with non-null/undefined values + if ( (options = arguments[ i ]) != null ) { + // Extend the base object + for ( name in options ) { + src = target[ name ]; + copy = options[ name ]; + + // Prevent never-ending loop + if ( target === copy ) { + continue; + } + + // Recurse if we're merging plain objects or arrays + if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) { + if ( copyIsArray ) { + copyIsArray = false; + clone = src && jQuery.isArray(src) ? src : []; + + } else { + clone = src && jQuery.isPlainObject(src) ? src : {}; + } + + // Never move original objects, clone them + target[ name ] = jQuery.extend( deep, clone, copy ); + + // Don't bring in undefined values + } else if ( copy !== undefined ) { + target[ name ] = copy; + } + } + } + } + + // Return the modified object + return target; +}; + +jQuery.extend({ + // Unique for each copy of jQuery on the page + expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), + + // Assume jQuery is ready without the ready module + isReady: true, + + error: function( msg ) { + throw new Error( msg ); + }, + + noop: function() {}, + + isFunction: function( obj ) { + return jQuery.type(obj) === "function"; + }, + + isArray: Array.isArray, + + isWindow: function( obj ) { + return obj != null && obj === obj.window; + }, + + isNumeric: function( obj ) { + // parseFloat NaNs numeric-cast false positives (null|true|false|"") + // ...but misinterprets leading-number strings, particularly hex literals ("0x...") + // subtraction forces infinities to NaN + // adding 1 corrects loss of precision from parseFloat (#15100) + return !jQuery.isArray( obj ) && (obj - parseFloat( obj ) + 1) >= 0; + }, + + isPlainObject: function( obj ) { + // Not plain objects: + // - Any object or value whose internal [[Class]] property is not "[object Object]" + // - DOM nodes + // - window + if ( jQuery.type( obj ) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) { + return false; + } + + if ( obj.constructor && + !hasOwn.call( obj.constructor.prototype, "isPrototypeOf" ) ) { + return false; + } + + // If the function hasn't returned already, we're confident that + // |obj| is a plain object, created by {} or constructed with new Object + return true; + }, + + isEmptyObject: function( obj ) { + var name; + for ( name in obj ) { + return false; + } + return true; + }, + + type: function( obj ) { + if ( obj == null ) { + return obj + ""; + } + // Support: Android<4.0, iOS<6 (functionish RegExp) + return typeof obj === "object" || typeof obj === "function" ? + class2type[ toString.call(obj) ] || "object" : + typeof obj; + }, + + // Evaluates a script in a global context + globalEval: function( code ) { + var script, + indirect = eval; + + code = jQuery.trim( code ); + + if ( code ) { + // If the code includes a valid, prologue position + // strict mode pragma, execute code by injecting a + // script tag into the document. + if ( code.indexOf("use strict") === 1 ) { + script = document.createElement("script"); + script.text = code; + document.head.appendChild( script ).parentNode.removeChild( script ); + } else { + // Otherwise, avoid the DOM node creation, insertion + // and removal by using an indirect global eval + indirect( code ); + } + } + }, + + // Convert dashed to camelCase; used by the css and data modules + // Support: IE9-11+ + // Microsoft forgot to hump their vendor prefix (#9572) + camelCase: function( string ) { + return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase ); + }, + + nodeName: function( elem, name ) { + return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase(); + }, + + // args is for internal usage only + each: function( obj, callback, args ) { + var value, + i = 0, + length = obj.length, + isArray = isArraylike( obj ); + + if ( args ) { + if ( isArray ) { + for ( ; i < length; i++ ) { + value = callback.apply( obj[ i ], args ); + + if ( value === false ) { + break; + } + } + } else { + for ( i in obj ) { + value = callback.apply( obj[ i ], args ); + + if ( value === false ) { + break; + } + } + } + + // A special, fast, case for the most common use of each + } else { + if ( isArray ) { + for ( ; i < length; i++ ) { + value = callback.call( obj[ i ], i, obj[ i ] ); + + if ( value === false ) { + break; + } + } + } else { + for ( i in obj ) { + value = callback.call( obj[ i ], i, obj[ i ] ); + + if ( value === false ) { + break; + } + } + } + } + + return obj; + }, + + // Support: Android<4.1 + trim: function( text ) { + return text == null ? + "" : + ( text + "" ).replace( rtrim, "" ); + }, + + // results is for internal usage only + makeArray: function( arr, results ) { + var ret = results || []; + + if ( arr != null ) { + if ( isArraylike( Object(arr) ) ) { + jQuery.merge( ret, + typeof arr === "string" ? + [ arr ] : arr + ); + } else { + push.call( ret, arr ); + } + } + + return ret; + }, + + inArray: function( elem, arr, i ) { + return arr == null ? -1 : indexOf.call( arr, elem, i ); + }, + + merge: function( first, second ) { + var len = +second.length, + j = 0, + i = first.length; + + for ( ; j < len; j++ ) { + first[ i++ ] = second[ j ]; + } + + first.length = i; + + return first; + }, + + grep: function( elems, callback, invert ) { + var callbackInverse, + matches = [], + i = 0, + length = elems.length, + callbackExpect = !invert; + + // Go through the array, only saving the items + // that pass the validator function + for ( ; i < length; i++ ) { + callbackInverse = !callback( elems[ i ], i ); + if ( callbackInverse !== callbackExpect ) { + matches.push( elems[ i ] ); + } + } + + return matches; + }, + + // arg is for internal usage only + map: function( elems, callback, arg ) { + var value, + i = 0, + length = elems.length, + isArray = isArraylike( elems ), + ret = []; + + // Go through the array, translating each of the items to their new values + if ( isArray ) { + for ( ; i < length; i++ ) { + value = callback( elems[ i ], i, arg ); + + if ( value != null ) { + ret.push( value ); + } + } + + // Go through every key on the object, + } else { + for ( i in elems ) { + value = callback( elems[ i ], i, arg ); + + if ( value != null ) { + ret.push( value ); + } + } + } + + // Flatten any nested arrays + return concat.apply( [], ret ); + }, + + // A global GUID counter for objects + guid: 1, + + // Bind a function to a context, optionally partially applying any + // arguments. + proxy: function( fn, context ) { + var tmp, args, proxy; + + if ( typeof context === "string" ) { + tmp = fn[ context ]; + context = fn; + fn = tmp; + } + + // Quick check to determine if target is callable, in the spec + // this throws a TypeError, but we will just return undefined. + if ( !jQuery.isFunction( fn ) ) { + return undefined; + } + + // Simulated bind + args = slice.call( arguments, 2 ); + proxy = function() { + return fn.apply( context || this, args.concat( slice.call( arguments ) ) ); + }; + + // Set the guid of unique handler to the same of original handler, so it can be removed + proxy.guid = fn.guid = fn.guid || jQuery.guid++; + + return proxy; + }, + + now: Date.now, + + // jQuery.support is not used in Core but other projects attach their + // properties to it so it needs to exist. + support: support +}); + +// Populate the class2type map +jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) { + class2type[ "[object " + name + "]" ] = name.toLowerCase(); +}); + +function isArraylike( obj ) { + + // Support: iOS 8.2 (not reproducible in simulator) + // `in` check used to prevent JIT error (gh-2145) + // hasOwn isn't used here due to false negatives + // regarding Nodelist length in IE + var length = "length" in obj && obj.length, + type = jQuery.type( obj ); + + if ( type === "function" || jQuery.isWindow( obj ) ) { + return false; + } + + if ( obj.nodeType === 1 && length ) { + return true; + } + + return type === "array" || length === 0 || + typeof length === "number" && length > 0 && ( length - 1 ) in obj; +} +var Sizzle = +/*! + * Sizzle CSS Selector Engine v2.2.0-pre + * http://sizzlejs.com/ + * + * Copyright 2008, 2014 jQuery Foundation, Inc. and other contributors + * Released under the MIT license + * http://jquery.org/license + * + * Date: 2014-12-16 + */ +(function( window ) { + +var i, + support, + Expr, + getText, + isXML, + tokenize, + compile, + select, + outermostContext, + sortInput, + hasDuplicate, + + // Local document vars + setDocument, + document, + docElem, + documentIsHTML, + rbuggyQSA, + rbuggyMatches, + matches, + contains, + + // Instance-specific data + expando = "sizzle" + 1 * new Date(), + preferredDoc = window.document, + dirruns = 0, + done = 0, + classCache = createCache(), + tokenCache = createCache(), + compilerCache = createCache(), + sortOrder = function( a, b ) { + if ( a === b ) { + hasDuplicate = true; + } + return 0; + }, + + // General-purpose constants + MAX_NEGATIVE = 1 << 31, + + // Instance methods + hasOwn = ({}).hasOwnProperty, + arr = [], + pop = arr.pop, + push_native = arr.push, + push = arr.push, + slice = arr.slice, + // Use a stripped-down indexOf as it's faster than native + // http://jsperf.com/thor-indexof-vs-for/5 + indexOf = function( list, elem ) { + var i = 0, + len = list.length; + for ( ; i < len; i++ ) { + if ( list[i] === elem ) { + return i; + } + } + return -1; + }, + + booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped", + + // Regular expressions + + // Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace + whitespace = "[\\x20\\t\\r\\n\\f]", + // http://www.w3.org/TR/css3-syntax/#characters + characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+", + + // Loosely modeled on CSS identifier characters + // An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors + // Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier + identifier = characterEncoding.replace( "w", "w#" ), + + // Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors + attributes = "\\[" + whitespace + "*(" + characterEncoding + ")(?:" + whitespace + + // Operator (capture 2) + "*([*^$|!~]?=)" + whitespace + + // "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]" + "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace + + "*\\]", + + pseudos = ":(" + characterEncoding + ")(?:\\((" + + // To reduce the number of selectors needing tokenize in the preFilter, prefer arguments: + // 1. quoted (capture 3; capture 4 or capture 5) + "('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" + + // 2. simple (capture 6) + "((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" + + // 3. anything else (capture 2) + ".*" + + ")\\)|)", + + // Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter + rwhitespace = new RegExp( whitespace + "+", "g" ), + rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ), + + rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ), + rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ), + + rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ), + + rpseudo = new RegExp( pseudos ), + ridentifier = new RegExp( "^" + identifier + "$" ), + + matchExpr = { + "ID": new RegExp( "^#(" + characterEncoding + ")" ), + "CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ), + "TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ), + "ATTR": new RegExp( "^" + attributes ), + "PSEUDO": new RegExp( "^" + pseudos ), + "CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace + + "*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace + + "*(\\d+)|))" + whitespace + "*\\)|)", "i" ), + "bool": new RegExp( "^(?:" + booleans + ")$", "i" ), + // For use in libraries implementing .is() + // We use this for POS matching in `select` + "needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + + whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" ) + }, + + rinputs = /^(?:input|select|textarea|button)$/i, + rheader = /^h\d$/i, + + rnative = /^[^{]+\{\s*\[native \w/, + + // Easily-parseable/retrievable ID or TAG or CLASS selectors + rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/, + + rsibling = /[+~]/, + rescape = /'|\\/g, + + // CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters + runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ), + funescape = function( _, escaped, escapedWhitespace ) { + var high = "0x" + escaped - 0x10000; + // NaN means non-codepoint + // Support: Firefox<24 + // Workaround erroneous numeric interpretation of +"0x" + return high !== high || escapedWhitespace ? + escaped : + high < 0 ? + // BMP codepoint + String.fromCharCode( high + 0x10000 ) : + // Supplemental Plane codepoint (surrogate pair) + String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 ); + }, + + // Used for iframes + // See setDocument() + // Removing the function wrapper causes a "Permission Denied" + // error in IE + unloadHandler = function() { + setDocument(); + }; + +// Optimize for push.apply( _, NodeList ) +try { + push.apply( + (arr = slice.call( preferredDoc.childNodes )), + preferredDoc.childNodes + ); + // Support: Android<4.0 + // Detect silently failing push.apply + arr[ preferredDoc.childNodes.length ].nodeType; +} catch ( e ) { + push = { apply: arr.length ? + + // Leverage slice if possible + function( target, els ) { + push_native.apply( target, slice.call(els) ); + } : + + // Support: IE<9 + // Otherwise append directly + function( target, els ) { + var j = target.length, + i = 0; + // Can't trust NodeList.length + while ( (target[j++] = els[i++]) ) {} + target.length = j - 1; + } + }; +} + +function Sizzle( selector, context, results, seed ) { + var match, elem, m, nodeType, + // QSA vars + i, groups, old, nid, newContext, newSelector; + + if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) { + setDocument( context ); + } + + context = context || document; + results = results || []; + nodeType = context.nodeType; + + if ( typeof selector !== "string" || !selector || + nodeType !== 1 && nodeType !== 9 && nodeType !== 11 ) { + + return results; + } + + if ( !seed && documentIsHTML ) { + + // Try to shortcut find operations when possible (e.g., not under DocumentFragment) + if ( nodeType !== 11 && (match = rquickExpr.exec( selector )) ) { + // Speed-up: Sizzle("#ID") + if ( (m = match[1]) ) { + if ( nodeType === 9 ) { + elem = context.getElementById( m ); + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document (jQuery #6963) + if ( elem && elem.parentNode ) { + // Handle the case where IE, Opera, and Webkit return items + // by name instead of ID + if ( elem.id === m ) { + results.push( elem ); + return results; + } + } else { + return results; + } + } else { + // Context is not a document + if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) && + contains( context, elem ) && elem.id === m ) { + results.push( elem ); + return results; + } + } + + // Speed-up: Sizzle("TAG") + } else if ( match[2] ) { + push.apply( results, context.getElementsByTagName( selector ) ); + return results; + + // Speed-up: Sizzle(".CLASS") + } else if ( (m = match[3]) && support.getElementsByClassName ) { + push.apply( results, context.getElementsByClassName( m ) ); + return results; + } + } + + // QSA path + if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) { + nid = old = expando; + newContext = context; + newSelector = nodeType !== 1 && selector; + + // qSA works strangely on Element-rooted queries + // We can work around this by specifying an extra ID on the root + // and working up from there (Thanks to Andrew Dupont for the technique) + // IE 8 doesn't work on object elements + if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) { + groups = tokenize( selector ); + + if ( (old = context.getAttribute("id")) ) { + nid = old.replace( rescape, "\\$&" ); + } else { + context.setAttribute( "id", nid ); + } + nid = "[id='" + nid + "'] "; + + i = groups.length; + while ( i-- ) { + groups[i] = nid + toSelector( groups[i] ); + } + newContext = rsibling.test( selector ) && testContext( context.parentNode ) || context; + newSelector = groups.join(","); + } + + if ( newSelector ) { + try { + push.apply( results, + newContext.querySelectorAll( newSelector ) + ); + return results; + } catch(qsaError) { + } finally { + if ( !old ) { + context.removeAttribute("id"); + } + } + } + } + } + + // All others + return select( selector.replace( rtrim, "$1" ), context, results, seed ); +} + +/** + * Create key-value caches of limited size + * @returns {Function(string, Object)} Returns the Object data after storing it on itself with + * property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength) + * deleting the oldest entry + */ +function createCache() { + var keys = []; + + function cache( key, value ) { + // Use (key + " ") to avoid collision with native prototype properties (see Issue #157) + if ( keys.push( key + " " ) > Expr.cacheLength ) { + // Only keep the most recent entries + delete cache[ keys.shift() ]; + } + return (cache[ key + " " ] = value); + } + return cache; +} + +/** + * Mark a function for special use by Sizzle + * @param {Function} fn The function to mark + */ +function markFunction( fn ) { + fn[ expando ] = true; + return fn; +} + +/** + * Support testing using an element + * @param {Function} fn Passed the created div and expects a boolean result + */ +function assert( fn ) { + var div = document.createElement("div"); + + try { + return !!fn( div ); + } catch (e) { + return false; + } finally { + // Remove from its parent by default + if ( div.parentNode ) { + div.parentNode.removeChild( div ); + } + // release memory in IE + div = null; + } +} + +/** + * Adds the same handler for all of the specified attrs + * @param {String} attrs Pipe-separated list of attributes + * @param {Function} handler The method that will be applied + */ +function addHandle( attrs, handler ) { + var arr = attrs.split("|"), + i = attrs.length; + + while ( i-- ) { + Expr.attrHandle[ arr[i] ] = handler; + } +} + +/** + * Checks document order of two siblings + * @param {Element} a + * @param {Element} b + * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b + */ +function siblingCheck( a, b ) { + var cur = b && a, + diff = cur && a.nodeType === 1 && b.nodeType === 1 && + ( ~b.sourceIndex || MAX_NEGATIVE ) - + ( ~a.sourceIndex || MAX_NEGATIVE ); + + // Use IE sourceIndex if available on both nodes + if ( diff ) { + return diff; + } + + // Check if b follows a + if ( cur ) { + while ( (cur = cur.nextSibling) ) { + if ( cur === b ) { + return -1; + } + } + } + + return a ? 1 : -1; +} + +/** + * Returns a function to use in pseudos for input types + * @param {String} type + */ +function createInputPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === type; + }; +} + +/** + * Returns a function to use in pseudos for buttons + * @param {String} type + */ +function createButtonPseudo( type ) { + return function( elem ) { + var name = elem.nodeName.toLowerCase(); + return (name === "input" || name === "button") && elem.type === type; + }; +} + +/** + * Returns a function to use in pseudos for positionals + * @param {Function} fn + */ +function createPositionalPseudo( fn ) { + return markFunction(function( argument ) { + argument = +argument; + return markFunction(function( seed, matches ) { + var j, + matchIndexes = fn( [], seed.length, argument ), + i = matchIndexes.length; + + // Match elements found at the specified indexes + while ( i-- ) { + if ( seed[ (j = matchIndexes[i]) ] ) { + seed[j] = !(matches[j] = seed[j]); + } + } + }); + }); +} + +/** + * Checks a node for validity as a Sizzle context + * @param {Element|Object=} context + * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value + */ +function testContext( context ) { + return context && typeof context.getElementsByTagName !== "undefined" && context; +} + +// Expose support vars for convenience +support = Sizzle.support = {}; + +/** + * Detects XML nodes + * @param {Element|Object} elem An element or a document + * @returns {Boolean} True iff elem is a non-HTML XML node + */ +isXML = Sizzle.isXML = function( elem ) { + // documentElement is verified for cases where it doesn't yet exist + // (such as loading iframes in IE - #4833) + var documentElement = elem && (elem.ownerDocument || elem).documentElement; + return documentElement ? documentElement.nodeName !== "HTML" : false; +}; + +/** + * Sets document-related variables once based on the current document + * @param {Element|Object} [doc] An element or document object to use to set the document + * @returns {Object} Returns the current document + */ +setDocument = Sizzle.setDocument = function( node ) { + var hasCompare, parent, + doc = node ? node.ownerDocument || node : preferredDoc; + + // If no document and documentElement is available, return + if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) { + return document; + } + + // Set our document + document = doc; + docElem = doc.documentElement; + parent = doc.defaultView; + + // Support: IE>8 + // If iframe document is assigned to "document" variable and if iframe has been reloaded, + // IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936 + // IE6-8 do not support the defaultView property so parent will be undefined + if ( parent && parent !== parent.top ) { + // IE11 does not have attachEvent, so all must suffer + if ( parent.addEventListener ) { + parent.addEventListener( "unload", unloadHandler, false ); + } else if ( parent.attachEvent ) { + parent.attachEvent( "onunload", unloadHandler ); + } + } + + /* Support tests + ---------------------------------------------------------------------- */ + documentIsHTML = !isXML( doc ); + + /* Attributes + ---------------------------------------------------------------------- */ + + // Support: IE<8 + // Verify that getAttribute really returns attributes and not properties + // (excepting IE8 booleans) + support.attributes = assert(function( div ) { + div.className = "i"; + return !div.getAttribute("className"); + }); + + /* getElement(s)By* + ---------------------------------------------------------------------- */ + + // Check if getElementsByTagName("*") returns only elements + support.getElementsByTagName = assert(function( div ) { + div.appendChild( doc.createComment("") ); + return !div.getElementsByTagName("*").length; + }); + + // Support: IE<9 + support.getElementsByClassName = rnative.test( doc.getElementsByClassName ); + + // Support: IE<10 + // Check if getElementById returns elements by name + // The broken getElementById methods don't pick up programatically-set names, + // so use a roundabout getElementsByName test + support.getById = assert(function( div ) { + docElem.appendChild( div ).id = expando; + return !doc.getElementsByName || !doc.getElementsByName( expando ).length; + }); + + // ID find and filter + if ( support.getById ) { + Expr.find["ID"] = function( id, context ) { + if ( typeof context.getElementById !== "undefined" && documentIsHTML ) { + var m = context.getElementById( id ); + // Check parentNode to catch when Blackberry 4.6 returns + // nodes that are no longer in the document #6963 + return m && m.parentNode ? [ m ] : []; + } + }; + Expr.filter["ID"] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + return elem.getAttribute("id") === attrId; + }; + }; + } else { + // Support: IE6/7 + // getElementById is not reliable as a find shortcut + delete Expr.find["ID"]; + + Expr.filter["ID"] = function( id ) { + var attrId = id.replace( runescape, funescape ); + return function( elem ) { + var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id"); + return node && node.value === attrId; + }; + }; + } + + // Tag + Expr.find["TAG"] = support.getElementsByTagName ? + function( tag, context ) { + if ( typeof context.getElementsByTagName !== "undefined" ) { + return context.getElementsByTagName( tag ); + + // DocumentFragment nodes don't have gEBTN + } else if ( support.qsa ) { + return context.querySelectorAll( tag ); + } + } : + + function( tag, context ) { + var elem, + tmp = [], + i = 0, + // By happy coincidence, a (broken) gEBTN appears on DocumentFragment nodes too + results = context.getElementsByTagName( tag ); + + // Filter out possible comments + if ( tag === "*" ) { + while ( (elem = results[i++]) ) { + if ( elem.nodeType === 1 ) { + tmp.push( elem ); + } + } + + return tmp; + } + return results; + }; + + // Class + Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) { + if ( documentIsHTML ) { + return context.getElementsByClassName( className ); + } + }; + + /* QSA/matchesSelector + ---------------------------------------------------------------------- */ + + // QSA and matchesSelector support + + // matchesSelector(:active) reports false when true (IE9/Opera 11.5) + rbuggyMatches = []; + + // qSa(:focus) reports false when true (Chrome 21) + // We allow this because of a bug in IE8/9 that throws an error + // whenever `document.activeElement` is accessed on an iframe + // So, we allow :focus to pass through QSA all the time to avoid the IE error + // See http://bugs.jquery.com/ticket/13378 + rbuggyQSA = []; + + if ( (support.qsa = rnative.test( doc.querySelectorAll )) ) { + // Build QSA regex + // Regex strategy adopted from Diego Perini + assert(function( div ) { + // Select is set to empty string on purpose + // This is to test IE's treatment of not explicitly + // setting a boolean content attribute, + // since its presence should be enough + // http://bugs.jquery.com/ticket/12359 + docElem.appendChild( div ).innerHTML = "" + + ""; + + // Support: IE8, Opera 11-12.16 + // Nothing should be selected when empty strings follow ^= or $= or *= + // The test attribute must be unknown in Opera but "safe" for WinRT + // http://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section + if ( div.querySelectorAll("[msallowcapture^='']").length ) { + rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" ); + } + + // Support: IE8 + // Boolean attributes and "value" are not treated correctly + if ( !div.querySelectorAll("[selected]").length ) { + rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" ); + } + + // Support: Chrome<29, Android<4.2+, Safari<7.0+, iOS<7.0+, PhantomJS<1.9.7+ + if ( !div.querySelectorAll( "[id~=" + expando + "-]" ).length ) { + rbuggyQSA.push("~="); + } + + // Webkit/Opera - :checked should return selected option elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + // IE8 throws error here and will not see later tests + if ( !div.querySelectorAll(":checked").length ) { + rbuggyQSA.push(":checked"); + } + + // Support: Safari 8+, iOS 8+ + // https://bugs.webkit.org/show_bug.cgi?id=136851 + // In-page `selector#id sibing-combinator selector` fails + if ( !div.querySelectorAll( "a#" + expando + "+*" ).length ) { + rbuggyQSA.push(".#.+[+~]"); + } + }); + + assert(function( div ) { + // Support: Windows 8 Native Apps + // The type and name attributes are restricted during .innerHTML assignment + var input = doc.createElement("input"); + input.setAttribute( "type", "hidden" ); + div.appendChild( input ).setAttribute( "name", "D" ); + + // Support: IE8 + // Enforce case-sensitivity of name attribute + if ( div.querySelectorAll("[name=d]").length ) { + rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" ); + } + + // FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled) + // IE8 throws error here and will not see later tests + if ( !div.querySelectorAll(":enabled").length ) { + rbuggyQSA.push( ":enabled", ":disabled" ); + } + + // Opera 10-11 does not throw on post-comma invalid pseudos + div.querySelectorAll("*,:x"); + rbuggyQSA.push(",.*:"); + }); + } + + if ( (support.matchesSelector = rnative.test( (matches = docElem.matches || + docElem.webkitMatchesSelector || + docElem.mozMatchesSelector || + docElem.oMatchesSelector || + docElem.msMatchesSelector) )) ) { + + assert(function( div ) { + // Check to see if it's possible to do matchesSelector + // on a disconnected node (IE 9) + support.disconnectedMatch = matches.call( div, "div" ); + + // This should fail with an exception + // Gecko does not error, returns false instead + matches.call( div, "[s!='']:x" ); + rbuggyMatches.push( "!=", pseudos ); + }); + } + + rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") ); + rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") ); + + /* Contains + ---------------------------------------------------------------------- */ + hasCompare = rnative.test( docElem.compareDocumentPosition ); + + // Element contains another + // Purposefully does not implement inclusive descendent + // As in, an element does not contain itself + contains = hasCompare || rnative.test( docElem.contains ) ? + function( a, b ) { + var adown = a.nodeType === 9 ? a.documentElement : a, + bup = b && b.parentNode; + return a === bup || !!( bup && bup.nodeType === 1 && ( + adown.contains ? + adown.contains( bup ) : + a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16 + )); + } : + function( a, b ) { + if ( b ) { + while ( (b = b.parentNode) ) { + if ( b === a ) { + return true; + } + } + } + return false; + }; + + /* Sorting + ---------------------------------------------------------------------- */ + + // Document order sorting + sortOrder = hasCompare ? + function( a, b ) { + + // Flag for duplicate removal + if ( a === b ) { + hasDuplicate = true; + return 0; + } + + // Sort on method existence if only one input has compareDocumentPosition + var compare = !a.compareDocumentPosition - !b.compareDocumentPosition; + if ( compare ) { + return compare; + } + + // Calculate position if both inputs belong to the same document + compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ? + a.compareDocumentPosition( b ) : + + // Otherwise we know they are disconnected + 1; + + // Disconnected nodes + if ( compare & 1 || + (!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) { + + // Choose the first element that is related to our preferred document + if ( a === doc || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) { + return -1; + } + if ( b === doc || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) { + return 1; + } + + // Maintain original order + return sortInput ? + ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : + 0; + } + + return compare & 4 ? -1 : 1; + } : + function( a, b ) { + // Exit early if the nodes are identical + if ( a === b ) { + hasDuplicate = true; + return 0; + } + + var cur, + i = 0, + aup = a.parentNode, + bup = b.parentNode, + ap = [ a ], + bp = [ b ]; + + // Parentless nodes are either documents or disconnected + if ( !aup || !bup ) { + return a === doc ? -1 : + b === doc ? 1 : + aup ? -1 : + bup ? 1 : + sortInput ? + ( indexOf( sortInput, a ) - indexOf( sortInput, b ) ) : + 0; + + // If the nodes are siblings, we can do a quick check + } else if ( aup === bup ) { + return siblingCheck( a, b ); + } + + // Otherwise we need full lists of their ancestors for comparison + cur = a; + while ( (cur = cur.parentNode) ) { + ap.unshift( cur ); + } + cur = b; + while ( (cur = cur.parentNode) ) { + bp.unshift( cur ); + } + + // Walk down the tree looking for a discrepancy + while ( ap[i] === bp[i] ) { + i++; + } + + return i ? + // Do a sibling check if the nodes have a common ancestor + siblingCheck( ap[i], bp[i] ) : + + // Otherwise nodes in our document sort first + ap[i] === preferredDoc ? -1 : + bp[i] === preferredDoc ? 1 : + 0; + }; + + return doc; +}; + +Sizzle.matches = function( expr, elements ) { + return Sizzle( expr, null, null, elements ); +}; + +Sizzle.matchesSelector = function( elem, expr ) { + // Set document vars if needed + if ( ( elem.ownerDocument || elem ) !== document ) { + setDocument( elem ); + } + + // Make sure that attribute selectors are quoted + expr = expr.replace( rattributeQuotes, "='$1']" ); + + if ( support.matchesSelector && documentIsHTML && + ( !rbuggyMatches || !rbuggyMatches.test( expr ) ) && + ( !rbuggyQSA || !rbuggyQSA.test( expr ) ) ) { + + try { + var ret = matches.call( elem, expr ); + + // IE 9's matchesSelector returns false on disconnected nodes + if ( ret || support.disconnectedMatch || + // As well, disconnected nodes are said to be in a document + // fragment in IE 9 + elem.document && elem.document.nodeType !== 11 ) { + return ret; + } + } catch (e) {} + } + + return Sizzle( expr, document, null, [ elem ] ).length > 0; +}; + +Sizzle.contains = function( context, elem ) { + // Set document vars if needed + if ( ( context.ownerDocument || context ) !== document ) { + setDocument( context ); + } + return contains( context, elem ); +}; + +Sizzle.attr = function( elem, name ) { + // Set document vars if needed + if ( ( elem.ownerDocument || elem ) !== document ) { + setDocument( elem ); + } + + var fn = Expr.attrHandle[ name.toLowerCase() ], + // Don't get fooled by Object.prototype properties (jQuery #13807) + val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ? + fn( elem, name, !documentIsHTML ) : + undefined; + + return val !== undefined ? + val : + support.attributes || !documentIsHTML ? + elem.getAttribute( name ) : + (val = elem.getAttributeNode(name)) && val.specified ? + val.value : + null; +}; + +Sizzle.error = function( msg ) { + throw new Error( "Syntax error, unrecognized expression: " + msg ); +}; + +/** + * Document sorting and removing duplicates + * @param {ArrayLike} results + */ +Sizzle.uniqueSort = function( results ) { + var elem, + duplicates = [], + j = 0, + i = 0; + + // Unless we *know* we can detect duplicates, assume their presence + hasDuplicate = !support.detectDuplicates; + sortInput = !support.sortStable && results.slice( 0 ); + results.sort( sortOrder ); + + if ( hasDuplicate ) { + while ( (elem = results[i++]) ) { + if ( elem === results[ i ] ) { + j = duplicates.push( i ); + } + } + while ( j-- ) { + results.splice( duplicates[ j ], 1 ); + } + } + + // Clear input after sorting to release objects + // See https://github.com/jquery/sizzle/pull/225 + sortInput = null; + + return results; +}; + +/** + * Utility function for retrieving the text value of an array of DOM nodes + * @param {Array|Element} elem + */ +getText = Sizzle.getText = function( elem ) { + var node, + ret = "", + i = 0, + nodeType = elem.nodeType; + + if ( !nodeType ) { + // If no nodeType, this is expected to be an array + while ( (node = elem[i++]) ) { + // Do not traverse comment nodes + ret += getText( node ); + } + } else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) { + // Use textContent for elements + // innerText usage removed for consistency of new lines (jQuery #11153) + if ( typeof elem.textContent === "string" ) { + return elem.textContent; + } else { + // Traverse its children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + ret += getText( elem ); + } + } + } else if ( nodeType === 3 || nodeType === 4 ) { + return elem.nodeValue; + } + // Do not include comment or processing instruction nodes + + return ret; +}; + +Expr = Sizzle.selectors = { + + // Can be adjusted by the user + cacheLength: 50, + + createPseudo: markFunction, + + match: matchExpr, + + attrHandle: {}, + + find: {}, + + relative: { + ">": { dir: "parentNode", first: true }, + " ": { dir: "parentNode" }, + "+": { dir: "previousSibling", first: true }, + "~": { dir: "previousSibling" } + }, + + preFilter: { + "ATTR": function( match ) { + match[1] = match[1].replace( runescape, funescape ); + + // Move the given value to match[3] whether quoted or unquoted + match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape ); + + if ( match[2] === "~=" ) { + match[3] = " " + match[3] + " "; + } + + return match.slice( 0, 4 ); + }, + + "CHILD": function( match ) { + /* matches from matchExpr["CHILD"] + 1 type (only|nth|...) + 2 what (child|of-type) + 3 argument (even|odd|\d*|\d*n([+-]\d+)?|...) + 4 xn-component of xn+y argument ([+-]?\d*n|) + 5 sign of xn-component + 6 x of xn-component + 7 sign of y-component + 8 y of y-component + */ + match[1] = match[1].toLowerCase(); + + if ( match[1].slice( 0, 3 ) === "nth" ) { + // nth-* requires argument + if ( !match[3] ) { + Sizzle.error( match[0] ); + } + + // numeric x and y parameters for Expr.filter.CHILD + // remember that false/true cast respectively to 0/1 + match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) ); + match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" ); + + // other types prohibit arguments + } else if ( match[3] ) { + Sizzle.error( match[0] ); + } + + return match; + }, + + "PSEUDO": function( match ) { + var excess, + unquoted = !match[6] && match[2]; + + if ( matchExpr["CHILD"].test( match[0] ) ) { + return null; + } + + // Accept quoted arguments as-is + if ( match[3] ) { + match[2] = match[4] || match[5] || ""; + + // Strip excess characters from unquoted arguments + } else if ( unquoted && rpseudo.test( unquoted ) && + // Get excess from tokenize (recursively) + (excess = tokenize( unquoted, true )) && + // advance to the next closing parenthesis + (excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) { + + // excess is a negative index + match[0] = match[0].slice( 0, excess ); + match[2] = unquoted.slice( 0, excess ); + } + + // Return only captures needed by the pseudo filter method (type and argument) + return match.slice( 0, 3 ); + } + }, + + filter: { + + "TAG": function( nodeNameSelector ) { + var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase(); + return nodeNameSelector === "*" ? + function() { return true; } : + function( elem ) { + return elem.nodeName && elem.nodeName.toLowerCase() === nodeName; + }; + }, + + "CLASS": function( className ) { + var pattern = classCache[ className + " " ]; + + return pattern || + (pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) && + classCache( className, function( elem ) { + return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== "undefined" && elem.getAttribute("class") || "" ); + }); + }, + + "ATTR": function( name, operator, check ) { + return function( elem ) { + var result = Sizzle.attr( elem, name ); + + if ( result == null ) { + return operator === "!="; + } + if ( !operator ) { + return true; + } + + result += ""; + + return operator === "=" ? result === check : + operator === "!=" ? result !== check : + operator === "^=" ? check && result.indexOf( check ) === 0 : + operator === "*=" ? check && result.indexOf( check ) > -1 : + operator === "$=" ? check && result.slice( -check.length ) === check : + operator === "~=" ? ( " " + result.replace( rwhitespace, " " ) + " " ).indexOf( check ) > -1 : + operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" : + false; + }; + }, + + "CHILD": function( type, what, argument, first, last ) { + var simple = type.slice( 0, 3 ) !== "nth", + forward = type.slice( -4 ) !== "last", + ofType = what === "of-type"; + + return first === 1 && last === 0 ? + + // Shortcut for :nth-*(n) + function( elem ) { + return !!elem.parentNode; + } : + + function( elem, context, xml ) { + var cache, outerCache, node, diff, nodeIndex, start, + dir = simple !== forward ? "nextSibling" : "previousSibling", + parent = elem.parentNode, + name = ofType && elem.nodeName.toLowerCase(), + useCache = !xml && !ofType; + + if ( parent ) { + + // :(first|last|only)-(child|of-type) + if ( simple ) { + while ( dir ) { + node = elem; + while ( (node = node[ dir ]) ) { + if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) { + return false; + } + } + // Reverse direction for :only-* (if we haven't yet done so) + start = dir = type === "only" && !start && "nextSibling"; + } + return true; + } + + start = [ forward ? parent.firstChild : parent.lastChild ]; + + // non-xml :nth-child(...) stores cache data on `parent` + if ( forward && useCache ) { + // Seek `elem` from a previously-cached index + outerCache = parent[ expando ] || (parent[ expando ] = {}); + cache = outerCache[ type ] || []; + nodeIndex = cache[0] === dirruns && cache[1]; + diff = cache[0] === dirruns && cache[2]; + node = nodeIndex && parent.childNodes[ nodeIndex ]; + + while ( (node = ++nodeIndex && node && node[ dir ] || + + // Fallback to seeking `elem` from the start + (diff = nodeIndex = 0) || start.pop()) ) { + + // When found, cache indexes on `parent` and break + if ( node.nodeType === 1 && ++diff && node === elem ) { + outerCache[ type ] = [ dirruns, nodeIndex, diff ]; + break; + } + } + + // Use previously-cached element index if available + } else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) { + diff = cache[1]; + + // xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...) + } else { + // Use the same loop as above to seek `elem` from the start + while ( (node = ++nodeIndex && node && node[ dir ] || + (diff = nodeIndex = 0) || start.pop()) ) { + + if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) { + // Cache the index of each encountered element + if ( useCache ) { + (node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ]; + } + + if ( node === elem ) { + break; + } + } + } + } + + // Incorporate the offset, then check against cycle size + diff -= last; + return diff === first || ( diff % first === 0 && diff / first >= 0 ); + } + }; + }, + + "PSEUDO": function( pseudo, argument ) { + // pseudo-class names are case-insensitive + // http://www.w3.org/TR/selectors/#pseudo-classes + // Prioritize by case sensitivity in case custom pseudos are added with uppercase letters + // Remember that setFilters inherits from pseudos + var args, + fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] || + Sizzle.error( "unsupported pseudo: " + pseudo ); + + // The user may use createPseudo to indicate that + // arguments are needed to create the filter function + // just as Sizzle does + if ( fn[ expando ] ) { + return fn( argument ); + } + + // But maintain support for old signatures + if ( fn.length > 1 ) { + args = [ pseudo, pseudo, "", argument ]; + return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ? + markFunction(function( seed, matches ) { + var idx, + matched = fn( seed, argument ), + i = matched.length; + while ( i-- ) { + idx = indexOf( seed, matched[i] ); + seed[ idx ] = !( matches[ idx ] = matched[i] ); + } + }) : + function( elem ) { + return fn( elem, 0, args ); + }; + } + + return fn; + } + }, + + pseudos: { + // Potentially complex pseudos + "not": markFunction(function( selector ) { + // Trim the selector passed to compile + // to avoid treating leading and trailing + // spaces as combinators + var input = [], + results = [], + matcher = compile( selector.replace( rtrim, "$1" ) ); + + return matcher[ expando ] ? + markFunction(function( seed, matches, context, xml ) { + var elem, + unmatched = matcher( seed, null, xml, [] ), + i = seed.length; + + // Match elements unmatched by `matcher` + while ( i-- ) { + if ( (elem = unmatched[i]) ) { + seed[i] = !(matches[i] = elem); + } + } + }) : + function( elem, context, xml ) { + input[0] = elem; + matcher( input, null, xml, results ); + // Don't keep the element (issue #299) + input[0] = null; + return !results.pop(); + }; + }), + + "has": markFunction(function( selector ) { + return function( elem ) { + return Sizzle( selector, elem ).length > 0; + }; + }), + + "contains": markFunction(function( text ) { + text = text.replace( runescape, funescape ); + return function( elem ) { + return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1; + }; + }), + + // "Whether an element is represented by a :lang() selector + // is based solely on the element's language value + // being equal to the identifier C, + // or beginning with the identifier C immediately followed by "-". + // The matching of C against the element's language value is performed case-insensitively. + // The identifier C does not have to be a valid language name." + // http://www.w3.org/TR/selectors/#lang-pseudo + "lang": markFunction( function( lang ) { + // lang value must be a valid identifier + if ( !ridentifier.test(lang || "") ) { + Sizzle.error( "unsupported lang: " + lang ); + } + lang = lang.replace( runescape, funescape ).toLowerCase(); + return function( elem ) { + var elemLang; + do { + if ( (elemLang = documentIsHTML ? + elem.lang : + elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) { + + elemLang = elemLang.toLowerCase(); + return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0; + } + } while ( (elem = elem.parentNode) && elem.nodeType === 1 ); + return false; + }; + }), + + // Miscellaneous + "target": function( elem ) { + var hash = window.location && window.location.hash; + return hash && hash.slice( 1 ) === elem.id; + }, + + "root": function( elem ) { + return elem === docElem; + }, + + "focus": function( elem ) { + return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex); + }, + + // Boolean properties + "enabled": function( elem ) { + return elem.disabled === false; + }, + + "disabled": function( elem ) { + return elem.disabled === true; + }, + + "checked": function( elem ) { + // In CSS3, :checked should return both checked and selected elements + // http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked + var nodeName = elem.nodeName.toLowerCase(); + return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected); + }, + + "selected": function( elem ) { + // Accessing this property makes selected-by-default + // options in Safari work properly + if ( elem.parentNode ) { + elem.parentNode.selectedIndex; + } + + return elem.selected === true; + }, + + // Contents + "empty": function( elem ) { + // http://www.w3.org/TR/selectors/#empty-pseudo + // :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5), + // but not by others (comment: 8; processing instruction: 7; etc.) + // nodeType < 6 works because attributes (2) do not appear as children + for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) { + if ( elem.nodeType < 6 ) { + return false; + } + } + return true; + }, + + "parent": function( elem ) { + return !Expr.pseudos["empty"]( elem ); + }, + + // Element/input types + "header": function( elem ) { + return rheader.test( elem.nodeName ); + }, + + "input": function( elem ) { + return rinputs.test( elem.nodeName ); + }, + + "button": function( elem ) { + var name = elem.nodeName.toLowerCase(); + return name === "input" && elem.type === "button" || name === "button"; + }, + + "text": function( elem ) { + var attr; + return elem.nodeName.toLowerCase() === "input" && + elem.type === "text" && + + // Support: IE<8 + // New HTML5 attribute values (e.g., "search") appear with elem.type === "text" + ( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" ); + }, + + // Position-in-collection + "first": createPositionalPseudo(function() { + return [ 0 ]; + }), + + "last": createPositionalPseudo(function( matchIndexes, length ) { + return [ length - 1 ]; + }), + + "eq": createPositionalPseudo(function( matchIndexes, length, argument ) { + return [ argument < 0 ? argument + length : argument ]; + }), + + "even": createPositionalPseudo(function( matchIndexes, length ) { + var i = 0; + for ( ; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "odd": createPositionalPseudo(function( matchIndexes, length ) { + var i = 1; + for ( ; i < length; i += 2 ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "lt": createPositionalPseudo(function( matchIndexes, length, argument ) { + var i = argument < 0 ? argument + length : argument; + for ( ; --i >= 0; ) { + matchIndexes.push( i ); + } + return matchIndexes; + }), + + "gt": createPositionalPseudo(function( matchIndexes, length, argument ) { + var i = argument < 0 ? argument + length : argument; + for ( ; ++i < length; ) { + matchIndexes.push( i ); + } + return matchIndexes; + }) + } +}; + +Expr.pseudos["nth"] = Expr.pseudos["eq"]; + +// Add button/input type pseudos +for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) { + Expr.pseudos[ i ] = createInputPseudo( i ); +} +for ( i in { submit: true, reset: true } ) { + Expr.pseudos[ i ] = createButtonPseudo( i ); +} + +// Easy API for creating new setFilters +function setFilters() {} +setFilters.prototype = Expr.filters = Expr.pseudos; +Expr.setFilters = new setFilters(); + +tokenize = Sizzle.tokenize = function( selector, parseOnly ) { + var matched, match, tokens, type, + soFar, groups, preFilters, + cached = tokenCache[ selector + " " ]; + + if ( cached ) { + return parseOnly ? 0 : cached.slice( 0 ); + } + + soFar = selector; + groups = []; + preFilters = Expr.preFilter; + + while ( soFar ) { + + // Comma and first run + if ( !matched || (match = rcomma.exec( soFar )) ) { + if ( match ) { + // Don't consume trailing commas as valid + soFar = soFar.slice( match[0].length ) || soFar; + } + groups.push( (tokens = []) ); + } + + matched = false; + + // Combinators + if ( (match = rcombinators.exec( soFar )) ) { + matched = match.shift(); + tokens.push({ + value: matched, + // Cast descendant combinators to space + type: match[0].replace( rtrim, " " ) + }); + soFar = soFar.slice( matched.length ); + } + + // Filters + for ( type in Expr.filter ) { + if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] || + (match = preFilters[ type ]( match ))) ) { + matched = match.shift(); + tokens.push({ + value: matched, + type: type, + matches: match + }); + soFar = soFar.slice( matched.length ); + } + } + + if ( !matched ) { + break; + } + } + + // Return the length of the invalid excess + // if we're just parsing + // Otherwise, throw an error or return tokens + return parseOnly ? + soFar.length : + soFar ? + Sizzle.error( selector ) : + // Cache the tokens + tokenCache( selector, groups ).slice( 0 ); +}; + +function toSelector( tokens ) { + var i = 0, + len = tokens.length, + selector = ""; + for ( ; i < len; i++ ) { + selector += tokens[i].value; + } + return selector; +} + +function addCombinator( matcher, combinator, base ) { + var dir = combinator.dir, + checkNonElements = base && dir === "parentNode", + doneName = done++; + + return combinator.first ? + // Check against closest ancestor/preceding element + function( elem, context, xml ) { + while ( (elem = elem[ dir ]) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + return matcher( elem, context, xml ); + } + } + } : + + // Check against all ancestor/preceding elements + function( elem, context, xml ) { + var oldCache, outerCache, + newCache = [ dirruns, doneName ]; + + // We can't set arbitrary data on XML nodes, so they don't benefit from dir caching + if ( xml ) { + while ( (elem = elem[ dir ]) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + if ( matcher( elem, context, xml ) ) { + return true; + } + } + } + } else { + while ( (elem = elem[ dir ]) ) { + if ( elem.nodeType === 1 || checkNonElements ) { + outerCache = elem[ expando ] || (elem[ expando ] = {}); + if ( (oldCache = outerCache[ dir ]) && + oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) { + + // Assign to newCache so results back-propagate to previous elements + return (newCache[ 2 ] = oldCache[ 2 ]); + } else { + // Reuse newcache so results back-propagate to previous elements + outerCache[ dir ] = newCache; + + // A match means we're done; a fail means we have to keep checking + if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) { + return true; + } + } + } + } + } + }; +} + +function elementMatcher( matchers ) { + return matchers.length > 1 ? + function( elem, context, xml ) { + var i = matchers.length; + while ( i-- ) { + if ( !matchers[i]( elem, context, xml ) ) { + return false; + } + } + return true; + } : + matchers[0]; +} + +function multipleContexts( selector, contexts, results ) { + var i = 0, + len = contexts.length; + for ( ; i < len; i++ ) { + Sizzle( selector, contexts[i], results ); + } + return results; +} + +function condense( unmatched, map, filter, context, xml ) { + var elem, + newUnmatched = [], + i = 0, + len = unmatched.length, + mapped = map != null; + + for ( ; i < len; i++ ) { + if ( (elem = unmatched[i]) ) { + if ( !filter || filter( elem, context, xml ) ) { + newUnmatched.push( elem ); + if ( mapped ) { + map.push( i ); + } + } + } + } + + return newUnmatched; +} + +function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) { + if ( postFilter && !postFilter[ expando ] ) { + postFilter = setMatcher( postFilter ); + } + if ( postFinder && !postFinder[ expando ] ) { + postFinder = setMatcher( postFinder, postSelector ); + } + return markFunction(function( seed, results, context, xml ) { + var temp, i, elem, + preMap = [], + postMap = [], + preexisting = results.length, + + // Get initial elements from seed or context + elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ), + + // Prefilter to get matcher input, preserving a map for seed-results synchronization + matcherIn = preFilter && ( seed || !selector ) ? + condense( elems, preMap, preFilter, context, xml ) : + elems, + + matcherOut = matcher ? + // If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results, + postFinder || ( seed ? preFilter : preexisting || postFilter ) ? + + // ...intermediate processing is necessary + [] : + + // ...otherwise use results directly + results : + matcherIn; + + // Find primary matches + if ( matcher ) { + matcher( matcherIn, matcherOut, context, xml ); + } + + // Apply postFilter + if ( postFilter ) { + temp = condense( matcherOut, postMap ); + postFilter( temp, [], context, xml ); + + // Un-match failing elements by moving them back to matcherIn + i = temp.length; + while ( i-- ) { + if ( (elem = temp[i]) ) { + matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem); + } + } + } + + if ( seed ) { + if ( postFinder || preFilter ) { + if ( postFinder ) { + // Get the final matcherOut by condensing this intermediate into postFinder contexts + temp = []; + i = matcherOut.length; + while ( i-- ) { + if ( (elem = matcherOut[i]) ) { + // Restore matcherIn since elem is not yet a final match + temp.push( (matcherIn[i] = elem) ); + } + } + postFinder( null, (matcherOut = []), temp, xml ); + } + + // Move matched elements from seed to results to keep them synchronized + i = matcherOut.length; + while ( i-- ) { + if ( (elem = matcherOut[i]) && + (temp = postFinder ? indexOf( seed, elem ) : preMap[i]) > -1 ) { + + seed[temp] = !(results[temp] = elem); + } + } + } + + // Add elements to results, through postFinder if defined + } else { + matcherOut = condense( + matcherOut === results ? + matcherOut.splice( preexisting, matcherOut.length ) : + matcherOut + ); + if ( postFinder ) { + postFinder( null, results, matcherOut, xml ); + } else { + push.apply( results, matcherOut ); + } + } + }); +} + +function matcherFromTokens( tokens ) { + var checkContext, matcher, j, + len = tokens.length, + leadingRelative = Expr.relative[ tokens[0].type ], + implicitRelative = leadingRelative || Expr.relative[" "], + i = leadingRelative ? 1 : 0, + + // The foundational matcher ensures that elements are reachable from top-level context(s) + matchContext = addCombinator( function( elem ) { + return elem === checkContext; + }, implicitRelative, true ), + matchAnyContext = addCombinator( function( elem ) { + return indexOf( checkContext, elem ) > -1; + }, implicitRelative, true ), + matchers = [ function( elem, context, xml ) { + var ret = ( !leadingRelative && ( xml || context !== outermostContext ) ) || ( + (checkContext = context).nodeType ? + matchContext( elem, context, xml ) : + matchAnyContext( elem, context, xml ) ); + // Avoid hanging onto element (issue #299) + checkContext = null; + return ret; + } ]; + + for ( ; i < len; i++ ) { + if ( (matcher = Expr.relative[ tokens[i].type ]) ) { + matchers = [ addCombinator(elementMatcher( matchers ), matcher) ]; + } else { + matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches ); + + // Return special upon seeing a positional matcher + if ( matcher[ expando ] ) { + // Find the next relative operator (if any) for proper handling + j = ++i; + for ( ; j < len; j++ ) { + if ( Expr.relative[ tokens[j].type ] ) { + break; + } + } + return setMatcher( + i > 1 && elementMatcher( matchers ), + i > 1 && toSelector( + // If the preceding token was a descendant combinator, insert an implicit any-element `*` + tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" }) + ).replace( rtrim, "$1" ), + matcher, + i < j && matcherFromTokens( tokens.slice( i, j ) ), + j < len && matcherFromTokens( (tokens = tokens.slice( j )) ), + j < len && toSelector( tokens ) + ); + } + matchers.push( matcher ); + } + } + + return elementMatcher( matchers ); +} + +function matcherFromGroupMatchers( elementMatchers, setMatchers ) { + var bySet = setMatchers.length > 0, + byElement = elementMatchers.length > 0, + superMatcher = function( seed, context, xml, results, outermost ) { + var elem, j, matcher, + matchedCount = 0, + i = "0", + unmatched = seed && [], + setMatched = [], + contextBackup = outermostContext, + // We must always have either seed elements or outermost context + elems = seed || byElement && Expr.find["TAG"]( "*", outermost ), + // Use integer dirruns iff this is the outermost matcher + dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1), + len = elems.length; + + if ( outermost ) { + outermostContext = context !== document && context; + } + + // Add elements passing elementMatchers directly to results + // Keep `i` a string if there are no elements so `matchedCount` will be "00" below + // Support: IE<9, Safari + // Tolerate NodeList properties (IE: "length"; Safari: ) matching elements by id + for ( ; i !== len && (elem = elems[i]) != null; i++ ) { + if ( byElement && elem ) { + j = 0; + while ( (matcher = elementMatchers[j++]) ) { + if ( matcher( elem, context, xml ) ) { + results.push( elem ); + break; + } + } + if ( outermost ) { + dirruns = dirrunsUnique; + } + } + + // Track unmatched elements for set filters + if ( bySet ) { + // They will have gone through all possible matchers + if ( (elem = !matcher && elem) ) { + matchedCount--; + } + + // Lengthen the array for every element, matched or not + if ( seed ) { + unmatched.push( elem ); + } + } + } + + // Apply set filters to unmatched elements + matchedCount += i; + if ( bySet && i !== matchedCount ) { + j = 0; + while ( (matcher = setMatchers[j++]) ) { + matcher( unmatched, setMatched, context, xml ); + } + + if ( seed ) { + // Reintegrate element matches to eliminate the need for sorting + if ( matchedCount > 0 ) { + while ( i-- ) { + if ( !(unmatched[i] || setMatched[i]) ) { + setMatched[i] = pop.call( results ); + } + } + } + + // Discard index placeholder values to get only actual matches + setMatched = condense( setMatched ); + } + + // Add matches to results + push.apply( results, setMatched ); + + // Seedless set matches succeeding multiple successful matchers stipulate sorting + if ( outermost && !seed && setMatched.length > 0 && + ( matchedCount + setMatchers.length ) > 1 ) { + + Sizzle.uniqueSort( results ); + } + } + + // Override manipulation of globals by nested matchers + if ( outermost ) { + dirruns = dirrunsUnique; + outermostContext = contextBackup; + } + + return unmatched; + }; + + return bySet ? + markFunction( superMatcher ) : + superMatcher; +} + +compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) { + var i, + setMatchers = [], + elementMatchers = [], + cached = compilerCache[ selector + " " ]; + + if ( !cached ) { + // Generate a function of recursive functions that can be used to check each element + if ( !match ) { + match = tokenize( selector ); + } + i = match.length; + while ( i-- ) { + cached = matcherFromTokens( match[i] ); + if ( cached[ expando ] ) { + setMatchers.push( cached ); + } else { + elementMatchers.push( cached ); + } + } + + // Cache the compiled function + cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) ); + + // Save selector and tokenization + cached.selector = selector; + } + return cached; +}; + +/** + * A low-level selection function that works with Sizzle's compiled + * selector functions + * @param {String|Function} selector A selector or a pre-compiled + * selector function built with Sizzle.compile + * @param {Element} context + * @param {Array} [results] + * @param {Array} [seed] A set of elements to match against + */ +select = Sizzle.select = function( selector, context, results, seed ) { + var i, tokens, token, type, find, + compiled = typeof selector === "function" && selector, + match = !seed && tokenize( (selector = compiled.selector || selector) ); + + results = results || []; + + // Try to minimize operations if there is no seed and only one group + if ( match.length === 1 ) { + + // Take a shortcut and set the context if the root selector is an ID + tokens = match[0] = match[0].slice( 0 ); + if ( tokens.length > 2 && (token = tokens[0]).type === "ID" && + support.getById && context.nodeType === 9 && documentIsHTML && + Expr.relative[ tokens[1].type ] ) { + + context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0]; + if ( !context ) { + return results; + + // Precompiled matchers will still verify ancestry, so step up a level + } else if ( compiled ) { + context = context.parentNode; + } + + selector = selector.slice( tokens.shift().value.length ); + } + + // Fetch a seed set for right-to-left matching + i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length; + while ( i-- ) { + token = tokens[i]; + + // Abort if we hit a combinator + if ( Expr.relative[ (type = token.type) ] ) { + break; + } + if ( (find = Expr.find[ type ]) ) { + // Search, expanding context for leading sibling combinators + if ( (seed = find( + token.matches[0].replace( runescape, funescape ), + rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context + )) ) { + + // If seed is empty or no tokens remain, we can return early + tokens.splice( i, 1 ); + selector = seed.length && toSelector( tokens ); + if ( !selector ) { + push.apply( results, seed ); + return results; + } + + break; + } + } + } + } + + // Compile and execute a filtering function if one is not provided + // Provide `match` to avoid retokenization if we modified the selector above + ( compiled || compile( selector, match ) )( + seed, + context, + !documentIsHTML, + results, + rsibling.test( selector ) && testContext( context.parentNode ) || context + ); + return results; +}; + +// One-time assignments + +// Sort stability +support.sortStable = expando.split("").sort( sortOrder ).join("") === expando; + +// Support: Chrome 14-35+ +// Always assume duplicates if they aren't passed to the comparison function +support.detectDuplicates = !!hasDuplicate; + +// Initialize against the default document +setDocument(); + +// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27) +// Detached nodes confoundingly follow *each other* +support.sortDetached = assert(function( div1 ) { + // Should return 1, but returns 4 (following) + return div1.compareDocumentPosition( document.createElement("div") ) & 1; +}); + +// Support: IE<8 +// Prevent attribute/property "interpolation" +// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx +if ( !assert(function( div ) { + div.innerHTML = ""; + return div.firstChild.getAttribute("href") === "#" ; +}) ) { + addHandle( "type|href|height|width", function( elem, name, isXML ) { + if ( !isXML ) { + return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 ); + } + }); +} + +// Support: IE<9 +// Use defaultValue in place of getAttribute("value") +if ( !support.attributes || !assert(function( div ) { + div.innerHTML = ""; + div.firstChild.setAttribute( "value", "" ); + return div.firstChild.getAttribute( "value" ) === ""; +}) ) { + addHandle( "value", function( elem, name, isXML ) { + if ( !isXML && elem.nodeName.toLowerCase() === "input" ) { + return elem.defaultValue; + } + }); +} + +// Support: IE<9 +// Use getAttributeNode to fetch booleans when getAttribute lies +if ( !assert(function( div ) { + return div.getAttribute("disabled") == null; +}) ) { + addHandle( booleans, function( elem, name, isXML ) { + var val; + if ( !isXML ) { + return elem[ name ] === true ? name.toLowerCase() : + (val = elem.getAttributeNode( name )) && val.specified ? + val.value : + null; + } + }); +} + +return Sizzle; + +})( window ); + + + +jQuery.find = Sizzle; +jQuery.expr = Sizzle.selectors; +jQuery.expr[":"] = jQuery.expr.pseudos; +jQuery.unique = Sizzle.uniqueSort; +jQuery.text = Sizzle.getText; +jQuery.isXMLDoc = Sizzle.isXML; +jQuery.contains = Sizzle.contains; + + + +var rneedsContext = jQuery.expr.match.needsContext; + +var rsingleTag = (/^<(\w+)\s*\/?>(?:<\/\1>|)$/); + + + +var risSimple = /^.[^:#\[\.,]*$/; + +// Implement the identical functionality for filter and not +function winnow( elements, qualifier, not ) { + if ( jQuery.isFunction( qualifier ) ) { + return jQuery.grep( elements, function( elem, i ) { + /* jshint -W018 */ + return !!qualifier.call( elem, i, elem ) !== not; + }); + + } + + if ( qualifier.nodeType ) { + return jQuery.grep( elements, function( elem ) { + return ( elem === qualifier ) !== not; + }); + + } + + if ( typeof qualifier === "string" ) { + if ( risSimple.test( qualifier ) ) { + return jQuery.filter( qualifier, elements, not ); + } + + qualifier = jQuery.filter( qualifier, elements ); + } + + return jQuery.grep( elements, function( elem ) { + return ( indexOf.call( qualifier, elem ) >= 0 ) !== not; + }); +} + +jQuery.filter = function( expr, elems, not ) { + var elem = elems[ 0 ]; + + if ( not ) { + expr = ":not(" + expr + ")"; + } + + return elems.length === 1 && elem.nodeType === 1 ? + jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] : + jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) { + return elem.nodeType === 1; + })); +}; + +jQuery.fn.extend({ + find: function( selector ) { + var i, + len = this.length, + ret = [], + self = this; + + if ( typeof selector !== "string" ) { + return this.pushStack( jQuery( selector ).filter(function() { + for ( i = 0; i < len; i++ ) { + if ( jQuery.contains( self[ i ], this ) ) { + return true; + } + } + }) ); + } + + for ( i = 0; i < len; i++ ) { + jQuery.find( selector, self[ i ], ret ); + } + + // Needed because $( selector, context ) becomes $( context ).find( selector ) + ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret ); + ret.selector = this.selector ? this.selector + " " + selector : selector; + return ret; + }, + filter: function( selector ) { + return this.pushStack( winnow(this, selector || [], false) ); + }, + not: function( selector ) { + return this.pushStack( winnow(this, selector || [], true) ); + }, + is: function( selector ) { + return !!winnow( + this, + + // If this is a positional/relative selector, check membership in the returned set + // so $("p:first").is("p:last") won't return true for a doc with two "p". + typeof selector === "string" && rneedsContext.test( selector ) ? + jQuery( selector ) : + selector || [], + false + ).length; + } +}); + + +// Initialize a jQuery object + + +// A central reference to the root jQuery(document) +var rootjQuery, + + // A simple way to check for HTML strings + // Prioritize #id over to avoid XSS via location.hash (#9521) + // Strict HTML recognition (#11290: must start with <) + rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/, + + init = jQuery.fn.init = function( selector, context ) { + var match, elem; + + // HANDLE: $(""), $(null), $(undefined), $(false) + if ( !selector ) { + return this; + } + + // Handle HTML strings + if ( typeof selector === "string" ) { + if ( selector[0] === "<" && selector[ selector.length - 1 ] === ">" && selector.length >= 3 ) { + // Assume that strings that start and end with <> are HTML and skip the regex check + match = [ null, selector, null ]; + + } else { + match = rquickExpr.exec( selector ); + } + + // Match html or make sure no context is specified for #id + if ( match && (match[1] || !context) ) { + + // HANDLE: $(html) -> $(array) + if ( match[1] ) { + context = context instanceof jQuery ? context[0] : context; + + // Option to run scripts is true for back-compat + // Intentionally let the error be thrown if parseHTML is not present + jQuery.merge( this, jQuery.parseHTML( + match[1], + context && context.nodeType ? context.ownerDocument || context : document, + true + ) ); + + // HANDLE: $(html, props) + if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) { + for ( match in context ) { + // Properties of context are called as methods if possible + if ( jQuery.isFunction( this[ match ] ) ) { + this[ match ]( context[ match ] ); + + // ...and otherwise set as attributes + } else { + this.attr( match, context[ match ] ); + } + } + } + + return this; + + // HANDLE: $(#id) + } else { + elem = document.getElementById( match[2] ); + + // Support: Blackberry 4.6 + // gEBID returns nodes no longer in the document (#6963) + if ( elem && elem.parentNode ) { + // Inject the element directly into the jQuery object + this.length = 1; + this[0] = elem; + } + + this.context = document; + this.selector = selector; + return this; + } + + // HANDLE: $(expr, $(...)) + } else if ( !context || context.jquery ) { + return ( context || rootjQuery ).find( selector ); + + // HANDLE: $(expr, context) + // (which is just equivalent to: $(context).find(expr) + } else { + return this.constructor( context ).find( selector ); + } + + // HANDLE: $(DOMElement) + } else if ( selector.nodeType ) { + this.context = this[0] = selector; + this.length = 1; + return this; + + // HANDLE: $(function) + // Shortcut for document ready + } else if ( jQuery.isFunction( selector ) ) { + return typeof rootjQuery.ready !== "undefined" ? + rootjQuery.ready( selector ) : + // Execute immediately if ready is not present + selector( jQuery ); + } + + if ( selector.selector !== undefined ) { + this.selector = selector.selector; + this.context = selector.context; + } + + return jQuery.makeArray( selector, this ); + }; + +// Give the init function the jQuery prototype for later instantiation +init.prototype = jQuery.fn; + +// Initialize central reference +rootjQuery = jQuery( document ); + + +var rparentsprev = /^(?:parents|prev(?:Until|All))/, + // Methods guaranteed to produce a unique set when starting from a unique set + guaranteedUnique = { + children: true, + contents: true, + next: true, + prev: true + }; + +jQuery.extend({ + dir: function( elem, dir, until ) { + var matched = [], + truncate = until !== undefined; + + while ( (elem = elem[ dir ]) && elem.nodeType !== 9 ) { + if ( elem.nodeType === 1 ) { + if ( truncate && jQuery( elem ).is( until ) ) { + break; + } + matched.push( elem ); + } + } + return matched; + }, + + sibling: function( n, elem ) { + var matched = []; + + for ( ; n; n = n.nextSibling ) { + if ( n.nodeType === 1 && n !== elem ) { + matched.push( n ); + } + } + + return matched; + } +}); + +jQuery.fn.extend({ + has: function( target ) { + var targets = jQuery( target, this ), + l = targets.length; + + return this.filter(function() { + var i = 0; + for ( ; i < l; i++ ) { + if ( jQuery.contains( this, targets[i] ) ) { + return true; + } + } + }); + }, + + closest: function( selectors, context ) { + var cur, + i = 0, + l = this.length, + matched = [], + pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ? + jQuery( selectors, context || this.context ) : + 0; + + for ( ; i < l; i++ ) { + for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) { + // Always skip document fragments + if ( cur.nodeType < 11 && (pos ? + pos.index(cur) > -1 : + + // Don't pass non-elements to Sizzle + cur.nodeType === 1 && + jQuery.find.matchesSelector(cur, selectors)) ) { + + matched.push( cur ); + break; + } + } + } + + return this.pushStack( matched.length > 1 ? jQuery.unique( matched ) : matched ); + }, + + // Determine the position of an element within the set + index: function( elem ) { + + // No argument, return index in parent + if ( !elem ) { + return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1; + } + + // Index in selector + if ( typeof elem === "string" ) { + return indexOf.call( jQuery( elem ), this[ 0 ] ); + } + + // Locate the position of the desired element + return indexOf.call( this, + + // If it receives a jQuery object, the first element is used + elem.jquery ? elem[ 0 ] : elem + ); + }, + + add: function( selector, context ) { + return this.pushStack( + jQuery.unique( + jQuery.merge( this.get(), jQuery( selector, context ) ) + ) + ); + }, + + addBack: function( selector ) { + return this.add( selector == null ? + this.prevObject : this.prevObject.filter(selector) + ); + } +}); + +function sibling( cur, dir ) { + while ( (cur = cur[dir]) && cur.nodeType !== 1 ) {} + return cur; +} + +jQuery.each({ + parent: function( elem ) { + var parent = elem.parentNode; + return parent && parent.nodeType !== 11 ? parent : null; + }, + parents: function( elem ) { + return jQuery.dir( elem, "parentNode" ); + }, + parentsUntil: function( elem, i, until ) { + return jQuery.dir( elem, "parentNode", until ); + }, + next: function( elem ) { + return sibling( elem, "nextSibling" ); + }, + prev: function( elem ) { + return sibling( elem, "previousSibling" ); + }, + nextAll: function( elem ) { + return jQuery.dir( elem, "nextSibling" ); + }, + prevAll: function( elem ) { + return jQuery.dir( elem, "previousSibling" ); + }, + nextUntil: function( elem, i, until ) { + return jQuery.dir( elem, "nextSibling", until ); + }, + prevUntil: function( elem, i, until ) { + return jQuery.dir( elem, "previousSibling", until ); + }, + siblings: function( elem ) { + return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem ); + }, + children: function( elem ) { + return jQuery.sibling( elem.firstChild ); + }, + contents: function( elem ) { + return elem.contentDocument || jQuery.merge( [], elem.childNodes ); + } +}, function( name, fn ) { + jQuery.fn[ name ] = function( until, selector ) { + var matched = jQuery.map( this, fn, until ); + + if ( name.slice( -5 ) !== "Until" ) { + selector = until; + } + + if ( selector && typeof selector === "string" ) { + matched = jQuery.filter( selector, matched ); + } + + if ( this.length > 1 ) { + // Remove duplicates + if ( !guaranteedUnique[ name ] ) { + jQuery.unique( matched ); + } + + // Reverse order for parents* and prev-derivatives + if ( rparentsprev.test( name ) ) { + matched.reverse(); + } + } + + return this.pushStack( matched ); + }; +}); +var rnotwhite = (/\S+/g); + + + +// String to Object options format cache +var optionsCache = {}; + +// Convert String-formatted options into Object-formatted ones and store in cache +function createOptions( options ) { + var object = optionsCache[ options ] = {}; + jQuery.each( options.match( rnotwhite ) || [], function( _, flag ) { + object[ flag ] = true; + }); + return object; +} + +/* + * Create a callback list using the following parameters: + * + * options: an optional list of space-separated options that will change how + * the callback list behaves or a more traditional option object + * + * By default a callback list will act like an event callback list and can be + * "fired" multiple times. + * + * Possible options: + * + * once: will ensure the callback list can only be fired once (like a Deferred) + * + * memory: will keep track of previous values and will call any callback added + * after the list has been fired right away with the latest "memorized" + * values (like a Deferred) + * + * unique: will ensure a callback can only be added once (no duplicate in the list) + * + * stopOnFalse: interrupt callings when a callback returns false + * + */ +jQuery.Callbacks = function( options ) { + + // Convert options from String-formatted to Object-formatted if needed + // (we check in cache first) + options = typeof options === "string" ? + ( optionsCache[ options ] || createOptions( options ) ) : + jQuery.extend( {}, options ); + + var // Last fire value (for non-forgettable lists) + memory, + // Flag to know if list was already fired + fired, + // Flag to know if list is currently firing + firing, + // First callback to fire (used internally by add and fireWith) + firingStart, + // End of the loop when firing + firingLength, + // Index of currently firing callback (modified by remove if needed) + firingIndex, + // Actual callback list + list = [], + // Stack of fire calls for repeatable lists + stack = !options.once && [], + // Fire callbacks + fire = function( data ) { + memory = options.memory && data; + fired = true; + firingIndex = firingStart || 0; + firingStart = 0; + firingLength = list.length; + firing = true; + for ( ; list && firingIndex < firingLength; firingIndex++ ) { + if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) { + memory = false; // To prevent further calls using add + break; + } + } + firing = false; + if ( list ) { + if ( stack ) { + if ( stack.length ) { + fire( stack.shift() ); + } + } else if ( memory ) { + list = []; + } else { + self.disable(); + } + } + }, + // Actual Callbacks object + self = { + // Add a callback or a collection of callbacks to the list + add: function() { + if ( list ) { + // First, we save the current length + var start = list.length; + (function add( args ) { + jQuery.each( args, function( _, arg ) { + var type = jQuery.type( arg ); + if ( type === "function" ) { + if ( !options.unique || !self.has( arg ) ) { + list.push( arg ); + } + } else if ( arg && arg.length && type !== "string" ) { + // Inspect recursively + add( arg ); + } + }); + })( arguments ); + // Do we need to add the callbacks to the + // current firing batch? + if ( firing ) { + firingLength = list.length; + // With memory, if we're not firing then + // we should call right away + } else if ( memory ) { + firingStart = start; + fire( memory ); + } + } + return this; + }, + // Remove a callback from the list + remove: function() { + if ( list ) { + jQuery.each( arguments, function( _, arg ) { + var index; + while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) { + list.splice( index, 1 ); + // Handle firing indexes + if ( firing ) { + if ( index <= firingLength ) { + firingLength--; + } + if ( index <= firingIndex ) { + firingIndex--; + } + } + } + }); + } + return this; + }, + // Check if a given callback is in the list. + // If no argument is given, return whether or not list has callbacks attached. + has: function( fn ) { + return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length ); + }, + // Remove all callbacks from the list + empty: function() { + list = []; + firingLength = 0; + return this; + }, + // Have the list do nothing anymore + disable: function() { + list = stack = memory = undefined; + return this; + }, + // Is it disabled? + disabled: function() { + return !list; + }, + // Lock the list in its current state + lock: function() { + stack = undefined; + if ( !memory ) { + self.disable(); + } + return this; + }, + // Is it locked? + locked: function() { + return !stack; + }, + // Call all callbacks with the given context and arguments + fireWith: function( context, args ) { + if ( list && ( !fired || stack ) ) { + args = args || []; + args = [ context, args.slice ? args.slice() : args ]; + if ( firing ) { + stack.push( args ); + } else { + fire( args ); + } + } + return this; + }, + // Call all the callbacks with the given arguments + fire: function() { + self.fireWith( this, arguments ); + return this; + }, + // To know if the callbacks have already been called at least once + fired: function() { + return !!fired; + } + }; + + return self; +}; + + +jQuery.extend({ + + Deferred: function( func ) { + var tuples = [ + // action, add listener, listener list, final state + [ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ], + [ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ], + [ "notify", "progress", jQuery.Callbacks("memory") ] + ], + state = "pending", + promise = { + state: function() { + return state; + }, + always: function() { + deferred.done( arguments ).fail( arguments ); + return this; + }, + then: function( /* fnDone, fnFail, fnProgress */ ) { + var fns = arguments; + return jQuery.Deferred(function( newDefer ) { + jQuery.each( tuples, function( i, tuple ) { + var fn = jQuery.isFunction( fns[ i ] ) && fns[ i ]; + // deferred[ done | fail | progress ] for forwarding actions to newDefer + deferred[ tuple[1] ](function() { + var returned = fn && fn.apply( this, arguments ); + if ( returned && jQuery.isFunction( returned.promise ) ) { + returned.promise() + .done( newDefer.resolve ) + .fail( newDefer.reject ) + .progress( newDefer.notify ); + } else { + newDefer[ tuple[ 0 ] + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments ); + } + }); + }); + fns = null; + }).promise(); + }, + // Get a promise for this deferred + // If obj is provided, the promise aspect is added to the object + promise: function( obj ) { + return obj != null ? jQuery.extend( obj, promise ) : promise; + } + }, + deferred = {}; + + // Keep pipe for back-compat + promise.pipe = promise.then; + + // Add list-specific methods + jQuery.each( tuples, function( i, tuple ) { + var list = tuple[ 2 ], + stateString = tuple[ 3 ]; + + // promise[ done | fail | progress ] = list.add + promise[ tuple[1] ] = list.add; + + // Handle state + if ( stateString ) { + list.add(function() { + // state = [ resolved | rejected ] + state = stateString; + + // [ reject_list | resolve_list ].disable; progress_list.lock + }, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock ); + } + + // deferred[ resolve | reject | notify ] + deferred[ tuple[0] ] = function() { + deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments ); + return this; + }; + deferred[ tuple[0] + "With" ] = list.fireWith; + }); + + // Make the deferred a promise + promise.promise( deferred ); + + // Call given func if any + if ( func ) { + func.call( deferred, deferred ); + } + + // All done! + return deferred; + }, + + // Deferred helper + when: function( subordinate /* , ..., subordinateN */ ) { + var i = 0, + resolveValues = slice.call( arguments ), + length = resolveValues.length, + + // the count of uncompleted subordinates + remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0, + + // the master Deferred. If resolveValues consist of only a single Deferred, just use that. + deferred = remaining === 1 ? subordinate : jQuery.Deferred(), + + // Update function for both resolve and progress values + updateFunc = function( i, contexts, values ) { + return function( value ) { + contexts[ i ] = this; + values[ i ] = arguments.length > 1 ? slice.call( arguments ) : value; + if ( values === progressValues ) { + deferred.notifyWith( contexts, values ); + } else if ( !( --remaining ) ) { + deferred.resolveWith( contexts, values ); + } + }; + }, + + progressValues, progressContexts, resolveContexts; + + // Add listeners to Deferred subordinates; treat others as resolved + if ( length > 1 ) { + progressValues = new Array( length ); + progressContexts = new Array( length ); + resolveContexts = new Array( length ); + for ( ; i < length; i++ ) { + if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) { + resolveValues[ i ].promise() + .done( updateFunc( i, resolveContexts, resolveValues ) ) + .fail( deferred.reject ) + .progress( updateFunc( i, progressContexts, progressValues ) ); + } else { + --remaining; + } + } + } + + // If we're not waiting on anything, resolve the master + if ( !remaining ) { + deferred.resolveWith( resolveContexts, resolveValues ); + } + + return deferred.promise(); + } +}); + + +// The deferred used on DOM ready +var readyList; + +jQuery.fn.ready = function( fn ) { + // Add the callback + jQuery.ready.promise().done( fn ); + + return this; +}; + +jQuery.extend({ + // Is the DOM ready to be used? Set to true once it occurs. + isReady: false, + + // A counter to track how many items to wait for before + // the ready event fires. See #6781 + readyWait: 1, + + // Hold (or release) the ready event + holdReady: function( hold ) { + if ( hold ) { + jQuery.readyWait++; + } else { + jQuery.ready( true ); + } + }, + + // Handle when the DOM is ready + ready: function( wait ) { + + // Abort if there are pending holds or we're already ready + if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) { + return; + } + + // Remember that the DOM is ready + jQuery.isReady = true; + + // If a normal DOM Ready event fired, decrement, and wait if need be + if ( wait !== true && --jQuery.readyWait > 0 ) { + return; + } + + // If there are functions bound, to execute + readyList.resolveWith( document, [ jQuery ] ); + + // Trigger any bound ready events + if ( jQuery.fn.triggerHandler ) { + jQuery( document ).triggerHandler( "ready" ); + jQuery( document ).off( "ready" ); + } + } +}); + +/** + * The ready event handler and self cleanup method + */ +function completed() { + document.removeEventListener( "DOMContentLoaded", completed, false ); + window.removeEventListener( "load", completed, false ); + jQuery.ready(); +} + +jQuery.ready.promise = function( obj ) { + if ( !readyList ) { + + readyList = jQuery.Deferred(); + + // Catch cases where $(document).ready() is called after the browser event has already occurred. + // We once tried to use readyState "interactive" here, but it caused issues like the one + // discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15 + if ( document.readyState === "complete" ) { + // Handle it asynchronously to allow scripts the opportunity to delay ready + setTimeout( jQuery.ready ); + + } else { + + // Use the handy event callback + document.addEventListener( "DOMContentLoaded", completed, false ); + + // A fallback to window.onload, that will always work + window.addEventListener( "load", completed, false ); + } + } + return readyList.promise( obj ); +}; + +// Kick off the DOM ready check even if the user does not +jQuery.ready.promise(); + + + + +// Multifunctional method to get and set values of a collection +// The value/s can optionally be executed if it's a function +var access = jQuery.access = function( elems, fn, key, value, chainable, emptyGet, raw ) { + var i = 0, + len = elems.length, + bulk = key == null; + + // Sets many values + if ( jQuery.type( key ) === "object" ) { + chainable = true; + for ( i in key ) { + jQuery.access( elems, fn, i, key[i], true, emptyGet, raw ); + } + + // Sets one value + } else if ( value !== undefined ) { + chainable = true; + + if ( !jQuery.isFunction( value ) ) { + raw = true; + } + + if ( bulk ) { + // Bulk operations run against the entire set + if ( raw ) { + fn.call( elems, value ); + fn = null; + + // ...except when executing function values + } else { + bulk = fn; + fn = function( elem, key, value ) { + return bulk.call( jQuery( elem ), value ); + }; + } + } + + if ( fn ) { + for ( ; i < len; i++ ) { + fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) ); + } + } + } + + return chainable ? + elems : + + // Gets + bulk ? + fn.call( elems ) : + len ? fn( elems[0], key ) : emptyGet; +}; + + +/** + * Determines whether an object can have data + */ +jQuery.acceptData = function( owner ) { + // Accepts only: + // - Node + // - Node.ELEMENT_NODE + // - Node.DOCUMENT_NODE + // - Object + // - Any + /* jshint -W018 */ + return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType ); +}; + + +function Data() { + // Support: Android<4, + // Old WebKit does not have Object.preventExtensions/freeze method, + // return new empty object instead with no [[set]] accessor + Object.defineProperty( this.cache = {}, 0, { + get: function() { + return {}; + } + }); + + this.expando = jQuery.expando + Data.uid++; +} + +Data.uid = 1; +Data.accepts = jQuery.acceptData; + +Data.prototype = { + key: function( owner ) { + // We can accept data for non-element nodes in modern browsers, + // but we should not, see #8335. + // Always return the key for a frozen object. + if ( !Data.accepts( owner ) ) { + return 0; + } + + var descriptor = {}, + // Check if the owner object already has a cache key + unlock = owner[ this.expando ]; + + // If not, create one + if ( !unlock ) { + unlock = Data.uid++; + + // Secure it in a non-enumerable, non-writable property + try { + descriptor[ this.expando ] = { value: unlock }; + Object.defineProperties( owner, descriptor ); + + // Support: Android<4 + // Fallback to a less secure definition + } catch ( e ) { + descriptor[ this.expando ] = unlock; + jQuery.extend( owner, descriptor ); + } + } + + // Ensure the cache object + if ( !this.cache[ unlock ] ) { + this.cache[ unlock ] = {}; + } + + return unlock; + }, + set: function( owner, data, value ) { + var prop, + // There may be an unlock assigned to this node, + // if there is no entry for this "owner", create one inline + // and set the unlock as though an owner entry had always existed + unlock = this.key( owner ), + cache = this.cache[ unlock ]; + + // Handle: [ owner, key, value ] args + if ( typeof data === "string" ) { + cache[ data ] = value; + + // Handle: [ owner, { properties } ] args + } else { + // Fresh assignments by object are shallow copied + if ( jQuery.isEmptyObject( cache ) ) { + jQuery.extend( this.cache[ unlock ], data ); + // Otherwise, copy the properties one-by-one to the cache object + } else { + for ( prop in data ) { + cache[ prop ] = data[ prop ]; + } + } + } + return cache; + }, + get: function( owner, key ) { + // Either a valid cache is found, or will be created. + // New caches will be created and the unlock returned, + // allowing direct access to the newly created + // empty data object. A valid owner object must be provided. + var cache = this.cache[ this.key( owner ) ]; + + return key === undefined ? + cache : cache[ key ]; + }, + access: function( owner, key, value ) { + var stored; + // In cases where either: + // + // 1. No key was specified + // 2. A string key was specified, but no value provided + // + // Take the "read" path and allow the get method to determine + // which value to return, respectively either: + // + // 1. The entire cache object + // 2. The data stored at the key + // + if ( key === undefined || + ((key && typeof key === "string") && value === undefined) ) { + + stored = this.get( owner, key ); + + return stored !== undefined ? + stored : this.get( owner, jQuery.camelCase(key) ); + } + + // [*]When the key is not a string, or both a key and value + // are specified, set or extend (existing objects) with either: + // + // 1. An object of properties + // 2. A key and value + // + this.set( owner, key, value ); + + // Since the "set" path can have two possible entry points + // return the expected data based on which path was taken[*] + return value !== undefined ? value : key; + }, + remove: function( owner, key ) { + var i, name, camel, + unlock = this.key( owner ), + cache = this.cache[ unlock ]; + + if ( key === undefined ) { + this.cache[ unlock ] = {}; + + } else { + // Support array or space separated string of keys + if ( jQuery.isArray( key ) ) { + // If "name" is an array of keys... + // When data is initially created, via ("key", "val") signature, + // keys will be converted to camelCase. + // Since there is no way to tell _how_ a key was added, remove + // both plain key and camelCase key. #12786 + // This will only penalize the array argument path. + name = key.concat( key.map( jQuery.camelCase ) ); + } else { + camel = jQuery.camelCase( key ); + // Try the string as a key before any manipulation + if ( key in cache ) { + name = [ key, camel ]; + } else { + // If a key with the spaces exists, use it. + // Otherwise, create an array by matching non-whitespace + name = camel; + name = name in cache ? + [ name ] : ( name.match( rnotwhite ) || [] ); + } + } + + i = name.length; + while ( i-- ) { + delete cache[ name[ i ] ]; + } + } + }, + hasData: function( owner ) { + return !jQuery.isEmptyObject( + this.cache[ owner[ this.expando ] ] || {} + ); + }, + discard: function( owner ) { + if ( owner[ this.expando ] ) { + delete this.cache[ owner[ this.expando ] ]; + } + } +}; +var data_priv = new Data(); + +var data_user = new Data(); + + + +// Implementation Summary +// +// 1. Enforce API surface and semantic compatibility with 1.9.x branch +// 2. Improve the module's maintainability by reducing the storage +// paths to a single mechanism. +// 3. Use the same single mechanism to support "private" and "user" data. +// 4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData) +// 5. Avoid exposing implementation details on user objects (eg. expando properties) +// 6. Provide a clear path for implementation upgrade to WeakMap in 2014 + +var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/, + rmultiDash = /([A-Z])/g; + +function dataAttr( elem, key, data ) { + var name; + + // If nothing was found internally, try to fetch any + // data from the HTML5 data-* attribute + if ( data === undefined && elem.nodeType === 1 ) { + name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase(); + data = elem.getAttribute( name ); + + if ( typeof data === "string" ) { + try { + data = data === "true" ? true : + data === "false" ? false : + data === "null" ? null : + // Only convert to a number if it doesn't change the string + +data + "" === data ? +data : + rbrace.test( data ) ? jQuery.parseJSON( data ) : + data; + } catch( e ) {} + + // Make sure we set the data so it isn't changed later + data_user.set( elem, key, data ); + } else { + data = undefined; + } + } + return data; +} + +jQuery.extend({ + hasData: function( elem ) { + return data_user.hasData( elem ) || data_priv.hasData( elem ); + }, + + data: function( elem, name, data ) { + return data_user.access( elem, name, data ); + }, + + removeData: function( elem, name ) { + data_user.remove( elem, name ); + }, + + // TODO: Now that all calls to _data and _removeData have been replaced + // with direct calls to data_priv methods, these can be deprecated. + _data: function( elem, name, data ) { + return data_priv.access( elem, name, data ); + }, + + _removeData: function( elem, name ) { + data_priv.remove( elem, name ); + } +}); + +jQuery.fn.extend({ + data: function( key, value ) { + var i, name, data, + elem = this[ 0 ], + attrs = elem && elem.attributes; + + // Gets all values + if ( key === undefined ) { + if ( this.length ) { + data = data_user.get( elem ); + + if ( elem.nodeType === 1 && !data_priv.get( elem, "hasDataAttrs" ) ) { + i = attrs.length; + while ( i-- ) { + + // Support: IE11+ + // The attrs elements can be null (#14894) + if ( attrs[ i ] ) { + name = attrs[ i ].name; + if ( name.indexOf( "data-" ) === 0 ) { + name = jQuery.camelCase( name.slice(5) ); + dataAttr( elem, name, data[ name ] ); + } + } + } + data_priv.set( elem, "hasDataAttrs", true ); + } + } + + return data; + } + + // Sets multiple values + if ( typeof key === "object" ) { + return this.each(function() { + data_user.set( this, key ); + }); + } + + return access( this, function( value ) { + var data, + camelKey = jQuery.camelCase( key ); + + // The calling jQuery object (element matches) is not empty + // (and therefore has an element appears at this[ 0 ]) and the + // `value` parameter was not undefined. An empty jQuery object + // will result in `undefined` for elem = this[ 0 ] which will + // throw an exception if an attempt to read a data cache is made. + if ( elem && value === undefined ) { + // Attempt to get data from the cache + // with the key as-is + data = data_user.get( elem, key ); + if ( data !== undefined ) { + return data; + } + + // Attempt to get data from the cache + // with the key camelized + data = data_user.get( elem, camelKey ); + if ( data !== undefined ) { + return data; + } + + // Attempt to "discover" the data in + // HTML5 custom data-* attrs + data = dataAttr( elem, camelKey, undefined ); + if ( data !== undefined ) { + return data; + } + + // We tried really hard, but the data doesn't exist. + return; + } + + // Set the data... + this.each(function() { + // First, attempt to store a copy or reference of any + // data that might've been store with a camelCased key. + var data = data_user.get( this, camelKey ); + + // For HTML5 data-* attribute interop, we have to + // store property names with dashes in a camelCase form. + // This might not apply to all properties...* + data_user.set( this, camelKey, value ); + + // *... In the case of properties that might _actually_ + // have dashes, we need to also store a copy of that + // unchanged property. + if ( key.indexOf("-") !== -1 && data !== undefined ) { + data_user.set( this, key, value ); + } + }); + }, null, value, arguments.length > 1, null, true ); + }, + + removeData: function( key ) { + return this.each(function() { + data_user.remove( this, key ); + }); + } +}); + + +jQuery.extend({ + queue: function( elem, type, data ) { + var queue; + + if ( elem ) { + type = ( type || "fx" ) + "queue"; + queue = data_priv.get( elem, type ); + + // Speed up dequeue by getting out quickly if this is just a lookup + if ( data ) { + if ( !queue || jQuery.isArray( data ) ) { + queue = data_priv.access( elem, type, jQuery.makeArray(data) ); + } else { + queue.push( data ); + } + } + return queue || []; + } + }, + + dequeue: function( elem, type ) { + type = type || "fx"; + + var queue = jQuery.queue( elem, type ), + startLength = queue.length, + fn = queue.shift(), + hooks = jQuery._queueHooks( elem, type ), + next = function() { + jQuery.dequeue( elem, type ); + }; + + // If the fx queue is dequeued, always remove the progress sentinel + if ( fn === "inprogress" ) { + fn = queue.shift(); + startLength--; + } + + if ( fn ) { + + // Add a progress sentinel to prevent the fx queue from being + // automatically dequeued + if ( type === "fx" ) { + queue.unshift( "inprogress" ); + } + + // Clear up the last queue stop function + delete hooks.stop; + fn.call( elem, next, hooks ); + } + + if ( !startLength && hooks ) { + hooks.empty.fire(); + } + }, + + // Not public - generate a queueHooks object, or return the current one + _queueHooks: function( elem, type ) { + var key = type + "queueHooks"; + return data_priv.get( elem, key ) || data_priv.access( elem, key, { + empty: jQuery.Callbacks("once memory").add(function() { + data_priv.remove( elem, [ type + "queue", key ] ); + }) + }); + } +}); + +jQuery.fn.extend({ + queue: function( type, data ) { + var setter = 2; + + if ( typeof type !== "string" ) { + data = type; + type = "fx"; + setter--; + } + + if ( arguments.length < setter ) { + return jQuery.queue( this[0], type ); + } + + return data === undefined ? + this : + this.each(function() { + var queue = jQuery.queue( this, type, data ); + + // Ensure a hooks for this queue + jQuery._queueHooks( this, type ); + + if ( type === "fx" && queue[0] !== "inprogress" ) { + jQuery.dequeue( this, type ); + } + }); + }, + dequeue: function( type ) { + return this.each(function() { + jQuery.dequeue( this, type ); + }); + }, + clearQueue: function( type ) { + return this.queue( type || "fx", [] ); + }, + // Get a promise resolved when queues of a certain type + // are emptied (fx is the type by default) + promise: function( type, obj ) { + var tmp, + count = 1, + defer = jQuery.Deferred(), + elements = this, + i = this.length, + resolve = function() { + if ( !( --count ) ) { + defer.resolveWith( elements, [ elements ] ); + } + }; + + if ( typeof type !== "string" ) { + obj = type; + type = undefined; + } + type = type || "fx"; + + while ( i-- ) { + tmp = data_priv.get( elements[ i ], type + "queueHooks" ); + if ( tmp && tmp.empty ) { + count++; + tmp.empty.add( resolve ); + } + } + resolve(); + return defer.promise( obj ); + } +}); +var pnum = (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source; + +var cssExpand = [ "Top", "Right", "Bottom", "Left" ]; + +var isHidden = function( elem, el ) { + // isHidden might be called from jQuery#filter function; + // in that case, element will be second argument + elem = el || elem; + return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem ); + }; + +var rcheckableType = (/^(?:checkbox|radio)$/i); + + + +(function() { + var fragment = document.createDocumentFragment(), + div = fragment.appendChild( document.createElement( "div" ) ), + input = document.createElement( "input" ); + + // Support: Safari<=5.1 + // Check state lost if the name is set (#11217) + // Support: Windows Web Apps (WWA) + // `name` and `type` must use .setAttribute for WWA (#14901) + input.setAttribute( "type", "radio" ); + input.setAttribute( "checked", "checked" ); + input.setAttribute( "name", "t" ); + + div.appendChild( input ); + + // Support: Safari<=5.1, Android<4.2 + // Older WebKit doesn't clone checked state correctly in fragments + support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked; + + // Support: IE<=11+ + // Make sure textarea (and checkbox) defaultValue is properly cloned + div.innerHTML = ""; + support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue; +})(); +var strundefined = typeof undefined; + + + +support.focusinBubbles = "onfocusin" in window; + + +var + rkeyEvent = /^key/, + rmouseEvent = /^(?:mouse|pointer|contextmenu)|click/, + rfocusMorph = /^(?:focusinfocus|focusoutblur)$/, + rtypenamespace = /^([^.]*)(?:\.(.+)|)$/; + +function returnTrue() { + return true; +} + +function returnFalse() { + return false; +} + +function safeActiveElement() { + try { + return document.activeElement; + } catch ( err ) { } +} + +/* + * Helper functions for managing events -- not part of the public interface. + * Props to Dean Edwards' addEvent library for many of the ideas. + */ +jQuery.event = { + + global: {}, + + add: function( elem, types, handler, data, selector ) { + + var handleObjIn, eventHandle, tmp, + events, t, handleObj, + special, handlers, type, namespaces, origType, + elemData = data_priv.get( elem ); + + // Don't attach events to noData or text/comment nodes (but allow plain objects) + if ( !elemData ) { + return; + } + + // Caller can pass in an object of custom data in lieu of the handler + if ( handler.handler ) { + handleObjIn = handler; + handler = handleObjIn.handler; + selector = handleObjIn.selector; + } + + // Make sure that the handler has a unique ID, used to find/remove it later + if ( !handler.guid ) { + handler.guid = jQuery.guid++; + } + + // Init the element's event structure and main handler, if this is the first + if ( !(events = elemData.events) ) { + events = elemData.events = {}; + } + if ( !(eventHandle = elemData.handle) ) { + eventHandle = elemData.handle = function( e ) { + // Discard the second event of a jQuery.event.trigger() and + // when an event is called after a page has unloaded + return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type ? + jQuery.event.dispatch.apply( elem, arguments ) : undefined; + }; + } + + // Handle multiple events separated by a space + types = ( types || "" ).match( rnotwhite ) || [ "" ]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[t] ) || []; + type = origType = tmp[1]; + namespaces = ( tmp[2] || "" ).split( "." ).sort(); + + // There *must* be a type, no attaching namespace-only handlers + if ( !type ) { + continue; + } + + // If event changes its type, use the special event handlers for the changed type + special = jQuery.event.special[ type ] || {}; + + // If selector defined, determine special event api type, otherwise given type + type = ( selector ? special.delegateType : special.bindType ) || type; + + // Update special based on newly reset type + special = jQuery.event.special[ type ] || {}; + + // handleObj is passed to all event handlers + handleObj = jQuery.extend({ + type: type, + origType: origType, + data: data, + handler: handler, + guid: handler.guid, + selector: selector, + needsContext: selector && jQuery.expr.match.needsContext.test( selector ), + namespace: namespaces.join(".") + }, handleObjIn ); + + // Init the event handler queue if we're the first + if ( !(handlers = events[ type ]) ) { + handlers = events[ type ] = []; + handlers.delegateCount = 0; + + // Only use addEventListener if the special events handler returns false + if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) { + if ( elem.addEventListener ) { + elem.addEventListener( type, eventHandle, false ); + } + } + } + + if ( special.add ) { + special.add.call( elem, handleObj ); + + if ( !handleObj.handler.guid ) { + handleObj.handler.guid = handler.guid; + } + } + + // Add to the element's handler list, delegates in front + if ( selector ) { + handlers.splice( handlers.delegateCount++, 0, handleObj ); + } else { + handlers.push( handleObj ); + } + + // Keep track of which events have ever been used, for event optimization + jQuery.event.global[ type ] = true; + } + + }, + + // Detach an event or set of events from an element + remove: function( elem, types, handler, selector, mappedTypes ) { + + var j, origCount, tmp, + events, t, handleObj, + special, handlers, type, namespaces, origType, + elemData = data_priv.hasData( elem ) && data_priv.get( elem ); + + if ( !elemData || !(events = elemData.events) ) { + return; + } + + // Once for each type.namespace in types; type may be omitted + types = ( types || "" ).match( rnotwhite ) || [ "" ]; + t = types.length; + while ( t-- ) { + tmp = rtypenamespace.exec( types[t] ) || []; + type = origType = tmp[1]; + namespaces = ( tmp[2] || "" ).split( "." ).sort(); + + // Unbind all events (on this namespace, if provided) for the element + if ( !type ) { + for ( type in events ) { + jQuery.event.remove( elem, type + types[ t ], handler, selector, true ); + } + continue; + } + + special = jQuery.event.special[ type ] || {}; + type = ( selector ? special.delegateType : special.bindType ) || type; + handlers = events[ type ] || []; + tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ); + + // Remove matching events + origCount = j = handlers.length; + while ( j-- ) { + handleObj = handlers[ j ]; + + if ( ( mappedTypes || origType === handleObj.origType ) && + ( !handler || handler.guid === handleObj.guid ) && + ( !tmp || tmp.test( handleObj.namespace ) ) && + ( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) { + handlers.splice( j, 1 ); + + if ( handleObj.selector ) { + handlers.delegateCount--; + } + if ( special.remove ) { + special.remove.call( elem, handleObj ); + } + } + } + + // Remove generic event handler if we removed something and no more handlers exist + // (avoids potential for endless recursion during removal of special event handlers) + if ( origCount && !handlers.length ) { + if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) { + jQuery.removeEvent( elem, type, elemData.handle ); + } + + delete events[ type ]; + } + } + + // Remove the expando if it's no longer used + if ( jQuery.isEmptyObject( events ) ) { + delete elemData.handle; + data_priv.remove( elem, "events" ); + } + }, + + trigger: function( event, data, elem, onlyHandlers ) { + + var i, cur, tmp, bubbleType, ontype, handle, special, + eventPath = [ elem || document ], + type = hasOwn.call( event, "type" ) ? event.type : event, + namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : []; + + cur = tmp = elem = elem || document; + + // Don't do events on text and comment nodes + if ( elem.nodeType === 3 || elem.nodeType === 8 ) { + return; + } + + // focus/blur morphs to focusin/out; ensure we're not firing them right now + if ( rfocusMorph.test( type + jQuery.event.triggered ) ) { + return; + } + + if ( type.indexOf(".") >= 0 ) { + // Namespaced trigger; create a regexp to match event type in handle() + namespaces = type.split("."); + type = namespaces.shift(); + namespaces.sort(); + } + ontype = type.indexOf(":") < 0 && "on" + type; + + // Caller can pass in a jQuery.Event object, Object, or just an event type string + event = event[ jQuery.expando ] ? + event : + new jQuery.Event( type, typeof event === "object" && event ); + + // Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true) + event.isTrigger = onlyHandlers ? 2 : 3; + event.namespace = namespaces.join("."); + event.namespace_re = event.namespace ? + new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) : + null; + + // Clean up the event in case it is being reused + event.result = undefined; + if ( !event.target ) { + event.target = elem; + } + + // Clone any incoming data and prepend the event, creating the handler arg list + data = data == null ? + [ event ] : + jQuery.makeArray( data, [ event ] ); + + // Allow special events to draw outside the lines + special = jQuery.event.special[ type ] || {}; + if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) { + return; + } + + // Determine event propagation path in advance, per W3C events spec (#9951) + // Bubble up to document, then to window; watch for a global ownerDocument var (#9724) + if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) { + + bubbleType = special.delegateType || type; + if ( !rfocusMorph.test( bubbleType + type ) ) { + cur = cur.parentNode; + } + for ( ; cur; cur = cur.parentNode ) { + eventPath.push( cur ); + tmp = cur; + } + + // Only add window if we got to document (e.g., not plain obj or detached DOM) + if ( tmp === (elem.ownerDocument || document) ) { + eventPath.push( tmp.defaultView || tmp.parentWindow || window ); + } + } + + // Fire handlers on the event path + i = 0; + while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) { + + event.type = i > 1 ? + bubbleType : + special.bindType || type; + + // jQuery handler + handle = ( data_priv.get( cur, "events" ) || {} )[ event.type ] && data_priv.get( cur, "handle" ); + if ( handle ) { + handle.apply( cur, data ); + } + + // Native handler + handle = ontype && cur[ ontype ]; + if ( handle && handle.apply && jQuery.acceptData( cur ) ) { + event.result = handle.apply( cur, data ); + if ( event.result === false ) { + event.preventDefault(); + } + } + } + event.type = type; + + // If nobody prevented the default action, do it now + if ( !onlyHandlers && !event.isDefaultPrevented() ) { + + if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) && + jQuery.acceptData( elem ) ) { + + // Call a native DOM method on the target with the same name name as the event. + // Don't do default actions on window, that's where global variables be (#6170) + if ( ontype && jQuery.isFunction( elem[ type ] ) && !jQuery.isWindow( elem ) ) { + + // Don't re-trigger an onFOO event when we call its FOO() method + tmp = elem[ ontype ]; + + if ( tmp ) { + elem[ ontype ] = null; + } + + // Prevent re-triggering of the same event, since we already bubbled it above + jQuery.event.triggered = type; + elem[ type ](); + jQuery.event.triggered = undefined; + + if ( tmp ) { + elem[ ontype ] = tmp; + } + } + } + } + + return event.result; + }, + + dispatch: function( event ) { + + // Make a writable jQuery.Event from the native event object + event = jQuery.event.fix( event ); + + var i, j, ret, matched, handleObj, + handlerQueue = [], + args = slice.call( arguments ), + handlers = ( data_priv.get( this, "events" ) || {} )[ event.type ] || [], + special = jQuery.event.special[ event.type ] || {}; + + // Use the fix-ed jQuery.Event rather than the (read-only) native event + args[0] = event; + event.delegateTarget = this; + + // Call the preDispatch hook for the mapped type, and let it bail if desired + if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) { + return; + } + + // Determine handlers + handlerQueue = jQuery.event.handlers.call( this, event, handlers ); + + // Run delegates first; they may want to stop propagation beneath us + i = 0; + while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) { + event.currentTarget = matched.elem; + + j = 0; + while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) { + + // Triggered event must either 1) have no namespace, or 2) have namespace(s) + // a subset or equal to those in the bound event (both can have no namespace). + if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) { + + event.handleObj = handleObj; + event.data = handleObj.data; + + ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler ) + .apply( matched.elem, args ); + + if ( ret !== undefined ) { + if ( (event.result = ret) === false ) { + event.preventDefault(); + event.stopPropagation(); + } + } + } + } + } + + // Call the postDispatch hook for the mapped type + if ( special.postDispatch ) { + special.postDispatch.call( this, event ); + } + + return event.result; + }, + + handlers: function( event, handlers ) { + var i, matches, sel, handleObj, + handlerQueue = [], + delegateCount = handlers.delegateCount, + cur = event.target; + + // Find delegate handlers + // Black-hole SVG instance trees (#13180) + // Avoid non-left-click bubbling in Firefox (#3861) + if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) { + + for ( ; cur !== this; cur = cur.parentNode || this ) { + + // Don't process clicks on disabled elements (#6911, #8165, #11382, #11764) + if ( cur.disabled !== true || event.type !== "click" ) { + matches = []; + for ( i = 0; i < delegateCount; i++ ) { + handleObj = handlers[ i ]; + + // Don't conflict with Object.prototype properties (#13203) + sel = handleObj.selector + " "; + + if ( matches[ sel ] === undefined ) { + matches[ sel ] = handleObj.needsContext ? + jQuery( sel, this ).index( cur ) >= 0 : + jQuery.find( sel, this, null, [ cur ] ).length; + } + if ( matches[ sel ] ) { + matches.push( handleObj ); + } + } + if ( matches.length ) { + handlerQueue.push({ elem: cur, handlers: matches }); + } + } + } + } + + // Add the remaining (directly-bound) handlers + if ( delegateCount < handlers.length ) { + handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) }); + } + + return handlerQueue; + }, + + // Includes some event props shared by KeyEvent and MouseEvent + props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "), + + fixHooks: {}, + + keyHooks: { + props: "char charCode key keyCode".split(" "), + filter: function( event, original ) { + + // Add which for key events + if ( event.which == null ) { + event.which = original.charCode != null ? original.charCode : original.keyCode; + } + + return event; + } + }, + + mouseHooks: { + props: "button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "), + filter: function( event, original ) { + var eventDoc, doc, body, + button = original.button; + + // Calculate pageX/Y if missing and clientX/Y available + if ( event.pageX == null && original.clientX != null ) { + eventDoc = event.target.ownerDocument || document; + doc = eventDoc.documentElement; + body = eventDoc.body; + + event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 ); + event.pageY = original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 ); + } + + // Add which for click: 1 === left; 2 === middle; 3 === right + // Note: button is not normalized, so don't use it + if ( !event.which && button !== undefined ) { + event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) ); + } + + return event; + } + }, + + fix: function( event ) { + if ( event[ jQuery.expando ] ) { + return event; + } + + // Create a writable copy of the event object and normalize some properties + var i, prop, copy, + type = event.type, + originalEvent = event, + fixHook = this.fixHooks[ type ]; + + if ( !fixHook ) { + this.fixHooks[ type ] = fixHook = + rmouseEvent.test( type ) ? this.mouseHooks : + rkeyEvent.test( type ) ? this.keyHooks : + {}; + } + copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props; + + event = new jQuery.Event( originalEvent ); + + i = copy.length; + while ( i-- ) { + prop = copy[ i ]; + event[ prop ] = originalEvent[ prop ]; + } + + // Support: Cordova 2.5 (WebKit) (#13255) + // All events should have a target; Cordova deviceready doesn't + if ( !event.target ) { + event.target = document; + } + + // Support: Safari 6.0+, Chrome<28 + // Target should not be a text node (#504, #13143) + if ( event.target.nodeType === 3 ) { + event.target = event.target.parentNode; + } + + return fixHook.filter ? fixHook.filter( event, originalEvent ) : event; + }, + + special: { + load: { + // Prevent triggered image.load events from bubbling to window.load + noBubble: true + }, + focus: { + // Fire native event if possible so blur/focus sequence is correct + trigger: function() { + if ( this !== safeActiveElement() && this.focus ) { + this.focus(); + return false; + } + }, + delegateType: "focusin" + }, + blur: { + trigger: function() { + if ( this === safeActiveElement() && this.blur ) { + this.blur(); + return false; + } + }, + delegateType: "focusout" + }, + click: { + // For checkbox, fire native event so checked state will be right + trigger: function() { + if ( this.type === "checkbox" && this.click && jQuery.nodeName( this, "input" ) ) { + this.click(); + return false; + } + }, + + // For cross-browser consistency, don't fire native .click() on links + _default: function( event ) { + return jQuery.nodeName( event.target, "a" ); + } + }, + + beforeunload: { + postDispatch: function( event ) { + + // Support: Firefox 20+ + // Firefox doesn't alert if the returnValue field is not set. + if ( event.result !== undefined && event.originalEvent ) { + event.originalEvent.returnValue = event.result; + } + } + } + }, + + simulate: function( type, elem, event, bubble ) { + // Piggyback on a donor event to simulate a different one. + // Fake originalEvent to avoid donor's stopPropagation, but if the + // simulated event prevents default then we do the same on the donor. + var e = jQuery.extend( + new jQuery.Event(), + event, + { + type: type, + isSimulated: true, + originalEvent: {} + } + ); + if ( bubble ) { + jQuery.event.trigger( e, null, elem ); + } else { + jQuery.event.dispatch.call( elem, e ); + } + if ( e.isDefaultPrevented() ) { + event.preventDefault(); + } + } +}; + +jQuery.removeEvent = function( elem, type, handle ) { + if ( elem.removeEventListener ) { + elem.removeEventListener( type, handle, false ); + } +}; + +jQuery.Event = function( src, props ) { + // Allow instantiation without the 'new' keyword + if ( !(this instanceof jQuery.Event) ) { + return new jQuery.Event( src, props ); + } + + // Event object + if ( src && src.type ) { + this.originalEvent = src; + this.type = src.type; + + // Events bubbling up the document may have been marked as prevented + // by a handler lower down the tree; reflect the correct value. + this.isDefaultPrevented = src.defaultPrevented || + src.defaultPrevented === undefined && + // Support: Android<4.0 + src.returnValue === false ? + returnTrue : + returnFalse; + + // Event type + } else { + this.type = src; + } + + // Put explicitly provided properties onto the event object + if ( props ) { + jQuery.extend( this, props ); + } + + // Create a timestamp if incoming event doesn't have one + this.timeStamp = src && src.timeStamp || jQuery.now(); + + // Mark it as fixed + this[ jQuery.expando ] = true; +}; + +// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding +// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html +jQuery.Event.prototype = { + isDefaultPrevented: returnFalse, + isPropagationStopped: returnFalse, + isImmediatePropagationStopped: returnFalse, + + preventDefault: function() { + var e = this.originalEvent; + + this.isDefaultPrevented = returnTrue; + + if ( e && e.preventDefault ) { + e.preventDefault(); + } + }, + stopPropagation: function() { + var e = this.originalEvent; + + this.isPropagationStopped = returnTrue; + + if ( e && e.stopPropagation ) { + e.stopPropagation(); + } + }, + stopImmediatePropagation: function() { + var e = this.originalEvent; + + this.isImmediatePropagationStopped = returnTrue; + + if ( e && e.stopImmediatePropagation ) { + e.stopImmediatePropagation(); + } + + this.stopPropagation(); + } +}; + +// Create mouseenter/leave events using mouseover/out and event-time checks +// Support: Chrome 15+ +jQuery.each({ + mouseenter: "mouseover", + mouseleave: "mouseout", + pointerenter: "pointerover", + pointerleave: "pointerout" +}, function( orig, fix ) { + jQuery.event.special[ orig ] = { + delegateType: fix, + bindType: fix, + + handle: function( event ) { + var ret, + target = this, + related = event.relatedTarget, + handleObj = event.handleObj; + + // For mousenter/leave call the handler if related is outside the target. + // NB: No relatedTarget if the mouse left/entered the browser window + if ( !related || (related !== target && !jQuery.contains( target, related )) ) { + event.type = handleObj.origType; + ret = handleObj.handler.apply( this, arguments ); + event.type = fix; + } + return ret; + } + }; +}); + +// Support: Firefox, Chrome, Safari +// Create "bubbling" focus and blur events +if ( !support.focusinBubbles ) { + jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) { + + // Attach a single capturing handler on the document while someone wants focusin/focusout + var handler = function( event ) { + jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true ); + }; + + jQuery.event.special[ fix ] = { + setup: function() { + var doc = this.ownerDocument || this, + attaches = data_priv.access( doc, fix ); + + if ( !attaches ) { + doc.addEventListener( orig, handler, true ); + } + data_priv.access( doc, fix, ( attaches || 0 ) + 1 ); + }, + teardown: function() { + var doc = this.ownerDocument || this, + attaches = data_priv.access( doc, fix ) - 1; + + if ( !attaches ) { + doc.removeEventListener( orig, handler, true ); + data_priv.remove( doc, fix ); + + } else { + data_priv.access( doc, fix, attaches ); + } + } + }; + }); +} + +jQuery.fn.extend({ + + on: function( types, selector, data, fn, /*INTERNAL*/ one ) { + var origFn, type; + + // Types can be a map of types/handlers + if ( typeof types === "object" ) { + // ( types-Object, selector, data ) + if ( typeof selector !== "string" ) { + // ( types-Object, data ) + data = data || selector; + selector = undefined; + } + for ( type in types ) { + this.on( type, selector, data, types[ type ], one ); + } + return this; + } + + if ( data == null && fn == null ) { + // ( types, fn ) + fn = selector; + data = selector = undefined; + } else if ( fn == null ) { + if ( typeof selector === "string" ) { + // ( types, selector, fn ) + fn = data; + data = undefined; + } else { + // ( types, data, fn ) + fn = data; + data = selector; + selector = undefined; + } + } + if ( fn === false ) { + fn = returnFalse; + } else if ( !fn ) { + return this; + } + + if ( one === 1 ) { + origFn = fn; + fn = function( event ) { + // Can use an empty set, since event contains the info + jQuery().off( event ); + return origFn.apply( this, arguments ); + }; + // Use same guid so caller can remove using origFn + fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ ); + } + return this.each( function() { + jQuery.event.add( this, types, fn, data, selector ); + }); + }, + one: function( types, selector, data, fn ) { + return this.on( types, selector, data, fn, 1 ); + }, + off: function( types, selector, fn ) { + var handleObj, type; + if ( types && types.preventDefault && types.handleObj ) { + // ( event ) dispatched jQuery.Event + handleObj = types.handleObj; + jQuery( types.delegateTarget ).off( + handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType, + handleObj.selector, + handleObj.handler + ); + return this; + } + if ( typeof types === "object" ) { + // ( types-object [, selector] ) + for ( type in types ) { + this.off( type, selector, types[ type ] ); + } + return this; + } + if ( selector === false || typeof selector === "function" ) { + // ( types [, fn] ) + fn = selector; + selector = undefined; + } + if ( fn === false ) { + fn = returnFalse; + } + return this.each(function() { + jQuery.event.remove( this, types, fn, selector ); + }); + }, + + trigger: function( type, data ) { + return this.each(function() { + jQuery.event.trigger( type, data, this ); + }); + }, + triggerHandler: function( type, data ) { + var elem = this[0]; + if ( elem ) { + return jQuery.event.trigger( type, data, elem, true ); + } + } +}); + + +var + rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi, + rtagName = /<([\w:]+)/, + rhtml = /<|&#?\w+;/, + rnoInnerhtml = /<(?:script|style|link)/i, + // checked="checked" or checked + rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i, + rscriptType = /^$|\/(?:java|ecma)script/i, + rscriptTypeMasked = /^true\/(.*)/, + rcleanScript = /^\s*\s*$/g, + + // We have to close these tags to support XHTML (#13200) + wrapMap = { + + // Support: IE9 + option: [ 1, "" ], + + thead: [ 1, "", "
    " ], + col: [ 2, "", "
    " ], + tr: [ 2, "", "
    " ], + td: [ 3, "", "
    " ], + + _default: [ 0, "", "" ] + }; + +// Support: IE9 +wrapMap.optgroup = wrapMap.option; + +wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead; +wrapMap.th = wrapMap.td; + +// Support: 1.x compatibility +// Manipulating tables requires a tbody +function manipulationTarget( elem, content ) { + return jQuery.nodeName( elem, "table" ) && + jQuery.nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ? + + elem.getElementsByTagName("tbody")[0] || + elem.appendChild( elem.ownerDocument.createElement("tbody") ) : + elem; +} + +// Replace/restore the type attribute of script elements for safe DOM manipulation +function disableScript( elem ) { + elem.type = (elem.getAttribute("type") !== null) + "/" + elem.type; + return elem; +} +function restoreScript( elem ) { + var match = rscriptTypeMasked.exec( elem.type ); + + if ( match ) { + elem.type = match[ 1 ]; + } else { + elem.removeAttribute("type"); + } + + return elem; +} + +// Mark scripts as having already been evaluated +function setGlobalEval( elems, refElements ) { + var i = 0, + l = elems.length; + + for ( ; i < l; i++ ) { + data_priv.set( + elems[ i ], "globalEval", !refElements || data_priv.get( refElements[ i ], "globalEval" ) + ); + } +} + +function cloneCopyEvent( src, dest ) { + var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events; + + if ( dest.nodeType !== 1 ) { + return; + } + + // 1. Copy private data: events, handlers, etc. + if ( data_priv.hasData( src ) ) { + pdataOld = data_priv.access( src ); + pdataCur = data_priv.set( dest, pdataOld ); + events = pdataOld.events; + + if ( events ) { + delete pdataCur.handle; + pdataCur.events = {}; + + for ( type in events ) { + for ( i = 0, l = events[ type ].length; i < l; i++ ) { + jQuery.event.add( dest, type, events[ type ][ i ] ); + } + } + } + } + + // 2. Copy user data + if ( data_user.hasData( src ) ) { + udataOld = data_user.access( src ); + udataCur = jQuery.extend( {}, udataOld ); + + data_user.set( dest, udataCur ); + } +} + +function getAll( context, tag ) { + var ret = context.getElementsByTagName ? context.getElementsByTagName( tag || "*" ) : + context.querySelectorAll ? context.querySelectorAll( tag || "*" ) : + []; + + return tag === undefined || tag && jQuery.nodeName( context, tag ) ? + jQuery.merge( [ context ], ret ) : + ret; +} + +// Fix IE bugs, see support tests +function fixInput( src, dest ) { + var nodeName = dest.nodeName.toLowerCase(); + + // Fails to persist the checked state of a cloned checkbox or radio button. + if ( nodeName === "input" && rcheckableType.test( src.type ) ) { + dest.checked = src.checked; + + // Fails to return the selected option to the default selected state when cloning options + } else if ( nodeName === "input" || nodeName === "textarea" ) { + dest.defaultValue = src.defaultValue; + } +} + +jQuery.extend({ + clone: function( elem, dataAndEvents, deepDataAndEvents ) { + var i, l, srcElements, destElements, + clone = elem.cloneNode( true ), + inPage = jQuery.contains( elem.ownerDocument, elem ); + + // Fix IE cloning issues + if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) && + !jQuery.isXMLDoc( elem ) ) { + + // We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2 + destElements = getAll( clone ); + srcElements = getAll( elem ); + + for ( i = 0, l = srcElements.length; i < l; i++ ) { + fixInput( srcElements[ i ], destElements[ i ] ); + } + } + + // Copy the events from the original to the clone + if ( dataAndEvents ) { + if ( deepDataAndEvents ) { + srcElements = srcElements || getAll( elem ); + destElements = destElements || getAll( clone ); + + for ( i = 0, l = srcElements.length; i < l; i++ ) { + cloneCopyEvent( srcElements[ i ], destElements[ i ] ); + } + } else { + cloneCopyEvent( elem, clone ); + } + } + + // Preserve script evaluation history + destElements = getAll( clone, "script" ); + if ( destElements.length > 0 ) { + setGlobalEval( destElements, !inPage && getAll( elem, "script" ) ); + } + + // Return the cloned set + return clone; + }, + + buildFragment: function( elems, context, scripts, selection ) { + var elem, tmp, tag, wrap, contains, j, + fragment = context.createDocumentFragment(), + nodes = [], + i = 0, + l = elems.length; + + for ( ; i < l; i++ ) { + elem = elems[ i ]; + + if ( elem || elem === 0 ) { + + // Add nodes directly + if ( jQuery.type( elem ) === "object" ) { + // Support: QtWebKit, PhantomJS + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem ); + + // Convert non-html into a text node + } else if ( !rhtml.test( elem ) ) { + nodes.push( context.createTextNode( elem ) ); + + // Convert html into DOM nodes + } else { + tmp = tmp || fragment.appendChild( context.createElement("div") ); + + // Deserialize a standard representation + tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase(); + wrap = wrapMap[ tag ] || wrapMap._default; + tmp.innerHTML = wrap[ 1 ] + elem.replace( rxhtmlTag, "<$1>" ) + wrap[ 2 ]; + + // Descend through wrappers to the right content + j = wrap[ 0 ]; + while ( j-- ) { + tmp = tmp.lastChild; + } + + // Support: QtWebKit, PhantomJS + // push.apply(_, arraylike) throws on ancient WebKit + jQuery.merge( nodes, tmp.childNodes ); + + // Remember the top-level container + tmp = fragment.firstChild; + + // Ensure the created nodes are orphaned (#12392) + tmp.textContent = ""; + } + } + } + + // Remove wrapper from fragment + fragment.textContent = ""; + + i = 0; + while ( (elem = nodes[ i++ ]) ) { + + // #4087 - If origin and destination elements are the same, and this is + // that element, do not do anything + if ( selection && jQuery.inArray( elem, selection ) !== -1 ) { + continue; + } + + contains = jQuery.contains( elem.ownerDocument, elem ); + + // Append to fragment + tmp = getAll( fragment.appendChild( elem ), "script" ); + + // Preserve script evaluation history + if ( contains ) { + setGlobalEval( tmp ); + } + + // Capture executables + if ( scripts ) { + j = 0; + while ( (elem = tmp[ j++ ]) ) { + if ( rscriptType.test( elem.type || "" ) ) { + scripts.push( elem ); + } + } + } + } + + return fragment; + }, + + cleanData: function( elems ) { + var data, elem, type, key, + special = jQuery.event.special, + i = 0; + + for ( ; (elem = elems[ i ]) !== undefined; i++ ) { + if ( jQuery.acceptData( elem ) ) { + key = elem[ data_priv.expando ]; + + if ( key && (data = data_priv.cache[ key ]) ) { + if ( data.events ) { + for ( type in data.events ) { + if ( special[ type ] ) { + jQuery.event.remove( elem, type ); + + // This is a shortcut to avoid jQuery.event.remove's overhead + } else { + jQuery.removeEvent( elem, type, data.handle ); + } + } + } + if ( data_priv.cache[ key ] ) { + // Discard any remaining `private` data + delete data_priv.cache[ key ]; + } + } + } + // Discard any remaining `user` data + delete data_user.cache[ elem[ data_user.expando ] ]; + } + } +}); + +jQuery.fn.extend({ + text: function( value ) { + return access( this, function( value ) { + return value === undefined ? + jQuery.text( this ) : + this.empty().each(function() { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + this.textContent = value; + } + }); + }, null, value, arguments.length ); + }, + + append: function() { + return this.domManip( arguments, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + var target = manipulationTarget( this, elem ); + target.appendChild( elem ); + } + }); + }, + + prepend: function() { + return this.domManip( arguments, function( elem ) { + if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) { + var target = manipulationTarget( this, elem ); + target.insertBefore( elem, target.firstChild ); + } + }); + }, + + before: function() { + return this.domManip( arguments, function( elem ) { + if ( this.parentNode ) { + this.parentNode.insertBefore( elem, this ); + } + }); + }, + + after: function() { + return this.domManip( arguments, function( elem ) { + if ( this.parentNode ) { + this.parentNode.insertBefore( elem, this.nextSibling ); + } + }); + }, + + remove: function( selector, keepData /* Internal Use Only */ ) { + var elem, + elems = selector ? jQuery.filter( selector, this ) : this, + i = 0; + + for ( ; (elem = elems[i]) != null; i++ ) { + if ( !keepData && elem.nodeType === 1 ) { + jQuery.cleanData( getAll( elem ) ); + } + + if ( elem.parentNode ) { + if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) { + setGlobalEval( getAll( elem, "script" ) ); + } + elem.parentNode.removeChild( elem ); + } + } + + return this; + }, + + empty: function() { + var elem, + i = 0; + + for ( ; (elem = this[i]) != null; i++ ) { + if ( elem.nodeType === 1 ) { + + // Prevent memory leaks + jQuery.cleanData( getAll( elem, false ) ); + + // Remove any remaining nodes + elem.textContent = ""; + } + } + + return this; + }, + + clone: function( dataAndEvents, deepDataAndEvents ) { + dataAndEvents = dataAndEvents == null ? false : dataAndEvents; + deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents; + + return this.map(function() { + return jQuery.clone( this, dataAndEvents, deepDataAndEvents ); + }); + }, + + html: function( value ) { + return access( this, function( value ) { + var elem = this[ 0 ] || {}, + i = 0, + l = this.length; + + if ( value === undefined && elem.nodeType === 1 ) { + return elem.innerHTML; + } + + // See if we can take a shortcut and just use innerHTML + if ( typeof value === "string" && !rnoInnerhtml.test( value ) && + !wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) { + + value = value.replace( rxhtmlTag, "<$1>" ); + + try { + for ( ; i < l; i++ ) { + elem = this[ i ] || {}; + + // Remove element nodes and prevent memory leaks + if ( elem.nodeType === 1 ) { + jQuery.cleanData( getAll( elem, false ) ); + elem.innerHTML = value; + } + } + + elem = 0; + + // If using innerHTML throws an exception, use the fallback method + } catch( e ) {} + } + + if ( elem ) { + this.empty().append( value ); + } + }, null, value, arguments.length ); + }, + + replaceWith: function() { + var arg = arguments[ 0 ]; + + // Make the changes, replacing each context element with the new content + this.domManip( arguments, function( elem ) { + arg = this.parentNode; + + jQuery.cleanData( getAll( this ) ); + + if ( arg ) { + arg.replaceChild( elem, this ); + } + }); + + // Force removal if there was no new content (e.g., from empty arguments) + return arg && (arg.length || arg.nodeType) ? this : this.remove(); + }, + + detach: function( selector ) { + return this.remove( selector, true ); + }, + + domManip: function( args, callback ) { + + // Flatten any nested arrays + args = concat.apply( [], args ); + + var fragment, first, scripts, hasScripts, node, doc, + i = 0, + l = this.length, + set = this, + iNoClone = l - 1, + value = args[ 0 ], + isFunction = jQuery.isFunction( value ); + + // We can't cloneNode fragments that contain checked, in WebKit + if ( isFunction || + ( l > 1 && typeof value === "string" && + !support.checkClone && rchecked.test( value ) ) ) { + return this.each(function( index ) { + var self = set.eq( index ); + if ( isFunction ) { + args[ 0 ] = value.call( this, index, self.html() ); + } + self.domManip( args, callback ); + }); + } + + if ( l ) { + fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this ); + first = fragment.firstChild; + + if ( fragment.childNodes.length === 1 ) { + fragment = first; + } + + if ( first ) { + scripts = jQuery.map( getAll( fragment, "script" ), disableScript ); + hasScripts = scripts.length; + + // Use the original fragment for the last item instead of the first because it can end up + // being emptied incorrectly in certain situations (#8070). + for ( ; i < l; i++ ) { + node = fragment; + + if ( i !== iNoClone ) { + node = jQuery.clone( node, true, true ); + + // Keep references to cloned scripts for later restoration + if ( hasScripts ) { + // Support: QtWebKit + // jQuery.merge because push.apply(_, arraylike) throws + jQuery.merge( scripts, getAll( node, "script" ) ); + } + } + + callback.call( this[ i ], node, i ); + } + + if ( hasScripts ) { + doc = scripts[ scripts.length - 1 ].ownerDocument; + + // Reenable scripts + jQuery.map( scripts, restoreScript ); + + // Evaluate executable scripts on first document insertion + for ( i = 0; i < hasScripts; i++ ) { + node = scripts[ i ]; + if ( rscriptType.test( node.type || "" ) && + !data_priv.access( node, "globalEval" ) && jQuery.contains( doc, node ) ) { + + if ( node.src ) { + // Optional AJAX dependency, but won't run scripts if not present + if ( jQuery._evalUrl ) { + jQuery._evalUrl( node.src ); + } + } else { + jQuery.globalEval( node.textContent.replace( rcleanScript, "" ) ); + } + } + } + } + } + } + + return this; + } +}); + +jQuery.each({ + appendTo: "append", + prependTo: "prepend", + insertBefore: "before", + insertAfter: "after", + replaceAll: "replaceWith" +}, function( name, original ) { + jQuery.fn[ name ] = function( selector ) { + var elems, + ret = [], + insert = jQuery( selector ), + last = insert.length - 1, + i = 0; + + for ( ; i <= last; i++ ) { + elems = i === last ? this : this.clone( true ); + jQuery( insert[ i ] )[ original ]( elems ); + + // Support: QtWebKit + // .get() because push.apply(_, arraylike) throws + push.apply( ret, elems.get() ); + } + + return this.pushStack( ret ); + }; +}); + + +var iframe, + elemdisplay = {}; + +/** + * Retrieve the actual display of a element + * @param {String} name nodeName of the element + * @param {Object} doc Document object + */ +// Called only from within defaultDisplay +function actualDisplay( name, doc ) { + var style, + elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ), + + // getDefaultComputedStyle might be reliably used only on attached element + display = window.getDefaultComputedStyle && ( style = window.getDefaultComputedStyle( elem[ 0 ] ) ) ? + + // Use of this method is a temporary fix (more like optimization) until something better comes along, + // since it was removed from specification and supported only in FF + style.display : jQuery.css( elem[ 0 ], "display" ); + + // We don't have any data stored on the element, + // so use "detach" method as fast way to get rid of the element + elem.detach(); + + return display; +} + +/** + * Try to determine the default display value of an element + * @param {String} nodeName + */ +function defaultDisplay( nodeName ) { + var doc = document, + display = elemdisplay[ nodeName ]; + + if ( !display ) { + display = actualDisplay( nodeName, doc ); + + // If the simple way fails, read from inside an iframe + if ( display === "none" || !display ) { + + // Use the already-created iframe if possible + iframe = (iframe || jQuery( "