processmaker-builder
Version:
The gulp task runner for ProcessMaker building
206 lines (203 loc) • 5.19 kB
JavaScript
leimnud.Package.Public({
info :{
Class :"maborak",
File :"module.slider.js",
Name :"slider",
Type :"module",
Version :"0.1"
},
content :{
create:function()
{
this.make=function(options)
{
this.options = {
points:[],
width:564,
selected:0,
name:"val_"+Math.floor(Math.random(5)*100),
onchange:function(){}
}.concatMaborak(options || {});
if(typeof this.options.points=='string'){
this.options.points=this.parse_string_points(this.options.points);
}
this.current=0;
this.dom = {};
this.make_points();
this.calculate(true);
return this;
};
this.parse_string_points=function(s)
{
var a = s.split("-");
var x = parseInt(a[0]) || 0;
var y = parseInt(a[1]) || 1;
var y = (y<=x)?(x+1):y;
var i = 0;
var a = [];
for(x;x<=y;x++)
{
a.push({value:((this.options.fill_values)?this.options.fill_values*x:x),label:x});
}
return a;
};
this.make_points=function()
{
this.real_width = this.options.width-64;
this.spaces();
this.options.target.append(
this.dom.a = new DOM('div',{},{position:'relative',height:30,width:this.options.width,border:'1px solid #EEE'}).append(
new DOM('div',false,{position:'absolute',width:30,height:30,left:0,top:0,backgroundColor:'orange'}),
this.dom.dragbox = new DOM('div',false,{position:'absolute',width:this.real_width,height:30,left:31,top:0,border:'0px solid orange'}).append(
this.dom.drag = new DOM('div',false,{position:'absolute',width:30,height:30,left:0,top:0,background:'black',cursor:'move'})
),
new DOM('div',false,{position:'absolute',width:30,height:30,right:0,top:0,border:'1px solid green',backgroundColor:'green'})
),
this.input_hidden=new DOM('input',{type:'hidden',name:this.options.name})
);
this.drag = new this.parent.module.drag({
elements:this.dom.drag,
limit:"y",
limitbox:this.dom.dragbox
});
this.drag.events={
move:this.calculate
};
this.drag.make();
};
this.spaces = function()
{
this.sep = parseInt(this.real_width/this.options.points.length);
this.sep_dec = this.real_width/this.options.points.length;
this.spaces = [];
var a = 0;
for(var i=0;i<this.options.points.length;i++)
{
//this.spaces.push([(i==0)?0:((this.sep*i)+1),(i==0)?this.sep*(i+1):(this.sep*(i+1))+1]);
this.spaces.push([a,a+(this.sep-1)]);
a = a+this.sep;
}
};
this.calculate=function(manual)
{
// this.current =
if(manual)
{
var ix = this.spaces[this.options.selected][0];
this.drag.options.elements[0].style.left=ix;
var c = ix+(this.drag.options.elements[0].clientWidth/2);
}
else
{
var c = this.drag.currentX+(this.drag.currentElementDrag.clientWidth/2);
}
var t=this.options.selected;
if(c<0)
{
t=0;
}
else if(c>=this.real_width)
{
t=(this.spaces.length-1);
}
else
{
for(var i=0;i<this.spaces.length;i++)
{
if(c>=this.spaces[i][0] && c <=this.spaces[i][1])
{
t=i;
break;
}
else if(i==(this.spaces.length-1) && c>=this.spaces[i][1])
{
t=this.spaces.length-1;
break;
}
}
}
if(t!=this.current || manual)
{
this.current=t;
if(this.options.out_label)
{
var ol = this.options.out_label;
ol[(ol.tagName=='input')?'value':'innerHTML']=this.get().label;
}
if(this.options.out_value)
{
var ol = this.options.out_value;
ol[(ol.tagName=='input')?'value':'innerHTML']=this.get().value;
}
this.input_hidden.value=this.get().value;
return this.options.onchange();
}
};
this.get=function(uid)
{
uid = uid || this.current;
return this.options.points[uid] || this.options.points[0];
};
this.expand(this);
return this;
},
eventor:function()
{
this.make=function(options)
{
this.options = {
slides:[],
operation:"+",
target:$(document.body),
name:"val_"+Math.floor(Math.random(5)*100),
result:function(){}
}.concatMaborak(options || {});
this.options.target.append(
this.input_hidden=new DOM('input',{type:'hidden',name:this.options.name})
);
for(var i=0;i<this.options.slides.length;i++)
{
var s = this.options.slides[i];
var o = s.options.onchange;
s.options.onchange=function(o,t){
t.operation();
return o();
}.extend(s,o,this)
}
return this.operation();
};
this.operation=function()
{
var t;
if(this.operation==="+")
{
t=0;
}
else if(this.operation==="*")
{
t=1;
}
else
{
t=0;
}
for(var i=0;i<this.options.slides.length;i++)
{
var s = this.options.slides[i];
if(this.options.operation==="+")
{
t=t+s.get().value;
}
}
if(this.options.out_value)
{
var ol = this.options.out_value;
ol[(ol.tagName=='input')?'value':'innerHTML']=t;
}
this.input_hidden.value=t;
return this.options.result(t);
};
this.expand(this);
return this;
}
}});