/*support tab: to 4 space enter: add head space {enter: add head+4 space }:add head-4 space */ Class("linb.UI.TextEditor", ["linb.UI.Widget","linb.absValue"] ,{ Instance:{ activate:function(){ var profile = this.get(0); profile.getSubNode('INPUT').focus(); return this; }, _setCtrlValue:function(value){ if(_.isNull(value) || !_.isDefined(value))value=''; return this.each(function(profile){ var node=profile.getSubNode('INPUT').get(0); if(node.value.replace(/(\r\n|\r)/g, "\n")!=value.replace(/(\r\n|\r)/g, "\n")){ var st=node.scrollTop; node.value=value; node.scrollTop=st; } }); }, _getCtrlValue:function(value){ var profile = this.get(0); return profile.getSubNode('INPUT').attr('value').replace(/(\r\n|\r)/g, "\n").replace(/( +)(\n)/g, "$2").replace(/\t/g, " "); } }, Initialize:function(){ //modify default template for shell var t = this.getTemplate(); _.merge(t.FRAME.BORDER,{ BOX:{ tagName:'div', INPUT:{ tagName:'textarea', tabindex:'{tabindex}', style:'{_css}' } }, BAK1:{}, BAK2:{tagName:'div'} },'all'); this.setTemplate(t); }, Static:{ Appearances:{ BOX:{ width:'100%', height:'100%', left:0, top:0, //for firefox bug: cursor not show position:'absolute', overflow:linb.browser.gek?'auto':'', 'z-index':'10' }, INPUT:{ 'font-family': 'Courier New, Courier, monospace', 'font-size':'12px', 'line-height':'14px', position:'absolute', 'background-color':'#fff', left:0, top:0, border:0, margin:0, padding:0, overflow:'auto', 'overflow-y':'auto', 'overflow-x':'hidden' }, 'BAK1, BAK2':{ 'font-family': 'Courier New, Courier, monospace', 'font-size':'12px', position:'absolute', visibility:'hidden', left:'-10000px', top:'-10000px' } }, Behaviors:{ INPUT:{ onFocus:function(profile,e,src){ profile.box._onchange(profile,linb.use(src).get(0)); }, onChange:function(profile, e, src){ profile.boxing().setUIValue(linb.use(src).get(0).value); profile.box._onchange(profile,linb.use(src).get(0)); }, afterKeydown:function(profile, e, src){ var pro=profile.properties,str,t; if(pro.disabled || pro.readonly)return; if(profile.$change)delete profile.$change; var key = linb.Event.getKey(e), node=linb.use(src).get(0), k=key[0]; switch(k){ case 'tab': var r=linb.use(src).caret(), sel=node.value.slice(r[0],r[1]); if(/(\n|\r)/.test(sel)){ //previous str=node.value.slice(0,r[0]); if(sel.charAt(0)!='\n' && sel.charAt(0)!='\r'){ //change sel sel=str.slice(r[0]=str.lastIndexOf('\n'))+sel; } // if(linb.browser.ie){ t= (t=str.match(/\r/g))?t.length:0; r[0]-=t; t= (t=(node.value.slice(0,r[1])).match(/\r/g))?t.length:0; r[1]-=t; } //re caret linb.use(src).caret(r[0],r[1]); if(key[2]){ sel=sel.replace(/(\n|\n\r) /g,'$1'); }else{ sel=sel.replace(/(\n|\n\r)/g,'$1 '); } //insert profile.box.insertAtCaret(profile,sel); r[1]=r[0]+sel.length; if(linb.browser.ie){ t= (t=sel.match(/\r/g))?t.length:0; r[1]-=t; } //caret linb.use(src).caret(r[0],r[1]); }else{ if(key[2]){ linb.use(src).caret(r[0]-4,r[0]-4); r[0]-=4; r[1]-=4; }else{ profile.box.insertAtCaret(profile,' '); r[0]+=4; r[1]+=4; } } profile.$pos=r; return false; case 'enter': var paras = profile.box.getParas(profile); str = paras[1]; var len = str.length - _.str.ltrim(str).length; if(str.charAt(str.length-1)=="{") len +=4; if(len){ profile.box.insertAtCaret(profile, '\n'+_.str.repeat(' ',len)); profile.$enter=true; return false; } break; default: if(profile.tips){ profile.tips.destroy(); profile.tips=null; } } node=null; }, afterKeypress:function(profile, e, src){ if(profile.properties.disabled || profile.properties.readonly)return; var key = linb.Event.getKey(e), k=key[0]; var me=arguments.callee, map=me.map || (me.map={space:1,enter:1,backspace:1,tab:1,"delete":1}); if(k.length==1 || map[k]) profile.$change=true; switch(k){ case 'tab': if(linb.browser.opr) _.asyRun(function(){ linb.use(src).caret(profile.$pos[0], profile.$pos[1]); }); return false; case 'enter': if(profile.$enter){ delete profile.$enter; return false; } case '}': if(key[2]){ var paras = profile.box.getParas(profile); var loc = paras[0], str = paras[1], pos=paras[2], input=paras[3]; if(/ {4}$/.test(str)){ var st=linb(src).scrollTop(); input.value = input.value.substr(0,loc).replace(/ {4}$/,'}') + input.value.substr(loc, input.value.length); //fire event manully linb(input).onChange(); profile.box.setCaretTo(input, loc - 4 + 1, st); return false; } } break; } }, afterKeyup:function(profile, e, src){ var key = linb.Event.getKey(e),k=key[0]; var me=arguments.callee, map=me.map || (me.map={space:1,enter:1,backspace:1,tab:1,"delete":1}); if(k.length==1 || map[k]) profile.$change=true; if(profile.$change){ delete profile.$change; profile.box._onchange(profile,linb.use(src).get(0)); } } } }, DataModel:{ left:0, top:0, width:200, height:200, position:'absolute', disabled:{ ini:false, action: function(v){ b.boxing().setReadonly(v); } }, readonly:{ ini:false, action: function(v){ this.getSubNode('INPUT').attr('readonly',v).css('background',v?'#EBEADB':''); } } }, EventHandlers:{ onChange:function(profile, oV, nV){} }, RenderTrigger:function(){ var ns=this; if(ns.properties.readonly) ns.boxing().setReadonly(true,true); var ie=linb.browser.ie, src=ns.getSubNode('INPUT').get(0), f=function(o){ //only for value in IE if(ie && o.propertyName!='value')return true; var src=ie?o.srcElement:this; ns.box._onchange(ns,src); }; if(ie){ src.attachEvent("onpropertychange",f); src.attachEvent("ondrop",f); ns.$ondestory=function(){ src.detachEvent("onpropertychange",f); src.detachEvent("ondrop",f); } }else{ src.addEventListener("input",f,false); src.addEventListener("dragdrop",f,false); ns.$ondestory=function(){ src.removeEventListener("input",f,false); src.addEventListener("dragdrop",f,false); } ns.getSubNode('BOX').$firfox2(); } }, _onchange:function(profile,src){ if(profile.onChange){ var v=src.id; _.resetRun(profile.$linbid+'_drop', function(){ v=linb.Dom.byId(v).value||''; profile.$prevV=profile.$prevV||''; if(v!=profile.$prevV){ profile.boxing().onChange(profile, profile.$prevV, v); profile.$prevV=v; } }); } }, _prepareData:function(profile){ var d=arguments.callee.upper.call(this, profile); if(linb.browser.kde) d._css='resize:none;'; return d; }, // _onresize:function(profile,width,height){ var size = arguments.callee.upper.apply(this,arguments); profile.getSubNode('BOX').cssSize(size); profile.getSubNode('INPUT').cssSize(size); }, //for insertAtCaret:function(profile, text) { var input = profile.getSubNode('INPUT'), scrollTop = input.scrollTop() || null, ret; //fire onChange manully input.onChange(); //replace text ret=input.caret(text); //set cursor this.setCaretTo(input.get(0), ret||0, scrollTop); }, //set cursor to textarea setCaretTo:function(input, pos, scrollTop){ input.focus() var s,c,h,o=linb([input]); //opera not support scrollTop in textarea if(_.isNumb(scrollTop)) o.scrollTop(scrollTop); if(scrollTop===true){ if(o.get(0).tagName.toLowerCase() == 'textarea' && o.scrollHeight() !== o.offsetHeight()){ s = o.attr('value').substr(0,pos); c = o.clone().id('').css({visibility:'hidden',position:'absolute',left:5000+'px'}).attr('value',s); linb('body').append(c); h = Math.max((c.scrollHeight() > c.offsetHeight()) ? c.scrollHeight() - 30 : 0,0); o.scrollTop(h); c.remove(); } } o.caret(pos,pos); }, /* return array [0] char number before caret [1] line number of caret [2] absPos of caret [3] text before caret */ getParas:function(profile){ var o = profile.getSubNode('INPUT'), me=arguments.callee, reg = me.reg ||(me.reg=/\r\n/g), v = o.get(0).value, loc = o.caret(); if(loc[0]<0)loc[0]=0; //for ie/opera var l=0, m = v.substr(0,loc[0]).match(reg); if(m)l=m.length; v = v.replace(reg,'\n'); var txt = v.substr(0,loc[0]-l); var li = txt.lastIndexOf('\n') , line = txt.substr(li+1, loc[0]-li), w=o.innerWidth(), bak1 = profile.getSubNode('BAK1'), bak2 = profile.getSubNode('BAK2') ; if(txt.charAt(txt.length-1)=='\n')txt+='*'; bak2.width(w); var x = bak1.html(line.replace(/ /g,' '),false).width(), y = bak2.html(txt.replace(/\n/g,'
'),false).height() - o.scrollTop(); if(x>w){ bak2.html(line,false); var lbak = line; var bl = bak2.height(); while(lbak){ //delete last words lbak=lbak.replace(/ [^ ]*$/,''); bak2.html(lbak,false); if(bak2.height()!=bl)break; } lbak = line.substr(lbak.length, line.length-lbak.length); x = bak1.html(lbak,true).width(); } bak1.html('',false); bak2.html('',false); var pos = profile.getRoot().offset(); pos.left+=x; pos.top+=y; return [loc[0],line,pos,o.get(0),txt]; } } }); /* *to do: background div *to do: special div */ Class('linb.UI.TimeLine', ['linb.UI','linb.absList',"linb.absValue"], { Dependency:['linb.Date'], Instance:{ _setCtrlValue:function(value){ if(!value)return; if(value.indexOf(':')==-1)return; var profile=this.get(0), p=profile.properties, box=this.constructor, a=value.split(':'), from=new Date(parseInt(a[0])), to=new Date(parseInt(a[1])), pxStart=box._getX(profile,from), pxEnd=box._getX(profile,to), task; if(p.items.length===0) this.insertItems([{id:'$', caption:p.dftTaskName, from:from, to:to}],null,true); else box._resetItem(profile,{left:pxStart,width:pxEnd-pxStart},profile.getSubNodeByItemId('ITEM',p.items[0].id)._get(0)); }, visibleTask:function(){ var profile=this.get(0), p=profile.properties, date=linb.Date, items=p.items; if(items.length && !p.multiTasks){ target=new Date(items[0].from); if(targetdate.add(p.dateStart,'ms',p.width*p._rate)){ p.dateStart=target; var k=p.$UIvalue; this.refresh().setUIValue(k); } } return this; }, _afterInsertItems:function(profile){ if(!profile.renderId)return; profile.box._reArrage(profile); }, _afterRemoveItems:function(profile){ profile.box._reArrage(profile); }, _cache:function(){ var profile=this.get(0), cls=this.constructor, picker=cls._picker; if(picker && picker.renderId) profile.getSubNode('POOL').append(picker.getRoot().css('display','none')); }, getTimeRange:function(){ var profile=this.get(0), p=profile.properties; return [p._smallLabelStart, p._smallLabelEnd]; }, iniContent:function(){ return this.each(function(profile){ var p=profile.properties; profile.boxing()._getContent(p._smallLabelStart,p._smallLabelEnd,p._rate,'ini'); }); }, addTasks:function(arr){ return this.insertItems(arr,null,true); }, removeTasks:function(ids){ this.removeItems(ids); return this; }, _getContent:function(from,to,rate,type){ //console.log('getContent',from,to,rate,type); return this.each(function(profile){ if(profile.onGetContent){ var ins=profile.boxing(), callback=function(arr){ins.addTasks(arr)}; if(profile.onGetContent){ var r = ins.onGetContent(profile, from, to, rate, type, callback); if(r)callback(r); } } }); } }, Static:{ Templates:{ tagName:'div', style:'{_style}', BORDER:{ tagName:'div', style:'height:{_bHeight}px;width:{_bWidth}px;', POOL:{ tagName:'div', style:'position:absolute;left:0;top:0;width:0;height:0;display:none;' }, TBAR:{ tagName:'div', className:'uibar-top', style:'{_bardisplay};', TBART:{ cellpadding:"0", cellspacing:"0", width:'100%', border:'0', tagName:'table', className:'uibar-t', TBARTR:{ tagName:'tr', TBARTDL:{ tagName:'td', className:'uibar-tdl' }, TBARTDM:{ $order:1, width:'100%', tagName:'td', className:'uibar-tdm' }, TBARTDR:{ $order:2, tagName:'td', className:'uibar-tdr' } } }, BARCMDL:{ tagName:'div', className:'uibar-cmdl', DATE:{$order:0,style:'{dateDisplay}'}, PRE:{$order:2}, 'ZOOMIN':{$order:3,style:'{zoomDisplay}'}, 'ZOOMOUT':{$order:4,style:'{zoomDisplay}'}, NEXT:{$order:5} }, BARCMDR:{ tagName: 'div', className:'uibar-cmdr', onselectstart:'return false', unselectable:'on', OPT:{ className:'uicmd-opt', style:'{optDisplay}', $order:0 }, CLOSE:{ $order:4, className:'uicmd-close ', style:'{closeDisplay}' } } }, MAIN:{ $order:2, tagName:'div', className:'uicon-main', MAINI:{ tagName:'div', className:'uicon-maini', MAINC:{ tagName:'div', MAINP:{ tagName:'div', BAND:{ $order:2, tagName:'div', style:'left:{_band_left}px;width:{_band_width}px;', BIGLABEL:{ tagName:'div', style:'{_showBigLabel}', text:"{_bigMarks}" }, SMALLLABEL:{ $order:1, tagName:'div', text:"{_smallMarks}" } }, VIEW:{ $order:3, tagName:'div', style:'height:{_viewHeight}px;', ITEMS:{ tagName:'div', style:'left:{_band_left}px;width:{_band_width}px;', text:'{items}', ACTIVE:{ $order:3, tagName:'div' } }, SCROLL:{ tagName:'div', SCROLLI:{ tagName:'div' } } } } } } }, TAIL:{ $order:4, tagName:'div', className:'uicon-main', TIPS:{ className:'uicon-maini', style:'z-index:2;{_tipsdisplay};', tagName:'div' } }, BBAR:{ $order:5, tagName:'div', style:'{_bardisplay};', className:'uibar-bottom-s', BBART:{ cellpadding:"0", cellspacing:"0", width:'100%', border:'0', tagName:'table', className:'uibar-t', BBARTR:{ tagName:'tr', BBARTDL:{ tagName:'td', className:'uibar-tdl' }, BBARTDM:{ $order:1, width:'100%', tagName:'td', className:'uibar-tdm' }, BBARTDR:{ $order:2, tagName:'td', className:'uibar-tdr' } } } } }, $submap : { _bigMarks:{ LABELT:{ id:null, className:null, tagName:'div', onselectstart:'return false', unselectable:'on', style:'width:{width}px;left:{left}px;', text:'{text}' } }, _smallMarks:{ LABELB:{ id:null, className:null, tagName:'div', onselectstart:'return false', unselectable:'on', style:'width:{width}px;left:{left}px;', text:'{text}' } }, items:{ ITEM:{ tagName:'div', className:'{itemClass} {disabled}', style:'left:{_left}px;width:{_width}px;{_top};{_height};{itemStyle}', MIN:{ $order:0, tagName:'div', style:'{_minDisplay}' }, NORMAL:{ $order:1, tagName:'div', style:'{_normalDisplay};{_height};{_border}{_background}', LEFT:{ $order:1, tagName:'div' }, HEAD:{ $order:2, tagName:'div' }, CON:{ $order:3, tagName:'div', text:'{caption}' }, RIGHT:{ $order:4, tagName:'div' } } } } } }, Behaviors:{ DropableKeys:['ITEMS'], HoverEffected:{PRE:'PRE',NEXT:'NEXT',ZOOMIN:'ZOOMIN',ZOOMOUT:'ZOOMOUT',DATE:'DATE',OPT:'OPT',CLOSE:'CLOSE',MIN:'MIN',NORMAL:'NORMAL'}, ClickEffected:{PRE:'PRE',NEXT:'NEXT',ZOOMIN:'ZOOMIN',ZOOMOUT:'ZOOMOUT',DATE:'DATE',OPT:'OPT',CLOSE:'CLOSE',MIN:'MIN'}, onSize:linb.UI.$onSize, onKeydown:function(profile, e, src){ if(profile.pauseA||profile.pause)return; profile.pause=true; // speed var t=profile.properties, date=linb.Date, rate=t._rate, maxOffset = 30, o=profile.box._getMoveNodes(profile), x=o.left(), xx=t._band_left, off=t._scroll_offset ; off = t._scroll_offset = off>maxOffset ? off :off*1.05; switch(linb.Event.getKey(e)[0]){ case 'left': case 'up': if(t.minDate && date.add(t.dateStart,'ms',(xx-x-off)*rate)t.maxDate) off=date.diff(t.dateStart,t.maxDate,'ms')/rate - (xx-x+t.width); if(off<0)off=0; o.left(x - off); break; } if((x + maxOffset > 0) || (x + o.width() - t.width - maxOffset < 0)) profile.box._rePosition(profile); profile.pause=false; return false; }, onKeyup:function(profile, e){ var p=profile.properties; p._scroll_offset = p._scrollRate; profile.box._rePosition(profile); }, CLOSE:{ onClick:function(profile, e, src){ if(profile.properties.disabled)return; var instance = profile.boxing(); if(false===instance.beforeClose(profile, src)) return; instance.destroy(); //for design mode in firefox return false; } }, OPT:{ onClick:function(profile, e, src){ if(profile.properties.disabled)return; profile.boxing().onShowOptions(profile, e, src); } }, BAND:{ onMousedown:function(profile, e, src){ if(profile.pauseA||profile.pause)return; var t=profile.properties, r=-t._band_left, date=linb.Date, rate=t._rate, ep=linb.Event.getPos(e), l=t._band_width-r-t.width; ; if(t.minDate && t._smallLabelStartt.maxDate) l-=date.diff(t.maxDate,t._smallLabelEnd,'ms')/rate; if(r<0)r=0; if(l<0)l=0; linb.use(src).startDrag(e, { targetReposition:false, dragType:'blank', horizontalOnly:true, targetLeft:ep.left, targetTop:ep.top, maxLeftOffset:l, maxRightOffset:r }); }, onDragstop:function(profile, e, src){ profile.box._rePosition(profile); }, onDrag:function(profile, e, src){ var ns=profile.box._getMoveNodes(profile), dd=linb.DragDrop.getProfile(); ns.left(profile.properties._band_left + dd.offset.x); } }, SCROLL:{ onScroll:function(profile, e, src){ profile.getSubNode('ITEMS').top(-linb.use(src).scrollTop() ); } }, ITEMS:{ onMouseover:function(profile,e,src){ if(linb.DragDrop.getProfile().isWorking)return; profile.$itemspos = linb.use(src).offset(); }, onMousemove:function(profile,e){ var ddd=linb.DragDrop.getProfile(); if(ddd.isWorking){ //ondrag add here, for performance of 'dont-use-dropable situation'. if(profile.$$ondrag) profile.box._moveActive(profile, profile.$active, ddd.x-profile.$dd_ox, profile.properties._unitPixs); }else{ var t=profile.properties, date=linb.Date, s=t._smallLabelStart, r=t._rate, u=t._timeFormat, p2=profile.$itemspos; if(p2 && t.showTips){ var p1=linb.Event.getPos(e); profile.box._setTips(profile, date.getText(date.add(s, 'ms', (p1.left-p2.left)*r),u)); } } }, onMouseout:function(profile,e,src){ if(linb.DragDrop.getProfile().isWorking)return; if(profile.properties.showTips) profile.box._setTips(profile, ''); }, onMousedown:function(profile, e, src){ var pro=profile.properties; if(pro.disabled || pro.readonly)return; if(profile.pauseA||profile.pause)return; if(linb.Event.getSrc(e)!=linb.use(src).get(0))return; var o = profile.getSubNode('ACTIVE'), x = linb.Event.getPos(e).left; o.css({ display:'block', width:'0' }) .offset({left :x, top :null}); o.startDrag(e, {dragType:'none'}); } }, ACTIVE:{ onDragbegin:function(profile, e, src){ profile.$dd_ox = linb.DragDrop.getProfile().x; profile.$dd_oleft = parseInt(linb.use(src).get(0).style.left)||0; linb.use(src).css('cursor','e-resize') .parent().css('cursor','e-resize'); }, onDrag:function(profile, e, src){ var x=profile.$dd_oleft, ddx=linb.DragDrop.getProfile().x, w, offset; if((offset =ddx-profile.$dd_ox)>=0){ w = offset; }else{ x = x+offset; w = -offset; } profile.box._moveActive(profile, linb.use(src).get(0), x, w); }, onDragstop:function(profile, e, src){ var r = profile.box._deActive(profile) linb.use(src).css('cursor','') .parent().css('cursor',''); var box=profile.box, from=box._getTime(profile, r.left), to=box._getTime(profile, r.left+r.width), p=profile.properties, task,t, b=profile.boxing(); if(profile.properties.multiTasks){ task={id:_.id(),caption:p.dftTaskName,from:from,to:to}; if(profile.beforeNewTasks && false===b.beforeNewTasks(profile, [task])){}else b.addTasks([task]); }else b.setUIValue(from+":"+to); profile.$dd_ox =profile.$dd_oleft=null; } }, PRE:{ onClick:function(profile, e){ if(profile.pauseA||profile.pause)return; var t=profile.properties, date=linb.Date, rate=t._rate, o=profile.box._getMoveNodes(profile), x1=t._band_left, x2=0; ; if(t.minDate && t._smallLabelStartt.maxDate) x2+=date.diff(t.maxDate,t._smallLabelEnd,'ms')/rate; if(x1>x2){ profile.pause=true; o.animate({left:[x1,x2]}, null, function(){ profile.box._rePosition(profile); profile.pause=false; },200,Math.max(5,(x1-x2)/100),'sineInOut').start(); } } }, ZOOMIN:{ onClick:function(profile, e){ if(profile.pauseA||profile.pause)return; var p=profile.properties, box=profile.box, z=box.$zoom, index = _.arr.indexOf(z,p._unitParas), o; if(index > 0){ //profile.pause=true; p.timeSpanKey = z[index- 1][0]; o = profile.getSubNodes(['VIEW','BAND']); } } }, ZOOMOUT:{ onClick:function(profile, e){ if(profile.pauseA||profile.pause)return; var p=profile.properties, box=profile.box, z=box.$zoom, index = _.arr.indexOf(z,p._unitParas), o; if(index < z.length -1){ //profile.pause=true; p.timeSpanKey = z[index + 1][0]; o = profile.getSubNodes(['VIEW','BAND']); } } }, DATE:{ onClick:function(profile, e, src){ if(profile.pauseA||profile.pause)return; var cls=profile.box, box=profile.boxing(), from=profile.properties.dateStart, o,node; if(cls._picker && cls._picker.renderId){ o=cls._picker.boxing(); }else{ o=linb.create('DatePicker'); cls._picker=o.get(0); o.beforeClose(function(){ this.boxing()._cache(); return false; }) .beforeUIValueSet(function(p, ov, v){ var profile=this, obj = profile.getSubNodes(['VIEW','BAND']), box=profile.boxing(), p=profile.properties; p.dateStart=v; box._cache(); }); } o.setValue(from,true).host(profile); node=o.reBoxing(); node.popToTop(src); //for on blur disappear node.setBlurTrigger(profile.key+" - "+profile.$linbid, function(){ box._cache(); }); //for esc linb.Event.keyboardHook('esc',0,0,0,function(){ box._cache(); //unhook linb.Event.keyboardHook('esc'); }); } }, ITEM:{ onClick:function(profile, e, src){ if(profile.onClickTask) profile.boxing().onClickTask(profile, profile.getItemByDom(src), e, src); }, onDragbegin:function(profile, e, src){ var t=profile.getItemByDom(src), type=profile.$dd_type, cursor=type?'e-resize':'move', ac=profile.$active; profile.$dd_ox = linb.DragDrop.getProfile().x; profile.$dd_oleft = parseInt(linb.use(src).get(0).style.left); profile.$dd_owidth = parseInt(linb.use(src).get(0).style.width); linb([ac]).css('display','block').cssPos({left :profile.$dd_oleft, top :null}).width(profile.$dd_owidth-2); linb([ac,ac.parentNode]).css('cursor',cursor); }, onDrag:function(profile, e, src){ var x,w, offset =linb.DragDrop.getProfile().x-profile.$dd_ox, ddl=profile.$dd_oleft, ddw=profile.$dd_owidth, type=profile.$dd_type; if(type=="left"){ if(offset < ddw){ x = ddl + offset; w = ddl + ddw - x; }else{ x = ddl + ddw; w = offset - ddw; } }else if(type == "right"){ if(-offset < ddw){ x = ddl; w = ddw + offset; }else{ x = ddl + offset + ddw; w = -offset - ddw; } }else{ x = ddl + offset; w = ddw; } profile.box._moveActive(profile, profile.$active, x, w); }, onDragstop:function(profile, e, src){ var box=profile.box, r = profile.box._deActive(profile), ac=profile.$active; var from=box._getTime(profile, r.left), to=box._getTime(profile,r.left+r.width); if(profile.properties.multiTasks){ if(profile.beforeTaskUpdated && false===profile.boxing().beforeTaskUpdated(profile, profile.getItemByDom(src), from, to)){}else box._resetItem(profile,r,src); }else profile.boxing().setUIValue(from+":"+to); profile.$dd_type = null; linb([ac,ac.parentNode]).css('cursor',''); } }, HEAD:{ onMousedown:function(profile, e, src){ var ps=profile.properties, item=profile.getItemByDom(src); if(ps.disabled || item.disabled)return; if(profile.beforeDragTask && false===profile.boxing().beforeDragTask(profile, item, e, src)) return; if(ps.readonly||item.readonly)return; linb.use(src).parent(2).startDrag(e, { dragDefer:1, dragType:'none' }); } }, LEFT:{ onMousedown:function(profile, e, src){ var ps=profile.properties, item=profile.getItemByDom(src); if(ps.disabled || ps.readonly || item.readonly || item.disabled)return; profile.$dd_type='left'; linb.use(src).parent(2).startDrag(e, { dragDefer:1, dragType:'none' }); } }, RIGHT:{ onMousedown:function(profile, e, src){ var ps=profile.properties, item=profile.getItemByDom(src); if(ps.disabled || ps.readonly || item.readonly || item.disabled)return; profile.$dd_type='right'; linb.use(src).parent(2).startDrag(e, { dragDefer:1, dragType:'none' }); } } }, DataModel:{ readonly:false, // control width and height width : 400, height : 200, //invisible band count (left,right) //if it's zero, leftSpanCount will be equal to the visible span count(based on widget width) leftSpanCount:{ ini:0, inner:1 }, rightSpanCount:{ ini:0, inner:1 }, increment:0, zoomable:{ ini:true, action:function(v){ if(this.properties.timeSpanKey) this.getSubNodes(['ZOOMIN','ZOOMOUT']).css('display',v?'':'none'); } }, dftTaskName:'task', taskHeight:{ ini:16, action:function(v){ this.getSubNode('ITEM',true).height(v); } }, //time span key timeSpanKey : { ini:'1 d', action:function(){ this.box._refresh(this); } }, // how much px to represent a unit // defalut value is from timeSpanKey unitPixs : { action:function(){ this.box._refresh(this); } }, /* *inner properties *defalut value is from timeSpanKey */ //time span count smallLabelCount:{ inner:1 }, //time span unit smallLabelUnit:{ inner:1, listbox:_.toArr(linb.Date.$TIMEUNIT,true) }, //small label format smallLabelFormat:{ inner:1, listbox:_.toArr(linb.Date.$TEXTFORMAT,true) }, bigLabelCount:{ inner:1 }, //time span unit bigLabelUnit:{ inner:1, listbox:_.toArr(linb.Date.$TIMEUNIT,true) }, //big label format bigLabelFormat:{ inner:1, listbox:_.toArr(linb.Date.$TEXTFORMAT,true) }, //time format timeFormat:{ inner:1, listbox:_.toArr(linb.Date.$TEXTFORMAT,true) }, /*inner properties*/ //bar showBar:{ ini:true, action:function(v){ this.getSubNode('TBAR').css('display',v?'':'none'); var p=this.properties,w=p.width,h=p.height; p.width=p.height=0; linb.UI.$tryResize(this,w,h,true); p.width=w,p.height=h; } }, //tips showTips:{ ini:true, action:function(v){ this.getSubNode('TIPS').css('display',v?'':'none'); var p=this.properties,w=p.width,h=p.height; p.width=p.height=0; linb.UI.$tryResize(this,w,h,true); p.width=w,p.height=h; } }, //big label showBigLabel: { ini:true, action:function(v){ this.getSubNode('BIGLABEL').css('display',v?'':'none'); var p=this.properties,w=p.width,h=p.height; p.width=p.height=0; linb.UI.$tryResize(this,w,h,true); p.width=w,p.height=h; } }, _scrollRate:5, multiTasks: { ini:false, action:function(){ this.box._refresh(this); } }, minDate:{ ini:null, action:function(value){ if(value>this.properties.dateStart) this.box._refresh(this); } }, maxDate:{ ini:null, action:function(value){ var p=this.properties; if(value p.maxDate) p.dateStart=date.add(p.maxDate,'ms',-p.width*rate); if(p.minDate&& p.dateStart]*\>/g, _setTips:function(profile, text, force){ if(!force && profile.pauseA)return; var t,s='$dd_tooltip'; text=text.replace(this._rr,''); if(t = profile[s] || (profile[s] = profile.getSubNode('TIPS').get(0).childNodes[0])){ if(t.nodeValue!=text)t.nodeValue=text; }else profile.getSubNode('TIPS').get(0).innerHTML=text; }, _getX:function(profile, time){ var t=profile.properties,d=new Date; d.setTime(time); return (Math.ceil(linb.Date.diff(t._smallLabelStart, d, 'ms')||0) / t._rate); }, _getTime:function(profile, x, flag){ var t=profile.properties; t = linb.Date.add(t._smallLabelStart, 'ms', x*t._rate); return flag?t:t.getTime(); }, _moveActive:function(profile, src, x, w){ var p=Math.ceil, t=profile.properties, d=linb.Date, s=t._smallLabelStart, r=t._rate, u=t._timeFormat, ms='ms', y=src.style, z='px', m,n,increment; if(increment=t.increment){ m=Math.floor((w+increment-1)/increment); x=Math.floor(x/increment)*increment; w=m*increment; } m = (p(x)||0); n = ((p(w)||0)-2); if(n>0){ y.left= m+z; y.width= n+z; if(t.showTips) profile.box._setTips(profile, d.getText(d.add(s, ms, x*r),u) + " - " + d.getText(d.add(s, ms, (x+w)*r),u) ) } }, _deActive:function(profile){ var t=profile.$active.style, x=parseInt(t.left)||0, w=(parseInt(t.width)||0)+2; t.left='-1000px'; if(profile.properties.showTips) profile.box._setTips(profile, ''); return {left :x, width :w}; }, _minusLeft:function(profile,marks,node,offsetCount){ var t=profile.properties; while((offsetCount--)>0){ node.first().remove(); temp=marks.shift(); } }, _minusRight:function(profile,marks,node,offsetCount){ var t=profile.properties; while((offsetCount--)>0){ node.last().remove(); temp=marks.pop(); } }, _addLeft:function(profile, tag, node, offsetCount, offset){ // get additional bars var t=profile.properties, date=linb.Date, key=tag+'Marks', marks=t[key], labelStart=t[tag+'LabelStart'], labelUnit=t[tag+'LabelUnit'], labelCount=t[tag+'LabelCount'], labelFormat=t[tag+'LabelFormat'], rate=t._rate, addLb=[], temp,label,_date,i; temp=0; label=date.getText(labelStart, labelFormat); for(i=0; i< offsetCount; i++){ _date = date.add(labelStart, labelUnit, labelCount*(i+1)); width = date.diff(labelStart, _date, 'ms')/rate; addLb.push({ left : Math.ceil(temp + (offset||0)-0.0000000000003), width : Math.ceil(width - temp), text : label }); temp=width; label=date.getText(_date, labelFormat); } addLb.reverse(); // add to band UI node.prepend(profile._buildItems(key, addLb)); // add to memory list _.arr.insertAny(marks,addLb.reverse(),0); }, _addRight:function(profile, labelEnd, tag, node, offsetCount, offset){ var t=profile.properties, date=linb.Date, key=tag+'Marks', marks=t[key], labelStart=t[tag+'LabelStart'], labelUnit=t[tag+'LabelUnit'], labelCount=t[tag+'LabelCount'], labelFormat=t[tag+'LabelFormat'], rate=t._rate, addLb=[],_d1, _date,i; _d1=labelEnd; for(i=0; i=1 || left){ var offsetCount = parseInt(offset/t._unitPixs), bak_s = t._smallLabelStart, bak_e = t._smallLabelEnd, _c=-offsetCount*t._smallLabelCount, offsetPxs, _smallLabelStart, _smallLabelEnd; _smallLabelStart=t._smallLabelStart = date.add(t._smallLabelStart, t._smallLabelUnit, _c); _smallLabelEnd=t._smallLabelEnd = date.add(t._smallLabelEnd, t._smallLabelUnit, _c); offsetPxs = Math.ceil(date.diff(_smallLabelStart, bak_s, 'ms')/rate); band.left(x - offsetPxs); // reset band paras t._band_width = Math.ceil(date.diff(_smallLabelStart, _smallLabelEnd, 'ms')/rate); //reset tasks position var _.arr.each(t.items,function(o){ o._left += offsetPxs; profile.box._trimTask(profile,o); }); labelsBottom.children().each(function(o){ o.style.left = (parseFloat(o.style.left)||0) + offsetPxs + "px"; }); _.arr.each(t._smallMarks,function(o){ o.left += offsetPxs; }); // delete out, andd add to blank if(offsetCount>0){ self._minusRight(profile,t._smallMarks, labelsBottom,offsetCount); self._addLeft(profile, '_small', labelsBottom, offsetCount); }else{ self._minusLeft(profile,t._smallMarks, labelsBottom, -offsetCount); self._addRight(profile, bak_e, '_small', labelsBottom, -offsetCount); } if(t.multiTasks){ var arr=[]; // remove tasks _.arr.each(t.items,function(o){ if(o._left >= t._band_width || (o._left+o._width) <= 0){ //delete from lines delete t._lines[o._line][o.id]; arr.push(o.id); } }); profile.boxing().removeItems(arr); profile.boxing()._getContent(offsetCount>0 ? _smallLabelStart : bak_e, offsetCount>0 ? bak_s : _smallLabelEnd, t._rate, offsetCount>0 ? 'left' : 'right'); //adjust the items self._reArrage(profile); } if(t.showBigLabel){ var labelsTop = profile.getSubNode('BIGLABEL'), bigLabelUnit=t._bigLabelUnit, bigLabelCount=t._bigLabelCount, off, offsetCount2,offsetCount3, bigLabelStart,bigLabelEnd; bak_e=t._bigLabelEnd; labelsTop.children().each(function(o){ o.style.left = (parseFloat(o.style.left)||0) + offsetPxs + "px"; }); _.arr.each(t._bigMarks,function(o){ o.left += offsetPxs; }); bigLabelStart=date.getTimSpanStart(_smallLabelStart, bigLabelUnit, bigLabelCount); offsetCount2 = Math.ceil(date.diff(_smallLabelStart, t._bigLabelStart, bigLabelUnit)/bigLabelCount); offsetCount3 = Math.ceil(date.diff(t._bigLabelEnd, _smallLabelEnd, bigLabelUnit)/bigLabelCount); //reset offset of big and small if(offsetCount2){ off = date.diff(_smallLabelStart, bigLabelStart, 'ms')/rate; t._bigLabelStart=bigLabelStart; if(offsetCount2>0) self._addLeft(profile, '_big',labelsTop, offsetCount2, off); else self._minusLeft(profile,t._bigMarks, labelsTop, -offsetCount2); } //reset offset of big and small if(offsetCount3){ off = date.diff(_smallLabelStart, bigLabelStart, 'ms')/rate; t._bigLabelEnd=date.add(t._bigLabelEnd, bigLabelUnit, offsetCount3*bigLabelCount); if(offsetCount3<0) self._minusRight(profile,t._bigMarks, labelsTop, -offsetCount3); else self._addRight(profile, bak_e, '_big',labelsTop, offsetCount3, off); } } } // reset date start point t._band_left = band.left(); t.dateStart = self._getTime(profile, -t._band_left, 1); profile.pause = false; }, _trimTask:function(profile, o){ //**** // if too long, cut left var l=-12, x=o._left, w=o._width, bw=profile.properties._band_width; if(x < l){ if(x+wbw+12)x=bw+12; this._setItemNode(profile, o,'left',x+'px'); // if too long, cut right if(x + w > bw - l) w = bw - l - x; if(w>=0) this._setItemNode(profile, o,'width',w+'px'); }, _setItemNode:function(profile, item, key, value){ var t=profile.getSubNodeByItemId('ITEM',item.id).get(0); t.style[key]=value; }, _getLinePos:function(profile,o){ if(o._min)return 0; var t=profile.properties, b=false, index=0; _.arr.each(t._lines,function(v,i){ if(i===0)return; b=true; _.each(v,function(v){ if(o.id!==v.id) if(((o._left + o._width)>=v._left) && ((v._left + v._width)>=o._left)) return b=false; }); if(b){index=i;return false;} }); if(!b) index = t._lines.push({})-1; return index; }, // _reArrage tasks for top position _reArrage:function(profile){ var self=this, o, h, t=profile.properties; t._lines.length = 1; t.items.sort(function(x,y){ return x.from>y.from?1:x.from==y.from?0:-1; }); //re caculate from current line _.arr.each(t.items,function(v){ if(v._line===0)return; //get pos from current line index = self._getLinePos(profile, v); t._lines[index][v.id]=v; // if has space, reset position if(v._line !== index){ // reset double link v._line = index; // set top if(t.multiTasks) self._setItemNode(profile, v,'top',((t.taskHeight+3) * (index-1) + 16 + 3) +'px'); }; }); h = t._linesHeight = t._lines.length * (t.taskHeight+3); self._ajustHeight(profile); }, _resetItem:function(profile,o,src){ var p=profile.properties, t=profile.getItemByDom(src), bandW=p._band_width + 12, f=function(k,i){return profile.getSubNodeByItemId(k,i)}, timeline=profile.box, max=Math.max; if(o.left){ t._left=o.left; t.from = timeline._getTime(profile,o.left); linb.use(src).get(0).style.left=o.left+'px'; } if(o.width){ t._width=max(o.width, 0); t.to = timeline._getTime(profile,o.left+o.width); if(p.multiTasks){ // if too small, show min if(t._width<=16){ t._width=o.width=16; if(!t._min){ t._min=true; f('NORMAL',t.id).css('display','none'); f('MIN',t.id).css('display','block'); } // else show normal }else{ if(t._min){ delete t._line; t._min=false; f('NORMAL',t.id).css('display','block'); f('MIN',t.id).css('display','none'); } // if too long ,cut right if(o.left + o.width > bandW) o.width = bandW - o.left; } } linb.use(src).get(0).style.width=o.width+'px'; if(linb.browser.ie && !p.multiTasks) linb.use(src).parent().ieRemedy(); } // _reArrage top position timeline._reArrage(profile); }, _ajustHeight:function(profile){ var p=profile.properties, f=function(p){return profile.getSubNode(p)}, view = f('VIEW'), items = f('ITEMS'), scroll = f('SCROLL'), scrolli= f('SCROLLI'), h,b, ih=p._linesHeight||0, vh=view.height(); h=Math.max(ih,vh); items.height(h); scrolli.height(h); b=ih>vh; scroll.css('display',b?'block':'none'); items.top(b?-scroll.scrollTop():0); }, _showTips:function(profile, node, pos){ if(profile.onShowTips) return profile.boxing().onShowTips(profile, node, pos); if(!linb.Tips)return; var t=profile.properties, id=node.id, format=t._timeFormat, sid=profile.getSubId(id), map=profile.SubSerialIdMapItem, item=map&&map[sid], date=linb.Date; if(t.disabled)return; if(item && item.disabled)return; if(item){ item.tips = '

'+item.caption +'

'+ date.getText(new Date(item.from),format)+" - "+date.getText(new Date(item.to),format); linb.Tips.show(pos, item); return true; }else return false; }, _beforeSerialized:function(profile){ var w=profile.properties.width, o=arguments.callee.upper.call(this, profile); o.properties.width=w; return o; }, _onresize:function(profile,width,height){ var p=profile.properties, f=function(k){return profile.getSubNode(k)}, _bbarH=f('BBAR').height(), _tipsH=f('TAIL').height(), off2=f('VIEW').offset(null, profile.getRoot()), off3=2, t; //for border, view and items if(height){ f('BORDER').height(t=height); f('VIEW').height(t=t - (p.showTips?_tipsH:0) -off2.top - (p.showBar?_bbarH:0) -off3); this._ajustHeight(profile); } if(width && width!=p.width){ f('BORDER').width(width); //if width changed, refresh the timeline if(!p.fixWidth){ _.resetRun(profile.$linbid+":refresh",function(){ //if multiTasks, setUIValue will be ignored profile.box._refresh(profile); }); } } }, _refresh:function(profile){ var pro=profile.properties, ins=profile.boxing(), nodes; //clear items first ins.clearItems(); //ins.refresh() this._prepareData(profile); //refresh labels nodes=profile._buildItems('_smallMarks', pro._smallMarks); profile.getSubNode('SMALLLABEL').empty().append(nodes); if(pro.showBigLabel){ nodes=profile._buildItems('_bigMarks', pro._bigMarks); profile.getSubNode('BIGLABEL').empty().append(nodes); } //view/band set left profile.getSubNodes(['BAND','ITEMS']).left(pro._band_left).width(pro._band_width); //if singleTask, setUIValue if(!pro.multiTasks) ins.setUIValue(pro.$UIvalue); //if multiTasks, call iniContent to get tasks else ins.iniContent(); return this; } } });Class("linb.UI.LinkList", ["linb.UI.List"],{ Initialize:function(){ //modify default template fro shell var t = this.getTemplate(); t.$submap={ items:{ ITEM:{ className:'{itemClass} {disabled}', style:'margin:{itemMargin}px;{itemStyle}', LINK:{ $order:1, tagName : 'a', href :"{href1}", tabindex: '{_tabindex}', text:'{caption}' } } } }; this.setTemplate(t); }, Static:{ Appearances:{ ITEMS:{ position:'relative', overflow:'auto', 'overflow-x': (linb.browser.ie || linb.browser.gek)?'hidden':'' }, ITEM:{ 'vertical-align':'middle', position:'relative', background: linb.UI.$bg('icons.gif', 'no-repeat left -130px', true), 'border-right':'solid 1px #7C9CBC', height:'16px', padding:'3px', 'font-size':0, 'line-height':0, 'white-space':'nowrap' }, 'ITEM-mouseover, ITEM-mousedown, ITEM-checked':{ }, 'ITEM-mouseover':{ $order:1, 'background-position': 'left -153px' }, 'ITEM-mousedown':{ $order:2, 'background-position': 'left -176px' }, 'ITEM-checked':{ $order:2, 'background-position': 'left -176px' }, LINK:{ display:linb.$inlineBlock, zoom:linb.browser.ie6?1:null, 'vertical-align':'middle', padding:'1pt 4px 1pt 12px', 'font-size':'12px', 'line-height':'14px' } }, DataModel:({ itemMargin:{ ini:0, action:function(value){ this.getSubNode('ITEM',true).css('margin',value+'px'); } } }), Behaviors:{ ITEM:{onClick:null,onKeydown:null}, LINK:{ onClick:function(profile, e){return !!linb.Event.getKey(e)[2]}, onMousedown:function(profile, e, src){ if(linb.Event.getBtn(e)!='left')return; var properties = profile.properties, item = profile.getItemByDom(src), box = profile.boxing(); if(properties.disabled|| item.disabled)return false; box.onItemClick(profile, item, src); } } }, EventHandlers:{ onItemSelected:null, onItemClick:function(profile, item, src){} }, _prepareItem:function(profile, item){ var p = profile.properties; item._tabindex = p.tabindex; item.itemMargin = p.itemMargin; } } }); Class("linb.UI.Poll", "linb.UI.List",{ Instance:{ fillContent:function(id, obj){ var profile=this.get(0),t,item; if(profile.renderId){ if(item=profile.getItemByItemId(id)){ t=profile.getSubNodeByItemId('BODY',id).html(''); if(obj){ item._obj = obj; item._fill=true; if(typeof obj=='string')t.html(obj); else t.append(obj.render(true)); }else item._obj=item._fill=null; } } return this; }, _setOptCap:function(item, value){ return this.each(function(pro){ var items = pro.properties.items, i = pro.queryItems(pro.properties.items, function(o){ return o.id==item.id; },false,true); if(i && (i=i[0])){ i.caption=value; if(pro.renderId) pro.getSubNodeByItemId('CAPTION',i.id).html(value); } }); }, getBindEditor:function(){ return this.get(0)._bind; }, _insertOpt:function(opt){ if(!opt.id)opt.id='$'+_(); this.insertItems([opt]); return this; }, _removeOpt:function(id){ this.removeItems([id],'OUTER'); return this; }, _setDirtyMark:function(){return this} }, Initialize:function(){ var self=this; self.addTemplateKeys(['EDIT']); //modify default template fro shell var t = self.getTemplate(); t.TITLE={ $order:2, tagName : 'DIV', style:'{titleDisplay}', text : '{title}', className:"uibg-bar uiborder-outset {disabled} {_cls}" }; t.TAIL={ $order:20, tagName : 'DIV', className:"uibg-bar uiborder-outset {disabled}", text:"{cmds}" }; t.$submap={ items:{ OUTER:{ tagName:'div', className:'uibg-bar uiborder-outset', TOGGLE:{ className:'uicmd-toggle', style:'{_togdisplay}' }, ITEM:{ tagName: 'a', href :linb.$href, tabindex: '{_tabindex}', className:'{itemClass} {disabled}', style:'{itemStyle}', OPTION:{ $order:0, tagName : 'DIV', MARK:{$order:1,className:'{_optclass}'} }, CAPTION:{ $order:1, tagName : 'DIV', text : '{caption}', className:"{disabled} {_itemcls}" }, CHART:{ $order:2, tagName : 'DIV', style:'{_display}', CAST:{ $order:0, text:'{message}' }, PROGRESS:{ $order:1, style:'background-position: -{_per}px -200px;', PROGRESSI:{} }, DEL:{ $order:2, className:'ui-btn', style:'{_del}', DELI:{ className:'ui-btni', DELC:{ className:'ui-btnc', DELA:{ tagName:'button', text:'{removeText}' } } } } }, CLEAR:{ $order:3, tagName : 'DIV' } }, BODY:{ $order:1, tagName : 'DIV', text:'{_body}' } } }, cmds:{ CMD:{ className:'ui-btn', CMDI:{ className:'ui-btni', CMDC:{ className:'ui-btnc', CMDA:{ tagName:'a', href:linb.$href, tabindex: '{_tabindex}', text:'{caption}' } } } } } }; t.ITEMS.className=''; self.setTemplate(t); //for modify var inlineEdit=function(profile,node,flag,value,item){ var o,useC,prop=profile.properties, callback=function(v){ var b=profile.boxing(); switch(flag){ //edit option case '1': if(b.beforeOptionChanged(profile, item, v)!==false) b._setOptCap(item,v); break; //new option case '2': if(b.beforeOptionAdded(profile, v)!==false ){ var id="["+v.replace(/[^\w_]*/g,'')+"]"; b._insertOpt({caption:v,id:id}); if(!profile.properties.editable){ profile.boxing().fireItemClickEvent(id); } } break; //edit title default: if(b.beforeTitleChanged(profile, v)!==false) b.setTitle(v); } }; if(profile.onCustomEdit) if(o=profile._bind=profile.boxing().onCustomEdit(profile, node, flag, value, item, callback)) useC=true; if(!useC){ o=profile._bind; if(!o){ var pp={type:prop.editorType,saveBtn:true,left:-10000,top:-10000}; profile._bind=o=linb.create('ComboInput', pp); o.onHotKeydown(function(p,key){ if(key=='enter'){ p.boxing().onSave(p); return false; }else if(key=='esc'){ o.hide(); return false; } }) profile.getRoot().append(o); } var r=node.cssRegion(true,profile.getRoot()); if(r.height>o.getHeight()) o.setHeight(r.height); else r.top-=3; if(r.top<0)r.top=0; o.setValue(value||'',true) .setWidth(r.width + (parseInt(node.css('paddingLeft'))||0)+ (parseInt(node.css('paddingRight'))||0)) .onSave(function(p){ var pro=p.properties,v=pro.$UIvalue, ov=pro.value; if(v!=ov) callback(v); _.asyRun(function(){ o.hide(); }); }) .reBoxing() .setBlurTrigger(o.KEY+":"+o.$linbid, function(){ o.hide(); }) .show(r.left+'px',r.top+'px'); _.asyRun(function(){ o.activate() }); } }; t = self.getBehavior(); var old=t.ITEM.onClick; t.ITEM.onClick = function(profile, e, src){ var p = profile.properties, item = profile.getItemByDom(src), editable=item.id=='$custom' || item.editable; if(p.disabled)return; if(p.editable) inlineEdit(profile, profile.getSubNodeByItemId('CAPTION',item.id), editable?'2':'1', editable?'':item.caption, item); else{ if(editable) inlineEdit(profile, profile.getSubNodeByItemId('CAPTION',item.id), '2'); else old.apply(this, arguments); } }; t.TITLE={ onClick : function(profile, e, src){ var p = profile.properties, item = profile.getItemByDom(src); if(p.disabled)return; if(p.editable) inlineEdit(profile, profile.getSubNode('TITLE'), '3', p.title); } }; t.DEL={ onClick : function(profile, e, src){ var p = profile.properties, b = profile.boxing(), item = profile.getItemByDom(src); if(p.disabled)return; if(b.beforeOptionRemoved(profile, item)!==false ) b._removeOpt(item.id); return false; } } t.CMD={ onClick : function(profile, e, src){ var p = profile.properties, key = profile.getSubId(src); if(p.disabled)return; profile.boxing().onClickButton(profile, key, src); } }; t.TOGGLE={ onClick:function(profile, e, src){ var properties = profile.properties, items=properties.items, item = profile.getItemByDom(src), itemId = profile.getSubId(src), node = linb.use(src), body = profile.getSubNode('BODY',itemId),t ; if(item._show){ node.tagClass('-checked',false); body.css('display','none'); }else{ node.tagClass('-checked'); body.css('display','block'); //fill value if(!item._fill){ item._fill=true; var callback=function(o){ profile.boxing().fillContent(item.id, item._body=o); }; if(profile.onGetContent){ var r = profile.boxing().onGetContent(profile, item, callback); if(r) callback(r); }else callback(profile.box._buildBody(profile, item)); } } item._show=!item._show; //prevent href default action //return false; } }; self.setBehavior(t); }, Static:{ _DIRTYKEY:'MARK', _ITEMKEY:'OUTER', Appearances:{ KEY:{ 'font-size':'12px', zoom:linb.browser.ie?1:null }, 'TITLE, ITEMS, TAIL':{ position:'relative', overflow:'auto', 'line-height':'14px' }, TAIL:{ zoom:linb.browser.ie?1:null, 'padding':'5px 0 5px 40px' }, CMD:{ margin:'3px', 'white-space':'nowrap', 'vertical-align':'middle' }, TITLE:{ 'font-weight':'bold', padding:'4px' }, ITEMS:{ 'overflow-x': (linb.browser.ie || linb.browser.gek)?'hidden':'', zoom:linb.browser.ie?1:null }, OUTER:{ position:'relative', zoom:linb.browser.ie?1:null, 'padding-left':'15px' }, TOGGLE:{ position:'absolute', left:0, top:'4px' }, BODY:{ display:'none', 'padding-left':'27px' }, ITEM:{ display:'block', position:'relative', zoom:linb.browser.ie?1:null, padding:'4px 2px 4px 2px' }, OPTION:{ position:'absolute', left:'2px', top:'4px' }, CAPTION:{ 'float':'left', zoom:linb.browser.ie?1:null, 'margin-left':'24px', //{*1*}for: ie6 double margin bug display:linb.browser.ie6?'inline':null }, 'EDIT, EDITS':{ $order:2, 'float':'none', 'background-color':'#EBEADB', cursor:'pointer', //{*1*}for: ie6 double margin bug display:linb.browser.ie6?'block':null }, CHART:{ 'float':'right' }, CLEAR:{ clear:'both', 'text-align':'right' }, 'PROGRESS, PROGRESSI':{ background: linb.UI.$bg('icons.gif', 'no-repeat', true), width:'200px', height:'14px', border:0, 'vertical-align':'middle', 'line-height':0, 'font-size':0 }, PROGRESS:{ $order:1, 'margin-left':'2px', 'background-position':'-180px -200px' }, PROGRESSI:{ $order:1, 'background-position':'-200px -216px' }, DEL:{ margin:'0 0 0 4px' } }, DataModel:{ $checkbox:1, noCtrlKey:null, title:{ action:function(v){ this.getSubNode('TITLE').html(v); } }, selMode:{ ini:'single', listbox:['single','multi'], action:function(){ this.boxing().refresh(); } }, cmds:{ ini:[] }, noTitle:{ ini:false, action:function(v){ this.getSubNode('TITLE').css('display',v?'none':''); } }, toggle:{ ini:false, action:function(v){ this.getSubNode('TOGGLE',true).css('display',v?'':'none'); } }, removeText:{ ini:'remove', action:function(v){ this.getSubNode('DEL',true).text(v); } }, editable:{ ini:false, action:function(v){ var self=this,t,cls; self.getSubNode('DEL',true).css('display',v?'':'none'); t=self.getSubNode('CAPTION',true).merge(self.getSubNode('TITLE')); cls=self.getClass('EDIT'); if(v) t.addClass(cls); else t.removeClass(cls); } }, newOption:{ ini:'', action:function(v){ var self=this, id='$custom', sid='_special', t, cs=self._cs; if(!v){ if(cs) cs.remove(); }else{ if(!cs){ t={ id:id, caption:v }; t[linb.UI.$tag_subId]=sid; cs=self._buildItems('items',self.box._prepareItems(self,[t])); self.getSubNode('ITEMS').addNext(self._cs=cs); }else self.getSubNodeByItemId('CAPTION',sid).html(v); } } }, editorType:'none' }, Behaviors:{ HoverEffected:{DEL:'DEL',CMD:'CMD',ITEM:'MARK'}, ClickEffected:{DEL:'DEL',CMD:'CMD',ITEM:'MARK'} }, EventHandlers:{ beforeTitleChanged:function(profile, value){}, beforeOptionAdded:function(profile, value){}, beforeOptionRemoved:function(profile, item){}, beforeOptionChanged:function(profile, item, value){}, onCustomEdit:function(profile, node, flag, value, item, callback){}, onClickButton:function(profile, key, src){}, onGetContent:function(profile,item,callback){} }, RenderTrigger:function(){ var self=this,t=self.properties.newOption; if(t) self.boxing().setNewOption(t,true); }, _prepareData:function(profile){ var data=arguments.callee.upper.call(this, profile), p=profile.properties if(p.editable) data._cls = profile.getClass('EDIT'); data.titleDisplay=p.noTitle?'display:none':''; var cmds = p.cmds, o; if(cmds && cmds.length){ var sid=linb.UI.$tag_subId,a; a=data.cmds=[]; for(var i=0,t=cmds,l=t.length;i1)item.percent=1; item._per = 200*(1-item.percent); }else{ item._optclass='uicmd-add'; item._togdisplay=item._display='display:none;'; item._per = 0; item._itemcls=profile.getClass('EDITS'); } item.removeText=p.removeText; item._del='display:none;'; if((('editable' in item) && item.editable)||p.editable){ item._itemcls=profile.getClass('EDIT'); item._del = ''; } }, _buildBody:function(profile,item){ return item.text?'
'+item.text.replace(/':'';
        },
        _onresize:function(){}
    }
});
Class("linb.UI.FoldingList", ["linb.UI.List"],{
    Instance:{
        fillContent:function(id, obj){
            var profile=this.get(0),t,item;
            if(profile.renderId){
                if(item=profile.getItemByItemId(id)){                    
                    t=profile.getSubNodeByItemId('BODYI',id).html('');
                    if(obj){
                        item._obj = obj;
                        item._fill=true;
                        if(typeof obj=='string')t.html(obj);
                        else t.append(obj.render(true));
                    }else
                        item._obj=item._fill=null;
                }
            }
            return this;
        },
        toggle:function(id){
            var profile=this.get(0);
            if(profile.renderId){
                var properties = profile.properties,
                    items=properties.items,
                    item = profile.getItemByItemId(id),
                    subId = profile.getSubIdByItemId(id),
                    node = profile.getSubNode('ITEM',subId),
                    toggle = profile.getSubNode('TOGGLE',subId),
                    nodenext = node.next(),t
                    ;
                if(item._show){
                    if(properties.activeLast && items.length)
                        if(items[items.length-1].id==item.id)
                            return false;
    
                    node.tagClass('-checked',false);
                    toggle.tagClass('-checked',false);
                    if(nodenext)
                        nodenext.tagClass('-prechecked',false);
                }else{
                    node.tagClass('-checked');
                    toggle.tagClass('-checked');
                    if(nodenext)
                        nodenext.tagClass('-prechecked');
                    //fill value
                    if(!item._fill){
                        var callback=function(o){
                            profile.boxing().fillContent(item.id, item._body=o);
                        };
                        if(profile.onGetContent){
                            var r = profile.boxing().onGetContent(profile, item, callback);
                            if(r) callback(r);
                        }else
                            callback(profile.box._buildBody(profile, item));
                    }
                }
                item._show=!item._show
             }
            return this;
        }
    },
    Initialize:function(){
        //modify default template fro shell
        var t = this.getTemplate();
        t.$submap={
            items:{
                ITEM:{
                    tagName : 'div',
                    className:'{_checked} {_precheked} {itemClass} {disabled}',
                    style:'{itemStyle}',
                    HEAD:{
                        tagName : 'div',
                        HL:{tagName : 'div'},
                        HR:{tagName : 'div'},
                        TITLE:{
                            tagName : 'a',
                            href:linb.$href,
                            tabindex: '{_tabindex}',
                            TLEFT:{
                                $order:0,
                                tagName:'div',
                                TOGGLE:{
                                    $order:0,
                                    className:'uicmd-toggle {_tlgchecked}'
                                },
                                CAP1:{
                                    $order:1,
                                    text:'{title}'
                                }
                            },
                            TRIGHT:{
                                $order:1,
                                tagName:'div',
                                style:'{_capDisplay}',
                                CAP2:{
                                    $order:0,
                                    text:'{caption}'
                                },
                                OPT:{
                                    $order:1,
                                    className:'uicmd-opt',
                                    style:'{_opt}'
                                }
                            }/*,
                            TCLEAR:{
                                $order:2,
                                tagName:'div'
                            }*/
                        }
                    },
                    BODY:{
                        $order:1,
                        tagName : 'div',
                        className:'uibg-base',
                        BODYI:{
                            $order:0,
                            tagName : 'div',
                            text:'{_body}'
                        },
                        CMDS:{
                            $order:1,
                            tagName : 'div',
                            text:"{cmds}"
                        }
                    },
                    TAIL:{
                        $order:4,
                        tagName : 'div',
                        TL:{tagName : 'div'},
                        TR:{tagName : 'div'}
                    }
                }
            },
            'items.cmds':{
                $order:2,
                CMD:{
                    className:'ui-btn',
                    CMDI:{
                        className:'ui-btni',
                        CMDC:{
                            className:'ui-btnc',
                            CMDA:{
                                tagName:'a',
                                href:linb.$href,
                                tabindex: '{_tabindex}',
                                text:'{caption}'
                            }
                        }
                    }
                }
            }
        };
        this.setTemplate(t);
    },
    Static:{
        Appearances:{
            KEY:{
                padding:'2px'
            },
            ITEMS:{
                border:0,
                position:'relative',
                zoom:linb.browser.ie?1:null,
                'padding-top':'8px'//,
                //for ie6 1px bug,  HR/TR(position:absolute;right:0;)
                //'margin-right':linb.browser.ie6?'expression(this.parentNode.offsetWidth?(this.parentNode.offsetWidth-(parseInt(this.parentNode.style.paddingLeft)||0)-(parseInt(this.parentNode.style.paddingRight)||0) )%2+"px":"auto")':null
            },
            ITEM:{
                border:0,
                //for ie6 bug
                zoom:linb.browser.ie?1:null,
                'margin-top':'-9px',
                padding:0,
                'font-family': '"Verdana", "Helvetica", "sans-serif"',
                position:'relative',
                overflow:'hidden'
            },
            'HEAD, BODY, BODYI, TAIL':{
                position:'relative'
            },

            CMDS:{
                padding:'4px 8px 2px 18px',
                position:'relative',
                background: linb.UI.$bg('border_left.gif', 'repeat-y left top #EEE'),
                zoom:linb.browser.ie?1:null
            },
            CMD:{
                margin:'2px 4px 2px 4px'
            },
            BODY:{
                display:'none',
                'border-right': 'solid 1px #CCC',
                zoom:linb.browser.ie?1:null,
                position:'relative',
                overflow:'auto',
                background: linb.UI.$bg('border_left.gif', 'repeat-y left top')
            },
            BODYI:{
                padding:'2px 8px 0 8px',
                background: linb.UI.$bg('border_left.gif', 'repeat-y left top'),
                position:'relative'
            },
            'ITEM-checked':{
                $order:2,
                'margin-bottom':'12px'
             },
            'ITEM-checked BODY':{
                $order:2,
                display:'block'
            },
            'HL, HR, TL, TR':{
                position:'absolute',
                '_font-size':0,
                '_line-height':0,
                width:'8px',
                background: linb.UI.$bg('corner.gif', 'no-repeat')
            },
            'HL, HR':{
                height:'30px'
            },
            'ITEM-prechecked HL':{
                $order:1,
                'background-position': 'left top'
            },
            'ITEM-prechecked HR':{
                $order:1,
                'background-position': 'right top'
            },
            'TL, TR':{
                height:'20px'
            },
            HL:{
                $order:1,
                top:0,
                left:0,
                'background-position': 'left -37px'
            },
            HR:{
                $order:1,
                top:0,
                right:0,
                'background-position': 'right -37px'
            },
            TL:{
                $order:1,
                bottom:0,
                left:0,
                'background-position': 'left bottom'
            },
            TR:{
                $order:1,
                bottom:0,
                right:0,
                'background-position': 'right bottom'
            },
            HEAD:{
                position:'relative',
                zoom:linb.browser.ie?1:null,
                background: linb.UI.$bg('border_top.gif', '#fff repeat-x left top'),
                overflow:'hidden'
            },
            TITLE:{
                $order:1,
                height:'26px',
                display:'block',
                position:'relative',
                'white-space':'nowrap',
                overflow:'hidden'
            },
            TAIL:{
                '_font-size':0,
                '_line-height':0,
                position:'relative',
                height:'5px',
                background: linb.UI.$bg('border_bottom.gif', 'repeat-x left bottom #EEE')
            },
            'CAP1, CAP2':{
                padding:'3px',
                'vertical-align':'middle'
            },
            CAP1:{
                color:'#666',
                cursor:'pointer',
                'white-space':'nowrap',
            	font: 'bold 12px arial,sans-serif',
            	color: '#00681C'
            },
            'ITEM-checked CAP1':{
                $order:2,
                'font-weight':'normal'
            },
            TLEFT:{
                //position:linb.browser.ie6?'relative':null,
                //'float':'left',
                position:'absolute',
                left:'4px',
                top:'2px',

                'white-space':'nowrap',
                overflow:'hidden'
            },
            TRIGHT:{
                //position:linb.browser.ie6?'relative':null,
                //'float':'right',

                position:'absolute',
                right:'4px',
                top:'2px',

                'white-space':'nowrap',
                overflow:'hidden'
            }
        },
        Behaviors:{
            HoverEffected:{ITEM:null,HEAD:'HEAD',OPT:'OPT',CMD:'CMD'},
            ClickEffected:{ITEM:null,HEAD:'HEAD',CMD:'CMD'},
            ITEM:{onClick:null,onKeydown:null},
            HEAD:{
                onClick:function(profile, e, src){
                    profile.boxing().toggle(profile.getItemIdByDom(src));
                    return false;
                }
            },
            CMD:{
                onClick:function(profile,e,src){
                    if(profile.onClickButton)
                        profile.boxing().onClickButton(profile,profile.getItemByDom(linb.use(src).parent().get(0)), linb.use(src).id().split('_')[1],src);
                    return false;
                }
            },
            OPT:{
                onMousedown:function(){
                    return false;
                },
                onClick:function(profile, e, src){
                    profile.boxing().onShowOptions(profile, profile.getItemByDom(src), e, src);
                    return false;
                }
            }
        },
        DataModel:({
            value:null,
            cmds:{
                ini:[]
            },
            activeLast:false
        }),
        EventHandlers:{
            onGetContent:function(profile,item,onEnd){},
            onClickButton:function(profile,item,cmdkey,src){},
            onShowOptions:function(profile,item,e,src){}
        },
         RenderTrigger:function(){
            var self=this, pro=self.properties, items=pro.items, item;
            if(pro.activeLast && items.length>0){
                item=items[items.length-1];
                self.boxing().fillContent(item.id, item._body);
            }
        },
        _prepareItems:function(profile, arr, pid){
            if(arr.length){
                arr[0]._precheked = profile.getClass('ITEM','-prechecked');
                if(profile.properties.activeLast){
                    //for properties.data
                    var item = arr[arr.length-1];
                    item._show = true;
                    item._fill = true;
                    item._body = profile.onGetContent?profile.boxing().onGetContent(profile,item) : profile.box._buildBody(profile, item);
                }
            }
            return arguments.callee.upper.apply(this, arguments);
        },
        _prepareItem:function(profile, item){
            var p = profile.properties,o,
                dpn = 'display:none';
            item._tabindex = p.tabindex;
            if(!item.caption)
                item._capDisplay=dpn;
            else
                item.caption = item.caption.replace(/'+item.text.replace(/':'';
        }
    }
});
/*
300: ruler width
30: ruler height
15: ruler shadow height

15: indicator width => 8: indicator offset
14: indicator height
*/
Class("linb.UI.Range", ["linb.UI","linb.absValue"],{
    Instance:{
        _setCtrlValue:function(value){
            return this.each(function(profile){
                var p=profile.properties,
                    tpl=p.captionTpl,
                    fun=function(k){return profile.getSubNode(k)},
                    fun1=function(a,i){a.cssPos({left:profile[i], top: box._x2y(profile[i])}) },
                    fun2=function(o,v){o.get(0).style.width = v +'px'},
                    title = fun('CAPTION'),
                    a=fun('IND1'),
                    b=fun('IND2'),
                    r1 = fun('RULER1'),
                    r3 = fun('RULER3'),
                    box = profile.box,
                    arr = box._v2a(value);

                profile._rate= 300/(p.max-p.min);
                //use Math.round
                profile._v1= Math.round((arr[0]-p.min) /  (p.max-p.min) *300) ;
                profile._v2= Math.round((1-(p.max - arr[1]) /  (p.max-p.min)) *300);

                //text value
                title.html(box._buildTpl(p.singleValue,tpl, arr,p.unit),false);
                //indicator position
                fun1(a, '_v1');
                fun1(b,'_v2');
                //background div width
                fun2(r1, profile._v1+8);
                fun2(r3, profile._v2+8);
            });
        },
        _setDirtyMark:function(){
            return this.each(function(profile){
                if(!profile.properties.dirtyMark)return;
                if(!profile.renderId)return;
                var properties = profile.properties,
                    o=profile.getSubNode('BOX'),
                    flag=properties.value !== properties.$UIvalue,
                    cls=linb.UI.$css_tag_dirty;

                if(profile.beforeDirtyMark && false===profile.boxing().beforeDirtyMark(profile,flag))
                    return;

                if(flag)
                    o.addClass(cls);
                else
                    o.removeClass(cls);
            });
        }
    },
    Static:{
        Templates:{
            style:'{_style}',
            BOX:{
                tagName:'div',
                RULER:{
                    tagName:'div',
                    IND1:{
                        tagName:'a',
                        href:linb.$href,
                        tabindex:'{tabIndex}',
                        style:'{_single}'
                    },
                    IND2:{
                        tagName:'a',
                        href:linb.$href,
                        tabindex:'{tabIndex}'
                    },
                    RULER1:{
                        $order:2,
                        style:'{_single}'
                    },
                    RULER3:{}
                },
                TAIL:{
                    tagName:'div',
                    CAPTION:{
                        tagName:'div'
                    },
                    MIN:{
                        text:'{min}'
                    },
                    MAX:{
                        text:'{max}'
                    }
                }
            }
        },
        Appearances:{
            'KEY, RULER, IND1, IND1':{
                'font-size':0,
                'line-height':0,
                position:'relative'
            },
            BOX:{
                position:'absolute',
                left:0,
                top:0,
                width:'316px'
            },
            'CAPTION, IND1, TAIL, MIN':{
                'font-size':'12px',
                'line-height':'14px'
            },
            RULER:{
                $order:1,
                position:'relative',
                height:'30px',
                overflow:'visible',
                'margin-bottom':'3px',
                background: linb.UI.$bg('bg.png'),
                _background:'none',
                _filter: linb.UI.$ieBg('bg.png')
            },
            'RULER1, RULER3':{
                position:'absolute',
                left:0,
                top:0,
                height:'30px',
                width:'300px'
            },
            RULER1:{
                background: linb.UI.$bg('bg.png'),
                _background:'none',
                _filter: linb.UI.$ieBg('bg.png')
            },
            RULER3:{
                background: linb.UI.$bg('front.png'),
                _background:'none',
                _filter: linb.UI.$ieBg('front.png')
            },
            'IND1,IND2':{
                display:linb.$inlineBlock,
                zoom:linb.browser.ie6?1:null,
                'z-index':'2',
                width:'15px',
                height:'14px',
                position:'absolute'
            },
            IND1:{
                background: linb.UI.$bg('icons.gif', 'no-repeat left -225px', true),
                left:'0px',
                top:'11px'
            },
            IND2:{
                background: linb.UI.$bg('icons.gif', 'no-repeat -15px -225px', true),
                left:'300px',
                top:'1px'
            },
            TAIL:{
                $order:2,
                width:'300px',
                position:'relative'
            },
            CAPTION:{
                position:'relative',
                'text-align':'center'
            },
            MIN:{
                position:'absolute',
                left:0,
                top:0
            },
            MAX:{
                position:'absolute',
                right:0,
                top:0
            }
        },
        Behaviors:{
            IND1:{
                onKeydown:function(profile, e, src){
                    profile.box._keydown.apply(profile.box,[profile, e, src,0]);
                },
                onMousedown:function(profile, e, src){
                    var p=profile.properties,
                        box=profile.box,
                        arr = box._v2a(p.$UIvalue);

                    linb.use(src).startDrag(e,{
                        widthIncrement:p.steps?p.width/p.steps:null,
                        dragType:'move',
                        targetReposition:true,
                        horizontalOnly:true,
                        maxLeftOffset: Math.floor(profile._v1),
                        maxRightOffset: Math.floor(profile._v2-profile._v1),
                        dragCursor:'default'
                    });
                    linb.use(src).css('zIndex',10).focus();
                    profile.getSubNode('IND2').css('zIndex',5);
                },
                onDrag:function(profile, e, src){
                    var d=linb.DragDrop.getProfile();
                    profile.box._ondrag.apply(profile.box,[profile,d.curPos.left,src,0]);
                },
                onDragstop:function(profile, e, src){
                    var p=profile.properties,
                        box=profile.boxing(),
                        rate = profile._rate,
                        d=linb.DragDrop.getProfile(),
                        f,
                        arr = p.$UIvalue.split(':');
                    profile._v1=d.curPos.left;
                    arr[0]= Math.floor((profile._v1)/rate + p.min);
                    box.setUIValue(arr.join(':'));

                    if(profile._v1==profile._v2){
                        linb.use(src).css('zIndex',10);
                        profile.getSubNode('IND2').css('zIndex',5);
                    }
                }
            },
            IND2:{
                onKeydown:function(profile, e, src){
                    profile.box._keydown.apply(profile.box,[profile, e, src,1]);
                },
                onMousedown:function(profile, e, src){
                    var p=profile.properties,
                        box=profile.box,
                        arr = box._v2a(p.$UIvalue);

                    linb.use(src).startDrag(e,{
                        widthIncrement:p.steps?p.width/p.steps:null,
                        dragType:'move',
                        targetReposition:true,
                        horizontalOnly:true,
                        maxLeftOffset: Math.floor(profile._v2-profile._v1),
                        maxRightOffset: Math.floor(300 - profile._v2),
                        dragCursor:'default'
                    });
                    linb.use(src).css('zIndex',10).focus();
                    profile.getSubNode('IND1').css('zIndex',5);
                },
                onDrag:function(profile, e, src){
                    var d=linb.DragDrop.getProfile();
                    profile.box._ondrag.apply(profile.box,[profile,d.curPos.left,src,1]);
                },
                onDragstop:function(profile, e, src){
                    var p=profile.properties,
                        box=profile.boxing(),
                        rate = profile._rate,
                        d=linb.DragDrop.getProfile(),
                        f,
                        arr = p.$UIvalue.split(':');
                    profile._v2=d.curPos.left;
                    arr[1]= Math.floor((profile._v2)/rate + p.min);
                    box.setUIValue(arr.join(':'));
                }
            }
        },
        DataModel:{
            position:'absolute',
            width:{
                ini:300,
                readonly:true
            },
            height:{
                ini:46,
                readonly:true
            },
            min:{
                ini:0,
                action:function(){
                    var self=this,t,pro=self.properties,b=self.boxing();
                    b.refresh();
                    if(pro.$UIvalue!=(t=this.box._ensureValue(self,pro.$UIvalue)))
                        b.setValue(t);
                }
            },
            max:{
                ini:100,
                action:function(){
                    var self=this,t,pro=self.properties,b=self.boxing();
                    b.refresh();
                    if(pro.$UIvalue!=(t=this.box._ensureValue(self,pro.$UIvalue)))
                        b.setValue(t);
                }
            },
            unit:{
                ini:'',
                action:function(){
                    this.boxing()._setCtrlValue(this.properties.$UIvalue);
                }
            },
            steps:0,
            captionTpl:{
                ini:'{fromvalue}{unit} - {tovalue}{unit}',
                action:function(){
                    this.boxing()._setCtrlValue(this.properties.$UIvalue);
                }
            },
            value:'0:100',
            singleValue:{
                ini:false,
                action:function(v){
                    this.boxing().refresh();
                }
            }
        },
        _prepareData:function(profile){
            var d=arguments.callee.upper.call(this, profile);
            var p=profile.properties,
                arr=profile.box._v2a(p.value);
            d._single = p.singleValue?'display:none':'';

            p.min=parseFloat(p.min);
            p.max=parseFloat(p.max);

            d.min = d.min + p.unit;
            d.max = d.max + p.unit;
            return d;
        },
        _ensureValue:function(profile, value){
            if(!value)value="";
            var p = profile.properties,
                a = value.split(':'),
                min=p.min,
                max=p.max,
                b=[],
                f1=function(a){return parseFloat(a)},
                f2=function(a){return Math.min(max, Math.max(min,a))};
            
            b[0]= f1(a[0]);
            b[1]= f1(a[1]);
            b[0] = Math.min(b[0],b[1]);
            if(!min)min=b[0];
            if(!max)max=b[1];
            b[0]= f2(b[0]);
            b[1]= f2(b[1]);            
            return b.join(':');
        },
        _v2a:function(value){
            return typeof value == 'string'? value.split(':') : value;
        },
        _buildTpl:function(single,tpl,arr,unit){
            return single?
              arr[1] + unit
            : tpl.replace(/\{fromvalue\}/g,arr[0]).replace(/\{tovalue\}/g,arr[1]).replace(/\{unit\}/g,unit);
        },
        _x2y:function(x){
            return Math.floor(15 + 1 - (x) * (15/300));
        },
        _keydown:function(profile, e, src,type){
            var key=linb.Event.getKey(e);
            if(key[0]=='left' || key[0]=='right'){
                var s=src.style, left=parseInt(s.left), pro=profile.properties, steps=pro.steps, span=300/steps, v,f=function(key){
                    return parseInt(profile.getSubNode(key).get(0).style.left);
                };
                left += key[0]=='left'?-1:1;
                if(steps){
                    left = left-left%span;
                    if(key[0]=='right')
                        left += span;
                }
                if(!pro.singleValue)
                    if(type===0){
                        v=f('IND2');
                        if(left>v)left=v;
                    }else{
                        v=f('IND1');
                        if(left300)left=300;
                
                s.left=left+'px';

                profile.box._ondrag.apply(profile.box,[profile,left,src,1]);

                var  rate = profile._rate,
                    arr = pro.$UIvalue.split(':');
                if(type===0){
                    profile._v1=left;
                    arr[0]= Math.floor((profile._v1)/rate + pro.min);
                }else{
                    profile._v2=left;
                    arr[1]= Math.floor((profile._v2)/rate + pro.min);
                }
                profile.boxing().setUIValue(arr.join(':'));                
            }
        },
        _ondrag:function(profile, left, src, tag){
            var p=profile.properties,
                d=linb.DragDrop.getProfile(),
                box=profile.box,
                fun=function(k){return profile.getSubNode(k)},
                fun2=function(o,v){o.get(0).style.width = v +'px'},
                cap = fun('CAPTION'),
                r1 = fun('RULER1'),
                r3 = fun('RULER3'),
                t,f,
                arr=this._v2a(p.$UIvalue);

             //adjust top
            linb.use(src).get(0).style.top = this._x2y(left) + 'px';

            t = Math.floor((left)/profile._rate + p.min);

            if(tag){
                arr[1] = t;
                fun2(r3, left + 8);
            }else{
                arr[0] = t;
                fun2(r1, left + 8);
            }
             cap.html(box._buildTpl(p.singleValue, p.captionTpl, arr,p.unit),false);
        },
        _onresize:function(){}
    }
});Class('linb.UI.Calendar', 'linb.UI.DatePicker', {
    Initialize:function(){
        var self=this,
            id=linb.UI.$ID,
            cls=linb.UI.$CLS,
            cls2=cls+'-td-free',
            key=self.KEY;

        self.addTemplateKeys(['H', 'W','DH','DAY','DC','TBODY', 'TD']);
        var colgroup = '',
            thead1='',
            thead2='',
            th='@',
            tbody1 = '',
            tbody2 = '',
            tr1='',
            tr2='',
            td1='@',
            td2=''+
                '
'+
                    '
'+
                    '
'+
                '
'+
                '',
            body,i,j,k,l,a=[],b=[];
        for(i=0;i<7;i++)
            b[b.length]= th.replace(/@/g,i);

        k=l=0;
        for(i=0;i<48;i++){
            j=i%8;
            a[a.length]= (j==0?tr1:'') + (j==0?td1:td2).replace(/@/g,j==0?l:k).replace('!',(j==1||j==7)?cls2:'') + (j==7?tr2:'');
            if(j!==0)k++;
            else l++;
        }

        body=colgroup+thead1+b.join('')+thead2+tbody1+a.join('')+tbody2;

        self.setTemplate({
            tagName : 'div',
            style:'{_style}',
            onselectstart:'return false',
            BORDER:{
                tagName : 'div',
                BODY:{
                    $order:1,
                    tagName:'table',
                    cellpadding:"0",
                    cellspacing:"0",
                    width:'100%',
                    text:body
                }
            }
        });
    },
    Static:{
        Behaviors:{        
            DropableKeys:['DAY'],
            HoverEffected:{},
            ClickEffected:{},
            onSize:linb.UI.$onSize,
            TD:{onClick:null}
        },
        DataModel:{
            handleHeight : null,
            tipsHeight :null,
            closeBtn:null,
            value:null,
            dataBinder:null,
            dateField:null,

            dock:'fill',
            width:200,
            height:200
        },
        _getLabelNodes:function(profile){
            return profile.$day1 || (profile.$day1=profile.getSubNode('DH',true));
        },
        _getDayNodes:function(profile){
            return profile.$day2 || (profile.$day2=profile.getSubNode('DAY',true));
        },
        Appearances:{
            'DAY, DC':{
                position:'relative'
            },
            DAY:{
                overflow:'hidden'
            },
            DC:{
                'text-align':'left'
            },
            'TD-checked':{}
        },
        _onresize:function(profile,width,height){
            var p=profile.properties,
                f=function(k){return profile.getSubNode(k)},
                t;
            //for border, view and items
            if(height){
                f('BORDER').height(t=height);
                f('BODY').height(t);
                t=(t-16)/6-1;
                profile.box._getDayNodes(profile).height(t);
            }
        }
    }
});