Use collective.js.cycle2 Cycle2SlideShow utils class

CHANGES.rst

@@ -6,6 +6,9 @@ There's a frood who really knows where his towel is.
 1.0b2 (unreleased)
 ------------------
 
+- Use collective.js.cycle2 Cycle2SlideShow utils class.
+  [rodfersou]
+
 - Use HTML entities in Unicode Normalization Form C to avoid warnings when validating.
   [hvelarde]
 

src/sc/photogallery/browser/static/photogallery.css

@@ -69,7 +69,7 @@ body.portaltype-photo-gallery .cycle-player img,
     top: 0;
     left: 0;
     display: block;
-    width: 100%;
+    width: auto;
     max-width: 100%;
     height: auto;
     max-height: 100%;

src/sc/photogallery/browser/static/photogallery.js

@@ -1,60 +1,8 @@
-var PhotoGallery = (function() {
-  function PhotoGallery(el) {
-    var self = this;
-    self.$el = $(el);
-    self.proportion = 3 / 2;
-    self.bind_events();
-    self.fix_image_size();
-  }
-  PhotoGallery.prototype.$ = function(selector) {
-    var self = this;
-    return $(selector, self.$el);
-  };
-  PhotoGallery.prototype.bind_events = function() {
-    var self = this;
-    self.$('.cycle-player').on('cycle-next cycle-prev', self, self.sync_slideshows);
-    self.$('.cycle-carrossel .thumb-itens').on('click', self, self.thumbs_click);
-  };
-  PhotoGallery.prototype.fix_image_size = function() {
-    var self, max_height, max_width, $player, $imgs;
-    self = this;
-
-    // Calc max_with and max_height
-    $player = self.$('.cycle-player');
-    max_width = $player.width();
-    max_height = max_width / self.proportion;
-    // Calc max_with and max_height
-
-    $imgs = self.$('.cycle-player img');
-    $imgs.css({
-      'max-width': max_width,
-      'max-height': max_height
-    });
-  };
-
-  PhotoGallery.prototype.sync_slideshows = function(e, opts) {
-    var self, index, $player, $slideshows;
-    self = e.data;
-    $slideshows = self.$('.cycle-slideshow');
-    $slideshows.cycle('goto', opts.currSlide);
-  };
-
-  PhotoGallery.prototype.thumbs_click = function(e) {
-    var self, index, $thumbs, $slideshows;
-    self = e.data;
-    e.preventDefault();
-    $thumbs = self.$('.cycle-carrossel');
-    index = $thumbs.data('cycle.API').getSlideIndex(this);
-    $slideshows = self.$('.cycle-slideshow');
-    $slideshows.cycle('goto', index);
-  };
-  return PhotoGallery;
-})();
 $(window).load(function() {
   var i, len, ref, slideshow;
   ref = $('.slideshow-container');
   for (i = 0, len = ref.length; i < len; i++) {
     slideshow = ref[i];
-    new PhotoGallery(slideshow);
+    new cycle2SlideShow(slideshow);
   }
 });

src/sc/photogallery/config.py

@@ -9,6 +9,7 @@
     '++resource++collective.js.cycle2/jquery.cycle2.min.js',
     '++resource++collective.js.cycle2/jquery.cycle2.carousel.min.js',
     '++resource++collective.js.cycle2/jquery.cycle2.swipe.min.js',
+    '++resource++collective.js.cycle2/utils.min.js',
 )
 
 HAS_ZIPEXPORT = True

src/sc/photogallery/logger.py

@@ -0,0 +1,7 @@
+# -*- coding:utf-8 -*-
+from sc.photogallery.config import PROJECTNAME
+
+import logging
+
+
+logger = logging.getLogger(PROJECTNAME)

src/sc/photogallery/upgrades/__init__.py

@@ -1 +1,17 @@
 # -*- coding: utf-8 -*-
+from plone import api
+from sc.photogallery.logger import logger
+
+
+def cook_css_resources(context):  # pragma: no cover
+    """Cook CSS resources."""
+    css_tool = api.portal.get_tool('portal_css')
+    css_tool.cookResources()
+    logger.info('CSS resources were cooked')
+
+
+def cook_javascript_resources(context):  # pragma: no cover
+    """Cook JavaScript resources."""
+    js_tool = api.portal.get_tool('portal_javascripts')
+    js_tool.cookResources()
+    logger.info('JavaScript resources were cooked')

src/sc/photogallery/upgrades/v1001/__init__.py

@@ -3,11 +3,7 @@
 from plone.app.upgrade.utils import loadMigrationProfile
 from sc.photogallery.config import PROJECTNAME
 from sc.photogallery.interfaces import IPhotoGallery
-
-import logging
-
-
-logger = logging.getLogger(PROJECTNAME)
+from sc.photogallery.logger import logger
 
 
 def apply_profile(context):