ghopp
/
taskrambler
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

load partials via javascript, so I do not need the server at all. closes #35

release0.1.6
Georg Hopp 12 years ago
parent
631e1688c1
commit
f6ce303d7b
14 changed files with 160 additions and 254 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      assets/html/_footer.html
  2. 9
      assets/html/_login.html
  3. 13
      assets/html/_menu.html
  4. 15
      assets/html/_signup.html
  5. 18
      assets/html/_statusline.html
  6. 11
      assets/html/_title.html
  7. 62
      assets/html/author.html
  8. 63
      assets/html/documentation.html
  9. 32
      assets/html/download.html
  10. 13
      assets/html/foo.html
  11. 63
      assets/html/main.html
  12. 0
      assets/html/robots.txt
  13. 89
      assets/js/init.js
  14. 21
      assets/style/taskrambler.css

5
assets/html/_footer.html
View File

@ -0,0 +1,5 @@
<hr />
&copy; 2013 Georg Hopp -
<a href="mailto:georg@steffers.org">contact-email</a>
<!-- vim: set ts=4 sw=4: -->

9
assets/html/_login.html
View File

@ -0,0 +1,9 @@
<form>
<label for="username">username</label>
<input type="text" name="username" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<input type="submit" />
</form>
<!-- vim: set ts=4 sw=4: -->

13
assets/html/_menu.html
View File

@ -0,0 +1,13 @@
<ul>
<li class="menuedge"></li>
<li><a href="/author.html">author</a></li>
<li><a href="/documentation.html">documentation</a></li>
<li><a href="/download.html">download</a></li>
<li class="signup"><span>signup</span></li>
<li class="login"><span>login</span></li>
<li class="logout hide"><span>logout</span></li>
<li class="menuedge"></li>
<div></div>
</ul>
<!-- vim: set ts=4 sw=4: -->

15
assets/html/_signup.html
View File

@ -0,0 +1,15 @@
<form>
<label for="firstname">firstname</label>
<input type="text" name="firstname" /><br />
<label for="surname">surname</label>
<input type="text" name="surname" /><br />
<label for="mail">email</label>
<input type="text" name="email" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<label for="pwrepeat">password (again)</label>
<input type="password" name="pwrepeat" /><br />
<input type="submit" />
</form>
<!-- vim: set ts=4 sw=4: -->

18
assets/html/_statusline.html
View File

@ -0,0 +1,18 @@
<iframe
src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ftaskrambler.weird-web-workers.org&amp;layout=standard&amp;show_faces=false&amp;width=300&amp;action=like&amp;colorscheme=light&amp;height=30" scrolling="no"
frameborder="0"
allowTransparency="true">
</iframe>
<ul>
<li>
<div id="sessinfo">
Session: <canvas width="100px" height="5px"></canvas>
</div>
</li>
<li id="user"></li>
<li id="version"></li>
</ul>
<br />Session ID: <span id="sessid"></span>
<!-- vim: set ts=4 sw=4: -->

11
assets/html/_title.html
View File

@ -0,0 +1,11 @@
<a href="/main.html">
<div class="left">
<h1>Task</h1>
</div>
<img src="/image/rambler-logo2-small.jpg" />
<div class="right">
<h1>Rambler</h1>
</div>
</a>
<!-- vim: set ts=4 sw=4: -->

62
assets/html/author.html
View File

@ -15,44 +15,20 @@
</head> </head>
<body> <body>
<div id="login" class="hide">
</div>
<div id="signup" class="hide">
</div>
<div id="page"> <div id="page">
<div id="statusline"> <div id="statusline">
<ul>
<li>
<div id="sessinfo">
Session: <canvas width="100px" height="5px"></canvas>
</div>
</li>
<li id="user"></li>
<li id="version"></li>
</ul>
<br />Session ID: <span id="sessid"></span>
</div> </div>
<div id="title"> <div id="title">
<a href="/main.html">
<div class="left">
<h1>Task</h1>
</div>
<img src="/image/rambler-logo2-small.jpg" />
<div class="right">
<h1>Rambler</h1>
</div>
</a>
</div> </div>
<div id="menu"> <div id="menu">
<ul>
<li class="menuedge"></li>
<li><a href="/author.html">author</a></li>
<li><a href="/documentation.html">documentation</a></li>
<li><a href="/download.html">download</a></li>
<li class="signup"><span>signup</span></li>
<li class="login"><span>login</span></li>
<li class="logout hide"><span>logout</span></li>
<li class="menuedge"></li>
<div></div>
</ul>
</div> </div>
<div id="main"> <div id="main">
@ -99,32 +75,6 @@
<a href="mailto:georg@steffers.org">contact-email</a> <a href="mailto:georg@steffers.org">contact-email</a>
</div> </div>
</div> </div>
<div id="login" class="hide">
<form>
<label for="username">username</label>
<input type="text" name="username" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<input type="submit" />
</form>
</div>
<div id="signup" class="hide">
<form>
<label for="firstname">firstname</label>
<input type="text" name="firstname" /><br />
<label for="surname">surname</label>
<input type="text" name="surname" /><br />
<label for="mail">email</label>
<input type="text" name="email" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<label for="pwrepeat">password (again)</label>
<input type="password" name="pwrepeat" /><br />
<input type="submit" />
</form>
</div>
</body> </body>
</html> </html>

