spree_essential_menus 0.1.8 → 0.2.3

data/app/assets/javascripts/store/image_menu.js.coffee

@@ -0,0 +1,43 @@
+$ ->
+  #root level
+  rt = true
+  root_li = $("ul.image_menu").find("li.first-level")
+  
+  root_li.mouseover ->
+    parent_id = $("ul.subimage_menu").data("parent")
+    $("#"+parent_id).find("img.grey").first().stop().animate({"opacity": "1"}, "fast")
+    $("#"+parent_id).find("img.color").first().stop().animate({"opacity": "0"}, "slow")
+    $("ul.subimage_menu").data("parent", $(@).attr("id"))
+    $(@).find("img.grey").first().stop().animate({"opacity": "0"}, "fast")
+    $(@).find("img.color").first().stop().animate({"opacity": "1"}, "fast")
+    if $(@).find("ul").find("li").length == 0     
+      $("ul.subimage_menu").stop(true, true).fadeTo(2000,0)     
+    else
+      $("ul.subimage_menu").html $(@).find("ul").html()  
+      if $("ul.subimage_menu").css('display') == 'none' 
+        $("ul.subimage_menu").stop(true, true).slideDown("slow").css('display','block')
+      else
+        $("ul.subimage_menu").stop().fadeTo(500,1)
+     
+  root_li.mouseout -> 
+    #$(@).find("img.grey").first().stop().animate({"opacity": "1"}, "fast")
+    #$(@).find("img.color").first().stop().animate({"opacity": "0"}, "slow")
+  
+  $(".menu_container").mouseleave (e) -> 
+    $("ul.subimage_menu").stop(true, true).delay(100).fadeOut(2000) 
+    parent_id = $("ul.subimage_menu").data("parent")
+    $("#"+parent_id).find("img.grey").first().stop().animate({"opacity": "1"}, "fast")
+    $("#"+parent_id).find("img.color").first().stop().animate({"opacity": "0"}, "slow")
+    #e.stopPropagation()
+  
+  $("ul.subimage_menu").on "mouseover", "li.second-level", ->
+    $(@).find("img.grey").first().stop().animate({"opacity": "0"}, "fast")
+    $(@).find("div.label").first().addClass("over").stop().animate({"opacity":"0.4"}, "fast")
+  
+  $("ul.subimage_menu").on "mouseout", "li.second-level", ->
+    $(@).find("img.grey").first().stop().animate({"opacity": "1"}, "fast")
+    $("ul.subimage_menu").data("parent", $(@).find("ul").attr("id"))
+    $(@).find("div.label").first().removeClass("over").stop().animate({"opacity":"1"}, "fast")
+  
+
+  #podpisy

data/app/assets/javascripts/store/jquery.touchcarousel.min.js

