Added jquery.js library
authorJean-Michel Nirgal Vourgère <jmv@nirgal.com>
Mon, 2 Aug 2010 21:15:28 +0000 (21:15 +0000)
committerJean-Michel Nirgal Vourgère <jmv@nirgal.com>
Mon, 2 Aug 2010 21:15:28 +0000 (21:15 +0000)
New min_height content algorithm
Changed style for input[type="submit"] and a.button

13 files changed:
html_templates/base.html
html_templates/fleet.html
html_templates/fleet_users.html
html_templates/fleets.html
html_templates/fragment_formerror.html
html_templates/sources_index.html
html_templates/user_change_password.html
html_templates/user_edit.html
html_templates/users.html
html_templates/users_tree.html
html_templates/vessel_index.html
www/global.css
www/global.js

index 3aa6ba031571394294d0e2ef6874548a10f2bad0..22680efe8f3adee36cd753ebbb317b0120eabe22 100644 (file)
@@ -4,9 +4,9 @@
 <title>{% block title %}AIS{% endblock %}</title>
 {% block style_extra %}
 {% endblock %}
-<script src="/global.js" type="text/javascript"></script>
+<script src='/javascript/jquery/jquery.js' type='text/javascript'></script>
+<script src='/global.js' type='text/javascript'></script>
 
-<body onload="set_min_heigth()">
 <div id=header>
     <span id=bannertitle>AIS ship monitoring</span>
     <span id=bannermenu>Welcome <a href="/user/{{user.login}}/">{{ user.name }}</a> ☮ <a href="/user/{{user.login}}/change_password">change password</a></span>
@@ -36,4 +36,3 @@ You are here: <a href='/'>home</a>
 ☮ <a href="http://ipv6.com/articles/general/ipv6-the-next-generation-internet.htm">IPv6 ready</a>
 <base target=''>
 </div>
-</body>
index c56d5e2b4a865593f2180558df28d78e22efe865..6b5a87a832dc0ba047813994b09665260e91d40e 100644 (file)
@@ -8,9 +8,7 @@
 {% block content %}
 <h3>Details of fleet {{ fleet.name }}</h3>
 {{ fleet.description }}<br><br>
-<ul>
-<li><a href="lastpos">Last positions</a>
-<li><a href="list">Vessel list</a> ({{ fleet.vessel_count }} vessels)
-<li><a href="users">User list</a> ({{ fleet.user_count }} users)
-</ul>
+<a href=lastpos class=button>Last positions</a><br>
+<a href=list class=button>Vessel list</a> ({{ fleet.vessel_count }} vessels)<br>
+<a href=users class=button>User list</a> ({{ fleet.user_count }} users)<br>
 {% endblock %}
index 9d51753a5a673e1a2d5aab4aebb41dae8c32f567..0a36663caac642a0471d0605dfbb7d7b83454f40 100644 (file)
@@ -26,5 +26,5 @@
 </select>
 <input type=submit value=Share>
 </form>
-You can't find the person you want? Do not give your password. Just <a href='/user/add'>create a user account</a>, then come back to that page.
+You can't find the person you want? Do not give your password. Just <a href='/user/add' class=button>create a user account</a>, then come back to that page.
 {% endblock %}
index 63814b5c14a1a344d255b1ce7ab6a00a406bdf64..c8f10d1a8a08e9ac9c46dc4d276599d07dccdb0b 100644 (file)
 {% block content %}
 <h3>Select a fleet:</h3>
 {% for fleetuser in fleetusers %}
-<h4><a href='{{ fleetuser.fleet.name }}/'>{{ fleetuser.fleet.name }}</a></h4>
+<a href='{{ fleetuser.fleet.name }}/' class=button>{{ fleetuser.fleet.name }}</a>{{ fleetuser.fleet.description }}
+<br>
 {{ fleetuser.fleet.vessel_count }} vessels - {{ fleetuser.fleet.user_count }} users<br>
-{{ fleetuser.fleet.description }}
+
+<br><br>
 {% endfor %}
 {% endblock %}
index 222ad45ecf7a62ac168f0cfa3bbe82b61bf799dd..ba44dd39b90060aa3ddff6fa20cef35045ada00f 100644 (file)
@@ -1,6 +1,3 @@
 {% if form.errors %}
 <ul class=errorlist><li>Please correct the error{{form.errors|pluralize}} bellow</ul>
 {% endif %}