63
assets/html/documentation.html
View File

@ -15,45 +15,20 @@
</head> </head>
<body> <body>
<div id="login" class="hide">
</div>
<div id="signup" class="hide">
</div>
<div id="page"> <div id="page">
<div id="statusline"> <div id="statusline">
<ul>
<li>
<div id="sessinfo">
Session: <canvas width="100px" height="5px"></canvas>
</div>
</li>
<li id="user"></li>
<li id="version"></li>
</ul>
<br />Session ID: <span id="sessid"></span>
</div> </div>
<div id="title"> <div id="title">
<a href="/main.html">
<div class="left">
<h1>Task</h1>
</div>
<img src="/image/rambler-logo2-small.jpg" />
<div class="right">
<h1>Rambler</h1>
</div>
</a>
</div> </div>
<div id="menu"> <div id="menu">
<ul>
<li class="menuedge"></li>
<li><a href="/author.html">author</a></li>
<li><a href="/documentation.html">documentation</a></li>
<li><a href="/download.html">download</a></li>
<li class="signup"><span>signup</span></li>
<li class="login"><span>login</span></li>
<li class="logout hide"><span>logout</span></li>
<li class="menuedge"></li>
<div></div>
</ul>
<div class="clear"></div>
</div> </div>
<div id="main"> <div id="main">
@ -146,32 +121,6 @@
<a href="mailto:georg@steffers.org">contact-email</a> <a href="mailto:georg@steffers.org">contact-email</a>
</div> </div>
</div> </div>
<div id="login" class="hide">
<form>
<label for="username">username</label>
<input type="text" name="username" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<input type="submit" />
</form>
</div>
<div id="signup" class="hide">
<form>
<label for="firstname">firstname</label>
<input type="text" name="firstname" /><br />
<label for="surname">surname</label>
<input type="text" name="surname" /><br />
<label for="mail">email</label>
<input type="text" name="email" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<label for="pwrepeat">password (again)</label>
<input type="password" name="pwrepeat" /><br />
<input type="submit" />
</form>
</div>
</body> </body>
</html> </html>

32
assets/html/download.html
View File

@ -15,6 +15,12 @@
</head> </head>
<body> <body>
<div id="login" class="hide">
</div>
<div id="signup" class="hide">
</div>
<div id="page"> <div id="page">
<div id="statusline"> <div id="statusline">
<ul> <ul>
@ -106,32 +112,6 @@
<a href="mailto:georg@steffers.org">contact-email</a> <a href="mailto:georg@steffers.org">contact-email</a>
</div> </div>
</div> </div>
<div id="login" class="hide">
<form>
<label for="username">username</label>
<input type="text" name="username" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<input type="submit" />
</form>
</div>
<div id="signup" class="hide">
<form>
<label for="firstname">firstname</label>
<input type="text" name="firstname" /><br />
<label for="surname">surname</label>
<input type="text" name="surname" /><br />
<label for="mail">email</label>
<input type="text" name="email" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<label for="pwrepeat">password (again)</label>
<input type="password" name="pwrepeat" /><br />
<input type="submit" />
</form>
</div>
</body> </body>
</html> </html>

13
assets/html/foo.html
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>This is just foo</title>
</head>
<body>
<h1>A BIG FAT FOO</h1>
</body>
</html>
<!-- vim: set ts=4 sw=4: -->

63
assets/html/main.html
View File

