diff options
-rw-r--r-- | static/css/style.css | 14 | ||||
-rw-r--r-- | static/images/arrow_left.png | bin | 0 -> 9190 bytes | |||
-rw-r--r-- | static/images/arrow_right.png | bin | 0 -> 7846 bytes | |||
-rw-r--r-- | static/js/show.js | 1 | ||||
-rw-r--r-- | templates/pages/show.mako | 23 | ||||
-rw-r--r-- | templates/root.mako | 2 |
6 files changed, 35 insertions, 5 deletions
diff --git a/static/css/style.css b/static/css/style.css index 56abd29..2ddf6f2 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -61,14 +61,22 @@ img { border: none; } -img.left { +#left { float: left; margin-right: 15px; + text-decoration: none; } -img.right { +#right { float: right; margin-left: 15px; + text-decoration: none; +} + +#left > img, #right > img { + width: 20px; + height: 20px; + vertical-align: middle; } div.detail > .heading { @@ -196,7 +204,7 @@ div.detail > .mark { .content { float: left; - width: 620px; + width: 663px; padding: 15px 0px; margin-bottom: 20px; } diff --git a/static/images/arrow_left.png b/static/images/arrow_left.png Binary files differnew file mode 100644 index 0000000..de740e7 --- /dev/null +++ b/static/images/arrow_left.png diff --git a/static/images/arrow_right.png b/static/images/arrow_right.png Binary files differnew file mode 100644 index 0000000..14922a9 --- /dev/null +++ b/static/images/arrow_right.png diff --git a/static/js/show.js b/static/js/show.js index 2c43015..333ce17 100644 --- a/static/js/show.js +++ b/static/js/show.js @@ -1,4 +1,5 @@ $(document).ready(function(){ + $(".detail > .heading").click(function() { $(this).prevAll(".mark:last").click(); }); diff --git a/templates/pages/show.mako b/templates/pages/show.mako index 054c287..cf14638 100644 --- a/templates/pages/show.mako +++ b/templates/pages/show.mako @@ -20,13 +20,34 @@ <br/> % endfor +<% + if e.date.month == 1: + date = "%s/12" % (e.date.year - 1) + else: + date = "%s/%s" % (e.date.year, e.date.month - 1) +%> +<a id="left" href=${"/" + date | url}> + <img src=${"/static/images/arrow_left.png" | url} /> + <span class="navdate">${date}</span> +</a> + +<% + if e.date.month == 13 - len(exps): + date = "%s/1" % (e.date.year + 1) + else: + date = "%s/%s" % (e.date.year, e.date.month + len(exps)) +%> +<a id="right" href=${"/" + date | url}> + <span class="navdate">${date}</span> + <img src=${"/static/images/arrow_right.png" | url}/> +</a> + <%def name="heading()"> % if len(exps) > 1: Current expenses % else: Expenses for ${get_d(exps[0])} % endif - </%def> <%def name="get_d(e)"> diff --git a/templates/root.mako b/templates/root.mako index 6092242..e789df5 100644 --- a/templates/root.mako +++ b/templates/root.mako @@ -27,7 +27,7 @@ <div class="content"> ${next.body()} </div> - <div style="clear: both;"> </div> + <div style="clear: both;"></div> </div> <div id="footer"> <p id="legal"> |