-<table>
-{{ form.as_table }}
-</table>
index 28e787387957bdf4f8acfa2f26cc65d0a385105c..7406c48b9b6635cf2d85da230491caf1bfe0aa87 100644 (file)
@@ -38,7 +38,12 @@ span.id2 {
 
 <form action='stats' method='get'>
 {% include "fragment_formerror.html" %}
+<table>
+{{ form.as_table }}
+<tr><th><td>
 <input type=submit value="View stats">
+</table>
+
 </form>
 
 {% endblock %}
index 74cc65ea57c5967141ae53115df32a5537619fe6..9c178d126aefdac4f685078f6bb30ce75464c6c4 100644 (file)
@@ -14,6 +14,10 @@ Password change - AIS
 
 <form method="post">
 {% include "fragment_formerror.html" %}
-<input type=submit>
+<table>
+{{ form.as_table }}
+<tr><th><td>
+<input type=submit value="Set password">
+</table>
 </form>
 {% endblock %}
index 6ace8fcf3657bc628c331003501bd34a3315a592..f1ed6bdc1af1539bbae242241197dcdb4c4f3f65 100644 (file)
@@ -12,6 +12,9 @@
 
 <form method=post>
 {% include "fragment_formerror.html" %}
+<table>
+{{ form.as_table }}
+</table>
 <input type=submit value=Save>
 </form>
 {% endblock %}
index 40ed91f200c3d959fbf43c6a2403327d73e205b8..4f7935185d7dcbc13b20387a4bff462bfa04385a 100644 (file)
@@ -8,7 +8,7 @@
 
 {% block content %}
 <h3>User accounts</h3>
-<a href=add>+ Create new account</a>
+<a href=add class=button>Create new account</a>
 <br>
 <br>
 {% block userlist %}
@@ -27,6 +27,6 @@
 <br>
 <br>
 {% block showtree %}
-<a href="?showtree">Show tree</a>
+<a href="?showtree" class=button>Show tree</a>
 {% endblock %}
 {% endblock %}
index 9bee8f65568986c553f7ca39d93c9cf620d82b41..4eb3075793c324ccb6648a7276e3a9b38885d169 100644 (file)
@@ -6,5 +6,5 @@
 {% endblock %}
 
 {% block showtree %}
-<a href=.>Hide tree</a>
+<a href=. class=button>Hide tree</a>
 {% endblock %}
index d121df8d4009544ce2b0a8a2fc4dac975ab7af3a..28f9b5ea8cea3dbe2ed928e4681958b994c61ea8 100644 (file)
@@ -12,7 +12,8 @@
 <form method=post>
 <table>
 {{ form.as_table }}
-</table>
+<tr><th><td>
 <input type=submit value=Search>
+</table>
 </form>
 {% endblock %}
index 17a89ff2f3140c8c85c005343dffca33439a14d7..32757f2f687d67a5a1e9ad0a1e300e93dcd48ab3 100644 (file)
@@ -10,6 +10,7 @@ body {
 }
 #header #bannertitle {
     float: left;
+    margin-left: 0.5ex;
     font-size: 200%;
 }
 #header #bannermenu {
@@ -25,9 +26,10 @@ body {
     -webkit-border-top-left-radius: 5px;
     -webkit-border-top-rigth-radius: 5px;
     border-bottom: none;
-    margin: 0.2ex -1ex 0ex 3ex;
+    margin: 0.7ex -1ex 0ex 3ex;
     padding: 0.5ex 1ex 0.5ex 1ex;
     font-weight: bold;
+    font-size: 120%;
 }
 
 #header #tabs a[href]#tabactive {
@@ -72,11 +74,29 @@ div.hr {
 div.hr hr {
     display: none;
 }
-
+a[href].button {
+    display: inline-block;
+    margin: 0ex 1ex;
+}
+input[type="submit"], a[href].button {
+    font-size: 70%;
+    font-weight: bold;
+    background: #d7ffd7;
+    border: 1px solid lightgreen;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    margin-top: 1ex;
+    padding: 0.5ex;
+}
+input[type="submit"]:hover, a[href].button:hover {
+    background: lightgreen;
+    border-color: darkgreen;
+    text-decoration: none;
+}
 
 ul.errorlist {
     background: #ffe7e7;
-    padding: 0.7ex 1ex 0.7ex 3.5ex;
+    padding: 0.5ex 1ex 0.5ex 3.5ex;
     margin: 1ex 0ex 0.2ex 0ex;
     border: 1px solid #fbb;
     -moz-border-radius: 3px;
index ec2dd6276874b1347281e846b6d10e12a0ff987c..9fa25e35b5714c5febf771998bfb5983cb3fb319 100644 (file)
@@ -1,10 +1,8 @@
-function set_min_heigth() {
-    header = document.getElementById('header');
-    main = document.getElementById('main');
-    footer = document.getElementById('footer');
-    min_heigth = document.body.clientHeight - header.clientHeight - footer.clientHeight - 2;
-    if (min_heigth > 0) {
-        main.style.minHeight = min_heigth+'px';
-    }
+function check_footer_bottom() {
+    min_height = document.body.clientHeight - $('#header').outerHeight() - $('#footer').outerHeight();
+    /* alert('min_height='+min_height); */
+    if (min_height > 0)
+        $('#main').css('min-height', min_height+'px');
 }
 
+$(document).ready(check_footer_bottom);