148 lines
4.5 KiB
Plaintext
148 lines
4.5 KiB
Plaintext
|
var shapetime = {};
|
||
|
var nodelete = false;
|
||
|
|
||
|
function stateUpdated() {
|
||
|
|
||
|
// 'state' is an object of key-value pairs that map ids to JSON serialization of SVG elements
|
||
|
// 'keys' is an array of all the keys in the state
|
||
|
var state = wave.getState();
|
||
|
var keys = state.getKeys();
|
||
|
svgCanvas.each(function(e) {
|
||
|
// 'this' is the SVG DOM element node (ellipse, rect, etc)
|
||
|
// 'e' is an integer describing the position within the document
|
||
|
var k = this.id;
|
||
|
var v = state.get(k);
|
||
|
if(k == "selectorParentGroup" || k == "svgcontent"){
|
||
|
//meh
|
||
|
}else if (v) {
|
||
|
var ob = JSON.parse(v);
|
||
|
if (ob) {
|
||
|
// do nothing
|
||
|
} else {
|
||
|
//var node = document.getElementById(k);
|
||
|
//if (node) node.parentNode.removeChild(node);
|
||
|
}
|
||
|
//keys.remove(k);
|
||
|
|
||
|
} else if(!nodelete){
|
||
|
|
||
|
this.parentNode.removeChild(this);
|
||
|
}
|
||
|
});
|
||
|
|
||
|
// New nodes
|
||
|
for (var k in keys) {
|
||
|
var v = state.get(keys[k]);
|
||
|
var ob = JSON.parse(v);
|
||
|
if (ob){
|
||
|
if(!shapetime[k] || ob.time > shapetime[k]){
|
||
|
var a;
|
||
|
if(a = document.getElementById(k)){
|
||
|
var attrs = get_attrs(a);
|
||
|
if(JSON.stringify(attrs) != JSON.stringify(ob.attr)){
|
||
|
shapetime[k] = ob.time
|
||
|
svgCanvas.updateElementFromJson(ob)
|
||
|
}
|
||
|
}else{
|
||
|
shapetime[k] = ob.time
|
||
|
svgCanvas.updateElementFromJson(ob)
|
||
|
}
|
||
|
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
function getId(canvas, objnum) {
|
||
|
var id = wave.getViewer().getId().split("@")[0];
|
||
|
var extra = SHA256(wave.getViewer().getId()); //in case the next step kills all the characters
|
||
|
for(var i = 0, l = id.length, n = ""; i < l; i++){
|
||
|
if("abcdefghijklmnopqrstuvwxyz0123456789".indexOf(id[i]) != -1){
|
||
|
n+=id[i];
|
||
|
}
|
||
|
}
|
||
|
return "svg_"+n+"_"+extra.substr(0,5)+"_"+objnum;
|
||
|
}
|
||
|
|
||
|
function get_attrs(a){
|
||
|
var attrs = {};
|
||
|
for(var i = a.length; i--;){
|
||
|
var attr = a.item(i).nodeName;
|
||
|
if(",style,".indexOf(","+attr+",") == -1){
|
||
|
attrs[attr] = a.item(i).nodeValue;
|
||
|
}
|
||
|
}
|
||
|
return attrs
|
||
|
}
|
||
|
|
||
|
function main() {
|
||
|
$(document).ready(function(){
|
||
|
if (wave && wave.isInWaveContainer()) {
|
||
|
wave.setStateCallback(function(){setTimeout(stateUpdated,10)});
|
||
|
}
|
||
|
|
||
|
var oldchanged = svgCanvas.bind("changed", function(canvas, elem){
|
||
|
if(oldchanged)oldchanged.apply(this, [canvas,elem]);
|
||
|
|
||
|
var delta = {}
|
||
|
$.each(elem, function(){
|
||
|
|
||
|
var attrs = {};
|
||
|
var a = this.attributes;
|
||
|
if(a){
|
||
|
var attrs = get_attrs(a)
|
||
|
var ob = {element: this.nodeName, attr: attrs};
|
||
|
|
||
|
ob.time = shapetime[this.id] = (new Date).getTime()
|
||
|
delta[this.id] = JSON.stringify(ob);
|
||
|
}
|
||
|
})
|
||
|
|
||
|
wave.getState().submitDelta(delta)
|
||
|
//sendDelta(canvas, elem)
|
||
|
|
||
|
});
|
||
|
//*
|
||
|
|
||
|
var oldselected = svgCanvas.bind("selected", function(canvas, elem){
|
||
|
|
||
|
if(oldselected)oldselected.apply(this, [canvas,elem]);
|
||
|
|
||
|
|
||
|
var delta = {}
|
||
|
var deletions = 0;
|
||
|
$.each(elem, function(){
|
||
|
if(!this.parentNode && this != window){
|
||
|
delta[this.id] = null;
|
||
|
deletions ++
|
||
|
}
|
||
|
});
|
||
|
if(deletions > 0){
|
||
|
wave.getState().submitDelta(delta)
|
||
|
}
|
||
|
});
|
||
|
///
|
||
|
svgCanvas.bind("cleared", function(){
|
||
|
//alert("cleared")
|
||
|
var state = {}, keys = wave.getState().getKeys()
|
||
|
for(var i = 0; i < keys.length; i++){
|
||
|
state[keys[i]] = null;
|
||
|
}
|
||
|
wave.getState().submitDelta(state)
|
||
|
});
|
||
|
//*/
|
||
|
svgCanvas.bind("getid", getId);
|
||
|
})
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
if(window.gadgets) gadgets.util.registerOnLoadHandler(main);
|
||
|
|
||
|
//$(main)
|
||
|
|
||
|
//and why not use my stuff?
|
||
|
function SHA256(b){function h(j,k){return(j>>e)+(k>>e)+((p=(j&o)+(k&o))>>e)<<e|p&o}function f(j,k){return j>>>k|j<<32-k}var g=[],d,c=3,l=[2],p,i,q,a,m=[],n=[];i=b.length*8;for(var e=16,o=65535,r="";c<312;c++){for(d=l.length;d--&&c%l[d]!=0;);d<0&&l.push(c)}b+="\u0080";for(c=0;c<=i;c+=8)n[c>>5]|=(b.charCodeAt(c/8)&255)<<24-c%32;n[(i+64>>9<<4)+15]=i;for(c=8;c--;)m[c]=parseInt(Math.pow(l[c],0.5).toString(e).substr(2,8),e);for(c=0;c<n.length;c+=e){a=m.slice(0);for(b=0;b<64;b++){g[b]=b<e?n[b+c]:h(h(h(f(g[b-2],17)^f(g[b-2],19)^g[b-2]>>>10,g[b-7]),f(g[b-15],7)^f(g[b-15],18)^g[b-15]>>>3),g[b-e]);i=h(h(h(h(a[7],f(a[4],6)^f(a[4],11)^f(a[4],25)),a[4]&a[5]^~a[4]&a[6]),parseInt(Math.pow(l[b],1/3).toString(e).substr(2,8),e)),g[b]);q=(f(a[0],2)^f(a[0],13)^f(a[0],22))+(a[0]&a[1]^a[0]&a[2]^a[1]&a[2]);for(d=8;--d;)a[d]=d==4?h(a[3],i):a[d-1];a[0]=h(i,q)}for(d=8;d--;)m[d]+=a[d]}for(c=0;c<8;c++)for(b=8;b--;)r+=(m[c]>>>b*4&15).toString(e);return r}
|
||
|
|