diff options
| author | Alexis Metaireau <alexis@notmyidea.org> | 2011-08-10 19:23:54 +0200 |
|---|---|---|
| committer | Alexis Metaireau <alexis@notmyidea.org> | 2011-08-10 19:23:54 +0200 |
| commit | 67350e7accfb0b8b0dd3b9b53bdc80b0fdbe2fd1 (patch) | |
| tree | fa4dd7b0fd9ca2d416bd5f984ae5711fb1d6ee01 | |
| parent | 822058b251814b3ee209d77b487aec46aaa7d288 (diff) | |
| download | ihatemoney-mirror-67350e7accfb0b8b0dd3b9b53bdc80b0fdbe2fd1.zip ihatemoney-mirror-67350e7accfb0b8b0dd3b9b53bdc80b0fdbe2fd1.tar.gz ihatemoney-mirror-67350e7accfb0b8b0dd3b9b53bdc80b0fdbe2fd1.tar.bz2 | |
Add some simple javascript for usability.
* Ask confirmation before deleting an user
* Display the form when clicking on the add bill button
* Only show the delete button (for users) on mouse over.
| -rw-r--r-- | budget/templates/layout.html | 2 | ||||
| -rw-r--r-- | budget/templates/list_bills.html | 42 |
2 files changed, 43 insertions, 1 deletions
diff --git a/budget/templates/layout.html b/budget/templates/layout.html index 19af8ca..9036de3 100644 --- a/budget/templates/layout.html +++ b/budget/templates/layout.html @@ -4,6 +4,8 @@ <head> <title>Account manager</title> <link rel=stylesheet type=text/css href="{{ url_for('static', filename='main.css') }}"> +<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> +<script type="text/javascript" charset="utf-8">{% block js %}{% endblock %}</script> </head> <body> diff --git a/budget/templates/list_bills.html b/budget/templates/list_bills.html index 19c014d..7e96ca7 100644 --- a/budget/templates/list_bills.html +++ b/budget/templates/list_bills.html @@ -1,5 +1,41 @@ {% extends "layout.html" %} +{% block js %} +$(document).ready(function(){ + + // display the form when clicking on the "add bill" button + $('#add_bill_button').click(function(){ + $('#add_bill').show(200); + $(this).hide(); + $('#hide_bill_form').show(); + return false; + }); + + // and provide a mechanism to hide it back + $('#hide_bill_form').click(function(){ + $('#add_bill').hide(200); + $(this).hide(); + $('#add_bill_button').show(); + return false; + }); + + // ask for confirmation before removing an user + $('a.remove').each(function(){ + $(this).hide(); + $(this).click(function(){ + return confirm("are you sure?"); + }); + }); + + // display the remove button on mouse over (and hide them per default) + $('.members li').hover(function(){ + $(this).children('a.remove').show(); + }, function(){ + $(this).children('a.remove').hide(); + }); +}); +{% endblock %} + {% block top_menu %} <ul> <li><a href="{{ url_for("exit") }}">logout</a></li> @@ -22,7 +58,11 @@ </form> </div> <div id="content" class="uniForm span-18 last"> - <a class="awesome button fright" href="{{ url_for('add_bill', project_id=project.id) }}">Add a bill</a> + <a id="add_bill_button" class="awesome large green button fright" href="{{ url_for('add_bill', project_id=project.id) }}">Add a bill</a> + + <a id="hide_bill_form" class="awesome button fright" style="display: none;" href="#">Hide form</a> + +<form id="add_bill" action="{{ url_for('add_bill', project_id=project.id) }}" method="post" style="width: 400px; display: none">{{ forms.add_bill(bill_form) }}</form> {% if bills.count() > 0 %} <table class="list_bills"> |