var STIXY_FILE_GENERATED_AT = 'Wed Sep 01 14:34:11 +0000 2010'; var STIXY_ENV = 'production'; try { var StixyError = function(e,label){ this.message = e.message; this.lineNumber = e.line || e.lineNumber; if(!this.lineNumber && e.stack) // Chrome this.lineNumber = (/\d+:\d+$/.exec(e.stack) || [0])[0]; if(!this.lineNumber && e.number) // Set linenumber to IE error code (http://msdn.microsoft.com/en-us/library/6bby3x2e(VS.85).aspx and http://msdn.microsoft.com/en-us/library/1dk3k160(VS.85).aspx) this.lineNumber = (e.number & 0xFFFF); this.label = label; this.name = e.name; this.stack = e.stack; this.version = STIXY_FILE_GENERATED_AT; this.errors.push(this); if(STIXY_ENV=="production"){ this.post(this.message, this.name, this.lineNumber, this.label, this.version) }else{ if(window.console){ if(this.label){ console.log(this.lineNumber + ': ' + this.label); } throw e; }else{ alert(this.label + ' (' + e.lineNumber + '): ' + e.message ) } } } StixyError.prototype = new Error; StixyError.prototype.name = "StixyError" StixyError.prototype.errors = new Array; StixyError.prototype.server = (function(){ var xmlhttp; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp = false; }}} if(!xmlhttp) { return null } return xmlhttp; })() StixyError.prototype.post = function(){ try { this.server.abort(); this.server.open("POST", "/resources/log", true); this.server.setRequestHeader("Method", "POST/resources/log HTTP/1.1"); this.server.setRequestHeader("Content-Type", "application/xml"); this.server.setRequestHeader("X-Requested-With", "XMLHttpRequest"); this.server.send(""+this.version+""+this.message+""+this.name+""+this.lineNumber+"" + this.stack + ""+(this.label||"")+""+this.lineNumber+""); }catch(e){} } StixyError.hasError = function(){ return StixyError.prototype.errors.length > 0; } } catch(e){ } onerrors = function(){ new StixyError(new Error("Unspecified Error")) } try { try{ document.execCommand('BackgroundImageCache', false, true) }catch(e){} var logger = { info: function(){ if(window.dump) { dump(arguments[0]) } }, debug: function(){ if(STIXY_ENV=="development" && window.console) { console.log(arguments[0]) } }, error: function(){ if(STIXY_ENV=="development" && window.console) { alert(arguments[0]) } else if(window.console) { console.log(arguments[0]) } } } if(STIXY_ENV!="development"){ if(!window.console){ window.console = { log: function(){ } } } } Function.prototype.bc = function(obj){ try{ // Init object storage. if (!window.__objs){ window.__objs = []; window.__funs = []; } // For symmetry and clarity. var fun = this; // Make sure the object has an id and is stored in the object store. var objId = obj.__objId; if (!objId) { __objs[objId = obj.__objId = __objs.length] = obj; } // Make sure the function has an id and is stored in the function store. var funId = fun.__funId; if (!funId) { __funs[funId = fun.__funId = __funs.length] = fun; } // Init closure storage. if (!obj.__closures) { obj.__closures = []; } // See if we previously created a closure for this object/function pair. var closure = obj.__closures[funId]; if (closure) { return closure; } // Clear references to keep them out of the closure scope. obj = null; fun = null; // Create the closure, store in cache and return result. return __objs[objId].__closures[funId] = function (){ return __funs[funId].apply(__objs[objId], arguments); } }catch(e){ if(!o.__hasError){ o.__hasError = true; new StixyError(e) ; } } } Function.prototype.ub = function() { function o(s){ if(s.__original_function) return o(s.__original_function) return s } return o(this); } Function.prototype.b = function() { var a = Array.prototype.splice.apply(arguments,[0,arguments.length]), o = a.shift(), m = this; var f = function() { try{ return m.apply(o, a.concat(Array.prototype.splice.apply(arguments,[0,arguments.length]))); }catch(e){ if(!o.__hasError){ o.__hasError = true; new StixyError(e) ; } } } f.__original_function = m; return f; } Function.prototype.be = function(o) { var m = this; var f = function(e) { try{ return m.call(o, e || window.event); }catch(e){ if(!o.__hasError){ o.__hasError = true; new StixyError(e) ; } } } f.__original_function = m; return f; } Object.prototype.__prototype_extension = false; Object.prototype.announce = function(){ try{ var args = []; for(var i=0; i 0; }.b(this); }, tempID: { id: 1, get: function(){ return "temp_" + new Date().getTime() + this.id++; } }, session: { // We need to store the session_id and if a user is autorized or not in the cookie. // This is so we can use it on the client side. The session_id is used by the flash upload, // and the authorized key is used for board navigation. None are a security risk. // The authorized key is only used to display the right info to a user. One can't alter it // and gain access to none authorized info. The session is can be retrived by a user anyway, by // decoding the cookie using base64. // Read about cookie sesions in rails at: http://www.neeraj.name/blog/articles/834-how-cookie-stores-session-data-in-rails // The session_id and the authorized key are set in a before_filter (set_js_cookies) in app/controllers/application.rb id: (function(){ var match = document.cookie.match(/stixy_sid=(\S*?)(?:\;|$|\s)/); return match ? match[1] : null })(), getID: function(){ return this.id; }, isAuthorized: function(){ return !(document.cookie.match(/stixy_authorized=true/) == null); }, getDomainCookies: function(){ // Returns the cookis for the domain encoded as a query string return encodeURI(document.cookie.replace(/; /g, "&")) } }, platform: (function(){ var platforms = [["mac","mac"],["pc","win"],["linux","linux"]]; var o={ pc:false, mac:false, linux:false, other:true }; for(var i=0; i0) { for (var i = 0; i < item.length; i++) results.push(item[i]); } else { results.push(item); } return results; } }, getNodeValue: function(name, base){ return base.getElementsByTagName(name)[0].firstChild.nodeValue; }, addClassName: function(element, rule) { element.className = element.className + " " + rule; }, removeClassName: function(element, rule) { element.className = element.className.replace(new RegExp("(^||( ))"+rule+"([\d\w]||$||( ))","g"),"$1"+"$2"); }, replaceClassName: function(element,oldrule,newrule){ var newrule = newrule || oldrule; setTimeout(function(){ element.className = element.className.replace(new RegExp("(^||( ))"+oldrule+"([\d\w]||$||( ))","g"),"$1"+newrule+"$2"); }.b(this), 1) }, hasClassName: function(element,rule){ return (element.className.search(new RegExp("(^|| )"+rule+"([\d\w]||$|| )","g"))>=0) ? true:false; }, toggleClassName: function(element, rule){ if(this.hasClassName(element, rule)){ this.removeClassName(element, rule); return false; }else{ this.addClassName(element, rule); return true; } }, toggleDisplay: function(element, state){ if(element) element.style.display = state==true ? "block" : "none"; }, positionedOffset: function(element, prop, stopElement){ var val = 0; do{ if(element==stopElement) break; val += element[prop] || 0; }while(element = element.offsetParent); return val }, remove: function(element){ try{ return element.parentNode.removeChild(element); }catch(e){ new StixyError(e, "004_elements.js line 112") } }, discardElement: function(element) { this.bin = this.bin || function(){ var bin = document.createElement("div"); bin.style.display = "none"; document.body.appendChild(bin); return bin; }(); this.bin.appendChild(element); this.bin.innerHTML = ""; }, contained: function(source,target){ if(source && target){ if(target.split){ var target = target.toUpperCase() while(source){ if(source.tagName==target){ return source } else{ source = source.parentNode} } }else{ while(source){ if(source==target){ return true } else{ source = source.parentNode} } } } return false; }, setOpacity: function(source, value){ if(source.filters){ if(source.filters.length > 0){ source.filters.item(0).Opacity = value * 100 } }else{ source.style.opacity = value; } }, getOpacity: function(source){ if(source.filters){ return (source.filters.length > 0) ? parseFloat((source.filters.item(0).Opacity / 100)||0) : 100; }else{ return parseFloat(document.defaultView.getComputedStyle(source,null).getPropertyValue("opacity")); } }, form: { elementsToObject: function(form, return_elements){ function dig(names, object, value){ var current = object || {} var name = names.shift() current[name] = (names.length) ? dig(names, current[name], value) : value; return current; } var root = {} for(var i=0; i < form.elements.length; i++){ var element = form.elements[i]; if(element.name){ var names = element.name.match(/[^\]\[]+/g); if(names){ var value = return_elements ? element : this.getValue(element); if(value!==false){ root = dig(names, root, value) } } } } return root }, elementsToQueryString: function(form){ var root = [] for(var i=0; i < form.elements.length; i++){ var element = form.elements[i]; if(element.name){ var value = this.getValue(element); if(value!=false){ root.push(encodeURI(element.name + "=" + value)) } } } return root.join("&"); }, getValue: function(field){ var type = field.type.toLowerCase(); if(type=="checkbox" || type=="radio"){ return field.checked ? "1" : "0"; } return field.value; }, setValue: function(field,value){ var fieldName = field.tagName.toLowerCase(); var type = field.type.toLowerCase(); if(fieldName=="select"){ var options = field.options; for(var i=0; i'; return fragment.childNodes[0].childNodes[0]; }else if(str.match(/^\s*?'; return fragment.childNodes[0].childNodes[0].childNodes[0]; }else{ fragment.innerHTML = str; return fragment; } } } return null } }, str: { chars: function(c,n){ var s = "" for(var i=0; i/g,"") return replaced.replace(/\]\]/g,"") }, fromObject: function(o,s,formated){ var s = s||""; function character(index,character){ str = "" if(!formated) return str for(var x=0; x"+character(1,"\n"); if(typeof v == "object"){ g(v, ++i); }else{ s += character(i," ") + (""+character(1,"\n")); } s += character(i," ") + ""+character(1,"\n"); }) return s; } return g(o, 0); } } }); Stixy.extend(Stixy, { board: { id: null, inProgress: false, getID: function(){ return this.id; }, not_authorized: function (){ if(Stixy.session.isAuthorized() || !Stixy.server.ques || (Stixy.server.ques.storage.length == 0)) return false; Stixy.popup.open("/public/new_stixyboard?popup=true"); return true; }, navigate: function(id, token, save_changes){ this.announce("beforenavigate", {from:Stixy.board.id,to:id}) this.announce("unload") this.listen("afterupdate", (function(oid){ this.announce("afternavigate", {from:oid,to:id}) }.b(this))(Stixy.board.id)); if(this.inProgress){ Stixy.board.resetBoardListItemState(); Stixy.server.abort(); } if(this.not_authorized()){ this.storedNavigation = arguments; return; } this.inProgress = true; if(save_changes!==false){ Stixy.server.update(function(request){ Stixy.widgets.removeAll(); this.succeded(request); Stixy.board.updateBoardList(id); }); }else{ Stixy.server.reset(); } this.setBoardListItemState(id); this.new_stixyboard = (!id); this.update(((token) ? '/invitation/join_ajax?token=' + token : '/public/index/' + id)) if(token){ Stixy.board.updateBoardListItem(id) } }, setBoardListItemState: function(id){ Stixy.element.addClassName(Stixy.ui.base, "loading"); this.old_item = Stixy.element.$ID("board_list_style_"+Stixy.board.id); this.new_item = Stixy.element.$ID("board_list_style_"+id); if(this.old_item) Stixy.element.removeClassName(this.old_item, "board-list-current"); if(this.new_item){ Stixy.element.addClassName(this.new_item, "board-list-current"); Stixy.element.addClassName(this.new_item, "board-list-loading"); } }, resetBoardListItemState: function(id){ Stixy.element.removeClassName(Stixy.ui.base, "loading"); if(this.new_item){ Stixy.element.removeClassName(this.new_item, "board-list-current"); Stixy.element.removeClassName(this.new_item, "board-list-loading"); } }, update: function(url, new_stixyboard){ Stixy.element.addClassName(Stixy.ui.base, "loading"); //var fade = new Stixy.effects.FadeOut(Stixy.ui.canvas_content, 0.3, 0.3) Stixy.server.connect(null, url, function(request){ //fade.cancel(); var result = Stixy.JSON.decode(request.responseText); //var transitNode = Stixy.ui.canvas_content.cloneNode(true); //transitNode.id = '' //Stixy.ui.canvas_content.parentNode.appendChild(transitNode); //Stixy.element.setOpacity(Stixy.ui.canvas_content,0.3); Stixy.widgets.removeAll(); Stixy.JSON.replaceHTML(result); Stixy.ui.notification.reset(); Stixy.JSON.executeScript(result); Stixy.ui.listen('scrolltoposition', function(){ //new Stixy.effects.FadeIn(Stixy.ui.canvas_content, 0.2, 1) Stixy.element.removeClassName(Stixy.ui.base, "loading"); if(this.new_item) Stixy.element.removeClassName(this.new_item, "board-list-loading"); if(this.new_stixyboard) Stixy.board.updateBoardList(); this.inProgress = false; this.announce("afterupdate"); }.b(this)); Stixy.ui.scrollToPosition(Stixy.ui.scrollPositions, false); //new Stixy.effects.Transition(transitNode, Stixy.ui.canvas_content, 0.5, function(){ // transitNode.parentNode.removeChild(transitNode) //}.b(this)); }.b(this)); }, updateBoardListItem: function(id){ Stixy.server.replace(null, "/board/board_list_compact_item_ajax/" + (id||Stixy.board.id), "board_list_item_" + (id||Stixy.board.id)) }, addBoardFilter: function(set){ this.boardsBeforeNav(); Stixy.server.replace(null, encodeURI("/board/board_list_compact_ajax/" + Stixy.board.id + "?set_filters=true&filters=" + (set==0 ? "": Stixy.ui.tagFilter.getContent())), Stixy.ui.board_list_bar, Stixy.ui.tagFilter.reset.b(Stixy.ui.tagFilter)); }, sendNotification: function(){ Stixy.element.$ID("board_notification_send").style.display = "none"; Stixy.element.$ID("board_notification_sendig").style.display = "inline"; Stixy.server.replace(Stixy.XML.fromObject({message:Stixy.ui.notification.getContent()}), encodeURI("/board/send_notification/" + Stixy.board.id), Stixy.element.$ID("board_notification"), Stixy.ui.notification.reset.b(Stixy.ui.notification), function(){ Stixy.element.$ID("board_notification_send").style.display = "block"; Stixy.element.$ID("board_notification_sendig").style.display = "none"; alert("We're sorry.\n\nThe notification could not be sent due to unspecified reason. Please try again."); }); }, updateBoardList: function(id,params){ this.boardsBeforeNav(); Stixy.server.replace(null, "/board/board_list_compact_ajax/" + (id||Stixy.board.id) + (params ? "?" + params : ""), Stixy.ui.board_list_bar, function(){ Stixy.ui.tagFilter.reset.b(Stixy.ui.tagFilter)(); Stixy.ui.initAllBoardListItems.b(Stixy.ui)(); }) }, updateBoardOptions: function(parameters){ Stixy.server.replace(null, "/board/board_option_ajax/" + Stixy.board.id + (parameters ? "?" + parameters : ""), Stixy.ui.bopt_bar, function(){ Stixy.ui.notification.reset.b(Stixy.ui.notification)(); }) }, updateUtilityNav: function(){ Stixy.server.replace(null, "/utility_navigation_ajax", 'utility_navigation') }, openInvite: function(){ Stixy.popup.open("/board/invite/" + Stixy.board.id + "?popup=true" ,null,null,Stixy.board.updateBoardOptions) }, openSetting: function(){ Stixy.popup.open("/setting/index?popup=true",null,null) }, openOverview: function(){ Stixy.popup.open("/board/board_list_detailed?popup=true",10000,10000) }, openCalendar: function(){ Stixy.popup.open("/calendar?popup=true",10000,10000) }, boardsBeforeNav: function(){ Stixy.element.addClassName(Stixy.element.$ID("board_list_scroll"),"board-loading") }, openSignin: function(){ Stixy.popup.open("/signin?popup=true",null,null) }, openOption: function(){ Stixy.popup.open("/board/option/" + Stixy.board.id + "?popup=true",null,null) }, openTrashCan: function(){ Stixy.popup.open("/board/trash_can/" + Stixy.board.id + "?popup=true",null,null) }, openSignup: function(){ Stixy.popup.open("/signup?popup=true",null,null) }, newStixyboard: function(){ if(this.not_authorized()){ this.storedNavigation = arguments; return; }; Stixy.board.navigate(0); }, reset: function(){ Stixy.server.reset(); Stixy.popup.close(); }, cancelAndContinue: function(){ Stixy.board.reset(); if(Stixy.board.storedNavigation) Stixy.board.navigate.apply(Stixy.board, Stixy.board.storedNavigation); }, updateAll: function(board_options_state,board_list_state,widget_tray_state,fetch_latest){ Stixy.board.updateUtilityNav(); Stixy.board.updateBoardList(); Stixy.board.navigate(fetch_latest ? "" : Stixy.board.id); Stixy.ui.boptToggle(null,board_options_state,false); Stixy.ui.boardListToggle(null,board_list_state,false); Stixy.ui.trayToggle(null,widget_tray_state,false); }, navigatePopup: function(e, url){ Stixy.events.stop(e); window.location.href = url + ((/\?/.test(url)) ? "&" : "?") + "popup=true&from_popup=true"; } } }); Stixy.extend(Stixy, { flash: { pending: [], add: function(src,target,name,options){ var ref = {source:null}; this.pending.push({src:src,target:target,name:name,options:options,ref:ref}); return ref; }, loaded: (function(){ Stixy.listen("ready", function(){ try{ for(var i=0; i=min&&this.version<=max) } } }); Stixy.extend(Stixy, { features: { Base: function(widget, attributes){ this.widget = widget; this.attachedEvents = []; this.target = attributes["target"] || attributes["source"] || null; this.source = attributes["source"] || attributes["target"] || null; this.observe = function(target, eventName, func, phase){ phase = phase||false this.attachedEvents.push([target, eventName, func, phase]); Stixy.events.observe(target, eventName, func, phase); } this.stopObserving = function(target, eventName, func, phase){ phase = phase||false for(var i=0; i this.droparea.left && event.clientX < this.droparea.right && event.clientY > this.droparea.top && event.clientY < this.droparea.bottom ){ if(!this.inside) { this.announce("enterdroparea") } this.inside = true; this.announce("insidedroparea"); }else{ if(this.inside) { this.announce("leavedroparea") } this.inside = false; this.announce("outsidedroparea"); } } this.x = event.clientX - this.offsetX; this.y = event.clientY - this.offsetY; this.snapToGrid(); var pointer = [this.x,this.y]; if(this.lastPointer && (this.lastPointer[0] == pointer[0] && this.lastPointer[1] == pointer[1])) { return } this.lastPointer = pointer; // Set the pointers so, for example, a widget can't be placed outside of a Stixyboard. pointer[0] = (((pointer[0]+this.minX)>0) ? pointer[0] : -this.minX); pointer[1] = (((pointer[1]+this.minY)>0) ? pointer[1] : -this.minY); if(this.horizontal && (pointer[0]>this.start) && (pointer[0]this.start) && (pointer[1] this.maxWidth) ? this.maxWidth : newWidth; this.y = (newHeight < this.minHeight) ? this.minHeight : (newHeight > this.maxHeight) ? this.maxHeight : newHeight; } this.updateSize = function(){ if(this.horizontal) { this.target.style.width = this.x + "px" } if(this.vertical) { this.target.style.height = this.y + "px" } } this.updateAspectRatio = function(x,y){ this.x = x; this.y = y; this.updateSize(); this.widget.save({width:parseInt(this.widget.element.style.width),height:parseInt(this.widget.element.style.height)}) } this.observe(this.source, "mousedown", this.startResize.be(this)); } Stixy.features.Resize.prototype = new Stixy.features.common.Size; Stixy.features.Hover = function(widget, attributes){ Stixy.features.Base.call(this, widget, attributes) this.mouseEnter = function(event){ if(!Stixy.events.related(event, this.target)){ this.announce("enter"); this.announce("afterenter"); } } this.mouseLeave = function(event){ if(!Stixy.events.related(event, this.target)){ this.announce("leave"); this.announce("afterleave"); } } this.observe(this.target, "mouseover", this.mouseEnter.be(this)); this.observe(this.target, "mouseout", this.mouseLeave.be(this)); } Stixy.features.Focus = function(widget, attributes){ Stixy.features.Base.call(this, widget, attributes); this.hasFocus = false; this.giveFocus = function(event){ if(this.hasFocus && (event && event.shiftKey)){ this.resetFocus() return; } if(this.hasFocus) { return } if(!(event && event.shiftKey)){ this.global.announce("resetfocus") } this.global.listen("resetfocus", this.resetFocus.b(this)); this.global.listen("singlefocus", this.singlefocus.b(this)); this.hasFocus = true; this.global.multipleSelected(true); this.announce("gotfocus", this.global.areMultipleSelected()); this.global.announce("newfocus", this.widget); this.observe(Stixy.ui.canvas, "mousedown", this.looseFocus.b(this), false); } this.singlefocus = function(){ this.announce("singlefocus"); } this.resetFocus = function(){ if(this.hasFocus){ this.deactivate(); this.delight(); this.stopFocus(); this.global.multipleSelected(false); } } this.looseFocus = function(event){ Stixy.events.stop(event); if(!Stixy.events.contained(event,this.widget.element) && !event.shiftKey){ this.stopFocus() this.global.resetMultipleSelect(); } } this.stopFocus = function(){ this.stopObserving(Stixy.ui.canvas, "mousedown", this.looseFocus.b(this), false); this.global.unlisten("resetfocus", this.resetFocus.b(this)); this.global.unlisten("singlefocus", this.singlefocus.b(this)); this.hasFocus = false; this.announce("lostfocus"); } this.activate = function(event){ this.isActive = true; this.announce("activated"); } this.deactivate = function(event){ if(this.isActive){ this.isActive = false; this.announce("deactivated"); } } this.highlight = function(event){ this.observe(Stixy.ui.canvas, "mousedown", this.looseHighlight.b(this), true); this.global.resetHighlight(); this.global.setWidget(this.widget); this.isHighlighted = true; this.announce("highlighted"); } this.delight = function(event){ if(this.isHighlighted){ this.stopObserving(Stixy.ui.canvas, "mousedown", this.looseHighlight, true); this.isHighlighted = false; this.announce("delighted"); } } this.looseHighlight = function(event){ this.delight(event) } this.observe(this.source, "mousedown", this.giveFocus.b(this), true); } Stixy.features.Focus.prototype.global = new function(){ this.multipleSelected = function(add){ this.widgetCount += add ? 1 : -1; if(this.widgetCount==1){ this.announce("singlefocus"); } } this.areMultipleSelected = function(){ return this.widgetCount > 1; } this.resetMultipleSelect = function(){ this.widgetCount = 0; } this.resetMultipleSelect(); this.resetHighlight = function(){ if(this.widget){ if(this.widget.focus.isActive) this.widget.focus.deactivate(); if(this.widget.focus.isHighlighted) this.widget.focus.delight(); this.resetWidget(); } } this.setWidget = function(widget){ this.widget = widget; } this.resetWidget = function(){ this.widget = null; } } Stixy.features.Order = function (widget,attributes){ Stixy.features.Base.call(this, widget, attributes) this.stay = (attributes["stay"]) ? (attributes["stay"]==0) ? false : true : false; this.reset = attributes["reset"] || false; this.index = 0; this.changeOrder = function(order,force){ if((this.stay && !force)||this.widget.locked||(this.widget.focus&&this.widget.focus.global.areMultipleSelected())) { return } this.source.style.zIndex = (order===0) ? --this.global.bottom : ++this.global.top + this.widget.instances.length; this.id = (order===0) ? -(new Date().getTime()) : new Date().getTime(); this.announce("shuffle"); } this.autoMove = function(){ this.stay = (this.stay) ? false:true; } this.observe(this.source, "mousedown", this.changeOrder.b(this), true); } Stixy.features.Order.prototype.global = new function(){ this.top = 1000000; this.bottom = 1000000; } Stixy.features.Remove = function(widget,attributes){ Stixy.features.Base.call(this, widget, attributes) this.remove = function(event){ Stixy.events.stop(event); if(this.widget.locked) return; this.announce("beforeremove"); this.widget.destroy(); }.b(this) this.observe(this.source, "mousedown", this.remove, true); } // # TODO // Known bugs: // Safari: If one creates a link and have only selected one character, the character is not replaced // by the link label, but pushed to the right. Stixy.features.Text = (function(){ var Text = function(widget, attributes){ Stixy.features.Base.call(this, widget, attributes) this.updated = false; this.document = document; this.nativeEditor = nativeEditor(); this.pendingOpen = false; this.editableState = true; if(this.nativeEditor){ this.editor = null; this.editable = function(state){ this.editableState = state===false ? false : true; this.source.contentEditable = this.editableState; } try { document.execCommand('enableInlineTableEditing', false, "false"); document.execCommand('enableObjectResizing', false, "false"); }catch(e) { } this.update = function(){ if(this.updated==false){ this.announce("beforeedit"); this.updated = true; } }.b(this); if(document.attachEvent){ this.observe(this.source, "mousedown", function(){ if(widget.focus){ widget.focus.giveFocus() }; if(widget.order){ widget.order.changeOrder() }; }.b(this)); this.observe(this.source, "beforeeditfocus", function(){ if(!this.hasFocus){ this.hasFocus = true; this.observe(document, "keyup", this.update); this.selection = document.selection; var eventMouseDown = function(){ this.announce("beforeedit"); this.announce("gotfocus"); this.stopObserving(document, "mouseup", eventMouseDown.b(this)); } this.observe(document, "mouseup", eventMouseDown.b(this)); } }.b(this)); this.observe(document, "selectionchange", function(){ this.announce("textselected"); }.b(this)); this.observe(this.source, "beforedeactivate", function(){ this.stopObserving(document, "keyup", this.update); if( !Stixy.element.contained(event.toElement,this.widget.optionbar.base) && !Stixy.element.contained(event.toElement,Stixy.ui.wopt_show) && !Stixy.element.contained(event.toElement,Stixy.ui.wopt_hide) ){ this.announce("lostfocus"); } this.hasFocus = false; }.b(this)); }else{ // ==================================================================================== // = # TODO: From old js file. This needs to be refactored in a better way = // = The activeElement is set in the loadOptionbar method in 032-widgets_optionbar.js = // ==================================================================================== this.observe(this.source, "focus", function(e){ var eventLostFocus = function(e){ setTimeout(function(){ // allow the focus event to set the activeElement before the blur event if(Stixy.element.contained(document.activeElement, this.widget.optionbar.panel)){ return } this.stopObserving(this.source, "blur", eventLostFocus); this.announce("lostfocus"); }.b(this),100) } this.observe(this.source, "blur", eventLostFocus.b(this)); var eventOutsideClick = function(e){ if(!Stixy.events.contained(e,this.source) && !Stixy.events.contained(e,this.widget.optionbar.panel)){ this.stopObserving(document, "click", eventOutsideClick); this.source.blur(); } } this.observe(document, "click", eventOutsideClick.b(this)); var eventMouseDown = function(){ this.announce("beforeedit"); this.announce("gotfocus"); this.stopObserving(document, "mouseup", eventMouseDown.b(this)); } this.observe(document, "mouseup", eventMouseDown.b(this)); this.observe(document, "keyup", this.update); this.selection = window.getSelection(); }.b(this)); // var sourceGotFocus = function(e){ // this.hasFocus = true; // var eventOutsideClick = function(e){ // if( !Stixy.element.contained(Stixy.events.element(e), this.widget.optionbar.base) && // !Stixy.element.contained(Stixy.events.element(e), this.source) && // !Stixy.element.contained(Stixy.events.element(e), Stixy.ui.wopt_show) && // !Stixy.element.contained(Stixy.events.element(e), Stixy.ui.wopt_hide) // ){ // this.stopObserving(this.widget.element, "mousedown", eventOutsideClick); // this.stopObserving(document, "mousedown", eventOutsideClick); // this.source.blur(); // }else{ // Stixy.events.halt(e); // } // } // this.observe(document, 'keydown', function(e){ // if(e.keyCode == 9 && this.hasFocus){ // eventOutsideClick(); // } // }.b(this)) // this.observe(this.widget.element, "mousedown", eventOutsideClick.b(this)); // this.observe(document, "mousedown", eventOutsideClick.b(this)); // var eventMouseDown = function(){ // this.announce("beforeedit"); // this.announce("gotfocus"); // this.stopObserving(document, "mouseup", eventMouseDown.b(this)); // } // this.observe(document, "mouseup", eventMouseDown.b(this)); // this.observe(document, "keyup", this.update); // this.selection = window.getSelection(); // } // this.observe(this.source, "focus", sourceGotFocus.b(this)); // this.observe(this.source, "blur", function(e){ // this.hasFocus = false; // this.stopObserving(document, "mouseup", sourceGotFocus); // }.b(this)); // window.listen("textselected", function(source){ // if(Stixy.element.contained(source,this.source)){ // this.reformatMozBogusNode(); // this.announce("textselected"); // } // }.b(this)); // this.observe(this.source, "blur", function(event){ // this.stopObserving(document, "keyup", this.update); // this.announce("lostfocus"); // }.b(this)); } }else{ this.editable = function(state){ this.editableState = state===false ? false : true; if(!this.editableState){ this.destroy(); } } this.editor.text = this; this.editor.widget = widget this.eventCreate = function(){this.announce("gotfocus") }.b(this); this.eventBeforemove = function(){ this.destroy() }.b(this); this.eventBeforeresize = function(){ this.destroy() }.b(this); this.eventBeforeedit = function(){this.announce("beforeedit") }.b(this); this.eventLostfocus = function(){ this.destroy() }.b(this); this.eventTextselected = function(){ this.selection = this.editor.selection; this.announce("textselected"); }.b(this); } this.getSource = function(){ if(this.editor && (this.editor.widget==this.widget && this.editor.window)){ this.editor.updated = false; var text = this.editor.body.innerHTML; }else{ this.updated = false; var text = this.source.innerHTML; } return text.replace(/&(lt|gt);/g,"&__STIXYREMOVE__$1;") } this.giveFocus = function(){ if(this.editor){ this.editor.window.contentWindow.focus(); } } this.waitToOpen = function(){ this.openEditor(); } this.openEditor = function(){ if(this.editor.initiating==true || !this.editableState) return this.widget.move.listen("beforemove", this.eventBeforemove); this.widget.resize.listen("beforeresize", this.eventBeforeresize); this.widget.focus.listen("lostfocus", this.eventLostfocus); this.editor.listen("create", this.eventCreate); this.editor.listen("beforeedit", this.eventBeforeedit); this.editor.listen("textselected", this.eventTextselected); this.editor.open(this.source, this.widget); } this.destroy = function(){ if(this.editor && this.editor.initiating==true) return this.widget.move.unlisten("beforemove", this.eventBeforemove); this.widget.resize.unlisten("beforeresize", this.eventBeforeresize); this.widget.focus.unlisten("lostfocus", this.eventLostfocus); if(this.editor){ this.editor.unlisten("create", this.eventCreate); this.editor.unlisten("beforeedit", this.eventBeforeedit); this.editor.unlisten("textselected", this.eventTextselected); this.editor.destroy(); } this.announce("lostfocus"); } this.catchMousedown = function(event){ Stixy.events.halt(event); if(this.editor){ this.editor.beforeEdit = this.beforeEdit; this.observe(this.source, "mouseup", this.openEditor.b(this)); } } // To catch and cancel drag/resize and any other possible mousedown events this.observe(this.source, "mousedown", this.catchMousedown.be(this), true); // Link tooltip for the instance this.linkTooltip = new Text.LinkTooltip(this.widget.element); this.observe(this.source, "mouseover", function(e){ this.linkTooltip.showUnless(e, this.widget); }.b(this)); this.linkTooltip.listen("editclick", function(e,link,href,label){ this.editLink(link,href,label) }.b(this)); this.linkTooltip.listen("linkclick", function(e,link,href){ Stixy.openExternalWindow(href); }.b(this)); } // Text selection for Safari and Firefox. Comparable to IE "onselectionchange" native event. if(!document.attachEvent){ this.handleTextSelect = function(e){ if(window.getSelection().rangeCount > 0){ var _tmp_select = window.getSelection().getRangeAt(0); try{ if(!this._tmp_select_compare || this._tmp_select_compare.collapsed || (_tmp_select.compareBoundaryPoints(Range.START_TO_START,this._tmp_select_compare)!=0)||(_tmp_select.compareBoundaryPoints(Range.END_TO_END,this._tmp_select_compare)!=0)){ window.announce("textselected", Stixy.events.element(e)); } }catch(e){ } this._tmp_select_compare = _tmp_select } }.b(this); Stixy.events.observe(document, "mouseup", this.handleTextSelect); Stixy.events.observe(document, "keyup", this.handleTextSelect); } // =========== // = Methods = // =========== /*---------------------------------------- Firefox 3 has a bug that disables execCommand to work as supposed. This happens when all content of a node with contenteditable="true" is selected and the node is a child of another node (other than body). This is a patch that adds an extra node outside of the selection. This enables the execCommand to work, since all content of the node is no longer selected. Also, text can't be formated if the text node is the first node inside, text in that node can't be formated with execCommand http://fretlessjazz-ux.blogspot.com/2009/09/implementing-rich-text-editor-with.html ----------------------------------------*/ var mozEditorBlockSpacerName = 'sx:moz-editor-block-spacer'; var addMozBogusNode = function(source){ if(Stixy.ua.gecko){ if(!hasMozBogusNode(source)){ var bogusNode = document.createElement(mozEditorBlockSpacerName); bogusNode.appendChild(document.createElement('div')); source.insertBefore(bogusNode, source.firstChild) } return bogusNode; } } var getAllMozBogusNodes = function(source){ return source.getElementsByTagName(mozEditorBlockSpacerName); } var getMozBogusNode = function(source){ return getAllMozBogusNodes(source).item(0); } var hasMozBogusNode = function(source){ return getMozBogusNode(source) != null } var replaceMozBogusNode = function(source){ var nodes = getAllMozBogusNodes(source); for(var i=0; i= 0) ? text.length : offsetRight; range.moveStart('character', offsetLeft); range.moveEnd('character', offsetRight); range.select(); } } var getSelection = function(){ return this.nativeEditor ? (document.selection || window.getSelection()) : this.editor.window ? this.editor.window.contentWindow.getSelection() : window.getSelection(); } var getSelectionNodes = function(){ var anchorNode, anchorOffset, selection = this.getSelection(); if(document.selection){ var range = selection.createRange(); range.pasteHTML('_ie_bocus_cursor_position'); var bogusNode = range.parentElement(); anchorNode = range.parentElement().parentElement; anchorOffset = anchorNode.innerText.search(/_ie_bocus_cursor_position/); anchorNode.removeChild(bogusNode); }else{ anchorNode = selection.anchorNode; anchorOffset = selection.anchorOffset; focusNode = selection.focusNode; focusOffset = selection.focusOffset; } return { anchorNode:anchorNode, anchorOffset:anchorOffset, focusNode:focusNode, focusOffset:focusOffset } } var collapseSelection = function(){ var selection = this.getSelection(); if(document.selection){ // IE selection.empty(); }else{ try{ selection.collapse(null,0); }catch(e){ try{ //selection.collapseToStart(); }catch(e){ } } } } // ================ // = Node methods = // ================ // Find first matching node below or above in the document hieracy relative to the startNode // If no startNode, start with the top most node in the document var findNode = function(startNode, test, above){ var startNode = startNode || document; var test = test || function(node){ return startNode != node }; var sibling = above ? 'previousSibling' : 'nextSibling'; var child = above ? 'lastChild' : 'firstChild'; var traverse = function(node, up){ // Never go down in child nodes if traversing up to parent, or the find direction is "above" and it is first run of travering var childNode = up ? null : node[child]; var nextNode = childNode || node[sibling] || node.parentNode; var beforeEntrying = (nextNode==childNode); var beforeLeaving = (nextNode==node.parentNode); return (test(node, nextNode, beforeEntrying, beforeLeaving) || !node) ? node : traverse(nextNode, beforeLeaving); } return traverse(startNode, above) } // Find first matching node below document hieracy relative to the startNode var findNodeBelow = function(startNode, test){ return this.findNode(startNode, test, false); } // Find first matching node above document hieracy relative to the startNode var findNodeAbove = function(startNode, test){ return this.findNode(startNode, test, true); } var findParentNode = function(node, test){ var test = test || function(){ return true }; while(node = node.parentNode) if(test(node, node.parentNode)) return node; return null; } var findNodeInside = function(startNode, stopNode, test, above){ var test = test || function(){ return true }; var node = (startNode == stopNode) ? null : this.findParentNode(startNode, function(node, nextNode){ return (node == stopNode) || test(node, nextNode); }); return (node == stopNode) ? null : node; } var findSiblingNode = function(node, test, above){ var test = test || function(){ return true }; var sibling = above ? 'previousSibling' : 'nextSibling'; while(node = node[sibling]) if(test(node, node[sibling])) return node; return null; } var findSiblingNodeAt = function(node, index, test){ var i=0; var test = test || function(){ return true }; while(node = node.nextSibling){ if(isTextNode(node)) continue; if(test(node, node.nextSibling, i++) && i==index) return node; } return null; } var findChildNode = function(startNode, test){ var test = test || function(){ return true }; var stopNode = startNode.parentNode var node = !startNode.firstChild ? null : this.findNode(startNode.firstChild, function(node, nextNode){ return test(node, nextNode) || node.parentNode == stopNode; }); return !node || node.parentNode==stopNode ? null : node; } var findTextNode = function(node, regExpOrFn, above){ var test = regExpOrFn instanceof RegExp ? function(node){ return regExpOrFn.test(node.data) } : regExpOrFn || function(){ return true } return this.findNode(node, function(node, nextNode){ return node.nodeName == "#text" && test(node, nextNode); }, above); } var nextNode = function(node, left){ var sibling = node[left ? 'previousSibling' : 'nextSibling']; return (node.hasChildNodes && node.hasChildNodes()) ? this.nextNode(node[left ? 'firstChild' : 'lastChild'], left) : sibling ? this.nextNode(sibling, left) : node; } var isTextNode = function(node){ if(!node || !node.nodeName) return false; return node.nodeName == "#text"; } var isElementNode = function(node){ if(!node || !node.nodeName) return false; return isTextNode(node)===false; } var createElement = function(tagName, attributes){ var element = document.createElement(tagName); (attributes || {}).eachProperty(function(attribute, value){ element.setAttribute(attribute, value); }); return element; } var insertAroundNode = function(newChild, refChild){ refChild.parentNode.insertBefore(newChild, refChild); newChild.appendChild(refChild); return newChild; } // ================ // = Text methods = // ================ var getText = function(element){ return element.textContent || element.innerText || ''; } var selectElementText = function(element){ var selection = this.getSelection(); var range = document.createRange ? document.createRange() : selection.createRange(); if(range.moveToElementText){ range.expand('textedit'); range.moveToElementText(element); range.select(); }else{ this.collapseSelection(); range.selectNode(element); selection.addRange(range); } this.focus(); return range; } var replaceText = function(text){ var selection = this.getSelection(); if(selection.createRange){ var range = selection.createRange(); range.pasteHTML(text); range.moveStart('character', -text.length); range.select(); }else{ var storeEditorValues = this.getEditorValues(); var range = document.createRange(); range.setStart(selection.anchorNode, selection.anchorOffset); range.setEnd(selection.focusNode, selection.focusOffset); range.deleteContents(); var fragment = range.createContextualFragment(''); var node = document.createTextNode(text); fragment.appendChild(node); range.insertNode(fragment); range.setStart(node, 0); range.setEnd(node, text.length); selection.removeAllRanges(); selection.addRange(range); this.setEditorValues(storeEditorValues); } this.focus(); return node; } var selectTextNode = function(node){ var selection = this.getSelection(); if(selection.createRange){ var range = selection.createRange(); range.text = text; range.moveStart('character', -text.length) range.select(); }else{ var range = document.createRange(); range.selectNode(node); selection.removeAllRanges(); selection.addRange(range); } this.focus(); return range; } var selectWord = function(){ if(document.selection){ // # TODO: Fix word selection for IE. For now, trim white spaces of any selection. this.trimSelection(); return; } var selection = this.getSelection(); try{ var editor = this.source; var selectionNodes = this.getSelectionNodes(); var blockElement = function(node){ if(!node) return false; displayProperty = (node.style) ? node.currentStyle ? node.currentStyle.display : document.defaultView.getComputedStyle(node,false).getPropertyValue('display') : null; return (displayProperty && !(/inline/.test(displayProperty))) || (node.tagName == 'BR' ); } var getTextNode = function(above){ function test(node, nextNode, beforeEntrying, beforeLeaving){ return blockElement(nextNode) || (isTextNode(node) && (/\s(?:\S)|(?:\S)\s/.test(node.data)) || (isTextNode(nextNode) && (above ? /\s$/ : /^\s/).test(nextNode.data))) } return this.findNode(selectionNodes.anchorNode, test, above); } var sameAnchorNode, anchorData, anchorOffset = 0; var sameFocusNode, focusData, focusPadding, focusOffset = 0; var anchorNode = getTextNode.b(this)(true); var focusNode = getTextNode.b(this)(false); if(!isTextNode(anchorNode)){ anchorNode = this.findTextNode(anchorNode); } sameAnchorNode = anchorNode == selectionNodes.anchorNode; anchorData = !sameAnchorNode ? anchorNode.data : anchorNode.data.substr(0,selectionNodes.anchorOffset); anchorOffset = anchorData.search(/\s(?!.*\s)/) + 1; if(!isTextNode(focusNode)){ this.findChildNode(focusNode, function(node){ focusNode = isTextNode(node) ? node : focusNode; return false; }); } if(isTextNode(focusNode)){ sameFocusNode = focusNode == selectionNodes.focusNode; focusData = !sameFocusNode ? focusNode.data : focusNode.data.substr(selectionNodes.focusOffset); focusPadding = sameFocusNode ? selectionNodes.focusOffset : 0; focusOffset = focusData.search(/\s/); focusOffset = (focusOffset < 0 ? focusData.length : focusOffset) + focusPadding; } // Extend to select word if(selection.getRangeAt){ selection.removeAllRanges() var range = document.createRange(); range.setStart(anchorNode, anchorOffset); range.setEnd(focusNode, focusOffset); selection.removeAllRanges(); selection.addRange(range); }else{ } }catch(e){ new StixyError(e, "015_feature_text.js line 607") } } // ===================== // = Formating methods = // ===================== var getEditorValues = function(){ var range = this.selectionToRange(); var selection = this.getSelection(); // Select first character to query command against if(selection.anchorNode){ var range = range.cloneRange(); selection.anchorNode.parentNode.normalize() var selectionNode = this.findTextNode(selection.anchorNode); if(selectionNode && selection.extend){ selection.collapse(selectionNode, 0); selection.extend(selectionNode, 1); } }else{ var selectionRange = selection.createRange(); var dupRange = range.duplicate(); dupRange.collapse(); dupRange.moveEnd('character', 1); dupRange.select(); } var commandStates = ["justifycenter", "justifyfull", "justifyleft", "justifyright", "strikethrough", "bold", "italic", "subscript", "superscript", "underline"]; var commandValues = ["fontsize", "forecolor", "hilitecolor", "fontname"]; var storeEditorValues = {}; function store(command,value){ storeEditorValues[command] = value; } for(var i=0; i 0){ link.innerHTML = "_STIXY_START_ANCHOR_" + i + "_" + text + "_STIXY_END_ANCHOR_"; anchors.push({ index:i, href:href }); } } var text = this.getText(this.source); text = text.replace(/_STIXY_END_ANCHOR_/gm, "") while(anchors.length > 0){ var anchor = anchors.shift(); text = text.replace(new RegExp("_STIXY_START_ANCHOR_" + anchor.index + "_" , 'gm'), '') } this.source.innerHTML = text; addMozBogusNode(this.source); } // ================ // = Misc methods = // ================ var nativeEditor = function(){ return document.body.contentEditable !== undefined; } var getDocument = function(){ if(this.editor){ if(this.editor.window) { return this.editor.window.contentDocument } return document; }else{ return document; } } var focus = function(){ if(nativeEditor()){ var storedSelection = this.selectionToRange(); this.source.focus(); this.rangeToSelection(storedSelection); this.announce("beforeedit"); this.announce("gotfocus"); }else{ this.editor.setEditorFocus(); } } var editLink = function(link, href, label){ if(Stixy.ua.unless(/Firefox\/2/)){ if(link && href){ this.selectElementText(link); this.openEditLinkPopup(link, href, label) } } } var validURL = function(link_value){ if(!link_value || !link_value.match(/^(http\:\/\/|mailto\:\/\/|https\:\/\/|ftp\:\/\/|[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}|.*?@.+\.\w{2}/)){ var error_value = link_value.match(/\w+/) ? '"'+link_value+'" is not recogized as a web address or an e-mail address. ' : ''; alert(error_value + 'Please add a valid address in the "Link field" before pressing the "Insert link" button.') return false; } return true; } var openEditLinkPopup = function(link, value, label, callback){ var selection = this.getSelection(); //if(selection.isCollapsed){ // this.selectWord(); //} this.trimSelection(); // Use selected text if pattern match url format var selectedText = document.selection ? this.getSelection().createRange().text : this.getSelection().toString(); if(!value && selectedText.search(/^(http\:\/\/|mailto\:\/\/|https\:\/\/|ftp\:\/\/|[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}|.*?@.+\.\w{2}/) != -1){ // if a text that is probably a link is selected var predefinedValue = selectedText; } var edit = { replace: {"popup_content": "

Insert link

\n

\n

Link label

\n\n

\n

Web page or an e-mail address

\n\n Open\n", "popup_buttons": " Cancel\n\n\n Insert\n"} } var insert = { replace: {"popup_content": "

Edit or remove link

\n

\n

Link label

\n\n

\n

Web page or an e-mail address

\n\n Open\n", "popup_buttons": " Cancel\n Remove\n Edit\n\n"} } var json = !value ? edit : insert; // Populate fields in the popup if(predefinedValue || value){ json.replace.popup_content = json.replace.popup_content.replace(/(id="link"[^<>]* value=")(.*?)(")/, '$1'+(value || predefinedValue)+'$3'); } label = label || (selection.createRange ? selection.createRange().text : selection.toString()); if(label){ json.replace.popup_content = json.replace.popup_content.replace(/(id="label"[^<>]* value=")(.*?)(")/, '$1'+label+'$3') } // Selection is lost when focus is moved to the input fields in the popup, // so we need to store it and reset it once returned from the popup var storedSelection = this.selectionToRange(); var cancelPopup = function(){ this.focus() this.rangeToSelection(storedSelection); Stixy.popup.unlisten('cancel', cancelPopup); } var showPopup = function(popupWindow){ popupWindow.insertLink = function(e){ Stixy.popup.unlisten('actionkey', popupWindow.insertLink); var link = popupWindow.Stixy.element.$ID("link"); var label = popupWindow.Stixy.element.$ID("label"); Stixy.popup.result = { link:link.value, label:label.value }; Stixy.popup.done(); }; popupWindow.removeLink = function(){ Stixy.popup.result = { remove:true }; Stixy.popup.done(); }; popupWindow.navigate = function(url){ var link = popupWindow.Stixy.element.$ID("link"); var link_value = link.value; if(!link_value.match(/^.*?:\/\//)){ link_value = "http://"+link_value; } if(validURL(link_value)){ popupWindow.Stixy.openExternalWindow(link_value); } }; popupWindow.cancel = function(){ Stixy.popup.cancel(); }; setTimeout(function(){ var link = popupWindow.Stixy.element.$ID("link"); if(link){ link.focus(); } },100); if(!Stixy.ua.ie){ // This needs to be fixed to work in IE. It seems like IE loses the focus when the return key is hit. We need to cancel the event first Stixy.popup.listen('actionkey', popupWindow.insertLink); } } Stixy.popup.listen('cancel', cancelPopup.b(this)); Stixy.popup.listen('show', showPopup.b(this)); Stixy.popup.populate(json, 370,225, function(){ Stixy.popup.unlisten('cancel', cancelPopup); Stixy.popup.unlisten('show', showPopup); var remove_link = Stixy.popup.result.remove; var link_value = Stixy.popup.result.link || ''; var link_label = Stixy.popup.result.label; (callback || new Function)(); // Reset selection this.rangeToSelection(storedSelection); var selection = this.getSelection(); if(remove_link){ this.focus(); document.execCommand("unlink", false, false); }else{ // Validation if(!this.validURL(link_value)){ this.focus(); return; } if(link_value.match(/.*?@.+\.\w{2}/)){ if(!link_value.match(/^.*?:\/\//)){ link_value = "mailto://"+link_value; } }else if(!link_value.match(/^.*?:\/\//)){ link_value = "http://"+link_value; } link_label = link_label || link_value; var node = this.replaceText(link_label); if(Stixy.ua.gecko){ var link = insertAroundNode(createElement('a', { href:link_value }), node) this.selectElementText(link); }else{ document.execCommand('createlink', false, link_value); } } this.update(); }.b(this)) } // Link tooltip Text.LinkTooltip = function(source){ this.source = source; this.visible = false; this.element = (function(){ var container = document.createElement("div"); var edit = document.createElement("div"); container.innerHTML = '' container.className = 'edior-link-tooltip'; edit.className = 'edior-link-label'; container.appendChild(edit); source.appendChild(container); this.edit = edit; // Click event breaks in IE. Something else is catching it. Stixy.events.observe(edit, "mousedown", this.editLink.b(this)); Stixy.events.observe(container, "mousedown", this.navigateLink.b(this)); return container; }.b(this))(); } Stixy.extend(Text.LinkTooltip.prototype, { showUnless: function(e, widget){ if(widget.locked) return; var element = Stixy.events.element(e); var link = (function(){ function isAnAnchor(node){ return (node.getAttribute && node.nodeName == "A" && node.getAttribute('href')); } return isAnAnchor(element) ? element : widget.text.findNodeInside(element, widget.text.source, isAnAnchor); })() if(link){ this.link = link; this.href = link.getAttribute('href'); this.label = link.textContent || link.innerText; this.show(e, link, widget); } }, show: function(e, element, widget){ if(this.getState(element)) return; var hideEvent = function(e){ var element = Stixy.events.element(e); if(!Stixy.element.contained(element, this.element) && element!=this.link && !Stixy.element.contained(element, this.link) ){ Stixy.events.stopObserving(document, "mousemove", hideEvent); this.hide(); } }.b(this); this.position(e, element, widget); this.element.style.display = 'block'; this.setState(true, element); Stixy.events.observe(this.link, "mousedown", this.navigateLink.b(this)); Stixy.events.observe(document, "mousemove", hideEvent); }, hide: function(){ this.element.style.display = 'none'; this.setState(false, null); Stixy.events.stopObserving(this.link, "mousedown", this.navigateLink.b(this)); }, editLink: function(e){ Stixy.events.stop(e); this.announce('editclick', e, this.link, this.href, this.label) }, navigateLink: function(e){ Stixy.events.stop(e); this.announce('linkclick', e, this.link, this.href) }, position: function(e, element, widget){ // Cursor offset var offsetX = e.clientX + Stixy.ui.canvas.scrollLeft - Stixy.element.positionedOffset(this.source, 'offsetLeft'); var offsetY = e.clientY + Stixy.ui.canvas.scrollTop - Stixy.element.positionedOffset(this.source, 'offsetTop'); // Cursor offset to element when registred by the event var regX = offsetX - Stixy.element.positionedOffset(element, 'offsetLeft', this.source); var regY = offsetY - Stixy.element.positionedOffset(element, 'offsetTop', this.source); // Alter position if the position is registered more than 5 px from top/left offsetX -= (regX > 5) ? 10 : 0 ; offsetY -= (regY > 5) ? 5 : -5 ; this.element.style.left = offsetX + "px"; this.element.style.top = offsetY + "px"; }, setState: function(state, element){ this.visible = state; this.currentElement = element; }, getState: function(element){ return this.visible && this.currentElement && this.currentElement == element; } }); var editor = new function(){ this.storedSelection = null; this.updated = false; this.initiating = false; this.listen("create", function(){ this.initiating = false }.b(this)) this.listen("beforeopen", function(){ this.initiating = true }.b(this)); var update, element; this.update = function(){ if(this.updated==false){ this.announce("beforeedit"); this.updated = true; } } this.updateSize = function(event){ } this.getSelection = function(){ var selection = window.getSelection(); var source = this.source function getNodeIndex(node){ var index, indexlist = []; while(node && (node != source)){ index = 0; while(node.previousSibling){ index++; node = node.previousSibling; } indexlist.push(index); node = node.parentNode; } return indexlist } this.storedSelection = {}; this.storedSelection.startIndex = (selection.anchorNode) ? getNodeIndex(selection.anchorNode).reverse() : [this.source.childNodes.length-1]; this.storedSelection.startOffset = (selection.anchorOffset) ? selection.anchorOffset : 0; this.storedSelection.lastIndex = (selection.focusNode) ? getNodeIndex(selection.focusNode).reverse() : [this.source.childNodes.length-1]; this.storedSelection.lastOffset = (selection.focusOffset) ? selection.focusOffset : 0; } this.deleteSelection = function(event){ if((!event.ctrlKey) && (!event.altKey) && (!event.metaKey) && (!event.shiftKey)){ if(event.type=="keydown" && !this.selection.isCollapsed){ if(event.charCode>=0) { this.selection.deleteFromDocument() this.selection.collapse(this.selection.focusNode, this.selection.focusOffset) } this.window.contentWindow.removeEventListener("keydown", this.eventDeleteSelection, true); }else if(event.type=="press" && !this.selection.isCollapsed){ if(event.keyCode==0||event.keyCode==46||event.which==8){ if(event.keyCode==46||event.which==8){ event.preventDefault(); event.stopPropagation(); } this.selection.deleteFromDocument(); } this.selection.collapse(this.selection.focusNode,this.selection.focusOffset); delete this.selection; this.window.contentWindow.removeEventListener("keypress", this.eventDeleteSelection, true); }else{ if(event.keyCode==46||event.which==8){ event.preventDefault(); event.stopPropagation(); } delete this.selection; this.window.contentWindow.removeEventListener("keydown", this.eventDeleteSelection, true); this.window.contentWindow.removeEventListener("keypress", this.eventDeleteSelection, true); } } } this.setSelection = function(){ var textRange = document.createRange(); this.selection = this.window.contentWindow.getSelection(); if(this.body.innerHTML == ''){ var breakTag = document.createElement("br"); var fontTag = this.body.getElementsByTagName("font")[0]; var spacer = fontTag.appendChild(document.createTextNode(".")); var breaker = fontTag.appendChild(breakTag); textRange.setStart(spacer,0); textRange.setEnd(spacer,0); this.selection.addRange(textRange); this.selection.collapseToEnd(); spacer.deleteData(0,1); }else{ function getNodeFromIndex(indexlist, node){ if(!node) { return } while(indexlist.length>0 && node){ node = node.childNodes[indexlist.shift()]; } return node; } var start = getNodeFromIndex(this.storedSelection.startIndex, this.body); var last = getNodeFromIndex(this.storedSelection.lastIndex, this.body); if(!start || !last) { return } textRange.setStart(start,this.storedSelection.startOffset); // We need to add a range and then collapse it to get around a bug in Firefox that causes // an error when trying to check a command state on an added range this.selection.addRange(textRange); this.selection.collapseToEnd(); if(!(start==last&&this.storedSelection.startOffset==this.storedSelection.lastOffset)){ this.selection.addRange(textRange); this.selection.extend(last,this.storedSelection.lastOffset) } this.eventDeleteSelection = this.deleteSelection.b(this) this.window.contentWindow.addEventListener("keypress", this.eventDeleteSelection, true); this.window.contentWindow.addEventListener("keydown", this.eventDeleteSelection, true); this.storedSelection = null; } setTimeout(function(){ this.setEditorFocus() this.announce("textselected"); }.b(this), 1); } this.styleEditContent = function(){ var sourceStyle = document.defaultView.getComputedStyle(this.source,null); function propertyTest(name){ switch(name){ case "position"||"top"||"right"||"bottom"||"left"||"width"||"height"||"clear"|| "float"||"max-height"||"max-width"||"min-height"||"min-width"||"z-index": return true; default: return false; } } for(var i=0; i999) ? ((Math.round(kb/100)/10) + " MB") : (kb + " KB")) } this.removePanels = function(){ if(this.widget.statusPanel){ this.widget.statusPanel.parentNode.removeChild(this.widget.statusPanel); delete this.widget.statusPanel; } if(this.widget.errorPanel){ this.widget.errorPanel.parentNode.removeChild(this.widget.errorPanel); delete this.widget.errorPanel; } } this.beforeOpen = this.beforeUpload = this.registred = this.beforeStart = this.start = this.progress = this.error = this.finished = this.cancel = this.complete = this.fallback = this.params = function(){ } this.global = new function(){ this.source = null; this.target = null; var okPendingAction = function(){ this.cancelCallback(); } this.okPendingAction = okPendingAction.b(this) this.nextTarget = function(){ this.target = this.pending.pop(); return this.source; } this.pending = []; this.object_name = "StixyUploadObject"; this.compatible = Stixy.flash.isCompatible(8); this.flash_enabled = this.compatible; this.params = function(){ // Return extra params to flash from current target, if params function is defined return this.source.params.apply(this.source, arguments); } this.beforeStartCallback = function(){ this.source.beforeStart.apply(this.source, arguments) } this.beforeUploadCallback = function(){ this.nextTarget().beforeUpload.apply(this.source, arguments) } this.startCallback = function(){ this.source.start.apply(this.source, arguments) } this.progressCallback = function(){ this.source.progress.apply(this.source, arguments) } this.errorCallback = function(){ this.source.error.apply(this.source, arguments) this.source = null; } this.endCallback = function(){ this.source.finished.apply(this.source, arguments) } this.cancelCallback = function(){ this.source.cancel.apply(this.source, arguments); this.source = null; } this.completeCallback = function(){ this.source.complete.apply(this.source, arguments); this.source = null; } this.create = function(){ if(this.compatible){ return Stixy.flash.add("/embeds/upload.swf", null, this.object_name) } } this.containor = this.create(); } } // Scroll // This feature is special written for scroll of canvas. It probably has to be rewritten Stixy.features.Scroll = function(widget, attributes){ Stixy.features.Base.call(this, widget, attributes) this.offsetX = 0; this.offsetY = 0; this.left = 0; this.top = 0; this.horizontal = (attributes["horizontal"]===false) ? false:true; this.vertical = (attributes["vertical"]===false) ? false:true; this.startMove = function(event){ this.announce("beforescroll", event); Stixy.events.stop(event); this.offsetX = event.clientX + this.target.scrollLeft; this.offsetY = event.clientY + this.target.scrollTop; Stixy.events.observe(document, "mousemove", this.move.b(this)); Stixy.events.observe(document, "mouseup", this.stopMove.b(this)); } this.move = function(event){ this.announce("scroll"); this.updated = true; Stixy.events.stop(event); this.x = event.clientX - this.offsetX; this.y = event.clientY - this.offsetY; var pointer = {x:this.x,y:this.y}; if(this.lastPointer && (this.lastPointer.x == pointer.x && this.lastPointer.y == pointer.y)) return; this.lastPointer = pointer; this.target.scrollLeft = -pointer.x; this.target.scrollTop = -pointer.y; } this.stopMove = function(event){ Stixy.events.stopObserving(document, "mousemove", this.move.b(this)); Stixy.events.stopObserving(document, "mouseup", this.stopMove.b(this)); this.announce("afterscroll"); this.updated = false; } Stixy.events.observe(this.source, "mousedown", this.startMove.b(this), true); return this; } Stixy.effects = (function(){ // Random shake var Shake = function(x,d,f){ return 2.0 * (Math.cos((f + (Math.PI/d)) * x) - Math.cos((f - (Math.PI/d)) * x )); } var Steps = function(start,stop,steps,filter){ var items = []; var step = (stop-start) / steps; for(var i=0; i b) return 1 - s((f-b)/(d-b)); return 1; } } var EaseInOut = function(start, stop, easein, easeout, duration){ var steps = []; var step = (stop-start) / duration; var diff = duration/(duration-Ease.diff(easein)-Ease.diff(easeout)); for(var i=1; i<=duration; i++) steps.push(step * Ease.sin(i, easein, easeout, duration+1) * diff); return steps; } var KeyFrame = function(index,tracks){ this.index = index; this.tracks = tracks; this.easeIn = 0; this.easeOut = 0; } var Timeline = function(duration, fps){ this.duration = duration || 1; this.fps = fps || 50; //((Stixy.ua.firefox && parseFloat(Stixy.ua.minor.join('.')) < 3.5) ? 25 : 50) this.totalDuration = this.duration * this.fps; this.keyFrames = {}; this.keyIndexes = []; this.tracks = {}; this.onFinished = function(){} this.onFrame = function(){} var timeouts = []; function id(i){ return 'key_' + i } this.setKeyFrame = function(key, tracks){ this.ready = false; var keyFrame = new KeyFrame(key, tracks); this.keyIndexes.push(key); this.keyFrames[id(key)] = keyFrame; return keyFrame; } this.render = function(){ if(this.ready) return true; var keyIndexes = this.keyIndexes.sort(), from, to; for(var i=0,x=1; i < keyIndexes.length-1; i++,x++){ from = this.keyFrames[id(keyIndexes[i])]; to = this.keyFrames[id(keyIndexes[x])]; from.tracks.eachProperty(function(property,track){ var filter = new EaseInOut(track, to.tracks[property], from.easeIn*this.fps, from.easeOut*this.fps, this.totalDuration) var sequence = new Steps(track, to.tracks[property], this.totalDuration, filter) this.tracks[property] = (this.tracks[property]||[]).concat(sequence); }.b(this)); } this.ready = true; } this.start = function(){ this.render(); var keys = new Steps(0, this.duration*1000, this.totalDuration); for(var i=0, x=this.totalDuration-1; i 1 && done_callback) done_callback(); } new Appear(to,seconds,Stixy.element.getOpacity(from),done); new Disappear(from,seconds,0,done); } return { Timeline: Timeline, Steps: Steps, EaseInOut: EaseInOut, Transition: Transition, Fade: Fade, FadeIn: FadeIn, FadeOut: FadeOut, Appear: Appear, Disappear: Disappear } })() // Popup // # TODO: Fix return data. Test photo widget upload Stixy.extend(Stixy, { popup: new function(){ this.result = null; this.pending_content = 'Loading...' this.visible = false; var manageReturnKey = function(e){ if(e.keyCode==13){ this.announce('actionkey', e); } } var afterFrameLoaded = function(frame, fn){ var frameTimer = setInterval(function(){ // Wait for Stixy object to be loaded and the DOM ready for interaction before calling the readyCallback if(frame.contentWindow.Stixy && frame.contentWindow.Stixy.state && frame.contentWindow.Stixy.state.ready===true){ executeFrameLoaded(); } }, 100); var executeFrameLoaded = function(){ Stixy.events.stopObserving(frame, 'load', executeFrameLoaded) clearInterval(frameTimer); fn(); } // Stixy.state will not be set if it's not a Stixy page. Wait for onload event to fire Stixy.events.observe(frame, 'load', executeFrameLoaded) } var pending = function(fn){ this.initiate(); this.showContainer(); if(this.ready){ fn(); }else{ afterFrameLoaded(this.populatedFrame, fn); } } function Containor(parent, className, tagName, callback){ var containor = document.createElement(tagName || "div"); (callback || new Function)(containor) containor.className = className; (parent||document.body).appendChild(containor); return containor; } function PopupFrame(parent, uri, readyCallback){ var frame = new Containor(parent, "popup", "iframe", function(frame){ frame.frameBorder = "0"; }); if(uri){ frame.contentWindow.location.href = uri; } if(readyCallback){ afterFrameLoaded(frame, readyCallback); } return frame; } this.prepare = function(frame,width,height,returnFunction){ this.currentFrame = frame; this.setSize(width,height); // Due to a bug in Firefox on the Mac, we have to remove any scrollbars below the popup this.scrollToRemove = (Stixy.platform.mac && Stixy.ua.firefox && Stixy.ua.major < 3) ? Stixy.element.$ID("board_list_scroll") : null if(this.scrollToRemove && !this.storedWidth){ this.storedWidth = this.storedWidth || this.scrollToRemove.offsetWidth; var new_width = this.scrollToRemove.clientWidth - (this.scrollToRemove.offsetWidth-this.scrollToRemove.clientWidth) + "px"; this.scrollToRemove.style.overflow = "hidden"; this.scrollToRemove.style.width = new_width; } var afterReturn = function(){ if(returnFunction) returnFunction(); unlistenAfterReturn(); }.b(this); this.listen("return", afterReturn); var unlistenAfterReturn = function(){ this.unlisten("return", afterReturn); this.unlisten("cancel", unlistenAfterReturn); }.b(this); this.listen("cancel", unlistenAfterReturn); } this.setSize = function(width,height){ var width = this.width = (width||1008); var height = this.height = (height||600); var full_size = (width===true && height===true); var w = Math.min(((window.innerWidth || document.body.offsetWidth)-80),width); var h = Math.min(((window.innerHeight || document.body.offsetHeight)-80),height); this.currentFrame.style.left = full_size ? 0 : "50%"; this.currentFrame.style.top = full_size ? 0 : "50%"; this.currentFrame.style.marginLeft = full_size ? 0 : -(w/2) + "px"; this.currentFrame.style.marginTop = full_size ? 0 : -(h/2) + "px"; this.currentFrame.style.width = full_size ? "100%" : w + "px"; this.currentFrame.style.height = full_size ? "100%" : h + "px"; } this.open = function(uri,width,height,returnFunction){ pending.b(this)(function(){ this.prepare(this.navigatedFrame,width,height,returnFunction); this.prepare(this.populatedFrame,width,height,returnFunction); if(this.navigatedFrame.contentWindow.Stixy) this.navigatedFrame.contentWindow.Stixy.state = false //this.populatedFrame.contentWindow.Stixy.JSON.replaceHTML({ replace: { popup_content:'' }}); // Show the populated frame with the progress indicator on as a default screen // and close it ones the navigated frame has loaded this.progress(); this.show(); var frameLoad = function(){ var closed = this.currentFrame==null; this.hide(); this.currentFrame = this.navigatedFrame; // Unless the populateFrame has been closed (the load has been canceled) if(!closed){ this.show(); } }.b(this); this.navigatedFrame.contentWindow.location = uri + ((uri.search(/\?/) > -1) ? "&" : "?") + "popupWidth=" + this.width + "&popupHeight=" + this.height; afterFrameLoaded(this.navigatedFrame, frameLoad); }.b(this,uri,width,height,returnFunction)); return this; } this.fetchAndPopulate = function(uri,width,height,returnFunction){ pending.b(this)(function(){ this.prepare(this.populatedFrame,width,height,returnFunction); this.populatedFrame.contentWindow.Stixy.server.json(null, uri); this.show(); }.b(this,uri,width,height,returnFunction)); return this; } this.populate = function(json,width,height,returnFunction){ pending.b(this)(function(){ this.prepare(this.populatedFrame,width,height,returnFunction); this.populatedFrame.contentWindow.Stixy.JSON.replaceHTML({ replace: {pending_content:this.pending_content} }); this.populatedFrame.contentWindow.Stixy.JSON.replaceHTML(json); this.populatedFrame.contentWindow.Stixy.JSON.executeScript(json); this.show(); }.b(this,json,width,height,returnFunction)); return this; } this.openExternal = function(uri,width,height,returnFunction){ var replace = {"popup_buttons": " Close\n"}; replace.popup_content = ''; this.populate({replace:replace},width,height,returnFunction) } this.initiate = function(){ if(this.ready) return; this.registerdFrame = Stixy.element.$ID("popup_frame"); this.registerdContainer = Stixy.element.$ID("popup_container"); this.container = this.registerdContainer || new Containor(document.body, "popup-container"); this.background = new Containor(this.container, "popup-background"); this.navigatedFrame = this.registerdFrame || new PopupFrame(this.container); this.populatedFrame = new PopupFrame(this.container, Stixy.path('/public/popup_layout/'), function(){ this.ready = true; }.b(this)); this.register(); } // Register the popup if the iframe is rendered on the page on the server side. // Used for the render_as_popup method this.register = function(){ if(this.registerdFrame && this.registerdContainer){ this.prepare(this.registerdFrame); this.show(); } } this.showContainer = function(){ if(this.container.style.visibility == "visible") return Stixy.element.setOpacity(this.background,0) this.container.style.visibility = "visible"; new Stixy.effects.Appear(this.background, 0.1, 0.3); } this.hideContainer = function(){ new Stixy.effects.Disappear(this.background,0.1,0,function(){ this.container.style.visibility = "hidden"; }.b(this)); } this.show = function(){ if(!this.container || !this.currentFrame) { return false } this.showContainer(); this.currentFrame.style.display = "block"; this.visible = true; Stixy.events.observe(this.currentFrame.contentWindow.document,"keyup", manageReturnKey.b(this)); this.announce('show', this.currentFrame.contentWindow) } this.hide = function(){ if(!this.container || !this.currentFrame) { return false } this.width = null; this.height = null; this.progress(false); if(this.currentFrame.contentWindow.Stixy && this.currentFrame.contentWindow.Stixy.element){ var popup_content = this.currentFrame.contentWindow.Stixy.element.$ID('popup_conten'); if(popup_content){ this.currentFrame.contentWindow.Stixy.html.replace(popup_content, ''); } Stixy.events.stopObserving(this.currentFrame.contentWindow.document,"keyup", manageReturnKey.b(this)); } this.currentFrame.style.display = "none"; this.currentFrame = null; return true; } this.done = function(){ if(this.close()){ this.announce("return"); } } this.close = function(){ this.hideContainer(); if(this.scrollToRemove){ this.scrollToRemove.style.overflow = "auto"; this.scrollToRemove.style.width = this.storedWidth + "px"; this.scrollToRemove = null; this.storedWidth = null; } if(this.hide()){ this.visible = false; this.announce("close"); return true; } } this.cancel = function(){ this.close(); this.announce("cancel"); } this.progress = function(state){ var show = (state !==false) ? true : false; this.progressContainer = this.currentFrame.contentWindow.Stixy.element.$ID("popup_load_progress"); if(this.progressContainer){ this.progressContainer.style.display = show ? "block" : "none"; } } // Only pre initiate a popup if none exist if(!window.frameElement){ Stixy.listen("ready", this.initiate.b(this)); } return this; } }); // Server Stixy.extend(Stixy, { server: { delay: 30000, state: 0, autoSave: true, connectionState: true, initStorageQue: function(){ return {boards:{},length:0} }, initQues: function(){ return { storage: this.initStorageQue(), pending: null } }, toggleAutoSave: function(state){ if(this.autoSave || state===false){ this.autoSave = false; Stixy.element.addClassName(Stixy.ui.base, 'disable-auto-save'); }else if(!this.autoSave || state===true){ this.autoSave = true; Stixy.element.removeClassName(Stixy.ui.base, 'disable-auto-save'); } }, start: function(){ if(!this.autoSave) { return } this.stop(); this.saveInterval = setInterval(this.update.b(this), this.delay); this.seconds = this.delay/1000 this.count() this.saveCounter = setInterval(this.count.b(this), 1000); }, request: (function(){ var xmlhttp; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp = false; }}} if(!xmlhttp) { return null } return xmlhttp; })(), stop: function(){ clearInterval(this.saveInterval); clearInterval(this.saveCounter); }, count: function(){ Stixy.element.$ID("save_counter").innerHTML = this.seconds--; }, save: function(widget){ if(!Stixy.server.canBeSaved) { return } this.ques = this.ques || this.initQues(); if(this.ques.storage.length==0){ this.start(); this.setState(1); } var boardId = "board_" + widget.boardId; this.ques.storage.boards[boardId] = this.ques.storage.boards[boardId] || function(){ this.ques.storage.length++; return []; }.b(this)(); this.ques.storage.boards[boardId].push(widget); }, removeFromQue: function(widget){ var boardId = "board_" + widget.boardId; if(this.ques && this.ques.storage && this.ques.storage.boards && this.ques.storage.boards[boardId]){ for(var i=0; i 0){ this.ques.pending = this.ques.storage; this.ques.storage = this.initStorageQue(); return true; } return false }.b(this)(); if(que){ this.stop(); this.setState(2); this.send(this.getUpdateBody(), ((success instanceof Function) ? success : function(request){ this.succeded(request); if(this.board_list_bar) { Stixy.board.updateBoardList() }; }.b(this)), ((failed instanceof Function) ? failed : this.failed.b(this)) ); } }, connections: [], connect: function(body, url, success, failure, force, content_type){ if(!this.request) { return false } var request = this.request; var url = url || "/widgets/default/update" var method = (body) ? "POST" : "GET"; try { if(this.connectionState || force){ this.connectionState = false; request.open(method, url, true); request.setRequestHeader("Method", method+url+" HTTP/1.1"); request.setRequestHeader("Content-Type", "application/xml"); request.setRequestHeader("X-Requested-With", "XMLHttpRequest"); this.success = success; this.failure = failure; request.onreadystatechange = function(){ if(request.readyState == 4){ this.responseType = (request.getResponseHeader("Content-Type").search("xml") >= 0) ? "xml" : "text" this.responseContent = (this.responseType=="xml") ? request.responseXML : request.responseText; var error = (this.responseType=="xml") ? this.responseContent.getElementsByTagName("error")[0] : null; if(error){ var errorType = Stixy.element.getNodeValue("type", error); var errorMessage = Stixy.element.getNodeValue("message", error); if(errorType=="LOST_SESSION"){ Stixy.popup.open("/signin_again?popup=true",null,null,function(){ this.connect(body, url, success, failure, true) }.bc(this)) }else{ alert("Error: " + errorMessage); } }else{ try{ if(this.success && (this.success instanceof Function) && request.status == 200) { this.success(request) } if(this.failure && (this.failure instanceof Function) && request.status != 200) { this.failure(request) } }catch(e){ } this.connectionState = true; this.sendNext(); } } }.bc(this); request.send(body ? (typeof(body)=="object") ? Stixy.XML.fromObject(body) : body : null); }else{ this.connections.push({body:body, url:url, success:success, failure:failure}) } } catch(e) { return false } return true; }, sendNext: function(){ var next = this.connections.shift(); if(next) { this.connect(next.body, next.url, next.success, next.failure) } }, send: function(body, success, failed){ this.connect(body, null, success, failed); }, setState: function(state){ this.state = state; Stixy.ui.pending(state==1||state==2); var new_name = (state==1) ? "save" : (state==2) ? "saving" : "saved"; var saveClasses = ["save","saving","saved"] for(var i=0; iWe have lost connection to the server!Your updates can\'t be saved to the server. Please make sure your computer is connected to the internet and try again. If you still can\'t save to the server, close this popup and copy any unsaved changes to your computers clipboard and try to reload the page.

Help us to improve Stixy. If you think this is a bug and not related to your connection, file a bug by sending a ticket to our support team.', popup_buttons: ' <\/sx:i> <\/sx:p><\/sx:l> <\/sx:p><\/sx:r>Close<\/a><\/sx:t><\/sx:button>\n' } }); Stixy.popup.listen('cancel', reset.b(this)) Stixy.popup.listen('close', reset.b(this)) } }, succeded: function(request){ var boardId = "board_" + Stixy.board.id; var currentBoard = request.responseXML.getElementsByTagName(boardId)[0]; if(currentBoard){ if(this.ques.storage){ this.setState((this.ques.storage.length==0) ? 0:1); } var responseBody = currentBoard.getElementsByTagName("widget"); for(var i=0; i stop)) ? start : (start && (value < start)) ? start : value; }; control.beforeSet = function(value, key){ return setValue(value, key); }.b(this) control.arrowKeys = function(value, up){ return setValue(Number(value) + (up ? +1 : -1)); }.b(this) control.arrowKeys = function(value, up){ return setValue(Number(value) + (up ? +1 : -1)); }.b(this) control.afterBlur = function(){ this.element.value = this.element.value.length > 0 ? this.element.value : this.start }.b(this); }, DateInput: function(year, month, day){ this.year = year; this.month = month; this.day = day; var keys = [[48,0],[49,1],[50,2],[51,3],[52,4],[53,5],[54,6],[55,7],[56,8],[57,9], [96,0],[97,1],[98,2],[99,3],[100,4],[101,5],[102,6],[103,7],[104,8],[105,9]] try{ this.date = new Date(year.value, (month.value-1), day.value); }catch(e){ this.date = new Date.now(); } this.setValues = function(){ this.year.value = this.date.getFullYear(); var month = this.date.getMonth()+1; this.month.value = (month > 9 ? month : "0"+month); var day = this.date.getDate(); this.day.value = (day > 9 ? day : "0"+day); } this.updateDate = function(date){ this.date = date; this.setValues(); } var year_control = new Stixy.ui.inputFeatures.ControledInput(year, 4, keys); var month_control = new Stixy.ui.inputFeatures.ControledInput(month, 2, keys, true); var day_control = new Stixy.ui.inputFeatures.ControledInput(day, 2, keys, true); year_control.afterBlur = this.setValues.b(this); month_control.afterBlur = this.setValues.b(this); day_control.afterBlur = this.setValues.b(this); year_control.beforeSet = function(value, key){ this.date.setFullYear(value); return Stixy.ui.inputFeatures.formatDigit(value, 4); }.b(this) month_control.beforeSet = function(value, key){ var month = (value > 12) ? (key==0 ? 1:key) : value; var lastDay = (new Date(this.date.getFullYear(),month,0)).getDate(); this.date.setFullYear(this.date.getFullYear(), (month-1), Math.min(this.date.getDate(), lastDay)); return Stixy.ui.inputFeatures.formatDigit(month); }.b(this) day_control.beforeSet = function(value, key){ var lastDay = (new Date(this.date.getFullYear(),(this.date.getMonth()+1),0)).getDate(); var day = (value > lastDay) ? (key==0 ? 1:key) : value; this.date.setFullYear(this.date.getFullYear(), this.date.getMonth(), day); return Stixy.ui.inputFeatures.formatDigit(day); }.b(this) year_control.arrowKeys = function(value, up){ year = (Number(value) + (up ? 1 : -1)); this.date.setFullYear(year, (this.date.getMonth()), this.date.getDate()); return Stixy.ui.inputFeatures.formatDigit(year); }.b(this) month_control.arrowKeys = function(value, up){ var month = Number(value) + (up ? 1 : -1); month = (month > 12) ? 1: month; month = (month==0) ? 12: month; var lastDay = (new Date(this.date.getFullYear(),month,0)).getDate(); this.date.setFullYear(this.date.getFullYear(), (month-1), Math.min(this.date.getDate(), lastDay)); return Stixy.ui.inputFeatures.formatDigit(month); }.b(this) day_control.arrowKeys = function(value, up){ var lastDay = (new Date(this.date.getFullYear(),(this.date.getMonth()+1),0)).getDate(); var day = Number(value) + (up ? 1 : -1); day = (day > lastDay) ? 1: day; day = (day==0) ? lastDay: day; this.date.setFullYear(this.date.getFullYear(), (this.date.getMonth()), day); return Stixy.ui.inputFeatures.formatDigit(day); }.b(this) }, TimeInput: function(hour, minute, postfix){ this.hour = hour; this.minute = minute; this.postfix = postfix; var number_keys = [[48,0],[49,1],[50,2],[51,3],[52,4],[53,5],[54,6],[55,7],[56,8],[57,9], [96,0],[97,1],[98,2],[99,3],[100,4],[101,5],[102,6],[103,7],[104,8],[105,9]] var hour_control = new Stixy.ui.inputFeatures.ControledInput(this.hour, 2, number_keys, true); var minute_control = new Stixy.ui.inputFeatures.ControledInput(this.minute, 2, number_keys, true); hour_control.afterBlur = function(){ this.hour.value = Stixy.ui.inputFeatures.formatDigit(this.hour.value.length > 0 ? this.hour.value : 0) }.b(this); minute_control.afterBlur = function(){ this.minute.value = Stixy.ui.inputFeatures.formatDigit(this.minute.value.length > 0 ? this.minute.value : 0) }.b(this); this.updateTime = function(date){ var hour = date.getHours(); this.hour.value = Stixy.ui.inputFeatures.formatDigit((postfix && (hour > 12)) ? (hour-12) : hour); this.minute.value = Stixy.ui.inputFeatures.formatDigit(date.getMinutes()); if(this.postfix){ this.postfix.value = (hour > 11) ? "PM" : "AM"; } }.b(this) hour_control.beforeSet = function(value, key){ var time = (value > (postfix ? 12 : 23)) ? (key==0 ? (postfix ? 1 : 0):key) : value < (postfix ? 1 : 0) ? (postfix ? 1 : 0) : value; return Stixy.ui.inputFeatures.formatDigit(time); }.b(this) minute_control.beforeSet = function(value, key){ var time = (value > 59) ? (key==0 ? 1:key) : value; return Stixy.ui.inputFeatures.formatDigit(time); }.b(this) hour_control.arrowKeys = function(value, up){ var hour = Number(value) + (up ? 1 : -1); hour = (hour > (postfix ? 12 : 23)) ? (postfix ? 1 : 0): hour; hour = (hour==(postfix ? 0 : -1)) ? (postfix ? 12 : 23): hour; return Stixy.ui.inputFeatures.formatDigit(hour); }.b(this) minute_control.arrowKeys = function(value, up){ var minute = Number(value) + (up ? 1 : -1); minute = (minute > 59) ? 0: minute; minute = (minute<0) ? 59: minute; return Stixy.ui.inputFeatures.formatDigit(minute); }.b(this) if(postfix){ var postfix_control = new Stixy.ui.inputFeatures.ControledInput(this.postfix, 2, [[65,"A"],[80,"P"]]); postfix_control.beforeSet = function(value, key){ return key.toUpperCase()=="A" ? "AM" : "PM"; }.b(this) postfix_control.arrowKeys = function(value, up){ return (value.search(/p/i) >= 0) ? "AM" : "PM"; }.b(this) } }, GroupToogle: function(switcher, base, ghost_class, elements, on, off){ this.switcher = switcher; this.base = base; this.ghost_class = ghost_class; this.elements = elements; this.on = on; this.off = off; this.activate = function(update_switch){ this.announce("activate") if(this.elements) Stixy.element.form.setFieldsProperty(this.elements, "disabled", false) Stixy.element.removeClassName(this.base, this.ghost_class); if(update_switch!==false){ Stixy.element.form.setValue(this.switcher, "checked") }; if(this.on){ this.on.call(this) } } this.deactivate = function(update_switch){ this.announce("deactivate") if(this.elements) Stixy.element.form.setFieldsProperty(this.elements, "disabled", "disabled") Stixy.element.addClassName(this.base, this.ghost_class); if(update_switch!==false){ Stixy.element.form.setValue(this.switcher, false) }; if(this.off){ this.off.call(this) } } Stixy.events.observe(this.switcher, "mouseup", function(event){ Stixy.events.stop(event) if(this.switcher.checked==false){ this.activate(false); }else{ this.deactivate(false); } }.b(this)); } } } }); Stixy.extend(Stixy, { // Widgets // This needs to be rewritten. Why do wi have this object, and the instances object further down? widgets: { cashed_widgets: [], getWidget: function(id){ var result = (function(){ for(var i=0; i= 1){ /* PATCH: Due to a refresh bug in Firefox 3, we have to recreate the selection after a class has been inserted or removed on a parent element of the text selection. */ function refreshTextSelection(){ var selection = window.getSelection(); if(!selection.isCollapsed){ var range = selection.getRangeAt(selection.focusNode, 0); if(!range.collapsed){ setTimeout(function(){ if(selection instanceof Selection){ if(!selection.isCollapsed) selection.collapseToStart(); selection.addRange(range); } }.b(this), 1) } } } this.hover.listen("afterleave", function(){ refreshTextSelection() }.b(this)); this.hover.listen("afterenter", function(){ refreshTextSelection() }.b(this)); } } } this.listen("added", function(){ this.save({left:this.left(),top:this.top()}); this.save({width:parseInt(this.element.offsetWidth),height:parseInt(this.element.offsetHeight)}); this.order.changeOrder(); }.b(this)); this.listen("drop", function(){ this.focus.deactivate(); this.focus.giveFocus(); this.focus.announce("deactivated") this.hover.announce("enter"); this.announce("added"); }.b(this)); Stixy.events.observe(this.element, "mouseup", function(){ this.focus.announce("mousereleased") }.b(this)); } this.instances.register(this); return this; } }); Stixy.widgets.Base.prototype.lock = function(state){ this.locked = state || false; if(this.locked){ this.removeFromMultiselect(); }else{ if(this.focus && this.focus.hasFocus){ this.appendToMultiselect(); } } if(this.focus && this.focus.hasFocus){ Stixy.element.addClassName(this.element,(this.locked ? "widget-selected-locked" : "widget-selected")); Stixy.element.removeClassName(this.element,(!this.locked ? "widget-selected-locked" : "widget-selected")); } if(this.text){ this.text.editable((!this.locked)); } } Stixy.widgets.Base.prototype.left = function(){ return ((this.focus && this.focus.hasFocus) ? this.global.multiselect.get().offsetLeft : 0) + this.element.offsetLeft; } Stixy.widgets.Base.prototype.top = function(){ return ((this.focus && this.focus.hasFocus) ? this.global.multiselect.get().offsetTop : 0) + this.element.offsetTop; } Stixy.widgets.Base.prototype.offsetPosition = function(x,y){ this.element.style.left = this.element.offsetLeft + x + "px"; this.element.style.top = this.element.offsetTop + y + "px"; } Stixy.widgets.Base.prototype.getOffsetPositions = function(){ return {x:this.global.multiselect.get().offsetLeft + this.element.offsetLeft, y:this.global.multiselect.get().offsetTop + this.element.offsetTop}; } Stixy.widgets.Base.prototype.appendToMultiselect = function(){ this.offsetPosition(-this.global.multiselect.get().offsetLeft,-this.global.multiselect.get().offsetTop); this.global.multiselect.get().appendChild(this.element); this.global.multiselect.register(this); } Stixy.widgets.Base.prototype.removeFromMultiselect = function(){ this.offsetPosition(this.global.multiselect.get().offsetLeft,this.global.multiselect.get().offsetTop) Stixy.ui.canvas_content.appendChild(this.element); this.global.multiselect.unregister(this); } Stixy.widgets.Base.prototype.setMultiselectMinimum = function(){ this.global.multiselect.setMinimum(this.element.offsetLeft, this.element.offsetTop); } Stixy.widgets.Base.prototype.scrollIntoView = function(focus, edit){ if(Stixy.ui && this.move){ var positions = {left:Math.max(0, (this.element.offsetLeft-(Stixy.ui.canvas.clientWidth/2)+(this.element.scrollWidth/2))),top:Math.max(0, (this.element.offsetTop-(Stixy.ui.canvas.clientHeight/2)+(this.element.scrollHeight/2)))}; Stixy.ui.scrollToPosition(positions, 0.3) if(focus===true && this.focus){ if(edit===true){ this.order.changeOrder() this.focus.giveFocus() }else{ this.focus.highlight() } } } } Stixy.widgets.Base.prototype.global = new function(){ this.multiselect = { items: [], length: 0, eachItem: function(f){ for(var i=0; i 1) ? Math.max(Number(widget.element.style.zIndex),Number(this.multilayer.style.zIndex)) : widget.element.style.zIndex); } }, unregister: function(widget){ for(var i=0; i<\/script>"); document.getElementById('__onDOMContentLoaded').onreadystatechange = function(){ if(this.readyState == "complete") { this.onreadystatechange = null; fireContentLoadedEvent(); } } } })(loaded); })(); Stixy.widgets.Document = function(element_id,attributes){ this.constructor = Stixy.widgets.Document; this.value = element_id; this.attributes = attributes || {}; this.type = 3; this.upload = new Stixy.widgets.Document.Upload; this.upload.widget = this; this.activate = function(){ Stixy.widgets.Base.call(this) this.text = null; this.resize = null; this.initialize("document", element_id, this.attributes); this.icon = Stixy.element.$CN("document-icon", Stixy.element.$CN("base",this.element)[0])[0]; this.background = Stixy.element.$CN("base",this.element)[0]; this.documentID = this.extract(); this.documentName = this.icon.getAttribute("title"); this.documentName = (this.documentName=="Add a document") ? null : this.documentName; this.documentType = null; var inline_upload_button = Stixy.element.$CN("w-d-upload", this.element)[0]; this.inlineUpload = function(){ this.upload.open() } if(inline_upload_button) Stixy.events.observe(inline_upload_button,"mouseup",this.inlineUpload.b(this)); this.active = true; } this.activate(); } Stixy.widgets.Document.prototype = new Stixy.widgets.Base; Stixy.widgets.Document.prototype.removeWidgetUploadButton = function(){ var upload_button = Stixy.element.$CN("w-d-upload", this.element)[0] if(upload_button){ Stixy.events.stopObserving(upload_button,"mouseup",this.inlineUpload) upload_button.style.display="none"; } } Stixy.widgets.Document.prototype.addAfterUpload = function(result){ var result_set = result.getElementsByTagName("i"); if(result_set.length > 0){ this.newDocument = true; for(var i=0; i\n\t\n\t\n\t\n\t

Add a document

\n\t\n\t

Browse your computer for a document, and click \"Add document\" to upload your document to Stixy.

\n\t\n\t\n \n \n\n

\n\t

Maximum file size: 50MB

\n

\n", "popup_buttons": " Cancel\n Add document"} } json.replace.popup_content = json.replace.popup_content.replace(/(.* name="board_id" value=")0(".*)/im,"$1"+Stixy.board.getID()+"$2") Stixy.popup.pending_content = this.pending_content; return json; }, initiate: function(popupWindow){ popupWindow.loadDocument = function(){ Stixy.element.addClassName(popupWindow.document.body, "show-pending"); popupWindow.document.forms[0].submit() } }, pending_content: "Uploading document...", upload_backend: "/widgets/document/upload", width: 400, height: 210 } } Stixy.listen("ready", function(){ if(Stixy.ENV == 'development'){ Stixy.widgets.Document.Upload.prototype.settings.upload_backend = Stixy.widgets.Document.Upload.prototype.settings.upload_backend.replace(/upload\.stixy\.com/, "localhost.com:81"); } }) Stixy.extend(Stixy.widgets.Document.Upload.prototype, new Stixy.widgets.UploadCommon); Stixy.widgets.Document.Upload.prototype.registred = function(file){ this.widget.removeWidgetUploadButton(); this.insertStatusPanel(file); } Stixy.widgets.Document.Upload.prototype.progress = function(obj, bytesLoaded, bytesTotal, loadedPercent){ this.widget.progressBar.style.height = loadedPercent + "%"; this.widget.progressNumber.innerHTML = Math.round(loadedPercent) + "%"; this.widget.statusSizeLoaded.innerHTML = this.formatedFileSize(bytesLoaded); } Stixy.widgets.Document.prototype.updateSource = function(attr){ Stixy.element.toggleDisplay(this.statusPanel, false); var inline_namefield = Stixy.element.$CN("w-d-file-link", this.element)[0]; var str = ""+this.documentName+"" inline_namefield.style.display = "block" this.icon.className = "document-icon document-icon-" +this.documentType; this.announce("updated"); } Stixy.widgets.Document.Upload.prototype.insertStatusPanel = function(file){ Stixy.element.toggleDisplay(this.widget.errorPanel, false); var panel = Stixy.element.$CN("status-pane",this.widget.element)[0]; if(!panel){ panel = document.createElement("div"); panel.className = "status-pane"; panel.innerHTML = "

" + "

" + "

Size 0 KB of ? KB

" + "

--

" + "

" + "

" + "

" + "

0%

" + "

" + "

" this.widget.element.appendChild(panel); } this.widget.statusPanel = panel this.initStatusPanel(file); } Stixy.widgets.Document.Upload.prototype.initStatusPanel = function(file){ var children = this.widget.statusPanel.getElementsByTagName("*"); this.widget.statusSizeLoaded = children[3]; this.widget.statusSizeTotal = children[4]; this.widget.statusFileName = children[5]; this.widget.progressBar = children[7]; this.widget.progressNumber = children[8]; this.widget.statusSizeTotal.innerHTML = this.formatedFileSize(file.size); this.widget.statusFileName.innerHTML = file.name; Stixy.element.toggleDisplay(this.widget.statusPanel, true); } Stixy.widgets.Document.Upload.prototype.insertErrorMessage = function(title, message){ var panel = Stixy.element.$CN("error-pane",this.widget.element)[0]; if(!panel){ panel = document.createElement("div"); panel.className = "error-pane"; panel.innerHTML = "

" + title + "" + "

" + message + "

"; this.widget.element.appendChild(panel); } this.widget.errorPanel = panel; Stixy.element.toggleDisplay(panel, true); } Stixy.widgets.Document.Upload.prototype.error = function(code, file, msg){ this.widget.removeWidgetUploadButton(); Stixy.element.toggleDisplay(this.widget.statusPanel, false); switch(Number(code)){ case -10 : this.insertErrorMessage("We're sorry!", "An error occured while the document was uploaded to Stixy.
<error-code>
" + msg + "
</error-code>"); break; case -20 : this.insertErrorMessage("We're sorry!", "There was an unspeciefied error while uploading the document to Stixy"); break; case -30 : this.insertErrorMessage("We're sorry!", "There is an error in the file and it can not be uploaded to Stixy"); break; case -40 : this.insertErrorMessage("We're sorry!", "There was an unspeciefied error while uploading the document to Stixy"); break; case -50 : this.insertErrorMessage("\"" + file.name + " \" is to big!", "The size is " + this.formatedFileSize(file.size) + ". Our maximum allowed file size for documtns is 50 MB."); break; default : this.insertErrorMessage("We're sorry!", "There was an unspeciefied error while uploading the document to Stixy"); break; } } Stixy.widgets.Document.prototype.extract = function(name){ //if(this.icon.src.match(/.*?placeholder/)) return 0; //var match = (name) ? this.icon.src.match(new RegExp("[\&||\?]"+name+"=(\\d*)")) : this.icon.src.match(/\/(\d*)\?/); //return (match) ? parseInt(match[1]) : 0; } Stixy.widgets.Document.prototype.documentSave = function(){ this.save(function(){ return {document:{document_id:this.documentID}}; }.b(this)()); } // OPTIONBAR try{ Stixy.widgets.Optionbar.frame.listen("ready",function(){ var optionbar = Stixy.widgets.Document.prototype.loadOptionbar("wopt-document"); var upload = optionbar.register(Stixy.element.$CN("w-d-upload", optionbar.panel)); upload.command = function(){ this.widget.upload.open.b(this.widget.upload)(true); }.b(upload); upload.update = function(){ var namefield = Stixy.element.$CN("w-d-document-name", optionbar.panel)[0]; if(this.widget.documentName){ this.sources[1].style.display = "inline"; this.sources[0].style.display = "none"; Stixy.element.removeClassName(namefield,"ghosted"); namefield.innerHTML = this.widget.documentName; }else{ this.sources[1].style.display = "none"; this.sources[0].style.display = "inline"; Stixy.element.addClassName(namefield,"ghosted"); namefield.innerHTML = "(no document added)"; } }.b(upload); var updateStates = function(){ this.update() }.b(upload) upload.activate = function(){ this.widget.listen("updated", updateStates); }.b(upload); upload.deactivate = function(){ this.widget.unlisten("updated", updateStates); }.b(upload); }); }catch(e){new StixyError(e)} Stixy.widgets.Todo = function(element_id,attributes){ this.constructor = Stixy.widgets.Todo; this.value = element_id; this.attributes = attributes || {}; this.type = 4; this.remind = this.attributes.remind || false; this.remindAll = (this.attributes.remindAll == undefined) ? true : this.attributes.remindAll; this.remindOnly = this.attributes.remindOnly || []; this.remindAt = this.attributes.remindAt || null; this.getReminder = function(){ if(this.optionbar.remindSwitcher.checked == false){ return { reminder: {remind_at:0, remind_users:0} } }else{ var users = { 0: (this.optionbar.remindAll.checked==true) ? 1 : 0 }; for(var i=0; i> 8) & 0xFF) + "," + ((v >> 16) & 0xFF) + ")"; } // Clone // var clone = optionbar.register(Stixy.element.$CN("w-n-clone", optionbar.panel)[0]); // clone.command = function(){ // var sibling = this.widget; // for(var i=0; i<1; i++){ // var sibling = this.widget.addSibling(); // sibling.focus.giveFocus(); // } // }.b(clone); // Note themes var theme = optionbar.register(Stixy.element.$CN("wopt-theme", optionbar.panel)); var theme = optionbar.register(Stixy.element.$CN("wopt-theme", optionbar.panel),null,"theme"); theme.command = function(){ var range = this.widget.text.selectionToRange(); this.widget.text.destroy(); this.widget.text.source.innerHTML = this.widget.text.source.innerHTML.replace(/<\/?(span||font){1}(?= ).*?>/ig,"") if(this.widget.theme) Stixy.element.removeClassName(this.widget.element, this.widget.theme); Stixy.element.$CN("base",this.widget.element)[0].removeAttribute("style"); Stixy.element.$CN("base-bg",this.widget.element)[0].removeAttribute("style"); this.widget.theme = this.source.id.match(/(?:^|| )(wopt-theme-.)(?:$|| )/)[1]; Stixy.element.addClassName(this.widget.element, this.widget.theme); this.widget.text.rangeToSelection(range); this.widget.text.focus(); }.b(theme); theme.save = function(){ return { style:{className:{value:this.widget.theme,name:"theme"},background_color:{value:"none"}}, text:{value:this.widget.text.getSource.b(this.widget.text)} } } // Link tool // Click event doesn't work in IE when selection is collapsed. // The parent element of the range will be BODY independent of where the click was initiated. // A workaround we're using mousedown for IE instead of click var textlink = optionbar.register([Stixy.element.$ID("link_text")],(Stixy.ua.ie ? 'mousedown' : 'click'),"insert-link"); textlink.command = function(){ if(Stixy.ua.unless(/Firefox\/2/)){ this.widget.text.openEditLinkPopup(); } }.b(textlink) textActivators(textlink); textlink.activate = function(){ Stixy.element.removeClassName(this.source.parentNode.parentNode, "deactivated"); Stixy.element.removeClassName(this.sources[0], "ghosted") } textlink.deactivate = function(){ Stixy.element.addClassName(this.source.parentNode.parentNode, "deactivated"); Stixy.element.addClassName(this.sources[0], "ghosted") } textSave(textlink); // Text color tool var textcolor = optionbar.register(Stixy.element.$ID("widget_note_fgcolor").getElementsByTagName("div"),null,"text-color"); textcolor.command = function(){ setText(this, "forecolor", this.source.style.backgroundColor); this.update() }.b(textcolor); textcolor.update = function(){ setSwatchState(this, "forecolor", this.sources, function(source,value){ return source.style.backgroundColor == toRGB(value) }) }.b(textcolor); textActivators(textcolor); swatchActivation(textcolor) textSave(textcolor); // Text style tools var fontStyles = ["italic","bold","underline","strikethrough"]; for(var i=0; i=0; i--){ var source = this.source.options[i]; try{ if(source.value!="" && (this.widget.text.getDocument().queryCommandState(source.value)==true)) break; }catch(e){ // This is most likely due to this.widget.text.getDocument() returning a element that can't be edited // (could be set to display:none or something similar) //new StixyError(e, "List update") } } source.selected = true; } textActivators(list); textActivation(list); textSave(list); list.activate = function(){ Stixy.element.removeClassName(this.source.parentNode, "deactivated"); this.source.removeAttribute("disabled"); } list.deactivate = function(){ Stixy.element.addClassName(this.source.parentNode, "deactivated"); this.source.setAttribute("disabled", true); } // Background Switch var backgroundswitch = optionbar.register(Stixy.element.$ID("note_bg_switch"), "click", "background-fill"); backgroundswitch.command = function(){ if(this.source.checked){ this.announce("checked"); Stixy.element.removeClassName(this.widget.element, "no-background-fill"); this.optionbar.defaultSet.shadow.enable(); }else{ this.announce("unchecked"); Stixy.element.addClassName(this.widget.element, "no-background-fill"); this.optionbar.defaultSet.shadow.disable(); } }.b(backgroundswitch); backgroundswitch.update = function(){ this.source.checked = (Stixy.element.hasClassName(this.widget.element, "no-background-fill")) ? null : true; this.command(); }.b(backgroundswitch); backgroundswitch.save = function(){ var fillstate = (Stixy.element.hasClassName(this.widget.element, "no-background-fill")) ? "0":"1"; return {style:{fill:fillstate}} } // Background color var backgroundcolor = optionbar.register(Stixy.element.$ID("widget_note_bgcolor").getElementsByTagName("div"),null, "background-color"); backgroundcolor.command = function(){ this.state(this.source.parentNode); Stixy.element.$CN("base-bg",this.widget.element)[0].style.backgroundColor = this.source.style.backgroundColor }.b(backgroundcolor); backgroundcolor.update = function(){ this.state(); var element = Stixy.element.$CN("base-bg",this.widget.element)[0]; for(var i=0; i 0){ this.newPhoto = true; for(var i=0; i\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n

Add a photo

\n\t\n\t

Browse your computer for a photo, and click \"Add photo\" to upload your photo to Stixy.

\n\t\n \n \n\n\n

\n\t

Maximum file size: 4 MB

\n\t

Allowed file formats: JPG, GIF, PNG

\n

", "popup_buttons": " Cancel\n Add photo"} } json.replace.popup_content = json.replace.popup_content.replace(/(.* name="board_id" value=")0(".*)/im,"$1"+Stixy.board.getID()+"$2") Stixy.popup.pending_content = this.pending_content; var params = params.replace(/^\?/,"").split("&"); // Replace params for popup for(var i=0; i

" + "

" + "

File Name

" + "

Size 0 KB of ? KB

" + "

" + "

" + "

" + "

0%

" + "

" + "

" this.widget.photoFrame.appendChild(panel); } this.widget.statusPanel = panel; this.initStatusPanel(file); } Stixy.widgets.Photo.Upload.prototype.initStatusPanel = function(file){ var children = this.widget.statusPanel.getElementsByTagName("*"); this.widget.statusContent = children[2]; this.widget.statusFileName = children[4]; this.widget.statusSizeLoaded = children[6]; this.widget.statusSizeTotal = children[7]; this.widget.progressBar = children[9]; this.widget.progressNumber = children[10]; this.widget.statusSizeTotal.innerHTML = this.formatedFileSize(file.size); this.widget.statusFileName.innerHTML = file.name; Stixy.element.toggleDisplay(this.widget.statusPanel, true); } Stixy.widgets.Photo.Upload.prototype.insertErrorMessage = function(title, message){ var panel = Stixy.element.$CN("error-pane",this.widget.photoFrame)[0]; if(!panel){ panel = document.createElement("div"); panel.className = "error-pane"; panel.innerHTML = "

" + title + "" + "

" + message + "

"; this.widget.photoFrame.appendChild(panel); } this.widget.errorPanel = panel; Stixy.element.toggleDisplay(panel, true); } Stixy.widgets.Photo.Upload.prototype.error = function(code, file, msg){ this.widget.removeWidgetUploadButton(); Stixy.element.toggleDisplay(this.widget.statusPanel, false); switch(Number(code)){ case -10 : this.insertErrorMessage("We're sorry!", "An error occured while the photo was uploaded to Stixy.
<error-code>
" + msg + "
</error-code>"); break; case -20 : this.insertErrorMessage("We're sorry!", "There was an unspeciefied error while uploading the photo to Stixy"); break; case -30 : this.insertErrorMessage("We're sorry!", "There is an error in the file and it can not be uploaded to Stixy"); break; case -40 : this.insertErrorMessage("We're sorry!", "There was an unspeciefied error while uploading the photo to Stixy"); break; case -50 : this.insertErrorMessage("\"" + file.name + " \" is to big!", "The size is " + this.formatedFileSize(file.size) + ". Our maximum allowed file size for photos is 4 MB. If you need to add larger files, please upload it as a \"Document\", or resize the photo before uploading it."); break; default : this.insertErrorMessage("We're sorry!", "There was an unspeciefied error while uploading the photo to Stixy"); break; } } Stixy.widgets.Photo.prototype.generateQuery = function(str){ return "?board_id="+Stixy.board.id+"&photo_id="+this.photoID+(str ? ("&"+str) : ""); } Stixy.widgets.Photo.prototype.generateUrl = function(str){ return "/widgets/photo/thumb/"+this.fileName+this.generateQuery(str); } Stixy.widgets.Photo.prototype.generateOriginalUrl = function(){ return "/widgets/photo/photo/"+this.fileName+this.generateQuery(this.generateParams()); } Stixy.widgets.Photo.prototype.generateConditionParams = function(attr){ var attr = attr||{} if(attr.filter>=0) this.filter = attr.filter; var str = "conditions[filter]=" + this.filter + // Filter ID "&conditions[rotation]=" + this.angel + // Rotation angel "&conditions[width]=" + this.photoWidth + // Photo width "&conditions[height]=" + this.photoHeight // Photo height return str; } Stixy.widgets.Photo.prototype.generateParams = function(attr){ var str = this.generateConditionParams(attr); if(this.uploadID){ str += "&upload_id=" str += this.uploadID } if(this.number>0){ str += "&widget_id=" str += this.number } return str; } Stixy.widgets.Photo.prototype.updateSource = function(attr){ var attr = attr||{} var str = this.generateParams(attr); this.photoSave(str); if(attr.cancelBlank!==true) this.file.setAttribute("src","/images/main_template/transparent.gif"); this.file.setAttribute("alt",this.fileName); setTimeout(function(){ this.file.setAttribute("src", attr.uri || this.generateUrl(str)); this.announce("updated"); }.b(this),300); } Stixy.widgets.Photo.prototype.extract = function(name){ if(this.file.src.match(/.*?placeholder/)) return 0; var match = this.file.src.match(new RegExp("[\&||\?]"+name+"=(\\d*)")); return (match) ? parseInt(match[1]) : 0; } Stixy.widgets.Photo.prototype.photoSave = function(){ this.save(function(){ return {photo:{photo_id:this.photoID}}; }.b(this)()); } Stixy.widgets.Photo.prototype.autoUpload = false; // OPTIONBAR try{ Stixy.widgets.Optionbar.frame.listen("ready",function(){ var optionbar = Stixy.widgets.Photo.prototype.loadOptionbar("wopt-photo"); var upload = optionbar.register(Stixy.element.$CN("w-p-upload", optionbar.panel)); upload.command = function(){ this.widget.upload.open.b(this.widget.upload)(true); }.b(upload); upload.update = function(){ var namefield = Stixy.element.$CN("w-p-image-name", optionbar.panel)[0]; if(this.widget.fileName){ this.sources[1].style.display = "inline"; this.sources[0].style.display = "none"; Stixy.element.removeClassName(namefield,"ghosted"); namefield.innerHTML = this.widget.fileName; }else{ this.sources[1].style.display = "none"; this.sources[0].style.display = "inline"; Stixy.element.addClassName(namefield,"ghosted"); namefield.innerHTML = "(no image added)"; } }.b(upload); var updateStates = function(){ this.update() }.b(upload) upload.activate = function(){ this.widget.listen("updated", updateStates); }.b(upload); upload.deactivate = function(){ this.widget.unlisten("updated", updateStates); }.b(upload); var get_original = optionbar.register(Stixy.element.$CN("w-p-get-original", optionbar.panel)[0]); get_original.command = function(){ window.location.href = this.widget.generateOriginalUrl(); }.b(get_original); get_original.update = function(){ if(this.widget.fileName){ this.source.style.display = "inline"; }else{ this.source.style.display = "none"; } }.b(get_original); var originalUpdateStates = function(){ this.update() }.b(get_original) get_original.activate = function(){ this.widget.listen("updated", originalUpdateStates); }.b(get_original); get_original.deactivate = function(){ this.widget.unlisten("updated", originalUpdateStates); }.b(get_original); var filter = optionbar.register(Stixy.element.$CN("w-p-theme-effects", optionbar.panel)); var filterValues = ["w-p-theme-noeffect","w-p-theme-gray","w-p-theme-sepia"]; filter.command = function(){ var filterIndex = function(){ for(var i=0; i