@@ -0,0 +1 @@
+(function($){function TouchCarousel(g,h){this.carouselRoot=$(g);var j=this;this._az=false;this._by=false;this._cx="";this._dw="";this._ev="";this._fu;this._gt;this._hs;this._ir;this._jq;this._kp=0;this.settings=$.extend({},$.fn.touchCarousel.defaults,h);this._lo=this.carouselRoot.find(".touchcarousel-container");this._loStyle=this._lo[0].style;this._az1=this._lo.wrap($('<div class="touchcarousel-wrapper" />')).parent();var k=this._lo.find(".touchcarousel-item");this.items=[];this.numItems=k.length;this._by1;this._cx1=false;this._dw1=0;this._ev1=0;this._fu1=0;this._gt1=false;this._hs1=false;this._ir1=false;if('ontouchstart'in window){this.hasTouch=true;this._cx='touchstart.rs';this._dw='touchmove.rs';this._ev='touchend.rs';this._jq1=this.settings.baseTouchFriction}else{this.hasTouch=false;this._jq1=this.settings.baseMouseFriction;if(this.settings.dragUsingMouse){this._cx='mousedown.rs';this._dw='mousemove.rs';this._ev='mouseup.rs';this._kp1;this._lo1;var l=$.browser;if(l.msie||l.opera){this._kp1=this._lo1="move"}else if(l.mozilla){this._kp1="-moz-grab";this._lo1="-moz-grabbing"}this._mn1()}else{this._az1.addClass('auto-cursor')}}if(this.hasTouch||this.settings.useWebkit3d){if(('WebKitCSSMatrix'in window&&'m11'in new WebKitCSSMatrix())){this._lo.css({'-webkit-transform-origin':'0 0','-webkit-transform':'translateZ(0)'});this._ir1=true}}if(this._ir1){this._az2='-webkit-transform';this._by2='translate3d(';this._cx2='px, 0, 0)'}else{this._az2='left';this._by2='';this._cx2='px'}if(this.hasTouch){this.settings.directionNavAutoHide=false}if(!this.settings.directionNav){if(this.settings.loopItems){this._dw2=true;this._ev2=true}else{this._dw2=false;this._ev2=false}this.settings.loopItems=true}var m,jqItem,dataSRC,slideImg,currPosX=0;k.eq(this.numItems-1).addClass('last');k.each(function(c){jqItem=$(this);m={};m.item=jqItem;m.index=c;m.posX=currPosX;m.width=(jqItem.outerWidth(true)||j.settings.itemFallbackWidth);currPosX+=m.width;if(!this.hasTouch){jqItem.find('a').bind('click.touchcarousel',function(e){if(j._cx1){e.preventDefault();return false}})}else{var d=jqItem.find('a');var f;d.each(function(){f=$(this);f.data('tc-href',f.attr('href'));f.data('tc-target',f.attr('target'));f.attr('href','#');f.bind('click',function(e){e.preventDefault();if(j._cx1){return false}else{var a=$(this).data('tc-href');var b=$(this).data('tc-target');if(!b||b.toLowerCase()==='_fu2'){window.location.href=a}else{window.open(a)}}})})}jqItem.find('.non-draggable').bind(j._cx,function(e){j._cx1=false;e.stopImmediatePropagation()});j.items.push(m)});this._gt2=this._fu=currPosX;if(this.settings.itemsPerMove>0){this._hs2=this.settings.itemsPerMove}else{this._hs2=1}if(this.settings.pagingNav){this.settings.snapToItems=true;this._ir2=true;this._jq2=Math.ceil(this.numItems/this._hs2);this._kp2=0;if(this.settings.pagingNavControls){this._lo2=$('<div class="tc-paging-container"><div class="tc-paging-centerer"><div class="tc-paging-centerer-inside"></div></div></div>');var n=this._lo2.find('.tc-paging-centerer-inside');var o;for(var i=1;i<=this._jq2;i++){o=$('<a class="tc-paging-item" href="#">'+i+'</a>').data('tc-id',i);if(i===this._kp2+1){o.addClass('current')}n.append(o)}this._mn2=n.find(".tc-paging-item").click(function(e){e.preventDefault();j.goTo(($(e.currentTarget).data('tc-id')-1)*j._hs2)});this._az1.after(this._lo2)}}else{this._ir2=false}this._lo.css({width:currPosX});if(this.settings.directionNav){this._az1.after("<a href='#' class='arrow-holder left'><span class='arrow-icon left'></span></a> <a href='#' class='arrow-holder right'><span class='arrow-icon right'></span></a>");this.arrowLeft=this.carouselRoot.find(".arrow-holder.left");this.arrowRight=this.carouselRoot.find(".arrow-holder.right");if(this.arrowLeft.length<1||this.arrowRight.length<1){this.settings.directionNav=false}else if(this.settings.directionNavAutoHide){this.arrowLeft.hide();this.arrowRight.hide();this.carouselRoot.one("mousemove.arrowshover",function(){j.arrowLeft.fadeIn("fast");j.arrowRight.fadeIn("fast")});this.carouselRoot.hover(function(){j.arrowLeft.fadeIn("fast");j.arrowRight.fadeIn("fast")},function(){j.arrowLeft.fadeOut("fast");j.arrowRight.fadeOut("fast")})}this._by3(0);if(this.settings.directionNav){this.arrowRight.click(function(e){e.preventDefault();if(j.settings.loopItems&&!j._gt1||!j._ev2)j.next()});this.arrowLeft.click(function(e){e.preventDefault();if(j.settings.loopItems&&!j._gt1||!j._dw2)j.prev()})}}this.carouselWidth;this._cx3='onorientationchange'in window?'orientationchange.touchcarousel':'resize.touchcarousel';var p;$(window).bind(this._cx3,function(){if(p)clearTimeout(p);p=setTimeout(function(){j.updateCarouselSize(false)},100)});if(this.settings.scrollbar){this._dw3=$("<div class='scrollbar-holder'><div class='scrollbar"+(this.settings.scrollbarTheme.toLowerCase()==="light"?" light":" dark")+"'></div></div>");this._dw3.appendTo(this.carouselRoot);this.scrollbarJQ=this._dw3.find('.scrollbar');this._ev3="";this._fu3=this.scrollbarJQ[0].style;this._gt3=0;if(this.settings.scrollbarAutoHide){this._hs3=false;this.scrollbarJQ.css("opacity",0)}else{this._hs3=true}}else{this.settings.scrollbarAutoHide=false}this.updateCarouselSize(true);this._az1.bind(this._cx,function(e){j._ir3(e)});if(this.settings.autoplay&&this.settings.autoplayDelay>0){this._jq3=false;this.autoplayTimer='';this.wasAutoplayRunning=true;if(!this.hasTouch){this.carouselRoot.hover(function(){j._jq3=true;j._kp3()},function(){j._jq3=false;j._lo3()})}this.autoplay=true;this._mn3()}else{this.autoplay=false}if(this.settings.keyboardNav){$(document).bind("keydown.touchcarousel",function(e){if(!j._gt1){if(e.keyCode===37){j.prev()}else if(e.keyCode===39){j.next()}}})}this.carouselRoot.css("overflow","visible")}TouchCarousel.prototype={goTo:function(a,b){var c=this.items[a];if(c){if(!b&&this.autoplay&&this.settings.autoplayStopAtAction){this.stopAutoplay()}this._az4(a);this.endPos=this._by4();var d=-c.posX;if(d>0){d=0}else if(d<this.carouselWidth-this._gt2){d=this.carouselWidth-this._gt2}this.animateTo(d,this.settings.transitionSpeed,"easeInOutSine")}},next:function(a){var b=this._by4();var c=this._cx4(b).index;if(!this._ir2){c=c+this._hs2;if(this.settings.loopItems){if(b<=this.carouselWidth-this._gt2){c=0}}if(c>this.numItems-1){c=this.numItems-1}}else{var d=this._kp2+1;if(d>this._jq2-1){if(this.settings.loopItems){c=0}else{c=(this._jq2-1)*this._hs2}}else{c=d*this._hs2}}this.goTo(c,a)},prev:function(a){var b=this._by4();var c=this._cx4(b).index;if(!this._ir2){c=c-this._hs2;if(c<0){if(this.settings.loopItems){if(b<0){c=0}else{c=this.numItems-1}}else{c=0}}}else{var d=this._kp2-1;if(d<0){if(this.settings.loopItems){c=(this._jq2-1)*this._hs2}else{c=0}}else{c=d*this._hs2}}this.goTo(c,a)},getCurrentId:function(){var a=this._cx4(this._by4()).index;return a},setXPos:function(a,b){if(!b){this._loStyle[this._az2]=(this._by2+a+this._cx2)}else{this._fu3[this._az2]=(this._by2+a+this._cx2)}},stopAutoplay:function(){this._kp3();this.autoplay=false;this.wasAutoplayRunning=false},resumeAutoplay:function(){this.autoplay=true;if(!this.wasAutoplayRunning){this._lo3()}},updateCarouselSize:function(a){var b=this;this.carouselWidth=this.carouselRoot.width();if(this.settings.scrollToLast){var c=0;if(this._ir2){var d=(this.numItems%this._hs2);if(d>0){for(var i=this.numItems-d;i<this.numItems;i++){c+=this.items[i].width}}else{c=this.carouselWidth}}else{c=this.items[this.numItems-1].width}this._gt2=this._fu+this.carouselWidth-c}else{this._gt2=this._fu}if(this.settings.scrollbar){var e=Math.round(this._dw3.width()/(this._gt2/this.carouselWidth));this.scrollbarJQ.css('width',e);this._gt3=this._dw3.width()-e}if(!this.settings.scrollToLast){if(this.carouselWidth>=this._fu){this._hs1=true;if(!this.settings.loopItems){this._ev2=true;this.arrowRight.addClass("disabled");this._dw2=true;this.arrowLeft.addClass("disabled")}this.setXPos(0);return}else if(this._hs1){this._hs1=false;this._ev2=false;this._dw2=false;this.arrowRight.removeClass("disabled");this.arrowLeft.removeClass("disabled")}}if(!a){var f=this.endPos=this._by4();if(f>0){f=0}else if(f<this.carouselWidth-this._gt2){f=this.carouselWidth-this._gt2}this.animateTo(f,300,"easeInOutSine")}},animateTo:function(a,b,c,d,e,f,g){if(this.settings.onAnimStart!==null){this.settings.onAnimStart.call(this)}if(this.autoplay&&this.autoplayTimer){this.wasAutoplayRunning=true;this._kp3()}this._dw4();var h=this;var i=this.settings.scrollbar,prop=h._az2,pref=h._by2,suf=h._cx2,from={containerPos:this.endPos},to={containerPos:a},to2={containerPos:e},e=d?e:a,dContainer=h._loStyle;h._by=true;if(i){var j=this._fu3;var k=h._gt2-h.carouselWidth;if(this.settings.scrollbarAutoHide){if(!this._hs3){this._ev4()}}}this._by3(e);function animationComplete(){h._by=false;h._mn3();if(h.settings.scrollbarAutoHide){h._fu4()}if(h.settings.onAnimComplete!==null){h.settings.onAnimComplete.call(h)}}this._by1=$(from).animate(to,{duration:b,easing:c,step:function(){if(i){j[prop]=(pref+Math.round((h._gt3)*(-this.containerPos/k))+suf)}dContainer[prop]=(pref+Math.round(this.containerPos)+suf)},complete:function(){if(d){h._by1=$(to).animate(to2,{duration:f,easing:g,step:function(){if(i){j[prop]=(pref+Math.round((h._gt3)*(-this.containerPos/k))+suf)}dContainer[prop]=(pref+Math.round(this.containerPos)+suf)},complete:function(){if(i){j[prop]=(pref+Math.round((h._gt3)*(-to2.containerPos/k))+suf)}dContainer[prop]=(pref+Math.round(to2.containerPos)+suf);animationComplete()}})}else{if(i){j[prop]=(pref+Math.round((h._gt3)*(-to.containerPos/k))+suf)}dContainer[prop]=(pref+Math.round(to.containerPos)+suf);animationComplete()}}})},destroy:function(){this.stopAutoplay();this._az1.unbind(this._cx);$(document).unbind(this._dw).unbind(this._ev);$(window).unbind(this._cx3);if(this.settings.keyboardNav){$(document).unbind("keydown.touchcarousel")}this.carouselRoot.remove()},_az4:function(a){if(this._ir2){var b=this._gt4(a);this._kp2=b;if(this.settings.pagingNavControls){this._mn2.removeClass('current');this._mn2.eq(b).addClass('current')}}},_gt4:function(a){var b=this._hs2;for(var i=0;i<this._jq2;i++){if(a>=i*b&&a<i*b+b){return i}}if(a<0){return 0}else if(a>=this._jq2){return this._jq2-1}return false},_hs4:function(){if(!this.settings.loopItems){if(this._dw2){this._dw2=false;this.arrowLeft.removeClass("disabled")}else if(this._ev2){this._ev2=false;this.arrowRight.removeClass("disabled")}}},_az3:function(){if(!this._dw2&&!this.settings.loopItems){this._dw2=true;this.arrowLeft.addClass("disabled");if(this._ev2){this._ev2=false;this.arrowRight.removeClass("disabled")}}},_ir4:function(){if(!this._ev2&&!this.settings.loopItems){this._ev2=true;this.arrowRight.addClass("disabled");if(this._dw2){this._dw2=false;this.arrowLeft.removeClass("disabled")}}},_cx4:function(a){var b=this;a=-a;var c;for(var i=0;i<b.numItems;i++){c=b.items[i];if(a>=c.posX&&a<c.posX+c.width){return c}}return-1},_mn3:function(){if(this.autoplay){if(this.wasAutoplayRunning){if(!this._jq3){this._lo3()}this.wasAutoplayRunning=false}}},_fu4:function(){var a=this;this._hs3=false;if(this._ev3){clearTimeout(this._ev3)}this._ev3=setTimeout(function(){a.scrollbarJQ.animate({opacity:0},150,"linear")},450)},_ev4:function(){this._hs3=true;if(this._ev3){clearTimeout(this._ev3)}this.scrollbarJQ.stop().animate({opacity:1},150,"linear")},_dw4:function(){if(this._by1){this._by1.stop()}},_lo3:function(){if(this.autoplay){var a=this;if(!this.autoplayTimer){this.autoplayTimer=setInterval(function(){if(!a._jq4&&!a._by){a.next(true)}},this.settings.autoplayDelay)}}},_kp3:function(){if(this.autoplayTimer){clearInterval(this.autoplayTimer);this.autoplayTimer=''}},_by4:function(a){var b=!a?this._lo:this.scrollbarJQ;if(!this._ir1){return Math.round(b.position().left)}else{var c=b.css("-webkit-transform");var d=c.replace(/^matrix\(/i,'').split(/, |\)$/g);return parseInt(d[4],10)}},_ir3:function(e){if(!this._jq4){if(this.autoplay&&this.settings.autoplayStopAtAction){this.stopAutoplay()}this._dw4();if(this.settings.scrollbarAutoHide){this._ev4()}var a;if(this.hasTouch){this._az=false;var b=e.originalEvent.touches;if(b&&b.length>0){a=b[0]}else{return false}}else{a=e;e.preventDefault()}this._kp4();this._jq4=true;var c=this;if(this._ir1){c._lo.css({'-webkit-transition-duration':'0','-webkit-transition-property':'none'})}$(document).bind(this._dw,function(e){c._lo4(e)});$(document).bind(this._ev,function(e){c._mn4(e)});this._az5=this._by4();this._ir=a.clientX;this._cx1=false;this._kp=e.timeStamp||Date.now();this._fu1=0;this._ev1=this._dw1=a.clientX;this._by5=a.clientY}},_lo4:function(e){var a=(e.timeStamp||Date.now());var b;if(this.hasTouch){if(this._az){return false}var c=e.originalEvent.touches;if(c.length>1){return false}b=c[0];if(Math.abs(b.clientY-this._by5)>Math.abs(b.clientX-this._dw1)+3){if(this.settings.lockAxis){this._az=true}return false}e.preventDefault()}else{b=e;e.preventDefault()}this._jq=b.clientX;this._cx5=this._dw5;var d=b.clientX-this._ev1;if(this._cx5!=d){this._dw5=d}if(d!=0){var f=this._az5+this._fu1;if(f>=0){d=d/4;this._az3()}else if(f<=this.carouselWidth-this._gt2){this._ir4();d=d/4}else{this._hs4()}this._fu1+=d;this.setXPos(f);if(this.settings.scrollbar){this.setXPos((this._gt3)*(-f/(this._gt2-this.carouselWidth)),true)}}this._ev1=b.clientX;if(a-this._kp>350){this._kp=a;this._ir=b.clientX}if(this.settings.onDragStart!==null){this.settings.onDragStart.call(this)}return false},_mn4:function(e){if(this._jq4){var b=this;this._jq4=false;this._mn1();this.endPos=this._by4();this.isdrag=false;$(document).unbind(this._dw).unbind(this._ev);if(this.endPos==this._az5){this._cx1=false;if(this.settings.scrollbarAutoHide){this._fu4()}return}else{this._cx1=true}var c=(this._jq-this._ir);var d=Math.max(40,(e.timeStamp||Date.now())-this._kp);var f=0.5,mass=2,v0=Math.abs(c)/d;function getCorrectXPos(a){if(a>0){a=0}else if(a<b.carouselWidth-b._gt2){a=b.carouselWidth-b._gt2}return a}if(!this.settings.snapToItems){var g=0;if(v0<=2){f=this._jq1*3.5;g=0}else if(v0>2&&v0<=3){f=this._jq1*4;g=200}else if(v0>3){g=300;if(v0>4){v0=4;g=400;f=this._jq1*6}f=this._jq1*5}var S=(v0*v0*mass)/(2*f);S=S*(c<0?-1:1);var t=v0*mass/f+g;if(this.endPos+S>0){if(this.endPos>0){this.animateTo(0,800,"easeOutCubic")}else{this.animateTo((this.carouselWidth/10)*((g+200)/1000),(Math.abs(this.endPos)*1.1)/v0,"easeOutSine",true,0,400,"easeOutCubic")}}else if(this.endPos+S<this.carouselWidth-this._gt2){if(this.endPos<this.carouselWidth-this._gt2){this.animateTo(this.carouselWidth-this._gt2,800,"easeOutCubic")}else{this.animateTo(this.carouselWidth-this._gt2-(this.carouselWidth/10)*((g+200)/1000),(Math.abs(this.carouselWidth-this._gt2-this.endPos)*1.1)/v0,"easeOutSine",true,this.carouselWidth-this._gt2,400,"easeOutCubic")}}else{this.animateTo(this.endPos+S,t,"easeOutCubic")}}else{if(this.autoplay&&this.settings.autoplayStopAtAction){this.stopAutoplay()}var h=Boolean(this._dw1-this._ev1>0);var i=getCorrectXPos(this._by4());var j=this._cx4(i).index;if(!this._ir2){j=j+(h?this._hs2:(-this._hs2+1))}else{if(h){i=Math.max(i-this.carouselWidth-1,1-b._gt2);j=this._cx4(i).index;if(j===undefined){j=this.numItems-1}}var k=this._gt4(j);j=k*this._hs2}if(h){j=Math.min(j,this.numItems-1)}else{j=Math.max(j,0)}var l=this.items[j];this._az4(j);if(l){i=getCorrectXPos(-l.posX);var m=Math.abs(this.endPos-i);var n=Math.max((m*1.08)/v0,150);var o=Boolean(n<180);var p=m*0.08;if(h){p=p*-1}this.animateTo(o?(i+p):i,Math.min(n,400),"easeOutSine",o,i,300,"easeOutCubic")}}if(this.settings.onDragRelease!==null){this.settings.onDragRelease.call(this)}}return false},_by3:function(a){if(a===undefined){a=this._by4()}if(!this.settings.loopItems){if(a>=0){this._az3()}else if(a<=this.carouselWidth-this._gt2){this._ir4()}else{this._hs4()}}},_mn1:function(){if(this._kp1){this._az1.css('cursor',this._kp1)}else{this._az1.removeClass('grabbing-cursor');this._az1.addClass('grab-cursor')}},_kp4:function(){if(this._lo1){this._az1.css('cursor',this._lo1)}else{this._az1.removeClass('grab-cursor');this._az1.addClass('grabbing-cursor')}}};$.fn.touchCarousel=function(b){return this.each(function(){var a=new TouchCarousel($(this),b);$(this).data("touchCarousel",a)})};$.fn.touchCarousel.defaults={itemsPerMove:1,snapToItems:false,pagingNav:false,pagingNavControls:true,autoplay:false,autoplayDelay:3000,autoplayStopAtAction:true,scrollbar:true,scrollbarAutoHide:false,scrollbarTheme:"dark",transitionSpeed:600,directionNav:true,directionNavAutoHide:false,loopItems:false,keyboardNav:false,dragUsingMouse:true,scrollToLast:false,itemFallbackWidth:500,baseMouseFriction:0.0012,baseTouchFriction:0.0008,lockAxis:true,useWebkit3d:false,onAnimStart:null,onAnimComplete:null,onDragStart:null,onDragRelease:null};$.fn.touchCarousel.settings={};$.extend(jQuery.easing,{easeInOutSine:function(x,t,b,c,d){return-c/2*(Math.cos(Math.PI*t/d)-1)+b},easeOutSine:function(x,t,b,c,d){return c*Math.sin(t/d*(Math.PI/2))+b},easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}})})(jQuery);

