3dflipbook.min.js
2 years ago
default-book-view.js
2 years ago
html2canvas.min.js
2 years ago
pdf.min.js
2 years ago
pdf.worker.js
2 years ago
three.min.js
2 years ago
default-book-view.js
98 lines
| 1 | function init(container) { |
| 2 | var instance; |
| 3 | if(window.jQuery) { |
| 4 | var $ = window.jQuery; |
| 5 | instance = { |
| 6 | floatWnd: container.find('.float-wnd'), |
| 7 | binds: { |
| 8 | showDropMenu: function(e) { |
| 9 | e.preventDefault(); |
| 10 | var el = $(e.target); |
| 11 | while(!el.hasClass('toggle')) { |
| 12 | el = $(el[0].parentNode); |
| 13 | } |
| 14 | var menu = el.find('.menu'); |
| 15 | if(menu.hasClass('hidden')) { |
| 16 | container.find('.ctrl .fnavbar .menu').addClass('hidden'); |
| 17 | menu.removeClass('hidden'); |
| 18 | e.stopPropagation(); |
| 19 | } |
| 20 | }, |
| 21 | hideDropMenu: function() { |
| 22 | container.find('.ctrl .fnavbar .menu').addClass('hidden'); |
| 23 | }, |
| 24 | pickFloatWnd: function(e) { |
| 25 | if(instance.pos) { |
| 26 | instance.binds.dropFloatWnd(); |
| 27 | } |
| 28 | else { |
| 29 | instance.pos = { |
| 30 | x: e.pageX, |
| 31 | y: e.pageY |
| 32 | }; |
| 33 | } |
| 34 | }, |
| 35 | moveFloatWnd: function(e) { |
| 36 | if(instance.pos) { |
| 37 | var dv = { |
| 38 | x: e.pageX-instance.pos.x, |
| 39 | y: e.pageY-instance.pos.y |
| 40 | }, old = { |
| 41 | x: parseInt(instance.floatWnd.css('left')), |
| 42 | y: parseInt(instance.floatWnd.css('top')) |
| 43 | }; |
| 44 | instance.floatWnd.css('left', old.x+dv.x+'px').css('top', old.y+dv.y+'px'); |
| 45 | instance.pos = { |
| 46 | x: e.pageX, |
| 47 | y: e.pageY |
| 48 | }; |
| 49 | } |
| 50 | }, |
| 51 | dropFloatWnd: function() { |
| 52 | delete instance.pos; |
| 53 | }, |
| 54 | jsCenter: function() { |
| 55 | var ns = container.find('.js-center'); |
| 56 | for(var i=0; i<ns.length; ++i) { |
| 57 | var n = $(ns[i]), parentWidth = $(ns[i].parentNode).width(), width = n.width(); |
| 58 | n.css('left', 0.5*(parentWidth-width)+'px'); |
| 59 | } |
| 60 | } |
| 61 | }, |
| 62 | appLoaded: function() { |
| 63 | instance.binds.jsCenter(); |
| 64 | }, |
| 65 | linkLoaded: function(link) { |
| 66 | instance.binds.jsCenter(); |
| 67 | }, |
| 68 | dispose: function() { |
| 69 | container.find('.ctrl .fnavbar .fnav .toggle').off('click', instance.binds.showDropMenu); |
| 70 | $(container[0].ownerDocument).off('click', instance.binds.hideDropMenu); |
| 71 | |
| 72 | $(container[0].ownerDocument).off('mousemove', instance.binds.moveFloatWnd); |
| 73 | $(container[0].ownerDocument).off('mouseup', instance.binds.dropFloatWnd); |
| 74 | instance.floatWnd.find('.header').off('mousedown', instance.binds.pickFloatWnd); |
| 75 | |
| 76 | $(container[0].ownerDocument.defaultView).off('resize', instance.binds.jsCenter); |
| 77 | } |
| 78 | }; |
| 79 | container.find('.ctrl .fnavbar .fnav .toggle').on('click', instance.binds.showDropMenu); |
| 80 | $(container[0].ownerDocument).on('click', instance.binds.hideDropMenu); |
| 81 | |
| 82 | $(container[0].ownerDocument).on('mousemove', instance.binds.moveFloatWnd); |
| 83 | $(container[0].ownerDocument).on('mouseup', instance.binds.dropFloatWnd); |
| 84 | instance.floatWnd.find('.header').on('mousedown', instance.binds.pickFloatWnd); |
| 85 | |
| 86 | $(container[0].ownerDocument.defaultView).on('resize', instance.binds.jsCenter); |
| 87 | instance.binds.jsCenter(); |
| 88 | } |
| 89 | else { |
| 90 | instance = { |
| 91 | dispose: function() { |
| 92 | } |
| 93 | }; |
| 94 | console.error('jQuery is not found'); |
| 95 | } |
| 96 | return instance; |
| 97 | } init |
| 98 |