diff options
Diffstat (limited to 'templates/nutrinoweb/eating.html')
| -rw-r--r-- | templates/nutrinoweb/eating.html | 87 |
1 files changed, 77 insertions, 10 deletions
diff --git a/templates/nutrinoweb/eating.html b/templates/nutrinoweb/eating.html index 0e4fdd6..a4afdcf 100644 --- a/templates/nutrinoweb/eating.html +++ b/templates/nutrinoweb/eating.html @@ -1,4 +1,4 @@ -{% extends "layout.html" %} + {% extends "layout.html" %} {% block content %} <div class=diveating> @@ -10,6 +10,9 @@ </ul> </div> <div class=eatingmiddle style="background-image:url({{path}})"> + <form action="/eating" method=post> + <div style="visibility:hidden; float:right"><input name="info1" size="10" type="text" value='{{ scenario }}'></div> + <div style="visibility:hidden; float:right"><input name="info2" size="10" type="text" value='{{ entry[0] }}'></div> <div class=shoppinglist> {% for aliment in aliments %} <li>{{ aliment.quantity }} {{ aliment.unit }}  {{ aliment.title }}</li> @@ -17,27 +20,83 @@ </div> <div class={{ scenario }}> <img src="../../static/images/journal/bubble{{ scenario }}.png"> + <div class='welcometextNone'>Welcome to the market!<br /> On your right hand side you can find four different kinds of shops.<br />Have fun shopping and exploring! + </div> <div class='text{{ scenario }}'>{{text}} - <form action="/eating" method=post style="visibility:{{visibilitytextbox}}"> <input name="title" type="text" size="15"> <input type="submit" value="ask" name="askforaliment"> <div class=linkaddentry style="visibility:{{linkvisiblity}}"><a href="/addentry">add this aliment</a></div> - <div style="visibility:hidden"><input name="info1" type="text" value='{{ scenario }}'></div> - </form> </div> - <div class='text{{ scenario }}' style="visibility:{{visibilitytextbox2}}">{{text}} - <form action="/eating" method=post> - <input name="quantity" type="text"> + <div class='text{{ scenario }}2'>{{text}} + <div class=alimentimg style="background-image:url('../../static/images/journal/aliments/{{ entry[0] }}.png')"></div> + <input name="quantity" type="text" size="10" value="1"><br /> <select name="unit"> + <option value="serving">serving</option> <option value="ml">ml</option> <option value="g">g</option> </select> <input type="submit" value="order" name="orderaliment"> - <div style="visibility:hidden"><input name="info2" type="text" value='{{entry[0]}}'></div> - <div style="visibility:hidden"><input name="info3" type="text" value='{{ scenario }}'></div> - </form> </div> </div> + <div class=fruitstable> + <table width="220" height="120" border="0" align="center" cellpadding="2" cellspacing="2"> + <tr> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[0] }}" src="../../static/images/journal/aliments/{{ tablealiment[0] }}.png" value='{{ tablealiment[0] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[1] }}" src="../../static/images/journal/aliments/{{ tablealiment[1] }}.png" value='{{ tablealiment[1] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[2] }}" src="../../static/images/journal/aliments/{{ tablealiment[2] }}.png" value='{{ tablealiment[2] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[3] }}" src="../../static/images/journal/aliments/{{ tablealiment[3] }}.png" value='{{ tablealiment[3] }}'></td> + </tr> + <tr> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[4] }}" src="../../static/images/journal/aliments/{{ tablealiment[4] }}.png" value='{{ tablealiment[4] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[5] }}" src="../../static/images/journal/aliments/{{ tablealiment[5] }}.png" value='{{ tablealiment[5] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[6] }}" src="../../static/images/journal/aliments/{{ tablealiment[6] }}.png" value='{{ tablealiment[6] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[7] }}" src="../../static/images/journal/aliments/{{ tablealiment[7] }}.png" value='{{ tablealiment[7] }}'></td> + </tr> + + </table> + </div> + <div class=meatcountertable> + <table width="220" height="50" border="0" align="center" cellpadding="2" cellspacing="2"> + <tr> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[0] }}" src="../../static/images/journal/aliments/{{ tablealiment[0] }}.png" value='{{ tablealiment[0] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[1] }}" src="../../static/images/journal/aliments/{{ tablealiment[1] }}.png" value='{{ tablealiment[1] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[2] }}" src="../../static/images/journal/aliments/{{ tablealiment[2] }}.png" value='{{ tablealiment[2] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[3] }}" src="../../static/images/journal/aliments/{{ tablealiment[3] }}.png" value='{{ tablealiment[3] }}'></td> + </tr> + </table> + </div> + <div class=racktable> + <table width="220" height="150" border="0" align="center" cellpadding="2" cellspacing="2"> + <tr> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[0] }}" src="../../static/images/journal/aliments/{{ tablealiment[0] }}.png" value='{{ tablealiment[0] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[1] }}" src="../../static/images/journal/aliments/{{ tablealiment[1] }}.png" value='{{ tablealiment[1] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[2] }}" src="../../static/images/journal/aliments/{{ tablealiment[2] }}.png" value='{{ tablealiment[2] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[3] }}" src="../../static/images/journal/aliments/{{ tablealiment[3] }}.png" value='{{ tablealiment[3] }}'></td> + </tr> + <tr> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[4] }}" src="../../static/images/journal/aliments/{{ tablealiment[4] }}.png" value='{{ tablealiment[4] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[5] }}" src="../../static/images/journal/aliments/{{ tablealiment[5] }}.png" value='{{ tablealiment[5] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[6] }}" src="../../static/images/journal/aliments/{{ tablealiment[6] }}.png" value='{{ tablealiment[6] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[7] }}" src="../../static/images/journal/aliments/{{ tablealiment[7] }}.png" value='{{ tablealiment[7] }}'></td> + </tr> + </table> + </div> + <div class=fridgetable> + <table width="220" height="150" border="0" align="center" cellpadding="2" cellspacing="2"> + <tr> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[0] }}" src="../../static/images/journal/aliments/{{ tablealiment[0] }}.png" value='{{ tablealiment[0] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[1] }}" src="../../static/images/journal/aliments/{{ tablealiment[1] }}.png" value='{{ tablealiment[1] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[2] }}"src="../../static/images/journal/aliments/{{ tablealiment[2] }}.png" value='{{ tablealiment[2] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[3] }}" src="../../static/images/journal/aliments/{{ tablealiment[3] }}.png" value='{{ tablealiment[3] }}'></td> + </tr> + <tr> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[4] }}" src="../../static/images/journal/aliments/{{ tablealiment[4] }}.png" value='{{ tablealiment[4] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[5] }}" src="../../static/images/journal/aliments/{{ tablealiment[5] }}.png" value='{{ tablealiment[5] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[6] }}" src="../../static/images/journal/aliments/{{ tablealiment[6] }}.png" value='{{ tablealiment[6] }}'></td> + <td width="50" align="center"><input type="image" name='standaliment' title="{{ tablealiment[7] }}" src="../../static/images/journal/aliments/{{ tablealiment[7] }}.png" value='{{ tablealiment[7] }}'></td> + </tr> + </table> + </div> </div> <div class=eatingright> <form action="/eating" method=post> @@ -59,5 +118,13 @@ </form> </div> </div> +<script type="text/javascript"> + $(".racktable, .fruitstable, .meatcountertable, .fridgetable").hide(); + $(".{{ scenario }}table").show(); + $(".text{{ scenario }}").css({ visibility: '{{ visibilitytextbox }}' }); + $(".text{{ scenario }}2").css({ visibility: '{{ visibilitytextbox2 }}' }); + $(".welcometext{{ scenario }}").css({ visibility: 'visible' }); +</script> {% endblock %} + |