Improved JavaScript for better handling of non-client users.
[timetracker.git] / WEB-INF / templates / user_edit.tpl
1 <script>
2 // Prepare an array of available roles. We need it for "is_client" property.
3 // It is used to selectively display client selector for client roles.
4 roles = new Array();
5 var idx = 0;
6 {foreach $active_roles as $active_role}
7 roles[idx] = new Array({$active_role.id}, '{$active_role.is_client}');
8 idx++;
9 {/foreach}
10
11 // Prepare an array of rates.
12 // Format: project_rates[0] = Array(100, '25.00'), project_rates[1] = Array(120, '30.00'), etc...
13 // First element = project_id, second element = rate for project. Quotes needed for string representation of rates.
14 project_rates = new Array();
15 var idx = 0;
16 {foreach $rates as $rate}
17 project_rates[idx] = new Array({$rate.id}, '{$rate.rate}');
18 idx++;
19 {/foreach}
20
21 // getRate - returns a rate for the project. If rate was set for user previously we'll get this old rate
22 // if project time entries for user exists. Otherwise return user default rate.
23 function getRate(project_id) {
24   var length = project_rates.length;
25   for(var i = 0; i < length; i++) {
26     if(project_rates[i][0] == project_id) {
27       return project_rates[i][1];
28     }
29   }
30   var default_rate = document.userForm.rate.value;
31   return default_rate;
32 }
33
34 // The setRate function sets / unsets user rate for a project when a corresponding checkbox is ticked.
35 function setRate(element) {
36   var default_rate = document.userForm.rate.value;
37   if (default_rate == '') {
38     // No default rate, nothing to do!
39     return;
40   }
41   // Iterate through elements of the form to find and set the project rate. 
42   for (var i = 0; i < userForm.elements.length; i++) {
43     if ((userForm.elements[i].type == 'text') && (userForm.elements[i].name == ('rate_'+element.value))) {
44       if (element.checked) {
45         userForm.elements[i].value = getRate(element.value);
46       } else {
47         userForm.elements[i].value = '';
48       }
49       break; // Element is found and set, nothing more to do, break out of the loop.
50     }
51   }
52 }
53
54 // handleClientControl - controls visibility of the client dropdown depending on the selected user role.
55 // We need to show it only when the "Client" user role is selected.
56 function handleClientControl() {
57   var selectedRoleId = document.getElementById("role").value;
58   var clientControl = document.getElementById("client");
59   var len = roles.length;
60   for (var i = 0; i < len; i++) {
61     if (selectedRoleId == roles[i][0]) {
62       var isClient = roles[i][1];
63       if (isClient == 1)
64         clientControl.style.visibility = "visible";
65       else {
66         clientControl.value = '';
67         clientControl.style.visibility = "hidden";
68       }
69       break;
70     }
71   }
72 }
73 </script>
74
75 {$forms.userForm.open}
76 <table cellspacing="4" cellpadding="7" border="0">
77   <table cellspacing="1" cellpadding="2" border="0">
78     <tr>
79       <td align="right">{$i18n.label.person_name} (*):</td>
80       <td>{$forms.userForm.name.control}</td>
81     </tr>
82     <tr>
83       <td align="right">{$i18n.label.login} (*):</td>
84       <td>{$forms.userForm.login.control}</td>
85     </tr>
86 {if !$auth_external}
87     <tr>
88       <td align="right">{$i18n.label.password} (*):</td>
89       <td>{$forms.userForm.pas1.control}</td>
90     </tr>
91     <tr>
92       <td align="right">{$i18n.label.confirm_password} (*):</td>
93       <td>{$forms.userForm.pas2.control}</td>
94     </tr>
95 {/if}
96     <tr>
97       <td align="right" nowrap>{$i18n.label.email}:</td>
98       <td>{$forms.userForm.email.control}</td>
99     </tr>
100 {if $user->id != $user_id}
101     <tr>
102       <td align="right">{$i18n.form.users.role}:</td>
103       <td>{$forms.userForm.role.control} {$forms.userForm.client.control}</td>
104     </tr>
105     <tr>
106       <td align="right">{$i18n.label.status}:</td>
107       <td>{$forms.userForm.status.control}</td>
108     </tr>
109 {/if}
110 {if $user->id == $user_id}
111       <tr>
112       <td align="right">{$i18n.form.users.role}:</td>
113       <td>{$user->role_name} {if $can_swap}<a href="swap_roles.php">{$i18n.form.user_edit.swap_roles}</a>{/if}</td>
114     </tr>
115 {/if}
116     <tr>
117       <td align="right">{$i18n.form.users.default_rate}&nbsp;(0{$user->getDecimalMark()}00):</td>
118       <td>{$forms.userForm.rate.control}</td>
119     </tr>
120 {if $show_quota}
121     <tr>
122       <td align="right">{$i18n.label.quota}&nbsp;(%):</td>
123       <td>{$forms.userForm.quota_percent.control} <a href="https://www.anuko.com/lp/tt_27.htm" target="_blank">{$i18n.label.what_is_it}</a></td>
124     </tr>
125 {/if}
126 {if $show_projects}
127     <tr><td>&nbsp;</td></tr>
128     <tr valign="top">
129       <td align="right">{$i18n.label.projects}:</td>
130       <td>{$forms.userForm.projects.control}</td>
131     </tr>
132 {/if}
133     <tr>
134       <td colspan="2" align="center">{$i18n.label.required_fields}</td>
135     </tr>
136     <tr>
137       <td colspan="2" align="center" height="50">{$forms.userForm.btn_submit.control}</td>
138     </tr>
139   </table>
140 </table>
141 {$forms.userForm.close}