summaryrefslogtreecommitdiff
path: root/templates/view_food.tpl
blob: 2ae9ec6a53bd87d0e9be94daeb07f0dbfa52662a (plain)
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
{$header}
<div id='columnContainer'>
	<div id='middleColumn'>
		<div id='middleData'>
			<div style='margin-bottom: 1em;'>
{if $foodDesc}
				<strong>Food</strong>: {$foodDesc} ({$foodData[0].foodDesc})<br />
{else}
				<strong>Food</strong>: {$foodData[0].foodDesc}<br />
{/if}
{if ! empty($foodData[0].sciname)}
				<strong>Scientific name</strong>: {$foodData[0].sciname}<br />
{/if}
				<strong>Quantity</strong>: {$quantity} {$foodData[0].msre_desc} (about {$gramWeight} grams)
			</div>
			<div style='margin-bottom: 1em;'>
{if $showAllNutrients}
				<a href='{$config->_rootUri}/{$config->_thisScript}?food={$food}&amp;weight={$weight}&amp;quantity={$quantity}'>
				    Hide unwanted nutrients</a>
{else}
				<a href='{$config->_rootUri}/{$config->_thisScript}?food={$food}&amp;weight={$weight}&amp;quantity={$quantity}&amp;showall'>
					Show all nutrients</a>
{/if}
{if $isLoggedIn}
				| <a href='nutrient_chooser'>Manage nutrient list</a>
{/if}
			</div>
			<div style='width: 100%;'>
				<table class='standardTable'>
					<tr class='tableTitleRow'>
						<th>Nutrient</th>
						<th>Quantity</th>
						<th>&#37;DRI</th>
					</tr>

{foreach from=$foodData item=nutrient}
					<tr class='{cycle values="bgDark,bgLight"}'>
						<td>{$nutrient.nutrdesc}</td>
						<td style='text-align: center;'>{$nutrient.nutrientQuantity}{$nutrient.units}</td>
	{if $nutrient.percentDri != "--"}
						<td style='text-align: center;'>{$nutrient.percentDri}&#37;</td>
	{else}
						<td style='text-align: center;'>--</td>
	{/if}
					</tr>
{/foreach}
				</table>
			</div>
			<div style='margin-top: 1em;'>
				<form action='add_food' method='post' id="formAddFood" onsubmit='return validateAddFood("formAddFood","foodDesc");'>
{if $isLoggedIn} 
					<div style='margin-bottom: .5em; text-align: justify;'>
						If you would like to save this item for later reference, or add it
						to a recipe or diary, enter a short descriptive entry in the
						text box below and then select the appropriate button.  A default
						description may have been added for you.  However, this description may
						not be very helpful and could possibly be quite long.  You are
						encouraged to change this to something more meaningful, and possibly
						shorter.  Are you still <a href='faq#saving'>confused</a>?
					</div>
					<div style='margin-bottom: .5em;'>
	{if $foodDesc}
						<input type='text' name='description' id='foodDesc' size='25' value='{$foodDesc|escape:'html'}' />
	{else}
						<input type='text' name='description' id='foodDesc' size='25' value='{$quantity} {$foodData[0].msre_desc|escape:'html'} {$foodData[0].foodDesc|escape:'html'}' />
	{/if}
					</div>
					<div style='margin-bottom: .5em;'>
						<input type='submit' name='saveFood' id='saveFood' value='Save food' style='width: 20ex;' onclick='getElement("formAddFood").action.value = "saveFood";' />
					</div>
					<div style='margin-bottom: .5em;'>
						<input type='submit' name='addFoodToMeal' id='addFoodToMeal' value='Add to recipe =&gt;' style='width: 20ex;' onclick='getElement("formAddFood").action.value = "addFoodToMeal";' />
						<select name='meal'>
							<option selected='selected' value='0'>New recipe</option>
	{foreach from=$myMeals item=myMeal}
							<option value='{$myMeal.id}'>{$myMeal.description}</option>
	{/foreach}
						</select>
					</div>
	{if $userDiaries}
					<div style='margin-right: 1ex; margin-bottom: .5em; float: left;'>
						<input type='submit' name='addFoodToDiary' id='addFoodToDiary' value='Add to diary =&gt;' style='width: 20ex;' onclick='getElement("formAddFood").action.value = "addFoodToDiary";' />
						<select name='diary'>
		{foreach from=$userDiaries item=userDiary}
							<option value='{$userDiary.id}'>{$userDiary.description}</option>
		{/foreach}
						</select>
					</div>
					<div style='margin-bottom: .5em;'>
						with
						<a href='faq#timestamp' title='What is a diary timestamp?'>timestamp</a>
						<input type='text' name='diaryTimestamp' id='diaryTimestamp' readonly='readonly' value='' />
						<script type="text/javascript">
							Calendar.setup(
								{literal}{{/literal}
									inputField	: "diaryTimestamp", // ID of the input field
									ifFormat	: "%Y-%m-%d %I:%M%p", // the date format
									button		: "diaryTimestamp", // ID of the button
									weekNumbers	: false,
									showsTime	: true,
									firstDay	: 0
								{literal}}{/literal}
							);
						</script>
					</div>
	{/if}
{else}
					<div style='margin-bottom: .5em; text-align: justify;'>
						Would you like to add this food to a recipe?  Enter a short
						descriptive entry in the text box below and then click the
						"Add to recipe" button.  A default description may have been
						added for you.  However, this description may not be very
						helpful and could possibly be quite long.  You are encouraged
						to change this to something more meaningful, and possibly
						shorter.  Are you still <a href='faq#saving'>confused</a>?
					</div>
					<div style='margin-bottom: .5em;'>
	{if $foodDesc}
						<input type='text' name='description' size='25' value='{$foodDesc|escape:'html'}' />
	{else}
						<input type='text' name='description' size='25' value='{$quantity} {$foodData[0].msre_desc|escape:'html'} {$foodData[0].foodDesc|escape:'html'}' />
	{/if}
					</div>
					<div style='margin-bottom: .5em;'>
						<input type='submit' name='addFoodToMeal' value='Add to recipe' style='width: 20ex;' />
						<input type='hidden' name='meal' value='0' />
					</div>
{/if}
					<div>
						<input type='hidden' name='food' value='{$food}' />
						<input type='hidden' name='weight' value='{$weight}' />
						<input type='hidden' name='quantity' value='{$quantity}' />
						<input type='hidden' name='action' value='' />
					</div>
				</form>
			</div>
		</div>
	</div>

	<div id='leftColumn'>
		<div id='leftData'>
			{$sidebar_left}
		</div>
	</div>

	<div id='rightColumn'>
		<div id='rightData'>
			{$sidebar_right}
		</div>
	</div>

</div>
{$footer}