diff options
Diffstat (limited to 'websdk/templates')
| -rw-r--r-- | websdk/templates/editor.html | 67 | ||||
| -rw-r--r-- | websdk/templates/filer.html | 44 | ||||
| -rw-r--r-- | websdk/templates/index.html | 52 | ||||
| -rw-r--r-- | websdk/templates/skel.html | 19 | ||||
| -rw-r--r-- | websdk/templates/split-view.html | 10 | ||||
| -rw-r--r-- | websdk/templates/wysiwyg-editor.html | 54 |
6 files changed, 246 insertions, 0 deletions
diff --git a/websdk/templates/editor.html b/websdk/templates/editor.html new file mode 100644 index 0000000..7fb4737 --- /dev/null +++ b/websdk/templates/editor.html @@ -0,0 +1,67 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:py="http://genshi.edgewall.org/"> +<head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> + <title>Editor</title> + <link rel="stylesheet" href="/static/css/main.css" type="text/css" /> + <link rel="stylesheet" href="/static/css/sugar-theme/jquery-ui-1.8.15.custom.css" /> + <script src="/static/js/jquery-1.6.2.js" type="text/javascript"></script> + <script src="/static/js/jquery-ui-1.8.15.custom.min.js" type="text/javascript"></script> + <script src="/static/js/websdk-1.js" type="text/javascript"></script> +<!-- <script src="js/jquery-plugins/json.js" type="text/javascript"></script> + <script src="js/jquery-plugins/jquery.hotkeys-0.7.8.js" type="text/javascript"></script> + <script src="js/jquery-plugins/jquery.intercept.js" type="text/javascript"></script> --> +</head> +<body> +<script src="/static/js/ace/ace-uncompressed.js" type="text/javascript" charset="utf-8"></script> +<script src="/static/js/ace/theme-twilight.js" type="text/javascript" charset="utf-8"></script> +<script py:if="mode" src="/static/js/ace/mode-${mode}.js" type="text/javascript" charset="utf-8"></script> +<pre id="editor">$content</pre> +<div id="editor-sidebar" class="bling"> +<div class="file"> + <img src="/static/icons/${icon}" /><br/> + ${absdir}/<br/> + <strong>${basename}</strong><br/> +</div> +<hr /> +<form action="/save" method="post"> +<input type="hidden" name="filename" id="filename" value="$filename" /> +<input type="hidden" name="directory" id="directory" value="$directory" /> +<input type="hidden" name="content" id="content" value="ñññ" /> +<input type="button" class="btn" value="Browse directory" onclick='location.href="/files/$directory"' /> +<br/> +<input type="submit" value="Save file" /><br/> +<input type="button" class="btn" value="Delete file" onclick='location.href="/delete/${filename}"' /> +<!-- save a magic cookie for security here TODO --> +<input type="button" class="btn" value="Return to main" onclick='top.location.href="/"' /> +<!--input type="button" class="btn" value="edit wysiwyg" onclick='top.location.href=top.location.href+"&editor=wysiwyg"' /--> +</form> +</div> +<script> +window.onload = function() { + var aceEditor = ace.edit("editor"); + aceEditor.setTheme("ace/theme/twilight"); + document.getElementById('editor').style.fontSize='14px'; + aceEditor.getSession().setUseSoftTabs(true); + // we can assume we're on unix + aceEditor.getSession().setNewLineMode("unix"); + + if ("${mode}"!="") { + var thisMode = require("ace/mode/${mode}").Mode; + aceEditor.getSession().setMode(new thisMode()); + } + + function dispatch() { + var c = $('#content'); + c.val(aceEditor.getSession().getValue()); + } + dispatch() + + aceEditor.getSession().on('change', dispatch); + $('.bling').slideDown("slow"); +}; +</script> +</body> +</html> diff --git a/websdk/templates/filer.html b/websdk/templates/filer.html new file mode 100644 index 0000000..eb2a003 --- /dev/null +++ b/websdk/templates/filer.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:py="http://genshi.edgewall.org/"> +<head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> + <title>Filer</title> + <link rel="stylesheet" href="/static/css/main.css" type="text/css" /> +<script src="/static/js/jquery-1.6.2.js" type="text/javascript"></script> +<script src="/static/js/jquery.corner.js" type="text/javascript"></script> +<!-- <script src="/static/js/jquery.plugin.svgimg.js" type="text/javascript"></script> + <script src="js/jquery-plugins/json.js" type="text/javascript"></script> + <script src="js/jquery-plugins/jquery.hotkeys-0.7.8.js" type="text/javascript"></script> + <script src="js/jquery-plugins/jquery.intercept.js" type="text/javascript"></script> --> +</head> +<body> + <div id="filer-header"> + <span>${absdir}/</span> + </div> + <div id="filer" class="bling"> + <ul> + <li py:for="file in files"> + <a href="${file.href}" class="file"> + <img src="/static/icons/${file.icon}" /> + <span class="moz-file"><object type="image/svg+xml" + data="/static/icons/${file.icon}"> + </object></span> + <br/>${file.name} + </a></li> + </ul> + </div> +<script> +window.onload = function() { + $('.file').corner("15px"); + $('.bling').show("slow"); + $('filer-header').slideDown("slow"); + if ($.browser.mozilla) { + $('#filer img').hide(); + $('#filer span').show(); + } +}; +</script> +</body> +</html> diff --git a/websdk/templates/index.html b/websdk/templates/index.html new file mode 100644 index 0000000..3b655dc --- /dev/null +++ b/websdk/templates/index.html @@ -0,0 +1,52 @@ +<!DOCTYPE HTML> +<html lang="en-US"> +<head> + <meta charset="UTF-8" /> + <title></title> + <link rel="stylesheet" href="/static/css/main.css" type="text/css" /> + <link rel="stylesheet" href="/static/css/sugar-theme/jquery-ui-1.8.15.custom.css" /> + <script src="/static/js/jquery-1.6.2.js" type="text/javascript"></script> + <script src="/static/js/jquery-ui-1.8.15.custom.min.js" type="text/javascript"></script> + <script src="/static/js/websdk-1.js" type="text/javascript"></script> +</head> +<body> + <div id="content" class="bling"> + <header><h1>Sugar WebSDK <span id="beta">beta</span></h1></header> + <section> + <article><h2>Technology Preview</h2></article> + <p>The following are examples of things that can be achieved with WebSDK.</p> + <ul> + <li><input type="button" class="btn" + value="Webpy: WebSDK Studio" onclick='location.href="/edit?filename=webpy.py&directory=websdk"' /> + - <input type="button" class="btn" + value="Split view" onclick='location.href="/vsplit"' /> + <p class="subtitle">Featuring Ace Editor and some tricks.</p> + </li> + <li><input type="button" class="btn" + value="Webpy bundle browser" onclick='location.href="/files"' /> + <p class="subtitle"><i>"Write less, do more".</i> Jquery is a bag of candy.</p> + </li> + <li><input type="button" class="btn" + value="Call root python controller" onclick='location.href="/"' /> + </li> + <li><input type="button" class="btn" + value="Sugar Integration: Journal" onclick='location.href="/journal"' /> +<input type="button" class="btn" + value="Sugar Integration: Collaboration" onclick='location.href="/collaboration"' /> + <p class="subtitle">Not yet implemented.</p> + </li> + <li><input type="button" class="btn" + value="Debugging tools." onclick='location.href="/debug"' /> + <p class="subtitle">Begin with right click, inspect element.</p> + </li> + </ul> + </section> + </div> + <script> + window.onload = function() { + $('#content').fadeIn(700); + $('#beta').delay(1500).fadeIn("slow"); + } + </script> +</body> +</html> diff --git a/websdk/templates/skel.html b/websdk/templates/skel.html new file mode 100644 index 0000000..65d351e --- /dev/null +++ b/websdk/templates/skel.html @@ -0,0 +1,19 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> + <title>Filer</title> + <link rel="stylesheet" href="/www/css/main.css" type="text/css" /> +<script src="/www/js/jquery-1.6.2.js" type="text/javascript"></script> +<!-- <script src="js/jquery-plugins/json.js" type="text/javascript"></script> + <script src="js/jquery-plugins/jquery.hotkeys-0.7.8.js" type="text/javascript"></script> + <script src="js/jquery-plugins/jquery.intercept.js" type="text/javascript"></script> --> +</head> +<body> +<script> +window.onload = function() { +}; +</script> +</body> +</html> diff --git a/websdk/templates/split-view.html b/websdk/templates/split-view.html new file mode 100644 index 0000000..e23b696 --- /dev/null +++ b/websdk/templates/split-view.html @@ -0,0 +1,10 @@ +<html> +<head> +<title>basic frameset</title> +</head> + +<frameset rows="50%, *"> + <frame src="${frame1}" /> + <frame src="${frame2}" /> +</frameset> +</html> diff --git a/websdk/templates/wysiwyg-editor.html b/websdk/templates/wysiwyg-editor.html new file mode 100644 index 0000000..3f162c9 --- /dev/null +++ b/websdk/templates/wysiwyg-editor.html @@ -0,0 +1,54 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml" + xmlns:py="http://genshi.edgewall.org/"> +<head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> + <title>Editor</title> + <link rel="stylesheet" href="/www/css/main.css" type="text/css" /> +<script src="/www/js/jquery-1.6.2.js" type="text/javascript"></script> +<!-- <script src="js/jquery-plugins/json.js" type="text/javascript"></script> + <script src="js/jquery-plugins/jquery.hotkeys-0.7.8.js" type="text/javascript"></script> + <script src="js/jquery-plugins/jquery.intercept.js" type="text/javascript"></script> --> +</head> +<body> +<script type="text/javascript" src="/www/js/wymeditor/jquery.wymeditor.pack.js"></script> + <script type="text/javascript" src="/www/js/wymeditor/plugins/fullscreen/jquery.wymeditor.fullscreen.js"></script> +<form action="/save" method="post"> +<div id="editor"> +<textarea class="wymeditor">$content</textarea> +</div> +<div id="editor-sidebar" class="bling"> +<div class="file"> + <img src="/www/icons/${icon}" /><br/> + ${absdir}/<br/> + <strong>${basename}</strong><br/> +</div> +<hr /> +<input type="hidden" name="filename" id="filename" value="$filename" /> +<input type="hidden" name="directory" id="directory" value="$directory" /> +<input type="button" class="btn" value="Browse directory" onclick='location.href="/browse?directory=${directory}"' /> +<br/> +<input type="submit" class="btn" value="Save file" /><br/> +<input type="button" class="btn" value="Delete file" onclick='location.href="/delete?filename=${filename}"' /> +<!-- save a magic cookie for security here TODO --> +<input type="button" class="btn" value="Return to main" onclick='top.location.href="/www/index.html"' /> +</div> +</form> +<script> +jQuery(function() { + jQuery(".wymeditor").wymeditor({ + logoHtml: '', + skin: 'silver', + stylesheet: 'main.css', + postInit: function(wym) { + wym.fullscreen(); + } + }); +}); +window.onload = function() { + $('.bling').slideDown("slow"); +}; +</script> +</body> +</html> |