Started to use different icons on time.php page for records with attached files.
[timetracker.git] / WEB-INF / templates / mobile / expenses.tpl
1 <script>
2 // We need a few arrays to populate project dropdown.
3 // When client selection changes, the project dropdown must be re-populated with only relevant projects.
4 // Format:
5 // project_ids[143] = "325,370,390,400";  // Comma-separated list of project ids for client.
6 // project_names[325] = "Time Tracker";   // Project name.
7
8 // Prepare an array of project ids for clients.
9 project_ids = new Array();
10 {foreach $client_list as $client}
11   project_ids[{$client.id}] = "{$client.projects}";
12 {/foreach}
13 // Prepare an array of project names.
14 project_names = new Array();
15 {foreach $project_list as $project}
16   project_names[{$project.id}] = "{$project.name|escape:'javascript'}";
17 {/foreach}
18 // We'll use this array to populate project dropdown when client is not selected.
19 var idx = 0;
20 projects = new Array();
21 {foreach $project_list as $project}
22   projects[idx] = new Array("{$project.id}", "{$project.name|escape:'javascript'}");
23   idx++;
24 {/foreach}
25
26 // Mandatory top option for project dropdown.
27 empty_label_project = '{$i18n.dropdown.select|escape:'javascript'}';
28
29 // Prepare an array of predefined expenses.
30 idx = 0;
31 var defined_expenses = new Array();
32 {foreach $predefined_expenses as $predefined_expense}
33   defined_expenses[idx] = new Array("{$predefined_expense.id}", "{$predefined_expense.name|escape:'javascript'}", "{$predefined_expense.cost}");
34   idx++;
35 {/foreach}
36
37 // The fillProjectDropdown function populates the project combo box with
38 // projects associated with a selected client (client id is passed here as id).
39 function fillProjectDropdown(id) {
40   var str_ids = project_ids[id];
41   var dropdown = document.getElementById("project");
42   // Determine previously selected item.
43   var selected_item = dropdown.options[dropdown.selectedIndex].value;
44
45   // Remove existing content.
46   dropdown.length = 0;
47   // Add mandatory top option.
48   dropdown.options[0] = new Option(empty_label_project, '', true);
49
50   // Populate project dropdown.
51   if (!id) {
52     // If we are here, client is not selected.
53     var len = projects.length;
54     for (var i = 0; i < len; i++) {
55       dropdown.options[i+1] = new Option(projects[i][1], projects[i][0]);
56       if (dropdown.options[i+1].value == selected_item)
57         dropdown.options[i+1].selected = true;
58     }
59   } else if (str_ids) {
60     var ids = new Array();
61     ids = str_ids.split(",");
62     var len = ids.length;
63
64     for (var i = 0; i < len; i++) {
65       var p_id = ids[i];
66       dropdown.options[i+1] = new Option(project_names[p_id], p_id);
67       if (dropdown.options[i+1].value == selected_item)
68         dropdown.options[i+1].selected = true;
69     }
70   }
71 }
72
73 function get_date() {
74   var date = new Date();
75   return date.strftime("%Y-%m-%d");
76 }
77
78 // The recalculateCost function recalculates cost based on the current selection
79 // of predefined expense and quantity and also changes the comment accordingly.
80 function recalculateCost() {
81   var quantity_control = document.getElementById("quantity");
82   // Set quantity to 1 if it is not set already.
83   if (!quantity_control.value) {
84      quantity_control.value = "1";
85   }
86
87   var comment_control = document.getElementById("item_name");
88   var cost_control = document.getElementById("cost");
89   var replaceDecimalMark = ("." != "{$user->getDecimalMark()}");
90
91   // Calculate cost.
92   var dropdown = document.getElementById("predefined_expense");
93   if (dropdown.selectedIndex == 0) {
94     quantity_control.value = "";
95     comment_control.value = "";
96     cost_control.value = "";
97   } else {
98     comment_control.value = defined_expenses[dropdown.selectedIndex - 1][1] + " - " + quantity_control.value;
99     var quantity = quantity_control.value;
100     if (isNaN(quantity))
101       cost_control.value = "";
102     else {
103       var expenseCost = defined_expenses[dropdown.selectedIndex - 1][2];
104       if (replaceDecimalMark)
105         expenseCost = expenseCost.replace("{$user->getDecimalMark()}", ".");
106       var newCost = (quantity_control.value * expenseCost).toFixed(2);
107       if (replaceDecimalMark)
108         newCost = newCost.replace(".", "{$user->getDecimalMark()}");
109       cost_control.value = newCost;
110     }
111   }
112 }
113 </script>
114
115 <!-- Inserted from time.tpl -->
116 <table cellspacing="3" cellpadding="0" border="0" width="100%">
117   <tr>
118     <td class="sectionHeaderNoBorder" align="right"><a href="expenses.php?date={$prev_date}">&lt;&lt;</a></td>
119     <td class="sectionHeaderNoBorder" align="center">{$timestring}</td>
120     <td class="sectionHeaderNoBorder" align="left"><a href="expenses.php?date={$next_date}">&gt;&gt;</a></td>
121   </tr>
122 </table>
123
124 {$forms.expensesForm.open}
125 <table cellspacing="4" cellpadding="0" border="0">
126   <tr>
127     <td valign="top">
128       <table>
129 {if $user_dropdown}
130         <tr>
131           <td align="right">{$i18n.label.user}:</td>
132           <td>{$forms.expensesForm.user.control}</td>
133         </tr>
134 {/if}
135 {if $user->isPluginEnabled('cl')}
136         <tr>
137           <td align="right">{$i18n.label.client}{if $user->isPluginEnabled('cm')} (*){/if}:</td>
138           <td>{$forms.expensesForm.client.control}</td>
139         </tr>
140 {/if}
141 {if $show_project}
142         <tr>
143           <td align="right">{$i18n.label.project} (*):</td>
144           <td>{$forms.expensesForm.project.control}</td>
145         </tr>
146 {/if}
147 {if $predefined_expenses}
148         <tr>
149           <td align="right">{$i18n.label.expense}:</td>
150           <td>{$forms.expensesForm.predefined_expense.control}</td>
151         </tr>
152         <tr>
153           <td align="right">{$i18n.label.quantity}:</td>
154           <td>{$forms.expensesForm.quantity.control}</td>
155         </tr>
156 {/if}
157         <tr>
158           <td align="right">{$i18n.label.item} (*):</td>
159           <td>{$forms.expensesForm.item_name.control}</td>
160         </tr>
161         <tr>
162           <td align="right">{$i18n.label.cost} (*):</td>
163           <td>{$forms.expensesForm.cost.control} {$user->getCurrency()|escape}</td>
164         </tr>
165       </table>
166     </td>
167     <!--
168     <td valign="top">
169       <table>
170         <tr><td>{$forms.expensesForm.date.control}</td></tr>
171       </table>
172     </td>
173     -->
174   </tr>
175 </table>
176
177 <table>
178   <tr>
179     <td align="center" colspan="2">{$forms.expensesForm.btn_submit.control}</td>
180   </tr>
181 </table>
182
183 <table class="mobile-table">
184 <tr>
185   <td valign="top">
186 {if $expense_items}
187       <table class="mobile-table-details">
188       <tr>
189   {if $user->isPluginEnabled('cl')}
190         <td width="20%" class="tableHeader">{$i18n.label.client}</td>
191   {/if}
192   {if $show_project}
193         <td class="tableHeader">{$i18n.label.project}</td>
194   {/if}
195         <td class="tableHeader">{$i18n.label.item}</td>
196         <td width="5%" class="tableHeaderCentered">{$i18n.label.cost}</td>
197       </tr>
198   {foreach $expense_items as $item}
199       <tr bgcolor="{cycle values="#f5f5f5,#ffffff"}">
200     {if $user->isPluginEnabled('cl')}
201         <td valign="top">{$item.client|escape}</td>
202     {/if}
203     {if $show_project}
204         <td valign="top">{$item.project|escape}</td>
205     {/if}
206         <td valign="top">
207     {if $item.approved || $item.invoice_id}
208           {$item.item|escape}
209     {else}
210           <a href="expense_edit.php?id={$item.id}">{$item.item|escape}</a>
211     {/if}
212         </td>
213         <td valign="top" align="right">{$item.cost}</td>
214       </tr>
215   {/foreach}
216     </table>
217     <table border="0" cellpadding="3" cellspacing="1" width="100%">
218       <tr>
219         <td nowrap align="right">{$i18n.label.day_total}: {$user->getCurrency()|escape} {$day_total}</td>
220       </tr>
221     </table>
222 {/if}
223   </td>
224 </tr>
225 </table>
226 {$forms.expensesForm.close}