data/app/assets/javascripts/store/slider_menu.js.coffee

@@ -0,0 +1,14 @@
+$ ->
+  window.onload = ->
+    $(".touchcarousel").touchCarousel
+      scrollbar: false
+      itemsPerMove: 4
+      snapToItems: true
+      loopItems: true
+      dragUsingMouse: false
+    if $(".touchcarousel").find("ul").find("li").length <= 4
+      $(".touchcarousel").find("a.arrow-holder").css('display','none')  
+  $(".touchcarousel-item").mouseover ->
+    $(@).find("img.grey").first().stop().animate({"opacity": "0"}, "fast")
+  $(".touchcarousel-item").mouseout ->
+    $(@).find("img.grey").first().stop().animate({"opacity": "1"}, "fast")

data/app/assets/javascripts/store/spree_essential_menus.js

@@ -1 +1,2 @@
 //= require store/spree_core
+//= require store/image_menu

data/app/assets/javascripts/store/spree_essential_menus_slider.js

@@ -0,0 +1,3 @@
+//= require store/image_menu
+//= require store/jquery.touchcarousel.min
+//= require store/slider_menu

data/app/assets/stylesheets/store/image_menu.css.sass

@@ -0,0 +1,71 @@
+$szary: #A7A7A7
+$wysokosc_obrazka_submenu: 109px
+$szerokosc_obrazka_submenu: 218px
+
+ul.image_menu
+  display: block
+  text-align: center
+  height: 30px
+  width: 920px
+  &:hover
+    cursor: pointer
+  li
+    display: inline-block
+    position: relative
+    padding-left: 0px
+    height: auto
+    margin-left: 10px
+    img
+      display: block
+      &.grey
+        position: absolute
+        left: 0px
+        top: 0
+      &.color
+        opacity: 0
+  ul
+    display: none
+    padding: 0
+    position: relative
+    margin: auto
+    border: 1px solid $szary
+    height: auto
+    width: 875px
+    text-align: left
+    z-index: 100
+    background: image-url('store/image_menu_bg.png') repeat-x
+    li
+      margin: 0 -2px -4px auto
+      padding: 0
+      img.grey
+        left: 0px
+      img.color
+        opacity: 1
+    div.close
+      width: 60px
+      border-radius: 5px
+      position: absoulte
+      bottom: 0
+      right: 0
+      background: $szary
+      color: white
+    div.label
+      $wysokosc_etykiety: 20px
+      position: absolute
+      top: $wysokosc_obrazka_submenu - $wysokosc_etykiety
+      width: $szerokosc_obrazka_submenu
+      height: $wysokosc_etykiety
+      background-color: #F9F9F9
+      text-align: left
+      color: black
+      &.over
+        background-color: black
+        color: #F9F9F9
+    &.subimage_menu
+      min-height: 1px
+div.subimage_menu_container
+  display: block
+  margin-top: 10px 
+div.clearfix
+  clear: both
+    

