diff --git a/lib/drum.js b/lib/drum.js index 95ecd26..a77ecfa 100755 --- a/lib/drum.js +++ b/lib/drum.js @@ -91,7 +91,6 @@ this.angle = settings.theta * index; this.elem = document.createElement('figure'); $(this.elem).addClass('a' + this.angle*100); - $(this.elem).css('opacity', '0.5'); $(this.elem).css( settings.transformProp, settings.rotateFn + '(' + -this.angle + 'deg) translateZ(' + settings.radius + 'px)' @@ -248,7 +247,8 @@ settings.onChange(HTMLselect); $(selected.elem).css("opacity", 1); - $("figure:not(.a" + (selected.angle*100) + ", .hidden)", drum).css("opacity", "0.5"); + $(selected.elem).css("color", "black"); + $("figure:not(.a" + (selected.angle*100) + ", .hidden)", drum).css("color", "rgba(0,0,0,0.5)!important"); if (selected.angle != settings.last_angle && [0,90,180,270].indexOf(selected.angle) >= 0) { settings.last_angle = selected.angle; update(selected); diff --git a/lib/drum.min.js b/lib/drum.min.js index 4a967bb..107dfd9 100644 --- a/lib/drum.min.js +++ b/lib/drum.min.js @@ -1 +1 @@ -(function(e){"use strict";var t=function(){var t=function(e){return document.createElementNS("http://www.w3.org/2000/svg",e)};var n=function(n,r){var i=e(t("svg"));e(i).attr("width",n);e(i).attr("height",r);var s=e(t("g"));e(i).append(s);return i};var r=function(t){var n=document.createElement("div");e(n).attr("class",t);var r=document.createElement("div");e(n).append(r);return n};var i=function(n){var r=e(t("path"));var i={fill:"none",stroke:n.dail_stroke_color,"stroke-width":n.dail_stroke_width+"px","stroke-linecap":"butt","stroke-linejoin":"miter","stroke-opacity":"1"};var s="";for(var o in i){e(r).attr(o,i[o])}return r};return{up:function(t){var s=t.dail_w;var o=t.dail_h;var u=n(s,o);var a=i(t);e(a).attr("d","m0,"+(o+t.dail_stroke_width)+"l"+s/2+",-"+o+"l"+s/2+","+o);e(u).find("g").append(a);var f=r("dial up");e(f).find("div").append(u);return f},down:function(t){var s=t.dail_w;var o=t.dail_h;var u=n(s,o);var a=i(t);e(a).attr("d","m0,-"+t.dail_stroke_width+"l"+s/2+","+o+"l"+s/2+",-"+o);e(u).find("g").append(a);var f=r("dial down");e(f).find("div").append(u);return f}}}();var n=function(t,n,r){this.index=t;this.dataModel=new function(e,t){this.data=e;this.index=t;this.getText=function(){return this.data[this.index]}}(r.data,n);this.init=function(){this.angle=r.theta*t;this.elem=document.createElement("figure");e(this.elem).addClass("a"+this.angle*100);e(this.elem).css("opacity","0.5");e(this.elem).css(r.transformProp,r.rotateFn+"("+ -this.angle+"deg) translateZ("+r.radius+"px)");this.setText()};this.setText=function(){e(this.elem).text(this.dataModel.getText())};this.update=function(e){if(this.dataModel.index!=e){this.dataModel.index=e;this.setText()}}};var r=function(r,i,s){var o=e(r)[0];var u=this;var a=e.extend({panelCount:16,rotateFn:"rotateX",interactive:true,dail_w:20,dail_h:5,dail_stroke_color:"#999999",dail_stroke_width:1},i||{});a.transformProp=s;a.rotation=0;a.distance=0;a.last_angle=0;a.theta=360/a.panelCount;a.initselect=o.selectedIndex;if(a.transformProp){a.data=[];for(var f=0;f=a.panelCount/2){g=a.data.length-(a.panelCount-m)}m++;var y=new n(f,g,a);y.init();a.mapping.push(y);e(p).append(y.elem)}var b=function(e){e=e||a.rotation;var t=a.theta/2;var n=360;var r=((e+t)%n+n)%n;r=r-r%a.theta;var i=(a.data.length-1)*a.theta;if(r>i){if(e>0)return i;else return 0}return r};var w=function(){var e=b();for(var t in a.mapping){if(a.mapping[t].angle==e){return a.mapping[t]}}};var E=function(e){var t,n=[],r=a.panelCount,i=a.panelCount/2,s=a.data.length;var o=e.index;var u=e.dataModel.index;for(var f=u-i;f<=u+i-1;f++){t=f;if(f<0)t=s+f;if(f>s-1)t=f-s;n.push(t)}var l=n.slice(i-o);n=l.concat(n.slice(0,r-l.length));for(var o=0;o=0){a.last_angle=n.angle;E(n)}}};this.setIndex=function(e){var t=Math.floor(e/a.panelCount);var r=e-t*a.panelCount;var i=new n(r,e,a);E(i);a.rotation=r*a.theta;S(false)}}else{this.setIndex=function(e){o.selectedIndex=e}}this.setIndex(a.initselect);this.getIndex=function(){if(a.transformProp)return w().dataModel.index;else return o.selectedIndex};if(a.transformProp){if(typeof Hammer!="undefined"){a.touch=new Hammer(l,{prevent_default:true,no_mouseevents:true});a.touch.on("dragstart",function(e){a.distance=0});a.touch.on("drag",function(e){var t=["up","down"];if(t.indexOf(e.gesture.direction)>=0){a.rotation+=Math.round(e.gesture.deltaY-a.distance)*-1;S(true);a.distance=e.gesture.deltaY}});a.touch.on("dragend",function(e){a.rotation=b();S(true)})}if(a.interactive){e(d).click(function(e){var t=a.rotation+a.theta+1;a.rotation=b(t);S(true)});e(v).click(function(e){var t=a.rotation-a.theta-1;a.rotation=b(t);S(true)})}}};var i={getIndex:function(){if(e(this).data("drum"))return e(this).data("drum").getIndex();return false},setIndex:function(t){if(e(this).data("drum"))e(this).data("drum").setIndex(t)},init:function(t){var n=false;if(!navigator.userAgent.match(/Trident/i)&&!navigator.userAgent.match(/MSIE/i)){var i="transform WebkitTransform MozTransform OTransform msTransform".split(" ");for(var s=0;s=a.panelCount/2){g=a.data.length-(a.panelCount-m)}m++;var y=new n(f,g,a);y.init();a.mapping.push(y);e(p).append(y.elem)}var b=function(e){e=e||a.rotation;var t=a.theta/2;var n=360;var r=((e+t)%n+n)%n;r=r-r%a.theta;var i=(a.data.length-1)*a.theta;if(r>i){if(e>0)return i;else return 0}return r};var w=function(){var e=b();for(var t in a.mapping){if(a.mapping[t].angle==e){return a.mapping[t]}}};var E=function(e){var t,n=[],r=a.panelCount,i=a.panelCount/2,s=a.data.length;var o=e.index;var u=e.dataModel.index;for(var f=u-i;f<=u+i-1;f++){t=f;if(f<0)t=s+f;if(f>s-1)t=f-s;n.push(t)}var l=n.slice(i-o);n=l.concat(n.slice(0,r-l.length));for(var o=0;o=0){a.last_angle=n.angle;E(n)}}};this.setIndex=function(e){var t=Math.floor(e/a.panelCount);var r=e-t*a.panelCount;var i=new n(r,e,a);E(i);a.rotation=r*a.theta;S(false)}}else{this.setIndex=function(e){o.selectedIndex=e}}this.setIndex(a.initselect);this.getIndex=function(){if(a.transformProp)return w().dataModel.index;else return o.selectedIndex};if(a.transformProp){if(typeof Hammer!="undefined"){a.touch=new Hammer(l,{prevent_default:true,no_mouseevents:true});a.touch.on("dragstart",function(e){a.distance=0});a.touch.on("drag",function(e){var t=["up","down"];if(t.indexOf(e.gesture.direction)>=0){a.rotation+=Math.round(e.gesture.deltaY-a.distance)*-1;S(true);a.distance=e.gesture.deltaY}});a.touch.on("dragend",function(e){a.rotation=b();S(true)})}if(a.interactive){e(d).click(function(e){var t=a.rotation+a.theta+1;a.rotation=b(t);S(true)});e(v).click(function(e){var t=a.rotation-a.theta-1;a.rotation=b(t);S(true)})}}};var i={getIndex:function(){if(e(this).data("drum"))return e(this).data("drum").getIndex();return false},setIndex:function(t){if(e(this).data("drum"))e(this).data("drum").setIndex(t)},init:function(t){var n=false;if(!navigator.userAgent.match(/Trident/i)&&!navigator.userAgent.match(/MSIE/i)){var i="transform WebkitTransform MozTransform OTransform msTransform".split(" ");for(var s=0;s