liquid_feedback_frontend
annotate app/main/_layout/report.html @ 145:90520c9fca44
implement area filter in timeline
allows the user to ignore any area in the timeline filter.
better display in javascript off
allows the user to ignore any area in the timeline filter.
better display in javascript off
| author | Daniel Poelzleithner <poelzi@poelzi.org> |
|---|---|
| date | Thu Oct 07 00:35:48 2010 +0200 (2010-10-07) |
| parents | a851cc1d9903 |
| children |
| rev | line source |
|---|---|
| bsw@31 | 1 <html> |
| bsw@31 | 2 <head> |
| bsw@31 | 3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> |
| bsw@31 | 4 <title><!-- WEBMCP SLOTNODIV app_name --></title> |
| bsw@31 | 5 <link rel="stylesheet" type="text/css" media="screen" href="<!-- WEBMCP SLOTNODIV stylesheet_url -->" /> |
| bsw@31 | 6 <script> |
| bsw@31 | 7 var lastEls = new Array(); |
| bsw@31 | 8 function openEl(el) { |
| bsw@31 | 9 var el = document.getElementById(el); |
| bsw@31 | 10 if (! el) { |
| bsw@31 | 11 return; |
| bsw@31 | 12 } |
| bsw@31 | 13 if (lastEls.length > 0) { |
| bsw@31 | 14 lastEls[lastEls.length-1].style.display='none'; |
| bsw@31 | 15 }; |
| bsw@31 | 16 lastEls.push(el); |
| bsw@31 | 17 el.style.display = 'block'; |
| bsw@31 | 18 } |
| bsw@31 | 19 function undo() { |
| bsw@34 | 20 if (lastEls.length > 1) { |
| bsw@31 | 21 var el = lastEls.pop(); |
| bsw@31 | 22 el.style.display='none'; |
| bsw@31 | 23 }; |
| bsw@31 | 24 if (lastEls.length > 0) { |
| bsw@31 | 25 lastEls[lastEls.length-1].style.display = 'block'; |
| bsw@31 | 26 }; |
| bsw@31 | 27 } |
| bsw@31 | 28 var prev_issues = {}; |
| bsw@31 | 29 var prev_initiatives = {}; |
| bsw@34 | 30 var parents = {}; |
| bsw@31 | 31 var next_initiatives = {}; |
| bsw@31 | 32 var next_issues = {}; |
| bsw@31 | 33 function openPrevIssue() { |
| bsw@31 | 34 openEl(prev_issues[lastEls[lastEls.length-1].id]); |
| bsw@31 | 35 }; |
| bsw@31 | 36 function openPrevInitiative() { |
| bsw@31 | 37 openEl(prev_initiatives[lastEls[lastEls.length-1].id]); |
| bsw@31 | 38 }; |
| bsw@34 | 39 function openParent() { |
| bsw@34 | 40 openEl(parents[lastEls[lastEls.length-1].id]); |
| bsw@34 | 41 }; |
| bsw@31 | 42 function openNextInitiative() { |
| bsw@31 | 43 openEl(next_initiatives[lastEls[lastEls.length-1].id]); |
| bsw@31 | 44 }; |
| bsw@31 | 45 function openNextIssue() { |
| bsw@31 | 46 openEl(next_issues[lastEls[lastEls.length-1].id]); |
| bsw@31 | 47 }; |
| bsw@31 | 48 function openElDirect() { |
| bsw@31 | 49 var issue_id_el = document.getElementById("input_issue"); |
| bsw@31 | 50 var initiative_id_el = document.getElementById("input_initiative"); |
| bsw@31 | 51 if (initiative_id_el.value) { |
| bsw@31 | 52 openEl("initiative_" + initiative_id_el.value); |
| bsw@31 | 53 } else if (issue_id_el.value) { |
| bsw@31 | 54 openEl("issue_" + issue_id_el.value); |
| bsw@31 | 55 }; |
| bsw@31 | 56 issue_id_el.value = ""; |
| bsw@31 | 57 initiative_id_el.value = ""; |
| bsw@31 | 58 } |
| bsw@31 | 59 </script> |
| bsw@34 | 60 <style> |
| bsw@34 | 61 .nav { |
| bsw@34 | 62 font-size: 75%; |
| bsw@34 | 63 } |
| bsw@34 | 64 .nav .left { |
| bsw@34 | 65 float: left; |
| bsw@34 | 66 } |
| bsw@34 | 67 |
| bsw@34 | 68 .nav a { |
| bsw@34 | 69 text-decoration: none; |
| bsw@34 | 70 margin-left: 0.5em; |
| bsw@34 | 71 padding: 1ex; |
| bsw@34 | 72 background-color: #ddd; |
| bsw@34 | 73 } |
| bsw@34 | 74 .nav img { |
| bsw@34 | 75 vertical-align: middle; |
| bsw@34 | 76 } |
| bsw@34 | 77 </style> |
| bsw@31 | 78 </head> |
| bsw@31 | 79 <body> |
| bsw@31 | 80 <div class="main" id="default"> |
| bsw@31 | 81 <!-- WEBMCP SLOT default --> |
| bsw@31 | 82 </div> |
| bsw@31 | 83 </body> |
| bsw@31 | 84 <script> |
| bsw@31 | 85 </script> |
| bsw@31 | 86 </html> |
| bsw@31 | 87 |