Sutty/trabajo-afectivo
5
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

enhance popover behaviour

Browse source 
faster show/hide, no hide when hovering over the popover
This commit is contained in:
Felix Niklas 2015-01-14 22:59:56 +01:00
parent a3d2f3a768
commit 1a67de73cf
3 changed files with 32 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/javascripts/app/controllers/_application_controller.js.coffee
View file

@ -233,7 +233,8 @@ class App.Controller extends Spine.Controller
trigger: 'hover'
container: 'body'
html: true
delay: { show: 400, hide: 800 }
animation: false
delay: 100
placement: position
title: ->
ticket_id = $(@).data('id')
@ -270,7 +271,8 @@ class App.Controller extends Spine.Controller
trigger: 'hover'
container: 'body'
html: true
delay: { show: 400, hide: 800 }
animation: false
delay: 100
placement: "auto #{position}"
title: ->
user_id = $(@).data('id')
@ -326,7 +328,8 @@ class App.Controller extends Spine.Controller
trigger: 'hover'
container: 'body'
html: true
delay: { show: 400, hide: 800 }
animation: false
delay: 100
placement: "auto #{position}"
title: ->
organization_id = $(@).data('id')
@ -379,7 +382,8 @@ class App.Controller extends Spine.Controller
trigger: 'hover'
container: 'body'
html: true
delay: { show: 500, hide: 5200 }
animation: false
delay: 100
placement: "auto #{data.position}"
title: ->
$(@).find('[title="*"]').val()

23
app/assets/javascripts/app/lib/bootstrap/popover-enhance.js Normal file
View file

@ -0,0 +1,23 @@
/* from here http://jsfiddle.net/WojtekKruszewski/Zf3m7/22/ */
var originalLeave = $.fn.popover.Constructor.prototype.leave;
$.fn.popover.Constructor.prototype.leave = function(obj){
var self = obj instanceof this.constructor ?
obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
var container, timeout;
originalLeave.call(this, obj);
if(obj.currentTarget) {
container = $('body .popover');
timeout = self.timeout;
container.one('mouseenter', function(){
//We entered the actual popover – call off the dogs
clearTimeout(timeout);
//Let's monitor popover content instead
container.one('mouseleave', function(){
$.fn.popover.Constructor.prototype.leave.call(self, self);
});
})
}
};

1
app/assets/javascripts/application.js
View file

@ -25,6 +25,7 @@
//= require ./app/lib/bootstrap/dropdown.js
//= require ./app/lib/bootstrap/tooltip.js
//= require ./app/lib/bootstrap/popover.js
//= require ./app/lib/bootstrap/popover-enhance.js
//= require ./app/lib/bootstrap/modal.js
//= require ./app/lib/bootstrap/tab.js
//= require ./app/lib/bootstrap/transition.js