richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Merge branch '0.0' of github.com:Semantic-Org/Semantic-UI into 1.0

pull/1177/head
jlukic 10 years ago
parent
88e53b1b81 9fcbebd3b8
commit
5c9c1bcdb8
14 changed files with 475 additions and 315 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 178
      build/less/definitions/modules/dropdown.js
  2. 1
      build/less/definitions/modules/dropdown.less
  3. 78
      build/less/definitions/modules/modal.js
  4. 1
      build/less/themes/packages/default/modules/dropdown.variables
  5. 2
      build/minified/definitions/modules/dropdown.min.css
  6. 2
      build/minified/definitions/modules/dropdown.min.js
  7. 2
      build/minified/definitions/modules/modal.min.js
  8. 1
      build/packaged/definitions/css/semantic.css
  9. 2
      build/packaged/definitions/css/semantic.min.css
  10. 256
      build/packaged/definitions/javascript/semantic.js
  11. 10
      build/packaged/definitions/javascript/semantic.min.js
  12. 1
      build/uncompressed/definitions/modules/dropdown.css
  13. 178
      build/uncompressed/definitions/modules/dropdown.js
  14. 78
      build/uncompressed/definitions/modules/modal.js

178
build/less/definitions/modules/dropdown.js
View File

@ -193,6 +193,63 @@ $.fn.dropdown = function(parameters) {
$item = $menu.find(selector.item);
},
toggle: function() {
module.verbose('Toggling menu visibility');
console.log(module.is.active());
if( !module.is.active() ) {
module.show();
}
else {
module.hide();
}
},
show: function() {
module.debug('Checking if dropdown can show');
if( !module.is.active() ) {
module.animate.show(function() {
if( module.can.click() ) {
module.bind.intent();
}
module.set.visible();
});
$.proxy(settings.onShow, element)();
}
},
hide: function() {
if( module.is.active() ) {
module.debug('Hiding dropdown');
module.animate.hide(function() {
module.remove.filteredItem();
module.remove.visible();
});
$.proxy(settings.onHide, element)();
}
},
hideOthers: function() {
module.verbose('Finding other dropdowns to hide');
$allModules
.not($module)
.has(selector.menu + ':visible:not(.' + className.animating + ')')
.dropdown('hide')
;
},
hideSubMenus: function() {
var
$subMenus = $menu.find(selector.menu),
$activeSubMenu = $subMenus.has(selector.item + '.' + className.active)
;
console.log($subMenus.not($activeSubMenu));
$subMenus
.not($activeSubMenu)
.removeClass(className.visible)
.removeAttr('style')
;
},
bind: {
keyboardEvents: function() {
module.debug('Binding keyboard events');
@ -207,7 +264,7 @@ $.fn.dropdown = function(parameters) {
if( module.is.searchSelection() ) {
$module
.on('focus' + eventNamespace, selector.search, module.event.searchFocus)
.on('blur' + eventNamespace, selector.search, module.event.blur)
.on('blur' + eventNamespace, selector.search, module.event.searchBlur)
;
}
else {
@ -319,10 +376,8 @@ $.fn.dropdown = function(parameters) {
})
;
$filteredItems = $item.not($results);
$item
.removeClass(className.filtered)
.removeClass(className.selected)
;
module.remove.filteredItem();
module.remove.selectedItem();
$filteredItems
.addClass(className.filtered)
;
@ -334,7 +389,7 @@ $.fn.dropdown = function(parameters) {
},
event: {
// prevents focus from occuring on mousedown
// prevents focus callback from occuring on mousedown
mousedown: function() {
activated = true;
},
@ -346,15 +401,18 @@ $.fn.dropdown = function(parameters) {
module.show();
}
},
searchFocus: function() {
activated = true;
module.show();
},
blur: function(event) {
if(!activated) {
module.hide();
}
},
searchFocus: function() {
activated = true;
module.show();
},
searchBlur: function(event) {
module.hide();
},
input: function(event) {
var
query = $search.val()
@ -854,10 +912,8 @@ $.fn.dropdown = function(parameters) {
? $selectedItem.html()
: $selectedItem.text()
;
$item
.removeClass(className.active)
.removeClass(className.selected)
;
module.remove.activeItem();
module.remove.selectedItem();
$selectedItem
.addClass(className.active)
.addClass(className.selected)
@ -873,6 +929,15 @@ $.fn.dropdown = function(parameters) {
},
visible: function() {
$module.removeClass(className.visible);
},
activeItem: function() {
$item.removeClass(className.active);
},
filteredItem: function() {
$item.removeClass(className.filtered);
},
selectedItem: function() {
$item.removeClass(className.selected);
}
},
@ -895,6 +960,9 @@ $.fn.dropdown = function(parameters) {
: $menu.is(':animated') || $menu.transition && $menu.transition('is animating')
;
},
active: function() {
return $module.hasClass(className.active);
},
visible: function($subMenu) {
return ($subMenu)
? $subMenu.is(':visible')
@ -921,20 +989,29 @@ $.fn.dropdown = function(parameters) {
animate: {
show: function(callback, $subMenu) {
var
$currentMenu = $subMenu || $menu
$currentMenu = $subMenu || $menu,
start = ($subMenu)
? function() {}
: function() {
module.hideOthers();
module.set.active();
module.set.scrollPosition();
}
;
callback = callback || function(){};
module.verbose('Doing menu show animation', $currentMenu);
if( module.is.hidden($currentMenu) ) {
module.verbose('Doing menu show animation', $currentMenu);
if(settings.transition == 'none') {
$.proxy(callback, element)();
}
else if($.fn.transition !== undefined && $module.transition('is supported')) {
console.log('showing menu');
$currentMenu
.transition({
animation : settings.transition + ' in',
duration : settings.duration,
queue : true,
start : start,
complete : function() {
$.proxy(callback, element)();
}
@ -942,6 +1019,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'slide down') {
start();
$currentMenu
.hide()
.clearQueue()
@ -960,6 +1038,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'fade') {
start();
$currentMenu
.hide()
.clearQueue()
@ -976,7 +1055,16 @@ $.fn.dropdown = function(parameters) {
},
hide: function(callback, $subMenu) {
var
$currentMenu = $subMenu || $menu
$currentMenu = $subMenu || $menu,
start = ($subMenu)
? function() {}
: function() {
if( module.can.click() ) {
module.unbind.intent();
}
module.hideSubMenus();
module.remove.active();
}
;
callback = callback || function(){};
if( module.is.visible($currentMenu) ) {
@ -991,6 +1079,7 @@ $.fn.dropdown = function(parameters) {
animation : settings.transition + ' out',
duration : settings.duration,
queue : true,
start : start,
complete : function() {
$.proxy(callback, element)();
}
@ -998,6 +1087,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'slide down') {
start();
$currentMenu
.show()
.clearQueue()
@ -1016,6 +1106,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'fade') {
start();
$currentMenu
.show()
.clearQueue()
@ -1032,39 +1123,6 @@ $.fn.dropdown = function(parameters) {
}
},
show: function() {
module.debug('Checking if dropdown can show');
if( module.is.hidden() ) {
module.hideOthers();
module.set.active();
module.set.scrollPosition();
module.animate.show(function() {
if( module.can.click() ) {
module.bind.intent();
}
module.set.visible();
});
$.proxy(settings.onShow, element)();
}
},
hide: function() {
if( !module.is.animated() && module.is.visible() ) {
module.debug('Hiding dropdown');
if( module.can.click() ) {
module.unbind.intent();
}
module.remove.active();
module.animate.hide(function() {
$item
.removeClass(className.filtered)
;
module.remove.visible();
});
$.proxy(settings.onHide, element)();
}
},
delay: {
show: function() {
module.verbose('Delaying show event to ensure user intent');
@ -1078,25 +1136,6 @@ $.fn.dropdown = function(parameters) {
}
},
hideOthers: function() {
module.verbose('Finding other dropdowns to hide');
$allModules
.not($module)
.has(selector.menu + ':visible')
.dropdown('hide')
;
},
toggle: function() {
module.verbose('Toggling menu visibility');
if( module.is.hidden() ) {
module.show();
}
else {
module.hide();
}
},
setting: function(name, value) {
module.debug('Changing setting', name, value);
if( $.isPlainObject(name) ) {
@ -1330,6 +1369,7 @@ $.fn.dropdown.settings = {
className : {
active : 'active',
animating : 'animating',
disabled : 'disabled',
dropdown : 'ui dropdown',
filtered : 'filtered',

1
build/less/definitions/modules/dropdown.less
View File

@ -185,6 +185,7 @@
right: @subMenuRight !important;
margin: @subMenuMargin !important;
border-radius: @subMenuBorderRadius !important;
z-index: @subMenuZIndex !important;
}
/* Hide Arrow */

78
build/less/definitions/modules/modal.js
View File

@ -246,10 +246,6 @@ $.fn.modal = function(parameters) {
: function(){}
;
if( !module.is.active() ) {
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
if( $otherModals.filter(':visible').size() > 0 && !settings.allowMultiple) {
module.debug('Other modals visible, queueing show animation');
@ -263,10 +259,21 @@ $.fn.modal = function(parameters) {
.transition({
debug : settings.debug,
animation : settings.transition + ' in',
queue : false,
duration : settings.duration,
start : function() {
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
module.set.clickaway();
},
complete : function() {
$.proxy(settings.onVisible, element)();
module.add.keyboardShortcuts();
module.save.focus();
module.set.active();
module.set.autofocus();
callback();
}
})
@ -277,6 +284,8 @@ $.fn.modal = function(parameters) {
$module
.fadeIn(settings.duration, settings.easing, function() {
$.proxy(settings.onVisible, element)();
module.add.keyboardShortcuts();
module.save.focus();
module.set.active();
callback();
})
@ -316,11 +325,7 @@ $.fn.modal = function(parameters) {
return;
}
module.debug('Hiding dimmer');
if(settings.closable) {
$dimmer
.off('click' + eventNamespace)
;
}
module.remove.clickaway();
$dimmable.dimmer('hide', function() {
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
module.remove.screenHeight();
@ -334,19 +339,18 @@ $.fn.modal = function(parameters) {
? callback
: function(){}
;
if( !(module.is.active() || module.is.animating()) ) {
module.debug('Cannot hide modal it is not active');
return;
}
module.debug('Hiding modal');
module.remove.keyboardShortcuts();
$.proxy(settings.onHide, element)();
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
$module
.transition({
debug : settings.debug,
animation : settings.transition + ' out',
queue : false,
duration : settings.duration,
start : function() {
module.remove.keyboardShortcuts();
},
complete : function() {
$.proxy(settings.onHidden, element)();
module.remove.active();
@ -357,6 +361,7 @@ $.fn.modal = function(parameters) {
;
}
else {
module.remove.keyboardShortcuts();
$module
.fadeOut(settings.duration, settings.easing, function() {
$.proxy(settings.onHidden, element)();
@ -424,6 +429,13 @@ $.fn.modal = function(parameters) {
active: function() {
$module.removeClass(className.active);
},
clickaway: function() {
if(settings.closable) {
$dimmer
.off('click' + eventNamespace)
;
}
},
screenHeight: function() {
if(module.cache.height > module.cache.pageHeight) {
module.debug('Removing page height');
@ -483,37 +495,37 @@ $.fn.modal = function(parameters) {
},
set: {
screenHeight: function() {
if(module.cache.height > module.cache.pageHeight) {
module.debug('Modal is taller than page content, resizing page height');
$body
.css('height', module.cache.height + settings.padding)
autofocus: function() {
if(settings.autofocus) {
var
$inputs = $module.find(':input:visible'),
$autofocus = $inputs.filter('[autofocus]'),
$input = ($autofocus.size() > 0)
? $autofocus
: $inputs
;
$input.first().focus();
}
},
active: function() {
module.add.keyboardShortcuts();
module.save.focus();
$module
.addClass(className.active)
;
clickaway: function() {
if(settings.closable) {
$dimmer
.off('click' + eventNamespace)
.on('click' + eventNamespace, module.event.click)
;
}
if(settings.autofocus) {
var
$inputs = $module.find(':input:visible'),
$autofocus = $inputs.filter('[autofocus]'),
$input = ($autofocus.size() > 0)
? $autofocus
: $inputs
},
screenHeight: function() {
if(module.cache.height > module.cache.pageHeight) {
module.debug('Modal is taller than page content, resizing page height');
$body
.css('height', module.cache.height + settings.padding)
;
$input.first().focus();
}
},
active: function() {
$module.addClass(className.active);
},
scrolling: function() {
$dimmable.addClass(className.scrolling);
$module.addClass(className.scrolling);

1
build/less/themes/packages/default/modules/dropdown.variables
View File

@ -92,6 +92,7 @@
@subMenuDistanceAway: -0.5em;
@subMenuMargin: 0em 0em 0em @subMenuDistanceAway;
@subMenuBorderRadius: 0em @borderRadius @borderRadius 0em;
@subMenuZIndex: 21;
/*-------------------
b Types

2
build/minified/definitions/modules/dropdown.min.css
File diff suppressed because it is too large
View File

2
build/minified/definitions/modules/dropdown.min.js
File diff suppressed because it is too large
View File

2
build/minified/definitions/modules/modal.min.js
File diff suppressed because it is too large
View File

1
build/packaged/definitions/css/semantic.css
View File

@ -23565,6 +23565,7 @@ b Types
right: auto !important;
margin: 0em 0em 0em -0.5em !important;
border-radius: 0em 0.2857rem 0.2857rem 0em !important;
z-index: 21 !important;
}
/* Hide Arrow */
.ui.dropdown .menu .menu:after {

2
build/packaged/definitions/css/semantic.min.css
File diff suppressed because it is too large
View File

256
build/packaged/definitions/javascript/semantic.js
View File

@ -7080,6 +7080,63 @@ $.fn.dropdown = function(parameters) {
$item = $menu.find(selector.item);
},
toggle: function() {
module.verbose('Toggling menu visibility');
console.log(module.is.active());
if( !module.is.active() ) {
module.show();
}
else {
module.hide();
}
},
show: function() {
module.debug('Checking if dropdown can show');
if( !module.is.active() ) {
module.animate.show(function() {
if( module.can.click() ) {
module.bind.intent();
}
module.set.visible();
});
$.proxy(settings.onShow, element)();
}
},
hide: function() {
if( module.is.active() ) {
module.debug('Hiding dropdown');
module.animate.hide(function() {
module.remove.filteredItem();
module.remove.visible();
});
$.proxy(settings.onHide, element)();
}
},
hideOthers: function() {
module.verbose('Finding other dropdowns to hide');
$allModules
.not($module)
.has(selector.menu + ':visible:not(.' + className.animating + ')')
.dropdown('hide')
;
},
hideSubMenus: function() {
var
$subMenus = $menu.find(selector.menu),
$activeSubMenu = $subMenus.has(selector.item + '.' + className.active)
;
console.log($subMenus.not($activeSubMenu));
$subMenus
.not($activeSubMenu)
.removeClass(className.visible)
.removeAttr('style')
;
},
bind: {
keyboardEvents: function() {
module.debug('Binding keyboard events');
@ -7094,7 +7151,7 @@ $.fn.dropdown = function(parameters) {
if( module.is.searchSelection() ) {
$module
.on('focus' + eventNamespace, selector.search, module.event.searchFocus)
.on('blur' + eventNamespace, selector.search, module.event.blur)
.on('blur' + eventNamespace, selector.search, module.event.searchBlur)
;
}
else {
@ -7206,10 +7263,8 @@ $.fn.dropdown = function(parameters) {
})
;
$filteredItems = $item.not($results);
$item
.removeClass(className.filtered)
.removeClass(className.selected)
;
module.remove.filteredItem();
module.remove.selectedItem();
$filteredItems
.addClass(className.filtered)
;
@ -7221,7 +7276,7 @@ $.fn.dropdown = function(parameters) {
},
event: {
// prevents focus from occuring on mousedown
// prevents focus callback from occuring on mousedown
mousedown: function() {
activated = true;
},
@ -7233,15 +7288,18 @@ $.fn.dropdown = function(parameters) {
module.show();
}
},
searchFocus: function() {
activated = true;
module.show();
},
blur: function(event) {
if(!activated) {
module.hide();
}
},
searchFocus: function() {
activated = true;
module.show();
},
searchBlur: function(event) {
module.hide();
},
input: function(event) {
var
query = $search.val()
@ -7741,10 +7799,8 @@ $.fn.dropdown = function(parameters) {
? $selectedItem.html()
: $selectedItem.text()
;
$item
.removeClass(className.active)
.removeClass(className.selected)
;
module.remove.activeItem();
module.remove.selectedItem();
$selectedItem
.addClass(className.active)
.addClass(className.selected)
@ -7760,6 +7816,15 @@ $.fn.dropdown = function(parameters) {
},
visible: function() {
$module.removeClass(className.visible);
},
activeItem: function() {
$item.removeClass(className.active);
},
filteredItem: function() {
$item.removeClass(className.filtered);
},
selectedItem: function() {
$item.removeClass(className.selected);
}
},
@ -7782,6 +7847,9 @@ $.fn.dropdown = function(parameters) {
: $menu.is(':animated') || $menu.transition && $menu.transition('is animating')
;
},
active: function() {
return $module.hasClass(className.active);
},
visible: function($subMenu) {
return ($subMenu)
? $subMenu.is(':visible')
@ -7808,20 +7876,29 @@ $.fn.dropdown = function(parameters) {
animate: {
show: function(callback, $subMenu) {
var
$currentMenu = $subMenu || $menu
$currentMenu = $subMenu || $menu,
start = ($subMenu)
? function() {}
: function() {
module.hideOthers();
module.set.active();
module.set.scrollPosition();
}
;
callback = callback || function(){};
module.verbose('Doing menu show animation', $currentMenu);
if( module.is.hidden($currentMenu) ) {
module.verbose('Doing menu show animation', $currentMenu);
if(settings.transition == 'none') {
$.proxy(callback, element)();
}
else if($.fn.transition !== undefined && $module.transition('is supported')) {
console.log('showing menu');
$currentMenu
.transition({
animation : settings.transition + ' in',
duration : settings.duration,
queue : true,
start : start,
complete : function() {
$.proxy(callback, element)();
}
@ -7829,6 +7906,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'slide down') {
start();
$currentMenu
.hide()
.clearQueue()
@ -7847,6 +7925,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'fade') {
start();
$currentMenu
.hide()
.clearQueue()
@ -7863,7 +7942,16 @@ $.fn.dropdown = function(parameters) {
},
hide: function(callback, $subMenu) {
var
$currentMenu = $subMenu || $menu
$currentMenu = $subMenu || $menu,
start = ($subMenu)
? function() {}
: function() {
if( module.can.click() ) {
module.unbind.intent();
}
module.hideSubMenus();
module.remove.active();
}
;
callback = callback || function(){};
if( module.is.visible($currentMenu) ) {
@ -7878,6 +7966,7 @@ $.fn.dropdown = function(parameters) {
animation : settings.transition + ' out',
duration : settings.duration,
queue : true,
start : start,
complete : function() {
$.proxy(callback, element)();
}
@ -7885,6 +7974,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'slide down') {
start();
$currentMenu
.show()
.clearQueue()
@ -7903,6 +7993,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'fade') {
start();
$currentMenu
.show()
.clearQueue()
@ -7919,39 +8010,6 @@ $.fn.dropdown = function(parameters) {
}
},
show: function() {
module.debug('Checking if dropdown can show');
if( module.is.hidden() ) {
module.hideOthers();
module.set.active();
module.set.scrollPosition();
module.animate.show(function() {
if( module.can.click() ) {
module.bind.intent();
}
module.set.visible();
});
$.proxy(settings.onShow, element)();
}
},
hide: function() {
if( !module.is.animated() && module.is.visible() ) {
module.debug('Hiding dropdown');
if( module.can.click() ) {
module.unbind.intent();
}
module.remove.active();
module.animate.hide(function() {
$item
.removeClass(className.filtered)
;
module.remove.visible();
});
$.proxy(settings.onHide, element)();
}
},
delay: {
show: function() {
module.verbose('Delaying show event to ensure user intent');
@ -7965,25 +8023,6 @@ $.fn.dropdown = function(parameters) {
}
},
hideOthers: function() {
module.verbose('Finding other dropdowns to hide');
$allModules
.not($module)
.has(selector.menu + ':visible')
.dropdown('hide')
;
},
toggle: function() {
module.verbose('Toggling menu visibility');
if( module.is.hidden() ) {
module.show();
}
else {
module.hide();
}
},
setting: function(name, value) {
module.debug('Changing setting', name, value);
if( $.isPlainObject(name) ) {
@ -8217,6 +8256,7 @@ $.fn.dropdown.settings = {
className : {
active : 'active',
animating : 'animating',
disabled : 'disabled',
dropdown : 'ui dropdown',
filtered : 'filtered',
@ -8533,10 +8573,6 @@ $.fn.modal = function(parameters) {
: function(){}
;
if( !module.is.active() ) {
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
if( $otherModals.filter(':visible').size() > 0 && !settings.allowMultiple) {
module.debug('Other modals visible, queueing show animation');
@ -8550,10 +8586,21 @@ $.fn.modal = function(parameters) {
.transition({
debug : settings.debug,
animation : settings.transition + ' in',
queue : false,
duration : settings.duration,
start : function() {
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
module.set.clickaway();
},
complete : function() {
$.proxy(settings.onVisible, element)();
module.add.keyboardShortcuts();
module.save.focus();
module.set.active();
module.set.autofocus();
callback();
}
})
@ -8564,6 +8611,8 @@ $.fn.modal = function(parameters) {
$module
.fadeIn(settings.duration, settings.easing, function() {
$.proxy(settings.onVisible, element)();
module.add.keyboardShortcuts();
module.save.focus();
module.set.active();
callback();
})
@ -8603,11 +8652,7 @@ $.fn.modal = function(parameters) {
return;
}
module.debug('Hiding dimmer');
if(settings.closable) {
$dimmer
.off('click' + eventNamespace)
;
}
module.remove.clickaway();
$dimmable.dimmer('hide', function() {
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
module.remove.screenHeight();
@ -8621,19 +8666,18 @@ $.fn.modal = function(parameters) {
? callback
: function(){}
;
if( !(module.is.active() || module.is.animating()) ) {
module.debug('Cannot hide modal it is not active');
return;
}
module.debug('Hiding modal');
module.remove.keyboardShortcuts();
$.proxy(settings.onHide, element)();
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
$module
.transition({
debug : settings.debug,
animation : settings.transition + ' out',
queue : false,
duration : settings.duration,
start : function() {
module.remove.keyboardShortcuts();
},
complete : function() {
$.proxy(settings.onHidden, element)();
module.remove.active();
@ -8644,6 +8688,7 @@ $.fn.modal = function(parameters) {
;
}
else {
module.remove.keyboardShortcuts();
$module
.fadeOut(settings.duration, settings.easing, function() {
$.proxy(settings.onHidden, element)();
@ -8711,6 +8756,13 @@ $.fn.modal = function(parameters) {
active: function() {
$module.removeClass(className.active);
},
clickaway: function() {
if(settings.closable) {
$dimmer
.off('click' + eventNamespace)
;
}
},
screenHeight: function() {
if(module.cache.height > module.cache.pageHeight) {
module.debug('Removing page height');
@ -8770,37 +8822,37 @@ $.fn.modal = function(parameters) {
},
set: {
screenHeight: function() {
if(module.cache.height > module.cache.pageHeight) {
module.debug('Modal is taller than page content, resizing page height');
$body
.css('height', module.cache.height + settings.padding)
autofocus: function() {
if(settings.autofocus) {
var
$inputs = $module.find(':input:visible'),
$autofocus = $inputs.filter('[autofocus]'),
$input = ($autofocus.size() > 0)
? $autofocus
: $inputs
;
$input.first().focus();
}
},
active: function() {
module.add.keyboardShortcuts();
module.save.focus();
$module
.addClass(className.active)
;
clickaway: function() {
if(settings.closable) {
$dimmer
.off('click' + eventNamespace)
.on('click' + eventNamespace, module.event.click)
;
}
if(settings.autofocus) {
var
$inputs = $module.find(':input:visible'),
$autofocus = $inputs.filter('[autofocus]'),
$input = ($autofocus.size() > 0)
? $autofocus
: $inputs
},
screenHeight: function() {
if(module.cache.height > module.cache.pageHeight) {
module.debug('Modal is taller than page content, resizing page height');
$body
.css('height', module.cache.height + settings.padding)
;
$input.first().focus();
}
},
active: function() {
$module.addClass(className.active);
},
scrolling: function() {
$dimmable.addClass(className.scrolling);
$module.addClass(className.scrolling);

10
build/packaged/definitions/javascript/semantic.min.js
File diff suppressed because it is too large
View File

1
build/uncompressed/definitions/modules/dropdown.css
View File

@ -481,6 +481,7 @@ b Types
right: auto !important;
margin: 0em 0em 0em -0.5em !important;
border-radius: 0em 0.2857rem 0.2857rem 0em !important;
z-index: 21 !important;
}
/* Hide Arrow */
.ui.dropdown .menu .menu:after {

178
build/uncompressed/definitions/modules/dropdown.js
View File

@ -193,6 +193,63 @@ $.fn.dropdown = function(parameters) {
$item = $menu.find(selector.item);
},
toggle: function() {
module.verbose('Toggling menu visibility');
console.log(module.is.active());
if( !module.is.active() ) {
module.show();
}
else {
module.hide();
}
},
show: function() {
module.debug('Checking if dropdown can show');
if( !module.is.active() ) {
module.animate.show(function() {
if( module.can.click() ) {
module.bind.intent();
}
module.set.visible();
});
$.proxy(settings.onShow, element)();
}
},
hide: function() {
if( module.is.active() ) {
module.debug('Hiding dropdown');
module.animate.hide(function() {
module.remove.filteredItem();
module.remove.visible();
});
$.proxy(settings.onHide, element)();
}
},
hideOthers: function() {
module.verbose('Finding other dropdowns to hide');
$allModules
.not($module)
.has(selector.menu + ':visible:not(.' + className.animating + ')')
.dropdown('hide')
;
},
hideSubMenus: function() {
var
$subMenus = $menu.find(selector.menu),
$activeSubMenu = $subMenus.has(selector.item + '.' + className.active)
;
console.log($subMenus.not($activeSubMenu));
$subMenus
.not($activeSubMenu)
.removeClass(className.visible)
.removeAttr('style')
;
},
bind: {
keyboardEvents: function() {
module.debug('Binding keyboard events');
@ -207,7 +264,7 @@ $.fn.dropdown = function(parameters) {
if( module.is.searchSelection() ) {
$module
.on('focus' + eventNamespace, selector.search, module.event.searchFocus)
.on('blur' + eventNamespace, selector.search, module.event.blur)
.on('blur' + eventNamespace, selector.search, module.event.searchBlur)
;
}
else {
@ -319,10 +376,8 @@ $.fn.dropdown = function(parameters) {
})
;
$filteredItems = $item.not($results);
$item
.removeClass(className.filtered)
.removeClass(className.selected)
;
module.remove.filteredItem();
module.remove.selectedItem();
$filteredItems
.addClass(className.filtered)
;
@ -334,7 +389,7 @@ $.fn.dropdown = function(parameters) {
},
event: {
// prevents focus from occuring on mousedown
// prevents focus callback from occuring on mousedown
mousedown: function() {
activated = true;
},
@ -346,15 +401,18 @@ $.fn.dropdown = function(parameters) {
module.show();
}
},
searchFocus: function() {
activated = true;
module.show();
},
blur: function(event) {
if(!activated) {
module.hide();
}
},
searchFocus: function() {
activated = true;
module.show();
},
searchBlur: function(event) {
module.hide();
},
input: function(event) {
var
query = $search.val()
@ -854,10 +912,8 @@ $.fn.dropdown = function(parameters) {
? $selectedItem.html()
: $selectedItem.text()
;
$item
.removeClass(className.active)
.removeClass(className.selected)
;
module.remove.activeItem();
module.remove.selectedItem();
$selectedItem
.addClass(className.active)
.addClass(className.selected)
@ -873,6 +929,15 @@ $.fn.dropdown = function(parameters) {
},
visible: function() {
$module.removeClass(className.visible);
},
activeItem: function() {
$item.removeClass(className.active);
},
filteredItem: function() {
$item.removeClass(className.filtered);
},
selectedItem: function() {
$item.removeClass(className.selected);
}
},
@ -895,6 +960,9 @@ $.fn.dropdown = function(parameters) {
: $menu.is(':animated') || $menu.transition && $menu.transition('is animating')
;
},
active: function() {
return $module.hasClass(className.active);
},
visible: function($subMenu) {
return ($subMenu)
? $subMenu.is(':visible')
@ -921,20 +989,29 @@ $.fn.dropdown = function(parameters) {
animate: {
show: function(callback, $subMenu) {
var
$currentMenu = $subMenu || $menu
$currentMenu = $subMenu || $menu,
start = ($subMenu)
? function() {}
: function() {
module.hideOthers();
module.set.active();
module.set.scrollPosition();
}
;
callback = callback || function(){};
module.verbose('Doing menu show animation', $currentMenu);
if( module.is.hidden($currentMenu) ) {
module.verbose('Doing menu show animation', $currentMenu);
if(settings.transition == 'none') {
$.proxy(callback, element)();
}
else if($.fn.transition !== undefined && $module.transition('is supported')) {
console.log('showing menu');
$currentMenu
.transition({
animation : settings.transition + ' in',
duration : settings.duration,
queue : true,
start : start,
complete : function() {
$.proxy(callback, element)();
}
@ -942,6 +1019,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'slide down') {
start();
$currentMenu
.hide()
.clearQueue()
@ -960,6 +1038,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'fade') {
start();
$currentMenu
.hide()
.clearQueue()
@ -976,7 +1055,16 @@ $.fn.dropdown = function(parameters) {
},
hide: function(callback, $subMenu) {
var
$currentMenu = $subMenu || $menu
$currentMenu = $subMenu || $menu,
start = ($subMenu)
? function() {}
: function() {
if( module.can.click() ) {
module.unbind.intent();
}
module.hideSubMenus();
module.remove.active();
}
;
callback = callback || function(){};
if( module.is.visible($currentMenu) ) {
@ -991,6 +1079,7 @@ $.fn.dropdown = function(parameters) {
animation : settings.transition + ' out',
duration : settings.duration,
queue : true,
start : start,
complete : function() {
$.proxy(callback, element)();
}
@ -998,6 +1087,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'slide down') {
start();
$currentMenu
.show()
.clearQueue()
@ -1016,6 +1106,7 @@ $.fn.dropdown = function(parameters) {
;
}
else if(settings.transition == 'fade') {
start();
$currentMenu
.show()
.clearQueue()
@ -1032,39 +1123,6 @@ $.fn.dropdown = function(parameters) {
}
},
show: function() {
module.debug('Checking if dropdown can show');
if( module.is.hidden() ) {
module.hideOthers();
module.set.active();
module.set.scrollPosition();
module.animate.show(function() {
if( module.can.click() ) {
module.bind.intent();
}
module.set.visible();
});
$.proxy(settings.onShow, element)();
}
},
hide: function() {
if( !module.is.animated() && module.is.visible() ) {
module.debug('Hiding dropdown');
if( module.can.click() ) {
module.unbind.intent();
}
module.remove.active();
module.animate.hide(function() {
$item
.removeClass(className.filtered)
;
module.remove.visible();
});
$.proxy(settings.onHide, element)();
}
},
delay: {
show: function() {
module.verbose('Delaying show event to ensure user intent');
@ -1078,25 +1136,6 @@ $.fn.dropdown = function(parameters) {
}
},
hideOthers: function() {
module.verbose('Finding other dropdowns to hide');
$allModules
.not($module)
.has(selector.menu + ':visible')
.dropdown('hide')
;
},
toggle: function() {
module.verbose('Toggling menu visibility');
if( module.is.hidden() ) {
module.show();
}
else {
module.hide();
}
},
setting: function(name, value) {
module.debug('Changing setting', name, value);
if( $.isPlainObject(name) ) {
@ -1330,6 +1369,7 @@ $.fn.dropdown.settings = {
className : {
active : 'active',
animating : 'animating',
disabled : 'disabled',
dropdown : 'ui dropdown',
filtered : 'filtered',

78
build/uncompressed/definitions/modules/modal.js
View File

@ -246,10 +246,6 @@ $.fn.modal = function(parameters) {
: function(){}
;
if( !module.is.active() ) {
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
if( $otherModals.filter(':visible').size() > 0 && !settings.allowMultiple) {
module.debug('Other modals visible, queueing show animation');
@ -263,10 +259,21 @@ $.fn.modal = function(parameters) {
.transition({
debug : settings.debug,
animation : settings.transition + ' in',
queue : false,
duration : settings.duration,
start : function() {
module.cacheSizes();
module.set.position();
module.set.screenHeight();
module.set.type();
module.set.clickaway();
},
complete : function() {
$.proxy(settings.onVisible, element)();
module.add.keyboardShortcuts();
module.save.focus();
module.set.active();
module.set.autofocus();
callback();
}
})
@ -277,6 +284,8 @@ $.fn.modal = function(parameters) {
$module
.fadeIn(settings.duration, settings.easing, function() {
$.proxy(settings.onVisible, element)();
module.add.keyboardShortcuts();
module.save.focus();
module.set.active();
callback();
})
@ -316,11 +325,7 @@ $.fn.modal = function(parameters) {
return;
}
module.debug('Hiding dimmer');
if(settings.closable) {
$dimmer
.off('click' + eventNamespace)
;
}
module.remove.clickaway();
$dimmable.dimmer('hide', function() {
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
module.remove.screenHeight();
@ -334,19 +339,18 @@ $.fn.modal = function(parameters) {
? callback
: function(){}
;
if( !(module.is.active() || module.is.animating()) ) {
module.debug('Cannot hide modal it is not active');
return;
}
module.debug('Hiding modal');
module.remove.keyboardShortcuts();
$.proxy(settings.onHide, element)();
if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
$module
.transition({
debug : settings.debug,
animation : settings.transition + ' out',
queue : false,
duration : settings.duration,
start : function() {
module.remove.keyboardShortcuts();
},
complete : function() {
$.proxy(settings.onHidden, element)();
module.remove.active();
@ -357,6 +361,7 @@ $.fn.modal = function(parameters) {
;
}
else {
module.remove.keyboardShortcuts();
$module
.fadeOut(settings.duration, settings.easing, function() {
$.proxy(settings.onHidden, element)();
@ -424,6 +429,13 @@ $.fn.modal = function(parameters) {
active: function() {
$module.removeClass(className.active);
},
clickaway: function() {
if(settings.closable) {
$dimmer
.off('click' + eventNamespace)
;
}
},
screenHeight: function() {
if(module.cache.height > module.cache.pageHeight) {
module.debug('Removing page height');
@ -483,37 +495,37 @@ $.fn.modal = function(parameters) {
},
set: {
screenHeight: function() {
if(module.cache.height > module.cache.pageHeight) {
module.debug('Modal is taller than page content, resizing page height');
$body
.css('height', module.cache.height + settings.padding)
autofocus: function() {
if(settings.autofocus) {
var
$inputs = $module.find(':input:visible'),
$autofocus = $inputs.filter('[autofocus]'),
$input = ($autofocus.size() > 0)
? $autofocus
: $inputs
;
$input.first().focus();
}
},
active: function() {
module.add.keyboardShortcuts();
module.save.focus();
$module
.addClass(className.active)
;
clickaway: function() {
if(settings.closable) {
$dimmer
.off('click' + eventNamespace)
.on('click' + eventNamespace, module.event.click)
;
}
if(settings.autofocus) {
var
$inputs = $module.find(':input:visible'),
$autofocus = $inputs.filter('[autofocus]'),
$input = ($autofocus.size() > 0)
? $autofocus
: $inputs
},
screenHeight: function() {
if(module.cache.height > module.cache.pageHeight) {
module.debug('Modal is taller than page content, resizing page height');
$body
.css('height', module.cache.height + settings.padding)
;
$input.first().focus();
}
},
active: function() {
$module.addClass(className.active);
},
scrolling: function() {
$dimmable.addClass(className.scrolling);
$module.addClass(className.scrolling);

Write Preview
Loading…
Cancel
Save