@ -15,44 +15,20 @@
</head> </head>
<body> <body>
<div id="login" class="hide">
</div>
<div id="signup" class="hide">
</div>
<div id="page"> <div id="page">
<div id="statusline"> <div id="statusline">
<ul>
<li>
<div id="sessinfo">
Session: <canvas width="100px" height="5px"></canvas>
</div>
</li>
<li id="user"></li>
<li id="version"></li>
</ul>
<br />Session ID: <span id="sessid"></span>
</div> </div>
<div id="title"> <div id="title">
<a href="/main.html">
<div class="left">
<h1>Task</h1>
</div>
<img src="/image/rambler-logo2-small.jpg" />
<div class="right">
<h1>Rambler</h1>
</div>
</a>
</div> </div>
<div id="menu"> <div id="menu">
<ul>
<li class="menuedge"></li>
<li><a href="/author.html">author</a></li>
<li><a href="/documentation.html">documentation</a></li>
<li><a href="/download.html">download</a></li>
<li class="signup"><span>signup</span></li>
<li class="login"><span>login</span></li>
<li class="logout hide"><span>logout</span></li>
<li class="menuedge"></li>
<div></div>
</ul>
</div> </div>
<div id="main"> <div id="main">
@ -247,33 +223,6 @@
<a href="mailto:georg@steffers.org">contact-email</a> <a href="mailto:georg@steffers.org">contact-email</a>
</div> </div>
</div> </div>
<div id="login" class="hide">
<form>
<label for="username">username</label>
<input type="text" name="username" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<input type="submit" />
</form>
</div>
<div id="signup" class="hide">
<form>
<label for="firstname">firstname</label>
<input type="text" name="firstname" /><br />
<label for="surname">surname</label>
<input type="text" name="surname" /><br />
<label for="mail">email</label>
<input type="text" name="email" /><br />
<label for="password">password</label>
<input type="password" name="password" /><br />
<label for="pwrepeat">password (again)</label>
<input type="password" name="pwrepeat" /><br />
<input type="submit" />
</form>
</div>
</body> </body>
</html> </html>

0
assets/html/robots.txt
View File

89
assets/js/init.js
View File

@ -1,57 +1,68 @@
var sess = null; var sess = null;
$(document).ready(function() { $(document).ready(function() {
var sval = new ServerVal("#randval");
var sval = new ServerVal("#randval");
sess = new Session("#sessinfo", "#sessid", "#user");
$("#title").load("/_title.html");
$("#footer").load("/_footer.html");
$.getJSON(
"/version/",
function(data) {
$("#version").empty().append("version: " + data.version);
}
);
$("#menu").load("/_menu.html", function() {
$("div#menu ul li.signup").click(function() {
$("#signup").removeClass("hide");
});
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
$.getJSON("/user/get/", $.proxy(sess.loadUserJSON, sess));
$(window).focus(function() {
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
$("div#menu ul li.login").click(function() {
$("#login").removeClass("hide");
});
}); });
$("div#menu ul li.signup").click(function() {
$("#signup").removeClass("hide");
});
$("#statusline").load("/_statusline.html", function (){
sess = new Session("#sessinfo", "#sessid", "#user");
$("div#menu ul li.login").click(function() {
$("#login").removeClass("hide");
});
$.getJSON(
"/version/",
function(data) {
$("#version").empty().append("version: " + data.version);
}
);
$("div#menu ul li.logout").click(function() {
$.getJSON("/logout/", $.proxy(sess.loadUserJSON, sess));
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess)); $.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
});
$.getJSON("/user/get/", $.proxy(sess.loadUserJSON, sess));
$("#randval").click(function() {
sval.stop();
});
$(window).focus(function() {
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
});
$("#login form").submit(function(event) {
event.preventDefault();
$.post("/login/",
$("#login form").serialize(),
$.proxy(sess.loadUserJSON, sess));
$("#login").addClass("hide");
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
$("div#menu ul li.logout").click(function() {
$.getJSON("/logout/", $.proxy(sess.loadUserJSON, sess));
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
});
$("#login").load("/_login.html", function (){
$("#login form").submit(function(event) {
event.preventDefault();
$.post("/login/",
$("#login form").serialize(),
$.proxy(sess.loadUserJSON, sess));
$("#login").addClass("hide");
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
});
});
$("#signup").load("/_signup.html", function (){
$("#signup form").submit(function(event) {
event.preventDefault();
$.post("/signup/",
$("#signup form").serialize(),
$.proxy(sess.loadUserJSON, sess));
$("#signup").addClass("hide");
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
});
});
}); });
$("#signup form").submit(function(event) {
event.preventDefault();
$.post("/signup/",
$("#signup form").serialize(),
$.proxy(sess.loadUserJSON, sess));
$("#signup").addClass("hide");
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
$("#randval").click(function() {
sval.stop();
}); });
}); });

21
assets/style/taskrambler.css
View File

@ -134,13 +134,22 @@ div.border div.br {
text-align: right; text-align: right;
} }
#statusline iframe {
display: inline-block;
float: left;
border: none;
overflow: hidden;
width: 300px;
height: 30px;
}
#statusline ul { #statusline ul {
display: inline-block;
width: 780px;
height: 15px;
list-style: none;
padding: 0px;
margin: 0px;
display: inline-block;
width: 480px;
height: 15px;
list-style: none;
padding: 0px;
margin: 0px;
} }
#statusline ul li { #statusline ul li {

Write Preview
Loading…
Cancel
Save