templates/nutrinoweb/eating.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130

	{% extends "layout.html" %}

{% block content %}
<div class=diveating>
    <div class=eatingleft>
	<ul>
	  {% for aliment in aliments %}
	   <li><img src="{{ aliment.path }}"></br>{{ aliment.title }}</li>
	  {% endfor %}
	</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 }}&nbsp{{ aliment.unit }}&nbsp&nbsp{{ aliment.title }}</li>
	  {% endfor %}
	</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}}
			<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>
		<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>
	</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>
	<button name="send" type="submit" value="fruits">
	<img src="../../static/images/journal/buttonfruits.png">
	</button>
	<button name="send" type="submit" value="meatcounter">
	<img src="../../static/images/journal/buttonmeatcounter.png">
	</button>
	<button name="send" type="submit" value="rack">
	<img src="../../static/images/journal/buttonrack.png">
	</button>
	<button name="send" type="submit" value="fridge">
	<img src="../../static/images/journal/buttonfridge.png">
	</button>
	<button name="cooking" type="submit" value="cooking">
	<img src="../../static/images/journal/buttoncooking2.png">
	</button>
      </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 %}