re-organization
This commit is contained in:
Wire
parent
0d3f4bc9f5
commit
137bcf91df
@ -1,253 +0,0 @@
|
|||||||
/*!
|
|
||||||
* # Semantic UI 2.4.1 - Accordion
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Accordion
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.accordion,
|
|
||||||
.ui.accordion .accordion {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
.ui.accordion .accordion {
|
|
||||||
margin: 1em 0em 0em;
|
|
||||||
padding: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Title */
|
|
||||||
.ui.accordion .title,
|
|
||||||
.ui.accordion .accordion .title {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Default Styling */
|
|
||||||
.ui.accordion .title:not(.ui) {
|
|
||||||
padding: 0.5em 0em;
|
|
||||||
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
||||||
font-size: 1em;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Content */
|
|
||||||
.ui.accordion .title ~ .content,
|
|
||||||
.ui.accordion .accordion .title ~ .content {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Default Styling */
|
|
||||||
.ui.accordion:not(.styled) .title ~ .content:not(.ui),
|
|
||||||
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
|
|
||||||
margin: '';
|
|
||||||
padding: 0.5em 0em 1em;
|
|
||||||
}
|
|
||||||
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
|
|
||||||
padding-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Arrow */
|
|
||||||
.ui.accordion .title .dropdown.icon,
|
|
||||||
.ui.accordion .accordion .title .dropdown.icon {
|
|
||||||
display: inline-block;
|
|
||||||
float: none;
|
|
||||||
opacity: 1;
|
|
||||||
width: 1.25em;
|
|
||||||
height: 1em;
|
|
||||||
margin: 0em 0.25rem 0em 0rem;
|
|
||||||
padding: 0em;
|
|
||||||
font-size: 1em;
|
|
||||||
-webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
|
||||||
transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
|
|
||||||
transition: transform 0.1s ease, opacity 0.1s ease;
|
|
||||||
transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
|
|
||||||
vertical-align: baseline;
|
|
||||||
-webkit-transform: none;
|
|
||||||
transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Coupling
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Menu */
|
|
||||||
.ui.accordion.menu .item .title {
|
|
||||||
display: block;
|
|
||||||
padding: 0em;
|
|
||||||
}
|
|
||||||
.ui.accordion.menu .item .title > .dropdown.icon {
|
|
||||||
float: right;
|
|
||||||
margin: 0.21425em 0em 0em 1em;
|
|
||||||
-webkit-transform: rotate(180deg);
|
|
||||||
transform: rotate(180deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Header */
|
|
||||||
.ui.accordion .ui.header .dropdown.icon {
|
|
||||||
font-size: 1em;
|
|
||||||
margin: 0em 0.25rem 0em 0rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
States
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.accordion .active.title .dropdown.icon,
|
|
||||||
.ui.accordion .accordion .active.title .dropdown.icon {
|
|
||||||
-webkit-transform: rotate(90deg);
|
|
||||||
transform: rotate(90deg);
|
|
||||||
}
|
|
||||||
.ui.accordion.menu .item .active.title > .dropdown.icon {
|
|
||||||
-webkit-transform: rotate(90deg);
|
|
||||||
transform: rotate(90deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Types
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Styled
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.styled.accordion {
|
|
||||||
width: 600px;
|
|
||||||
}
|
|
||||||
.ui.styled.accordion,
|
|
||||||
.ui.styled.accordion .accordion {
|
|
||||||
border-radius: 0.28571429rem;
|
|
||||||
background: #FFFFFF;
|
|
||||||
-webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
|
|
||||||
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
|
|
||||||
}
|
|
||||||
.ui.styled.accordion .title,
|
|
||||||
.ui.styled.accordion .accordion .title {
|
|
||||||
margin: 0em;
|
|
||||||
padding: 0.75em 1em;
|
|
||||||
color: rgba(0, 0, 0, 0.4);
|
|
||||||
font-weight: bold;
|
|
||||||
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
|
||||||
-webkit-transition: background 0.1s ease, color 0.1s ease;
|
|
||||||
transition: background 0.1s ease, color 0.1s ease;
|
|
||||||
}
|
|
||||||
.ui.styled.accordion > .title:first-child,
|
|
||||||
.ui.styled.accordion .accordion .title:first-child {
|
|
||||||
border-top: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Content */
|
|
||||||
.ui.styled.accordion .content,
|
|
||||||
.ui.styled.accordion .accordion .content {
|
|
||||||
margin: 0em;
|
|
||||||
padding: 0.5em 1em 1.5em;
|
|
||||||
}
|
|
||||||
.ui.styled.accordion .accordion .content {
|
|
||||||
padding: 0em;
|
|
||||||
padding: 0.5em 1em 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hover */
|
|
||||||
.ui.styled.accordion .title:hover,
|
|
||||||
.ui.styled.accordion .active.title,
|
|
||||||
.ui.styled.accordion .accordion .title:hover,
|
|
||||||
.ui.styled.accordion .accordion .active.title {
|
|
||||||
background: transparent;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
.ui.styled.accordion .accordion .title:hover,
|
|
||||||
.ui.styled.accordion .accordion .active.title {
|
|
||||||
background: transparent;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Active */
|
|
||||||
.ui.styled.accordion .active.title {
|
|
||||||
background: transparent;
|
|
||||||
color: rgba(0, 0, 0, 0.95);
|
|
||||||
}
|
|
||||||
.ui.styled.accordion .accordion .active.title {
|
|
||||||
background: transparent;
|
|
||||||
color: rgba(0, 0, 0, 0.95);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
States
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Active
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.accordion .active.content,
|
|
||||||
.ui.accordion .accordion .active.content {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Variations
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Fluid
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.fluid.accordion,
|
|
||||||
.ui.fluid.accordion .accordion {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Inverted
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.inverted.accordion .title:not(.ui) {
|
|
||||||
color: rgba(255, 255, 255, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Theme Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Accordion';
|
|
||||||
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dropdown Icon */
|
|
||||||
.ui.accordion .title .dropdown.icon,
|
|
||||||
.ui.accordion .accordion .title .dropdown.icon {
|
|
||||||
font-family: Accordion;
|
|
||||||
line-height: 1;
|
|
||||||
-webkit-backface-visibility: hidden;
|
|
||||||
backface-visibility: hidden;
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.ui.accordion .title .dropdown.icon:before,
|
|
||||||
.ui.accordion .accordion .title .dropdown.icon:before {
|
|
||||||
content: '\f0da' /*rtl:'\f0d9'*/;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
User Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
@ -1,613 +0,0 @@
|
|||||||
/*!
|
|
||||||
* # Semantic UI 2.4.1 - Accordion
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
;(function ($, window, document, undefined) {
|
|
||||||
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
window = (typeof window != 'undefined' && window.Math == Math)
|
|
||||||
? window
|
|
||||||
: (typeof self != 'undefined' && self.Math == Math)
|
|
||||||
? self
|
|
||||||
: Function('return this')()
|
|
||||||
;
|
|
||||||
|
|
||||||
$.fn.accordion = function(parameters) {
|
|
||||||
var
|
|
||||||
$allModules = $(this),
|
|
||||||
|
|
||||||
time = new Date().getTime(),
|
|
||||||
performance = [],
|
|
||||||
|
|
||||||
query = arguments[0],
|
|
||||||
methodInvoked = (typeof query == 'string'),
|
|
||||||
queryArguments = [].slice.call(arguments, 1),
|
|
||||||
|
|
||||||
requestAnimationFrame = window.requestAnimationFrame
|
|
||||||
|| window.mozRequestAnimationFrame
|
|
||||||
|| window.webkitRequestAnimationFrame
|
|
||||||
|| window.msRequestAnimationFrame
|
|
||||||
|| function(callback) { setTimeout(callback, 0); },
|
|
||||||
|
|
||||||
returnedValue
|
|
||||||
;
|
|
||||||
$allModules
|
|
||||||
.each(function() {
|
|
||||||
var
|
|
||||||
settings = ( $.isPlainObject(parameters) )
|
|
||||||
? $.extend(true, {}, $.fn.accordion.settings, parameters)
|
|
||||||
: $.extend({}, $.fn.accordion.settings),
|
|
||||||
|
|
||||||
className = settings.className,
|
|
||||||
namespace = settings.namespace,
|
|
||||||
selector = settings.selector,
|
|
||||||
error = settings.error,
|
|
||||||
|
|
||||||
eventNamespace = '.' + namespace,
|
|
||||||
moduleNamespace = 'module-' + namespace,
|
|
||||||
moduleSelector = $allModules.selector || '',
|
|
||||||
|
|
||||||
$module = $(this),
|
|
||||||
$title = $module.find(selector.title),
|
|
||||||
$content = $module.find(selector.content),
|
|
||||||
|
|
||||||
element = this,
|
|
||||||
instance = $module.data(moduleNamespace),
|
|
||||||
observer,
|
|
||||||
module
|
|
||||||
;
|
|
||||||
|
|
||||||
module = {
|
|
||||||
|
|
||||||
initialize: function() {
|
|
||||||
module.debug('Initializing', $module);
|
|
||||||
module.bind.events();
|
|
||||||
if(settings.observeChanges) {
|
|
||||||
module.observeChanges();
|
|
||||||
}
|
|
||||||
module.instantiate();
|
|
||||||
},
|
|
||||||
|
|
||||||
instantiate: function() {
|
|
||||||
instance = module;
|
|
||||||
$module
|
|
||||||
.data(moduleNamespace, module)
|
|
||||||
;
|
|
||||||
},
|
|
||||||
|
|
||||||
destroy: function() {
|
|
||||||
module.debug('Destroying previous instance', $module);
|
|
||||||
$module
|
|
||||||
.off(eventNamespace)
|
|
||||||
.removeData(moduleNamespace)
|
|
||||||
;
|
|
||||||
},
|
|
||||||
|
|
||||||
refresh: function() {
|
|
||||||
$title = $module.find(selector.title);
|
|
||||||
$content = $module.find(selector.content);
|
|
||||||
},
|
|
||||||
|
|
||||||
observeChanges: function() {
|
|
||||||
if('MutationObserver' in window) {
|
|
||||||
observer = new MutationObserver(function(mutations) {
|
|
||||||
module.debug('DOM tree modified, updating selector cache');
|
|
||||||
module.refresh();
|
|
||||||
});
|
|
||||||
observer.observe(element, {
|
|
||||||
childList : true,
|
|
||||||
subtree : true
|
|
||||||
});
|
|
||||||
module.debug('Setting up mutation observer', observer);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
bind: {
|
|
||||||
events: function() {
|
|
||||||
module.debug('Binding delegated events');
|
|
||||||
$module
|
|
||||||
.on(settings.on + eventNamespace, selector.trigger, module.event.click)
|
|
||||||
;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
event: {
|
|
||||||
click: function() {
|
|
||||||
module.toggle.call(this);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
toggle: function(query) {
|
|
||||||
var
|
|
||||||
$activeTitle = (query !== undefined)
|
|
||||||
? (typeof query === 'number')
|
|
||||||
? $title.eq(query)
|
|
||||||
: $(query).closest(selector.title)
|
|
||||||
: $(this).closest(selector.title),
|
|
||||||
$activeContent = $activeTitle.next($content),
|
|
||||||
isAnimating = $activeContent.hasClass(className.animating),
|
|
||||||
isActive = $activeContent.hasClass(className.active),
|
|
||||||
isOpen = (isActive && !isAnimating),
|
|
||||||
isOpening = (!isActive && isAnimating)
|
|
||||||
;
|
|
||||||
module.debug('Toggling visibility of content', $activeTitle);
|
|
||||||
if(isOpen || isOpening) {
|
|
||||||
if(settings.collapsible) {
|
|
||||||
module.close.call($activeTitle);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
module.debug('Cannot close accordion content collapsing is disabled');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
module.open.call($activeTitle);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
open: function(query) {
|
|
||||||
var
|
|
||||||
$activeTitle = (query !== undefined)
|
|
||||||
? (typeof query === 'number')
|
|
||||||
? $title.eq(query)
|
|
||||||
: $(query).closest(selector.title)
|
|
||||||
: $(this).closest(selector.title),
|
|
||||||
$activeContent = $activeTitle.next($content),
|
|
||||||
isAnimating = $activeContent.hasClass(className.animating),
|
|
||||||
isActive = $activeContent.hasClass(className.active),
|
|
||||||
isOpen = (isActive || isAnimating)
|
|
||||||
;
|
|
||||||
if(isOpen) {
|
|
||||||
module.debug('Accordion already open, skipping', $activeContent);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
module.debug('Opening accordion content', $activeTitle);
|
|
||||||
settings.onOpening.call($activeContent);
|
|
||||||
settings.onChanging.call($activeContent);
|
|
||||||
if(settings.exclusive) {
|
|
||||||
module.closeOthers.call($activeTitle);
|
|
||||||
}
|
|
||||||
$activeTitle
|
|
||||||
.addClass(className.active)
|
|
||||||
;
|
|
||||||
$activeContent
|
|
||||||
.stop(true, true)
|
|
||||||
.addClass(className.animating)
|
|
||||||
;
|
|
||||||
if(settings.animateChildren) {
|
|
||||||
if($.fn.transition !== undefined && $module.transition('is supported')) {
|
|
||||||
$activeContent
|
|
||||||
.children()
|
|
||||||
.transition({
|
|
||||||
animation : 'fade in',
|
|
||||||
queue : false,
|
|
||||||
useFailSafe : true,
|
|
||||||
debug : settings.debug,
|
|
||||||
verbose : settings.verbose,
|
|
||||||
duration : settings.duration
|
|
||||||
})
|
|
||||||
;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$activeContent
|
|
||||||
.children()
|
|
||||||
.stop(true, true)
|
|
||||||
.animate({
|
|
||||||
opacity: 1
|
|
||||||
}, settings.duration, module.resetOpacity)
|
|
||||||
;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$activeContent
|
|
||||||
.slideDown(settings.duration, settings.easing, function() {
|
|
||||||
$activeContent
|
|
||||||
.removeClass(className.animating)
|
|
||||||
.addClass(className.active)
|
|
||||||
;
|
|
||||||
module.reset.display.call(this);
|
|
||||||
settings.onOpen.call(this);
|
|
||||||
settings.onChange.call(this);
|
|
||||||
})
|
|
||||||
;
|
|
||||||
},
|
|
||||||
|
|
||||||
close: function(query) {
|
|
||||||
var
|
|
||||||
$activeTitle = (query !== undefined)
|
|
||||||
? (typeof query === 'number')
|
|
||||||
? $title.eq(query)
|
|
||||||
: $(query).closest(selector.title)
|
|
||||||
: $(this).closest(selector.title),
|
|
||||||
$activeContent = $activeTitle.next($content),
|
|
||||||
isAnimating = $activeContent.hasClass(className.animating),
|
|
||||||
isActive = $activeContent.hasClass(className.active),
|
|
||||||
isOpening = (!isActive && isAnimating),
|
|
||||||
isClosing = (isActive && isAnimating)
|
|
||||||
;
|
|
||||||
if((isActive || isOpening) && !isClosing) {
|
|
||||||
module.debug('Closing accordion content', $activeContent);
|
|
||||||
settings.onClosing.call($activeContent);
|
|
||||||
settings.onChanging.call($activeContent);
|
|
||||||
$activeTitle
|
|
||||||
.removeClass(className.active)
|
|
||||||
;
|
|
||||||
$activeContent
|
|
||||||
.stop(true, true)
|
|
||||||
.addClass(className.animating)
|
|
||||||
;
|
|
||||||
if(settings.animateChildren) {
|
|
||||||
if($.fn.transition !== undefined && $module.transition('is supported')) {
|
|
||||||
$activeContent
|
|
||||||
.children()
|
|
||||||
.transition({
|
|
||||||
animation : 'fade out',
|
|
||||||
queue : false,
|
|
||||||
useFailSafe : true,
|
|
||||||
debug : settings.debug,
|
|
||||||
verbose : settings.verbose,
|
|
||||||
duration : settings.duration
|
|
||||||
})
|
|
||||||
;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$activeContent
|
|
||||||
.children()
|
|
||||||
.stop(true, true)
|
|
||||||
.animate({
|
|
||||||
opacity: 0
|
|
||||||
}, settings.duration, module.resetOpacity)
|
|
||||||
;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$activeContent
|
|
||||||
.slideUp(settings.duration, settings.easing, function() {
|
|
||||||
$activeContent
|
|
||||||
.removeClass(className.animating)
|
|
||||||
.removeClass(className.active)
|
|
||||||
;
|
|
||||||
module.reset.display.call(this);
|
|
||||||
settings.onClose.call(this);
|
|
||||||
settings.onChange.call(this);
|
|
||||||
})
|
|
||||||
;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
closeOthers: function(index) {
|
|
||||||
var
|
|
||||||
$activeTitle = (index !== undefined)
|
|
||||||
? $title.eq(index)
|
|
||||||
: $(this).closest(selector.title),
|
|
||||||
$parentTitles = $activeTitle.parents(selector.content).prev(selector.title),
|
|
||||||
$activeAccordion = $activeTitle.closest(selector.accordion),
|
|
||||||
activeSelector = selector.title + '.' + className.active + ':visible',
|
|
||||||
activeContent = selector.content + '.' + className.active + ':visible',
|
|
||||||
$openTitles,
|
|
||||||
$nestedTitles,
|
|
||||||
$openContents
|
|
||||||
;
|
|
||||||
if(settings.closeNested) {
|
|
||||||
$openTitles = $activeAccordion.find(activeSelector).not($parentTitles);
|
|
||||||
$openContents = $openTitles.next($content);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$openTitles = $activeAccordion.find(activeSelector).not($parentTitles);
|
|
||||||
$nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles);
|
|
||||||
$openTitles = $openTitles.not($nestedTitles);
|
|
||||||
$openContents = $openTitles.next($content);
|
|
||||||
}
|
|
||||||
if( ($openTitles.length > 0) ) {
|
|
||||||
module.debug('Exclusive enabled, closing other content', $openTitles);
|
|
||||||
$openTitles
|
|
||||||
.removeClass(className.active)
|
|
||||||
;
|
|
||||||
$openContents
|
|
||||||
.removeClass(className.animating)
|
|
||||||
.stop(true, true)
|
|
||||||
;
|
|
||||||
if(settings.animateChildren) {
|
|
||||||
if($.fn.transition !== undefined && $module.transition('is supported')) {
|
|
||||||
$openContents
|
|
||||||
.children()
|
|
||||||
.transition({
|
|
||||||
animation : 'fade out',
|
|
||||||
useFailSafe : true,
|
|
||||||
debug : settings.debug,
|
|
||||||
verbose : settings.verbose,
|
|
||||||
duration : settings.duration
|
|
||||||
})
|
|
||||||
;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$openContents
|
|
||||||
.children()
|
|
||||||
.stop(true, true)
|
|
||||||
.animate({
|
|
||||||
opacity: 0
|
|
||||||
}, settings.duration, module.resetOpacity)
|
|
||||||
;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$openContents
|
|
||||||
.slideUp(settings.duration , settings.easing, function() {
|
|
||||||
$(this).removeClass(className.active);
|
|
||||||
module.reset.display.call(this);
|
|
||||||
})
|
|
||||||
;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
reset: {
|
|
||||||
|
|
||||||
display: function() {
|
|
||||||
module.verbose('Removing inline display from element', this);
|
|
||||||
$(this).css('display', '');
|
|
||||||
if( $(this).attr('style') === '') {
|
|
||||||
$(this)
|
|
||||||
.attr('style', '')
|
|
||||||
.removeAttr('style')
|
|
||||||
;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
opacity: function() {
|
|
||||||
module.verbose('Removing inline opacity from element', this);
|
|
||||||
$(this).css('opacity', '');
|
|
||||||
if( $(this).attr('style') === '') {
|
|
||||||
$(this)
|
|
||||||
.attr('style', '')
|
|
||||||
.removeAttr('style')
|
|
||||||
;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
setting: function(name, value) {
|
|
||||||
module.debug('Changing setting', name, value);
|
|
||||||
if( $.isPlainObject(name) ) {
|
|
||||||
$.extend(true, settings, name);
|
|
||||||
}
|
|
||||||
else if(value !== undefined) {
|
|
||||||
if($.isPlainObject(settings[name])) {
|
|
||||||
$.extend(true, settings[name], value);
|
|
||||||
}
|
|
||||||
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.silent && 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.silent && 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() {
|
|
||||||
if(!settings.silent) {
|
|
||||||
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({
|
|
||||||
'Name' : message[0],
|
|
||||||
'Arguments' : [].slice.call(message, 1) || '',
|
|
||||||
'Element' : element,
|
|
||||||
'Execution Time' : executionTime
|
|
||||||
});
|
|
||||||
}
|
|
||||||
clearTimeout(module.performance.timer);
|
|
||||||
module.performance.timer = setTimeout(module.performance.display, 500);
|
|
||||||
},
|
|
||||||
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
|
|
||||||
object = instance,
|
|
||||||
maxDepth,
|
|
||||||
found,
|
|
||||||
response
|
|
||||||
;
|
|
||||||
passedArguments = passedArguments || queryArguments;
|
|
||||||
context = element || context;
|
|
||||||
if(typeof query == 'string' && object !== 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( object[camelCaseValue] ) && (depth != maxDepth) ) {
|
|
||||||
object = object[camelCaseValue];
|
|
||||||
}
|
|
||||||
else if( object[camelCaseValue] !== undefined ) {
|
|
||||||
found = object[camelCaseValue];
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
|
|
||||||
object = object[value];
|
|
||||||
}
|
|
||||||
else if( object[value] !== undefined ) {
|
|
||||||
found = object[value];
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
module.error(error.method, query);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if ( $.isFunction( found ) ) {
|
|
||||||
response = found.apply(context, passedArguments);
|
|
||||||
}
|
|
||||||
else if(found !== undefined) {
|
|
||||||
response = found;
|
|
||||||
}
|
|
||||||
if($.isArray(returnedValue)) {
|
|
||||||
returnedValue.push(response);
|
|
||||||
}
|
|
||||||
else if(returnedValue !== undefined) {
|
|
||||||
returnedValue = [returnedValue, response];
|
|
||||||
}
|
|
||||||
else if(response !== undefined) {
|
|
||||||
returnedValue = response;
|
|
||||||
}
|
|
||||||
return found;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
if(methodInvoked) {
|
|
||||||
if(instance === undefined) {
|
|
||||||
module.initialize();
|
|
||||||
}
|
|
||||||
module.invoke(query);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if(instance !== undefined) {
|
|
||||||
instance.invoke('destroy');
|
|
||||||
}
|
|
||||||
module.initialize();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
;
|
|
||||||
return (returnedValue !== undefined)
|
|
||||||
? returnedValue
|
|
||||||
: this
|
|
||||||
;
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.accordion.settings = {
|
|
||||||
|
|
||||||
name : 'Accordion',
|
|
||||||
namespace : 'accordion',
|
|
||||||
|
|
||||||
silent : false,
|
|
||||||
debug : false,
|
|
||||||
verbose : false,
|
|
||||||
performance : true,
|
|
||||||
|
|
||||||
on : 'click', // event on title that opens accordion
|
|
||||||
|
|
||||||
observeChanges : true, // whether accordion should automatically refresh on DOM insertion
|
|
||||||
|
|
||||||
exclusive : true, // whether a single accordion content panel should be open at once
|
|
||||||
collapsible : true, // whether accordion content can be closed
|
|
||||||
closeNested : false, // whether nested content should be closed when a panel is closed
|
|
||||||
animateChildren : true, // whether children opacity should be animated
|
|
||||||
|
|
||||||
duration : 350, // duration of animation
|
|
||||||
easing : 'easeOutQuad', // easing equation for animation
|
|
||||||
|
|
||||||
onOpening : function(){}, // callback before open animation
|
|
||||||
onClosing : function(){}, // callback before closing animation
|
|
||||||
onChanging : function(){}, // callback before closing or opening animation
|
|
||||||
|
|
||||||
onOpen : function(){}, // callback after open animation
|
|
||||||
onClose : function(){}, // callback after closing animation
|
|
||||||
onChange : function(){}, // callback after closing or opening animation
|
|
||||||
|
|
||||||
error: {
|
|
||||||
method : 'The method you called is not defined'
|
|
||||||
},
|
|
||||||
|
|
||||||
className : {
|
|
||||||
active : 'active',
|
|
||||||
animating : 'animating'
|
|
||||||
},
|
|
||||||
|
|
||||||
selector : {
|
|
||||||
accordion : '.accordion',
|
|
||||||
title : '.title',
|
|
||||||
trigger : '.title',
|
|
||||||
content : '.content'
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
// Adds easing
|
|
||||||
$.extend( $.easing, {
|
|
||||||
easeOutQuad: function (x, t, b, c, d) {
|
|
||||||
return -c *(t/=d)*(t-2) + b;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
})( jQuery, window, document );
|
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,275 +0,0 @@
|
|||||||
/*!
|
|
||||||
* # Semantic UI 2.4.1 - Ad
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Copyright 2013 Contributors
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Advertisement
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.ad {
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
margin: 1em 0em;
|
|
||||||
}
|
|
||||||
.ui.ad:first-child {
|
|
||||||
margin: 0em;
|
|
||||||
}
|
|
||||||
.ui.ad:last-child {
|
|
||||||
margin: 0em;
|
|
||||||
}
|
|
||||||
.ui.ad iframe {
|
|
||||||
margin: 0em;
|
|
||||||
padding: 0em;
|
|
||||||
border: none;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Common
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Leaderboard */
|
|
||||||
.ui.leaderboard.ad {
|
|
||||||
width: 728px;
|
|
||||||
height: 90px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Medium Rectangle */
|
|
||||||
.ui[class*="medium rectangle"].ad {
|
|
||||||
width: 300px;
|
|
||||||
height: 250px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Large Rectangle */
|
|
||||||
.ui[class*="large rectangle"].ad {
|
|
||||||
width: 336px;
|
|
||||||
height: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Half Page */
|
|
||||||
.ui[class*="half page"].ad {
|
|
||||||
width: 300px;
|
|
||||||
height: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Square
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Square */
|
|
||||||
.ui.square.ad {
|
|
||||||
width: 250px;
|
|
||||||
height: 250px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Small Square */
|
|
||||||
.ui[class*="small square"].ad {
|
|
||||||
width: 200px;
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Rectangle
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Small Rectangle */
|
|
||||||
.ui[class*="small rectangle"].ad {
|
|
||||||
width: 180px;
|
|
||||||
height: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Vertical Rectangle */
|
|
||||||
.ui[class*="vertical rectangle"].ad {
|
|
||||||
width: 240px;
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Button
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.button.ad {
|
|
||||||
width: 120px;
|
|
||||||
height: 90px;
|
|
||||||
}
|
|
||||||
.ui[class*="square button"].ad {
|
|
||||||
width: 125px;
|
|
||||||
height: 125px;
|
|
||||||
}
|
|
||||||
.ui[class*="small button"].ad {
|
|
||||||
width: 120px;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Skyscrapers
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Skyscraper */
|
|
||||||
.ui.skyscraper.ad {
|
|
||||||
width: 120px;
|
|
||||||
height: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Wide Skyscraper */
|
|
||||||
.ui[class*="wide skyscraper"].ad {
|
|
||||||
width: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Banners
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Banner */
|
|
||||||
.ui.banner.ad {
|
|
||||||
width: 468px;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Vertical Banner */
|
|
||||||
.ui[class*="vertical banner"].ad {
|
|
||||||
width: 120px;
|
|
||||||
height: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Top Banner */
|
|
||||||
.ui[class*="top banner"].ad {
|
|
||||||
width: 930px;
|
|
||||||
height: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Half Banner */
|
|
||||||
.ui[class*="half banner"].ad {
|
|
||||||
width: 234px;
|
|
||||||
height: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Boards
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Leaderboard */
|
|
||||||
.ui[class*="large leaderboard"].ad {
|
|
||||||
width: 970px;
|
|
||||||
height: 90px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Billboard */
|
|
||||||
.ui.billboard.ad {
|
|
||||||
width: 970px;
|
|
||||||
height: 250px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Panorama
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Panorama */
|
|
||||||
.ui.panorama.ad {
|
|
||||||
width: 980px;
|
|
||||||
height: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Netboard
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Netboard */
|
|
||||||
.ui.netboard.ad {
|
|
||||||
width: 580px;
|
|
||||||
height: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Mobile
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Large Mobile Banner */
|
|
||||||
.ui[class*="large mobile banner"].ad {
|
|
||||||
width: 320px;
|
|
||||||
height: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Mobile Leaderboard */
|
|
||||||
.ui[class*="mobile leaderboard"].ad {
|
|
||||||
width: 320px;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Types
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* Mobile Sizes */
|
|
||||||
.ui.mobile.ad {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
.ui.mobile.ad {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Variations
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.centered.ad {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.ui.test.ad {
|
|
||||||
position: relative;
|
|
||||||
background: #545454;
|
|
||||||
}
|
|
||||||
.ui.test.ad:after {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
||||||
transform: translateX(-50%) translateY(-50%);
|
|
||||||
content: 'Ad';
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-size: 1em;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.ui.mobile.test.ad:after {
|
|
||||||
font-size: 0.85714286em;
|
|
||||||
}
|
|
||||||
.ui.test.ad[data-text]:after {
|
|
||||||
content: attr(data-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Theme Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
User Variable Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
10
app/static/semantic/components/ad.min.css
vendored
10
app/static/semantic/components/ad.min.css
vendored
@ -1,10 +0,0 @@
|
|||||||
/*!
|
|
||||||
* # Semantic UI 2.4.1 - Ad
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Copyright 2013 Contributors
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:767px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.85714286em}.ui.test.ad[data-text]:after{content:attr(data-text)}
|
|
||||||
@ -1,517 +0,0 @@
|
|||||||
/*!
|
|
||||||
* # Semantic UI 2.4.0 - Progress Bar
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Progress
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.progress {
|
|
||||||
position: relative;
|
|
||||||
display: block;
|
|
||||||
max-width: 100%;
|
|
||||||
border: none;
|
|
||||||
margin: 1em 0em 2.5em;
|
|
||||||
-webkit-box-shadow: none;
|
|
||||||
box-shadow: none;
|
|
||||||
background: rgba(0, 0, 0, 0.1);
|
|
||||||
padding: 0em;
|
|
||||||
border-radius: 0.28571429rem;
|
|
||||||
}
|
|
||||||
.ui.progress:first-child {
|
|
||||||
margin: 0em 0em 2.5em;
|
|
||||||
}
|
|
||||||
.ui.progress:last-child {
|
|
||||||
margin: 0em 0em 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Content
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* Activity Bar */
|
|
||||||
.ui.progress .bar {
|
|
||||||
display: block;
|
|
||||||
line-height: 1;
|
|
||||||
position: relative;
|
|
||||||
width: 0%;
|
|
||||||
min-width: 2em;
|
|
||||||
background: #888888;
|
|
||||||
border-radius: 0.28571429rem;
|
|
||||||
-webkit-transition: width 0.1s ease, background-color 0.1s ease;
|
|
||||||
transition: width 0.1s ease, background-color 0.1s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Percent Complete */
|
|
||||||
.ui.progress .bar > .progress {
|
|
||||||
white-space: nowrap;
|
|
||||||
position: absolute;
|
|
||||||
width: auto;
|
|
||||||
font-size: 0.92857143em;
|
|
||||||
top: 50%;
|
|
||||||
right: 0.5em;
|
|
||||||
left: auto;
|
|
||||||
bottom: auto;
|
|
||||||
color: rgba(255, 255, 255, 0.7);
|
|
||||||
text-shadow: none;
|
|
||||||
margin-top: -0.5em;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Label */
|
|
||||||
.ui.progress > .label {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
font-size: 1em;
|
|
||||||
top: 100%;
|
|
||||||
right: auto;
|
|
||||||
left: 0%;
|
|
||||||
bottom: auto;
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
font-weight: bold;
|
|
||||||
text-shadow: none;
|
|
||||||
margin-top: 0.2em;
|
|
||||||
text-align: center;
|
|
||||||
-webkit-transition: color 0.4s ease;
|
|
||||||
transition: color 0.4s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Types
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* Indicating */
|
|
||||||
.ui.indicating.progress[data-percent^="1"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent^="2"] .bar {
|
|
||||||
background-color: #D95C5C;
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="3"] .bar {
|
|
||||||
background-color: #EFBC72;
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="4"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent^="5"] .bar {
|
|
||||||
background-color: #E6BB48;
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="6"] .bar {
|
|
||||||
background-color: #DDC928;
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="7"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent^="8"] .bar {
|
|
||||||
background-color: #B4D95C;
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="9"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent^="100"] .bar {
|
|
||||||
background-color: #66DA81;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Indicating Label */
|
|
||||||
.ui.indicating.progress[data-percent^="1"] .label,
|
|
||||||
.ui.indicating.progress[data-percent^="2"] .label {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="3"] .label {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="4"] .label,
|
|
||||||
.ui.indicating.progress[data-percent^="5"] .label {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="6"] .label {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="7"] .label,
|
|
||||||
.ui.indicating.progress[data-percent^="8"] .label {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent^="9"] .label,
|
|
||||||
.ui.indicating.progress[data-percent^="100"] .label {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Single Digits */
|
|
||||||
.ui.indicating.progress[data-percent="1"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent="2"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent="3"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent="4"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent="5"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent="6"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent="7"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent="8"] .bar,
|
|
||||||
.ui.indicating.progress[data-percent="9"] .bar {
|
|
||||||
background-color: #D95C5C;
|
|
||||||
}
|
|
||||||
.ui.indicating.progress[data-percent="1"] .label,
|
|
||||||
.ui.indicating.progress[data-percent="2"] .label,
|
|
||||||
.ui.indicating.progress[data-percent="3"] .label,
|
|
||||||
.ui.indicating.progress[data-percent="4"] .label,
|
|
||||||
.ui.indicating.progress[data-percent="5"] .label,
|
|
||||||
.ui.indicating.progress[data-percent="6"] .label,
|
|
||||||
.ui.indicating.progress[data-percent="7"] .label,
|
|
||||||
.ui.indicating.progress[data-percent="8"] .label,
|
|
||||||
.ui.indicating.progress[data-percent="9"] .label {
|
|
||||||
color: rgba(0, 0, 0, 0.87);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Indicating Success */
|
|
||||||
.ui.indicating.progress.success .label {
|
|
||||||
color: #1A531B;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
States
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Success
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.progress.success .bar {
|
|
||||||
background-color: #21BA45 !important;
|
|
||||||
}
|
|
||||||
.ui.progress.success .bar,
|
|
||||||
.ui.progress.success .bar::after {
|
|
||||||
-webkit-animation: none !important;
|
|
||||||
animation: none !important;
|
|
||||||
}
|
|
||||||
.ui.progress.success > .label {
|
|
||||||
color: #1A531B;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Warning
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.progress.warning .bar {
|
|
||||||
background-color: #F2C037 !important;
|
|
||||||
}
|
|
||||||
.ui.progress.warning .bar,
|
|
||||||
.ui.progress.warning .bar::after {
|
|
||||||
-webkit-animation: none !important;
|
|
||||||
animation: none !important;
|
|
||||||
}
|
|
||||||
.ui.progress.warning > .label {
|
|
||||||
color: #794B02;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Error
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.progress.error .bar {
|
|
||||||
background-color: #DB2828 !important;
|
|
||||||
}
|
|
||||||
.ui.progress.error .bar,
|
|
||||||
.ui.progress.error .bar::after {
|
|
||||||
-webkit-animation: none !important;
|
|
||||||
animation: none !important;
|
|
||||||
}
|
|
||||||
.ui.progress.error > .label {
|
|
||||||
color: #912D2B;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Active
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.active.progress .bar {
|
|
||||||
position: relative;
|
|
||||||
min-width: 2em;
|
|
||||||
}
|
|
||||||
.ui.active.progress .bar::after {
|
|
||||||
content: '';
|
|
||||||
opacity: 0;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
right: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
background: #FFFFFF;
|
|
||||||
border-radius: 0.28571429rem;
|
|
||||||
-webkit-animation: progress-active 2s ease infinite;
|
|
||||||
animation: progress-active 2s ease infinite;
|
|
||||||
}
|
|
||||||
@-webkit-keyframes progress-active {
|
|
||||||
0% {
|
|
||||||
opacity: 0.3;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes progress-active {
|
|
||||||
0% {
|
|
||||||
opacity: 0.3;
|
|
||||||
width: 0;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Disabled
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.disabled.progress {
|
|
||||||
opacity: 0.35;
|
|
||||||
}
|
|
||||||
.ui.disabled.progress .bar,
|
|
||||||
.ui.disabled.progress .bar::after {
|
|
||||||
-webkit-animation: none !important;
|
|
||||||
animation: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Variations
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Inverted
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.inverted.progress {
|
|
||||||
background: rgba(255, 255, 255, 0.08);
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.ui.inverted.progress .bar {
|
|
||||||
background: #888888;
|
|
||||||
}
|
|
||||||
.ui.inverted.progress .bar > .progress {
|
|
||||||
color: #F9FAFB;
|
|
||||||
}
|
|
||||||
.ui.inverted.progress > .label {
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
.ui.inverted.progress.success > .label {
|
|
||||||
color: #21BA45;
|
|
||||||
}
|
|
||||||
.ui.inverted.progress.warning > .label {
|
|
||||||
color: #F2C037;
|
|
||||||
}
|
|
||||||
.ui.inverted.progress.error > .label {
|
|
||||||
color: #DB2828;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Attached
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* bottom attached */
|
|
||||||
.ui.progress.attached {
|
|
||||||
background: transparent;
|
|
||||||
position: relative;
|
|
||||||
border: none;
|
|
||||||
margin: 0em;
|
|
||||||
}
|
|
||||||
.ui.progress.attached,
|
|
||||||
.ui.progress.attached .bar {
|
|
||||||
display: block;
|
|
||||||
height: 0.2rem;
|
|
||||||
padding: 0px;
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
|
|
||||||
}
|
|
||||||
.ui.progress.attached .bar {
|
|
||||||
border-radius: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* top attached */
|
|
||||||
.ui.progress.top.attached,
|
|
||||||
.ui.progress.top.attached .bar {
|
|
||||||
top: 0px;
|
|
||||||
border-radius: 0.28571429rem 0.28571429rem 0em 0em;
|
|
||||||
}
|
|
||||||
.ui.progress.top.attached .bar {
|
|
||||||
border-radius: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Coupling */
|
|
||||||
.ui.segment > .ui.attached.progress,
|
|
||||||
.ui.card > .ui.attached.progress {
|
|
||||||
position: absolute;
|
|
||||||
top: auto;
|
|
||||||
left: 0;
|
|
||||||
bottom: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.ui.segment > .ui.bottom.attached.progress,
|
|
||||||
.ui.card > .ui.bottom.attached.progress {
|
|
||||||
top: 100%;
|
|
||||||
bottom: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Colors
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
|
|
||||||
/* Red */
|
|
||||||
.ui.red.progress .bar {
|
|
||||||
background-color: #DB2828;
|
|
||||||
}
|
|
||||||
.ui.red.inverted.progress .bar {
|
|
||||||
background-color: #FF695E;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Orange */
|
|
||||||
.ui.orange.progress .bar {
|
|
||||||
background-color: #F2711C;
|
|
||||||
}
|
|
||||||
.ui.orange.inverted.progress .bar {
|
|
||||||
background-color: #FF851B;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Yellow */
|
|
||||||
.ui.yellow.progress .bar {
|
|
||||||
background-color: #FBBD08;
|
|
||||||
}
|
|
||||||
.ui.yellow.inverted.progress .bar {
|
|
||||||
background-color: #FFE21F;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Olive */
|
|
||||||
.ui.olive.progress .bar {
|
|
||||||
background-color: #B5CC18;
|
|
||||||
}
|
|
||||||
.ui.olive.inverted.progress .bar {
|
|
||||||
background-color: #D9E778;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Green */
|
|
||||||
.ui.green.progress .bar {
|
|
||||||
background-color: #21BA45;
|
|
||||||
}
|
|
||||||
.ui.green.inverted.progress .bar {
|
|
||||||
background-color: #2ECC40;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Teal */
|
|
||||||
.ui.teal.progress .bar {
|
|
||||||
background-color: #00B5AD;
|
|
||||||
}
|
|
||||||
.ui.teal.inverted.progress .bar {
|
|
||||||
background-color: #6DFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Blue */
|
|
||||||
.ui.blue.progress .bar {
|
|
||||||
background-color: #2185D0;
|
|
||||||
}
|
|
||||||
.ui.blue.inverted.progress .bar {
|
|
||||||
background-color: #54C8FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Violet */
|
|
||||||
.ui.violet.progress .bar {
|
|
||||||
background-color: #6435C9;
|
|
||||||
}
|
|
||||||
.ui.violet.inverted.progress .bar {
|
|
||||||
background-color: #A291FB;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Purple */
|
|
||||||
.ui.purple.progress .bar {
|
|
||||||
background-color: #A333C8;
|
|
||||||
}
|
|
||||||
.ui.purple.inverted.progress .bar {
|
|
||||||
background-color: #DC73FF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Pink */
|
|
||||||
.ui.pink.progress .bar {
|
|
||||||
background-color: #E03997;
|
|
||||||
}
|
|
||||||
.ui.pink.inverted.progress .bar {
|
|
||||||
background-color: #FF8EDF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Brown */
|
|
||||||
.ui.brown.progress .bar {
|
|
||||||
background-color: #A5673F;
|
|
||||||
}
|
|
||||||
.ui.brown.inverted.progress .bar {
|
|
||||||
background-color: #D67C1C;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Grey */
|
|
||||||
.ui.grey.progress .bar {
|
|
||||||
background-color: #767676;
|
|
||||||
}
|
|
||||||
.ui.grey.inverted.progress .bar {
|
|
||||||
background-color: #DCDDDE;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Black */
|
|
||||||
.ui.black.progress .bar {
|
|
||||||
background-color: #1B1C1D;
|
|
||||||
}
|
|
||||||
.ui.black.inverted.progress .bar {
|
|
||||||
background-color: #545454;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*--------------
|
|
||||||
Sizes
|
|
||||||
---------------*/
|
|
||||||
|
|
||||||
.ui.tiny.progress {
|
|
||||||
font-size: 0.85714286rem;
|
|
||||||
}
|
|
||||||
.ui.tiny.progress .bar {
|
|
||||||
height: 0.5em;
|
|
||||||
}
|
|
||||||
.ui.small.progress {
|
|
||||||
font-size: 0.92857143rem;
|
|
||||||
}
|
|
||||||
.ui.small.progress .bar {
|
|
||||||
height: 1em;
|
|
||||||
}
|
|
||||||
.ui.progress {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
.ui.progress .bar {
|
|
||||||
height: 1.75em;
|
|
||||||
}
|
|
||||||
.ui.large.progress {
|
|
||||||
font-size: 1.14285714rem;
|
|
||||||
}
|
|
||||||
.ui.large.progress .bar {
|
|
||||||
height: 2.5em;
|
|
||||||
}
|
|
||||||
.ui.big.progress {
|
|
||||||
font-size: 1.28571429rem;
|
|
||||||
}
|
|
||||||
.ui.big.progress .bar {
|
|
||||||
height: 3.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Progress
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Site Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
@ -1,931 +0,0 @@
|
|||||||
/*!
|
|
||||||
* # Semantic UI 2.4.1 - Progress
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
;(function ($, window, document, undefined) {
|
|
||||||
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
window = (typeof window != 'undefined' && window.Math == Math)
|
|
||||||
? window
|
|
||||||
: (typeof self != 'undefined' && self.Math == Math)
|
|
||||||
? self
|
|
||||||
: Function('return this')()
|
|
||||||
;
|
|
||||||
|
|
||||||
var
|
|
||||||
global = (typeof window != 'undefined' && window.Math == Math)
|
|
||||||
? window
|
|
||||||
: (typeof self != 'undefined' && self.Math == Math)
|
|
||||||
? self
|
|
||||||
: Function('return this')()
|
|
||||||
;
|
|
||||||
|
|
||||||
$.fn.progress = function(parameters) {
|
|
||||||
var
|
|
||||||
$allModules = $(this),
|
|
||||||
|
|
||||||
moduleSelector = $allModules.selector || '',
|
|
||||||
|
|
||||||
time = new Date().getTime(),
|
|
||||||
performance = [],
|
|
||||||
|
|
||||||
query = arguments[0],
|
|
||||||
methodInvoked = (typeof query == 'string'),
|
|
||||||
queryArguments = [].slice.call(arguments, 1),
|
|
||||||
|
|
||||||
returnedValue
|
|
||||||
;
|
|
||||||
|
|
||||||
$allModules
|
|
||||||
.each(function() {
|
|
||||||
var
|
|
||||||
settings = ( $.isPlainObject(parameters) )
|
|
||||||
? $.extend(true, {}, $.fn.progress.settings, parameters)
|
|
||||||
: $.extend({}, $.fn.progress.settings),
|
|
||||||
|
|
||||||
className = settings.className,
|
|
||||||
metadata = settings.metadata,
|
|
||||||
namespace = settings.namespace,
|
|
||||||
selector = settings.selector,
|
|
||||||
error = settings.error,
|
|
||||||
|
|
||||||
eventNamespace = '.' + namespace,
|
|
||||||
moduleNamespace = 'module-' + namespace,
|
|
||||||
|
|
||||||
$module = $(this),
|
|
||||||
$bar = $(this).find(selector.bar),
|
|
||||||
$progress = $(this).find(selector.progress),
|
|
||||||
$label = $(this).find(selector.label),
|
|
||||||
|
|
||||||
element = this,
|
|
||||||
instance = $module.data(moduleNamespace),
|
|
||||||
|
|
||||||
animating = false,
|
|
||||||
transitionEnd,
|
|
||||||
module
|
|
||||||
;
|
|
||||||
|
|
||||||
module = {
|
|
||||||
|
|
||||||
initialize: function() {
|
|
||||||
module.debug('Initializing progress bar', settings);
|
|
||||||
|
|
||||||
module.set.duration();
|
|
||||||
module.set.transitionEvent();
|
|
||||||
|
|
||||||
module.read.metadata();
|
|
||||||
module.read.settings();
|
|
||||||
|
|
||||||
module.instantiate();
|
|
||||||
},
|
|
||||||
|
|
||||||
instantiate: function() {
|
|
||||||
module.verbose('Storing instance of progress', module);
|
|
||||||
instance = module;
|
|
||||||
$module
|
|
||||||
.data(moduleNamespace, module)
|
|
||||||
;
|
|
||||||
},
|
|
||||||
destroy: function() {
|
|
||||||
module.verbose('Destroying previous progress for', $module);
|
|
||||||
clearInterval(instance.interval);
|
|
||||||
module.remove.state();
|
|
||||||
$module.removeData(moduleNamespace);
|
|
||||||
instance = undefined;
|
|
||||||
},
|
|
||||||
|
|
||||||
reset: function() {
|
|
||||||
module.remove.nextValue();
|
|
||||||
module.update.progress(0);
|
|
||||||
},
|
|
||||||
|
|
||||||
complete: function() {
|
|
||||||
if(module.percent === undefined || module.percent < 100) {
|
|
||||||
module.remove.progressPoll();
|
|
||||||
module.set.percent(100);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
read: {
|
|
||||||
metadata: function() {
|
|
||||||
var
|
|
||||||
data = {
|
|
||||||
percent : $module.data(metadata.percent),
|
|
||||||
total : $module.data(metadata.total),
|
|
||||||
value : $module.data(metadata.value)
|
|
||||||
}
|
|
||||||
;
|
|
||||||
if(data.percent) {
|
|
||||||
module.debug('Current percent value set from metadata', data.percent);
|
|
||||||
module.set.percent(data.percent);
|
|
||||||
}
|
|
||||||
if(data.total) {
|
|
||||||
module.debug('Total value set from metadata', data.total);
|
|
||||||
module.set.total(data.total);
|
|
||||||
}
|
|
||||||
if(data.value) {
|
|
||||||
module.debug('Current value set from metadata', data.value);
|
|
||||||
module.set.value(data.value);
|
|
||||||
module.set.progress(data.value);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
settings: function() {
|
|
||||||
if(settings.total !== false) {
|
|
||||||
module.debug('Current total set in settings', settings.total);
|
|
||||||
module.set.total(settings.total);
|
|
||||||
}
|
|
||||||
if(settings.value !== false) {
|
|
||||||
module.debug('Current value set in settings', settings.value);
|
|
||||||
module.set.value(settings.value);
|
|
||||||
module.set.progress(module.value);
|
|
||||||
}
|
|
||||||
if(settings.percent !== false) {
|
|
||||||
module.debug('Current percent set in settings', settings.percent);
|
|
||||||
module.set.percent(settings.percent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
bind: {
|
|
||||||
transitionEnd: function(callback) {
|
|
||||||
var
|
|
||||||
transitionEnd = module.get.transitionEnd()
|
|
||||||
;
|
|
||||||
$bar
|
|
||||||
.one(transitionEnd + eventNamespace, function(event) {
|
|
||||||
clearTimeout(module.failSafeTimer);
|
|
||||||
callback.call(this, event);
|
|
||||||
})
|
|
||||||
;
|
|
||||||
module.failSafeTimer = setTimeout(function() {
|
|
||||||
$bar.triggerHandler(transitionEnd);
|
|
||||||
}, settings.duration + settings.failSafeDelay);
|
|
||||||
module.verbose('Adding fail safe timer', module.timer);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
increment: function(incrementValue) {
|
|
||||||
var
|
|
||||||
maxValue,
|
|
||||||
startValue,
|
|
||||||
newValue
|
|
||||||
;
|
|
||||||
if( module.has.total() ) {
|
|
||||||
startValue = module.get.value();
|
|
||||||
incrementValue = incrementValue || 1;
|
|
||||||
newValue = startValue + incrementValue;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
startValue = module.get.percent();
|
|
||||||
incrementValue = incrementValue || module.get.randomValue();
|
|
||||||
|
|
||||||
newValue = startValue + incrementValue;
|
|
||||||
maxValue = 100;
|
|
||||||
module.debug('Incrementing percentage by', startValue, newValue);
|
|
||||||
}
|
|
||||||
newValue = module.get.normalizedValue(newValue);
|
|
||||||
module.set.progress(newValue);
|
|
||||||
},
|
|
||||||
decrement: function(decrementValue) {
|
|
||||||
var
|
|
||||||
total = module.get.total(),
|
|
||||||
startValue,
|
|
||||||
newValue
|
|
||||||
;
|
|
||||||
if(total) {
|
|
||||||
startValue = module.get.value();
|
|
||||||
decrementValue = decrementValue || 1;
|
|
||||||
newValue = startValue - decrementValue;
|
|
||||||
module.debug('Decrementing value by', decrementValue, startValue);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
startValue = module.get.percent();
|
|
||||||
decrementValue = decrementValue || module.get.randomValue();
|
|
||||||
newValue = startValue - decrementValue;
|
|
||||||
module.debug('Decrementing percentage by', decrementValue, startValue);
|
|
||||||
}
|
|
||||||
newValue = module.get.normalizedValue(newValue);
|
|
||||||
module.set.progress(newValue);
|
|
||||||
},
|
|
||||||
|
|
||||||
has: {
|
|
||||||
progressPoll: function() {
|
|
||||||
return module.progressPoll;
|
|
||||||
},
|
|
||||||
total: function() {
|
|
||||||
return (module.get.total() !== false);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
get: {
|
|
||||||
text: function(templateText) {
|
|
||||||
var
|
|
||||||
value = module.value || 0,
|
|
||||||
total = module.total || 0,
|
|
||||||
percent = (animating)
|
|
||||||
? module.get.displayPercent()
|
|
||||||
: module.percent || 0,
|
|
||||||
left = (module.total > 0)
|
|
||||||
? (total - value)
|
|
||||||
: (100 - percent)
|
|
||||||
;
|
|
||||||
templateText = templateText || '';
|
|
||||||
templateText = templateText
|
|
||||||
.replace('{value}', value)
|
|
||||||
.replace('{total}', total)
|
|
||||||
.replace('{left}', left)
|
|
||||||
.replace('{percent}', percent)
|
|
||||||
;
|
|
||||||
module.verbose('Adding variables to progress bar text', templateText);
|
|
||||||
return templateText;
|
|
||||||
},
|
|
||||||
|
|
||||||
normalizedValue: function(value) {
|
|
||||||
if(value < 0) {
|
|
||||||
module.debug('Value cannot decrement below 0');
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
if(module.has.total()) {
|
|
||||||
if(value > module.total) {
|
|
||||||
module.debug('Value cannot increment above total', module.total);
|
|
||||||
return module.total;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if(value > 100 ) {
|
|
||||||
module.debug('Value cannot increment above 100 percent');
|
|
||||||
return 100;
|
|
||||||
}
|
|
||||||
return value;
|
|
||||||
},
|
|
||||||
|
|
||||||
updateInterval: function() {
|
|
||||||
if(settings.updateInterval == 'auto') {
|
|
||||||
return settings.duration;
|
|
||||||
}
|
|
||||||
return settings.updateInterval;
|
|
||||||
},
|
|
||||||
|
|
||||||
randomValue: function() {
|
|
||||||
module.debug('Generating random increment percentage');
|
|
||||||
return Math.floor((Math.random() * settings.random.max) + settings.random.min);
|
|
||||||
},
|
|
||||||
|
|
||||||
numericValue: function(value) {
|
|
||||||
return (typeof value === 'string')
|
|
||||||
? (value.replace(/[^\d.]/g, '') !== '')
|
|
||||||
? +(value.replace(/[^\d.]/g, ''))
|
|
||||||
: false
|
|
||||||
: value
|
|
||||||
;
|
|
||||||
},
|
|
||||||
|
|
||||||
transitionEnd: 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];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
// gets current displayed percentage (if animating values this is the intermediary value)
|
|
||||||
displayPercent: function() {
|
|
||||||
var
|
|
||||||
barWidth = $bar.width(),
|
|
||||||
totalWidth = $module.width(),
|
|
||||||
minDisplay = parseInt($bar.css('min-width'), 10),
|
|
||||||
displayPercent = (barWidth > minDisplay)
|
|
||||||
? (barWidth / totalWidth * 100)
|
|
||||||
: module.percent
|
|
||||||
;
|
|
||||||
return (settings.precision > 0)
|
|
||||||
? Math.round(displayPercent * (10 * settings.precision)) / (10 * settings.precision)
|
|
||||||
: Math.round(displayPercent)
|
|
||||||
;
|
|
||||||
},
|
|
||||||
|
|
||||||
percent: function() {
|
|
||||||
return module.percent || 0;
|
|
||||||
},
|
|
||||||
value: function() {
|
|
||||||
return module.nextValue || module.value || 0;
|
|
||||||
},
|
|
||||||
total: function() {
|
|
||||||
return module.total || false;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
create: {
|
|
||||||
progressPoll: function() {
|
|
||||||
module.progressPoll = setTimeout(function() {
|
|
||||||
module.update.toNextValue();
|
|
||||||
module.remove.progressPoll();
|
|
||||||
}, module.get.updateInterval());
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
is: {
|
|
||||||
complete: function() {
|
|
||||||
return module.is.success() || module.is.warning() || module.is.error();
|
|
||||||
},
|
|
||||||
success: function() {
|
|
||||||
return $module.hasClass(className.success);
|
|
||||||
},
|
|
||||||
warning: function() {
|
|
||||||
return $module.hasClass(className.warning);
|
|
||||||
},
|
|
||||||
error: function() {
|
|
||||||
return $module.hasClass(className.error);
|
|
||||||
},
|
|
||||||
active: function() {
|
|
||||||
return $module.hasClass(className.active);
|
|
||||||
},
|
|
||||||
visible: function() {
|
|
||||||
return $module.is(':visible');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
remove: {
|
|
||||||
progressPoll: function() {
|
|
||||||
module.verbose('Removing progress poll timer');
|
|
||||||
if(module.progressPoll) {
|
|
||||||
clearTimeout(module.progressPoll);
|
|
||||||
delete module.progressPoll;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
nextValue: function() {
|
|
||||||
module.verbose('Removing progress value stored for next update');
|
|
||||||
delete module.nextValue;
|
|
||||||
},
|
|
||||||
state: function() {
|
|
||||||
module.verbose('Removing stored state');
|
|
||||||
delete module.total;
|
|
||||||
delete module.percent;
|
|
||||||
delete module.value;
|
|
||||||
},
|
|
||||||
active: function() {
|
|
||||||
module.verbose('Removing active state');
|
|
||||||
$module.removeClass(className.active);
|
|
||||||
},
|
|
||||||
success: function() {
|
|
||||||
module.verbose('Removing success state');
|
|
||||||
$module.removeClass(className.success);
|
|
||||||
},
|
|
||||||
warning: function() {
|
|
||||||
module.verbose('Removing warning state');
|
|
||||||
$module.removeClass(className.warning);
|
|
||||||
},
|
|
||||||
error: function() {
|
|
||||||
module.verbose('Removing error state');
|
|
||||||
$module.removeClass(className.error);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
set: {
|
|
||||||
barWidth: function(value) {
|
|
||||||
if(value > 100) {
|
|
||||||
module.error(error.tooHigh, value);
|
|
||||||
}
|
|
||||||
else if (value < 0) {
|
|
||||||
module.error(error.tooLow, value);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$bar
|
|
||||||
.css('width', value + '%')
|
|
||||||
;
|
|
||||||
$module
|
|
||||||
.attr('data-percent', parseInt(value, 10))
|
|
||||||
;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
duration: function(duration) {
|
|
||||||
duration = duration || settings.duration;
|
|
||||||
duration = (typeof duration == 'number')
|
|
||||||
? duration + 'ms'
|
|
||||||
: duration
|
|
||||||
;
|
|
||||||
module.verbose('Setting progress bar transition duration', duration);
|
|
||||||
$bar
|
|
||||||
.css({
|
|
||||||
'transition-duration': duration
|
|
||||||
})
|
|
||||||
;
|
|
||||||
},
|
|
||||||
percent: function(percent) {
|
|
||||||
percent = (typeof percent == 'string')
|
|
||||||
? +(percent.replace('%', ''))
|
|
||||||
: percent
|
|
||||||
;
|
|
||||||
// round display percentage
|
|
||||||
percent = (settings.precision > 0)
|
|
||||||
? Math.round(percent * (10 * settings.precision)) / (10 * settings.precision)
|
|
||||||
: Math.round(percent)
|
|
||||||
;
|
|
||||||
module.percent = percent;
|
|
||||||
if( !module.has.total() ) {
|
|
||||||
module.value = (settings.precision > 0)
|
|
||||||
? Math.round( (percent / 100) * module.total * (10 * settings.precision)) / (10 * settings.precision)
|
|
||||||
: Math.round( (percent / 100) * module.total * 10) / 10
|
|
||||||
;
|
|
||||||
if(settings.limitValues) {
|
|
||||||
module.value = (module.value > 100)
|
|
||||||
? 100
|
|
||||||
: (module.value < 0)
|
|
||||||
? 0
|
|
||||||
: module.value
|
|
||||||
;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
module.set.barWidth(percent);
|
|
||||||
module.set.labelInterval();
|
|
||||||
module.set.labels();
|
|
||||||
settings.onChange.call(element, percent, module.value, module.total);
|
|
||||||
},
|
|
||||||
labelInterval: function() {
|
|
||||||
var
|
|
||||||
animationCallback = function() {
|
|
||||||
module.verbose('Bar finished animating, removing continuous label updates');
|
|
||||||
clearInterval(module.interval);
|
|
||||||
animating = false;
|
|
||||||
module.set.labels();
|
|
||||||
}
|
|
||||||
;
|
|
||||||
clearInterval(module.interval);
|
|
||||||
module.bind.transitionEnd(animationCallback);
|
|
||||||
animating = true;
|
|
||||||
module.interval = setInterval(function() {
|
|
||||||
var
|
|
||||||
isInDOM = $.contains(document.documentElement, element)
|
|
||||||
;
|
|
||||||
if(!isInDOM) {
|
|
||||||
clearInterval(module.interval);
|
|
||||||
animating = false;
|
|
||||||
}
|
|
||||||
module.set.labels();
|
|
||||||
}, settings.framerate);
|
|
||||||
},
|
|
||||||
labels: function() {
|
|
||||||
module.verbose('Setting both bar progress and outer label text');
|
|
||||||
module.set.barLabel();
|
|
||||||
module.set.state();
|
|
||||||
},
|
|
||||||
label: function(text) {
|
|
||||||
text = text || '';
|
|
||||||
if(text) {
|
|
||||||
text = module.get.text(text);
|
|
||||||
module.verbose('Setting label to text', text);
|
|
||||||
$label.text(text);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
state: function(percent) {
|
|
||||||
percent = (percent !== undefined)
|
|
||||||
? percent
|
|
||||||
: module.percent
|
|
||||||
;
|
|
||||||
if(percent === 100) {
|
|
||||||
if(settings.autoSuccess && !(module.is.warning() || module.is.error() || module.is.success())) {
|
|
||||||
module.set.success();
|
|
||||||
module.debug('Automatically triggering success at 100%');
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
module.verbose('Reached 100% removing active state');
|
|
||||||
module.remove.active();
|
|
||||||
module.remove.progressPoll();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if(percent > 0) {
|
|
||||||
module.verbose('Adjusting active progress bar label', percent);
|
|
||||||
module.set.active();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
module.remove.active();
|
|
||||||
module.set.label(settings.text.active);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
barLabel: function(text) {
|
|
||||||
if(text !== undefined) {
|
|
||||||
$progress.text( module.get.text(text) );
|
|
||||||
}
|
|
||||||
else if(settings.label == 'ratio' && module.total) {
|
|
||||||
module.verbose('Adding ratio to bar label');
|
|
||||||
$progress.text( module.get.text(settings.text.ratio) );
|
|
||||||
}
|
|
||||||
else if(settings.label == 'percent') {
|
|
||||||
module.verbose('Adding percentage to bar label');
|
|
||||||
$progress.text( module.get.text(settings.text.percent) );
|
|
||||||
}
|
|
||||||
},
|
|
||||||
active: function(text) {
|
|
||||||
text = text || settings.text.active;
|
|
||||||
module.debug('Setting active state');
|
|
||||||
if(settings.showActivity && !module.is.active() ) {
|
|
||||||
$module.addClass(className.active);
|
|
||||||
}
|
|
||||||
module.remove.warning();
|
|
||||||
module.remove.error();
|
|
||||||
module.remove.success();
|
|
||||||
text = settings.onLabelUpdate('active', text, module.value, module.total);
|
|
||||||
if(text) {
|
|
||||||
module.set.label(text);
|
|
||||||
}
|
|
||||||
module.bind.transitionEnd(function() {
|
|
||||||
settings.onActive.call(element, module.value, module.total);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
success : function(text) {
|
|
||||||
text = text || settings.text.success || settings.text.active;
|
|
||||||
module.debug('Setting success state');
|
|
||||||
$module.addClass(className.success);
|
|
||||||
module.remove.active();
|
|
||||||
module.remove.warning();
|
|
||||||
module.remove.error();
|
|
||||||
module.complete();
|
|
||||||
if(settings.text.success) {
|
|
||||||
text = settings.onLabelUpdate('success', text, module.value, module.total);
|
|
||||||
module.set.label(text);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
text = settings.onLabelUpdate('active', text, module.value, module.total);
|
|
||||||
module.set.label(text);
|
|
||||||
}
|
|
||||||
module.bind.transitionEnd(function() {
|
|
||||||
settings.onSuccess.call(element, module.total);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
warning : function(text) {
|
|
||||||
text = text || settings.text.warning;
|
|
||||||
module.debug('Setting warning state');
|
|
||||||
$module.addClass(className.warning);
|
|
||||||
module.remove.active();
|
|
||||||
module.remove.success();
|
|
||||||
module.remove.error();
|
|
||||||
module.complete();
|
|
||||||
text = settings.onLabelUpdate('warning', text, module.value, module.total);
|
|
||||||
if(text) {
|
|
||||||
module.set.label(text);
|
|
||||||
}
|
|
||||||
module.bind.transitionEnd(function() {
|
|
||||||
settings.onWarning.call(element, module.value, module.total);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
error : function(text) {
|
|
||||||
text = text || settings.text.error;
|
|
||||||
module.debug('Setting error state');
|
|
||||||
$module.addClass(className.error);
|
|
||||||
module.remove.active();
|
|
||||||
module.remove.success();
|
|
||||||
module.remove.warning();
|
|
||||||
module.complete();
|
|
||||||
text = settings.onLabelUpdate('error', text, module.value, module.total);
|
|
||||||
if(text) {
|
|
||||||
module.set.label(text);
|
|
||||||
}
|
|
||||||
module.bind.transitionEnd(function() {
|
|
||||||
settings.onError.call(element, module.value, module.total);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
transitionEvent: function() {
|
|
||||||
transitionEnd = module.get.transitionEnd();
|
|
||||||
},
|
|
||||||
total: function(totalValue) {
|
|
||||||
module.total = totalValue;
|
|
||||||
},
|
|
||||||
value: function(value) {
|
|
||||||
module.value = value;
|
|
||||||
},
|
|
||||||
progress: function(value) {
|
|
||||||
if(!module.has.progressPoll()) {
|
|
||||||
module.debug('First update in progress update interval, immediately updating', value);
|
|
||||||
module.update.progress(value);
|
|
||||||
module.create.progressPoll();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
module.debug('Updated within interval, setting next update to use new value', value);
|
|
||||||
module.set.nextValue(value);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
nextValue: function(value) {
|
|
||||||
module.nextValue = value;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
update: {
|
|
||||||
toNextValue: function() {
|
|
||||||
var
|
|
||||||
nextValue = module.nextValue
|
|
||||||
;
|
|
||||||
if(nextValue) {
|
|
||||||
module.debug('Update interval complete using last updated value', nextValue);
|
|
||||||
module.update.progress(nextValue);
|
|
||||||
module.remove.nextValue();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
progress: function(value) {
|
|
||||||
var
|
|
||||||
percentComplete
|
|
||||||
;
|
|
||||||
value = module.get.numericValue(value);
|
|
||||||
if(value === false) {
|
|
||||||
module.error(error.nonNumeric, value);
|
|
||||||
}
|
|
||||||
value = module.get.normalizedValue(value);
|
|
||||||
if( module.has.total() ) {
|
|
||||||
module.set.value(value);
|
|
||||||
percentComplete = (value / module.total) * 100;
|
|
||||||
module.debug('Calculating percent complete from total', percentComplete);
|
|
||||||
module.set.percent( percentComplete );
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
percentComplete = value;
|
|
||||||
module.debug('Setting value to exact percentage value', percentComplete);
|
|
||||||
module.set.percent( percentComplete );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
setting: function(name, value) {
|
|
||||||
module.debug('Changing setting', name, value);
|
|
||||||
if( $.isPlainObject(name) ) {
|
|
||||||
$.extend(true, settings, name);
|
|
||||||
}
|
|
||||||
else if(value !== undefined) {
|
|
||||||
if($.isPlainObject(settings[name])) {
|
|
||||||
$.extend(true, settings[name], value);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
settings[name] = value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return settings[name];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
internal: function(name, value) {
|
|
||||||
if( $.isPlainObject(name) ) {
|
|
||||||
$.extend(true, module, name);
|
|
||||||
}
|
|
||||||
else if(value !== undefined) {
|
|
||||||
module[name] = value;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return module[name];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
debug: function() {
|
|
||||||
if(!settings.silent && 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.silent && 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() {
|
|
||||||
if(!settings.silent) {
|
|
||||||
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({
|
|
||||||
'Name' : message[0],
|
|
||||||
'Arguments' : [].slice.call(message, 1) || '',
|
|
||||||
'Element' : element,
|
|
||||||
'Execution Time' : executionTime
|
|
||||||
});
|
|
||||||
}
|
|
||||||
clearTimeout(module.performance.timer);
|
|
||||||
module.performance.timer = setTimeout(module.performance.display, 500);
|
|
||||||
},
|
|
||||||
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
|
|
||||||
object = instance,
|
|
||||||
maxDepth,
|
|
||||||
found,
|
|
||||||
response
|
|
||||||
;
|
|
||||||
passedArguments = passedArguments || queryArguments;
|
|
||||||
context = element || context;
|
|
||||||
if(typeof query == 'string' && object !== 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( object[camelCaseValue] ) && (depth != maxDepth) ) {
|
|
||||||
object = object[camelCaseValue];
|
|
||||||
}
|
|
||||||
else if( object[camelCaseValue] !== undefined ) {
|
|
||||||
found = object[camelCaseValue];
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
|
|
||||||
object = object[value];
|
|
||||||
}
|
|
||||||
else if( object[value] !== undefined ) {
|
|
||||||
found = object[value];
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
module.error(error.method, query);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if ( $.isFunction( found ) ) {
|
|
||||||
response = found.apply(context, passedArguments);
|
|
||||||
}
|
|
||||||
else if(found !== undefined) {
|
|
||||||
response = found;
|
|
||||||
}
|
|
||||||
if($.isArray(returnedValue)) {
|
|
||||||
returnedValue.push(response);
|
|
||||||
}
|
|
||||||
else if(returnedValue !== undefined) {
|
|
||||||
returnedValue = [returnedValue, response];
|
|
||||||
}
|
|
||||||
else if(response !== undefined) {
|
|
||||||
returnedValue = response;
|
|
||||||
}
|
|
||||||
return found;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if(methodInvoked) {
|
|
||||||
if(instance === undefined) {
|
|
||||||
module.initialize();
|
|
||||||
}
|
|
||||||
module.invoke(query);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if(instance !== undefined) {
|
|
||||||
instance.invoke('destroy');
|
|
||||||
}
|
|
||||||
module.initialize();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
;
|
|
||||||
|
|
||||||
return (returnedValue !== undefined)
|
|
||||||
? returnedValue
|
|
||||||
: this
|
|
||||||
;
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.progress.settings = {
|
|
||||||
|
|
||||||
name : 'Progress',
|
|
||||||
namespace : 'progress',
|
|
||||||
|
|
||||||
silent : false,
|
|
||||||
debug : false,
|
|
||||||
verbose : false,
|
|
||||||
performance : true,
|
|
||||||
|
|
||||||
random : {
|
|
||||||
min : 2,
|
|
||||||
max : 5
|
|
||||||
},
|
|
||||||
|
|
||||||
duration : 300,
|
|
||||||
|
|
||||||
updateInterval : 'auto',
|
|
||||||
|
|
||||||
autoSuccess : true,
|
|
||||||
showActivity : true,
|
|
||||||
limitValues : true,
|
|
||||||
|
|
||||||
label : 'percent',
|
|
||||||
precision : 0,
|
|
||||||
framerate : (1000 / 30), /// 30 fps
|
|
||||||
|
|
||||||
percent : false,
|
|
||||||
total : false,
|
|
||||||
value : false,
|
|
||||||
|
|
||||||
// delay in ms for fail safe animation callback
|
|
||||||
failSafeDelay : 100,
|
|
||||||
|
|
||||||
onLabelUpdate : function(state, text, value, total){
|
|
||||||
return text;
|
|
||||||
},
|
|
||||||
onChange : function(percent, value, total){},
|
|
||||||
onSuccess : function(total){},
|
|
||||||
onActive : function(value, total){},
|
|
||||||
onError : function(value, total){},
|
|
||||||
onWarning : function(value, total){},
|
|
||||||
|
|
||||||
error : {
|
|
||||||
method : 'The method you called is not defined.',
|
|
||||||
nonNumeric : 'Progress value is non numeric',
|
|
||||||
tooHigh : 'Value specified is above 100%',
|
|
||||||
tooLow : 'Value specified is below 0%'
|
|
||||||
},
|
|
||||||
|
|
||||||
regExp: {
|
|
||||||
variable: /\{\$*[A-z0-9]+\}/g
|
|
||||||
},
|
|
||||||
|
|
||||||
metadata: {
|
|
||||||
percent : 'percent',
|
|
||||||
total : 'total',
|
|
||||||
value : 'value'
|
|
||||||
},
|
|
||||||
|
|
||||||
selector : {
|
|
||||||
bar : '> .bar',
|
|
||||||
label : '> .label',
|
|
||||||
progress : '.bar > .progress'
|
|
||||||
},
|
|
||||||
|
|
||||||
text : {
|
|
||||||
active : false,
|
|
||||||
error : false,
|
|
||||||
success : false,
|
|
||||||
warning : false,
|
|
||||||
percent : '{percent}%',
|
|
||||||
ratio : '{value} of {total}'
|
|
||||||
},
|
|
||||||
|
|
||||||
className : {
|
|
||||||
active : 'active',
|
|
||||||
error : 'error',
|
|
||||||
success : 'success',
|
|
||||||
warning : 'warning'
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
})( jQuery, window, document );
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,78 +0,0 @@
|
|||||||
/*!
|
|
||||||
* # Semantic UI 2.4.0 - Sticky
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Sticky
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.sticky {
|
|
||||||
position: static;
|
|
||||||
-webkit-transition: none;
|
|
||||||
transition: none;
|
|
||||||
z-index: 800;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
States
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
/* Bound */
|
|
||||||
.ui.sticky.bound {
|
|
||||||
position: absolute;
|
|
||||||
left: auto;
|
|
||||||
right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fixed */
|
|
||||||
.ui.sticky.fixed {
|
|
||||||
position: fixed;
|
|
||||||
left: auto;
|
|
||||||
right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Bound/Fixed Position */
|
|
||||||
.ui.sticky.bound.top,
|
|
||||||
.ui.sticky.fixed.top {
|
|
||||||
top: 0px;
|
|
||||||
bottom: auto;
|
|
||||||
}
|
|
||||||
.ui.sticky.bound.bottom,
|
|
||||||
.ui.sticky.fixed.bottom {
|
|
||||||
top: auto;
|
|
||||||
bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Types
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
.ui.native.sticky {
|
|
||||||
position: -webkit-sticky;
|
|
||||||
position: -moz-sticky;
|
|
||||||
position: -ms-sticky;
|
|
||||||
position: -o-sticky;
|
|
||||||
position: sticky;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Theme Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******************************
|
|
||||||
Site Overrides
|
|
||||||
*******************************/
|
|
||||||
|
|
||||||
@ -1,959 +0,0 @@
|
|||||||
/*!
|
|
||||||
* # Semantic UI 2.4.1 - Sticky
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
|
|
||||||
;(function ($, window, document, undefined) {
|
|
||||||
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
window = (typeof window != 'undefined' && window.Math == Math)
|
|
||||||
? window
|
|
||||||
: (typeof self != 'undefined' && self.Math == Math)
|
|
||||||
? self
|
|
||||||
: Function('return this')()
|
|
||||||
;
|
|
||||||
|
|
||||||
$.fn.sticky = function(parameters) {
|
|
||||||
var
|
|
||||||
$allModules = $(this),
|
|
||||||
moduleSelector = $allModules.selector || '',
|
|
||||||
|
|
||||||
time = new Date().getTime(),
|
|
||||||
performance = [],
|
|
||||||
|
|
||||||
query = arguments[0],
|
|
||||||
methodInvoked = (typeof query == 'string'),
|
|
||||||
queryArguments = [].slice.call(arguments, 1),
|
|
||||||
returnedValue
|
|
||||||
;
|
|
||||||
|
|
||||||
$allModules
|
|
||||||
.each(function() {
|
|
||||||
var
|
|
||||||
settings = ( $.isPlainObject(parameters) )
|
|
||||||
? $.extend(true, {}, $.fn.sticky.settings, parameters)
|
|
||||||
: $.extend({}, $.fn.sticky.settings),
|
|
||||||
|
|
||||||
className = settings.className,
|
|
||||||
namespace = settings.namespace,
|
|
||||||
error = settings.error,
|
|
||||||
|
|
||||||
eventNamespace = '.' + namespace,
|
|
||||||
moduleNamespace = 'module-' + namespace,
|
|
||||||
|
|
||||||
$module = $(this),
|
|
||||||
$window = $(window),
|
|
||||||
$scroll = $(settings.scrollContext),
|
|
||||||
$container,
|
|
||||||
$context,
|
|
||||||
|
|
||||||
selector = $module.selector || '',
|
|
||||||
instance = $module.data(moduleNamespace),
|
|
||||||
|
|
||||||
requestAnimationFrame = window.requestAnimationFrame
|
|
||||||
|| window.mozRequestAnimationFrame
|
|
||||||
|| window.webkitRequestAnimationFrame
|
|
||||||
|| window.msRequestAnimationFrame
|
|
||||||
|| function(callback) { setTimeout(callback, 0); },
|
|
||||||
|
|
||||||
element = this,
|
|
||||||
|
|
||||||
documentObserver,
|
|
||||||
observer,
|
|
||||||
module
|
|
||||||
;
|
|
||||||
|
|
||||||
module = {
|
|
||||||
|
|
||||||
initialize: function() {
|
|
||||||
|
|
||||||
module.determineContainer();
|
|
||||||
module.determineContext();
|
|
||||||
module.verbose('Initializing sticky', settings, $container);
|
|
||||||
|
|
||||||
module.save.positions();
|
|
||||||
module.checkErrors();
|
|
||||||
module.bind.events();
|
|
||||||
|
|
||||||
if(settings.observeChanges) {
|
|
||||||
module.observeChanges();
|
|
||||||
}
|
|
||||||
module.instantiate();
|
|
||||||
},
|
|
||||||
|
|
||||||
instantiate: function() {
|
|
||||||
module.verbose('Storing instance of module', module);
|
|
||||||
instance = module;
|
|
||||||
$module
|
|
||||||
.data(moduleNamespace, module)
|
|
||||||
;
|
|
||||||
},
|
|
||||||
|
|
||||||
destroy: function() {
|
|
||||||
module.verbose('Destroying previous instance');
|
|
||||||
module.reset();
|
|
||||||
if(documentObserver) {
|
|
||||||
documentObserver.disconnect();
|
|
||||||
}
|
|
||||||
if(observer) {
|
|
||||||
observer.disconnect();
|
|
||||||
}
|
|
||||||
$window
|
|
||||||
.off('load' + eventNamespace, module.event.load)
|
|
||||||
.off('resize' + eventNamespace, module.event.resize)
|
|
||||||
;
|
|
||||||
$scroll
|
|
||||||
.off('scrollchange' + eventNamespace, module.event.scrollchange)
|
|
||||||
;
|
|
||||||
$module.removeData(moduleNamespace);
|
|
||||||
},
|
|
||||||
|
|
||||||
observeChanges: function() {
|
|
||||||
if('MutationObserver' in window) {
|
|
||||||
documentObserver = new MutationObserver(module.event.documentChanged);
|
|
||||||
observer = new MutationObserver(module.event.changed);
|
|
||||||
documentObserver.observe(document, {
|
|
||||||
childList : true,
|
|
||||||
subtree : true
|
|
||||||
});
|
|
||||||
observer.observe(element, {
|
|
||||||
childList : true,
|
|
||||||
subtree : true
|
|
||||||
});
|
|
||||||
observer.observe($context[0], {
|
|
||||||
childList : true,
|
|
||||||
subtree : true
|
|
||||||
});
|
|
||||||
module.debug('Setting up mutation observer', observer);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
determineContainer: function() {
|
|
||||||
if(settings.container) {
|
|
||||||
$container = $(settings.container);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$container = $module.offsetParent();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
determineContext: function() {
|
|
||||||
if(settings.context) {
|
|
||||||
$context = $(settings.context);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
$context = $container;
|
|
||||||
}
|
|
||||||
if($context.length === 0) {
|
|
||||||
module.error(error.invalidContext, settings.context, $module);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
checkErrors: function() {
|
|
||||||
if( module.is.hidden() ) {
|
|
||||||
module.error(error.visible, $module);
|
|
||||||
}
|
|
||||||
if(module.cache.element.height > module.cache.context.height) {
|
|
||||||
module.reset();
|
|
||||||
module.error(error.elementSize, $module);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
bind: {
|
|
||||||
events: function() {
|
|
||||||
$window
|
|
||||||
.on('load' + eventNamespace, module.event.load)
|
|
||||||
.on('resize' + eventNamespace, module.event.resize)
|
|
||||||
;
|
|
||||||
// pub/sub pattern
|
|
||||||
$scroll
|
|
||||||
.off('scroll' + eventNamespace)
|
|
||||||
.on('scroll' + eventNamespace, module.event.scroll)
|
|
||||||
.on('scrollchange' + eventNamespace, module.event.scrollchange)
|
|
||||||
;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
event: {
|
|
||||||
changed: function(mutations) {
|
|
||||||
clearTimeout(module.timer);
|
|
||||||
module.timer = setTimeout(function() {
|
|
||||||
module.verbose('DOM tree modified, updating sticky menu', mutations);
|
|
||||||
module.refresh();
|
|
||||||
}, 100);
|
|
||||||
},
|
|
||||||
documentChanged: function(mutations) {
|
|
||||||
[].forEach.call(mutations, function(mutation) {
|
|
||||||
if(mutation.removedNodes) {
|
|
||||||
[].forEach.call(mutation.removedNodes, function(node) {
|
|
||||||
if(node == element || $(node).find(element).length > 0) {
|
|
||||||
module.debug('Element removed from DOM, tearing down events');
|
|
||||||
module.destroy();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
load: function() {
|
|
||||||
module.verbose('Page contents finished loading');
|
|
||||||
requestAnimationFrame(module.refresh);
|
|
||||||
},
|
|
||||||
resize: function() {
|
|
||||||
module.verbose('Window resized');
|
|
||||||
requestAnimationFrame(module.refresh);
|
|
||||||
},
|
|
||||||
scroll: function() {
|
|
||||||
requestAnimationFrame(function() {
|
|
||||||
$scroll.triggerHandler('scrollchange' + eventNamespace, $scroll.scrollTop() );
|
|
||||||
});
|
|
||||||
},
|
|
||||||
scrollchange: function(event, scrollPosition) {
|
|
||||||
module.stick(scrollPosition);
|
|
||||||
settings.onScroll.call(element);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
refresh: function(hardRefresh) {
|
|
||||||
module.reset();
|
|
||||||
if(!settings.context) {
|
|
||||||
module.determineContext();
|
|
||||||
}
|
|
||||||
if(hardRefresh) {
|
|
||||||
module.determineContainer();
|
|
||||||
}
|
|
||||||
module.save.positions();
|
|
||||||
module.stick();
|
|
||||||
settings.onReposition.call(element);
|
|
||||||
},
|
|
||||||
|
|
||||||
supports: {
|
|
||||||
sticky: function() {
|
|
||||||
var
|
|
||||||
$element = $('<div/>'),
|
|
||||||
element = $element[0]
|
|
||||||
;
|
|
||||||
$element.addClass(className.supported);
|
|
||||||
return($element.css('position').match('sticky'));
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
save: {
|
|
||||||
lastScroll: function(scroll) {
|
|
||||||
module.lastScroll = scroll;
|
|
||||||
},
|
|
||||||
elementScroll: function(scroll) {
|
|
||||||
module.elementScroll = scroll;
|
|
||||||
},
|
|
||||||
positions: function() {
|
|
||||||
var
|
|
||||||
scrollContext = {
|
|
||||||
height : $scroll.height()
|
|
||||||
},
|
|
||||||
element = {
|
|
||||||
margin: {
|
|
||||||
top : parseInt($module.css('margin-top'), 10),
|
|
||||||
bottom : parseInt($module.css('margin-bottom'), 10),
|
|
||||||
},
|
|
||||||
offset : $module.offset(),
|
|
||||||
width : $module.outerWidth(),
|
|
||||||
height : $module.outerHeight()
|
|
||||||
},
|
|
||||||
context = {
|
|
||||||
offset : $context.offset(),
|
|
||||||
height : $context.outerHeight()
|
|
||||||
},
|
|
||||||
container = {
|
|
||||||
height: $container.outerHeight()
|
|
||||||
}
|
|
||||||
;
|
|
||||||
if( !module.is.standardScroll() ) {
|
|
||||||
module.debug('Non-standard scroll. Removing scroll offset from element offset');
|
|
||||||
|
|
||||||
scrollContext.top = $scroll.scrollTop();
|
|
||||||
scrollContext.left = $scroll.scrollLeft();
|
|
||||||
|
|
||||||
element.offset.top += scrollContext.top;
|
|
||||||
context.offset.top += scrollContext.top;
|
|
||||||
element.offset.left += scrollContext.left;
|
|
||||||
context.offset.left += scrollContext.left;
|
|
||||||
}
|
|
||||||
module.cache = {
|
|
||||||
fits : ( (element.height + settings.offset) <= scrollContext.height),
|
|
||||||
sameHeight : (element.height == context.height),
|
|
||||||
scrollContext : {
|
|
||||||
height : scrollContext.height
|
|
||||||
},
|
|
||||||
element: {
|
|
||||||
margin : element.margin,
|
|
||||||
top : element.offset.top - element.margin.top,
|
|
||||||
left : element.offset.left,
|
|
||||||
width : element.width,
|
|
||||||
height : element.height,
|
|
||||||
bottom : element.offset.top + element.height
|
|
||||||
},
|
|
||||||
context: {
|
|
||||||
top : context.offset.top,
|
|
||||||
height : context.height,
|
|
||||||
bottom : context.offset.top + context.height
|
|
||||||
}
|
|
||||||
};
|
|
||||||
module.set.containerSize();
|
|
||||||
|
|
||||||
module.stick();
|
|
||||||
module.debug('Caching element positions', module.cache);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
get: {
|
|
||||||
direction: function(scroll) {
|
|
||||||
var
|
|
||||||
direction = 'down'
|
|
||||||
;
|
|
||||||
scroll = scroll || $scroll.scrollTop();
|
|
||||||
if(module.lastScroll !== undefined) {
|
|
||||||
if(module.lastScroll < scroll) {
|
|
||||||
direction = 'down';
|
|
||||||
}
|
|
||||||
else if(module.lastScroll > scroll) {
|
|
||||||
direction = 'up';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return direction;
|
|
||||||
},
|
|
||||||
scrollChange: function(scroll) {
|
|
||||||
scroll = scroll || $scroll.scrollTop();
|
|
||||||
return (module.lastScroll)
|
|
||||||
? (scroll - module.lastScroll)
|
|
||||||
: 0
|
|
||||||
;
|
|
||||||
},
|
|
||||||
currentElementScroll: function() {
|
|
||||||
if(module.elementScroll) {
|
|
||||||
return module.elementScroll;
|
|
||||||
}
|
|
||||||
return ( module.is.top() )
|
|
||||||
? Math.abs(parseInt($module.css('top'), 10)) || 0
|
|
||||||
: Math.abs(parseInt($module.css('bottom'), 10)) || 0
|
|
||||||
;
|
|
||||||
},
|
|
||||||
|
|
||||||
elementScroll: function(scroll) {
|
|
||||||
scroll = scroll || $scroll.scrollTop();
|
|
||||||
var
|
|
||||||
element = module.cache.element,
|
|
||||||
scrollContext = module.cache.scrollContext,
|
|
||||||
delta = module.get.scrollChange(scroll),
|
|
||||||
maxScroll = (element.height - scrollContext.height + settings.offset),
|
|
||||||
elementScroll = module.get.currentElementScroll(),
|
|
||||||
possibleScroll = (elementScroll + delta)
|
|
||||||
;
|
|
||||||
if(module.cache.fits || possibleScroll < 0) {
|
|
||||||
elementScroll = 0;
|
|
||||||
}
|
|
||||||
else if(possibleScroll > maxScroll ) {
|
|
||||||
elementScroll = maxScroll;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
elementScroll = possibleScroll;
|
|
||||||
}
|
|
||||||
return elementScroll;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
remove: {
|
|
||||||
lastScroll: function() {
|
|
||||||
delete module.lastScroll;
|
|
||||||
},
|
|
||||||
elementScroll: function(scroll) {
|
|
||||||
delete module.elementScroll;
|
|
||||||
},
|
|
||||||
minimumSize: function() {
|
|
||||||
$container
|
|
||||||
.css('min-height', '')
|
|
||||||
;
|
|
||||||
},
|
|
||||||
offset: function() {
|
|
||||||
$module.css('margin-top', '');
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
set: {
|
|
||||||
offset: function() {
|
|
||||||
module.verbose('Setting offset on element', settings.offset);
|
|
||||||
$module
|
|
||||||
.css('margin-top', settings.offset)
|
|
||||||
;
|
|
||||||
},
|
|
||||||
containerSize: function() {
|
|
||||||
var
|
|
||||||
tagName = $container.get(0).tagName
|
|
||||||
;
|
|
||||||
if(tagName === 'HTML' || tagName == 'body') {
|
|
||||||
// this can trigger for too many reasons
|
|
||||||
//module.error(error.container, tagName, $module);
|
|
||||||
module.determineContainer();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if( Math.abs($container.outerHeight() - module.cache.context.height) > settings.jitter) {
|
|
||||||
module.debug('Context has padding, specifying exact height for container', module.cache.context.height);
|
|
||||||
$container.css({
|
|
||||||
height: module.cache.context.height
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
minimumSize: function() {
|
|
||||||
var
|
|
||||||
element = module.cache.element
|
|
||||||
;
|
|
||||||
$container
|
|
||||||
.css('min-height', element.height)
|
|
||||||
;
|
|
||||||
},
|
|
||||||
scroll: function(scroll) {
|
|
||||||
module.debug('Setting scroll on element', scroll);
|
|
||||||
if(module.elementScroll == scroll) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if( module.is.top() ) {
|
|
||||||
$module
|
|
||||||
.css('bottom', '')
|
|
||||||
.css('top', -scroll)
|
|
||||||
;
|
|
||||||
}
|
|
||||||
if( module.is.bottom() ) {
|
|
||||||
$module
|
|
||||||
.css('top', '')
|
|
||||||
.css('bottom', scroll)
|
|
||||||
;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
size: function() {
|
|
||||||
if(module.cache.element.height !== 0 && module.cache.element.width !== 0) {
|
|
||||||
element.style.setProperty('width', module.cache.element.width + 'px', 'important');
|
|
||||||
element.style.setProperty('height', module.cache.element.height + 'px', 'important');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
is: {
|
|
||||||
standardScroll: function() {
|
|
||||||
return ($scroll[0] == window);
|
|
||||||
},
|
|
||||||
top: function() {
|
|
||||||
return $module.hasClass(className.top);
|
|
||||||
},
|
|
||||||
bottom: function() {
|
|
||||||
return $module.hasClass(className.bottom);
|
|
||||||
},
|
|
||||||
initialPosition: function() {
|
|
||||||
return (!module.is.fixed() && !module.is.bound());
|
|
||||||
},
|
|
||||||
hidden: function() {
|
|
||||||
return (!$module.is(':visible'));
|
|
||||||
},
|
|
||||||
bound: function() {
|
|
||||||
return $module.hasClass(className.bound);
|
|
||||||
},
|
|
||||||
fixed: function() {
|
|
||||||
return $module.hasClass(className.fixed);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
stick: function(scroll) {
|
|
||||||
var
|
|
||||||
cachedPosition = scroll || $scroll.scrollTop(),
|
|
||||||
cache = module.cache,
|
|
||||||
fits = cache.fits,
|
|
||||||
sameHeight = cache.sameHeight,
|
|
||||||
element = cache.element,
|
|
||||||
scrollContext = cache.scrollContext,
|
|
||||||
context = cache.context,
|
|
||||||
offset = (module.is.bottom() && settings.pushing)
|
|
||||||
? settings.bottomOffset
|
|
||||||
: settings.offset,
|
|
||||||
scroll = {
|
|
||||||
top : cachedPosition + offset,
|
|
||||||
bottom : cachedPosition + offset + scrollContext.height
|
|
||||||
},
|
|
||||||
direction = module.get.direction(scroll.top),
|
|
||||||
elementScroll = (fits)
|
|
||||||
? 0
|
|
||||||
: module.get.elementScroll(scroll.top),
|
|
||||||
|
|
||||||
// shorthand
|
|
||||||
doesntFit = !fits,
|
|
||||||
elementVisible = (element.height !== 0)
|
|
||||||
;
|
|
||||||
if(elementVisible && !sameHeight) {
|
|
||||||
|
|
||||||
if( module.is.initialPosition() ) {
|
|
||||||
if(scroll.top >= context.bottom) {
|
|
||||||
module.debug('Initial element position is bottom of container');
|
|
||||||
module.bindBottom();
|
|
||||||
}
|
|
||||||
else if(scroll.top > element.top) {
|
|
||||||
if( (element.height + scroll.top - elementScroll) >= context.bottom ) {
|
|
||||||
module.debug('Initial element position is bottom of container');
|
|
||||||
module.bindBottom();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
module.debug('Initial element position is fixed');
|
|
||||||
module.fixTop();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
else if( module.is.fixed() ) {
|
|
||||||
|
|
||||||
// currently fixed top
|
|
||||||
if( module.is.top() ) {
|
|
||||||
if( scroll.top <= element.top ) {
|
|
||||||
module.debug('Fixed element reached top of container');
|
|
||||||
module.setInitialPosition();
|
|
||||||
}
|
|
||||||
else if( (element.height + scroll.top - elementScroll) >= context.bottom ) {
|
|
||||||
module.debug('Fixed element reached bottom of container');
|
|
||||||
module.bindBottom();
|
|
||||||
}
|
|
||||||
// scroll element if larger than screen
|
|
||||||
else if(doesntFit) {
|
|
||||||
module.set.scroll(elementScroll);
|
|
||||||
module.save.lastScroll(scroll.top);
|
|
||||||
module.save.elementScroll(elementScroll);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// currently fixed bottom
|
|
||||||
else if(module.is.bottom() ) {
|
|
||||||
|
|
||||||
// top edge
|
|
||||||
if( (scroll.bottom - element.height) <= element.top) {
|
|
||||||
module.debug('Bottom fixed rail has reached top of container');
|
|
||||||
module.setInitialPosition();
|
|
||||||
}
|
|
||||||
// bottom edge
|
|
||||||
else if(scroll.bottom >= context.bottom) {
|
|
||||||
module.debug('Bottom fixed rail has reached bottom of container');
|
|
||||||
module.bindBottom();
|
|
||||||
}
|
|
||||||
// scroll element if larger than screen
|
|
||||||
else if(doesntFit) {
|
|
||||||
module.set.scroll(elementScroll);
|
|
||||||
module.save.lastScroll(scroll.top);
|
|
||||||
module.save.elementScroll(elementScroll);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else if( module.is.bottom() ) {
|
|
||||||
if( scroll.top <= element.top ) {
|
|
||||||
module.debug('Jumped from bottom fixed to top fixed, most likely used home/end button');
|
|
||||||
module.setInitialPosition();
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if(settings.pushing) {
|
|
||||||
if(module.is.bound() && scroll.bottom <= context.bottom ) {
|
|
||||||
module.debug('Fixing bottom attached element to bottom of browser.');
|
|
||||||
module.fixBottom();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if(module.is.bound() && (scroll.top <= context.bottom - element.height) ) {
|
|
||||||
module.debug('Fixing bottom attached element to top of browser.');
|
|
||||||
module.fixTop();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
bindTop: function() {
|
|
||||||
module.debug('Binding element to top of parent container');
|
|
||||||
module.remove.offset();
|
|
||||||
$module
|
|
||||||
.css({
|
|
||||||
left : '',
|
|
||||||
top : '',
|
|
||||||
marginBottom : ''
|
|
||||||
})
|
|
||||||
.removeClass(className.fixed)
|
|
||||||
.removeClass(className.bottom)
|
|
||||||
.addClass(className.bound)
|
|
||||||
.addClass(className.top)
|
|
||||||
;
|
|
||||||
settings.onTop.call(element);
|
|
||||||
settings.onUnstick.call(element);
|
|
||||||
},
|
|
||||||
bindBottom: function() {
|
|
||||||
module.debug('Binding element to bottom of parent container');
|
|
||||||
module.remove.offset();
|
|
||||||
$module
|
|
||||||
.css({
|
|
||||||
left : '',
|
|
||||||
top : ''
|
|
||||||
})
|
|
||||||
.removeClass(className.fixed)
|
|
||||||
.removeClass(className.top)
|
|
||||||
.addClass(className.bound)
|
|
||||||
.addClass(className.bottom)
|
|
||||||
;
|
|
||||||
settings.onBottom.call(element);
|
|
||||||
settings.onUnstick.call(element);
|
|
||||||
},
|
|
||||||
|
|
||||||
setInitialPosition: function() {
|
|
||||||
module.debug('Returning to initial position');
|
|
||||||
module.unfix();
|
|
||||||
module.unbind();
|
|
||||||
},
|
|
||||||
|
|
||||||
|
|
||||||
fixTop: function() {
|
|
||||||
module.debug('Fixing element to top of page');
|
|
||||||
if(settings.setSize) {
|
|
||||||
module.set.size();
|
|
||||||
}
|
|
||||||
module.set.minimumSize();
|
|
||||||
module.set.offset();
|
|
||||||
$module
|
|
||||||
.css({
|
|
||||||
left : module.cache.element.left,
|
|
||||||
bottom : '',
|
|
||||||
marginBottom : ''
|
|
||||||
})
|
|
||||||
.removeClass(className.bound)
|
|
||||||
.removeClass(className.bottom)
|
|
||||||
.addClass(className.fixed)
|
|
||||||
.addClass(className.top)
|
|
||||||
;
|
|
||||||
settings.onStick.call(element);
|
|
||||||
},
|
|
||||||
|
|
||||||
fixBottom: function() {
|
|
||||||
module.debug('Sticking element to bottom of page');
|
|
||||||
if(settings.setSize) {
|
|
||||||
module.set.size();
|
|
||||||
}
|
|
||||||
module.set.minimumSize();
|
|
||||||
module.set.offset();
|
|
||||||
$module
|
|
||||||
.css({
|
|
||||||
left : module.cache.element.left,
|
|
||||||
bottom : '',
|
|
||||||
marginBottom : ''
|
|
||||||
})
|
|
||||||
.removeClass(className.bound)
|
|
||||||
.removeClass(className.top)
|
|
||||||
.addClass(className.fixed)
|
|
||||||
.addClass(className.bottom)
|
|
||||||
;
|
|
||||||
settings.onStick.call(element);
|
|
||||||
},
|
|
||||||
|
|
||||||
unbind: function() {
|
|
||||||
if( module.is.bound() ) {
|
|
||||||
module.debug('Removing container bound position on element');
|
|
||||||
module.remove.offset();
|
|
||||||
$module
|
|
||||||
.removeClass(className.bound)
|
|
||||||
.removeClass(className.top)
|
|
||||||
.removeClass(className.bottom)
|
|
||||||
;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
unfix: function() {
|
|
||||||
if( module.is.fixed() ) {
|
|
||||||
module.debug('Removing fixed position on element');
|
|
||||||
module.remove.minimumSize();
|
|
||||||
module.remove.offset();
|
|
||||||
$module
|
|
||||||
.removeClass(className.fixed)
|
|
||||||
.removeClass(className.top)
|
|
||||||
.removeClass(className.bottom)
|
|
||||||
;
|
|
||||||
settings.onUnstick.call(element);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
reset: function() {
|
|
||||||
module.debug('Resetting elements position');
|
|
||||||
module.unbind();
|
|
||||||
module.unfix();
|
|
||||||
module.resetCSS();
|
|
||||||
module.remove.offset();
|
|
||||||
module.remove.lastScroll();
|
|
||||||
},
|
|
||||||
|
|
||||||
resetCSS: function() {
|
|
||||||
$module
|
|
||||||
.css({
|
|
||||||
width : '',
|
|
||||||
height : ''
|
|
||||||
})
|
|
||||||
;
|
|
||||||
$container
|
|
||||||
.css({
|
|
||||||
height: ''
|
|
||||||
})
|
|
||||||
;
|
|
||||||
},
|
|
||||||
|
|
||||||
setting: function(name, value) {
|
|
||||||
if( $.isPlainObject(name) ) {
|
|
||||||
$.extend(true, settings, name);
|
|
||||||
}
|
|
||||||
else if(value !== undefined) {
|
|
||||||
settings[name] = value;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return settings[name];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
internal: function(name, value) {
|
|
||||||
if( $.isPlainObject(name) ) {
|
|
||||||
$.extend(true, module, name);
|
|
||||||
}
|
|
||||||
else if(value !== undefined) {
|
|
||||||
module[name] = value;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return module[name];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
debug: function() {
|
|
||||||
if(!settings.silent && 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.silent && 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() {
|
|
||||||
if(!settings.silent) {
|
|
||||||
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({
|
|
||||||
'Name' : message[0],
|
|
||||||
'Arguments' : [].slice.call(message, 1) || '',
|
|
||||||
'Element' : element,
|
|
||||||
'Execution Time' : executionTime
|
|
||||||
});
|
|
||||||
}
|
|
||||||
clearTimeout(module.performance.timer);
|
|
||||||
module.performance.timer = setTimeout(module.performance.display, 0);
|
|
||||||
},
|
|
||||||
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
|
|
||||||
object = instance,
|
|
||||||
maxDepth,
|
|
||||||
found,
|
|
||||||
response
|
|
||||||
;
|
|
||||||
passedArguments = passedArguments || queryArguments;
|
|
||||||
context = element || context;
|
|
||||||
if(typeof query == 'string' && object !== 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( object[camelCaseValue] ) && (depth != maxDepth) ) {
|
|
||||||
object = object[camelCaseValue];
|
|
||||||
}
|
|
||||||
else if( object[camelCaseValue] !== undefined ) {
|
|
||||||
found = object[camelCaseValue];
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
|
|
||||||
object = object[value];
|
|
||||||
}
|
|
||||||
else if( object[value] !== undefined ) {
|
|
||||||
found = object[value];
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
if ( $.isFunction( found ) ) {
|
|
||||||
response = found.apply(context, passedArguments);
|
|
||||||
}
|
|
||||||
else if(found !== undefined) {
|
|
||||||
response = found;
|
|
||||||
}
|
|
||||||
if($.isArray(returnedValue)) {
|
|
||||||
returnedValue.push(response);
|
|
||||||
}
|
|
||||||
else if(returnedValue !== undefined) {
|
|
||||||
returnedValue = [returnedValue, response];
|
|
||||||
}
|
|
||||||
else if(response !== undefined) {
|
|
||||||
returnedValue = response;
|
|
||||||
}
|
|
||||||
return found;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
if(methodInvoked) {
|
|
||||||
if(instance === undefined) {
|
|
||||||
module.initialize();
|
|
||||||
}
|
|
||||||
module.invoke(query);
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
if(instance !== undefined) {
|
|
||||||
instance.invoke('destroy');
|
|
||||||
}
|
|
||||||
module.initialize();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
;
|
|
||||||
|
|
||||||
return (returnedValue !== undefined)
|
|
||||||
? returnedValue
|
|
||||||
: this
|
|
||||||
;
|
|
||||||
};
|
|
||||||
|
|
||||||
$.fn.sticky.settings = {
|
|
||||||
|
|
||||||
name : 'Sticky',
|
|
||||||
namespace : 'sticky',
|
|
||||||
|
|
||||||
silent : false,
|
|
||||||
debug : false,
|
|
||||||
verbose : true,
|
|
||||||
performance : true,
|
|
||||||
|
|
||||||
// whether to stick in the opposite direction on scroll up
|
|
||||||
pushing : false,
|
|
||||||
|
|
||||||
context : false,
|
|
||||||
container : false,
|
|
||||||
|
|
||||||
// Context to watch scroll events
|
|
||||||
scrollContext : window,
|
|
||||||
|
|
||||||
// Offset to adjust scroll
|
|
||||||
offset : 0,
|
|
||||||
|
|
||||||
// Offset to adjust scroll when attached to bottom of screen
|
|
||||||
bottomOffset : 0,
|
|
||||||
|
|
||||||
// will only set container height if difference between context and container is larger than this number
|
|
||||||
jitter : 5,
|
|
||||||
|
|
||||||
// set width of sticky element when it is fixed to page (used to make sure 100% width is maintained if no fixed size set)
|
|
||||||
setSize : true,
|
|
||||||
|
|
||||||
// Whether to automatically observe changes with Mutation Observers
|
|
||||||
observeChanges : false,
|
|
||||||
|
|
||||||
// Called when position is recalculated
|
|
||||||
onReposition : function(){},
|
|
||||||
|
|
||||||
// Called on each scroll
|
|
||||||
onScroll : function(){},
|
|
||||||
|
|
||||||
// Called when element is stuck to viewport
|
|
||||||
onStick : function(){},
|
|
||||||
|
|
||||||
// Called when element is unstuck from viewport
|
|
||||||
onUnstick : function(){},
|
|
||||||
|
|
||||||
// Called when element reaches top of context
|
|
||||||
onTop : function(){},
|
|
||||||
|
|
||||||
// Called when element reaches bottom of context
|
|
||||||
onBottom : function(){},
|
|
||||||
|
|
||||||
error : {
|
|
||||||
container : 'Sticky element must be inside a relative container',
|
|
||||||
visible : 'Element is hidden, you must call refresh after element becomes visible. Use silent setting to surpress this warning in production.',
|
|
||||||
method : 'The method you called is not defined.',
|
|
||||||
invalidContext : 'Context specified does not exist',
|
|
||||||
elementSize : 'Sticky element is larger than its container, cannot create sticky.'
|
|
||||||
},
|
|
||||||
|
|
||||||
className : {
|
|
||||||
bound : 'bound',
|
|
||||||
fixed : 'fixed',
|
|
||||||
supported : 'native',
|
|
||||||
top : 'top',
|
|
||||||
bottom : 'bottom'
|
|
||||||
}
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
||||||
})( jQuery, window, document );
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
/*!
|
|
||||||
* # Semantic UI 2.4.0 - Sticky
|
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
|
||||||
*
|
|
||||||
*
|
|
||||||
* Released under the MIT license
|
|
||||||
* http://opensource.org/licenses/MIT
|
|
||||||
*
|
|
||||||
*/.ui.sticky{position:static;-webkit-transition:none;transition:none;z-index:800}.ui.sticky.bound{position:absolute;left:auto;right:auto}.ui.sticky.fixed{position:fixed;left:auto;right:auto}.ui.sticky.bound.top,.ui.sticky.fixed.top{top:0;bottom:auto}.ui.sticky.bound.bottom,.ui.sticky.fixed.bottom{top:auto;bottom:0}.ui.native.sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky}
|
|
||||||
1
app/static/semantic/components/sticky.min.js
vendored
1
app/static/semantic/components/sticky.min.js
vendored
File diff suppressed because one or more lines are too long
BIN
app/static/semantic/fonts/Lato-Black.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Black.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-BlackItalic.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-BlackItalic.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-Bold.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Bold.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-BoldItalic.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-BoldItalic.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-Hairline.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Hairline.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-HairlineItalic.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-HairlineItalic.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-Heavy.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Heavy.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-HeavyItalic.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-HeavyItalic.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-Italic.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Italic.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-Light.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Light.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-LightItalic.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-LightItalic.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-Medium.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Medium.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-MediumItalic.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-MediumItalic.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-Regular.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Regular.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-Semibold.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Semibold.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-SemiboldItalic.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-SemiboldItalic.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-Thin.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-Thin.ttf
Normal file
Binary file not shown.
BIN
app/static/semantic/fonts/Lato-ThinItalic.ttf
Normal file
BIN
app/static/semantic/fonts/Lato-ThinItalic.ttf
Normal file
Binary file not shown.
94
app/static/semantic/fonts/OFL.txt
Executable file
94
app/static/semantic/fonts/OFL.txt
Executable file
@ -0,0 +1,94 @@
|
|||||||
|
Copyright (c) 2010-2015, Łukasz Dziedzic (dziedzic@typoland.com),
|
||||||
|
with Reserved Font Name Lato.
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||||
5
app/static/semantic/semantic.min.css
vendored
5
app/static/semantic/semantic.min.css
vendored
@ -8,7 +8,10 @@
|
|||||||
* http://opensource.org/licenses/MIT
|
* http://opensource.org/licenses/MIT
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin);/*!
|
@font-face {
|
||||||
|
font-family: 'Lato';
|
||||||
|
src: url('fonts/Lato-Regular.ttf'); /* IE9 Compat Modes */
|
||||||
|
}/*!
|
||||||
* # Semantic UI 2.4.0 - Reset
|
* # Semantic UI 2.4.0 - Reset
|
||||||
* http://github.com/semantic-org/semantic-ui/
|
* http://github.com/semantic-org/semantic-ui/
|
||||||
*
|
*
|
||||||
|
|||||||
11
app/static/semantic/semantic.min.js
vendored
11
app/static/semantic/semantic.min.js
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user