';
- html += '';
- }
- */
- else {
- html += ''
- ;
- return html;
- },
-
- joined: function(member) {
- return (typeof member.name !== undefined)
- ? '
' + member.name + ' has joined the chat.
'
- : false
- ;
- },
- left: function(member) {
- return (typeof member.name !== undefined)
- ? '' + member.name + ' has left the chat.
'
- : false
- ;
- },
-
- userList: function(member) {
- var
- html = ''
- ;
- if(member.isAdmin) {
- member.color = '#55356A';
- }
- html += ''
- + ''
- + '
';
- return html;
- }
-
- }
-
- };
-
-})( jQuery, window , document );
-
-/*
- * # Semantic - Checkbox
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ( $, window, document, undefined ) {
-
-$.fn.checkbox = function(parameters) {
- var
- $allModules = $(this),
-
- settings = $.extend(true, {}, $.fn.checkbox.settings, parameters),
-
- className = settings.className,
- namespace = settings.namespace,
- error = settings.error,
-
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
-
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- invokedResponse
- ;
-
- $allModules
- .each(function() {
- var
- $module = $(this),
- $label = $(this).next(settings.selector.label).first(),
- $input = $(this).find(settings.selector.input),
-
- selector = $module.selector || '',
- instance = $module.data(moduleNamespace),
-
- element = this,
- module
- ;
-
- module = {
-
- initialize: function() {
- module.verbose('Initializing checkbox', settings);
- if(settings.context && selector !== '') {
- module.verbose('Adding delegated events');
- $(element, settings.context)
- .on(selector, 'click' + eventNamespace, module.toggle)
- .on(selector + ' + ' + settings.selector.label, 'click' + eventNamespace, module.toggle)
- ;
- }
- else {
- $module
- .on('click' + eventNamespace, module.toggle)
- .data(moduleNamespace, module)
- ;
- $label
- .on('click' + eventNamespace, module.toggle)
- ;
- }
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
-
- destroy: function() {
- module.verbose('Destroying previous module');
- $module
- .off(eventNamespace)
- .removeData(moduleNamespace)
- ;
- },
-
- is: {
- radio: function() {
- return $module.hasClass(className.radio);
- }
- },
-
- can: {
- disable: function() {
- return (typeof settings.required === 'boolean')
- ? settings.required
- : !module.is.radio()
- ;
- }
- },
-
- enable: function() {
- module.debug('Enabling checkbox', $input);
- $input
- .prop('checked', true)
- ;
- $.proxy(settings.onChange, $input.get())();
- $.proxy(settings.onEnable, $input.get())();
- },
-
- disable: function() {
- module.debug('Disabling checkbox');
- $input
- .prop('checked', false)
- ;
- $.proxy(settings.onChange, $input.get())();
- $.proxy(settings.onDisable, $input.get())();
- },
-
- toggle: function(event) {
- module.verbose('Determining new checkbox state');
- if($input.prop('checked') === undefined || !$input.prop('checked')) {
- module.enable();
- }
- else if( module.can.disable() ) {
- module.disable();
- }
- },
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- })
- ;
-
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.checkbox.settings = {
-
- name : 'Checkbox',
- namespace : 'checkbox',
-
- verbose : true,
- debug : true,
- performance : true,
-
- // delegated event context
- context : false,
- required : 'auto',
-
- onChange : function(){},
- onEnable : function(){},
- onDisable : function(){},
-
- error : {
- method : 'The method you called is not defined.'
- },
-
- selector : {
- input : 'input[type=checkbox], input[type=radio]',
- label : 'label'
- },
-
- className : {
- radio : 'radio'
- }
-
-};
-
-})( jQuery, window , document );
-
-/*
- * # Semantic - Dimmer
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ( $, window, document, undefined ) {
-
-$.fn.dimmer = function(parameters) {
- var
- $allModules = $(this),
-
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
- : $.fn.dimmer.settings,
-
- selector = settings.selector,
- namespace = settings.namespace,
- className = settings.className,
- error = settings.error,
-
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- clickEvent = ('ontouchstart' in document.documentElement)
- ? 'touchstart'
- : 'click',
-
- invokedResponse
- ;
-
- $allModules
- .each(function() {
- var
- $module = $(this),
- $dimmer,
- $dimmable,
-
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
-
- module = {
-
- preinitialize: function() {
- if( module.is.dimmer() ) {
- $dimmable = $module.parent();
- $dimmer = $module;
- }
- else {
- $dimmable = $module;
- if( module.has.dimmer() ) {
- $dimmer = $dimmable.children(selector.dimmer).first();
- }
- else {
- module.create();
- }
- }
- },
-
- initialize: function() {
- module.debug('Initializing dimmer', settings);
- if(settings.on == 'hover') {
- $dimmable
- .on('mouseenter' + eventNamespace, module.show)
- .on('mouseleave' + eventNamespace, module.hide)
- ;
- }
- else if(settings.on == 'click') {
- $dimmable
- .on(clickEvent + eventNamespace, module.toggle)
- ;
- }
-
- if( module.is.page() ) {
- module.debug('Setting as a page dimmer', $dimmable);
- module.set.pageDimmer();
- }
-
- if(settings.closable) {
- module.verbose('Adding dimmer close event', $dimmer);
- $dimmer
- .on(clickEvent + eventNamespace, module.event.click)
- ;
- }
- module.set.dimmable();
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
-
- destroy: function() {
- module.verbose('Destroying previous module', $dimmer);
- $dimmable
- .off(eventNamespace)
- ;
- $dimmer
- .off(eventNamespace)
- ;
- },
-
- event: {
-
- click: function(event) {
- module.verbose('Determining if event occured on dimmer', event);
- if( $dimmer.find(event.target).size() === 0 || $(event.target).is(selector.content) ) {
- module.hide();
- event.stopImmediatePropagation();
- }
- }
-
- },
-
- addContent: function(element) {
- var
- $content = $(element).detach()
- ;
- module.debug('Add content to dimmer', $content);
- if($content.parent()[0] !== $dimmer[0]) {
- $dimmer.append($content);
- }
- },
-
- create: function() {
- $dimmer = $( settings.template.dimmer() );
- return $dimmer.appendTo($dimmable);
- },
-
- animate: {
- show: function(callback) {
- callback = callback || function(){};
- module.set.dimmed();
- if($.fn.transition !== undefined) {
- $dimmer
- .transition(settings.transition + ' in', module.get.duration(), function() {
- module.set.active();
- callback();
- })
- ;
- }
- else {
- module.verbose('Showing dimmer animation with javascript');
- $dimmer
- .stop()
- .css({
- opacity : 0,
- width : '100%',
- height : '100%'
- })
- .fadeTo(module.get.duration(), 1, function() {
- $dimmer.removeAttr('style');
- module.set.active();
- callback();
- })
- ;
- }
- },
- hide: function(callback) {
- callback = callback || function(){};
- module.remove.dimmed();
- if($.fn.transition !== undefined) {
- module.verbose('Hiding dimmer with css');
- $dimmer
- .transition(settings.transition + ' out', module.get.duration(), function() {
- module.remove.active();
- callback();
- })
- ;
- }
- else {
- module.verbose('Hiding dimmer with javascript');
- $dimmer
- .stop()
- .fadeOut(module.get.duration(), function() {
- $dimmer.removeAttr('style');
- module.remove.active();
- callback();
- })
- ;
- }
- }
- },
-
- get: {
- dimmer: function() {
- return $dimmer;
- },
- duration: function() {
- if(typeof settings.duration == 'object') {
- if( module.is.active() ) {
- return settings.duration.hide;
- }
- else {
- return settings.duration.show;
- }
- }
- return settings.duration;
- }
- },
-
- has: {
- dimmer: function() {
- return ( $module.children(selector.dimmer).size() > 0 );
- }
- },
-
- is: {
- dimmer: function() {
- return $module.is(selector.dimmer);
- },
- dimmable: function() {
- return $module.is(selector.dimmable);
- },
- active: function() {
- return $dimmer.hasClass(className.active);
- },
- animating: function() {
- return ( $dimmer.is(':animated') || $dimmer.hasClass(className.transition) );
- },
- page: function () {
- return $dimmable.is('body');
- },
- enabled: function() {
- return !$dimmable.hasClass(className.disabled);
- },
- disabled: function() {
- return $dimmable.hasClass(className.disabled);
- },
- pageDimmer: function() {
- return $dimmer.hasClass(className.pageDimmer);
- }
- },
-
- can: {
- show: function() {
- return !$dimmer.hasClass(className.disabled);
- }
- },
-
- set: {
- active: function() {
- $dimmer
- .removeClass(className.transition)
- .addClass(className.active)
- ;
- },
- dimmable: function() {
- $dimmable.addClass(className.dimmable);
- },
- dimmed: function() {
- $dimmable.addClass(className.dimmed);
- },
- pageDimmer: function() {
- $dimmer.addClass(className.pageDimmer);
- },
- disabled: function() {
- $dimmer.addClass(className.disabled);
- }
- },
-
- remove: {
- active: function() {
- $dimmer
- .removeClass(className.transition)
- .removeClass(className.active)
- ;
- },
- dimmed: function() {
- $dimmable.removeClass(className.dimmed);
- },
- disabled: function() {
- $dimmer.removeClass(className.disabled);
- }
- },
-
- show: function(callback) {
- module.debug('Showing dimmer', $dimmer, settings);
- if( !(module.is.active() || module.is.animating() ) && module.is.enabled() ) {
- module.animate.show(callback);
- $.proxy(settings.onShow, element)();
- $.proxy(settings.onChange, element)();
- }
- else {
- module.debug('Dimmer is already shown or disabled');
- }
- },
-
- hide: function(callback) {
- if( module.is.active() && !module.is.animating() ) {
- module.debug('Hiding dimmer', $dimmer);
- module.animate.hide(callback);
- $.proxy(settings.onHide, element)();
- $.proxy(settings.onChange, element)();
- }
- else {
- module.debug('Dimmer is not visible');
- }
- },
-
- toggle: function() {
- module.verbose('Toggling dimmer visibility', $dimmer);
- if( !module.is.active() ) {
- module.show();
- }
- else {
- module.hide();
- }
- },
-
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.size() > 1) {
- title += ' ' + '(' + $allModules.size() + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
-
- module.preinitialize();
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- })
- ;
-
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.dimmer.settings = {
-
- name : 'Dimmer',
- namespace : 'dimmer',
-
- verbose : true,
- debug : true,
- performance : true,
-
- transition : 'fade',
-
- on : false,
- closable : true,
- duration : {
- show : 500,
- hide : 500
- },
-
- onChange : function(){},
- onShow : function(){},
- onHide : function(){},
-
- error : {
- method : 'The method you called is not defined.'
- },
-
- selector: {
- dimmable : '.ui.dimmable',
- dimmer : '.ui.dimmer',
- content : '.ui.dimmer > .content, .ui.dimmer > .content > .center'
- },
-
- template: {
- dimmer: function() {
- return $('').attr('class', 'ui dimmer');
- }
- },
-
- className : {
- active : 'active',
- dimmable : 'ui dimmable',
- dimmed : 'dimmed',
- disabled : 'disabled',
- pageDimmer : 'page',
- hide : 'hide',
- show : 'show',
- transition : 'transition'
- }
-
-};
-
-})( jQuery, window , document );
-/*
- * # Semantic - Dropdown
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ( $, window, document, undefined ) {
-
-$.fn.dropdown = function(parameters) {
- var
- $allModules = $(this),
- $document = $(document),
-
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.dropdown.settings, parameters)
- : $.fn.dropdown.settings,
-
- className = settings.className,
- metadata = settings.metadata,
- namespace = settings.namespace,
- selector = settings.selector,
- error = settings.error,
-
- eventNamespace = '.' + namespace,
- dropdownNamespace = 'module-' + namespace,
- dropdownSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- invokedResponse
- ;
-
- $allModules
- .each(function() {
- var
- $module = $(this),
- $item = $module.find(selector.item),
- $text = $module.find(selector.text),
- $input = $module.find(selector.input),
-
- $menu = $module.children(selector.menu),
-
- isTouchDevice = ('ontouchstart' in document.documentElement),
-
- element = this,
- instance = $module.data(dropdownNamespace),
- module
- ;
-
- module = {
-
- initialize: function() {
- module.debug('Initializing dropdown', settings);
- if(isTouchDevice) {
- $module
- .on('touchstart' + eventNamespace, module.event.test.toggle)
- ;
- }
- else if(settings.on == 'click') {
- $module
- .on('click' + eventNamespace, module.event.test.toggle)
- ;
- }
- else if(settings.on == 'hover') {
- $module
- .on('mouseenter' + eventNamespace, module.delay.show)
- .on('mouseleave' + eventNamespace, module.delay.hide)
- ;
- }
- else {
- $module
- .on(settings.on + eventNamespace, module.toggle)
- ;
- }
- if(settings.action == 'updateForm') {
- module.set.selected();
- }
- $item
- .on('mouseenter' + eventNamespace, module.event.item.mouseenter)
- .on('mouseleave' + eventNamespace, module.event.item.mouseleave)
- .on(module.get.selectEvent() + eventNamespace, module.event.item.click)
- ;
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Storing instance of dropdown', module);
- $module
- .data(dropdownNamespace, module)
- ;
- },
-
- destroy: function() {
- module.verbose('Destroying previous dropdown for', $module);
- $item
- .off(eventNamespace)
- ;
- $module
- .off(eventNamespace)
- .removeData(dropdownNamespace)
- ;
- },
-
- event: {
-
- stopPropagation: function(event) {
- event.stopPropagation();
- },
-
- test: {
- toggle: function(event) {
- module.determine.intent(event, module.toggle);
- event.stopImmediatePropagation();
- },
- hide: function(event) {
- module.determine.intent(event, module.hide);
- event.stopPropagation();
- }
- },
-
- item: {
-
- mouseenter: function(event) {
- var
- $currentMenu = $(this).find(selector.menu),
- $otherMenus = $(this).siblings(selector.item).children(selector.menu)
- ;
- if( $currentMenu.size() > 0 ) {
- clearTimeout(module.itemTimer);
- module.itemTimer = setTimeout(function() {
- module.animate.hide(false, $otherMenus);
- module.verbose('Showing sub-menu', $currentMenu);
- module.animate.show(false, $currentMenu);
- }, settings.delay.show * 2);
- }
- },
-
- mouseleave: function(event) {
- var
- $currentMenu = $(this).find(selector.menu)
- ;
- if($currentMenu.size() > 0) {
- clearTimeout(module.itemTimer);
- module.itemTimer = setTimeout(function() {
- module.verbose('Hiding sub-menu', $currentMenu);
- module.animate.hide(false, $currentMenu);
- }, settings.delay.hide);
- }
- },
-
- click: function (event) {
- var
- $choice = $(this),
- text = $choice.data(metadata.text) || $choice.text(),
- value = $choice.data(metadata.value) || text.toLowerCase()
- ;
- if( $choice.find(selector.menu).size() === 0 ) {
- module.verbose('Adding active state to selected item');
- $item
- .removeClass(className.active)
- ;
- $choice
- .addClass(className.active)
- ;
- module.determine.selectAction(text, value);
- $.proxy(settings.onChange, element)(value, text);
- event.stopPropagation();
- }
- }
-
- },
-
- resetStyle: function() {
- $(this).removeAttr('style');
- }
-
- },
-
- determine: {
- selectAction: function(text, value) {
- module.verbose('Determining action', settings.action);
- if(settings.action == 'auto') {
- if(module.is.selection()) {
- module.debug('Selection dropdown used updating form', text, value);
- module.updateForm(text, value);
- }
- else {
- module.debug('No action specified hiding dropdown', text, value);
- module.hide();
- }
- }
- else if( $.isFunction( module[settings.action] ) ) {
- module.verbose('Triggering preset action', settings.action, text, value);
- module[ settings.action ](text, value);
- }
- else if( $.isFunction(settings.action) ) {
- module.verbose('Triggering user action', settings.action, text, value);
- settings.action(text, value);
- }
- else {
- module.error(error.action);
- }
- },
- intent: function(event, callback) {
- module.debug('Determining whether event occurred in dropdown', event.target);
- callback = callback || function(){};
- if( $(event.target).closest($menu).size() === 0 ) {
- module.verbose('Triggering event', callback);
- callback();
- }
- else {
- module.verbose('Event occurred in dropdown, canceling callback');
- }
- }
- },
-
- bind: {
- intent: function() {
- module.verbose('Binding hide intent event to document');
- $document
- .on(module.get.selectEvent(), module.event.test.hide)
- ;
- }
- },
-
- unbind: {
- intent: function() {
- module.verbose('Removing hide intent event from document');
- $document
- .off(module.get.selectEvent())
- ;
- }
- },
-
- nothing: function() {},
-
- changeText: function(text, value) {
- module.set.text(text);
- module.hide();
- },
-
- updateForm: function(text, value) {
- module.set.text(text);
- module.set.value(value);
- module.hide();
- },
-
- get: {
- selectEvent: function() {
- return (isTouchDevice)
- ? 'touchstart'
- : 'click'
- ;
- },
- text: function() {
- return $text.text();
- },
- value: function() {
- return $input.val();
- },
- item: function(value) {
- var
- $selectedItem
- ;
- value = value || $input.val();
- $item
- .each(function() {
- if( $(this).data(metadata.value) == value ) {
- $selectedItem = $(this);
- }
- })
- ;
- return $selectedItem || false;
- }
- },
-
- set: {
- text: function(text) {
- module.debug('Changing text', text, $text);
- $text.removeClass(className.placeholder);
- $text.text(text);
- },
- value: function(value) {
- module.debug('Adding selected value to hidden input', value, $input);
- $input.val(value);
- },
- active: function() {
- $module.addClass(className.active);
- },
- visible: function() {
- $module.addClass(className.visible);
- },
- selected: function(value) {
- var
- $selectedItem = module.get.item(value),
- selectedText
- ;
- if($selectedItem) {
- module.debug('Setting selected menu item to', $selectedItem);
- selectedText = $selectedItem.data(metadata.text) || $selectedItem.text();
- $item
- .removeClass(className.active)
- ;
- $selectedItem
- .addClass(className.active)
- ;
- module.set.text(selectedText);
- }
- }
- },
-
- remove: {
- active: function() {
- $module.removeClass(className.active);
- },
- visible: function() {
- $module.removeClass(className.visible);
- }
- },
-
- is: {
- selection: function() {
- return $module.hasClass(className.selection);
- },
- visible: function($subMenu) {
- return ($subMenu)
- ? $subMenu.is(':animated, :visible')
- : $menu.is(':animated, :visible')
- ;
- },
- hidden: function($subMenu) {
- return ($subMenu)
- ? $subMenu.is(':not(:animated, :visible)')
- : $menu.is(':not(:animated, :visible)')
- ;
- }
- },
-
- can: {
- click: function() {
- return (isTouchDevice || settings.on == 'click');
- },
- show: function() {
- return !$module.hasClass(className.disabled);
- }
- },
-
- animate: {
- show: function(callback, $subMenu) {
- var
- $currentMenu = $subMenu || $menu
- ;
- callback = callback || function(){};
- if( module.is.hidden($currentMenu) ) {
- module.verbose('Doing menu show animation', $currentMenu);
- if(settings.transition == 'none') {
- callback();
- }
- else if($.fn.transition !== undefined) {
- $currentMenu.transition({
- animation : settings.transition + ' in',
- duration : settings.duration,
- complete : callback,
- queue : false
- });
- }
- else if(settings.transition == 'slide down') {
- $currentMenu
- .hide()
- .clearQueue()
- .children()
- .clearQueue()
- .css('opacity', 0)
- .delay(50)
- .animate({
- opacity : 1
- }, settings.duration, 'easeOutQuad', module.event.resetStyle)
- .end()
- .slideDown(100, 'easeOutQuad', function() {
- $.proxy(module.event.resetStyle, this)();
- callback();
- })
- ;
- }
- else if(settings.transition == 'fade') {
- $currentMenu
- .hide()
- .clearQueue()
- .fadeIn(settings.duration, function() {
- $.proxy(module.event.resetStyle, this)();
- callback();
- })
- ;
- }
- else {
- module.error(error.transition);
- }
- }
- },
- hide: function(callback, $subMenu) {
- var
- $currentMenu = $subMenu || $menu
- ;
- callback = callback || function(){};
- if(module.is.visible($currentMenu) ) {
- module.verbose('Doing menu hide animation', $currentMenu);
- if($.fn.transition !== undefined) {
- $currentMenu.transition({
- animation : settings.transition + ' out',
- duration : settings.duration,
- complete : callback,
- queue : false
- });
- }
- else if(settings.transition == 'none') {
- callback();
- }
- else if(settings.transition == 'slide down') {
- $currentMenu
- .show()
- .clearQueue()
- .children()
- .clearQueue()
- .css('opacity', 1)
- .animate({
- opacity : 0
- }, 100, 'easeOutQuad', module.event.resetStyle)
- .end()
- .delay(50)
- .slideUp(100, 'easeOutQuad', function() {
- $.proxy(module.event.resetStyle, this)();
- callback();
- })
- ;
- }
- else if(settings.transition == 'fade') {
- $currentMenu
- .show()
- .clearQueue()
- .fadeOut(150, function() {
- $.proxy(module.event.resetStyle, this)();
- callback();
- })
- ;
- }
- else {
- module.error(error.transition);
- }
- }
- }
- },
-
- show: function() {
- module.debug('Checking if dropdown can show');
- if( module.is.hidden() ) {
- module.hideOthers();
- module.set.active();
- module.animate.show(module.set.visible);
- if( module.can.click() ) {
- module.bind.intent();
- }
- $.proxy(settings.onShow, element)();
- }
- },
-
- hide: function() {
- if( module.is.visible() ) {
- module.debug('Hiding dropdown');
- if( module.can.click() ) {
- module.unbind.intent();
- }
- module.remove.active();
- module.animate.hide(module.remove.visible);
- $.proxy(settings.onHide, element)();
- }
- },
-
- delay: {
- show: function() {
- module.verbose('Delaying show event to ensure user intent');
- clearTimeout(module.timer);
- module.timer = setTimeout(module.show, settings.delay.show);
- },
- hide: function() {
- module.verbose('Delaying hide event to ensure user intent');
- clearTimeout(module.timer);
- module.timer = setTimeout(module.hide, settings.delay.hide);
- }
- },
-
- hideOthers: function() {
- module.verbose('Finding other dropdowns to hide');
- $allModules
- .not($module)
- .has(selector.menu + ':visible')
- .dropdown('hide')
- ;
- },
-
- toggle: function() {
- module.verbose('Toggling menu visibility');
- if( module.is.hidden() ) {
- module.show();
- }
- else {
- module.hide();
- }
- },
-
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(dropdownSelector) {
- title += ' \'' + dropdownSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- }
- else {
- module.error(error.method);
- }
- });
- }
- if ( $.isFunction( found ) ) {
- return found.apply(context, passedArguments);
- }
- return found || false;
- }
- };
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- })
- ;
-
- return (invokedResponse)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.dropdown.settings = {
-
- name : 'Dropdown',
- namespace : 'dropdown',
-
- verbose : true,
- debug : true,
- performance : true,
-
- on : 'click',
- action : 'auto',
-
- delay: {
- show: 200,
- hide: 300
- },
-
- transition : 'slide down',
- duration : 250,
-
- onChange : function(){},
- onShow : function(){},
- onHide : function(){},
-
- error : {
- action : 'You called a dropdown action that was not defined',
- method : 'The method you called is not defined.',
- transition : 'The requested transition was not found'
- },
-
- metadata: {
- text : 'text',
- value : 'value'
- },
-
- selector : {
- menu : '.menu',
- item : '.menu > .item',
- text : '> .text',
- input : '> input[type="hidden"]'
- },
-
- className : {
- active : 'active',
- placeholder : 'default',
- disabled : 'disabled',
- visible : 'visible',
- selection : 'selection'
- }
-
-};
-
-})( jQuery, window , document );
-/*
- * # Semantic - Modal
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ( $, window, document, undefined ) {
-
-$.fn.modal = function(parameters) {
- var
- $allModules = $(this),
- $window = $(window),
- $document = $(document),
-
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.modal.settings, parameters)
- : $.fn.modal.settings,
-
- selector = settings.selector,
- className = settings.className,
- namespace = settings.namespace,
- error = settings.error,
-
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
-
- invokedResponse
- ;
-
-
- $allModules
- .each(function() {
- var
- $module = $(this),
- $context = $(settings.context),
- $otherModals = $allModules.not($module),
- $close = $module.find(selector.close),
-
- $focusedElement,
- $dimmer,
-
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
-
- module = {
-
- initialize: function() {
- module.verbose('Initializing dimmer', $context);
-
- $dimmer = $context
- .dimmer('add content', $module)
- .dimmer('get dimmer')
- ;
-
- module.verbose('Attaching close events', $close);
- $close
- .on('click' + eventNamespace, module.event.close)
- ;
- $window
- .on('resize', function() {
- module.event.debounce(module.refresh, 50);
- })
- ;
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Storing instance of modal');
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
-
- destroy: function() {
- module.verbose('Destroying previous modal');
- $module
- .off(eventNamespace)
- ;
- },
-
- refresh: function() {
- module.remove.scrolling();
- module.cacheSizes();
- module.set.type();
- module.set.position();
- },
-
- attachEvents: function(selector, event) {
- var
- $toggle = $(selector)
- ;
- event = $.isFunction(module[event])
- ? module[event]
- : module.show
- ;
- if($toggle.size() > 0) {
- module.debug('Attaching modal events to element', selector, event);
- $toggle
- .off(eventNamespace)
- .on('click' + eventNamespace, event)
- ;
- }
- else {
- module.error(error.notFound);
- }
- },
-
- event: {
- close: function() {
- module.verbose('Close button pressed');
- $context.dimmer('hide');
- },
- debounce: function(method, delay) {
- clearTimeout(module.timer);
- module.timer = setTimeout(method, delay);
- },
- keyboard: function(event) {
- var
- keyCode = event.which,
- escapeKey = 27
- ;
- if(keyCode == escapeKey) {
- module.debug('Escape key pressed hiding modal');
- $context.dimmer('hide');
- event.preventDefault();
- }
- },
- resize: function() {
- if( $context.dimmer('is active') ) {
- module.refresh();
- }
- }
- },
-
- toggle: function() {
- if( module.is.active() ) {
- module.hide();
- }
- else {
- module.show();
- }
- },
-
- show: function() {
- module.showDimmer();
- module.cacheSizes();
- module.set.position();
- module.hideAll();
- if(settings.transition && $.fn.transition !== undefined) {
- $module
- .transition(settings.transition + ' in', settings.duration, function() {
- module.set.active();
- module.save.focus();
- module.set.type();
- })
- ;
- }
- else {
- $module
- .fadeIn(settings.duration, settings.easing, function() {
- module.set.active();
- module.save.focus();
- module.set.type();
- })
- ;
- }
- module.debug('Triggering dimmer');
- $.proxy(settings.onShow, element)();
- },
-
- showDimmer: function() {
- module.debug('Showing modal');
- module.set.dimmerSettings();
- $context.dimmer('show');
- },
- hideDimmer: function() {
- $context.dimmer('hide');
- },
-
- hide: function() {
- module.debug('Hiding modal');
- // remove keyboard detection
- $document
- .off('keyup.' + eventNamespace)
- ;
- if(settings.transition && $.fn.transition !== undefined) {
- $module
- .transition(settings.transition + ' out', settings.duration, function() {
- module.remove.active();
- module.restore.focus();
- })
- ;
- }
- else {
- $module
- .fadeOut(settings.duration, settings.easing, function() {
- module.remove.active();
- module.restore.focus();
- })
- ;
- }
- $.proxy(settings.onHide, element)();
- },
-
- hideAll: function() {
- $otherModals
- .filter(':visible')
- .modal('hide')
- ;
- },
-
- add: {
- keyboardShortcuts: function() {
- module.verbose('Adding keyboard shortcuts');
- $document
- .on('keyup' + eventNamespace, module.event.keyboard)
- ;
- }
- },
-
- save: {
- focus: function() {
- $focusedElement = $(document.activeElement).blur();
- }
- },
-
- restore: {
- focus: function() {
- $focusedElement.focus();
- }
- },
-
- remove: {
- active: function() {
- $module.removeClass(className.active);
- },
- keyboardShortcuts: function() {
- module.verbose('Removing keyboard shortcuts');
- $document
- .off('keyup' + eventNamespace)
- ;
- },
- scrolling: function() {
- $dimmer.removeClass(className.scrolling);
- $module.removeClass(className.scrolling);
- }
- },
-
- cacheSizes: function() {
- module.cache = {
- height : $module.outerHeight() + settings.offset,
- contextHeight : (settings.context == 'body')
- ? $(window).height()
- : $context.height()
- };
- module.debug('Caching modal and container sizes', module.cache);
- },
-
- can: {
- fit: function() {
- return (module.cache.height < module.cache.contextHeight);
- }
- },
-
- is: {
- active: function() {
- return $module.hasClass(className.active);
- }
- },
-
- set: {
- active: function() {
- $module.addClass(className.active);
- },
- dimmerSettings: function() {
- module.debug('Setting dimmer settings', settings.closable);
- $context
- .dimmer('setting', 'closable', settings.closable)
- .dimmer('setting', 'duration', {
- show : settings.duration * 0.95,
- hide : settings.duration * 1.05
- })
- .dimmer('setting', 'onShow' , module.add.keyboardShortcuts)
- .dimmer('setting', 'onHide', function() {
- module.hide();
- module.remove.keyboardShortcuts();
- })
- .dimmer('destroy')
- .dimmer('initialize')
- ;
- },
- scrolling: function() {
- $dimmer.addClass(className.scrolling);
- $module.addClass(className.scrolling);
- },
- type: function() {
- if(module.can.fit()) {
- module.verbose('Modal fits on screen');
- module.remove.scrolling();
- }
- else {
- module.verbose('Modal cannot fit on screen setting to scrolling');
- module.set.scrolling();
- }
- },
- position: function() {
- module.verbose('Centering modal on page', module.cache, module.cache.height / 2);
- if(module.can.fit()) {
- $module
- .css({
- top: '',
- marginTop: -(module.cache.height / 2)
- })
- ;
- }
- else {
- $module
- .css({
- marginTop : '1em',
- top : $document.scrollTop()
- })
- ;
- }
- }
- },
-
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- })
- ;
-
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.modal.settings = {
-
- name : 'Modal',
- namespace : 'modal',
- verbose : true,
- debug : true,
- performance : true,
-
- closable : true,
- context : 'body',
- duration : 500,
- easing : 'easeOutExpo',
- offset : 0,
- transition : 'scale',
-
- onShow : function(){},
- onHide : function(){},
-
- selector : {
- close : '.close, .actions .button'
- },
- error : {
- method : 'The method you called is not defined.'
- },
- className : {
- active : 'active',
- scrolling : 'scrolling'
- },
-};
-
-
-})( jQuery, window , document );
-/*
- * # Semantic - Nag
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ($, window, document, undefined) {
-
-$.fn.nag = function(parameters) {
- var
- $allModules = $(this),
- settings = $.extend(true, {}, $.fn.nag.settings, parameters),
-
- className = settings.className,
- selector = settings.selector,
- error = settings.error,
- namespace = settings.namespace,
-
- eventNamespace = '.' + namespace,
- moduleNamespace = namespace + '-module',
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- invokedResponse
- ;
- $(this)
- .each(function() {
- var
- $module = $(this),
-
- $close = $module.find(selector.close),
- $context = $(settings.context),
-
-
- element = this,
- instance = $module.data(moduleNamespace),
-
- moduleOffset,
- moduleHeight,
-
- contextWidth,
- contextHeight,
- contextOffset,
-
- yOffset,
- yPosition,
-
- timer,
- module,
-
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); }
- ;
- module = {
-
- initialize: function() {
- module.verbose('Initializing element');
- // calculate module offset once
- moduleOffset = $module.offset();
- moduleHeight = $module.outerHeight();
- contextWidth = $context.outerWidth();
- contextHeight = $context.outerHeight();
- contextOffset = $context.offset();
-
- $module
- .data(moduleNamespace, module)
- ;
- $close
- .on('click' + eventNamespace, module.dismiss)
- ;
- // lets avoid javascript if we dont need to reposition
- if(settings.context == window && settings.position == 'fixed') {
- $module
- .addClass(className.fixed)
- ;
- }
- if(settings.sticky) {
- module.verbose('Adding scroll events');
- // retrigger on scroll for absolute
- if(settings.position == 'absolute') {
- $context
- .on('scroll' + eventNamespace, module.event.scroll)
- .on('resize' + eventNamespace, module.event.scroll)
- ;
- }
- // fixed is always relative to window
- else {
- $(window)
- .on('scroll' + eventNamespace, module.event.scroll)
- .on('resize' + eventNamespace, module.event.scroll)
- ;
- }
- // fire once to position on init
- $.proxy(module.event.scroll, this)();
- }
-
- if(settings.displayTime > 0) {
- setTimeout(module.hide, settings.displayTime);
- }
- if(module.should.show()) {
- if( !$module.is(':visible') ) {
- module.show();
- }
- }
- else {
- module.hide();
- }
- },
-
- destroy: function() {
- module.verbose('Destroying instance');
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- if(settings.sticky) {
- $context
- .off(eventNamespace)
- ;
- }
- },
-
- refresh: function() {
- module.debug('Refreshing cached calculations');
- moduleOffset = $module.offset();
- moduleHeight = $module.outerHeight();
- contextWidth = $context.outerWidth();
- contextHeight = $context.outerHeight();
- contextOffset = $context.offset();
- },
-
- show: function() {
- module.debug('Showing nag', settings.animation.show);
- if(settings.animation.show == 'fade') {
- $module
- .fadeIn(settings.duration, settings.easing)
- ;
- }
- else {
- $module
- .slideDown(settings.duration, settings.easing)
- ;
- }
- },
-
- hide: function() {
- module.debug('Showing nag', settings.animation.hide);
- if(settings.animation.show == 'fade') {
- $module
- .fadeIn(settings.duration, settings.easing)
- ;
- }
- else {
- $module
- .slideUp(settings.duration, settings.easing)
- ;
- }
- },
-
- onHide: function() {
- module.debug('Removing nag', settings.animation.hide);
- $module.remove();
- if (settings.onHide) {
- settings.onHide();
- }
- },
-
- stick: function() {
- module.refresh();
-
- if(settings.position == 'fixed') {
- var
- windowScroll = $(window).prop('pageYOffset') || $(window).scrollTop(),
- fixedOffset = ( $module.hasClass(className.bottom) )
- ? contextOffset.top + (contextHeight - moduleHeight) - windowScroll
- : contextOffset.top - windowScroll
- ;
- $module
- .css({
- position : 'fixed',
- top : fixedOffset,
- left : contextOffset.left,
- width : contextWidth - settings.scrollBarWidth
- })
- ;
- }
- else {
- $module
- .css({
- top : yPosition
- })
- ;
- }
- },
- unStick: function() {
- $module
- .css({
- top : ''
- })
- ;
- },
- dismiss: function(event) {
- if(settings.storageMethod) {
- module.storage.set(settings.storedKey, settings.storedValue);
- }
- module.hide();
- event.stopImmediatePropagation();
- event.preventDefault();
- },
-
- should: {
- show: function() {
- if(settings.persist) {
- module.debug('Persistent nag is set, can show nag');
- return true;
- }
- if(module.storage.get(settings.storedKey) != settings.storedValue) {
- module.debug('Stored value is not set, can show nag', module.storage.get(settings.storedKey));
- return true;
- }
- module.debug('Stored value is set, cannot show nag', module.storage.get(settings.storedKey));
- return false;
- },
- stick: function() {
- yOffset = $context.prop('pageYOffset') || $context.scrollTop();
- yPosition = ( $module.hasClass(className.bottom) )
- ? (contextHeight - $module.outerHeight() ) + yOffset
- : yOffset
- ;
- // absolute position calculated when y offset met
- if(yPosition > moduleOffset.top) {
- return true;
- }
- else if(settings.position == 'fixed') {
- return true;
- }
- return false;
- }
- },
-
- storage: {
-
- set: function(key, value) {
- module.debug('Setting stored value', key, value, settings.storageMethod);
- if(settings.storageMethod == 'local' && window.store !== undefined) {
- window.store.set(key, value);
- }
- // store by cookie
- else if($.cookie !== undefined) {
- $.cookie(key, value);
- }
- else {
- module.error(error.noStorage);
- }
- },
- get: function(key) {
- module.debug('Getting stored value', key, settings.storageMethod);
- if(settings.storageMethod == 'local' && window.store !== undefined) {
- return window.store.get(key);
- }
- // get by cookie
- else if($.cookie !== undefined) {
- return $.cookie(key);
- }
- else {
- module.error(error.noStorage);
- }
- }
-
- },
-
- event: {
- scroll: function() {
- if(timer !== undefined) {
- clearTimeout(timer);
- }
- timer = setTimeout(function() {
- if(module.should.stick() ) {
- requestAnimationFrame(module.stick);
- }
- else {
- module.unStick();
- }
- }, settings.lag);
- }
- },
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- module.debug('Changing internal', name, value);
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.size() > 1) {
- title += ' ' + '(' + $allModules.size() + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
-
- })
- ;
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.nag.settings = {
-
- name : 'Nag',
-
- verbose : true,
- debug : true,
- performance : true,
-
- namespace : 'Nag',
-
- // allows cookie to be overriden
- persist : false,
-
- // set to zero to manually dismiss, otherwise hides on its own
- displayTime : 0,
-
- animation : {
- show: 'slide',
- hide: 'slide'
- },
-
- // method of stickyness
- position : 'fixed',
- scrollBarWidth : 18,
-
- // type of storage to use
- storageMethod : 'cookie',
-
- // value to store in dismissed localstorage/cookie
- storedKey : 'nag',
- storedValue : 'dismiss',
-
- // need to calculate stickyness on scroll
- sticky : false,
-
- // how often to check scroll event
- lag : 0,
-
- // context for scroll event
- context : window,
-
- error: {
- noStorage : 'Neither $.cookie or store is defined. A storage solution is required for storing state',
- method : 'The method you called is not defined.'
- },
-
- className : {
- bottom : 'bottom',
- fixed : 'fixed'
- },
-
- selector : {
- close: '.icon.close'
- },
-
- speed : 500,
- easing : 'easeOutQuad',
-
- onHide: function() {}
-
-};
-
-})( jQuery, window , document );
-
-/*
- * # Semantic - Popup
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ($, window, document, undefined) {
-
-$.fn.popup = function(parameters) {
- var
- $allModules = $(this),
- $document = $(document),
-
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.popup.settings, parameters)
- : $.fn.popup.settings,
-
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
-
- invokedResponse
- ;
- $allModules
- .each(function() {
- var
- $module = $(this),
-
- $window = $(window),
- $offsetParent = $module.offsetParent(),
- $popup = (settings.inline)
- ? $module.next(settings.selector.popup)
- : $window.children(settings.selector.popup).last(),
-
- searchDepth = 0,
-
- eventNamespace = '.' + settings.namespace,
- moduleNamespace = settings.namespace + '-module',
-
- selector = settings.selector,
- className = settings.className,
- error = settings.error,
- metadata = settings.metadata,
- namespace = settings.namespace,
-
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
-
- module = {
-
- // binds events
- initialize: function() {
- module.debug('Initializing module', $module);
- if(settings.on == 'hover') {
- $module
- .on('mouseenter' + eventNamespace, module.event.mouseenter)
- .on('mouseleave' + eventNamespace, module.event.mouseleave)
- ;
- }
- else {
- $module
- .on(settings.on + '' + eventNamespace, module.event[settings.on])
- ;
- }
- $window
- .on('resize' + eventNamespace, module.event.resize)
- ;
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
-
- refresh: function() {
- $popup = (settings.inline)
- ? $module.next(selector.popup)
- : $window.children(selector.popup).last()
- ;
- $offsetParent = $module.offsetParent();
- },
-
- destroy: function() {
- module.debug('Destroying previous module');
- $module
- .off(eventNamespace)
- .removeData(moduleNamespace)
- ;
- },
-
- event: {
- mouseenter: function(event) {
- var element = this;
- module.timer = setTimeout(function() {
- $.proxy(module.toggle, element)();
- if( $(element).hasClass(className.visible) ) {
- event.stopPropagation();
- }
- }, settings.delay);
- },
- mouseleave: function() {
- clearTimeout(module.timer);
- if( $module.is(':visible') ) {
- module.hide();
- }
- },
- click: function(event) {
- $.proxy(module.toggle, this)();
- if( $(this).hasClass(className.visible) ) {
- event.stopPropagation();
- }
- },
- resize: function() {
- if( $popup.is(':visible') ) {
- module.position();
- }
- }
- },
-
- // generates popup html from metadata
- create: function() {
- module.debug('Creating pop-up html');
- var
- html = $module.data(metadata.html) || settings.html,
- variation = $module.data(metadata.variation) || settings.variation,
- title = $module.data(metadata.title) || settings.title,
- content = $module.data(metadata.content) || $module.attr('title') || settings.content
- ;
- if(html || content || title) {
- if(!html) {
- html = settings.template({
- title : title,
- content : content
- });
- }
- $popup = $('')
- .addClass(className.popup)
- .addClass(variation)
- .html(html)
- ;
- if(settings.inline) {
- module.verbose('Inserting popup element inline');
- $popup
- .insertAfter($module)
- ;
- }
- else {
- module.verbose('Appending popup element to body');
- $popup
- .appendTo( $('body') )
- ;
- }
- $.proxy(settings.onInit, $popup)();
- }
- else {
- module.error(error.content);
- }
- },
-
- remove: function() {
- module.debug('Removing popup');
- $popup
- .remove()
- ;
- },
-
- get: {
- offstagePosition: function() {
- var
- boundary = {
- top : $(window).scrollTop(),
- bottom : $(window).scrollTop() + $(window).height(),
- left : 0,
- right : $(window).width()
- },
- popup = {
- width : $popup.width(),
- height : $popup.outerHeight(),
- position : $popup.offset()
- },
- offstage = {},
- offstagePositions = []
- ;
- if(popup.position) {
- offstage = {
- top : (popup.position.top < boundary.top),
- bottom : (popup.position.top + popup.height > boundary.bottom),
- right : (popup.position.left + popup.width > boundary.right),
- left : (popup.position.left < boundary.left)
- };
- }
- module.verbose('Checking if outside viewable area', popup.position);
- // return only boundaries that have been surpassed
- $.each(offstage, function(direction, isOffstage) {
- if(isOffstage) {
- offstagePositions.push(direction);
- }
- });
- return (offstagePositions.length > 0)
- ? offstagePositions.join(' ')
- : false
- ;
- },
- nextPosition: function(position) {
- switch(position) {
- case 'top left':
- position = 'bottom left';
- break;
- case 'bottom left':
- position = 'top right';
- break;
- case 'top right':
- position = 'bottom right';
- break;
- case 'bottom right':
- position = 'top center';
- break;
- case 'top center':
- position = 'bottom center';
- break;
- case 'bottom center':
- position = 'right center';
- break;
- case 'right center':
- position = 'left center';
- break;
- case 'left center':
- position = 'top center';
- break;
- }
- return position;
- }
- },
-
- // determines popup state
- toggle: function() {
- $module = $(this);
- module.debug('Toggling pop-up');
- // refresh state of module
- module.refresh();
- if( !$module.hasClass(className.visible) ) {
- if(settings.on == 'click') {
- module.hideAll();
- }
- module.show();
- }
- else {
- // module.hide();
- }
- },
-
- position: function(position, arrowOffset) {
- var
- windowWidth = $(window).width(),
- windowHeight = $(window).height(),
- width = $module.outerWidth(),
- height = $module.outerHeight(),
- popupWidth = $popup.width(),
- popupHeight = $popup.outerHeight(),
-
- offset = (settings.inline)
- ? $module.position()
- : $module.offset(),
- parentWidth = (settings.inline)
- ? $offsetParent.outerWidth()
- : $window.outerWidth(),
- parentHeight = (settings.inline)
- ? $offsetParent.outerHeight()
- : $window.outerHeight(),
-
- positioning,
- offstagePosition
- ;
- position = position || $module.data(metadata.position) || settings.position;
- arrowOffset = arrowOffset || $module.data(metadata.arrowOffset) || settings.arrowOffset;
- module.debug('Calculating offset for position', position);
- switch(position) {
- case 'top left':
- positioning = {
- bottom : parentHeight - offset.top + settings.distanceAway,
- right : parentWidth - offset.left - width - arrowOffset,
- top : 'auto',
- left : 'auto'
- };
- break;
- case 'top center':
- positioning = {
- bottom : parentHeight - offset.top + settings.distanceAway,
- left : offset.left + (width / 2) - (popupWidth / 2) + arrowOffset,
- top : 'auto',
- right : 'auto'
- };
- break;
- case 'top right':
- positioning = {
- top : 'auto',
- bottom : parentHeight - offset.top + settings.distanceAway,
- left : offset.left + arrowOffset
- };
- break;
- case 'left center':
- positioning = {
- top : offset.top + (height / 2) - (popupHeight / 2),
- right : parentWidth - offset.left + settings.distanceAway - arrowOffset,
- left : 'auto',
- bottom : 'auto'
- };
- break;
- case 'right center':
- positioning = {
- top : offset.top + (height / 2) - (popupHeight / 2),
- left : offset.left + width + settings.distanceAway + arrowOffset,
- bottom : 'auto',
- right : 'auto'
- };
- break;
- case 'bottom left':
- positioning = {
- top : offset.top + height + settings.distanceAway,
- right : parentWidth - offset.left - width - arrowOffset,
- left : 'auto',
- bottom : 'auto'
- };
- break;
- case 'bottom center':
- positioning = {
- top : offset.top + height + settings.distanceAway,
- left : offset.left + (width / 2) - (popupWidth / 2) + arrowOffset,
- bottom : 'auto',
- right : 'auto'
- };
- break;
- case 'bottom right':
- positioning = {
- top : offset.top + height + settings.distanceAway,
- left : offset.left + arrowOffset,
- bottom : 'auto',
- right : 'auto'
- };
- break;
- }
- // true width on popup, avoid rounding error
- $.extend(positioning, {
- width: $popup.width() + 1
- });
- // tentatively place on stage
- $popup
- .attr('class', position + ' ' + className.popup + ' ' + className.loading)
- .css(positioning)
- ;
- // check if is offstage
- offstagePosition = module.get.offstagePosition();
- // recursively find new positioning
- if(offstagePosition) {
- module.debug('Element is outside boundaries ', offstagePosition);
- if(searchDepth < settings.maxSearchDepth) {
- position = module.get.nextPosition(position);
- searchDepth++;
- module.debug('Trying new position: ', position);
- return module.position(position);
- }
- else {
- module.error(error.recursion);
- searchDepth = 0;
- return false;
- }
- }
- else {
- module.debug('Position is on stage', position);
- searchDepth = 0;
- return true;
- }
- },
-
- show: function() {
- module.debug('Showing pop-up', settings.transition);
- if($popup.size() === 0) {
- module.create();
- }
- module.position();
- $module
- .addClass(className.visible)
- ;
- $popup
- .removeClass(className.loading)
- ;
- if(settings.transition && $.fn.transition !== undefined) {
- $popup
- .transition(settings.transition + ' in', settings.duration)
- ;
- }
- else {
- $popup
- .stop()
- .fadeIn(settings.duration, settings.easing)
- ;
- }
- if(settings.on == 'click' && settings.clicktoClose) {
- module.debug('Binding popup close event');
- $document
- .on('click.' + namespace, module.gracefully.hide)
- ;
- }
- $.proxy(settings.onShow, $popup)();
- },
-
- hideAll: function() {
- $(selector.popup)
- .filter(':visible')
- .popup('hide')
- ;
- },
-
- hide: function() {
- $module
- .removeClass(className.visible)
- ;
- if($popup.is(':visible') ) {
- module.debug('Hiding pop-up');
- if(settings.transition && $.fn.transition !== undefined) {
- $popup
- .transition(settings.transition + ' out', settings.duration, module.reset)
- ;
- }
- else {
- $popup
- .stop()
- .fadeOut(settings.duration, settings.easing, module.reset)
- ;
- }
- }
- if(settings.on == 'click' && settings.clicktoClose) {
- $document
- .off('click.' + namespace)
- ;
- }
- $.proxy(settings.onHide, $popup)();
- if(!settings.inline) {
- module.remove();
- }
- },
-
- reset: function() {
- module.verbose('Resetting inline styles');
- $popup
- .attr('style', '')
- .removeAttr('style')
- ;
- },
-
- gracefully: {
- hide: function(event) {
- // don't close on clicks inside popup
- if( $(event.target).closest(selector.popup).size() === 0) {
- module.hide();
- }
- }
- },
-
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- })
- ;
-
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.popup.settings = {
-
- name : 'Popup',
- debug : true,
- verbose : true,
- performance : true,
- namespace : 'popup',
-
- onInit : function(){},
- onShow : function(){},
- onHide : function(){},
-
- variation : '',
- content : false,
- html : false,
- title : false,
-
- on : 'hover',
- clicktoClose : true,
-
- position : 'top center',
- delay : 150,
- inline : true,
-
- duration : 150,
- easing : 'easeOutQuint',
- transition : 'scale',
-
- distanceAway : 0,
- arrowOffset : 0,
- maxSearchDepth : 10,
-
- error: {
- content : 'Your popup has no content specified',
- method : 'The method you called is not defined.',
- recursion : 'Popup attempted to reposition element to fit, but could not find an adequate position.'
- },
-
- metadata: {
- arrowOffset : 'arrowOffset',
- content : 'content',
- html : 'html',
- position : 'position',
- title : 'title',
- variation : 'variation'
- },
-
- className : {
- popup : 'ui popup',
- visible : 'visible',
- loading : 'loading'
- },
-
- selector : {
- popup : '.ui.popup'
- },
-
- template: function(text) {
- var html = '';
- if(typeof text !== undefined) {
- if(typeof text.title !== undefined && text.title) {
- html += ''
- + ' 
'
- + '
'
- ;
- if(member.color !== undefined) {
- html += ' ';
- }
- else {
- html += ' ';
- }
- html += '' + text.title + '
';
- }
- if(typeof text.content !== undefined && text.content) {
- html += '' + text.content + '
';
- }
- }
- return html;
- }
-
-};
-
-})( jQuery, window , document );
-
-/*
- * # Semantic - Rating
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ($, window, document, undefined) {
-
-$.fn.rating = function(parameters) {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
-
- settings = $.extend(true, {}, $.fn.rating.settings, parameters),
-
- namespace = settings.namespace,
- className = settings.className,
- metadata = settings.metadata,
- selector = settings.selector,
- error = settings.error,
-
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- invokedResponse
- ;
- $allModules
- .each(function() {
- var
- $module = $(this),
- $icon = $module.find(selector.icon),
-
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
-
- module = {
-
- initialize: function() {
- module.verbose('Initializing rating module', settings);
-
- if(settings.interactive) {
- module.enable();
- }
- else {
- module.disable();
- }
-
- if(settings.initialRating) {
- module.debug('Setting initial rating');
- module.setRating(settings.initialRating);
- }
- if( $module.data(metadata.rating) ) {
- module.debug('Rating found in metadata');
- module.setRating( $module.data(metadata.rating) );
- }
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Instantiating module', settings);
- $module
- .data(moduleNamespace, module)
- ;
- },
-
- destroy: function() {
- $module
- .removeData(moduleNamespace)
- ;
- $icon
- .off(eventNamespace)
- ;
- },
-
- event: {
- mouseenter: function() {
- var
- $activeIcon = $(this)
- ;
- $activeIcon
- .nextAll()
- .removeClass(className.hover)
- ;
- $module
- .addClass(className.hover)
- ;
- $activeIcon
- .addClass(className.hover)
- .prevAll()
- .addClass(className.hover)
- ;
- },
- mouseleave: function() {
- $module
- .removeClass(className.hover)
- ;
- $icon
- .removeClass(className.hover)
- ;
- },
- click: function() {
- var
- $activeIcon = $(this),
- currentRating = module.getRating(),
- rating = $icon.index($activeIcon) + 1
- ;
- if(settings.clearable && currentRating == rating) {
- module.clearRating();
- }
- else {
- module.setRating( rating );
- }
- }
- },
-
- clearRating: function() {
- module.debug('Clearing current rating');
- module.setRating(0);
- },
-
- getRating: function() {
- var
- currentRating = $icon.filter('.' + className.active).size()
- ;
- module.verbose('Current rating retrieved', currentRating);
- return currentRating;
- },
-
- enable: function() {
- module.debug('Setting rating to interactive mode');
- $icon
- .on('mouseenter' + eventNamespace, module.event.mouseenter)
- .on('mouseleave' + eventNamespace, module.event.mouseleave)
- .on('click' + eventNamespace, module.event.click)
- ;
- $module
- .addClass(className.active)
- ;
- },
-
- disable: function() {
- module.debug('Setting rating to read-only mode');
- $icon
- .off(eventNamespace)
- ;
- $module
- .removeClass(className.active)
- ;
- },
-
- setRating: function(rating) {
- var
- ratingIndex = (rating - 1 >= 0)
- ? (rating - 1)
- : 0,
- $activeIcon = $icon.eq(ratingIndex)
- ;
- $module
- .removeClass(className.hover)
- ;
- $icon
- .removeClass(className.hover)
- .removeClass(className.active)
- ;
- if(rating > 0) {
- module.verbose('Setting current rating to', rating);
- $activeIcon
- .addClass(className.active)
- .prevAll()
- .addClass(className.active)
- ;
- }
- $.proxy(settings.onRate, element)(rating);
- },
-
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- })
- ;
-
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.rating.settings = {
-
- name : 'Rating',
- namespace : 'rating',
-
- verbose : true,
- debug : true,
- performance : true,
-
- initialRating : 0,
- interactive : true,
- clearable : false,
-
- onRate : function(rating){},
-
- error : {
- method : 'The method you called is not defined'
- },
-
- metadata: {
- rating: 'rating'
- },
-
- className : {
- active : 'active',
- hover : 'hover',
- loading : 'loading'
- },
-
- selector : {
- icon : '.icon'
- }
-
-};
-
-})( jQuery, window , document );
-
-/*
- * # Semantic - Search
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ($, window, document, undefined) {
-
-$.fn.search = function(source, parameters) {
- var
- $allModules = $(this),
- settings = $.extend(true, {}, $.fn.search.settings, parameters),
-
-
- className = settings.className,
- selector = settings.selector,
- error = settings.error,
- namespace = settings.namespace,
-
- eventNamespace = '.' + namespace,
- moduleNamespace = namespace + '-module',
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- invokedResponse
- ;
- $(this)
- .each(function() {
- var
- $module = $(this),
- $prompt = $module.find(selector.prompt),
- $searchButton = $module.find(selector.searchButton),
- $results = $module.find(selector.results),
- $result = $module.find(selector.result),
- $category = $module.find(selector.category),
-
- element = this,
- instance = $module.data(moduleNamespace),
-
- module
- ;
- module = {
-
- initialize: function() {
- module.verbose('Initializing module');
- var
- prompt = $prompt[0],
- inputEvent = (prompt.oninput !== undefined)
- ? 'input'
- : (prompt.onpropertychange !== undefined)
- ? 'propertychange'
- : 'keyup'
- ;
- // attach events
- $prompt
- .on('focus' + eventNamespace, module.event.focus)
- .on('blur' + eventNamespace, module.event.blur)
- .on('keydown' + eventNamespace, module.handleKeyboard)
- ;
- if(settings.automatic) {
- $prompt
- .on(inputEvent + eventNamespace, module.search.throttle)
- ;
- }
- $searchButton
- .on('click' + eventNamespace, module.search.query)
- ;
- $results
- .on('click' + eventNamespace, selector.result, module.results.select)
- ;
- module.instantiate();
- },
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
- destroy: function() {
- module.verbose('Destroying instance');
- $module
- .removeData(moduleNamespace)
- ;
- },
- event: {
- focus: function() {
- $module
- .addClass(className.focus)
- ;
- module.results.show();
- },
- blur: function() {
- module.search.cancel();
- $module
- .removeClass(className.focus)
- ;
- module.results.hide();
- }
- },
- handleKeyboard: function(event) {
- var
- // force latest jq dom
- $result = $module.find(selector.result),
- $category = $module.find(selector.category),
- keyCode = event.which,
- keys = {
- backspace : 8,
- enter : 13,
- escape : 27,
- upArrow : 38,
- downArrow : 40
- },
- activeClass = className.active,
- currentIndex = $result.index( $result.filter('.' + activeClass) ),
- resultSize = $result.size(),
- newIndex
- ;
- // search shortcuts
- if(keyCode == keys.escape) {
- module.verbose('Escape key pressed, blurring search field');
- $prompt
- .trigger('blur')
- ;
- }
- // result shortcuts
- if($results.filter(':visible').size() > 0) {
- if(keyCode == keys.enter) {
- module.verbose('Enter key pressed, selecting active result');
- if( $result.filter('.' + activeClass).exists() ) {
- $.proxy(module.results.select, $result.filter('.' + activeClass) )();
- event.preventDefault();
- return false;
- }
- }
- else if(keyCode == keys.upArrow) {
- module.verbose('Up key pressed, changing active result');
- newIndex = (currentIndex - 1 < 0)
- ? currentIndex
- : currentIndex - 1
- ;
- $category
- .removeClass(activeClass)
- ;
- $result
- .removeClass(activeClass)
- .eq(newIndex)
- .addClass(activeClass)
- .closest($category)
- .addClass(activeClass)
- ;
- event.preventDefault();
- }
- else if(keyCode == keys.downArrow) {
- module.verbose('Down key pressed, changing active result');
- newIndex = (currentIndex + 1 >= resultSize)
- ? currentIndex
- : currentIndex + 1
- ;
- $category
- .removeClass(activeClass)
- ;
- $result
- .removeClass(activeClass)
- .eq(newIndex)
- .addClass(activeClass)
- .closest($category)
- .addClass(activeClass)
- ;
- event.preventDefault();
- }
- }
- else {
- // query shortcuts
- if(keyCode == keys.enter) {
- module.verbose('Enter key pressed, executing query');
- module.search.query();
- $searchButton
- .addClass(className.down)
- ;
- $prompt
- .one('keyup', function(){
- $searchButton
- .removeClass(className.down)
- ;
- })
- ;
- }
- }
- },
- search: {
- cancel: function() {
- var
- xhr = $module.data('xhr') || false
- ;
- if( xhr && xhr.state() != 'resolved') {
- module.debug('Cancelling last search');
- xhr.abort();
- }
- },
- throttle: function() {
- var
- searchTerm = $prompt.val(),
- numCharacters = searchTerm.length
- ;
- clearTimeout(module.timer);
- if(numCharacters >= settings.minCharacters) {
- module.timer = setTimeout(module.search.query, settings.searchThrottle);
- }
- else {
- module.results.hide();
- }
- },
- query: function() {
- var
- searchTerm = $prompt.val(),
- cachedHTML = module.search.cache.read(searchTerm)
- ;
- if(cachedHTML) {
- module.debug("Reading result for '" + searchTerm + "' from cache");
- module.results.add(cachedHTML);
- }
- else {
- module.debug("Querying for '" + searchTerm + "'");
- if(typeof source == 'object') {
- module.search.local(searchTerm);
- }
- else {
- module.search.remote(searchTerm);
- }
- $.proxy(settings.onSearchQuery, $module)(searchTerm);
- }
- },
- local: function(searchTerm) {
- var
- results = [],
- fullTextResults = [],
- searchFields = $.isArray(settings.searchFields)
- ? settings.searchFields
- : [settings.searchFields],
-
- searchRegExp = new RegExp('(?:\s|^)' + searchTerm, 'i'),
- fullTextRegExp = new RegExp(searchTerm, 'i'),
- searchHTML
- ;
- $module
- .addClass(className.loading)
- ;
- // iterate through search fields in array order
- $.each(searchFields, function(index, field) {
- $.each(source, function(label, thing) {
- if(typeof thing[field] == 'string' && ($.inArray(thing, results) == -1) && ($.inArray(thing, fullTextResults) == -1) ) {
- if( searchRegExp.test( thing[field] ) ) {
- results.push(thing);
- }
- else if( fullTextRegExp.test( thing[field] ) ) {
- fullTextResults.push(thing);
- }
- }
- });
- });
- searchHTML = module.results.generate({
- results: $.merge(results, fullTextResults)
- });
- $module
- .removeClass(className.loading)
- ;
- module.search.cache.write(searchTerm, searchHTML);
- module.results.add(searchHTML);
- },
- remote: function(searchTerm) {
- var
- apiSettings = {
- stateContext : $module,
- url : source,
- urlData: { query: searchTerm },
- success : function(response) {
- searchHTML = module.results.generate(response);
- module.search.cache.write(searchTerm, searchHTML);
- module.results.add(searchHTML);
- },
- failure : module.error
- },
- searchHTML
- ;
- module.search.cancel();
- module.debug('Executing search');
- $.extend(true, apiSettings, settings.apiSettings);
- $.api(apiSettings);
- },
-
- cache: {
- read: function(name) {
- var
- cache = $module.data('cache')
- ;
- return (settings.cache && (typeof cache == 'object') && (cache[name] !== undefined) )
- ? cache[name]
- : false
- ;
- },
- write: function(name, value) {
- var
- cache = ($module.data('cache') !== undefined)
- ? $module.data('cache')
- : {}
- ;
- cache[name] = value;
- $module
- .data('cache', cache)
- ;
- }
- }
- },
-
- results: {
- generate: function(response) {
- module.debug('Generating html from response', response);
- var
- template = settings.templates[settings.type],
- html = ''
- ;
- if(($.isPlainObject(response.results) && !$.isEmptyObject(response.results)) || ($.isArray(response.results) && response.results.length > 0) ) {
- if(settings.maxResults > 0) {
- response.results = $.makeArray(response.results).slice(0, settings.maxResults);
- }
- if(response.results.length > 0) {
- if($.isFunction(template)) {
- html = template(response);
- }
- else {
- module.error(error.noTemplate, false);
- }
- }
- }
- else {
- html = module.message(error.noResults, 'empty');
- }
- $.proxy(settings.onResults, $module)(response);
- return html;
- },
- add: function(html) {
- if(settings.onResultsAdd == 'default' || $.proxy(settings.onResultsAdd, $results)(html) == 'default') {
- $results
- .html(html)
- ;
- }
- module.results.show();
- },
- show: function() {
- if( ($results.filter(':visible').size() === 0) && ($prompt.filter(':focus').size() > 0) && $results.html() !== '') {
- $results
- .stop()
- .fadeIn(200)
- ;
- $.proxy(settings.onResultsOpen, $results)();
- }
- },
- hide: function() {
- if($results.filter(':visible').size() > 0) {
- $results
- .stop()
- .fadeOut(200)
- ;
- $.proxy(settings.onResultsClose, $results)();
- }
- },
- select: function(event) {
- module.debug('Search result selected');
- var
- $result = $(this),
- $title = $result.find('.title'),
- title = $title.html()
- ;
- if(settings.onSelect == 'default' || $.proxy(settings.onSelect, this)(event) == 'default') {
- var
- $link = $result.find('a[href]').eq(0),
- href = $link.attr('href') || false,
- target = $link.attr('target') || false
- ;
- module.results.hide();
- $prompt
- .val(title)
- ;
- if(href) {
- if(target == '_blank' || event.ctrlKey) {
- window.open(href);
- }
- else {
- window.location.href = (href);
- }
- }
- }
- }
- },
-
- setting: function(name, value) {
- module.debug('Changing setting', name, value);
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- module.debug('Changing internal', name, value);
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.size() > 1) {
- title += ' ' + '(' + $allModules.size() + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
-
- })
- ;
-
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.search.settings = {
-
- name : 'Search Module',
- namespace : 'search',
-
- debug : true,
- verbose : true,
- performance : true,
-
- // onSelect default action is defined in module
- onSelect : 'default',
- onResultsAdd : 'default',
-
- onSearchQuery : function(){},
- onResults : function(response){},
-
- onResultsOpen : function(){},
- onResultsClose : function(){},
-
- automatic : 'true',
- type : 'simple',
- minCharacters : 3,
- searchThrottle : 300,
- maxResults : 7,
- cache : true,
-
- searchFields : [
- 'title',
- 'description'
- ],
-
- // api config
- apiSettings: {
-
- },
-
- className: {
- active : 'active',
- down : 'down',
- focus : 'focus',
- empty : 'empty',
- loading : 'loading'
- },
-
- error : {
- noResults : 'Your search returned no results',
- logging : 'Error in debug logging, exiting.',
- noTemplate : 'A valid template name was not specified.',
- serverError : 'There was an issue with querying the server.',
- method : 'The method you called is not defined.'
- },
-
- selector : {
- prompt : '.prompt',
- searchButton : '.search.button',
- results : '.results',
- category : '.category',
- result : '.result'
- },
-
- templates: {
- message: function(message, type) {
- var
- html = ''
- ;
- if(message !== undefined && type !== undefined) {
- html += ''
- + '';
- }
- return html;
- },
- categories: function(response) {
- var
- html = ''
- ;
- if(response.results !== undefined) {
- // each category
- $.each(response.results, function(index, category) {
- if(category.results !== undefined && category.results.length > 0) {
- html += ''
- + ''
- + '
'
- ;
- }
- });
- if(response.resultPage) {
- html += ''
- + ''
- + response.resultPage.text
- + '';
- }
- return html;
- }
- return false;
- },
- simple: function(response) {
- var
- html = ''
- ;
- if(response.results !== undefined) {
-
- // each result
- $.each(response.results, function(index, result) {
- html += '';
- if(result.image !== undefined) {
- html+= ''
- + '' + category.name + '
'
- ;
- // each item inside category
- $.each(category.results, function(index, result) {
- html += '';
- html += '';
- if(result.image !== undefined) {
- html+= ''
- + '
'
- ;
- });
- html += ''
- + ''
- + ' 
'
- + '
'
- ;
- }
- html += '';
- if(result.price !== undefined) {
- html+= '
'
- + '' + result.price + '
';
- }
- if(result.title !== undefined) {
- html+= '' + result.title + '
';
- }
- if(result.description !== undefined) {
- html+= '' + result.description + '
';
- }
- html += ''
- + ''
- + ' '
- + '
'
- ;
- }
- html += '';
- if(result.price !== undefined) {
- html+= '
'
- + ''
- ;
- });
-
- if(response.resultPage) {
- html += ''
- + ''
- + response.resultPage.text
- + '';
- }
- return html;
- }
- return false;
- }
- }
-};
-
-})( jQuery, window , document );
-/*
- * # Semantic - Shape
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ( $, window, document, undefined ) {
-
-$.fn.shape = function(parameters) {
- var
- $allModules = $(this),
-
- moduleSelector = $allModules.selector || '',
- settings = $.extend(true, {}, $.fn.shape.settings, parameters),
-
- // internal aliases
- namespace = settings.namespace,
- selector = settings.selector,
- error = settings.error,
- className = settings.className,
-
- // define namespaces for modules
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- invokedResponse
- ;
-
- $allModules
- .each(function() {
- var
- // selector cache
- $module = $(this),
- $sides = $module.find(selector.sides),
- $side = $module.find(selector.side),
-
- // private variables
- $activeSide,
- $nextSide,
-
- // standard module
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
-
- module = {
-
- initialize: function() {
- module.verbose('Initializing module for', element);
- module.set.defaultSide();
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
-
- destroy: function() {
- module.verbose('Destroying previous module for', element);
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- },
-
- refresh: function() {
- module.verbose('Refreshing selector cache for', element);
- $module = $(element);
- $sides = $(this).find(selector.shape);
- $side = $(this).find(selector.side);
- },
-
- repaint: function() {
- module.verbose('Forcing repaint event');
- var
- shape = $sides.get(0) || document.createElement('div'),
- fakeAssignment = shape.offsetWidth
- ;
- },
-
- animate: function(propertyObject, callback) {
- module.verbose('Animating box with properties', propertyObject);
- callback = callback || function(event) {
- module.verbose('Executing animation callback');
- if(event !== undefined) {
- event.stopPropagation();
- }
- module.reset();
- module.set.active();
- };
- if(settings.useCSS) {
- if(module.get.transitionEvent()) {
- module.verbose('Starting CSS animation');
- $module
- .addClass(className.animating)
- ;
- module.set.stageSize();
- module.repaint();
- $module
- .addClass(className.css)
- ;
- $activeSide
- .addClass(className.hidden)
- ;
- $sides
- .css(propertyObject)
- .one(module.get.transitionEvent(), callback)
- ;
- }
- else {
- callback();
- }
- }
- else {
- // not yet supported until .animate() is extended to allow RotateX/Y
- module.verbose('Starting javascript animation');
- $module
- .addClass(className.animating)
- .removeClass(className.css)
- ;
- module.set.stageSize();
- module.repaint();
- $activeSide
- .animate({
- opacity: 0
- }, settings.duration, settings.easing)
- ;
- $sides
- .animate(propertyObject, settings.duration, settings.easing, callback)
- ;
- }
- },
-
- queue: function(method) {
- module.debug('Queueing animation of', method);
- $sides
- .one(module.get.transitionEvent(), function() {
- module.debug('Executing queued animation');
- setTimeout(function(){
- $module.shape(method);
- }, 0);
- })
- ;
- },
-
- reset: function() {
- module.verbose('Animating states reset');
- $module
- .removeClass(className.css)
- .removeClass(className.animating)
- .attr('style', '')
- .removeAttr('style')
- ;
- // removeAttr style does not consistently work in safari
- $sides
- .attr('style', '')
- .removeAttr('style')
- ;
- $side
- .attr('style', '')
- .removeAttr('style')
- .removeClass(className.hidden)
- ;
- $nextSide
- .removeClass(className.animating)
- .attr('style', '')
- .removeAttr('style')
- ;
- },
-
- is: {
- animating: function() {
- return $module.hasClass(className.animating);
- }
- },
-
- get: {
-
- transform: {
- up: function() {
- var
- translate = {
- y: -(($activeSide.outerHeight() - $nextSide.outerHeight()) / 2),
- z: -($activeSide.outerHeight() / 2)
- }
- ;
- return {
- transform: 'translateY(' + translate.y + 'px) translateZ('+ translate.z + 'px) rotateX(-90deg)'
- };
- },
-
- down: function() {
- var
- translate = {
- y: -(($activeSide.outerHeight() - $nextSide.outerHeight()) / 2),
- z: -($activeSide.outerHeight() / 2)
- }
- ;
- return {
- transform: 'translateY(' + translate.y + 'px) translateZ('+ translate.z + 'px) rotateX(90deg)'
- };
- },
-
- left: function() {
- var
- translate = {
- x : -(($activeSide.outerWidth() - $nextSide.outerWidth()) / 2),
- z : -($activeSide.outerWidth() / 2)
- }
- ;
- return {
- transform: 'translateX(' + translate.x + 'px) translateZ(' + translate.z + 'px) rotateY(90deg)'
- };
- },
-
- right: function() {
- var
- translate = {
- x : -(($activeSide.outerWidth() - $nextSide.outerWidth()) / 2),
- z : -($activeSide.outerWidth() / 2)
- }
- ;
- return {
- transform: 'translateX(' + translate.x + 'px) translateZ(' + translate.z + 'px) rotateY(-90deg)'
- };
- },
-
- over: function() {
- var
- translate = {
- x : -(($activeSide.outerWidth() - $nextSide.outerWidth()) / 2)
- }
- ;
- return {
- transform: 'translateX(' + translate.x + 'px) rotateY(180deg)'
- };
- },
-
- back: function() {
- var
- translate = {
- x : -(($activeSide.outerWidth() - $nextSide.outerWidth()) / 2)
- }
- ;
- return {
- transform: 'translateX(' + translate.x + 'px) rotateY(-180deg)'
- };
- }
- },
-
- transitionEvent: function() {
- var
- element = document.createElement('element'),
- transitions = {
- 'transition' :'transitionend',
- 'OTransition' :'oTransitionEnd',
- 'MozTransition' :'transitionend',
- 'WebkitTransition' :'webkitTransitionEnd'
- },
- transition
- ;
- for(transition in transitions){
- if( element.style[transition] !== undefined ){
- return transitions[transition];
- }
- }
- },
-
- nextSide: function() {
- return ( $activeSide.next(selector.side).size() > 0 )
- ? $activeSide.next(selector.side)
- : $module.find(selector.side).first()
- ;
- }
-
- },
-
- set: {
-
- defaultSide: function() {
- $activeSide = $module.find('.' + settings.className.active);
- $nextSide = ( $activeSide.next(selector.side).size() > 0 )
- ? $activeSide.next(selector.side)
- : $module.find(selector.side).first()
- ;
- module.verbose('Active side set to', $activeSide);
- module.verbose('Next side set to', $nextSide);
- },
-
- stageSize: function() {
- var
- stage = {
- width : $nextSide.outerWidth(),
- height : $nextSide.outerHeight()
- }
- ;
- module.verbose('Resizing stage to fit new content', stage);
- $module
- .css({
- width : stage.width,
- height : stage.height
- })
- ;
- },
-
- nextSide: function(selector) {
- $nextSide = $module.find(selector);
- if($nextSide.size() === 0) {
- module.error(error.side);
- }
- module.verbose('Next side manually set to', $nextSide);
- },
-
- active: function() {
- module.verbose('Setting new side to active', $nextSide);
- $side
- .removeClass(className.active)
- ;
- $nextSide
- .addClass(className.active)
- ;
- $.proxy(settings.onChange, $nextSide)();
- module.set.defaultSide();
- }
- },
-
- flip: {
-
- up: function() {
- module.debug('Flipping up', $nextSide);
- if( !module.is.animating() ) {
- module.stage.above();
- module.animate( module.get.transform.up() );
- }
- else {
- module.queue('flip up');
- }
- },
-
- down: function() {
- module.debug('Flipping down', $nextSide);
- if( !module.is.animating() ) {
- module.stage.below();
- module.animate( module.get.transform.down() );
- }
- else {
- module.queue('flip down');
- }
- },
-
- left: function() {
- module.debug('Flipping left', $nextSide);
- if( !module.is.animating() ) {
- module.stage.left();
- module.animate(module.get.transform.left() );
- }
- else {
- module.queue('flip left');
- }
- },
-
- right: function() {
- module.debug('Flipping right', $nextSide);
- if( !module.is.animating() ) {
- module.stage.right();
- module.animate(module.get.transform.right() );
- }
- else {
- module.queue('flip right');
- }
- },
-
- over: function() {
- module.debug('Flipping over', $nextSide);
- if( !module.is.animating() ) {
- module.stage.behind();
- module.animate(module.get.transform.over() );
- }
- else {
- module.queue('flip over');
- }
- },
-
- back: function() {
- module.debug('Flipping back', $nextSide);
- if( !module.is.animating() ) {
- module.stage.behind();
- module.animate(module.get.transform.back() );
- }
- else {
- module.queue('flip back');
- }
- }
-
- },
-
- stage: {
-
- above: function() {
- var
- box = {
- origin : (($activeSide.outerHeight() - $nextSide.outerHeight()) / 2),
- depth : {
- active : ($nextSide.outerHeight() / 2),
- next : ($activeSide.outerHeight() / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as above', $nextSide, box);
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'display' : 'block',
- 'top' : box.origin + 'px',
- 'transform' : 'rotateX(90deg) translateZ(' + box.depth.next + 'px)'
- })
- ;
- },
-
- below: function() {
- var
- box = {
- origin : (($activeSide.outerHeight() - $nextSide.outerHeight()) / 2),
- depth : {
- active : ($nextSide.outerHeight() / 2),
- next : ($activeSide.outerHeight() / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as below', $nextSide, box);
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'display' : 'block',
- 'top' : box.origin + 'px',
- 'transform' : 'rotateX(-90deg) translateZ(' + box.depth.next + 'px)'
- })
- ;
- },
-
- left: function() {
- var
- box = {
- origin : ( ( $activeSide.outerWidth() - $nextSide.outerWidth() ) / 2),
- depth : {
- active : ($nextSide.outerWidth() / 2),
- next : ($activeSide.outerWidth() / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as left', $nextSide, box);
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'display' : 'block',
- 'left' : box.origin + 'px',
- 'transform' : 'rotateY(-90deg) translateZ(' + box.depth.next + 'px)'
- })
- ;
- },
-
- right: function() {
- var
- box = {
- origin : ( ( $activeSide.outerWidth() - $nextSide.outerWidth() ) / 2),
- depth : {
- active : ($nextSide.outerWidth() / 2),
- next : ($activeSide.outerWidth() / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as left', $nextSide, box);
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg) translateZ(' + box.depth.active + 'px)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'display' : 'block',
- 'left' : box.origin + 'px',
- 'transform' : 'rotateY(90deg) translateZ(' + box.depth.next + 'px)'
- })
- ;
- },
-
- behind: function() {
- var
- box = {
- origin : ( ( $activeSide.outerWidth() - $nextSide.outerWidth() ) / 2),
- depth : {
- active : ($nextSide.outerWidth() / 2),
- next : ($activeSide.outerWidth() / 2)
- }
- }
- ;
- module.verbose('Setting the initial animation position as behind', $nextSide, box);
- $activeSide
- .css({
- 'transform' : 'rotateY(0deg)'
- })
- ;
- $nextSide
- .addClass(className.animating)
- .css({
- 'display' : 'block',
- 'left' : box.origin + 'px',
- 'transform' : 'rotateY(-180deg)'
- })
- ;
- }
- },
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.size() > 1) {
- title += ' ' + '(' + $allModules.size() + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- })
- ;
-
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.shape.settings = {
-
- // module info
- name : 'Shape',
-
- // debug content outputted to console
- debug : true,
-
- // verbose debug output
- verbose : true,
-
- // performance data output
- performance: true,
-
- // event namespace
- namespace : 'shape',
-
- // callback occurs on side change
- beforeChange : function() {},
- onChange : function() {},
-
- // use css animation (currently only true is supported)
- useCSS : true,
-
- // animation duration (useful only with future js animations)
- duration : 1000,
- easing : 'easeInOutQuad',
-
- // possible errors
- error: {
- side : 'You tried to switch to a side that does not exist.',
- method : 'The method you called is not defined'
- },
-
- // classnames used
- className : {
- css : 'css',
- animating : 'animating',
- hidden : 'hidden',
- active : 'active'
- },
-
- // selectors used
- selector : {
- sides : '.sides',
- side : '.side'
- }
-
-};
-
-
-})( jQuery, window , document );
-/*
- * # Semantic - Dropdown
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ( $, window, document, undefined ) {
-
-$.fn.sidebar = function(parameters) {
- var
- $allModules = $(this),
-
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.sidebar.settings, parameters)
- : $.fn.sidebar.settings,
-
- selector = settings.selector,
- className = settings.className,
- namespace = settings.namespace,
- error = settings.error,
-
- eventNamespace = '.' + namespace,
- moduleNamespace = 'module-' + namespace,
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
- invokedResponse
- ;
-
- $allModules
- .each(function() {
- var
- $module = $(this),
-
- $body = $('body'),
- $head = $('head'),
- $style = $('style[title=' + namespace + ']'),
-
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
-
- module = {
-
- initialize: function() {
- module.debug('Initializing sidebar', $module);
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
-
- destroy: function() {
- module.verbose('Destroying previous module for', $module);
- $module
- .off(eventNamespace)
- .removeData(moduleNamespace)
- ;
- },
-
- refresh: function() {
- module.verbose('Refreshing selector cache');
- $style = $('style[title=' + namespace + ']');
- },
-
- attachEvents: function(selector, event) {
- var
- $toggle = $(selector)
- ;
- event = $.isFunction(module[event])
- ? module[event]
- : module.toggle
- ;
- if($toggle.size() > 0) {
- module.debug('Attaching sidebar events to element', selector, event);
- $toggle
- .off(eventNamespace)
- .on('click' + eventNamespace, event)
- ;
- }
- else {
- module.error(error.notFound);
- }
- },
-
-
- show: function() {
- module.debug('Showing sidebar');
- if(module.is.closed()) {
- if(!settings.overlay) {
- module.pushPage();
- }
- module.set.active();
- }
- else {
- module.debug('Sidebar is already visible');
- }
- },
-
- hide: function() {
- if(module.is.open()) {
- if(!settings.overlay) {
- module.pullPage();
- module.remove.pushed();
- }
- module.remove.active();
- }
- },
-
- toggle: function() {
- if(module.is.closed()) {
- module.show();
- }
- else {
- module.hide();
- }
- },
-
- pushPage: function() {
- var
- direction = module.get.direction(),
- distance = (module.is.vertical())
- ? $module.outerHeight()
- : $module.outerWidth()
- ;
- if(settings.useCSS) {
- module.debug('Using CSS to animate body');
- module.add.bodyCSS(direction, distance);
- module.set.pushed();
- }
- else {
- module.animatePage(direction, distance, module.set.pushed);
- }
- },
-
- pullPage: function() {
- var
- direction = module.get.direction()
- ;
- if(settings.useCSS) {
- module.debug('Resetting body position css');
- module.remove.bodyCSS();
- }
- else {
- module.debug('Resetting body position using javascript');
- module.animatePage(direction, 0);
- }
- module.remove.pushed();
- },
-
- animatePage: function(direction, distance) {
- var
- animateSettings = {}
- ;
- animateSettings['padding-' + direction] = distance;
- module.debug('Using javascript to animate body', animateSettings);
- $body
- .animate(animateSettings, settings.duration, module.set.pushed)
- ;
- },
-
- add: {
- bodyCSS: function(direction, distance) {
- var
- style
- ;
- if(direction !== className.bottom) {
- style = ''
- + ''
- ;
- }
- $head.append(style);
- module.debug('Adding body css to head', $style);
- }
- },
-
- remove: {
- bodyCSS: function() {
- module.debug('Removing body css styles', $style);
- module.refresh();
- $style.remove();
- },
- active: function() {
- $module.removeClass(className.active);
- },
- pushed: function() {
- module.verbose('Removing body push state', module.get.direction());
- $body
- .removeClass(className[ module.get.direction() ])
- .removeClass(className.pushed)
- ;
- }
- },
-
- set: {
- active: function() {
- $module.addClass(className.active);
- },
- pushed: function() {
- module.verbose('Adding body push state', module.get.direction());
- $body
- .addClass(className[ module.get.direction() ])
- .addClass(className.pushed)
- ;
- }
- },
-
- get: {
- direction: function() {
- if($module.hasClass(className.top)) {
- return className.top;
- }
- else if($module.hasClass(className.right)) {
- return className.right;
- }
- else if($module.hasClass(className.bottom)) {
- return className.bottom;
- }
- else {
- return className.left;
- }
- },
- transitionEvent: function() {
- var
- element = document.createElement('element'),
- transitions = {
- 'transition' :'transitionend',
- 'OTransition' :'oTransitionEnd',
- 'MozTransition' :'transitionend',
- 'WebkitTransition' :'webkitTransitionEnd'
- },
- transition
- ;
- for(transition in transitions){
- if( element.style[transition] !== undefined ){
- return transitions[transition];
- }
- }
- }
- },
-
- is: {
- open: function() {
- return $module.is(':animated') || $module.hasClass(className.active);
- },
- closed: function() {
- return !module.is.open();
- },
- vertical: function() {
- return $module.hasClass(className.top);
- }
- },
-
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.size() > 1) {
- title += ' ' + '(' + $allModules.size() + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- })
- ;
-
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.sidebar.settings = {
-
- name : 'Sidebar',
- namespace : 'sidebar',
-
- verbose : true,
- debug : true,
- performance : true,
-
- useCSS : true,
- overlay : false,
- duration : 300,
-
- side : 'left',
-
- onChange : function(){},
- onShow : function(){},
- onHide : function(){},
-
- className: {
- active : 'active',
- pushed : 'pushed',
- top : 'top',
- left : 'left',
- right : 'right',
- bottom : 'bottom'
- },
-
- error : {
- method : 'The method you called is not defined.',
- notFound : 'There were no elements that matched the specified selector'
- }
-
-};
-
-})( jQuery, window , document );
-/*
- * # Semantic - Tab
- * http://github.com/jlukic/semantic-ui/
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-;(function ($, window, document, undefined) {
-
- $.fn.tab = function(parameters) {
-
- var
- settings = $.extend(true, {}, $.fn.tab.settings, parameters),
-
- $module = $(this),
- $tabs = $(settings.context).find(settings.selector.tabs),
-
- moduleSelector = $module.selector || '',
-
- cache = {},
- firstLoad = true,
- recursionDepth = 0,
-
- activeTabPath,
- parameterArray,
- historyEvent,
-
- element = this,
- time = new Date().getTime(),
- performance = [],
-
- className = settings.className,
- metadata = settings.metadata,
- error = settings.error,
-
- eventNamespace = '.' + settings.namespace,
- moduleNamespace = settings.namespace + '-module',
-
- instance = $module.data(moduleNamespace),
-
- query = arguments[0],
- methodInvoked = (instance !== undefined && typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
-
- module,
- invokedResponse
- ;
-
- module = {
-
- initialize: function() {
- module.debug('Initializing Tabs', $module);
-
- // set up automatic routing
- if(settings.auto) {
- module.verbose('Setting up automatic tab retrieval from server');
- settings.apiSettings = {
- url: settings.path + '/{$tab}'
- };
- }
-
- // attach history events
- if(settings.history) {
- if( $.address === undefined ) {
- module.error(error.state);
- return false;
- }
- else if(settings.path === false) {
- module.error(error.path);
- return false;
- }
- else {
- module.verbose('Address library found adding state change event');
- $.address
- .state(settings.path)
- .unbind('change')
- .bind('change', module.event.history.change)
- ;
- }
- }
-
- // attach events if navigation wasn't set to window
- if( !$.isWindow( element ) ) {
- module.debug('Attaching tab activation events to element', $module);
- $module
- .on('click' + eventNamespace, module.event.click)
- ;
- }
- module.instantiate();
- },
-
- instantiate: function () {
- module.verbose('Storing instance of module', module);
- $module
- .data(moduleNamespace, module)
- ;
- },
-
- destroy: function() {
- module.debug('Destroying tabs', $module);
- $module
- .off(eventNamespace)
- ;
- },
-
- event: {
- click: function(event) {
- module.debug('Navigation clicked');
- var
- tabPath = $(this).data(metadata.tab)
- ;
- if(tabPath !== undefined) {
- if(settings.history) {
- $.address.value(tabPath);
- }
- else {
- module.changeTab(tabPath);
- }
- event.preventDefault();
- }
- else {
- module.debug('No tab specified');
- }
- },
- history: {
- change: function(event) {
- var
- tabPath = event.pathNames.join('/') || module.get.initialPath(),
- pageTitle = settings.templates.determineTitle(tabPath) || false
- ;
- module.debug('History change event', tabPath, event);
- historyEvent = event;
- if(tabPath !== undefined) {
- module.changeTab(tabPath);
- }
- if(pageTitle) {
- $.address.title(pageTitle);
- }
- }
- }
- },
-
- refresh: function() {
- if(activeTabPath) {
- module.debug('Refreshing tab', activeTabPath);
- module.changeTab(activeTabPath);
- }
- },
-
- cache: {
-
- read: function(cacheKey) {
- return (cacheKey !== undefined)
- ? cache[cacheKey]
- : false
- ;
- },
- add: function(cacheKey, content) {
- cacheKey = cacheKey || activeTabPath;
- module.debug('Adding cached content for', cacheKey);
- cache[cacheKey] = content;
- },
- remove: function(cacheKey) {
- cacheKey = cacheKey || activeTabPath;
- module.debug('Removing cached content for', cacheKey);
- delete cache[cacheKey];
- }
- },
-
- changeTab: function(tabPath) {
- var
- pushStateAvailable = (window.history && window.history.pushState),
- shouldIgnoreLoad = (pushStateAvailable && settings.ignoreFirstLoad && firstLoad),
- remoteContent = (settings.auto || $.isPlainObject(settings.apiSettings) ),
- // only get default path if not remote content
- pathArray = (remoteContent && !shouldIgnoreLoad)
- ? module.utilities.pathToArray(tabPath)
- : module.get.defaultPathArray(tabPath)
- ;
- tabPath = module.utilities.arrayToPath(pathArray);
- module.deactivate.all();
- $.each(pathArray, function(index, tab) {
- var
- currentPathArray = pathArray.slice(0, index + 1),
- currentPath = module.utilities.arrayToPath(currentPathArray),
-
- isTab = module.is.tab(currentPath),
- isLastIndex = (index + 1 == pathArray.length),
-
- $tab = module.get.tabElement(currentPath),
- nextPathArray,
- nextPath,
- isLastTab
- ;
- module.verbose('Looking for tab', tab);
- if(isTab) {
- module.verbose('Tab was found', tab);
-
- // scope up
- activeTabPath = currentPath;
- parameterArray = module.utilities.filterArray(pathArray, currentPathArray);
-
- if(isLastIndex) {
- isLastTab = true;
- }
- else {
- nextPathArray = pathArray.slice(0, index + 2);
- nextPath = module.utilities.arrayToPath(nextPathArray);
- isLastTab = ( !module.is.tab(nextPath) );
- if(isLastTab) {
- module.verbose('Tab parameters found', nextPathArray);
- }
- }
- if(isLastTab && remoteContent) {
- if(!shouldIgnoreLoad) {
- module.activate.navigation(currentPath);
- module.content.fetch(currentPath, tabPath);
- }
- else {
- module.debug('Ignoring remote content on first tab load', currentPath);
- firstLoad = false;
- module.cache.add(tabPath, $tab.html());
- module.activate.all(currentPath);
- $.proxy(settings.onTabInit, $tab)(currentPath, parameterArray, historyEvent);
- $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
- }
- return false;
- }
- else {
- module.debug('Opened local tab', currentPath);
- module.activate.all(currentPath);
- $.proxy(settings.onTabLoad, $tab)(currentPath, parameterArray, historyEvent);
- }
- }
- else {
- module.error(error.missingTab, tab);
- return false;
- }
- });
- },
-
- content: {
-
- fetch: function(tabPath, fullTabPath) {
- var
- $tab = module.get.tabElement(tabPath),
- apiSettings = {
- dataType : 'html',
- stateContext : $tab,
- success : function(response) {
- module.cache.add(fullTabPath, response);
- module.content.update(tabPath, response);
- if(tabPath == activeTabPath) {
- module.debug('Content loaded', tabPath);
- module.activate.tab(tabPath);
- }
- else {
- module.debug('Content loaded in background', tabPath);
- }
- $.proxy(settings.onTabInit, $tab)(tabPath, parameterArray, historyEvent);
- $.proxy(settings.onTabLoad, $tab)(tabPath, parameterArray, historyEvent);
- },
- urlData: { tab: fullTabPath }
- },
- request = $tab.data(metadata.promise) || false,
- existingRequest = ( request && request.state() === 'pending' ),
- requestSettings,
- cachedContent
- ;
-
- fullTabPath = fullTabPath || tabPath;
- cachedContent = module.cache.read(fullTabPath);
-
- if(settings.cache && cachedContent) {
- module.debug('Showing existing content', fullTabPath);
- module.content.update(tabPath, cachedContent);
- module.activate.tab(tabPath);
- $.proxy(settings.onTabLoad, $tab)(tabPath, parameterArray, historyEvent);
- }
- else if(existingRequest) {
- module.debug('Content is already loading', fullTabPath);
- $tab
- .addClass(className.loading)
- ;
- }
- else if($.api !== undefined) {
- console.log(settings.apiSettings);
- requestSettings = $.extend(true, { headers: { 'X-Remote': true } }, settings.apiSettings, apiSettings);
- module.debug('Retrieving remote content', fullTabPath, requestSettings);
- $.api( requestSettings );
- }
- else {
- module.error(error.api);
- }
- },
-
- update: function(tabPath, html) {
- module.debug('Updating html for', tabPath);
- var
- $tab = module.get.tabElement(tabPath)
- ;
- $tab
- .html(html)
- ;
- }
- },
-
- activate: {
- all: function(tabPath) {
- module.activate.tab(tabPath);
- module.activate.navigation(tabPath);
- },
- tab: function(tabPath) {
- var
- $tab = module.get.tabElement(tabPath)
- ;
- module.verbose('Showing tab content for', $tab);
- $tab.addClass(className.active);
- },
- navigation: function(tabPath) {
- var
- $navigation = module.get.navElement(tabPath)
- ;
- module.verbose('Activating tab navigation for', $navigation, tabPath);
- $navigation.addClass(className.active);
- }
- },
-
- deactivate: {
- all: function() {
- module.deactivate.navigation();
- module.deactivate.tabs();
- },
- navigation: function() {
- $module
- .removeClass(className.active)
- ;
- },
- tabs: function() {
- $tabs
- .removeClass(className.active + ' ' + className.loading)
- ;
- }
- },
-
- is: {
- tab: function(tabName) {
- return (tabName !== undefined)
- ? ( module.get.tabElement(tabName).size() > 0 )
- : false
- ;
- }
- },
-
- get: {
- initialPath: function() {
- return $module.eq(0).data(metadata.tab) || $tabs.eq(0).data(metadata.tab);
- },
- path: function() {
- return $.address.value();
- },
- // adds default tabs to tab path
- defaultPathArray: function(tabPath) {
- return module.utilities.pathToArray( module.get.defaultPath(tabPath) );
- },
- defaultPath: function(tabPath) {
- var
- $defaultNav = $module.filter('[data-' + metadata.tab + '^="' + tabPath + '/"]').eq(0),
- defaultTab = $defaultNav.data(metadata.tab) || false
- ;
- if( defaultTab ) {
- module.debug('Found default tab', defaultTab);
- if(recursionDepth < settings.maxDepth) {
- recursionDepth++;
- return module.get.defaultPath(defaultTab);
- }
- module.error(error.recursion);
- }
- else {
- module.debug('No default tabs found for', tabPath, $tabs);
- }
- recursionDepth = 0;
- return tabPath;
- },
- navElement: function(tabPath) {
- tabPath = tabPath || activeTabPath;
- return $module.filter('[data-' + metadata.tab + '="' + tabPath + '"]');
- },
- tabElement: function(tabPath) {
- var
- $fullPathTab,
- $simplePathTab,
- tabPathArray,
- lastTab
- ;
- tabPath = tabPath || activeTabPath;
- tabPathArray = module.utilities.pathToArray(tabPath);
- lastTab = module.utilities.last(tabPathArray);
- $fullPathTab = $tabs.filter('[data-' + metadata.tab + '="' + lastTab + '"]');
- $simplePathTab = $tabs.filter('[data-' + metadata.tab + '="' + tabPath + '"]');
- return ($fullPathTab.size() > 0)
- ? $fullPathTab
- : $simplePathTab
- ;
- },
- tab: function() {
- return activeTabPath;
- }
- },
-
- utilities: {
- filterArray: function(keepArray, removeArray) {
- return $.grep(keepArray, function(keepValue) {
- return ( $.inArray(keepValue, removeArray) == -1);
- });
- },
- last: function(array) {
- return $.isArray(array)
- ? array[ array.length - 1]
- : false
- ;
- },
- pathToArray: function(pathName) {
- if(pathName === undefined) {
- pathName = activeTabPath;
- }
- return typeof pathName == 'string'
- ? pathName.split('/')
- : [pathName]
- ;
- },
- arrayToPath: function(pathArray) {
- return $.isArray(pathArray)
- ? pathArray.join('/')
- : false
- ;
- }
- },
-
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
-
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-
- };
-
- // shortcut for tabbed content with no defined navigation
- $.tab = function(settings) {
- $(window).tab(settings);
- };
-
- $.fn.tab.settings = {
-
- name : 'Tab',
- verbose : true,
- debug : true,
- performance : true,
- namespace : 'tab',
-
- // only called first time a tab's content is loaded (when remote source)
- onTabInit : function(tabPath, parameterArray, historyEvent) {},
- // called on every load
- onTabLoad : function(tabPath, parameterArray, historyEvent) {},
-
- templates : {
- determineTitle: function(tabArray) {}
- },
-
- // uses pjax style endpoints fetching content from same url with remote-content headers
- auto : false,
- history : false,
- path : false,
-
- context : 'body',
-
- // max depth a tab can be nested
- maxDepth : 25,
- // dont load content on first load
- ignoreFirstLoad : false,
- // load tab content new every tab click
- alwaysRefresh : false,
- // cache the content requests to pull locally
- cache : true,
- // settings for api call
- apiSettings : false,
-
- error: {
- api : 'You attempted to load content without API module',
- method : 'The method you called is not defined',
- missingTab : 'Tab cannot be found',
- noContent : 'The tab you specified is missing a content url.',
- path : 'History enabled, but no path was specified',
- recursion : 'Max recursive depth reached',
- state : 'The state library has not been initialized'
- },
-
- metadata : {
- tab : 'tab',
- loaded : 'loaded',
- promise: 'promise'
- },
-
- className : {
- loading : 'loading',
- active : 'active'
- },
-
- selector : {
- tabs : '.ui.tab'
- }
-
- };
-
-})( jQuery, window , document );
-
-/*
- * # Semantic - Transition
- * http://github.com/jlukic/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-;(function ( $, window, document, undefined ) {
-
-$.fn.transition = function() {
- var
- $allModules = $(this),
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- moduleArguments = arguments,
- query = moduleArguments[0],
- queryArguments = [].slice.call(arguments, 1),
- methodInvoked = (typeof query === 'string'),
-
- requestAnimationFrame = window.requestAnimationFrame
- || window.mozRequestAnimationFrame
- || window.webkitRequestAnimationFrame
- || window.msRequestAnimationFrame
- || function(callback) { setTimeout(callback, 0); },
-
- invokedResponse
- ;
- $allModules
- .each(function() {
- var
- $module = $(this),
- element = this,
-
- // set at run time
- settings,
- instance,
-
- error,
- className,
- metadata,
- animationEnd,
- animationName,
-
- namespace,
- moduleNamespace,
- module
- ;
-
- module = {
-
- initialize: function() {
- // get settings
- settings = module.get.settings.apply(element, moduleArguments);
- module.verbose('Converted arguments into settings object', settings);
-
- // set shortcuts
- error = settings.error;
- className = settings.className;
- namespace = settings.namespace;
- metadata = settings.metadata;
- moduleNamespace = 'module-' + namespace;
-
- animationEnd = module.get.animationEvent();
- animationName = module.get.animationName();
-
- instance = $module.data(moduleNamespace);
-
- if(instance === undefined) {
- module.instantiate();
- }
- if(methodInvoked) {
- methodInvoked = module.invoke(query);
- }
- // no internal method was found matching query or query not made
- if(methodInvoked === false) {
- module.animate();
- }
- },
-
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, instance)
- ;
- },
-
- destroy: function() {
- module.verbose('Destroying previous module for', element);
- $module
- .removeData(moduleNamespace)
- ;
- },
-
- animate: function(overrideSettings) {
- settings = overrideSettings || settings;
- module.debug('Preparing animation', settings.animation);
- if(module.is.animating()) {
- if(settings.queue) {
- module.queue(settings.animation);
- }
- return false;
- }
- module.save.conditions();
- module.set.duration(settings.duration);
- module.set.animating();
- module.repaint();
- $module
- .addClass(className.transition)
- .addClass(settings.animation)
- .one(animationEnd, module.complete)
- ;
- if(!module.has.direction() && module.can.transition()) {
- module.set.direction();
- }
- if(!module.can.animate()) {
- module.restore.conditions();
- module.error(error.noAnimation);
- return false;
- }
- module.show();
- module.debug('Starting tween', settings.animation, $module.attr('class'));
- },
-
- queue: function(animation) {
- module.debug('Queueing animation of', animation);
- instance.queuing = true;
- $module
- .one(animationEnd, function() {
- instance.queuing = false;
- module.animate.apply(this, settings);
- })
- ;
- },
-
- complete: function () {
- module.verbose('CSS animation complete', settings.animation);
- if(!module.is.looping()) {
- if($module.hasClass(className.outward)) {
- module.restore.conditions();
- module.hide();
- }
- else if($module.hasClass(className.inward)) {
- module.restore.conditions();
- module.show();
- }
- else {
- module.restore.conditions();
- }
- module.remove.animating();
- }
- $.proxy(settings.complete, this)();
- },
-
- repaint: function(fakeAssignment) {
- module.verbose('Forcing repaint event');
- fakeAssignment = element.offsetWidth;
- },
-
- has: {
- direction: function(animation) {
- animation = animation || settings.animation;
- if( $module.hasClass(className.inward) || $module.hasClass(className.outward) ) {
- return true;
- }
- }
- },
-
- set: {
-
- animating: function() {
- $module.addClass(className.animating);
- },
-
- direction: function() {
- if($module.is(':visible')) {
- module.debug('Automatically determining the direction of animation', 'Outward');
- $module
- .addClass(className.outward)
- .removeClass(className.inward)
- ;
- }
- else {
- module.debug('Automatically determining the direction of animation', 'Inward');
- $module
- .addClass(className.inward)
- .removeClass(className.outward)
- ;
- }
- },
-
- looping: function() {
- module.debug('Transition set to loop');
- $module
- .addClass(className.looping)
- ;
- },
-
- duration: function(duration) {
- duration = duration || settings.duration;
- duration = (typeof duration == 'number')
- ? duration + 'ms'
- : duration
- ;
- module.verbose('Setting animation duration', duration);
- $module
- .css({
- '-webkit-animation-duration': duration,
- '-moz-animation-duration': duration,
- '-ms-animation-duration': duration,
- '-o-animation-duration': duration,
- 'animation-duration': duration
- })
- ;
- }
- },
-
- save: {
- conditions: function() {
- module.cache = {
- className : $module.attr('class'),
- style : $module.attr('style')
- };
- module.verbose('Saving original attributes', module.cache);
- }
- },
-
- restore: {
- conditions: function() {
- if(typeof module.cache === undefined) {
- module.error(error.cache);
- return false;
- }
- if(module.cache.className) {
- $module.attr('class', module.cache.className);
- }
- else {
- $module.removeAttr('class');
- }
- if(module.cache.style) {
- $module.attr('style', module.cache.style);
- }
- else {
- $module.removeAttr('style');
- }
- if(module.is.looping()) {
- module.remove.looping();
- }
- module.verbose('Restoring original attributes', module.cache);
- }
- },
-
- remove: {
-
- animating: function() {
- $module.removeClass(className.animating);
- },
-
- looping: function() {
- module.debug('Transitions are no longer looping');
- $module
- .removeClass(className.looping)
- ;
- module.repaint();
- }
-
- },
-
- get: {
-
- settings: function(animation, duration, complete) {
- // single settings object
- if($.isPlainObject(animation)) {
- return $.extend(true, {}, $.fn.transition.settings, animation);
- }
- // all arguments provided
- else if(typeof complete == 'function') {
- return $.extend(true, {}, $.fn.transition.settings, {
- animation : animation,
- complete : complete,
- duration : duration
- });
- }
- // only duration provided
- else if(typeof duration == 'string' || typeof duration == 'number') {
- return $.extend(true, {}, $.fn.transition.settings, {
- animation : animation,
- duration : duration
- });
- }
- // duration is actually settings object
- else if(typeof duration == 'object') {
- return $.extend(true, {}, $.fn.transition.settings, duration, {
- animation : animation
- });
- }
- // duration is actually callback
- else if(typeof duration == 'function') {
- return $.extend(true, {}, $.fn.transition.settings, {
- animation : animation,
- complete : duration
- });
- }
- // only animation provided
- else {
- return $.extend(true, {}, $.fn.transition.settings, {
- animation : animation
- });
- }
- return $.fn.transition.settings;
- },
-
- animationName: function() {
- var
- element = document.createElement('div'),
- animations = {
- 'animation' :'animationName',
- 'OAnimation' :'oAnimationName',
- 'MozAnimation' :'mozAnimationName',
- 'WebkitAnimation' :'webkitAnimationName'
- },
- animation
- ;
- for(animation in animations){
- if( element.style[animation] !== undefined ){
- module.verbose('Determining animation vendor name property', animations[animation]);
- return animations[animation];
- }
- }
- return false;
- },
-
- animationEvent: function() {
- var
- element = document.createElement('div'),
- animations = {
- 'animation' :'animationend',
- 'OAnimation' :'oAnimationEnd',
- 'MozAnimation' :'mozAnimationEnd',
- 'WebkitAnimation' :'webkitAnimationEnd'
- },
- animation
- ;
- for(animation in animations){
- if( element.style[animation] !== undefined ){
- module.verbose('Determining animation vendor end event', animations[animation]);
- return animations[animation];
- }
- }
- return false;
- }
-
- },
-
- can: {
- animate: function() {
- if($module.css(animationName) !== 'none') {
- module.debug('CSS definition found');
- return true;
- }
- else {
- module.debug('Unable to find css definition');
- return false;
- }
- },
- transition: function() {
- var
- $clone = $('' + result.price + '
';
- }
- if(result.title !== undefined) {
- html+= '' + result.title + '
';
- }
- if(result.description !== undefined) {
- html+= '' + result.description + '
';
- }
- html += ''
- + '').addClass( $module.attr('class') ).appendTo($('body')),
- currentAnimation = $clone.css(animationName),
- inAnimation = $clone.addClass(className.inward).css(animationName)
- ;
- if(currentAnimation != inAnimation) {
- module.debug('In/out transitions exist');
- $clone.remove();
- return true;
- }
- else {
- module.debug('Static animation found');
- $clone.remove();
- return false;
- }
- }
- },
-
- is: {
- animating: function() {
- return $module.hasClass(className.animating);
- },
- looping: function() {
- return $module.hasClass(className.looping);
- },
- visible: function() {
- return $module.is(':visible');
- }
- },
-
- hide: function() {
- module.verbose('Hiding element');
- $module
- .removeClass(className.visible)
- .addClass(className.transition)
- .addClass(className.hidden)
- ;
- module.repaint();
- },
- show: function() {
- module.verbose('Showing element');
- $module
- .removeClass(className.hidden)
- .addClass(className.transition)
- .addClass(className.visible)
- ;
- module.repaint();
- },
-
- start: function() {
- module.verbose('Starting animation');
- $module.removeClass(className.disabled);
- },
-
- stop: function() {
- module.debug('Stopping animation');
- $module.addClass(className.disabled);
- },
-
- toggle: function() {
- module.debug('Toggling play status');
- $module.toggleClass(className.disabled);
- },
-
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.size() > 1) {
- title += ' ' + '(' + $allModules.size() + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found || false;
- }
- };
- module.initialize();
- })
- ;
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.transition.settings = {
-
- // module info
- name : 'Transition',
-
- // debug content outputted to console
- debug : true,
-
- // verbose debug output
- verbose : true,
-
- // performance data output
- performance : true,
-
- // event namespace
- namespace : 'transition',
-
- // animation complete event
- complete : function() {},
-
- // animation duration
- animation : 'fade',
- duration : '700ms',
-
- // queue up animations
- queue : true,
-
- className : {
- transition : 'ui transition',
- animating : 'animating',
- looping : 'looping',
- loading : 'loading',
- disabled : 'disabled',
- hidden : 'hidden',
- visible : 'visible',
- inward : 'in',
- outward : 'out'
- },
-
- // possible errors
- error: {
- noAnimation : 'There is no css animation matching the one you specified.',
- method : 'The method you called is not defined'
- }
-
-};
-
-
-})( jQuery, window , document );
-
-/* ******************************
- Module - Video
- Author: Jack Lukic
-
- This is a video playlist and video embed plugin which helps
- provide helpers for adding embed code for vimeo and youtube and
- abstracting event handlers for each library
-
-****************************** */
-
-;(function ($, window, document, undefined) {
-
-$.fn.video = function(parameters) {
-
- var
- $allModules = $(this),
-
- settings = ( $.isPlainObject(parameters) )
- ? $.extend(true, {}, $.fn.video.settings, parameters)
- : $.fn.video.settings,
-
- moduleSelector = $allModules.selector || '',
-
- time = new Date().getTime(),
- performance = [],
-
- query = arguments[0],
- methodInvoked = (typeof query == 'string'),
- queryArguments = [].slice.call(arguments, 1),
-
- selector = settings.selector,
- className = settings.className,
- error = settings.error,
- metadata = settings.metadata,
- namespace = settings.namespace,
-
- eventNamespace = '.' + namespace,
- moduleNamespace = namespace + '-module',
-
- invokedResponse
- ;
-
- $allModules
- .each(function() {
- var
- $module = $(this),
- $placeholder = $module.find(selector.placeholder),
- $playButton = $module.find(selector.playButton),
- $embed = $module.find(selector.embed),
-
- element = this,
- instance = $module.data(moduleNamespace),
- module
- ;
-
- module = {
-
- initialize: function() {
- module.debug('Initializing video');
- $placeholder
- .on('click' + eventNamespace, module.play)
- ;
- $playButton
- .on('click' + eventNamespace, module.play)
- ;
- module.instantiate();
- },
-
- instantiate: function() {
- module.verbose('Storing instance of module', module);
- instance = module;
- $module
- .data(moduleNamespace, module)
- ;
- },
-
- destroy: function() {
- module.verbose('Destroying previous instance of video');
- $module
- .removeData(moduleNamespace)
- .off(eventNamespace)
- ;
- },
-
- // sets new video
- change: function(source, id, url) {
- module.debug('Changing video to ', source, id, url);
- $module
- .data(metadata.source, source)
- .data(metadata.id, id)
- .data(metadata.url, url)
- ;
- settings.onChange();
- },
-
- // clears video embed
- reset: function() {
- module.debug('Clearing video embed and showing placeholder');
- $module
- .removeClass(className.active)
- ;
- $embed
- .html(' ')
- ;
- $placeholder
- .show()
- ;
- settings.onReset();
- },
-
- // plays current video
- play: function() {
- module.debug('Playing video');
- var
- source = $module.data(metadata.source) || false,
- url = $module.data(metadata.url) || false,
- id = $module.data(metadata.id) || false
- ;
- $embed
- .html( module.generate.html(source, id, url) )
- ;
- $module
- .addClass(className.active)
- ;
- settings.onPlay();
- },
-
- generate: {
- // generates iframe html
- html: function(source, id, url) {
- module.debug('Generating embed html');
- var
- width = (settings.width == 'auto')
- ? $module.width()
- : settings.width,
- height = (settings.height == 'auto')
- ? $module.height()
- : settings.height,
- html
- ;
- if(source && id) {
- if(source == 'vimeo') {
- html = ''
- + ''
- ;
- }
- else if(source == 'youtube') {
- html = ''
- + ''
- ;
- }
- }
- else if(url) {
- html = ''
- + ''
- ;
- }
- else {
- module.error(error.noVideo);
- }
- return html;
- },
-
- // generate url parameters
- url: function(source) {
- var
- api = (settings.api)
- ? 1
- : 0,
- autoplay = (settings.autoplay)
- ? 1
- : 0,
- hd = (settings.hd)
- ? 1
- : 0,
- showUI = (settings.showUI)
- ? 1
- : 0,
- // opposite used for some params
- hideUI = !(settings.showUI)
- ? 1
- : 0,
- url = ''
- ;
- if(source == 'vimeo') {
- url = ''
- + 'api=' + api
- + '&title=' + showUI
- + '&byline=' + showUI
- + '&portrait=' + showUI
- + '&autoplay=' + autoplay
- ;
- if(settings.color) {
- url += '&color=' + settings.color;
- }
- }
- if(source == 'ustream') {
- url = ''
- + 'autoplay=' + autoplay
- ;
- if(settings.color) {
- url += '&color=' + settings.color;
- }
- }
- else if(source == 'youtube') {
- url = ''
- + 'enablejsapi=' + api
- + '&autoplay=' + autoplay
- + '&autohide=' + hideUI
- + '&hq=' + hd
- + '&modestbranding=1'
- ;
- if(settings.color) {
- url += '&color=' + settings.color;
- }
- }
- return url;
- }
- },
-
- setting: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, settings, name);
- }
- else {
- settings[name] = value;
- }
- }
- else {
- return settings[name];
- }
- },
- internal: function(name, value) {
- if(value !== undefined) {
- if( $.isPlainObject(name) ) {
- $.extend(true, module, name);
- }
- else {
- module[name] = value;
- }
- }
- else {
- return module[name];
- }
- },
- debug: function() {
- if(settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.debug.apply(console, arguments);
- }
- }
- },
- verbose: function() {
- if(settings.verbose && settings.debug) {
- if(settings.performance) {
- module.performance.log(arguments);
- }
- else {
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
- module.verbose.apply(console, arguments);
- }
- }
- },
- error: function() {
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
- module.error.apply(console, arguments);
- },
- performance: {
- log: function(message) {
- var
- currentTime,
- executionTime,
- previousTime
- ;
- if(settings.performance) {
- currentTime = new Date().getTime();
- previousTime = time || currentTime;
- executionTime = currentTime - previousTime;
- time = currentTime;
- performance.push({
- 'Element' : element,
- 'Name' : message[0],
- 'Arguments' : [].slice.call(message, 1) || '',
- 'Execution Time' : executionTime
- });
- }
- clearTimeout(module.performance.timer);
- module.performance.timer = setTimeout(module.performance.display, 100);
- },
- display: function() {
- var
- title = settings.name + ':',
- totalTime = 0
- ;
- time = false;
- clearTimeout(module.performance.timer);
- $.each(performance, function(index, data) {
- totalTime += data['Execution Time'];
- });
- title += ' ' + totalTime + 'ms';
- if(moduleSelector) {
- title += ' \'' + moduleSelector + '\'';
- }
- if($allModules.size() > 1) {
- title += ' ' + '(' + $allModules.size() + ')';
- }
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
- console.groupCollapsed(title);
- if(console.table) {
- console.table(performance);
- }
- else {
- $.each(performance, function(index, data) {
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
- });
- }
- console.groupEnd();
- }
- performance = [];
- }
- },
- invoke: function(query, passedArguments, context) {
- var
- maxDepth,
- found,
- response
- ;
- passedArguments = passedArguments || queryArguments;
- context = element || context;
- if(typeof query == 'string' && instance !== undefined) {
- query = query.split(/[\. ]/);
- maxDepth = query.length - 1;
- $.each(query, function(depth, value) {
- var camelCaseValue = (depth != maxDepth)
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
- : query
- ;
- if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
- instance = instance[value];
- }
- else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
- instance = instance[camelCaseValue];
- }
- else if( instance[value] !== undefined ) {
- found = instance[value];
- return false;
- }
- else if( instance[camelCaseValue] !== undefined ) {
- found = instance[camelCaseValue];
- return false;
- }
- else {
- module.error(error.method);
- return false;
- }
- });
- }
- if ( $.isFunction( found ) ) {
- response = found.apply(context, passedArguments);
- }
- else if(found !== undefined) {
- response = found;
- }
- if($.isArray(invokedResponse)) {
- invokedResponse.push(response);
- }
- else if(typeof invokedResponse == 'string') {
- invokedResponse = [invokedResponse, response];
- }
- else if(response !== undefined) {
- invokedResponse = response;
- }
- return found;
- }
- };
-
- if(methodInvoked) {
- if(instance === undefined) {
- module.initialize();
- }
- module.invoke(query);
- }
- else {
- if(instance !== undefined) {
- module.destroy();
- }
- module.initialize();
- }
- })
- ;
- return (invokedResponse !== undefined)
- ? invokedResponse
- : this
- ;
-};
-
-$.fn.video.settings = {
-
- name : 'Video',
- namespace : 'video',
-
- debug : true,
- verbose : true,
- performance : true,
-
- metadata : {
- source : 'source',
- id : 'id',
- url : 'url'
- },
-
- onPlay : function(){},
- onReset : function(){},
- onChange : function(){},
-
- // callbacks not coded yet (needs to use jsapi)
- onPause : function() {},
- onStop : function() {},
-
- width : 'auto',
- height : 'auto',
-
- autoplay : false,
- color : '#442359',
- hd : true,
- showUI : false,
- api : true,
-
- error : {
- noVideo : 'No video specified',
- method : 'The method you called is not defined'
- },
-
- className : {
- active : 'active'
- },
-
- selector : {
- embed : '.embed',
- placeholder : '.placeholder',
- playButton : '.play'
- }
-};
-
-
-})( jQuery, window , document );
diff --git a/node/src/files/build/uncompressed/modules/checkbox.css b/node/src/files/build/uncompressed/modules/checkbox.css
index d90ff92ce..81343e100 100644
--- a/node/src/files/build/uncompressed/modules/checkbox.css
+++ b/node/src/files/build/uncompressed/modules/checkbox.css
@@ -19,34 +19,45 @@
position: relative;
display: inline-block;
outline: none;
- margin-right: 0.5em;
vertical-align: middle;
}
.ui.checkbox input {
+ position: absolute;
+ top: 0px;
+ left: 0px;
opacity: 0;
outline: none;
}
/*--- Box ---*/
.ui.checkbox .box,
.ui.checkbox label {
- outline: none;
cursor: pointer;
+ position: relative;
+ min-width: 1em;
+ height: 1em;
+ padding-left: 2em;
+ outline: none;
+ white-space: nowrap;
+}
+.ui.checkbox .box:before,
+.ui.checkbox label:before {
position: absolute;
+ top: 0.25em;
line-height: 1;
width: 1em;
height: 1em;
- bottom: 0em;
left: 0em;
+ content: '';
border-radius: 4px;
+ background: #FFFFFF;
+ -webkit-transition: background-color 0.3s ease, box-shadow 0.3s ease;
+ -moz-transition: background-color 0.3s ease, box-shadow 0.3s ease;
+ -o-transition: background-color 0.3s ease, box-shadow 0.3s ease;
+ -ms-transition: background-color 0.3s ease, box-shadow 0.3s ease;
+ transition: background-color 0.3s ease, box-shadow 0.3s ease;
-webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
- background: #FFFFFF;
- -webkit-transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out;
- -moz-transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out;
- -o-transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out;
- -ms-transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out;
- transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out;
}
/*--- Checkbox ---*/
.ui.checkbox .box:after,
@@ -68,12 +79,27 @@
}
.ui.checkbox .box:after,
.ui.checkbox label:after {
- top: 0.3em;
+ top: 0.54em;
left: 0.2em;
width: 0.45em;
height: 0.15em;
}
-/*--- Label ---*/
+/*--- Inside Label ---*/
+.ui.checkbox label {
+ color: rgba(0, 0, 0, 0.6);
+ -webkit-transition: color 0.2s ease;
+ -moz-transition: color 0.2s ease;
+ -o-transition: color 0.2s ease;
+ -ms-transition: color 0.2s ease;
+ transition: color 0.2s ease;
+}
+.ui.checkbox label:hover {
+ color: rgba(0, 0, 0, 0.8);
+}
+.ui.checkbox input:focus + label {
+ color: rgba(0, 0, 0, 0.8);
+}
+/*--- Outside Label ---*/
.ui.checkbox + label {
cursor: pointer;
opacity: 0.85;
@@ -86,18 +112,24 @@
States
*******************************/
/*--- Hover ---*/
-.ui.checkbox .box:hover,
-.ui.checkbox label:hover {
- background-color: #FAFAFA;
+.ui.checkbox .box:hover::before,
+.ui.checkbox label:hover::before {
-webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
}
/*--- Down ---*/
-.ui.checkbox .box:active,
-.ui.checkbox label:active {
+.ui.checkbox .box:active::before,
+.ui.checkbox label:active::before {
background-color: #F5F5F5;
}
+/*--- Focus ---*/
+.ui.checkbox input:focus + .box:before,
+.ui.checkbox input:focus + label:before {
+ -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
+}
/*--- Active ---*/
.ui.checkbox input:checked + .box:after,
.ui.checkbox input:checked + label:after {
@@ -111,6 +143,7 @@
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] + label {
opacity: 0.4;
+ color: rgba(0, 0, 0, 0.3);
}
/*******************************
Variations
@@ -118,25 +151,21 @@
/*--------------
Radio
---------------*/
-.ui.radio.checkbox {
- width: 14px;
- height: 16px;
-}
-.ui.radio.checkbox .box,
-.ui.radio.checkbox label {
- width: 14px;
- height: 14px;
+.ui.radio.checkbox .box:before,
+.ui.radio.checkbox label:before {
+ width: 1em;
+ height: 1em;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
- top: 3px;
- left: 3px;
border: none;
- width: 8px;
- height: 8px;
+ top: 0.45em;
+ left: 0.2em;
+ width: 0.6em;
+ height: 0.6em;
background-color: #555555;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
@@ -147,26 +176,30 @@
---------------*/
.ui.slider.checkbox {
cursor: pointer;
- width: 3em;
+ min-width: 3em;
height: 2em;
}
/* Line */
.ui.slider.checkbox:after {
position: absolute;
- top: 1em;
+ top: 0.8em;
left: 0em;
content: '';
- width: 100%;
+ width: 3em;
height: 2px;
background-color: rgba(0, 0, 0, 0.1);
}
/* Button */
.ui.slider.checkbox .box,
.ui.slider.checkbox label {
+ padding-left: 4em;
+}
+.ui.slider.checkbox .box:before,
+.ui.slider.checkbox label:before {
cursor: pointer;
display: block;
position: absolute;
- top: 0.25em;
+ top: 0em;
left: 0;
z-index: 1;
width: 1.5em;
@@ -188,23 +221,42 @@
position: absolute;
content: '';
top: 0.375em;
- left: 0.375em;
+ left: 0em;
+ z-index: 2;
+ margin-left: 0.375em;
border: none;
width: 0.75em;
height: 0.75em;
- background-color: #D95C5C;
border-radius: 50rem;
- -webkit-transition: background 0.3s ease 0s;
- -moz-transition: background 0.3s ease 0s;
- -o-transition: background 0.3s ease 0s;
- -ms-transition: background 0.3s ease 0s;
- transition: background 0.3s ease 0s;
-}
-/* Active Slider Toggle */
-.ui.slider.checkbox input:checked + .box,
-.ui.slider.checkbox input:checked + label {
+ -webkit-transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+ -moz-transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+ -o-transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+ -ms-transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+ transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+}
+/* Selected Slider Toggle */
+.ui.slider.checkbox input:checked + .box:before,
+.ui.slider.checkbox input:checked + label:before,
+.ui.slider.checkbox input:checked + .box:after,
+.ui.slider.checkbox input:checked + label:after {
left: 1.75em;
}
+/* Off Color */
+.ui.slider.checkbox .box:after,
+.ui.slider.checkbox label:after {
+ background-color: #D95C5C;
+}
+/* On Color */
.ui.slider.checkbox input:checked + .box:after,
.ui.slider.checkbox input:checked + label:after {
background-color: #89B84C;
@@ -214,68 +266,73 @@
---------------*/
.ui.toggle.checkbox {
cursor: pointer;
- width: 3em;
height: 2em;
}
-/* Line */
-.ui.toggle.checkbox:after {
+.ui.toggle.checkbox .box,
+.ui.toggle.checkbox label {
+ padding-left: 4em;
+}
+/* Switch */
+.ui.toggle.checkbox .box:before,
+.ui.toggle.checkbox label:before {
cursor: pointer;
display: block;
position: absolute;
content: '';
- top: 0.25em;
+ top: 0em;
left: 0em;
z-index: 1;
background-color: #FFFFFF;
- width: 100%;
+ width: 3em;
height: 1.5em;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
border-radius: 50rem;
}
-.ui.toggle.checkbox .box,
-.ui.toggle.checkbox label {
- position: absolute;
- top: 0.65em;
- left: 0.5em;
- -webkit-transition: left 0.3s ease 0s;
- -moz-transition: left 0.3s ease 0s;
- -o-transition: left 0.3s ease 0s;
- -ms-transition: left 0.3s ease 0s;
- transition: left 0.3s ease 0s;
+/* Activation Light */
+.ui.toggle.checkbox .box:after,
+.ui.toggle.checkbox label:after {
+ opacity: 1;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-}
-/* Button Activation Light */
-.ui.toggle.checkbox .box:after,
-.ui.toggle.checkbox label:after {
- opacity: 1;
content: '';
position: absolute;
- top: 0px;
- left: 0px;
+ top: 0.35em;
+ left: 0.5em;
z-index: 2;
border: none;
width: 0.75em;
height: 0.75em;
background-color: #D95C5C;
border-radius: 50rem;
- -webkit-transition: background 0.3s ease 0s;
- -moz-transition: background 0.3s ease 0s;
- -o-transition: background 0.3s ease 0s;
- -ms-transition: background 0.3s ease 0s;
- transition: background 0.3s ease 0s;
-}
-/* Active toggle Toggle */
-.ui.toggle.checkbox input:checked + .box,
-.ui.toggle.checkbox input:checked + label {
- left: 1.75em;
+ -webkit-transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+ -moz-transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+ -o-transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+ -ms-transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+ transition: background 0.3s ease 0s,
+ left 0.3s ease 0s
+ ;
+}
+/* Active */
+.ui.toggle.checkbox:active .box:before,
+.ui.toggle.checkbox:active label:before {
+ background-color: #F5F5F5;
}
+/* Active */
.ui.toggle.checkbox input:checked + .box:after,
.ui.toggle.checkbox input:checked + label:after {
+ left: 1.75em;
background-color: #89B84C;
}
/*--------------