data/app/assets/stylesheets/store/slider.css.sass

@@ -0,0 +1,98 @@
+@import compass
+#slider
+  border-top: 1px solid #fff
+  +box-shadow(0 0 6px 1px rgba(0,0,0,0.3))
+  position: fixed
+  margin: auto
+  width: 100%
+  bottom: 35px
+  z-index: 10
+  padding: 5px 0
+  +background(mix(#BCBCBC, #fff) linear-gradient(#BCBCBC, #fff))
+  @extend .pie
+  .inner
+    width: 750px
+    margin: 0 auto
+
+.touchcarousel
+  position: relative
+  overflow: hidden
+  .touchcarousel-container
+    position: relative
+    margin: 0
+    padding: 0
+    list-style: none
+    left: 0
+    width: 9999px
+  .touchcarousel-wrapper
+    position: relative
+    overflow: hidden
+    width: 100%
+    height: 100%
+  .touchcarousel-item
+    margin: 0 23px 0 0
+    padding: 0
+    float: left
+    border: 1px solid #818181
+    +border-radius(2px)
+    position: relative
+    img
+      display: block
+      &.grey
+        position: absolute
+        left: 0px
+        top: 0
+      &.color
+    &.last
+      margin-right: 0 !important
+  .arrow-holder
+    height: 100%
+    width: 45px
+    position: absolute
+    top: 0
+    display: block
+    cursor: pointer
+    z-index: 25
+    outline: none
+    &.left
+      left: 0
+    &.right
+      right: 0
+  .arrow-icon
+    top: 50%
+    margin-top: - (image_height('store/slider-prev.png') / 2)
+    position: absolute
+    cursor: pointer
+    &.left
+      +replace-text-with-dimensions('store/slider-prev.png')
+      left: -50px
+    &.right
+      +replace-text-with-dimensions('store/slider-next.png')
+      right: -50px
+  .arrow-holder
+    &:hover .arrow-icon
+    &.disabled
+      cursor: default
+      .arrow-icon
+        cursor: default
+  .tc-paging-container
+    width: 100%
+    overflow: hidden
+    position: absolute
+    margin-top: -20px
+    z-index: 25
+  .tc-paging-centerer
+    float: left
+    position: relative
+    left: 50%
+  .tc-paging-centerer-inside
+    float: left
+    position: relative
+    left: -50%
+  .tc-paging-item
+    float: left
+    cursor: pointer
+    position: relative
+    display: block
+    text-indent: -9999px
+

data/app/assets/stylesheets/store/spree_essential_menus.css

@@ -1,3 +1,4 @@
 /*
  *= require store/spree_core
+ *= require store/image_menu
 */

data/app/assets/stylesheets/store/spree_essential_menus_slider.css

@@ -0,0 +1,3 @@
+/*
+ *= require store/slider
+*/

data/app/controllers/spree/admin/menus_controller.rb

@@ -42,7 +42,7 @@ class Spree::Admin::MenusController < Spree::Admin::ResourceController
       params[:q] ||= {}
       params[:q][:sort] ||= "menu_bar.asc"
       @search = parent.menus.search(params[:q])
-      @collection = @search.result.page(params[:menu_bar]).per(Spree::Config[:orders_per_page])
+      @collection = @search.result#.page(params[:menu_bar]).per(Spree::Config[:orders_per_page])
     end
   
 

data/app/models/spree/menu.rb

@@ -8,6 +8,8 @@ class Spree::Menu < ActiveRecord::Base
   attr_accessible :page_id, :sequence,:parent_id, :link_text, :url, :visible, :menu_bar_id
   alias_attribute :position, :sequence
   
+  attr_accessible :alt, :menu_image, :vieweable
+
   acts_as_tree :order => "sequence"
   
   #validates_presence_of :sequence
@@ -20,6 +22,23 @@ class Spree::Menu < ActiveRecord::Base
   default_scope order(:sequence)
   scope :visible, where(:visible => true)
   
+   has_attached_file :menu_image,
+    :styles => Proc.new{ |clip| clip.instance.attachment_sizes },
+    :default_style => :medium,
+    :url => '/spree/menus/:id/:style/:basename.:extension',
+    :path => ':rails_root/public/spree/menus/:id/:style/:basename.:extension'
+    
+  def image_content?
+    menu_image_content_type.to_s.match(/\/(jpeg|png|gif|tiff|x-photoshop)/)
+  end
+  
+  def attachment_sizes
+    hash = {}
+    hash.merge!(:mini => '48x48>', :greyscale => {:processors => [:grayscale]}) if image_content?
+    hash.merge!(:logo_color => '123x81>', :logo_grey => {:geometry => '123x81>', :processors => [:thumbnail,:grayscale]}) if parent_id.nil?
+    hash
+  end
+  
   private
     def get_static_page_path
       if attribute_present?("page_id")

data/app/models/spree/menu_bar.rb

@@ -1,6 +1,7 @@
 class Spree::MenuBar < ActiveRecord::Base
   
   has_many :menus
+  has_many :images, :as => :viewable, :class_name => "Spree::MenuImage", :order => :position, :dependent => :destroy
   
   attr_accessible :name, :description, :css_class
   

data/app/views/spree/admin/menus/_form.html.haml

@@ -24,15 +24,18 @@
   = form.label :visible, t('spree.admin.menus.visible')
   %em= t("spree.admin.menus.explain_visible")
   = error_message_on :menu, :visible
+
 %h3 Opcjonalnie
-- if Spree::Menu.all.count > 0 and false#turn off for futher improvement
+- if Spree::Menu.all.count > 0 #and false#turn off for futher improvement
   = form.field_container :parent_id do
     = form.label :parent_id, t('spree.admin.menus.parent_id')
     %br
-    = collection_select(:menu,:parent_id,Spree::Menu.where(:menu_bar_id => @menu_bar.id).all, :id, :link_text, :prompt => t("spree.admin.menus.select_parent"))
+    = collection_select(:menu,:parent_id,Spree::Menu.where(:menu_bar_id => @menu_bar.id, :parent_id => nil).all, :id, :link_text, :prompt => t("spree.admin.menus.select_parent"))
     %em= t("spree.admin.menus.explain_parent_id")
     = error_message_on :menu, :parent_id
-    
+= form.field_container :menu_image do
+  = form.label :menu_image, t('spree.admin.menus.menu_image')
+  = form.file_field :menu_image   
 
     
 - if Spree::Page.all.count > 0  

data/app/views/spree/admin/menus/index.html.haml

@@ -13,6 +13,8 @@
       %th= sort_link @search, :link_text, t('spree.admin.menus.link_text')
       %th= sort_link @search, :url, t('spree.admin.menus.url')
       %th= t('spree.admin.menus.page_id')
+      %th= t('spree.admin.menus.parent_id')
+      %th= t('spree.admin.menus.menu_image')
       %th= t('action')
   %tbody
     - @collection.each do |menu|
@@ -27,10 +29,21 @@
             = link_to menu.page.title
           - else
             = t('.static_path')
+        %td
+          - if menu.parent_id.nil?
+            -
+          - else
+            = menu.parent.link_text
+        %td
+          - if menu.menu_image.present?
+            = link_to image_tag(menu.menu_image.url(:mini)), menu.menu_image.url(:color), :target => "_blank"
+          - else
+            brak
         %td
           = link_to_edit menu
            
           = link_to_delete menu
+=# paginate @collection
 
-= render :partial => 'spree/admin/shared/spree_menus_sidebar'
+= render :partial => 'spree/admin/shared/spree_menus_sidebar', :locals => {:current => "menu_elements"}
     

data/app/views/spree/shared/_render_image_menu.html.haml

@@ -0,0 +1,19 @@
+- if menu_bar.present?
+  %div.menu_container
+    %ul{:class => "image_menu #{menu_bar.css_class}"}
+      - menu_bar.menus.visible.where(:parent_id => nil).each do |parent|
+        %li{:id => "element#{parent.id}", :class => "first-level"}
+          %a{:href => "#{parent.url}"}
+            = image_tag(parent.menu_image.url(:logo_color), :class => "color")
+            = image_tag(parent.menu_image.url(:logo_grey), :class => "grey")
+          - if parent.children.count > 0
+            %ul
+              - parent.children.each do |child|
+                %li.second-level{:"data-image-color" => child.menu_image.url(:original),:"data-image-grey" => child.menu_image.url(:greyscale)}
+                  %a{:href => "#{child.url}"}
+                    = image_tag(child.menu_image.url(:original), :class => "color")
+                    = image_tag(child.menu_image.url(:greyscale), :class => "grey")
+                    %div.label= child.link_text.upcase
+              
+      %div.subimage_menu_container
+        %ul.subimage_menu

data/app/views/spree/shared/_render_scroll_menu.html.haml

@@ -0,0 +1,10 @@
+- if menu_bar.present?
+  %section#slider
+    .inner.touchcarousel
+      %ul.touchcarousel-container
+        - menu_bar.menus.visible.each do |menu|
+          %li{:class => "touchcarousel-item", :"data-href" => "#{menu.url}"}
+            =# link_to image_tag(menu.menu_image.url(:original)), menu.url
+            %a{:href => "menu.url"}
+              = image_tag(menu.menu_image.url(:original), :class => "color")
+              = image_tag(menu.menu_image.url(:greyscale), :class => "grey")

data/config/locales/pl.yml

@@ -1,6 +1,7 @@
 pl:
   menus: Menu
   menu_bars: Paski menu
+  menu_images: Obrazki menu
     
   spree:
     admin:
@@ -26,8 +27,10 @@ pl:
         select_page_id: "Wybierz stronę statyczną"
         explain_page_id: "Wybierz stronę statyczną, do której odnosi się pozycja"
         sequence: "Kolejność"
+        menu_image: "Obrazek"
       menu_bars:
         list_of_menu_bars: "Lista pasków menu"
+        editing_menu_bar: "Edycja paska"
         new_menu_bar: "Nowy pasek menu"
         name: "Nazwa"
         description: "Krótki opis"

data/db/migrate/20120509085046_add_menu_images_to_menus.rb

@@ -0,0 +1,8 @@
+class AddMenuImagesToMenus < ActiveRecord::Migration
+  def change
+    add_column :spree_menus, :menu_image_file_name,    :string
+    add_column :spree_menus, :menu_image_content_type, :string
+    add_column :spree_menus, :menu_image_file_size,    :integer
+    add_column :spree_menus, :menu_image_updated_at,   :datetime
+  end
+end

data/lib/paperclip_processors/grayscale.rb

@@ -0,0 +1,26 @@
+module Paperclip
+  class Grayscale < Processor
+    def initialize file, options = {}, attachment = nil
+      super
+      @file = file
+      @current_format = File.extname(@file.path)
+      @basename = File.basename(@file.path, @current_format)
+    end
+
+    def make
+      dst = Tempfile.new(@basename)
+      dst.binmode
+      
+      command = "#{File.expand_path(@file.path)} -colorspace Gray #{File.expand_path(dst.path)}"
+      
+      begin
+        success = Paperclip.run("convert", command)
+      rescue PaperclipCommandLineError
+        raise PaperclipError, "There was an error converting the image to grayscale for #{@basename}"
+      end
+      
+      dst
+    end
+  end
+end
+

data/lib/spree_essential_menus/version.rb

@@ -1,3 +1,3 @@
 module SpreeEssentialMenus
-  VERSION = "0.1.8"
+  VERSION = "0.2.3"
 end

data/spree_essential_menus.gemspec

@@ -12,15 +12,18 @@ Gem::Specification.new do |s|
   s.author    = 'Grzegorz Brzezinka'
   s.email     = 'grzegorz@brzezinka.eu'
   s.homepage  = 'http://www.brzezinka.eu'
+  s.has_rdoc = false
 
   s.files       = `git ls-files`.split("\n")
   s.test_files  = `git ls-files -- {test,spec,features}/*`.split("\n")
-  s.require_path = 'lib'
+  s.require_paths = ['lib','lib/paperclip_processors']
   s.requirements << 'none'
 
   #s.add_dependency 'spree_core', '~> 1.1.0'
   # Spree Essentials
   s.add_runtime_dependency('spree_essentials', '~> 0.5.0.rc1')
+  s.add_runtime_dependency('coffee-rails')
+  s.add_runtime_dependency("acts_as_tree", '~> 0.2.0')
   
   s.add_runtime_dependency('haml')
 

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: spree_essential_menus
 version: !ruby/object:Gem::Version 
-  hash: 11
+  hash: 17
   prerelease: 
   segments: 
   - 0
-  - 1
-  - 8
-  version: 0.1.8
+  - 2
+  - 3
+  version: 0.2.3
 platform: ruby
 authors: 
 - Grzegorz Brzezinka
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-05-07 00:00:00 Z
+date: 2012-05-28 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: spree_essentials
@@ -36,7 +36,7 @@ dependencies:
   type: :runtime
   version_requirements: *id001
 - !ruby/object:Gem::Dependency 
-  name: haml
+  name: coffee-rails
   prerelease: false
   requirement: &id002 !ruby/object:Gem::Requirement 
     none: false
@@ -50,9 +50,39 @@ dependencies:
   type: :runtime
   version_requirements: *id002
 - !ruby/object:Gem::Dependency 
-  name: capybara
+  name: acts_as_tree
   prerelease: false
   requirement: &id003 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        hash: 23
+        segments: 
+        - 0
+        - 2
+        - 0
+        version: 0.2.0
+  type: :runtime
+  version_requirements: *id003
+- !ruby/object:Gem::Dependency 
+  name: haml
+  prerelease: false
+  requirement: &id004 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 3
+        segments: 
+        - 0
+        version: "0"
+  type: :runtime
+  version_requirements: *id004
+- !ruby/object:Gem::Dependency 
+  name: capybara
+  prerelease: false
+  requirement: &id005 !ruby/object:Gem::Requirement 
     none: false
     requirements: 
     - - "="
@@ -64,11 +94,11 @@ dependencies:
         - 1
         version: 1.0.1
   type: :development
-  version_requirements: *id003
+  version_requirements: *id005
 - !ruby/object:Gem::Dependency 
   name: factory_girl
   prerelease: false
-  requirement: &id004 !ruby/object:Gem::Requirement 
+  requirement: &id006 !ruby/object:Gem::Requirement 
     none: false
     requirements: 
     - - ~>
@@ -80,11 +110,11 @@ dependencies:
         - 4
         version: 2.6.4
   type: :development
-  version_requirements: *id004
+  version_requirements: *id006
 - !ruby/object:Gem::Dependency 
   name: ffaker
   prerelease: false
-  requirement: &id005 !ruby/object:Gem::Requirement 
+  requirement: &id007 !ruby/object:Gem::Requirement 
     none: false
     requirements: 
     - - ">="
@@ -94,11 +124,11 @@ dependencies:
         - 0
         version: "0"
   type: :development
-  version_requirements: *id005
+  version_requirements: *id007
 - !ruby/object:Gem::Dependency 
   name: rspec-rails
   prerelease: false
-  requirement: &id006 !ruby/object:Gem::Requirement 
+  requirement: &id008 !ruby/object:Gem::Requirement 
     none: false
     requirements: 
     - - ~>
@@ -109,11 +139,11 @@ dependencies:
         - 9
         version: "2.9"
   type: :development
-  version_requirements: *id006
+  version_requirements: *id008
 - !ruby/object:Gem::Dependency 
   name: sqlite3
   prerelease: false
-  requirement: &id007 !ruby/object:Gem::Requirement 
+  requirement: &id009 !ruby/object:Gem::Requirement 
     none: false
     requirements: 
     - - ">="
@@ -123,7 +153,7 @@ dependencies:
         - 0
         version: "0"
   type: :development
-  version_requirements: *id007
+  version_requirements: *id009
 description: Add menu customization for Spree. It's designed to be used with the spree_essentials base.
 email: grzegorz@brzezinka.eu
 executables: []
@@ -141,11 +171,21 @@ files:
 - README.md
 - Rakefile
 - Versionfile
+- app/assets/images/store/image_menu_bg.png
+- app/assets/images/store/slider-next.png
+- app/assets/images/store/slider-prev.png
 - app/assets/javascripts/admin/spree_essential_menus.js
+- app/assets/javascripts/store/image_menu.js.coffee
+- app/assets/javascripts/store/jquery.touchcarousel.min.js
+- app/assets/javascripts/store/slider_menu.js.coffee
 - app/assets/javascripts/store/spree_essential_menus.js
+- app/assets/javascripts/store/spree_essential_menus_slider.js
 - app/assets/stylesheets/admin/admin_tabs.css
 - app/assets/stylesheets/admin/spree_essential_menus.css
+- app/assets/stylesheets/store/image_menu.css.sass
+- app/assets/stylesheets/store/slider.css.sass
 - app/assets/stylesheets/store/spree_essential_menus.css
+- app/assets/stylesheets/store/spree_essential_menus_slider.css
 - app/controllers/spree/admin/menu_bars_controller.rb
 - app/controllers/spree/admin/menus_controller.rb
 - app/models/spree/menu.rb
@@ -159,18 +199,23 @@ files:
 - app/views/spree/admin/menus/index.html.haml
 - app/views/spree/admin/menus/new.html.haml
 - app/views/spree/admin/shared/_spree_menus_sidebar.html.haml
+- app/views/spree/shared/_render_image_menu.html.haml
 - app/views/spree/shared/_render_menu.html.haml
+- app/views/spree/shared/_render_scroll_menu.html.haml
 - config/locales/en.yml
 - config/locales/pl.yml
 - config/routes.rb
 - db/migrate/20120424223831_create_spree_menu.rb
 - db/migrate/20120427043237_create_spree_menu_bars.rb
+- db/migrate/20120509085046_add_menu_images_to_menus.rb
 - lib/generators/spree_essential_menus/install/install_generator.rb
+- lib/paperclip_processors/grayscale.rb
 - lib/spree_essential_menus.rb
 - lib/spree_essential_menus/engine.rb
 - lib/spree_essential_menus/version.rb
 - script/rails
 - spec/spec_helper.rb
+- spree_essential_menus-0.1.8.gem
 - spree_essential_menus.gemspec
 homepage: http://www.brzezinka.eu
 licenses: []
@@ -180,6 +225,7 @@ rdoc_options: []
 
 require_paths: 
 - lib
+- lib/paperclip_processors
 required_ruby_version: !ruby/object:Gem::Requirement 
   none: false
   requirements: