From 43ad7d86cd103e003668bf2fd4d084131fb1bcf4 Mon Sep 17 00:00:00 2001 From: nael Date: Tue, 22 Jan 2019 16:30:38 +0100 Subject: [PATCH] wait #2536 @10 --- ongletsHTML/init.js | 1 + ongletsHTML/multimedia.js | 272 ++++++++++++++++++++++++++++++++++++ ongletsHTML/ongletsHTML.zip | Bin 0 -> 5961 bytes ongletsHTML/tabs.svg | 243 ++++++++++++++++++++++++++++++++ 4 files changed, 516 insertions(+) create mode 100644 ongletsHTML/init.js create mode 100644 ongletsHTML/multimedia.js create mode 100644 ongletsHTML/ongletsHTML.zip create mode 100644 ongletsHTML/tabs.svg diff --git a/ongletsHTML/init.js b/ongletsHTML/init.js new file mode 100644 index 0000000..24ad355 --- /dev/null +++ b/ongletsHTML/init.js @@ -0,0 +1 @@ +$($id).tabs($init); \ No newline at end of file diff --git a/ongletsHTML/multimedia.js b/ongletsHTML/multimedia.js new file mode 100644 index 0000000..bfcc64e --- /dev/null +++ b/ongletsHTML/multimedia.js @@ -0,0 +1,272 @@ +(function ($) { + function JQtabs(element, data) { + this.element = element; + this.cont; + this.data = data; + this.visibility = {}; + + this.naturalDimensions = {width: 0, height: 0}; + + /* Change contents from here */ + + this.hideOnLastPage = true; + this.hideOnFirstPage = false; + this.hideOnPortrait = true; + + this.image = 'tabs.svg'; + + this.links = [ + {css: {height: '33%', top: 0}, page: 4, id: 'o1'}, + {css: {height: '33%', top: '33%'}, page: 22, id: 'o2'}, + {css: {height: '33%', top: '66%'}, page: 24, id: 'o3'} + ]; + + /* available modes & alignments : + side|right: tabs are stuck at the right of the publication + side|left: ______________________ left + top|center: tabs are placed on top of the publication centered horizontaly + top|left:_____________________________________________________ at left + top|right:____________________________________________________ at right + */ + this.mode = 'side'; + this.align = 'right'; + + this.margin = -25; // Space between tabs and book + + this.hideEdge = 'right'; // Possible values : left, right, both, none + + /* Stop changing contents here or do it AYOR */ + + this.hideOnZoom = true; // true is recommanded + + this.init(); + } + + JQtabs.prototype = { + init: function () { + var $this = this; + this.element.append('
'); + this.cont = this.element.find('.tabs'); + + $.get(this.data.path + this.image, {}, function (data) { + $this.cont.append(data); + $this.naturalDimensions.width = Math.floor(parseFloat($(data).attr('width'))); + $this.naturalDimensions.height = Math.floor(parseFloat($(data).attr('height'))); + $this.svg = $this.cont.find('svg'); + $this.svg.addClass('tabsimg').css({height: '100%', width: 'auto'}); + }, 'text'); + + this.createLinks(); + this.initStandardEvents(); + this.hoverOnglet(); + }, + + changePage: function (page) { + var id = 'oo'; + var $this = this; + $.each(this.links, function (k, v) { + if (page >= v.page) { + try { + if(v.last != undefined && page >= v.last){ + id='none'; + }else{ + id = v.id; + } + } catch (e) { + + } + + } + }); + + if(id=='none'){ + this.svg.find('.active').removeClass('active'); + }else{ + try { + this.svg.find('.active:not(#' + id + ')').removeClass('active'); + this.svg.find('#' + id).addClass('active'); + } catch (err) { + + } + } + }, + + hideEdges: function (hide) { + if (!hide) { + $("#edges .edge").css('visibility', 'visible'); + return; + } + if (this.hideEdge == undefined || this.hideEdge == 'none') { + return; + } + + if (this.hideEdge == 'left' || this.hideEdge == 'both') { + $("#edges .edge.left").css({visibility: 'hidden'}); + } + if (this.hideEdge == 'right' || this.hideEdge == 'both') { + $("#edges .edge.right").css({visibility: 'hidden'}); + } + }, + + createLinks: function () { + var $this = this; + var n = 1; + $(this.links).each(function (k, v) { + + var z = n++; + var l = $(''); + $this.cont.append(l); + l.css(v.css); + + if (v.page) { + l.attr('href', '#/page/' + v.page); + } + }); + }, + + //// function hover onglet //// + + hoverOnglet: function(){ + $('.tablink').on('mouseenter',function () { + console.log($(this).attr('data-id')); + $(".tabsimg").find('#o'+ $(this).attr('data-id') ).addClass('hover'); + }); + $('.tablink').on('mouseleave',function () { + $(".tabsimg").find('#o'+ $(this).attr('data-id') ).removeClass('hover'); + }); + }, + + initStandardEvents: function () { + var $this = this; + + $(fluidbook).on('fluidbook.resize', function (e, data) { + $this.resize(data); + return true; + }); + + if (this.hideOnZoom) { + this.visibility.zoomin = true; + $(fluidbook).on('fluidbook.zoom.in.start', function (e) { + $this.changeVisibility('zoomin', false); + }); + $(fluidbook).on('fluidbook.zoom.out.end', function (e) { + $this.changeVisibility('zoomin', true); + }); + } + + if (this.hideOnPortrait) { + this.visibility.portrait = true; + $(fluidbook).on('fluidbook.resize.orientation', function (e, data) { + if (data.orientation == 'portrait') { + $this.changeVisibility('portrait', false); + } else { + $this.changeVisibility('portrait', true); + } + }); + } + + if (this.hideOnLastPage || this.hideOnFirstPage) { + if (this.hideOnLastPage) { + this.visibility.lastpage = true; + } + if (this.hideOnFirstPage) { + this.visibility.firstpage = true; + } + + $(fluidbook).on('fluidbook.page.change.start', function (e, page) { + if ($this.hideOnFirstPage) { + if (page <= 1) { + $this.changeVisibility('firstpage', false); + } + } + if ($this.hideOnLastPage) { + var last = fluidbook.datas.pages; + if (last % 2 == 1) { + last--; + } + if (page >= last) { + $this.changeVisibility('lastpage', false); + } + } + $this.changePage(page); + }); + + $(fluidbook).on('fluidbook.page.change.end', function (e, page) { + if ($this.hideOnFirstPage) { + if (page > 1) { + this.changeVisibility('firstpage', true); + } + } + if ($this.hideOnLastPage) { + var last = fluidbook.datas.pages; + if (last % 2 == 1) { + last--; + } + if (page < last) { + $this.changeVisibility('lastpage', true); + } + } + }); + } + }, + + changeVisibility: function (type, visible) { + this.visibility[type] = visible; + var tabsvisible = true; + $.each(this.visibility, function (k, v) { + if (!v) { + tabsvisible = false; + return false; + } + }); + + if (!tabsvisible) { + this.cont.addClass('hide'); + } else { + this.cont.removeClass('hide'); + } + + this.hideEdges(tabsvisible); + }, + + resize: function (data) { + var css = {position: 'absolute'}; + var svgcss={height:css.height}; + if (this.mode == 'side') { + var scale = data.fluidbookrect.height / this.naturalDimensions.height; + var w = this.naturalDimensions.width * scale; + + css.top = data.fluidbookrect.top; + css.height = data.fluidbookrect.height; + if(fluidbook.support.IE>0) { + svgcss.width = w; + } + css.width = 'auto'; + if (this.align == 'right') { + css.left = data.fluidbookrect.left + data.fluidbookrect.width + (this.margin * scale); + } else if (this.align == 'left') { + css.left = data.fluidbookrectrect.left - w - this.margin; + } + } + + // This trick allows to fix a dimension bug in ios + try{ + this.svg.css(svgcss); + }catch(e){ + + } + this.cont.css(css); + }, + + }; + + jQuery.fn.tabs = function (data) { + return this.each(function () { + var $this = $(this); + if ($(this).data('tabs') === undefined) { + $(this).data('tabs', new JQtabs($this, data)); + } + }) + }; +})(jQuery); + diff --git a/ongletsHTML/ongletsHTML.zip b/ongletsHTML/ongletsHTML.zip new file mode 100644 index 0000000000000000000000000000000000000000..d61ece78eff158e502278812cf6a12f1251852c4 GIT binary patch literal 5961 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 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + -- 2.39.5