diff --git a/src/collective/nitf/browser/templates/slideshow.pt b/src/collective/nitf/browser/templates/slideshow.pt index d13fd128..3dfebe3c 100644 --- a/src/collective/nitf/browser/templates/slideshow.pt +++ b/src/collective/nitf/browser/templates/slideshow.pt @@ -1,4 +1,5 @@ -
@@ -8,7 +9,9 @@ data-cycle-swipe="true" data-allow-wrap="true" data-cycle-fx="fade" - data-cycle-log="false"> + data-cycle-log="false" + data-cycle-prev="#nitf-slideshow .cycle-prev" + data-cycle-next="#nitf-slideshow .cycle-next">
diff --git a/src/collective/nitf/static/nitf.js.map b/src/collective/nitf/static/nitf.js.map index a2d689d6..5c7889ae 100644 --- a/src/collective/nitf/static/nitf.js.map +++ b/src/collective/nitf/static/nitf.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///nitf.js","webpack:///webpack/bootstrap 64623fa07797ccfc12d5","webpack:///./app/nitf_icon.png","webpack:///./app/tile-nitf.png","webpack:///./app/main.js"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","m","c","value","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","$","SlideShow","el","self","this","$el","proportion","bind_events","fix_image_size","selector","on","sync_slideshows","thumbs_click","max_height","max_width","len","ref","img","$player","$img","width","length","height","css","e","opts","$slideshows","data","cycle","currSlide","index","$thumbs","preventDefault","getSlideIndex","document","ready","nitf_view","nitf_with_image","slideshow","link","append","test","navigator","userAgent","attr","replace","prepOverlay","subtype","filter","config","onLoad","hideAddressBar","window","location","hash","outerHeight","body","style","setTimeout","scrollTo","addEventListener","pageYOffset","load","jQuery"],"mappings":"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","file":"nitf.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 3);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\nmodule.exports = \"++resource++collective.nitf/nitf_icon.png\";\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports) {\n\nmodule.exports = \"++resource++collective.nitf/tile-nitf.png\";\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n__webpack_require__(0);\n\n__webpack_require__(1);\n\n__webpack_require__(2);\n\n(function ($) {\n \"use strict\";\n\n var SlideShow = function () {\n function SlideShow(el) {\n var self = this;\n self.$el = $(el);\n self.proportion = 3 / 2;\n self.bind_events();\n self.fix_image_size();\n }\n SlideShow.prototype.$ = function (selector) {\n var self = this;\n return $(selector, self.$el);\n };\n SlideShow.prototype.bind_events = function () {\n var self = this;\n self.$('.cycle-player').on('cycle-next cycle-prev', self, self.sync_slideshows);\n self.$('.cycle-carrossel .thumb-itens').on('click', self, self.thumbs_click);\n };\n SlideShow.prototype.fix_image_size = function () {\n var self, max_height, max_width, i, len, ref, img, $player, $img;\n self = this;\n\n // Calc max_with and max_height\n $player = self.$('.cycle-player');\n max_width = $player.width();\n max_height = max_width / self.proportion;\n // Calc max_with and max_height\n\n // Update properties when necessary\n ref = self.$('.cycle-player img');\n for (i = 0, len = ref.length; i < len; i++) {\n img = ref[i];\n $img = $(img);\n if ($img.height() > $img.width()) {\n $img.css('width', 'auto');\n $img.height(max_height);\n } else {\n $img.width(max_width);\n $img.height(max_height);\n }\n }\n };\n\n SlideShow.prototype.sync_slideshows = function (e, opts) {\n var self, index, $player, $slideshows;\n self = e.data;\n $slideshows = self.$('.cycle-slideshow');\n $slideshows.cycle('goto', opts.currSlide);\n };\n\n SlideShow.prototype.thumbs_click = function (e) {\n var self, index, $thumbs, $slideshows;\n self = e.data;\n e.preventDefault();\n $thumbs = self.$('.cycle-carrossel');\n index = $thumbs.data('cycle.API').getSlideIndex(this);\n $slideshows = self.$('.cycle-slideshow');\n $slideshows.cycle('goto', index);\n };\n return SlideShow;\n }();\n\n $(document).ready(function () {\n // If this is a NITF content with an image\n var nitf_view = $('body.portaltype-collective-nitf-content.template-view').length > 0;\n var nitf_with_image = nitf_view && $('.newsImageContainer').length > 0;\n var slideshow = $('body.portaltype-collective-nitf-content.template-slideshow').length > 0;\n if (nitf_with_image) {\n // Turn image link into something special\n var link = $('#parent-fieldname-image');\n // Add a magnify icon over the image\n link.append('');\n // For mobile devices, link will open slideshow\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {\n link.attr('href', link.attr('href').replace('@@slideshow', '@@slideshow?ajax_include_head=1&ajax_load=1'));\n } else {\n // For other devices open a slideshow in an overlay\n link.prepOverlay({\n subtype: 'ajax',\n filter: '#content > *',\n width: $(document).width() * 0.95 + 'px',\n config: {\n onLoad: function onLoad(e) {\n // Start cycle2\n $('.cycle-slideshow').cycle();\n new SlideShow($('.slideshow-container'));\n }\n }\n });\n }\n } else if (slideshow) {\n // For slideshow template, hide address bar after page load\n // in mobile devices\n /* To hide address bar after page load */\n var hideAddressBar = function hideAddressBar() {\n if (!window.location.hash) {\n if (document.height < window.outerHeight) {\n document.body.style.height = window.outerHeight + 50 + 'px';\n }\n\n setTimeout(function () {\n window.scrollTo(0, 1);\n }, 50);\n }\n };\n\n window.addEventListener(\"load\", function () {\n if (!window.pageYOffset) {\n hideAddressBar();\n }\n new SlideShow($('.slideshow-container'));\n });\n window.addEventListener(\"orientationchange\", hideAddressBar);\n }\n });\n $(window).load(function () {\n if ($('body.portaltype-collective-nitf-content.template-slideshow_view').length > 0) {\n new SlideShow($('.slideshow-container'));\n }\n });\n})(jQuery);\n\n/***/ })\n/******/ ]);\n\n\n// WEBPACK FOOTER //\n// nitf.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 3);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 64623fa07797ccfc12d5","module.exports = \"++resource++collective.nitf/nitf_icon.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/nitf_icon.png\n// module id = 1\n// module chunks = 0","module.exports = \"++resource++collective.nitf/tile-nitf.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/tile-nitf.png\n// module id = 2\n// module chunks = 0","import './main.css';\nimport './nitf_icon.png';\nimport './tile-nitf.png';\n\n(function ($) {\n \"use strict\";\n\n var SlideShow = (function() {\n function SlideShow(el) {\n var self = this;\n self.$el = $(el);\n self.proportion = 3 / 2;\n self.bind_events();\n self.fix_image_size();\n }\n SlideShow.prototype.$ = function(selector) {\n var self = this;\n return $(selector, self.$el);\n };\n SlideShow.prototype.bind_events = function() {\n var self = this;\n self.$('.cycle-player').on('cycle-next cycle-prev', self, self.sync_slideshows);\n self.$('.cycle-carrossel .thumb-itens').on('click', self, self.thumbs_click);\n };\n SlideShow.prototype.fix_image_size = function() {\n var self, max_height, max_width, i, len, ref, img, $player, $img;\n self = this;\n\n // Calc max_with and max_height\n $player = self.$('.cycle-player');\n max_width = $player.width();\n max_height = max_width / self.proportion;\n // Calc max_with and max_height\n\n // Update properties when necessary\n ref = self.$('.cycle-player img');\n for (i = 0, len = ref.length; i < len; i++) {\n img = ref[i];\n $img = $(img);\n if ($img.height() > $img.width()) {\n $img.css('width', 'auto');\n $img.height(max_height);\n } else {\n $img.width(max_width);\n $img.height(max_height);\n }\n }\n };\n\n SlideShow.prototype.sync_slideshows = function(e, opts) {\n var self, index, $player, $slideshows;\n self = e.data;\n $slideshows = self.$('.cycle-slideshow');\n $slideshows.cycle('goto', opts.currSlide);\n };\n\n SlideShow.prototype.thumbs_click = function(e) {\n var self, index, $thumbs, $slideshows;\n self = e.data;\n e.preventDefault();\n $thumbs = self.$('.cycle-carrossel');\n index = $thumbs.data('cycle.API').getSlideIndex(this);\n $slideshows = self.$('.cycle-slideshow');\n $slideshows.cycle('goto', index);\n };\n return SlideShow;\n })();\n\n $(document).ready(function () {\n // If this is a NITF content with an image\n var nitf_view = $('body.portaltype-collective-nitf-content.template-view').length > 0;\n var nitf_with_image = nitf_view && $('.newsImageContainer').length > 0;\n var slideshow = $('body.portaltype-collective-nitf-content.template-slideshow').length > 0;\n if (nitf_with_image) {\n // Turn image link into something special\n var link = $('#parent-fieldname-image');\n // Add a magnify icon over the image\n link.append('');\n // For mobile devices, link will open slideshow\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {\n link.attr('href', link.attr('href').replace('@@slideshow', '@@slideshow?ajax_include_head=1&ajax_load=1'));\n } else {\n // For other devices open a slideshow in an overlay\n link.prepOverlay({\n subtype: 'ajax',\n filter: '#content > *',\n width: ($(document).width() * 0.95) + 'px',\n config: {\n onLoad: function (e) {\n // Start cycle2\n $('.cycle-slideshow').cycle();\n new SlideShow($('.slideshow-container'));\n }\n }\n });\n }\n } else if (slideshow) {\n // For slideshow template, hide address bar after page load\n // in mobile devices\n /* To hide address bar after page load */\n var hideAddressBar = function() {\n if (!window.location.hash) {\n if (document.height < window.outerHeight) {\n document.body.style.height = (window.outerHeight + 50) + 'px';\n }\n\n setTimeout(function () {\n window.scrollTo(0, 1);\n }, 50);\n }\n };\n\n window.addEventListener(\"load\", function () {\n if (!window.pageYOffset) {\n hideAddressBar();\n }\n new SlideShow($('.slideshow-container'));\n });\n window.addEventListener(\"orientationchange\", hideAddressBar);\n }\n });\n $(window).load(function() {\n if ($('body.portaltype-collective-nitf-content.template-slideshow_view').length > 0) {\n new SlideShow($('.slideshow-container'));\n }\n });\n})(jQuery);\n\n\n\n// WEBPACK FOOTER //\n// ./app/main.js"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///nitf.js","webpack:///webpack/bootstrap e1f900dec5f74becf764","webpack:///./app/nitf_icon.png","webpack:///./app/tile-nitf.png","webpack:///./app/main.js"],"names":["modules","__webpack_require__","moduleId","installedModules","exports","module","i","l","call","m","c","value","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","$","SlideShow","el","self","this","$el","proportion","bind_events","fix_image_size","selector","on","sync_slideshows","thumbs_click","max_height","max_width","len","ref","img","$player","$img","width","length","height","css","e","opts","$slideshows","data","cycle","currSlide","index","$thumbs","preventDefault","getSlideIndex","document","ready","nitf_view","nitf_with_image","slideshow","link","append","test","navigator","userAgent","attr","replace","prepOverlay","subtype","filter","config","onLoad","hideAddressBar","window","location","hash","outerHeight","body","style","setTimeout","scrollTo","addEventListener","pageYOffset","load","jQuery"],"mappings":"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","file":"nitf.js","sourcesContent":["/******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 3);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports) {\n\nmodule.exports = \"++resource++collective.nitf/nitf_icon.png\";\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports) {\n\nmodule.exports = \"++resource++collective.nitf/tile-nitf.png\";\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n__webpack_require__(0);\n\n__webpack_require__(1);\n\n__webpack_require__(2);\n\n(function ($) {\n \"use strict\";\n\n var SlideShow = function () {\n function SlideShow(el) {\n var self = this;\n self.$el = $(el);\n self.proportion = 3 / 2;\n self.bind_events();\n self.fix_image_size();\n }\n SlideShow.prototype.$ = function (selector) {\n var self = this;\n return $(selector, self.$el);\n };\n SlideShow.prototype.bind_events = function () {\n var self = this;\n self.$('.cycle-player').on('cycle-next cycle-prev', self, self.sync_slideshows);\n self.$('.cycle-carrossel .thumb-itens').on('click', self, self.thumbs_click);\n };\n SlideShow.prototype.fix_image_size = function () {\n var self, max_height, max_width, i, len, ref, img, $player, $img;\n self = this;\n\n // Calc max_with and max_height\n $player = self.$('.cycle-player');\n max_width = $player.width();\n max_height = max_width / self.proportion;\n // Calc max_with and max_height\n\n // Update properties when necessary\n ref = self.$('.cycle-player img');\n for (i = 0, len = ref.length; i < len; i++) {\n img = ref[i];\n $img = $(img);\n if ($img.height() > $img.width()) {\n $img.css('width', 'auto');\n $img.height(max_height);\n } else {\n $img.width(max_width);\n $img.height(max_height);\n }\n }\n };\n\n SlideShow.prototype.sync_slideshows = function (e, opts) {\n var self, index, $player, $slideshows;\n self = e.data;\n $slideshows = self.$('.cycle-slideshow');\n $slideshows.cycle('goto', opts.currSlide);\n };\n\n SlideShow.prototype.thumbs_click = function (e) {\n var self, index, $thumbs, $slideshows;\n self = e.data;\n e.preventDefault();\n $thumbs = self.$('.cycle-carrossel');\n index = $thumbs.data('cycle.API').getSlideIndex(this);\n $slideshows = self.$('.cycle-slideshow');\n $slideshows.cycle('goto', index);\n };\n return SlideShow;\n }();\n\n $(document).ready(function () {\n // If this is a NITF content with an image\n var nitf_view = $('body.portaltype-collective-nitf-content.template-view').length > 0;\n var nitf_with_image = nitf_view && $('.newsImageContainer').length > 0;\n var slideshow = $('body.portaltype-collective-nitf-content.template-slideshow').length > 0;\n if (nitf_with_image) {\n // Turn image link into something special\n var link = $('#parent-fieldname-image');\n // Add a magnify icon over the image\n link.append('');\n // For mobile devices, link will open slideshow\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {\n link.attr('href', link.attr('href').replace('@@slideshow', '@@slideshow?ajax_include_head=1&ajax_load=1'));\n } else {\n // For other devices open a slideshow in an overlay\n link.prepOverlay({\n subtype: 'ajax',\n filter: '#content > *',\n width: $(document).width() * 0.95 + 'px',\n config: {\n onLoad: function onLoad(e) {\n // Start cycle2\n $('.cycle-slideshow').cycle();\n new SlideShow($('.slideshow-container'));\n }\n }\n });\n }\n } else if (slideshow) {\n // For slideshow template, hide address bar after page load\n // in mobile devices\n /* To hide address bar after page load */\n var hideAddressBar = function hideAddressBar() {\n if (!window.location.hash) {\n if (document.height < window.outerHeight) {\n document.body.style.height = window.outerHeight + 50 + 'px';\n }\n\n setTimeout(function () {\n window.scrollTo(0, 1);\n }, 50);\n }\n };\n\n window.addEventListener(\"load\", function () {\n if (!window.pageYOffset) {\n hideAddressBar();\n }\n new SlideShow($('.slideshow-container'));\n });\n window.addEventListener(\"orientationchange\", hideAddressBar);\n }\n });\n $(window).load(function () {\n if ($('body.portaltype-collective-nitf-content.template-slideshow_view').length > 0) {\n new SlideShow($('.slideshow-container'));\n }\n });\n})(jQuery);\n\n/***/ })\n/******/ ]);\n\n\n// WEBPACK FOOTER //\n// nitf.js"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 3);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap e1f900dec5f74becf764","module.exports = \"++resource++collective.nitf/nitf_icon.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/nitf_icon.png\n// module id = 1\n// module chunks = 0","module.exports = \"++resource++collective.nitf/tile-nitf.png\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./app/tile-nitf.png\n// module id = 2\n// module chunks = 0","import './main.css';\nimport './nitf_icon.png';\nimport './tile-nitf.png';\n\n(function ($) {\n \"use strict\";\n\n var SlideShow = (function() {\n function SlideShow(el) {\n var self = this;\n self.$el = $(el);\n self.proportion = 3 / 2;\n self.bind_events();\n self.fix_image_size();\n }\n SlideShow.prototype.$ = function(selector) {\n var self = this;\n return $(selector, self.$el);\n };\n SlideShow.prototype.bind_events = function() {\n var self = this;\n self.$('.cycle-player').on('cycle-next cycle-prev', self, self.sync_slideshows);\n self.$('.cycle-carrossel .thumb-itens').on('click', self, self.thumbs_click);\n };\n SlideShow.prototype.fix_image_size = function() {\n var self, max_height, max_width, i, len, ref, img, $player, $img;\n self = this;\n\n // Calc max_with and max_height\n $player = self.$('.cycle-player');\n max_width = $player.width();\n max_height = max_width / self.proportion;\n // Calc max_with and max_height\n\n // Update properties when necessary\n ref = self.$('.cycle-player img');\n for (i = 0, len = ref.length; i < len; i++) {\n img = ref[i];\n $img = $(img);\n if ($img.height() > $img.width()) {\n $img.css('width', 'auto');\n $img.height(max_height);\n } else {\n $img.width(max_width);\n $img.height(max_height);\n }\n }\n };\n\n SlideShow.prototype.sync_slideshows = function(e, opts) {\n var self, index, $player, $slideshows;\n self = e.data;\n $slideshows = self.$('.cycle-slideshow');\n $slideshows.cycle('goto', opts.currSlide);\n };\n\n SlideShow.prototype.thumbs_click = function(e) {\n var self, index, $thumbs, $slideshows;\n self = e.data;\n e.preventDefault();\n $thumbs = self.$('.cycle-carrossel');\n index = $thumbs.data('cycle.API').getSlideIndex(this);\n $slideshows = self.$('.cycle-slideshow');\n $slideshows.cycle('goto', index);\n };\n return SlideShow;\n })();\n\n $(document).ready(function () {\n // If this is a NITF content with an image\n var nitf_view = $('body.portaltype-collective-nitf-content.template-view').length > 0;\n var nitf_with_image = nitf_view && $('.newsImageContainer').length > 0;\n var slideshow = $('body.portaltype-collective-nitf-content.template-slideshow').length > 0;\n if (nitf_with_image) {\n // Turn image link into something special\n var link = $('#parent-fieldname-image');\n // Add a magnify icon over the image\n link.append('');\n // For mobile devices, link will open slideshow\n if (/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) {\n link.attr('href', link.attr('href').replace('@@slideshow', '@@slideshow?ajax_include_head=1&ajax_load=1'));\n } else {\n // For other devices open a slideshow in an overlay\n link.prepOverlay({\n subtype: 'ajax',\n filter: '#content > *',\n width: ($(document).width() * 0.95) + 'px',\n config: {\n onLoad: function (e) {\n // Start cycle2\n $('.cycle-slideshow').cycle();\n new SlideShow($('.slideshow-container'));\n }\n }\n });\n }\n } else if (slideshow) {\n // For slideshow template, hide address bar after page load\n // in mobile devices\n /* To hide address bar after page load */\n var hideAddressBar = function() {\n if (!window.location.hash) {\n if (document.height < window.outerHeight) {\n document.body.style.height = (window.outerHeight + 50) + 'px';\n }\n\n setTimeout(function () {\n window.scrollTo(0, 1);\n }, 50);\n }\n };\n\n window.addEventListener(\"load\", function () {\n if (!window.pageYOffset) {\n hideAddressBar();\n }\n new SlideShow($('.slideshow-container'));\n });\n window.addEventListener(\"orientationchange\", hideAddressBar);\n }\n });\n $(window).load(function() {\n if ($('body.portaltype-collective-nitf-content.template-slideshow_view').length > 0) {\n new SlideShow($('.slideshow-container'));\n }\n });\n})(jQuery);\n\n\n\n// WEBPACK FOOTER //\n// ./app/main.js"],"sourceRoot":""} \ No newline at end of file diff --git a/src/collective/nitf/static/styles.css b/src/collective/nitf/static/styles.css index 61da1928..b9dbe4ac 100644 --- a/src/collective/nitf/static/styles.css +++ b/src/collective/nitf/static/styles.css @@ -1,2 +1,2 @@ -.newsImage.nitf{cursor:pointer}.portaltype-collective-nitf-content .newsImageContainer{position:relative}.portaltype-collective-nitf-content .newsImageContainer .magnify{position:absolute;top:5px;right:5px;display:block;width:13px;height:13px;background:transparent url(++resource++collective.nitf/images/search-ico.png) no-repeat}.sortable-media{margin:0!important;padding:0;list-style-type:none!important}.sortable-media li{position:relative;float:left;width:128px;height:128px;margin:0 10px 10px 0;padding:4px;border:1px solid silver;background-color:#fff}.sortable-media li:hover .button{visibility:visible}.sortable-media .draggable-item{display:block;overflow:hidden;height:90px;cursor:move;border:medium none}.sortable-media .button,.sortable-media .button:hover{float:right;margin-top:6px;padding:3px 10px 3px 5px;color:#fff!important;background-color:#999}.sortable-media .button{right:0;visibility:hidden}.button .icon{float:left;width:13px;height:15px}.button.edit{background:none repeat scroll 0 0 #75ad0a}.button.edit .icon{line-height:50px;margin-top:4px;margin-right:5px;background:url(++resource++collective.nitf/images/icons-media.png) no-repeat scroll 0 top transparent}.button.delete{position:absolute;top:0;right:0;background-color:#c43c35}.button.delete .icon{line-height:50px;margin-right:5px;background:url(++resource++collective.nitf/images/icons-media.png) no-repeat scroll -15px top transparent}.slide.cycle-slide{overflow:hidden;max-width:100%}.slide.cycle-slide>a{line-height:0}.cycle-next,.cycle-prev{position:absolute;z-index:110;top:0;width:25%;height:79%;cursor:pointer;opacity:.7;border:none}.cycle-prev{left:0;background:url(++resource++collective.nitf/images/prev-arrow.png) no-repeat scroll 10% 50% transparent}.cycle-next{right:0;background:url(++resource++collective.nitf/images/next-arrow.png) no-repeat scroll 90% 50% transparent}.cycle-next:hover,.cycle-prev:hover{opacity:1}.cycle-carrossel .thumb-itens{cursor:pointer}a.edit-tile-link{z-index:150}.cycle-pager-container{position:absolute;z-index:110;top:0;width:100%;text-align:center}.cycle-pager{display:inline-block;margin:0 auto;padding:8px}.cycle-pager>span{cursor:pointer}.cycle-pager .cycle-pager-active{opacity:1}.cycle-pager-container.thumbnails_square .cycle-pager{background:#fff}.cycle-pager-container.thumbnails_square .cycle-pager img{margin-right:8px;border-radius:5px}.cycle-pager-container.thumbnails_square .cycle-pager a:last-child img{margin-right:0}.cycle-pager-container.numbers .cycle-pager{opacity:.6;background-color:#222}#content .cycle-pager-container.numbers a:link{font-size:1.25em;padding:0 .25em;color:#fff}.cycle-caption{top:15px;right:15px}.cycle-caption,.cycle-overlay{position:absolute;z-index:120;color:#fff}.cycle-overlay{bottom:0;width:100%;padding:15px 0;opacity:.5;background:none repeat scroll 0 0 #000}.cycle-overlay>div{padding:0 15px}.slide.cycle-sentinel{min-height:6em}.contentActions{z-index:130}#covertile-cycle2-carousel-image-imgsize+span,#covertile-cycle2-carousel-image-position,#formfield-covertile-cycle2-carousel-image .visibility-box{display:none}.wrapper-slideshow{float:left;min-width:100%}.cycle-slideshow .slide,.cycle-slideshow .slide img{min-width:100%}.cycle-slideshow{max-width:65%;margin:0 auto}.cycle-slideshow .cycle-slide img{position:relative;top:0;left:0;display:block;padding:0}.cycle-slideshow .slide{display:none}.tile{position:relative} +.newsImage.nitf{cursor:pointer}.portaltype-collective-nitf-content .newsImageContainer{position:relative}.portaltype-collective-nitf-content .newsImageContainer .magnify{position:absolute;top:5px;right:5px;display:block;width:13px;height:13px;background:transparent url(++resource++collective.nitf/images/search-ico.png) no-repeat}.sortable-media{margin:0!important;padding:0;list-style-type:none!important}.sortable-media li{position:relative;float:left;width:128px;height:128px;margin:0 10px 10px 0;padding:4px;border:1px solid silver;background-color:#fff}.sortable-media li:hover .button{visibility:visible}.sortable-media .draggable-item{display:block;overflow:hidden;height:90px;cursor:move;border:medium none}.sortable-media .button,.sortable-media .button:hover{float:right;margin-top:6px;padding:3px 10px 3px 5px;color:#fff!important;background-color:#999}.sortable-media .button{right:0;visibility:hidden}.button .icon{float:left;width:13px;height:15px}.button.edit{background:none repeat scroll 0 0 #75ad0a}.button.edit .icon{line-height:50px;margin-top:4px;margin-right:5px;background:url(++resource++collective.nitf/images/icons-media.png) no-repeat scroll 0 top transparent}.button.delete{position:absolute;top:0;right:0;background-color:#c43c35}.button.delete .icon{line-height:50px;margin-right:5px;background:url(++resource++collective.nitf/images/icons-media.png) no-repeat scroll -15px top transparent}.slide.cycle-slide{overflow:hidden;max-width:100%}.slide.cycle-slide>a{line-height:0}.cycle-next,.cycle-prev{position:absolute;z-index:110;top:0;bottom:0;overflow:hidden;width:15%;cursor:pointer;white-space:nowrap;text-indent:101%;opacity:.7;border:none}.cycle-prev{left:0;background:url(++resource++collective.nitf/images/prev-arrow.png) no-repeat scroll 20% 50% transparent}.cycle-next{right:0;background:url(++resource++collective.nitf/images/next-arrow.png) no-repeat scroll 80% 50% transparent}.cycle-next:hover,.cycle-prev:hover{opacity:1}.cycle-carrossel .thumb-itens{cursor:pointer}a.edit-tile-link{z-index:150}.cycle-pager-container{position:absolute;z-index:110;top:0;width:100%;text-align:center}.cycle-pager{display:inline-block;margin:0 auto;padding:8px}.cycle-pager>span{cursor:pointer}.cycle-pager .cycle-pager-active{opacity:1}.cycle-pager-container.thumbnails_square .cycle-pager{background:#fff}.cycle-pager-container.thumbnails_square .cycle-pager img{margin-right:8px;border-radius:5px}.cycle-pager-container.thumbnails_square .cycle-pager a:last-child img{margin-right:0}.cycle-pager-container.numbers .cycle-pager{opacity:.6;background-color:#222}#content .cycle-pager-container.numbers a:link{font-size:1.25em;padding:0 .25em;color:#fff}.cycle-caption{top:15px;right:15px}.cycle-caption,.cycle-overlay{position:absolute;z-index:120;color:#fff}.cycle-overlay{bottom:0;width:100%;padding:15px 0;opacity:.5;background:none repeat scroll 0 0 #000}.cycle-overlay>div{padding:0 15px}.slide.cycle-sentinel{min-height:6em}.contentActions{z-index:130}#covertile-cycle2-carousel-image-imgsize+span,#covertile-cycle2-carousel-image-position,#formfield-covertile-cycle2-carousel-image .visibility-box{display:none}.wrapper-slideshow{float:left;min-width:100%}.cycle-slideshow .slide,.cycle-slideshow .slide img{min-width:100%}.slideshow-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:65%;margin:0 auto}.slideshow-player{position:relative}.cycle-slideshow .cycle-slide img{position:relative;top:0;left:0;display:block;padding:0}.cycle-slideshow .slide{display:none}.slideshow-container,.tile{position:relative} /*# sourceMappingURL=styles.css.map*/ \ No newline at end of file diff --git a/src/collective/nitf/webpack/app/main.css b/src/collective/nitf/webpack/app/main.css index d88ad0b0..e3c548ed 100644 --- a/src/collective/nitf/webpack/app/main.css +++ b/src/collective/nitf/webpack/app/main.css @@ -136,11 +136,15 @@ position: absolute; z-index: 110; top: 0; + bottom: 0; + + overflow: hidden; - width: 25%; - height: 79%; + width: 15%; cursor: pointer; + white-space: nowrap; + text-indent: 101%; opacity: .7; border: none; @@ -149,13 +153,13 @@ { left: 0; - background: url(images/prev-arrow.png) no-repeat scroll 10% 50% rgba(0, 0, 0, 0); + background: url(images/prev-arrow.png) no-repeat scroll 20% 50% rgba(0, 0, 0, 0); } .cycle-next { right: 0; - background: url(images/next-arrow.png) no-repeat scroll 90% 50% rgba(0, 0, 0, 0); + background: url(images/next-arrow.png) no-repeat scroll 80% 50% rgba(0, 0, 0, 0); } .cycle-prev:hover, .cycle-next:hover @@ -277,11 +281,18 @@ a.edit-tile-link { min-width: 100%; } -.cycle-slideshow +.slideshow-container { + display: flex; + flex-direction: column; + max-width: 65%; margin: 0 auto; } +.slideshow-player +{ + position: relative; +} .cycle-slideshow .cycle-slide img { position: relative; @@ -300,7 +311,8 @@ a.edit-tile-link } /* Stops pagers being misplaced when multiple carousel tiles on page */ -.tile +.tile, +.slideshow-container { position: relative; }