Merge branch 'bzr/golem' of /Users/distler/Sites/code/instiki
This commit is contained in:
Jacques Distler
commit
b6653749ac
24 changed files with 0 additions and 1550 deletions
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -1,8 +0,0 @@
|
||||||
Usage:
|
|
||||||
|
|
||||||
1) copy file svg-editor-save.php into the directory
|
|
||||||
|
|
||||||
2) edit the end of the svgcanvas.js and change this.saveHandler method
|
|
||||||
into the method described in svg-editor-save.js
|
|
||||||
|
|
||||||
3) now the drawings will be saved into the file named saved.svg
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
this.saveHandler = function(svg) {
|
|
||||||
$.post("svg-editor-save.php", { svg_data: escape(svg) } );
|
|
||||||
});
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
<?php
|
|
||||||
$svg = $_REQUEST["svg_data"];
|
|
||||||
$svg_data = urldecode($svg);
|
|
||||||
$file = "saved.svg";
|
|
||||||
$fh = fopen($file, "w") or die("Can't open file");
|
|
||||||
fwrite($fh, $svg_data);
|
|
||||||
fclose($fh);
|
|
||||||
?>
|
|
||||||
|
|
@ -1,52 +0,0 @@
|
||||||
import sys, json, codecs
|
|
||||||
infile = codecs.open(sys.argv[1], "r", "utf-8")
|
|
||||||
outfile = codecs.open(sys.argv[1][:-3], "w", "utf-8")
|
|
||||||
indata = infile.readlines()
|
|
||||||
look = False
|
|
||||||
out = "[\n"
|
|
||||||
js = []
|
|
||||||
jss = ""
|
|
||||||
|
|
||||||
def readfrompos(pos):
|
|
||||||
global out
|
|
||||||
global js
|
|
||||||
|
|
||||||
if (indata[pos].startswith("#, -x-svg-edit-title")) or (indata[pos].startswith("#, -x-svg-edit-textContent")):
|
|
||||||
out += '{'
|
|
||||||
out += '"id": '
|
|
||||||
out += " ".join(indata[pos+1].split()[1:]) + ", "
|
|
||||||
out += '"' + line[15:].strip() + '": '
|
|
||||||
out += " ".join(indata[pos+2].split()[1:])
|
|
||||||
out += '}'
|
|
||||||
elif (indata[pos].startswith("#, -x-svg-edit-both")):
|
|
||||||
out += '{'
|
|
||||||
out += '"id": '
|
|
||||||
out += " ".join(indata[pos+1].split()[1:]) + ", "
|
|
||||||
out += '"textContent": '
|
|
||||||
out += '"' + " ".join(indata[pos+2].split()[1:]).split('|')[1] + ', '
|
|
||||||
out += '"title": '
|
|
||||||
out += " ".join(indata[pos+2].split()[1:]).split('|')[0] + '"'
|
|
||||||
out += '}'
|
|
||||||
elif (indata[pos].startswith("#, -x-svg-edit-js_strings")):
|
|
||||||
js.append((" ".join(indata[pos+1].split()[1:]), " ".join(indata[pos+2].split()[1:])))
|
|
||||||
|
|
||||||
for pos, line in enumerate(indata):
|
|
||||||
if (not look) and (line.startswith('# ---')):
|
|
||||||
look = True
|
|
||||||
marker = pos
|
|
||||||
elif (look) and (line.startswith('#, -x-svg-edit')):
|
|
||||||
readfrompos(pos)
|
|
||||||
|
|
||||||
js.sort()
|
|
||||||
|
|
||||||
for j in js:
|
|
||||||
jss += " %s: %s,\n" % (j[0], j[1])
|
|
||||||
|
|
||||||
out += '{\n "js_strings": {\n'
|
|
||||||
out += str(jss)
|
|
||||||
out += ' "": ""\n }'
|
|
||||||
out += "\n}"
|
|
||||||
out += "\n]"
|
|
||||||
out = out.replace('}{', '},\n{')
|
|
||||||
|
|
||||||
outfile.write(out)
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
import sys, json, codecs
|
|
||||||
infile = json.load(codecs.open(sys.argv[1], "r", "utf-8"))
|
|
||||||
outfile = codecs.open(sys.argv[1] + ".po", "w", "utf-8")
|
|
||||||
out = []
|
|
||||||
|
|
||||||
out.append("""# LANGUAGE FILE FOR SVG-EDIT, AUTOGENERATED BY TOPO.PY
|
|
||||||
|
|
||||||
msgid ""
|
|
||||||
msgstr ""
|
|
||||||
"Content-Type: text/plain; charset=utf-8\\n"
|
|
||||||
"Content-Transfer-Encoding: 8bit\\n"
|
|
||||||
|
|
||||||
# ---
|
|
||||||
|
|
||||||
""")
|
|
||||||
|
|
||||||
def printstr(flag, i, s):
|
|
||||||
out.append('\n')
|
|
||||||
if flag == '-x-svg-edit-both':
|
|
||||||
out.append("# Enter the title first, then the contents, seperated by a pipe char (|)\n")
|
|
||||||
out.append("#, " + flag + '\n')
|
|
||||||
out.append("msgid \"" + i + "\"" + '\n')
|
|
||||||
out.append("msgstr \"" + s.replace('\n', '\\n') + "\"" + '\n')
|
|
||||||
|
|
||||||
for line in infile:
|
|
||||||
if line.has_key('title') and line.has_key('textContent'):
|
|
||||||
printstr('-x-svg-edit-both', line['id'], "|".join(((line['title'], line['textContent']))))
|
|
||||||
elif line.has_key('title'):
|
|
||||||
printstr('-x-svg-edit-title', line['id'], line['title'])
|
|
||||||
elif line.has_key('textContent'):
|
|
||||||
printstr('-x-svg-edit-textContent', line['id'], line['textContent'])
|
|
||||||
elif line.has_key('js_strings'):
|
|
||||||
for i, s in line['js_strings'].items():
|
|
||||||
printstr('-x-svg-edit-js_strings', i, s)
|
|
||||||
else:
|
|
||||||
pass # The line wasn't really a string
|
|
||||||
|
|
||||||
outfile.writelines(out)
|
|
||||||
outfile.close()
|
|
||||||
|
|
@ -1,88 +0,0 @@
|
||||||
#!/usr/bin/env python
|
|
||||||
# -*- coding: iso-8859-15 -*-
|
|
||||||
"""
|
|
||||||
This is a helper script for the svg-edit project, useful for managing
|
|
||||||
all the language files
|
|
||||||
|
|
||||||
Licensed under the Apache 2 License as is the rest of the project
|
|
||||||
Requires Python 2.6
|
|
||||||
|
|
||||||
Copyright (c) 2010 Jeff Schiller
|
|
||||||
"""
|
|
||||||
import os
|
|
||||||
import json
|
|
||||||
from types import DictType
|
|
||||||
|
|
||||||
def changeTooltipTarget(j):
|
|
||||||
"""
|
|
||||||
Moves the tooltip target for some tools
|
|
||||||
"""
|
|
||||||
tools = ['rect_width', 'rect_height']
|
|
||||||
for row in j:
|
|
||||||
try:
|
|
||||||
id = row['id']
|
|
||||||
if id in tools:
|
|
||||||
row['id'] = row['id'] + '_tool'
|
|
||||||
except KeyError:
|
|
||||||
pass
|
|
||||||
|
|
||||||
def updateMainMenu(j):
|
|
||||||
"""
|
|
||||||
Converts title into textContent for items in the main menu
|
|
||||||
"""
|
|
||||||
tools = ['tool_clear', 'tool_open', 'tool_save', 'tool_docprops']
|
|
||||||
for row in j:
|
|
||||||
try:
|
|
||||||
ids = row['id']
|
|
||||||
if ids in tools:
|
|
||||||
row[u'textContent'] = row.pop('title')
|
|
||||||
except KeyError:
|
|
||||||
pass
|
|
||||||
|
|
||||||
def ourPrettyPrint(j):
|
|
||||||
"""
|
|
||||||
Outputs a string representation of the JSON object passed in
|
|
||||||
formatted properly for our lang.XX.js files.
|
|
||||||
"""
|
|
||||||
s = '[' + os.linesep
|
|
||||||
js_strings = None
|
|
||||||
j.sort()
|
|
||||||
for row in j:
|
|
||||||
try:
|
|
||||||
ids = row['id']
|
|
||||||
row_string = json.dumps(row, sort_keys=True, ensure_ascii=False)
|
|
||||||
s += row_string + ',' + os.linesep
|
|
||||||
except KeyError:
|
|
||||||
if type(row) is DictType:
|
|
||||||
js_strings = row
|
|
||||||
|
|
||||||
s += json.dumps(js_strings, sort_keys=True, ensure_ascii=False, indent=1) + os.linesep
|
|
||||||
s += ']'
|
|
||||||
return s
|
|
||||||
|
|
||||||
def processFile(filename):
|
|
||||||
"""
|
|
||||||
Loads the given lang.XX.js file, processes it and saves it
|
|
||||||
back to the file system
|
|
||||||
"""
|
|
||||||
in_string = open('../editor/locale/' + filename, 'r').read()
|
|
||||||
|
|
||||||
try:
|
|
||||||
j = json.loads(in_string)
|
|
||||||
|
|
||||||
# process the JSON object here
|
|
||||||
changeTooltipTarget(j)
|
|
||||||
|
|
||||||
# now write it out back to the file
|
|
||||||
s = ourPrettyPrint(j).encode("UTF-8")
|
|
||||||
open('../editor/locale/' + filename, 'w').write(s)
|
|
||||||
|
|
||||||
print "Updated " + filename
|
|
||||||
except ValueError:
|
|
||||||
print "ERROR! " + filename + " was not valid JSON, please fix it!"
|
|
||||||
|
|
||||||
if __name__ == '__main__':
|
|
||||||
# get list of all lang files and process them
|
|
||||||
for file_name in os.listdir('../editor/locale/'):
|
|
||||||
if file_name[:4] == "lang":
|
|
||||||
processFile(file_name)
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
content svg-edit content/
|
|
||||||
overlay chrome://browser/content/browser.xul chrome://svg-edit/content/svg-edit-overlay.xul
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
#svg-edit-statusbar-button {
|
|
||||||
list-style-image: url("chrome://svg-edit/content/editor/images/logo.png");
|
|
||||||
display: -moz-box;
|
|
||||||
/*-moz-image-region: rect(16px, 16px, 32px, 0px);*/
|
|
||||||
padding-left: 0px;
|
|
||||||
padding-right: 0px;
|
|
||||||
width: 16px;
|
|
||||||
height: 16px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#svg-edit-statusbar-button[state="active"] {
|
|
||||||
list-style-image: url("chrome://svg-edit/content/editor/images/logo.png");
|
|
||||||
-moz-image-region: rect(32px, 16px, 48px, 0px);
|
|
||||||
}
|
|
||||||
|
|
||||||
#svg-edit-statusbar-button[state="error"] {
|
|
||||||
list-style-image: url("chrome://svg-edit/content/editor/images/logo.png");
|
|
||||||
-moz-image-region: rect(0px, 16px, 16px, 0px);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
function start_svg_edit() {
|
|
||||||
var url = "chrome://svg-edit/content/editor/svg-editor.html";
|
|
||||||
window.openDialog(url, "SVG Editor", "width=1024,height=700,menubar=no,toolbar=no");
|
|
||||||
}
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
<?xml version="1.0"?>
|
|
||||||
|
|
||||||
<?xml-stylesheet href="chrome://svg-edit/content/svg-edit-overlay.css" type="text/css"?>
|
|
||||||
|
|
||||||
<!DOCTYPE overlay SYSTEM "chrome://chromelist/locale/ChromeListOverlay.dtd" >
|
|
||||||
<overlay id="SVGEditToolsOverlay"
|
|
||||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
|
||||||
|
|
||||||
<script type="application/x-javascript"
|
|
||||||
src="chrome://svg-edit/content/svg-edit-overlay.js" />
|
|
||||||
|
|
||||||
<menupopup id="menu_ToolsPopup">
|
|
||||||
<menuitem insertafter="devToolsSeparator" label="SVG Editor"
|
|
||||||
oncommand="start_svg_edit();" />
|
|
||||||
</menupopup>
|
|
||||||
|
|
||||||
<!-- Firefox -->
|
|
||||||
<statusbar id="status-bar">
|
|
||||||
<statusbarpanel id="svg-edit-statusbar-button"
|
|
||||||
class="statusbarpanel-menu-iconic"
|
|
||||||
onclick="return start_svg_edit()"
|
|
||||||
tooltip="SvgEdit">
|
|
||||||
</statusbarpanel>
|
|
||||||
</statusbar>
|
|
||||||
</overlay>
|
|
||||||
|
|
@ -1,55 +0,0 @@
|
||||||
// Note: This JavaScript file must be included as the last script on the main HTML editor page to override the open/save handlers
|
|
||||||
$(function() {
|
|
||||||
if(!window.Components) return;
|
|
||||||
|
|
||||||
function moz_file_picker(readflag) {
|
|
||||||
var fp = window.Components.classes["@mozilla.org/filepicker;1"].
|
|
||||||
createInstance(Components.interfaces.nsIFilePicker);
|
|
||||||
if(readflag)
|
|
||||||
fp.init(window, "Pick a SVG file", fp.modeOpen);
|
|
||||||
else
|
|
||||||
fp.init(window, "Pick a SVG file", fp.modeSave);
|
|
||||||
fp.defaultExtension = "*.svg";
|
|
||||||
fp.show();
|
|
||||||
return fp.file;
|
|
||||||
}
|
|
||||||
|
|
||||||
svgCanvas.setCustomHandlers({
|
|
||||||
'open':function() {
|
|
||||||
try {
|
|
||||||
netscape.security.PrivilegeManager.
|
|
||||||
enablePrivilege("UniversalXPConnect");
|
|
||||||
var file = moz_file_picker(true);
|
|
||||||
if(!file)
|
|
||||||
return(null);
|
|
||||||
|
|
||||||
var inputStream = Components.classes["@mozilla.org/network/file-input-stream;1"].createInstance(Components.interfaces.nsIFileInputStream);
|
|
||||||
inputStream.init(file, 0x01, 00004, null);
|
|
||||||
var sInputStream = Components.classes["@mozilla.org/scriptableinputstream;1"].createInstance(Components.interfaces.nsIScriptableInputStream);
|
|
||||||
sInputStream.init(inputStream);
|
|
||||||
svgCanvas.setSvgString(sInputStream.
|
|
||||||
read(sInputStream.available()));
|
|
||||||
} catch(e) {
|
|
||||||
console.log("Exception while attempting to load" + e);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
'save':function(svg, str) {
|
|
||||||
try {
|
|
||||||
var file = moz_file_picker(false);
|
|
||||||
if(!file)
|
|
||||||
return;
|
|
||||||
|
|
||||||
if (!file.exists())
|
|
||||||
file.create(0, 0664);
|
|
||||||
|
|
||||||
var out = Components.classes["@mozilla.org/network/file-output-stream;1"].createInstance(Components.interfaces.nsIFileOutputStream);
|
|
||||||
out.init(file, 0x20 | 0x02, 00004,null);
|
|
||||||
out.write(str, str.length);
|
|
||||||
out.flush();
|
|
||||||
out.close();
|
|
||||||
} catch(e) {
|
|
||||||
alert(e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
<?xml version="1.0"?>
|
|
||||||
|
|
||||||
<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
||||||
xmlns:em="http://www.mozilla.org/2004/em-rdf#">
|
|
||||||
<Description about="urn:mozilla:extension:file:chrome"
|
|
||||||
em:package="content" />
|
|
||||||
<Description about="urn:mozilla:install-manifest">
|
|
||||||
<!-- required properties -->
|
|
||||||
<em:id>svg-edit@googlegroups.com</em:id>
|
|
||||||
<em:version>2.5</em:version>
|
|
||||||
<em:type>2</em:type>
|
|
||||||
<em:targetApplication>
|
|
||||||
<Description>
|
|
||||||
<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
|
|
||||||
<em:minVersion>1.5</em:minVersion>
|
|
||||||
<em:maxVersion>3.5.*</em:maxVersion>
|
|
||||||
</Description>
|
|
||||||
</em:targetApplication>
|
|
||||||
<em:name>SVG-edit</em:name>
|
|
||||||
</Description>
|
|
||||||
</RDF>
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
<?xml version="1.0"?>
|
|
||||||
<widget defaultmode="application">
|
|
||||||
<widgetname>SVG Edit</widgetname>
|
|
||||||
<description>
|
|
||||||
A simple SVG Editor.
|
|
||||||
</description>
|
|
||||||
<width>800</width>
|
|
||||||
<height>600</height>
|
|
||||||
<icon>editor/images/logo.svg</icon>
|
|
||||||
<id>
|
|
||||||
<name>SVG Edit</name>
|
|
||||||
<revised>2009-09</revised>
|
|
||||||
</id>
|
|
||||||
<feature name="http://xmlns.opera.com/fileio">
|
|
||||||
<param name="folderhint" value="home" />
|
|
||||||
</feature>
|
|
||||||
</widget>
|
|
||||||
|
|
@ -1,62 +0,0 @@
|
||||||
// Note: This JavaScript file must be included as the last script on the main HTML editor page to override the open/save handlers
|
|
||||||
$(function() {
|
|
||||||
if(window.opera && window.opera.io && window.opera.io.filesystem) {
|
|
||||||
svgCanvas.setCustomHandlers({
|
|
||||||
'open':function() {
|
|
||||||
try {
|
|
||||||
window.opera.io.filesystem.browseForFile(
|
|
||||||
new Date().getTime(), /* mountpoint name */
|
|
||||||
"", /* default location */
|
|
||||||
function(file) {
|
|
||||||
try {
|
|
||||||
if (file) {
|
|
||||||
fstream = file.open(file, "r");
|
|
||||||
var output = "";
|
|
||||||
while (!fstream.eof) {
|
|
||||||
output += fstream.readLine();
|
|
||||||
}
|
|
||||||
|
|
||||||
svgCanvas.setSvgString(output); /* 'this' is bound to the filestream object here */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
catch(e) {
|
|
||||||
console.log("Reading file failed.");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
false, /* not persistent */
|
|
||||||
false, /* no multiple selections */
|
|
||||||
"*.svg" /* file extension filter */
|
|
||||||
);
|
|
||||||
}
|
|
||||||
catch(e) {
|
|
||||||
console.log("Open file failed.");
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
'save':function(window, svg) {
|
|
||||||
try {
|
|
||||||
window.opera.io.filesystem.browseForSave(
|
|
||||||
new Date().getTime(), /* mountpoint name */
|
|
||||||
"", /* default location */
|
|
||||||
function(file) {
|
|
||||||
try {
|
|
||||||
if (file) {
|
|
||||||
var fstream = file.open(file, "w");
|
|
||||||
fstream.write(svg, "UTF-8");
|
|
||||||
fstream.close();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
catch(e) {
|
|
||||||
console.log("Write to file failed.");
|
|
||||||
}
|
|
||||||
},
|
|
||||||
false /* not persistent */
|
|
||||||
);
|
|
||||||
}
|
|
||||||
catch(e) {
|
|
||||||
console.log("Save file failed.");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>SVG Edit</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="style.css">
|
|
||||||
<script>
|
|
||||||
/** this method adds the script that overrides the default open/save handlers */
|
|
||||||
function addHandlers()
|
|
||||||
{
|
|
||||||
var cdoc = document.getElementById("container").contentDocument;
|
|
||||||
if(cdoc)
|
|
||||||
{
|
|
||||||
var scriptelm = cdoc.createElement("script");
|
|
||||||
scriptelm.src = "../handlers.js";
|
|
||||||
cdoc.getElementsByTagName("head")[0].appendChild(scriptelm);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<object id="container" data="editor/svg-editor.html" onload="addHandlers()">
|
|
||||||
Failed to load for some reason.
|
|
||||||
</object>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
body { margin: 0px; padding: 0px; }
|
|
||||||
#container { width: 100%; height: 100%; border: none; }
|
|
||||||
|
|
@ -1,481 +0,0 @@
|
||||||
/*
|
|
||||||
http://www.JSON.org/json2.js
|
|
||||||
2009-08-17
|
|
||||||
|
|
||||||
Public Domain.
|
|
||||||
|
|
||||||
NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
|
|
||||||
|
|
||||||
See http://www.JSON.org/js.html
|
|
||||||
|
|
||||||
This file creates a global JSON object containing two methods: stringify
|
|
||||||
and parse.
|
|
||||||
|
|
||||||
JSON.stringify(value, replacer, space)
|
|
||||||
value any JavaScript value, usually an object or array.
|
|
||||||
|
|
||||||
replacer an optional parameter that determines how object
|
|
||||||
values are stringified for objects. It can be a
|
|
||||||
function or an array of strings.
|
|
||||||
|
|
||||||
space an optional parameter that specifies the indentation
|
|
||||||
of nested structures. If it is omitted, the text will
|
|
||||||
be packed without extra whitespace. If it is a number,
|
|
||||||
it will specify the number of spaces to indent at each
|
|
||||||
level. If it is a string (such as '\t' or ' '),
|
|
||||||
it contains the characters used to indent at each level.
|
|
||||||
|
|
||||||
This method produces a JSON text from a JavaScript value.
|
|
||||||
|
|
||||||
When an object value is found, if the object contains a toJSON
|
|
||||||
method, its toJSON method will be called and the result will be
|
|
||||||
stringified. A toJSON method does not serialize: it returns the
|
|
||||||
value represented by the name/value pair that should be serialized,
|
|
||||||
or undefined if nothing should be serialized. The toJSON method
|
|
||||||
will be passed the key associated with the value, and this will be
|
|
||||||
bound to the value
|
|
||||||
|
|
||||||
For example, this would serialize Dates as ISO strings.
|
|
||||||
|
|
||||||
Date.prototype.toJSON = function (key) {
|
|
||||||
function f(n) {
|
|
||||||
// Format integers to have at least two digits.
|
|
||||||
return n < 10 ? '0' + n : n;
|
|
||||||
}
|
|
||||||
|
|
||||||
return this.getUTCFullYear() + '-' +
|
|
||||||
f(this.getUTCMonth() + 1) + '-' +
|
|
||||||
f(this.getUTCDate()) + 'T' +
|
|
||||||
f(this.getUTCHours()) + ':' +
|
|
||||||
f(this.getUTCMinutes()) + ':' +
|
|
||||||
f(this.getUTCSeconds()) + 'Z';
|
|
||||||
};
|
|
||||||
|
|
||||||
You can provide an optional replacer method. It will be passed the
|
|
||||||
key and value of each member, with this bound to the containing
|
|
||||||
object. The value that is returned from your method will be
|
|
||||||
serialized. If your method returns undefined, then the member will
|
|
||||||
be excluded from the serialization.
|
|
||||||
|
|
||||||
If the replacer parameter is an array of strings, then it will be
|
|
||||||
used to select the members to be serialized. It filters the results
|
|
||||||
such that only members with keys listed in the replacer array are
|
|
||||||
stringified.
|
|
||||||
|
|
||||||
Values that do not have JSON representations, such as undefined or
|
|
||||||
functions, will not be serialized. Such values in objects will be
|
|
||||||
dropped; in arrays they will be replaced with null. You can use
|
|
||||||
a replacer function to replace those with JSON values.
|
|
||||||
JSON.stringify(undefined) returns undefined.
|
|
||||||
|
|
||||||
The optional space parameter produces a stringification of the
|
|
||||||
value that is filled with line breaks and indentation to make it
|
|
||||||
easier to read.
|
|
||||||
|
|
||||||
If the space parameter is a non-empty string, then that string will
|
|
||||||
be used for indentation. If the space parameter is a number, then
|
|
||||||
the indentation will be that many spaces.
|
|
||||||
|
|
||||||
Example:
|
|
||||||
|
|
||||||
text = JSON.stringify(['e', {pluribus: 'unum'}]);
|
|
||||||
// text is '["e",{"pluribus":"unum"}]'
|
|
||||||
|
|
||||||
|
|
||||||
text = JSON.stringify(['e', {pluribus: 'unum'}], null, '\t');
|
|
||||||
// text is '[\n\t"e",\n\t{\n\t\t"pluribus": "unum"\n\t}\n]'
|
|
||||||
|
|
||||||
text = JSON.stringify([new Date()], function (key, value) {
|
|
||||||
return this[key] instanceof Date ?
|
|
||||||
'Date(' + this[key] + ')' : value;
|
|
||||||
});
|
|
||||||
// text is '["Date(---current time---)"]'
|
|
||||||
|
|
||||||
|
|
||||||
JSON.parse(text, reviver)
|
|
||||||
This method parses a JSON text to produce an object or array.
|
|
||||||
It can throw a SyntaxError exception.
|
|
||||||
|
|
||||||
The optional reviver parameter is a function that can filter and
|
|
||||||
transform the results. It receives each of the keys and values,
|
|
||||||
and its return value is used instead of the original value.
|
|
||||||
If it returns what it received, then the structure is not modified.
|
|
||||||
If it returns undefined then the member is deleted.
|
|
||||||
|
|
||||||
Example:
|
|
||||||
|
|
||||||
// Parse the text. Values that look like ISO date strings will
|
|
||||||
// be converted to Date objects.
|
|
||||||
|
|
||||||
myData = JSON.parse(text, function (key, value) {
|
|
||||||
var a;
|
|
||||||
if (typeof value === 'string') {
|
|
||||||
a =
|
|
||||||
/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/.exec(value);
|
|
||||||
if (a) {
|
|
||||||
return new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4],
|
|
||||||
+a[5], +a[6]));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return value;
|
|
||||||
});
|
|
||||||
|
|
||||||
myData = JSON.parse('["Date(09/09/2001)"]', function (key, value) {
|
|
||||||
var d;
|
|
||||||
if (typeof value === 'string' &&
|
|
||||||
value.slice(0, 5) === 'Date(' &&
|
|
||||||
value.slice(-1) === ')') {
|
|
||||||
d = new Date(value.slice(5, -1));
|
|
||||||
if (d) {
|
|
||||||
return d;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return value;
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
This is a reference implementation. You are free to copy, modify, or
|
|
||||||
redistribute.
|
|
||||||
|
|
||||||
This code should be minified before deployment.
|
|
||||||
See http://javascript.crockford.com/jsmin.html
|
|
||||||
|
|
||||||
USE YOUR OWN COPY. IT IS EXTREMELY UNWISE TO LOAD CODE FROM SERVERS YOU DO
|
|
||||||
NOT CONTROL.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*jslint evil: true */
|
|
||||||
|
|
||||||
/*members "", "\b", "\t", "\n", "\f", "\r", "\"", JSON, "\\", apply,
|
|
||||||
call, charCodeAt, getUTCDate, getUTCFullYear, getUTCHours,
|
|
||||||
getUTCMinutes, getUTCMonth, getUTCSeconds, hasOwnProperty, join,
|
|
||||||
lastIndex, length, parse, prototype, push, replace, slice, stringify,
|
|
||||||
test, toJSON, toString, valueOf
|
|
||||||
*/
|
|
||||||
|
|
||||||
"use strict";
|
|
||||||
|
|
||||||
// Create a JSON object only if one does not already exist. We create the
|
|
||||||
// methods in a closure to avoid creating global variables.
|
|
||||||
|
|
||||||
if (!this.JSON) {
|
|
||||||
this.JSON = {};
|
|
||||||
}
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
|
|
||||||
function f(n) {
|
|
||||||
// Format integers to have at least two digits.
|
|
||||||
return n < 10 ? '0' + n : n;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (typeof Date.prototype.toJSON !== 'function') {
|
|
||||||
|
|
||||||
Date.prototype.toJSON = function (key) {
|
|
||||||
|
|
||||||
return isFinite(this.valueOf()) ?
|
|
||||||
this.getUTCFullYear() + '-' +
|
|
||||||
f(this.getUTCMonth() + 1) + '-' +
|
|
||||||
f(this.getUTCDate()) + 'T' +
|
|
||||||
f(this.getUTCHours()) + ':' +
|
|
||||||
f(this.getUTCMinutes()) + ':' +
|
|
||||||
f(this.getUTCSeconds()) + 'Z' : null;
|
|
||||||
};
|
|
||||||
|
|
||||||
String.prototype.toJSON =
|
|
||||||
Number.prototype.toJSON =
|
|
||||||
Boolean.prototype.toJSON = function (key) {
|
|
||||||
return this.valueOf();
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
|
|
||||||
escapable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,
|
|
||||||
gap,
|
|
||||||
indent,
|
|
||||||
meta = { // table of character substitutions
|
|
||||||
'\b': '\\b',
|
|
||||||
'\t': '\\t',
|
|
||||||
'\n': '\\n',
|
|
||||||
'\f': '\\f',
|
|
||||||
'\r': '\\r',
|
|
||||||
'"' : '\\"',
|
|
||||||
'\\': '\\\\'
|
|
||||||
},
|
|
||||||
rep;
|
|
||||||
|
|
||||||
|
|
||||||
function quote(string) {
|
|
||||||
|
|
||||||
// If the string contains no control characters, no quote characters, and no
|
|
||||||
// backslash characters, then we can safely slap some quotes around it.
|
|
||||||
// Otherwise we must also replace the offending characters with safe escape
|
|
||||||
// sequences.
|
|
||||||
|
|
||||||
escapable.lastIndex = 0;
|
|
||||||
return escapable.test(string) ?
|
|
||||||
'"' + string.replace(escapable, function (a) {
|
|
||||||
var c = meta[a];
|
|
||||||
return typeof c === 'string' ? c :
|
|
||||||
'\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
|
|
||||||
}) + '"' :
|
|
||||||
'"' + string + '"';
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function str(key, holder) {
|
|
||||||
|
|
||||||
// Produce a string from holder[key].
|
|
||||||
|
|
||||||
var i, // The loop counter.
|
|
||||||
k, // The member key.
|
|
||||||
v, // The member value.
|
|
||||||
length,
|
|
||||||
mind = gap,
|
|
||||||
partial,
|
|
||||||
value = holder[key];
|
|
||||||
|
|
||||||
// If the value has a toJSON method, call it to obtain a replacement value.
|
|
||||||
|
|
||||||
if (value && typeof value === 'object' &&
|
|
||||||
typeof value.toJSON === 'function') {
|
|
||||||
value = value.toJSON(key);
|
|
||||||
}
|
|
||||||
|
|
||||||
// If we were called with a replacer function, then call the replacer to
|
|
||||||
// obtain a replacement value.
|
|
||||||
|
|
||||||
if (typeof rep === 'function') {
|
|
||||||
value = rep.call(holder, key, value);
|
|
||||||
}
|
|
||||||
|
|
||||||
// What happens next depends on the value's type.
|
|
||||||
|
|
||||||
switch (typeof value) {
|
|
||||||
case 'string':
|
|
||||||
return quote(value);
|
|
||||||
|
|
||||||
case 'number':
|
|
||||||
|
|
||||||
// JSON numbers must be finite. Encode non-finite numbers as null.
|
|
||||||
|
|
||||||
return isFinite(value) ? String(value) : 'null';
|
|
||||||
|
|
||||||
case 'boolean':
|
|
||||||
case 'null':
|
|
||||||
|
|
||||||
// If the value is a boolean or null, convert it to a string. Note:
|
|
||||||
// typeof null does not produce 'null'. The case is included here in
|
|
||||||
// the remote chance that this gets fixed someday.
|
|
||||||
|
|
||||||
return String(value);
|
|
||||||
|
|
||||||
// If the type is 'object', we might be dealing with an object or an array or
|
|
||||||
// null.
|
|
||||||
|
|
||||||
case 'object':
|
|
||||||
|
|
||||||
// Due to a specification blunder in ECMAScript, typeof null is 'object',
|
|
||||||
// so watch out for that case.
|
|
||||||
|
|
||||||
if (!value) {
|
|
||||||
return 'null';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make an array to hold the partial results of stringifying this object value.
|
|
||||||
|
|
||||||
gap += indent;
|
|
||||||
partial = [];
|
|
||||||
|
|
||||||
// Is the value an array?
|
|
||||||
|
|
||||||
if (Object.prototype.toString.apply(value) === '[object Array]') {
|
|
||||||
|
|
||||||
// The value is an array. Stringify every element. Use null as a placeholder
|
|
||||||
// for non-JSON values.
|
|
||||||
|
|
||||||
length = value.length;
|
|
||||||
for (i = 0; i < length; i += 1) {
|
|
||||||
partial[i] = str(i, value) || 'null';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Join all of the elements together, separated with commas, and wrap them in
|
|
||||||
// brackets.
|
|
||||||
|
|
||||||
v = partial.length === 0 ? '[]' :
|
|
||||||
gap ? '[\n' + gap +
|
|
||||||
partial.join(',\n' + gap) + '\n' +
|
|
||||||
mind + ']' :
|
|
||||||
'[' + partial.join(',') + ']';
|
|
||||||
gap = mind;
|
|
||||||
return v;
|
|
||||||
}
|
|
||||||
|
|
||||||
// If the replacer is an array, use it to select the members to be stringified.
|
|
||||||
|
|
||||||
if (rep && typeof rep === 'object') {
|
|
||||||
length = rep.length;
|
|
||||||
for (i = 0; i < length; i += 1) {
|
|
||||||
k = rep[i];
|
|
||||||
if (typeof k === 'string') {
|
|
||||||
v = str(k, value);
|
|
||||||
if (v) {
|
|
||||||
partial.push(quote(k) + (gap ? ': ' : ':') + v);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
|
|
||||||
// Otherwise, iterate through all of the keys in the object.
|
|
||||||
|
|
||||||
for (k in value) {
|
|
||||||
if (Object.hasOwnProperty.call(value, k)) {
|
|
||||||
v = str(k, value);
|
|
||||||
if (v) {
|
|
||||||
partial.push(quote(k) + (gap ? ': ' : ':') + v);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Join all of the member texts together, separated with commas,
|
|
||||||
// and wrap them in braces.
|
|
||||||
|
|
||||||
v = partial.length === 0 ? '{}' :
|
|
||||||
gap ? '{\n' + gap + partial.join(',\n' + gap) + '\n' +
|
|
||||||
mind + '}' : '{' + partial.join(',') + '}';
|
|
||||||
gap = mind;
|
|
||||||
return v;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// If the JSON object does not yet have a stringify method, give it one.
|
|
||||||
|
|
||||||
if (typeof JSON.stringify !== 'function') {
|
|
||||||
JSON.stringify = function (value, replacer, space) {
|
|
||||||
|
|
||||||
// The stringify method takes a value and an optional replacer, and an optional
|
|
||||||
// space parameter, and returns a JSON text. The replacer can be a function
|
|
||||||
// that can replace values, or an array of strings that will select the keys.
|
|
||||||
// A default replacer method can be provided. Use of the space parameter can
|
|
||||||
// produce text that is more easily readable.
|
|
||||||
|
|
||||||
var i;
|
|
||||||
gap = '';
|
|
||||||
indent = '';
|
|
||||||
|
|
||||||
// If the space parameter is a number, make an indent string containing that
|
|
||||||
// many spaces.
|
|
||||||
|
|
||||||
if (typeof space === 'number') {
|
|
||||||
for (i = 0; i < space; i += 1) {
|
|
||||||
indent += ' ';
|
|
||||||
}
|
|
||||||
|
|
||||||
// If the space parameter is a string, it will be used as the indent string.
|
|
||||||
|
|
||||||
} else if (typeof space === 'string') {
|
|
||||||
indent = space;
|
|
||||||
}
|
|
||||||
|
|
||||||
// If there is a replacer, it must be a function or an array.
|
|
||||||
// Otherwise, throw an error.
|
|
||||||
|
|
||||||
rep = replacer;
|
|
||||||
if (replacer && typeof replacer !== 'function' &&
|
|
||||||
(typeof replacer !== 'object' ||
|
|
||||||
typeof replacer.length !== 'number')) {
|
|
||||||
throw new Error('JSON.stringify');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make a fake root object containing our value under the key of ''.
|
|
||||||
// Return the result of stringifying the value.
|
|
||||||
|
|
||||||
return str('', {'': value});
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// If the JSON object does not yet have a parse method, give it one.
|
|
||||||
|
|
||||||
if (typeof JSON.parse !== 'function') {
|
|
||||||
JSON.parse = function (text, reviver) {
|
|
||||||
|
|
||||||
// The parse method takes a text and an optional reviver function, and returns
|
|
||||||
// a JavaScript value if the text is a valid JSON text.
|
|
||||||
|
|
||||||
var j;
|
|
||||||
|
|
||||||
function walk(holder, key) {
|
|
||||||
|
|
||||||
// The walk method is used to recursively walk the resulting structure so
|
|
||||||
// that modifications can be made.
|
|
||||||
|
|
||||||
var k, v, value = holder[key];
|
|
||||||
if (value && typeof value === 'object') {
|
|
||||||
for (k in value) {
|
|
||||||
if (Object.hasOwnProperty.call(value, k)) {
|
|
||||||
v = walk(value, k);
|
|
||||||
if (v !== undefined) {
|
|
||||||
value[k] = v;
|
|
||||||
} else {
|
|
||||||
delete value[k];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return reviver.call(holder, key, value);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Parsing happens in four stages. In the first stage, we replace certain
|
|
||||||
// Unicode characters with escape sequences. JavaScript handles many characters
|
|
||||||
// incorrectly, either silently deleting them, or treating them as line endings.
|
|
||||||
|
|
||||||
cx.lastIndex = 0;
|
|
||||||
if (cx.test(text)) {
|
|
||||||
text = text.replace(cx, function (a) {
|
|
||||||
return '\\u' +
|
|
||||||
('0000' + a.charCodeAt(0).toString(16)).slice(-4);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// In the second stage, we run the text against regular expressions that look
|
|
||||||
// for non-JSON patterns. We are especially concerned with '()' and 'new'
|
|
||||||
// because they can cause invocation, and '=' because it can cause mutation.
|
|
||||||
// But just to be safe, we want to reject all unexpected forms.
|
|
||||||
|
|
||||||
// We split the second stage into 4 regexp operations in order to work around
|
|
||||||
// crippling inefficiencies in IE's and Safari's regexp engines. First we
|
|
||||||
// replace the JSON backslash pairs with '@' (a non-JSON character). Second, we
|
|
||||||
// replace all simple value tokens with ']' characters. Third, we delete all
|
|
||||||
// open brackets that follow a colon or comma or that begin the text. Finally,
|
|
||||||
// we look to see that the remaining characters are only whitespace or ']' or
|
|
||||||
// ',' or ':' or '{' or '}'. If that is so, then the text is safe for eval.
|
|
||||||
|
|
||||||
if (/^[\],:{}\s]*$/.
|
|
||||||
test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@').
|
|
||||||
replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').
|
|
||||||
replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
|
|
||||||
|
|
||||||
// In the third stage we use the eval function to compile the text into a
|
|
||||||
// JavaScript structure. The '{' operator is subject to a syntactic ambiguity
|
|
||||||
// in JavaScript: it can begin a block or an object literal. We wrap the text
|
|
||||||
// in parens to eliminate the ambiguity.
|
|
||||||
|
|
||||||
j = eval('(' + text + ')');
|
|
||||||
|
|
||||||
// In the optional fourth stage, we recursively walk the new structure, passing
|
|
||||||
// each name/value pair to a reviver function for possible transformation.
|
|
||||||
|
|
||||||
return typeof reviver === 'function' ?
|
|
||||||
walk({'': j}, '') : j;
|
|
||||||
}
|
|
||||||
|
|
||||||
// If the text is not JSON parseable, then a SyntaxError is thrown.
|
|
||||||
|
|
||||||
throw new SyntaxError('JSON.parse');
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}());
|
|
||||||
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
<extension location="Toolbar">
|
|
||||||
<info text="SVG-edit"
|
|
||||||
description="Click to insert the SVG-edit gadget."
|
|
||||||
imageUrl="http://svg-edit.googlecode.com/svn/trunk/editor/images/logo.png"/>
|
|
||||||
<insertGadget url="http://svg-edit.googlecode.com/svn/trunk/wave/svg-edit.xml"/>
|
|
||||||
</extension>
|
|
||||||
|
|
||||||
|
|
@ -1,484 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8" ?>
|
|
||||||
<Module>
|
|
||||||
<ModulePrefs title="SVG-edit" height="780" author="SVG-edit Developers">
|
|
||||||
<Require feature="wave" />
|
|
||||||
</ModulePrefs>
|
|
||||||
<Content type="html">
|
|
||||||
<![CDATA[
|
|
||||||
|
|
||||||
|
|
||||||
<base href="http://svg-edit.googlecode.com/svn-history/r1142/branches/2.4/editor/svg-editor.html">
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="jgraduate/css/jPicker-1.0.9.css" type="text/css"/>
|
|
||||||
<link rel="stylesheet" href="jgraduate/css/jGraduate-0.2.0.css" type="text/css"/>
|
|
||||||
<link rel="stylesheet" href="svg-editor.css" type="text/css"/>
|
|
||||||
<link rel="stylesheet" href="spinbtn/JQuerySpinBtn.css" type="text/css"/>
|
|
||||||
<!-- Development version of script tags: -->
|
|
||||||
<script type="text/javascript" src="jquery.js"></script>
|
|
||||||
<script type="text/javascript" src="js-hotkeys/jquery.hotkeys.min.js"></script>
|
|
||||||
<script type="text/javascript" src="jgraduate/jquery.jgraduate.js"></script>
|
|
||||||
<script type="text/javascript" src="http://gist.github.com/raw/268884/ab93d38e4b89effbb21541d406d5b3362da37c97/jquery.svgicons.hacked.js"></script>
|
|
||||||
<script type="text/javascript" src="spinbtn/JQuerySpinBtn.js"></script>
|
|
||||||
<script type="text/javascript" src="svgcanvas.js"></script>
|
|
||||||
<script type="text/javascript" src="svg-editor.js"></script>
|
|
||||||
<script type="text/javascript" src="locale/locale.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" src="http://svg-edit.googlecode.com/svn/trunk/wave/json2.js"></script>
|
|
||||||
<script type="text/javascript" src="http://svg-edit.googlecode.com/svn/trunk/wave/wave.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Release version of script tags: >
|
|
||||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
|
|
||||||
<script type="text/javascript" src="js-hotkeys/jquery.hotkeys-0.7.9.js"></script>
|
|
||||||
<script type="text/javascript" src="jgraduate/jquery.jgraduate.min.js"></script>
|
|
||||||
<script type="text/javascript" src="spinbtn/JQuerySpinBtn.min.js"></script>
|
|
||||||
<script type="text/javascript" src="svgcanvas.min.js"></script>
|
|
||||||
<script type="text/javascript" src="svg-editor.min.js"></script>
|
|
||||||
script type="text/javascript" src="locale/locale.min.js"></script-->
|
|
||||||
|
|
||||||
|
|
||||||
<!-- always minified scripts -->
|
|
||||||
<script type="text/javascript" src="jquery-ui/jquery-ui-1.7.2.custom.min.js"></script>
|
|
||||||
<script type="text/javascript" src="jgraduate/jpicker-1.0.9.min.js"></script>
|
|
||||||
|
|
||||||
|
|
||||||
<div id="svg_editor">
|
|
||||||
|
|
||||||
<div id="workarea">
|
|
||||||
<style id="styleoverrides" type="text/css" media="screen" scoped="scoped"></style>
|
|
||||||
<div id="svgcanvas"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="sidepanels">
|
|
||||||
<div id="layerpanel">
|
|
||||||
<h3 id="layersLabel">Layers</h3>
|
|
||||||
<fieldset id="layerbuttons">
|
|
||||||
<div id="layer_new" class="layer_button" title="New Layer"></div>
|
|
||||||
<div id="layer_delete" class="layer_button" title="Delete Layer"></div>
|
|
||||||
<div id="layer_rename" class="layer_button" title="Rename Layer"></div>
|
|
||||||
<div id="layer_up" class="layer_button" title="Move Layer Up"></div>
|
|
||||||
<div id="layer_down" class="layer_button" title="Move Layer Down"></div>
|
|
||||||
</fieldset>
|
|
||||||
|
|
||||||
<table id="layerlist">
|
|
||||||
<tr class="layer">
|
|
||||||
<td class="layervis"></td>
|
|
||||||
<td class="layername">Layer 1</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
<span id="selLayerLabel">Move elements to:</span>
|
|
||||||
<select id="selLayerNames" title="Move selected elements to a different layer" disabled="disabled">
|
|
||||||
<option selected="selected" value="layer1">Layer 1</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div id="sidepanel_handle" onselectstart="return false;" title="Drag left/right to resize side panel [X]">L a y e r s</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="logo">
|
|
||||||
<a href="http://svg-edit.googlecode.com/" target="_blank" title="SVG-edit Home Page">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="tools_top" class="tools_panel">
|
|
||||||
|
|
||||||
<!-- File-like buttons: New, Save, Source -->
|
|
||||||
<div id="file_panel">
|
|
||||||
<div class="push_button" id="tool_clear" title="New Image [N]"></div>
|
|
||||||
<div class="push_button" id="tool_open" title="Open Image [O]" style="display:none"></div>
|
|
||||||
<div class="push_button" id="tool_save" title="Save Image [S]"></div>
|
|
||||||
<div class="push_button" id="tool_docprops" title="Document Properties [I]"></div>
|
|
||||||
<div class="push_button" id="tool_source" title="Edit Source [U]"></div>
|
|
||||||
<div class="tool_button" id="tool_wireframe" title="Wireframe Mode [F]"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- History buttons -->
|
|
||||||
<div id="history_panel">
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
<div class="push_button tool_button_disabled" id="tool_undo" title="Undo [Z]"></div>
|
|
||||||
<div class="push_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Buttons when a single element is selected -->
|
|
||||||
<div id="selected_panel">
|
|
||||||
<div class="toolset">
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
<div class="push_button" id="tool_clone" title="Clone Element [C]"></div>
|
|
||||||
<div class="push_button" id="tool_delete" title="Delete Element [Delete/Backspace]"></div>
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
<div class="push_button" id="tool_move_top" title="Move to Top [Shift+Up]"></div>
|
|
||||||
<div class="push_button" id="tool_move_bottom" title="Move to Bottom [Shift+Down]"></div>
|
|
||||||
<div class="push_button" id="tool_topath" title="Convert to Path"></div>
|
|
||||||
<div class="push_button" id="tool_reorient" title="Reorient path"></div>
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
</div>
|
|
||||||
<div class="toolset">
|
|
||||||
<label id="group_opacityLabel" class="selected_tool" for="group_opacity">opac:</label>
|
|
||||||
<input id="group_opacity" class="selected_tool" title="Change selected item opacity" size="3" value="100" type="text"/>
|
|
||||||
<div id="opacity_dropdown" class="dropdown">
|
|
||||||
<button></button>
|
|
||||||
<ul>
|
|
||||||
<li class="special"><div id="opac_slider"></div></li>
|
|
||||||
<li>100% (no transparency)</li>
|
|
||||||
<li>0%</li>
|
|
||||||
<li>25%</li>
|
|
||||||
<li>50%</li>
|
|
||||||
<li>75%</li>
|
|
||||||
<li>100%</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="toolset">
|
|
||||||
<label id="angleLabel" class="selected_tool">angle:</label>
|
|
||||||
<input id="angle" class="selected_tool" title="Change rotation angle" size="2" value="0" type="text"/>
|
|
||||||
</div>
|
|
||||||
<div id="xy_panel" class="toolset">
|
|
||||||
<label class="selected_tool">x:</label>
|
|
||||||
<input id="selected_x" class="selected_tool attr_changer" title="Change X coordinate" size="3" data-attr="x"/>
|
|
||||||
<label class="selected_tool">y:</label>
|
|
||||||
<input id="selected_y" class="selected_tool attr_changer" title="Change Y coordinate" size="3" data-attr="y"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Buttons when multiple elements are selected -->
|
|
||||||
<div id="multiselected_panel">
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
<div class="push_button" id="tool_clone_multi" title="Clone Elements [C]"></div>
|
|
||||||
<div class="push_button" id="tool_delete_multi" title="Delete Selected Elements [Delete/Backspace]"></div>
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
<div class="push_button" id="tool_group" title="Group Elements [G]"></div>
|
|
||||||
<div class="push_button" id="tool_alignleft" title="Align Left"></div>
|
|
||||||
<div class="push_button" id="tool_aligncenter" title="Align Center"></div>
|
|
||||||
<div class="push_button" id="tool_alignright" title="Align Right"></div>
|
|
||||||
<div class="push_button" id="tool_aligntop" title="Align Top"></div>
|
|
||||||
<div class="push_button" id="tool_alignmiddle" title="Align Middle"></div>
|
|
||||||
<div class="push_button" id="tool_alignbottom" title="Align Bottom"></div>
|
|
||||||
<span id="relativeToLabel" class="selected_tool">relative to:</span>
|
|
||||||
<select id="align_relative_to" class="selected_tool" title="Align relative to ...">
|
|
||||||
<option id="selected_objects" value="selected">selected objects</option>
|
|
||||||
<option id="largest_object" value="largest">largest object</option>
|
|
||||||
<option id="smallest_object" value="smallest">smallest object</option>
|
|
||||||
<option id="page" value="page">page</option>
|
|
||||||
</select>
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="g_panel">
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
<div class="push_button" id="tool_ungroup" title="Ungroup Elements [G]"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="rect_panel">
|
|
||||||
<div class="toolset">
|
|
||||||
<label id="rwidthLabel" class="rect_tool">width:</label>
|
|
||||||
<input id="rect_width" class="rect_tool attr_changer" title="Change rectangle width" size="3" data-attr="width"/>
|
|
||||||
<label id="rheightLabel" class="rect_tool">height:</label>
|
|
||||||
<input id="rect_height" class="rect_tool attr_changer" title="Change rectangle height" size="3" data-attr="height"/>
|
|
||||||
</div>
|
|
||||||
<div class="toolset">
|
|
||||||
<label id="cornerRadiusLabel" class="rect_tool">Corner Radius:</label>
|
|
||||||
<input id="rect_rx" size="3" value="0" class="rect_tool" type="text" title="Change Rectangle Corner Radius" data-attr="Corner Radius"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="image_panel">
|
|
||||||
<div class="toolset">
|
|
||||||
<label id="iwidthLabel" class="image_tool">width:</label>
|
|
||||||
<input id="image_width" class="image_tool attr_changer" title="Change image width" size="3" data-attr="width"/>
|
|
||||||
<label id="iheightLabel" class="image_tool">height:</label>
|
|
||||||
<input id="image_height" class="image_tool attr_changer" title="Change image height" size="3" data-attr="height"/>
|
|
||||||
</div>
|
|
||||||
<div class="toolset">
|
|
||||||
<label class="image_tool">url:</label>
|
|
||||||
<input id="image_url" class="image_tool" type="text" title="Change URL" size="35"/>
|
|
||||||
<button id="change_image_url" style="display:none;">Change Image</button>
|
|
||||||
<div id="url_notice" title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="circle_panel">
|
|
||||||
<div class="toolset">
|
|
||||||
<label class="circle_tool">cx:</label>
|
|
||||||
<input id="circle_cx" class="circle_tool attr_changer" title="Change circle's cx coordinate" size="3" data-attr="cx"/>
|
|
||||||
<label class="circle_tool">cy:</label>
|
|
||||||
<input id="circle_cy" class="circle_tool attr_changer" title="Change circle's cy coordinate" size="3" data-attr="cy"/>
|
|
||||||
</div>
|
|
||||||
<div class="toolset">
|
|
||||||
<label class="circle_tool">r:</label>
|
|
||||||
<input id="circle_r" class="circle_tool attr_changer" title="Change circle's radius" size="3" data-attr="r"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="ellipse_panel">
|
|
||||||
<div class="toolset">
|
|
||||||
<label class="ellipse_tool">cx:</label>
|
|
||||||
<input id="ellipse_cx" class="ellipse_tool attr_changer" title="Change ellipse's cx coordinate" size="3" data-attr="cx"/>
|
|
||||||
<label class="ellipse_tool">cy:</label>
|
|
||||||
<input id="ellipse_cy" class="ellipse_tool attr_changer" title="Change ellipse's cy coordinate" size="3" data-attr="cy"/>
|
|
||||||
</div>
|
|
||||||
<div class="toolset">
|
|
||||||
<label class="ellipse_tool">rx:</label>
|
|
||||||
<input id="ellipse_rx" class="ellipse_tool attr_changer" title="Change ellipse's x radius" size="3" data-attr="rx"/>
|
|
||||||
<label class="ellipse_tool">ry:</label>
|
|
||||||
<input id="ellipse_ry" class="ellipse_tool attr_changer" title="Change ellipse's y radius" size="3" data-attr="ry"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="line_panel">
|
|
||||||
<div class="toolset">
|
|
||||||
<label class="line_tool">x1:</label>
|
|
||||||
<input id="line_x1" class="line_tool attr_changer" title="Change line's starting x coordinate" size="3" data-attr="x1"/>
|
|
||||||
<label class="line_tool">y1:</label>
|
|
||||||
<input id="line_y1" class="line_tool attr_changer" title="Change line's starting y coordinate" size="3" data-attr="y1"/>
|
|
||||||
</div>
|
|
||||||
<div class="toolset">
|
|
||||||
<label class="line_tool">x2:</label>
|
|
||||||
<input id="line_x2" class="line_tool attr_changer" title="Change line's ending x coordinate" size="3" data-attr="x2"/>
|
|
||||||
<label class="line_tool">y2:</label>
|
|
||||||
<input id="line_y2" class="line_tool attr_changer" title="Change line's ending y coordinate" size="3" data-attr="y2"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="text_panel">
|
|
||||||
<div class="tool_button" id="tool_bold" title="Bold Text [B]"><span></span>B</div>
|
|
||||||
<div class="tool_button" id="tool_italic" title="Italic Text [I]"><span></span>i</div>
|
|
||||||
|
|
||||||
<div class="toolset">
|
|
||||||
<input id="font_family" class="text_tool" type="text" title="Change Font Family" size="12"/>
|
|
||||||
<div id="font_family_dropdown" class="dropdown">
|
|
||||||
<button></button>
|
|
||||||
<ul>
|
|
||||||
<li style="font-family:serif">Serif</li>
|
|
||||||
<li style="font-family:sans-serif">Sans-serif</li>
|
|
||||||
<li style="font-family:cursive">Cursive</li>
|
|
||||||
<li style="font-family:fantasy">Fantasy</li>
|
|
||||||
<li style="font-family:monospace">Monospace</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="toolset">
|
|
||||||
<label id="font_sizeLabel" class="text_tool" for="font_size">size:</label>
|
|
||||||
<input id="font_size" class="text_tool" title="Change Font Size" size="3" value="0" type="text"/>
|
|
||||||
</div>
|
|
||||||
<input id="text" class="text_tool" type="text" title="Change text contents" size="35"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="path_node_panel">
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
<div class="tool_button" id="tool_node_link" title="Link Control Points"></div>
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
<label class="path_node_tool">x:</label>
|
|
||||||
<input id="path_node_x" class="path_node_tool attr_changer" title="Change node's x coordinate" size="3" data-attr="x"/>
|
|
||||||
<label class="path_node_tool">y:</label>
|
|
||||||
<input id="path_node_y" class="path_node_tool attr_changer" title="Change node's y coordinate" size="3" data-attr="y"/>
|
|
||||||
<select id="seg_type" class="path_node_tool" title="Change Segment type">
|
|
||||||
<option id="straight_segments" selected="selected" value="4">Straight</option>
|
|
||||||
<option id="curve_segments" value="6">Curve</option>
|
|
||||||
</select>
|
|
||||||
<div class="tool_button" id="tool_node_clone" title="Clone Node"></div>
|
|
||||||
<div class="tool_button" id="tool_node_delete" title="Delete Node"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div> <!-- tools_top -->
|
|
||||||
|
|
||||||
<div id="tools_left" class="tools_panel">
|
|
||||||
<div class="tool_button_current" id="tool_select" title="Select Tool [1]"></div>
|
|
||||||
<div class="tool_button" id="tool_fhpath" title="Pencil Tool [2]"></div>
|
|
||||||
<div class="tool_button" id="tool_line" title="Line Tool [3]"></div>
|
|
||||||
<div class="tool_button" id="tools_rect_show" title="Square/Rect Tool [4/Shift+4]"></div>
|
|
||||||
<div class="flyout_arrow_horiz"></div>
|
|
||||||
<div class="tool_button" id="tools_ellipse_show" title="Ellipse/Circle Tool [5/Shift+5]"></div>
|
|
||||||
<div class="flyout_arrow_horiz"></div>
|
|
||||||
<div class="tool_button" id="tool_path" title="Path Tool [7]"></div>
|
|
||||||
<div class="tool_button" id="tool_text" title="Text Tool [6]"></div>
|
|
||||||
<div class="tool_button" id="tool_image" title="Image Tool [8]"></div>
|
|
||||||
<div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
|
|
||||||
</div> <!-- tools_left -->
|
|
||||||
|
|
||||||
<div id="tools_bottom" class="tools_panel">
|
|
||||||
|
|
||||||
<!-- Zoom buttons -->
|
|
||||||
<div id="zoom_panel" class="magic_field">
|
|
||||||
<span id="zoomLabel" class="zoom_tool label">zoom:</span>
|
|
||||||
<input id="zoom" class="zoom_tool" title="Change zoom level" size="3" value="100" type="text" />
|
|
||||||
<div id="zoom_dropdown" class="dropdown">
|
|
||||||
<button></button>
|
|
||||||
<ul>
|
|
||||||
<li>1000%</li>
|
|
||||||
<li>400%</li>
|
|
||||||
<li>200%</li>
|
|
||||||
<li>100%</li>
|
|
||||||
<li>50%</li>
|
|
||||||
<li>25%</li>
|
|
||||||
<li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
|
|
||||||
<li id="fit_to_sel" data-val="selection">Fit to selection</li>
|
|
||||||
<li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
|
|
||||||
<li id="fit_to_all" data-val="content">Fit to all content</li>
|
|
||||||
<li>100%</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="tool_sep"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="tools_bottom_2">
|
|
||||||
<table>
|
|
||||||
<tr>
|
|
||||||
<td id="fill_tool_bottom" class="label">fill:</td>
|
|
||||||
<td><div id="fill_bg"></div><div id="fill_color" class="color_block" title="Change fill color"></div></td>
|
|
||||||
<td colspan="3"><div id="fill_opacity" class="label">100%</div></td>
|
|
||||||
</tr><tr>
|
|
||||||
<td id="stroke_tool_bottom" class="label">stroke:</td>
|
|
||||||
<td><div id="stroke_bg"></div><div id="stroke_color" class="color_block" title="Change stroke color"></div></td>
|
|
||||||
<td><div id="stroke_opacity" class="label">100 %</div></td>
|
|
||||||
<td>
|
|
||||||
<input id="stroke_width" title="Change stroke width" size="2" value="5" type="text" data-attr="Stroke Width"/>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<select id="stroke_style" title="Change stroke dash style">
|
|
||||||
<option selected="selected" value="none">---</option>
|
|
||||||
<option value="2,2">...</option>
|
|
||||||
<option value="5,5">- -</option>
|
|
||||||
<option value="5,2,2,2">- .</option>
|
|
||||||
<option value="5,2,2,2,2,2">- ..</option>
|
|
||||||
</select>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="tools_bottom_3">
|
|
||||||
<div id="palette_holder"><div id="palette" title="Click to change fill color, shift-click to change stroke color"></div></div>
|
|
||||||
</div>
|
|
||||||
<div id="copyright">Powered by <a href="http://svg-edit.googlecode.com/" target="_blank">SVG-edit v2.4-beta</a></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- hidden divs -->
|
|
||||||
<div id="color_picker"></div>
|
|
||||||
|
|
||||||
<div id="tools_rect" class="tools_flyout">
|
|
||||||
<div id="tool_rect" class="tool_flyout_button" title="Rectangle"></div>
|
|
||||||
<div id="tool_square" class="tool_flyout_button" title="Square"></div>
|
|
||||||
<div id="tool_fhrect" class="tool_flyout_button" title="Free-Hand Rectangle"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="tools_ellipse" class="tools_flyout">
|
|
||||||
<div id="tool_ellipse" class="tool_flyout_button" title="Ellipse"></div>
|
|
||||||
<div id="tool_circle" class="tool_flyout_button" title="Circle"></div>
|
|
||||||
<div id="tool_fhellipse" class="tool_flyout_button" title="Free-Hand Ellipse"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div> <!-- svg_editor -->
|
|
||||||
|
|
||||||
<div id="svg_source_editor">
|
|
||||||
<div id="svg_source_overlay"></div>
|
|
||||||
<div id="svg_source_container">
|
|
||||||
<div id="tool_source_back" class="toolbar_button">
|
|
||||||
<button id="tool_source_save">Apply Changes</button>
|
|
||||||
<button id="tool_source_cancel">Cancel</button>
|
|
||||||
</div>
|
|
||||||
<form>
|
|
||||||
<textarea id="svg_source_textarea" spellcheck="false"></textarea>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="svg_docprops">
|
|
||||||
<div id="svg_docprops_overlay"></div>
|
|
||||||
<div id="svg_docprops_container">
|
|
||||||
<div id="tool_docprops_back" class="toolbar_button">
|
|
||||||
<button id="tool_docprops_save">OK</button>
|
|
||||||
<button id="tool_docprops_cancel">Cancel</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<fieldset id="svg_docprops_docprops">
|
|
||||||
<legend id="svginfo_image_props">Image Properties</legend>
|
|
||||||
<label>
|
|
||||||
<span id="svginfo_title">Title:</span>
|
|
||||||
<input type="text" id="canvas_title" size="24">
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<fieldset id="change_resolution">
|
|
||||||
<legend id="svginfo_dim">Canvas Dimensions</legend>
|
|
||||||
|
|
||||||
<label><span id="svginfo_width">Width:</span> <input type="text" id="canvas_width" size="6"></label>
|
|
||||||
|
|
||||||
<label><span id="svginfo_height">Height:</span> <input type="text" id="canvas_height" size="6"></label>
|
|
||||||
|
|
||||||
<label>
|
|
||||||
<select id="resolution">
|
|
||||||
<option id="selectedPredefined" selected="selected">Select predefined:</option>
|
|
||||||
<option>640x480</option>
|
|
||||||
<option>800x600</option>
|
|
||||||
<option>1024x768</option>
|
|
||||||
<option>1280x960</option>
|
|
||||||
<option>1600x1200</option>
|
|
||||||
<option id="fitToContent" value="content">Fit to Content</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
</fieldset>
|
|
||||||
|
|
||||||
<fieldset id="image_save_opts">
|
|
||||||
<legend id="includedImages">Included Images</legend>
|
|
||||||
<label><input type="radio" name="image_opt" value="embed" checked="checked"/> <span id="image_opt_embed">Embed data (local files)</span> </label>
|
|
||||||
<label><input type="radio" name="image_opt" value="ref"/> <span id="image_opt_ref">Use file reference</span> </label>
|
|
||||||
</fieldset>
|
|
||||||
|
|
||||||
|
|
||||||
</fieldset>
|
|
||||||
|
|
||||||
<fieldset id="svg_docprops_prefs">
|
|
||||||
<legend id="svginfo_editor_prefs">Editor Preferences</legend>
|
|
||||||
|
|
||||||
<label><span id="svginfo_lang">Language:</span>
|
|
||||||
<!-- Source: http://en.wikipedia.org/wiki/Language_names -->
|
|
||||||
<select id="lang_select">
|
|
||||||
<option id="lang_cs" value="cs">Čeština</option>
|
|
||||||
<option id="lang_de" value="de">Deutsch</option>
|
|
||||||
<option id="lang_en" value="en" selected="selected">English</option>
|
|
||||||
<option id="lang_es" value="es">Español</option>
|
|
||||||
<option id="lang_fr" value="fr">Français</option>
|
|
||||||
<option id="lang_nl" value="nl">Nederlands</option>
|
|
||||||
<option id="lang_ro" value="ro">Româneşte</option>
|
|
||||||
<option id="lang_sk" value="sk">Slovenčina</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<label><span id="svginfo_icons">Icon size:</span>
|
|
||||||
<select id="iconsize">
|
|
||||||
<option id="icon_small" value="s">Small</option>
|
|
||||||
<option id="icon_medium" value="m" selected="selected">Medium</option>
|
|
||||||
<option id="icon_large" value="l">Large</option>
|
|
||||||
<option id="icon_xlarge" value="xl">Extra Large</option>
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<fieldset id="change_background">
|
|
||||||
<legend id="svginfo_change_background">Editor Background</legend>
|
|
||||||
<div id="bg_blocks"></div>
|
|
||||||
<label><span id="svginfo_bg_url">URL:</span> <input type="text" id="canvas_bg_url" size="21"></label>
|
|
||||||
<p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
|
|
||||||
</fieldset>
|
|
||||||
|
|
||||||
</fieldset>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="dialog_box">
|
|
||||||
<div id="dialog_box_overlay"></div>
|
|
||||||
<div id="dialog_container">
|
|
||||||
<div id="dialog_content">
|
|
||||||
Test message
|
|
||||||
</div>
|
|
||||||
<div id="dialog_buttons"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
]]>
|
|
||||||
</Content>
|
|
||||||
</Module>
|
|
||||||
|
|
@ -1,147 +0,0 @@
|
||||||
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}
|
|
||||||
|
|
||||||
Loading…
Reference in a new issue