Systems Catalogue

"); }); }, resize: function () { // reset the width and height to the css defaults this.el.style.width = ''; this.el.style.height = ''; var width = this.el.clientWidth, height = Math.round(width / this.ratio), padded = Math.round(document.documentElement.clientHeight * 0.9), screenHeight = Math.round(document.documentElement.clientHeight), fullscreen = onfullscreenchange(this.el); // if the height is too big for the window, constrain it if (height > padded) { height = padded; width = Math.round(height * this.ratio); } if (width > document.documentElement.clientWidth) { width = document.documentElement.clientWidth; height = Math.round(width / this.ratio); } if (fullscreen) { if (height > screenHeight) { height = screenHeight * 0.9; width = Math.round(height * this.ratio); } } // set the width and height matching the aspect ratio this.el.style.width = width + 'px'; /* if($('.html-content').length){ // hard calculation (html pages is in) // recalculate height height = parseInt($(this.el).css('min-height'),10); $('.html-content').each(function(i){ var el_h = parseInt($(this).height(),10)+parseInt($(this).css('padding-top'),10)+parseInt($(this).css('padding-bottom').replace('px',''),10); if(el_h > height) height = el_h; }); if(width/height > this.ratio){ height = Math.round(width / this.ratio); } } */ this.el.style.height = height + 'px'; return { width: width, height: height }; }, plugins: function () { var me = this; var slider = flipbook.parent().next().find('.turnjs-slider #slider'); var thumb_file = '/media/com_html5flippingbook//thumbs/preview_2.gif'; // URIs Hash.on('^page\/([0-9]*)$', { yep: function(path, parts) { var page = parts[1]; if (page!==undefined) { if (flipbook.turn('is')) flipbook.turn('page', page); } }, nop: function(path) { if (flipbook.turn('is')) flipbook.turn('page', 1); } }); // Arrows $(document).keydown(function(e){ var previous = 37, next = 39; switch (e.keyCode) { case previous: flipbook.turn('previous'); break; case next: flipbook.turn('next'); break; } }); flipbook.find(".next-button,.previous-button").on('click',function(e){ var isRtl = flipbook.attr('direction') == 'rtl' ? 1 : 0; switch ($(this).attr('class')) { case 'previous-button': if(isRtl){ flipbook.turn('next'); } else { flipbook.turn('previous'); } break; case 'next-button': if(isRtl){ flipbook.turn('previous'); } else { flipbook.turn('next'); } break; } }); // Slider slider.prop('slide', null).slider({ min: 1, max: 100, start: function(event, ui) { if (!window._thumbPreview) { _thumbPreview = $('
', {'class': 'thumbnail'}).html('
'); setPreview(ui.value, thumb_file); _thumbPreview.appendTo($(ui.handle)); } else { setPreview(ui.value, thumb_file); } moveBar(false); }, slide: function(event, ui) { setPreview(ui.value, thumb_file); }, stop: function() { if (window._thumbPreview) { _thumbPreview.removeClass('show'); } flipbook.turn('page', Math.max(1, $(this).slider('value')*2 - 2)); } }); // Flipbook /* choose other events!!! */ //flipbook.bind(($.isTouch) ? 'doubletap' : 'dblclick', function(e){zoomHandle(flipbook);}); $('.tbicon.zoom-out').on('click',function(e){ zoomOut(flipbook); return false; }); $('.fa-search-plus').on('click',function(e){ zoomHandle(flipbook); return false; }); $('.fa-list').on('click',function(e){ flipbook.turn('page',$(this).attr('rel')); return false; }); $('#goto_page_input_button').on('click',function(e){ var input = $(this).parent().find('#goto_page_input'); var val = parseInt(input.val(),10) + 0; flipbook.turn('page', val); input.val('').prop('placeholder',(val-0)+' page is opened'); return false; }); $('.fa-step-backward').on('click', function (event) { flipbook.turn('page', 1); return false; }); flipbook.find('.double').scissor(); flipbook.turn({ elevation: 50, acceleration: !isChrome(), autoCenter: true, gradients: true, duration: 1000, pages: 280, when: { turning: function(e, page, view) { var book = $(this), currentPage = book.turn('page'), pages = book.turn('pages'); /* if (currentPage>3 && currentPage3 && page1){ book.find('.p2').addClass('fixed'); book.find('.next-button').show(); }else{ updateDepth(book, 0); book.find('.p2').removeClass('fixed'); } if (page!=pages){ book.find('.p'+(pages-1)).addClass('fixed'); book.find('.previous-button').show(); }else{ updateDepth(book, pages); book.find('.p'+(pages-1)).removeClass('fixed'); } Hash.go('page/'+page).update(); }, turned: function(e, page, view) { var book = $(this); /* for what? */ /* if($('.html-content').length){ var size = me.resize(); zoomOut(flipbook); flipbook.turn('size',size.width,size.height); } */ book.turn('center'); /*Update last open page*/ if (user) { $.ajax({ type: "POST", url: "index.php?option=com_html5flippingbook&task=userPublAction&tmpl=component", data: 'pubID=' + publicationID + '&action=updatePage&page=' + page, dataType: 'JSON', }); } }, zooming: function(e, newFactor, current) { if(newFactor!=1){ $('.flip-hide-overflow').css('overflow','scroll'); }else{ $('.flip-hide-overflow').css('overflow',''); } }, start: function(e, pageObj) { moveBar(true); }, end: function(e, pageObj) { var book = $(this); setTimeout(function() { slider.slider('value', getViewNumber(book)); }, 1); moveBar(false); }, last: function(e) { var book = $(this), isRtl = book.attr('direction') == 'rtl' ? 1 : 0; if(!isRtl) { book.find('.next-button').hide(); book.find('.previous-button').show(); } else { book.find('.next-button').show(); book.find('.previous-button').hide(); book.find('.depth-right').eq(0).css({'width':'0'}); } zoomOut(book); }, first: function(e) { var book = $(this), isRtl = book.attr('direction') == 'rtl' ? 1 : 0; if(!isRtl) { book.find('.previous-button').hide(); book.find('.next-button').show(); } else { book.find('.previous-button').show(); book.find('.next-button').hide(); book.find('.depth-left').eq(0).css({'width':'0'}); } zoomOut(book); }, missing: function (e, pages) { for (var i = 0; i

Please publish modules in offcanvas position.