From 0321413f489a83610e8b3c20a55dcc404dcd73a6 Mon Sep 17 00:00:00 2001
From: anuko <support@anuko.com>
Date: Sun, 29 Jan 2017 19:56:37 +0000
Subject: [PATCH] Introduced time_script.tpl for shared script used in time.tpl
 and time_edit.tpl - both mobile and regular.

---
 WEB-INF/templates/footer.tpl           |   2 +-
 WEB-INF/templates/mobile/time.tpl      | 205 +-----------------------
 WEB-INF/templates/mobile/time_edit.tpl | 205 +-----------------------
 WEB-INF/templates/time.tpl             | 209 +-----------------------
 WEB-INF/templates/time_edit.tpl        | 200 +----------------------
 WEB-INF/templates/time_script.tpl      | 210 +++++++++++++++++++++++++
 6 files changed, 215 insertions(+), 816 deletions(-)
 create mode 100644 WEB-INF/templates/time_script.tpl

diff --git a/WEB-INF/templates/footer.tpl b/WEB-INF/templates/footer.tpl
index 15873568..728c79e0 100644
--- a/WEB-INF/templates/footer.tpl
+++ b/WEB-INF/templates/footer.tpl
@@ -12,7 +12,7 @@
       <br>
       <table cellspacing="0" cellpadding="4" width="100%" border="0">
         <tr>
-          <td align="center">&nbsp;Anuko Time Tracker 1.9.35.3557 | Copyright &copy; <a href="https://www.anuko.com/lp/tt_3.htm" target="_blank">Anuko</a> |
+          <td align="center">&nbsp;Anuko Time Tracker 1.9.35.3558 | Copyright &copy; <a href="https://www.anuko.com/lp/tt_3.htm" target="_blank">Anuko</a> |
             <a href="https://www.anuko.com/lp/tt_4.htm" target="_blank">{$i18n.footer.credits}</a> |
             <a href="https://www.anuko.com/lp/tt_5.htm" target="_blank">{$i18n.footer.license}</a> |
             <a href="https://www.anuko.com/lp/tt_7.htm" target="_blank">{$i18n.footer.improve}</a>
diff --git a/WEB-INF/templates/mobile/time.tpl b/WEB-INF/templates/mobile/time.tpl
index 9ba1fe07..ce96dde4 100644
--- a/WEB-INF/templates/mobile/time.tpl
+++ b/WEB-INF/templates/mobile/time.tpl
@@ -1,207 +1,4 @@
-<script>
-// We need a few arrays to populate project and task dropdowns.
-// When client selection changes, the project dropdown must be re-populated with only relevant projects.
-// When project selection changes, the task dropdown must be repopulated similarly.
-// Format:
-// project_ids[143] = "325,370,390,400";  // Comma-separated list of project ids for client.
-// project_names[325] = "Time Tracker";   // Project name.
-// task_ids[325] = "100,101,302,303,304"; // Comma-separated list ot task ids for project.
-// task_names[100] = "Coding";            // Task name.
-
-// Prepare an array of projects ids for clients.
-var project_ids = new Array();
-{foreach $client_list as $client}
-  project_ids[{$client.id}] = "{$client.projects}";
-{/foreach}
-// Prepare an array of project names.
-var project_names = new Array();
-{foreach $project_list as $project}
-  project_names[{$project.id}] = "{$project.name|escape:'javascript'}";
-{/foreach}
-// We'll use this array to populate project dropdown when client is not selected.
-var idx = 0;
-var projects = new Array();
-{foreach $project_list as $project}
-  projects[idx] = new Array("{$project.id}", "{$project.name|escape:'javascript'}");
-  idx++;
-{/foreach}
-
-// Prepare an array of task ids for projects.
-var task_ids = new Array();
-{foreach $project_list as $project}
-  task_ids[{$project.id}] = "{$project.tasks}";
-{/foreach}
-// Prepare an array of task names.
-var task_names = new Array();
-{foreach $task_list as $task}
-  task_names[{$task.id}] = "{$task.name|escape:'javascript'}";
-{/foreach}
-
-// Mandatory top options for project and task dropdowns.
-var empty_label_project = '{$i18n.dropdown.select|escape:'javascript'}';
-var empty_label_task = '{$i18n.dropdown.select|escape:'javascript'}';
-
-// The fillDropdowns function populates the "project" and "task" dropdown controls
-// with relevant values.
-function fillDropdowns() {
-  if(document.body.contains(document.timeRecordForm.client))
-    fillProjectDropdown(document.timeRecordForm.client.value);
-
-  fillTaskDropdown(document.timeRecordForm.project.value);
-}
-
-// The fillProjectDropdown function populates the project combo box with
-// projects associated with a selected client (client id is passed here as id).
-function fillProjectDropdown(id) {
-  var str_ids = project_ids[id];
-
-  var dropdown = document.getElementById("project");
-  // Determine previously selected item.
-  var selected_item = dropdown.options[dropdown.selectedIndex].value;
-
-  // Remove existing content.
-  dropdown.length = 0;
-  var project_reset = true;
-  // Add mandatory top option.
-  dropdown.options[0] = new Option(empty_label_project, '', true);
-
-  // Populate project dropdown.
-  if (!id) {
-    // If we are here, client is not selected.
-    var len = projects.length;
-    for (var i = 0; i < len; i++) {
-      dropdown.options[i+1] = new Option(projects[i][1], projects[i][0]);
-      if (dropdown.options[i+1].value == selected_item)  {
-        dropdown.options[i+1].selected = true;
-        project_reset = false;
-      }
-    }
-  } else if (str_ids) {
-    var ids = new Array();
-    ids = str_ids.split(",");
-    var len = ids.length;
-
-    for (var i = 0; i < len; i++) {
-      var p_id = ids[i];
-      dropdown.options[i+1] = new Option(project_names[p_id], p_id);
-      if (dropdown.options[i+1].value == selected_item)  {
-        dropdown.options[i+1].selected = true;
-        project_reset = false;
-      }
-    }
-  }
-
-  // If project selection was reset - clear the tasks dropdown.
-  if (project_reset) {
-    dropdown = document.getElementById("task");
-    dropdown.length = 0;
-    dropdown.options[0] = new Option(empty_label_task, '', true);
-  }
-}
-
-// The fillTaskDropdown function populates the task combo box with
-// tasks associated with a selected project (project id is passed here as id).
-function fillTaskDropdown(id) {
-  var str_ids = task_ids[id];
-
-  var dropdown = document.getElementById("task");
-  if (dropdown == null) return; // Nothing to do.
-
-  // Determine previously selected item.
-  var selected_item = dropdown.options[dropdown.selectedIndex].value;
-
-  // Remove existing content.
-  dropdown.length = 0;
-  // Add mandatory top option.
-  dropdown.options[0] = new Option(empty_label_task, '', true);
-
-  // Populate the dropdown from the task_names array.
-  if (str_ids) {
-    var ids = new Array();
-    ids = str_ids.split(",");
-    var len = ids.length;
-
-    var idx = 1;
-    for (var i = 0; i < len; i++) {
-      var t_id = ids[i];
-      if (task_names[t_id]) {
-        dropdown.options[idx] = new Option(task_names[t_id], t_id);
-        idx++;
-      }
-    }
-
-    // If a previously selected item is still in dropdown - select it.
-    if (dropdown.options.length > 0) {
-      for (var i = 0; i < dropdown.options.length; i++) {
-        if (dropdown.options[i].value == selected_item) {
-          dropdown.options[i].selected = true;
-        }
-      }
-    }
-  }
-}
-
-// The formDisable function disables some fields depending on what we have in other fields.
-function formDisable(formField) {
-  var formFieldValue = eval("document.timeRecordForm." + formField + ".value");
-  var formFieldName = eval("document.timeRecordForm." + formField + ".name");
-  var x;
-
-  if (((formFieldValue != "") && (formFieldName == "start")) || ((formFieldValue != "") && (formFieldName == "finish"))) {
-    x = eval("document.timeRecordForm.duration");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-  }
-
-  if (((formFieldValue == "") && (formFieldName == "start") && (document.timeRecordForm.finish.value == "")) || ((formFieldValue == "") && (formFieldName == "finish") && (document.timeRecordForm.start.value == ""))) {
-    x = eval("document.timeRecordForm.duration");
-    x.value = "";
-    x.disabled = false;
-    x.style.background = "white";
-  }
-
-  if ((formFieldValue != "") && (formFieldName == "duration")) {
-    x = eval("document.timeRecordForm.start");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-    x = eval("document.timeRecordForm.finish");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-  }
-
-  if ((formFieldValue == "") && (formFieldName == "duration")) {
-    x = eval("document.timeRecordForm.start");
-    x.disabled = false;
-    x.style.background = "white";
-    x = eval("document.timeRecordForm.finish");
-    x.disabled = false;
-    x.style.background = "white";
-  }
-}
-
-// The setNow function fills a given field with current time.
-function setNow(formField) {
-  var x = eval("document.timeRecordForm.start");
-  x.disabled = false;
-  x.style.background = "white";
-  x = eval("document.timeRecordForm.finish");
-  x.disabled = false;
-  x.style.background = "white";
-  var today = new Date();
-  var time_format = '{$user->time_format}';
-  var obj = eval("document.timeRecordForm." + formField);
-  obj.value = today.strftime(time_format);
-  formDisable(formField);
-}
-
-function get_date() {
-  var date = new Date();
-  return date.strftime("%Y-%m-%d");
-}
-</script>
+{include file="time_script.tpl"}
 
 <style>
 .not_billable td {
diff --git a/WEB-INF/templates/mobile/time_edit.tpl b/WEB-INF/templates/mobile/time_edit.tpl
index f8a54805..8c6a1414 100644
--- a/WEB-INF/templates/mobile/time_edit.tpl
+++ b/WEB-INF/templates/mobile/time_edit.tpl
@@ -1,207 +1,4 @@
-<script>
-// We need a few arrays to populate project and task dropdowns.
-// When client selection changes, the project dropdown must be re-populated with only relevant projects.
-// When project selection changes, the task dropdown must be repopulated similarly.
-// Format:
-// project_ids[143] = "325,370,390,400";  // Comma-separated list of project ids for client.
-// project_names[325] = "Time Tracker";   // Project name.
-// task_ids[325] = "100,101,302,303,304"; // Comma-separated list ot task ids for project.
-// task_names[100] = "Coding";            // Task name.
-
-// Prepare an array of projects ids for clients.
-var project_ids = new Array();
-{foreach $client_list as $client}
-  project_ids[{$client.id}] = "{$client.projects}";
-{/foreach}
-// Prepare an array of project names.
-var project_names = new Array();
-{foreach $project_list as $project}
-  project_names[{$project.id}] = "{$project.name|escape:'javascript'}";
-{/foreach}
-// We'll use this array to populate project dropdown when client is not selected.
-var idx = 0;
-var projects = new Array();
-{foreach $project_list as $project}
-  projects[idx] = new Array("{$project.id}", "{$project.name|escape:'javascript'}");
-  idx++;
-{/foreach}
-
-// Prepare an array of task ids for projects.
-var task_ids = new Array();
-{foreach $project_list as $project}
-  task_ids[{$project.id}] = "{$project.tasks}";
-{/foreach}
-// Prepare an array of task names.
-var task_names = new Array();
-{foreach $task_list as $task}
-  task_names[{$task.id}] = "{$task.name|escape:'javascript'}";
-{/foreach}
-
-// Mandatory top options for project and task dropdowns.
-var empty_label_project = "{$i18n.dropdown.select|escape:'javascript'}";
-var empty_label_task = "{$i18n.dropdown.select|escape:'javascript'}";
-
-// The fillDropdowns function populates the "project" and "task" dropdown controls
-// with relevant values.
-function fillDropdowns() {
-  if(document.body.contains(document.timeRecordForm.client))
-    fillProjectDropdown(document.timeRecordForm.client.value);
-
-  fillTaskDropdown(document.timeRecordForm.project.value);
-}
-
-// The fillProjectDropdown function populates the project combo box with
-// projects associated with a selected clientt (client id is passed here as id).
-function fillProjectDropdown(id) {
-  var str_ids = project_ids[id];
-
-  var dropdown = document.getElementById("project");
-  // Determine previously selected item.
-  var selected_item = dropdown.options[dropdown.selectedIndex].value;
-
-  // Remove existing content.
-  dropdown.length = 0;
-  var project_reset = true;
-  // Add mandatory top option.
-  dropdown.options[0] = new Option(empty_label_project, '', true);
-
-  // Populate project dropdown.
-  if (!id) {
-    // If we are here, client is not selected.
-    var len = projects.length;
-    for (var i = 0; i < len; i++) {
-      dropdown.options[i+1] = new Option(projects[i][1], projects[i][0]);
-      if (dropdown.options[i+1].value == selected_item)  {
-        dropdown.options[i+1].selected = true;
-        project_reset = false;
-      }
-    }
-  } else if (str_ids) {
-    var ids = new Array();
-    ids = str_ids.split(",");
-    var len = ids.length;
-
-    for (var i = 0; i < len; i++) {
-      var p_id = ids[i];
-      dropdown.options[i+1] = new Option(project_names[p_id], p_id);
-      if (dropdown.options[i+1].value == selected_item)  {
-        dropdown.options[i+1].selected = true;
-        project_reset = false;
-      }
-    }
-  }
-
-  // If project selection was reset - clear the tasks dropdown.
-  if (project_reset) {
-    dropdown = document.getElementById("task");
-    dropdown.length = 0;
-    dropdown.options[0] = new Option(empty_label_task, '', true);
-  }
-}
-
-// The fillTaskDropdown function populates the task combo box with
-// tasks associated with a selected project (project id is passed here as id).
-function fillTaskDropdown(id) {
-  var str_ids = task_ids[id];
-
-  var dropdown = document.getElementById("task");
-  if (dropdown == null) return; // Nothing to do.
-
-  // Determine previously selected item.
-  var selected_item = dropdown.options[dropdown.selectedIndex].value;
-
-  // Remove existing content.
-  dropdown.length = 0;
-  // Add mandatory top option.
-  dropdown.options[0] = new Option(empty_label_task, '', true);
-
-  // Populate the dropdown from the task_names array.
-  if (str_ids) {
-    var ids = new Array();
-    ids = str_ids.split(",");
-    var len = ids.length;
-
-    var idx = 1;
-    for (var i = 0; i < len; i++) {
-      var t_id = ids[i];
-      if (task_names[t_id]) {
-        dropdown.options[idx] = new Option(task_names[t_id], t_id);
-        idx++;
-      }
-    }
-
-    // If a previously selected item is still in dropdown - select it.
-    if (dropdown.options.length > 0) {
-      for (var i = 0; i < dropdown.options.length; i++) {
-        if (dropdown.options[i].value == selected_item) {
-          dropdown.options[i].selected = true;
-        }
-      }
-    }
-  }
-}
-
-// The formDisable function disables some fields depending on what we have in other fields.
-function formDisable(formField) {
-  var formFieldValue = eval("document.timeRecordForm." + formField + ".value");
-  var formFieldName = eval("document.timeRecordForm." + formField + ".name");
-  var x;
-
-  if (((formFieldValue != "") && (formFieldName == "start")) || ((formFieldValue != "") && (formFieldName == "finish"))) {
-    x = eval("document.timeRecordForm.duration");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-  }
-
-  if (((formFieldValue == "") && (formFieldName == "start") && (document.timeRecordForm.finish.value == "")) || ((formFieldValue == "") && (formFieldName == "finish") && (document.timeRecordForm.start.value == ""))) {
-    x = eval("document.timeRecordForm.duration");
-    x.value = "";
-    x.disabled = false;
-    x.style.background = "white";
-  }
-
-  if ((formFieldValue != "") && (formFieldName == "duration")) {
-    x = eval("document.timeRecordForm.start");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-    x = eval("document.timeRecordForm.finish");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-  }
-
-  if ((formFieldValue == "") && (formFieldName == "duration")) {
-    x = eval("document.timeRecordForm.start");
-    x.disabled = false;
-    x.style.background = "white";
-    x = eval("document.timeRecordForm.finish");
-    x.disabled = false;
-    x.style.background = "white";
-  }
-}
-
-// The setNow function fills a given field with current time.
-function setNow(formField) {
-  var x = eval("document.timeRecordForm.start");
-  x.disabled = false;
-  x.style.background = "white";
-  x = eval("document.timeRecordForm.finish");
-  x.disabled = false;
-  x.style.background = "white";
-  var today = new Date();
-  var time_format = '{$user->time_format}';
-  var obj = eval("document.timeRecordForm." + formField);
-  obj.value = today.strftime(time_format);
-  formDisable(formField);
-}
-
-function get_date() {
-  var date = new Date();
-  return date.strftime("%Y-%m-%d");
-}
-</script>
+{include file="time_script.tpl"}
 
 {$forms.timeRecordForm.open}
 <table cellspacing="4" cellpadding="7" border="0">
diff --git a/WEB-INF/templates/time.tpl b/WEB-INF/templates/time.tpl
index 6c3fe2ab..8328ab41 100644
--- a/WEB-INF/templates/time.tpl
+++ b/WEB-INF/templates/time.tpl
@@ -1,211 +1,4 @@
-<script>
-// We need a few arrays to populate project and task dropdowns.
-// When client selection changes, the project dropdown must be re-populated with only relevant projects.
-// When project selection changes, the task dropdown must be repopulated similarly.
-// Format:
-// project_ids[143] = "325,370,390,400";  // Comma-separated list of project ids for client.
-// project_names[325] = "Time Tracker";   // Project name.
-// task_ids[325] = "100,101,302,303,304"; // Comma-separated list ot task ids for project.
-// task_names[100] = "Coding";            // Task name.
-
-// Prepare an array of project ids for clients.
-var project_ids = new Array();
-{foreach $client_list as $client}
-  project_ids[{$client.id}] = "{$client.projects}";
-{/foreach}
-// Prepare an array of project names.
-var project_names = new Array();
-{foreach $project_list as $project}
-  project_names[{$project.id}] = "{$project.name|escape:'javascript'}";
-{/foreach}
-// We'll use this array to populate project dropdown when client is not selected.
-var idx = 0;
-var projects = new Array();
-{foreach $project_list as $project}
-  projects[idx] = new Array("{$project.id}", "{$project.name|escape:'javascript'}");
-  idx++;
-{/foreach}
-
-// Prepare an array of task ids for projects.
-var task_ids = new Array();
-{foreach $project_list as $project}
-  task_ids[{$project.id}] = "{$project.tasks}";
-{/foreach}
-// Prepare an array of task names.
-var task_names = new Array();
-{foreach $task_list as $task}
-  task_names[{$task.id}] = "{$task.name|escape:'javascript'}";
-{/foreach}
-
-// Mandatory top options for project and task dropdowns.
-var empty_label_project = '{$i18n.dropdown.select|escape:'javascript'}';
-var empty_label_task = '{$i18n.dropdown.select|escape:'javascript'}';
-
-// The fillDropdowns function populates the "project" and "task" dropdown controls
-// with relevant values.
-function fillDropdowns() {
-  if(document.body.contains(document.timeRecordForm.client))
-    fillProjectDropdown(document.timeRecordForm.client.value);
-
-  fillTaskDropdown(document.timeRecordForm.project.value);
-}
-
-// The fillProjectDropdown function populates the project combo box with
-// projects associated with a selected client (client id is passed here as id).
-function fillProjectDropdown(id) {
-  var str_ids = project_ids[id];
-  var dropdown = document.getElementById("project");
-  // Determine previously selected item.
-  var selected_item = dropdown.options[dropdown.selectedIndex].value;
-
-  // Remove existing content.
-  dropdown.length = 0;
-  var project_reset = true;
-  // Add mandatory top option.
-  dropdown.options[0] = new Option(empty_label_project, '', true);
-
-  // Populate project dropdown.
-  if (!id) {
-    // If we are here, client is not selected.
-    var len = projects.length;
-    for (var i = 0; i < len; i++) {
-      dropdown.options[i+1] = new Option(projects[i][1], projects[i][0]);
-      if (dropdown.options[i+1].value == selected_item)  {
-        dropdown.options[i+1].selected = true;
-        project_reset = false;
-      }
-    }
-  } else if (str_ids) {
-    var ids = new Array();
-    ids = str_ids.split(",");
-    var len = ids.length;
-
-    for (var i = 0; i < len; i++) {
-      var p_id = ids[i];
-      dropdown.options[i+1] = new Option(project_names[p_id], p_id);
-      if (dropdown.options[i+1].value == selected_item)  {
-        dropdown.options[i+1].selected = true;
-        project_reset = false;
-      }
-    }
-  }
-
-  // If project selection was reset - clear the tasks dropdown.
-  if (project_reset) {
-    dropdown = document.getElementById("task");
-    dropdown.length = 0;
-    dropdown.options[0] = new Option(empty_label_task, '', true);
-  }
-}
-
-// The fillTaskDropdown function populates the task combo box with
-// tasks associated with a selected project (project id is passed here as id).
-function fillTaskDropdown(id) {
-  var str_ids = task_ids[id];
-
-  var dropdown = document.getElementById("task");
-  if (dropdown == null) return; // Nothing to do.
-
-  // Determine previously selected item.
-  var selected_item = dropdown.options[dropdown.selectedIndex].value;
-
-  // Remove existing content.
-  dropdown.length = 0;
-  // Add mandatory top option.
-  dropdown.options[0] = new Option(empty_label_task, '', true);
-
-  // Populate the dropdown from the task_names array.
-  if (str_ids) {
-    var ids = new Array();
-    ids = str_ids.split(",");
-    var len = ids.length;
-
-    var idx = 1;
-    for (var i = 0; i < len; i++) {
-      var t_id = ids[i];
-      if (task_names[t_id]) {
-        dropdown.options[idx] = new Option(task_names[t_id], t_id);
-        idx++;
-      }
-    }
-
-    // If a previously selected item is still in dropdown - select it.
-    if (dropdown.options.length > 0) {
-      for (var i = 0; i < dropdown.options.length; i++) {
-        if (dropdown.options[i].value == selected_item)  {
-          dropdown.options[i].selected = true;
-        }
-      }
-    }
-  }
-}
-
-// The formDisable function disables some fields depending on what we have in other fields.
-function formDisable(formField) {
-  var formFieldValue = eval("document.timeRecordForm." + formField + ".value");
-  var formFieldName = eval("document.timeRecordForm." + formField + ".name");
-  var x;
-
-  if (((formFieldValue != "") && (formFieldName == "start")) || ((formFieldValue != "") && (formFieldName == "finish"))) {
-    x = eval("document.timeRecordForm.duration");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-  }
-
-  if (((formFieldValue == "") && (formFieldName == "start") && (document.timeRecordForm.finish.value == "")) || ((formFieldValue == "") && (formFieldName == "finish") && (document.timeRecordForm.start.value == ""))) {
-    x = eval("document.timeRecordForm.duration");
-    x.value = "";
-    x.disabled = false;
-    x.style.background = "white";
-  }
-
-  if ((formFieldValue != "") && (formFieldName == "duration")) {
-    x = eval("document.timeRecordForm.start");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-    x = eval("document.timeRecordForm.finish");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-  }
-
-  if ((formFieldValue == "") && (formFieldName == "duration")) {
-    x = eval("document.timeRecordForm.start");
-    x.disabled = false;
-    x.style.background = "white";
-    x = eval("document.timeRecordForm.finish");
-    x.disabled = false;
-    x.style.background = "white";
-  }
-}
-
-// The setNow function fills a given field with current time.
-function setNow(formField) {
-  var x = eval("document.timeRecordForm.start");
-  x.disabled = false;
-  x.style.background = "white";
-  x = eval("document.timeRecordForm.finish");
-  x.disabled = false;
-  x.style.background = "white";
-  var today = new Date();
-  var time_format = '{$user->time_format}';
-  var obj = eval("document.timeRecordForm." + formField);
-  obj.value = today.strftime(time_format);
-  formDisable(formField);
-}
-
-function get_date() {
-  var date = new Date();
-  return date.strftime("%Y-%m-%d");
-}
-
-function get_time() {
-  var date = new Date();
-  return date.strftime("%H:%M");
-}
-</script>
+{include file="time_script.tpl"}
 
 <style>
 .not_billable td {
diff --git a/WEB-INF/templates/time_edit.tpl b/WEB-INF/templates/time_edit.tpl
index 83197199..f6932157 100644
--- a/WEB-INF/templates/time_edit.tpl
+++ b/WEB-INF/templates/time_edit.tpl
@@ -1,202 +1,4 @@
-<script>
-// We need a few arrays to populate project and task dropdowns.
-// When client selection changes, the project dropdown must be re-populated with only relevant projects.
-// When project selection changes, the task dropdown must be repopulated similarly.
-// Format:
-// project_ids[143] = "325,370,390,400";  // Comma-separated list of project ids for client.
-// project_names[325] = "Time Tracker";   // Project name.
-// task_ids[325] = "100,101,302,303,304"; // Comma-separated list ot task ids for project.
-// task_names[100] = "Coding";            // Task name.
-
-// Prepare an array of projects ids for clients.
-var project_ids = new Array();
-{foreach $client_list as $client}
-  project_ids[{$client.id}] = "{$client.projects}";
-{/foreach}
-// Prepare an array of project names.
-var project_names = new Array();
-{foreach $project_list as $project}
-  project_names[{$project.id}] = "{$project.name|escape:'javascript'}";
-{/foreach}
-// We'll use this array to populate project dropdown when client is not selected.
-var idx = 0;
-var projects = new Array();
-{foreach $project_list as $project}
-  projects[idx] = new Array("{$project.id}", "{$project.name|escape:'javascript'}");
-  idx++;
-{/foreach}
-
-// Prepare an array of task ids for projects.
-var task_ids = new Array();
-{foreach $project_list as $project}
-  task_ids[{$project.id}] = "{$project.tasks}";
-{/foreach}
-// Prepare an array of task names.
-var task_names = new Array();
-{foreach $task_list as $task}
-  task_names[{$task.id}] = "{$task.name|escape:'javascript'}";
-{/foreach}
-
-// Mandatory top options for project and task dropdowns.
-var empty_label_project = "{$i18n.dropdown.select|escape:'javascript'}";
-var empty_label_task = "{$i18n.dropdown.select|escape:'javascript'}";
-
-// The fillDropdowns function populates the "project" and "task" dropdown controls
-// with relevant values.
-function fillDropdowns() {
-  if(document.body.contains(document.timeRecordForm.client))
-    fillProjectDropdown(document.timeRecordForm.client.value);
-
-  fillTaskDropdown(document.timeRecordForm.project.value);
-}
-
-// The fillProjectDropdown function populates the project combo box with
-// projects associated with a selected clientt (client id is passed here as id).
-function fillProjectDropdown(id) {
-  var str_ids = project_ids[id];
-
-  var dropdown = document.getElementById("project");
-  // Determine previously selected item.
-  var selected_item = dropdown.options[dropdown.selectedIndex].value;
-
-  // Remove existing content.
-  dropdown.length = 0;
-  var project_reset = true;
-  // Add mandatory top option.
-  dropdown.options[0] = new Option(empty_label_project, '', true);
-
-  // Populate project dropdown.
-  if (!id) {
-    // If we are here, client is not selected.
-    var len = projects.length;
-    for (var i = 0; i < len; i++) {
-      dropdown.options[i+1] = new Option(projects[i][1], projects[i][0]);
-      if (dropdown.options[i+1].value == selected_item)  {
-        dropdown.options[i+1].selected = true;
-        project_reset = false;
-      }
-    }
-  } else if (str_ids) {
-    var ids = new Array();
-    ids = str_ids.split(",");
-    var len = ids.length;
-
-    for (var i = 0; i < len; i++) {
-      var p_id = ids[i];
-      dropdown.options[i+1] = new Option(project_names[p_id], p_id);
-      if (dropdown.options[i+1].value == selected_item)  {
-        dropdown.options[i+1].selected = true;
-        project_reset = false;
-      }
-    }
-  }
-
-  // If project selection was reset - clear the tasks dropdown.
-  if (project_reset) {
-    dropdown = document.getElementById("task");
-    dropdown.length = 0;
-    dropdown.options[0] = new Option(empty_label_task, '', true);
-  }
-}
-
-// The fillTaskDropdown function populates the task combo box with
-// tasks associated with a selected project (project id is passed here as id).
-function fillTaskDropdown(id) {
-  var str_ids = task_ids[id];
-
-  var dropdown = document.getElementById("task");
-  if (dropdown == null) return; // Nothing to do.
-
-  // Determine previously selected item.
-  var selected_item = dropdown.options[dropdown.selectedIndex].value;
-
-  // Remove existing content.
-  dropdown.length = 0;
-  // Add mandatory top option.
-  dropdown.options[0] = new Option(empty_label_task, '', true);
-
-  // Populate the dropdown from the task_names array.
-  if (str_ids) {
-    var ids = new Array();
-    ids = str_ids.split(",");
-    var len = ids.length;
-
-    var idx = 1;
-    for (var i = 0; i < len; i++) {
-      var t_id = ids[i];
-      if (task_names[t_id]) {
-        dropdown.options[idx] = new Option(task_names[t_id], t_id);
-        idx++;
-      }
-    }
-
-    // If a previously selected item is still in dropdown - select it.
-    if (dropdown.options.length > 0) {
-      for (var i = 0; i < dropdown.options.length; i++) {
-        if (dropdown.options[i].value == selected_item)  {
-          dropdown.options[i].selected = true;
-        }
-      }
-    }
-  }
-}
-
-// The formDisable function disables some fields depending on what we have in other fields.
-function formDisable(formField) {
-  var formFieldValue = eval("document.timeRecordForm." + formField + ".value");
-  var formFieldName = eval("document.timeRecordForm." + formField + ".name");
-  var x;
-
-  if (((formFieldValue != "") && (formFieldName == "start")) || ((formFieldValue != "") && (formFieldName == "finish"))) {
-    x = eval("document.timeRecordForm.duration");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-  }
-
-  if (((formFieldValue == "") && (formFieldName == "start") && (document.timeRecordForm.finish.value == "")) || ((formFieldValue == "") && (formFieldName == "finish") && (document.timeRecordForm.start.value == ""))) {
-    x = eval("document.timeRecordForm.duration");
-    x.value = "";
-    x.disabled = false;
-    x.style.background = "white";
-  }
-
-  if ((formFieldValue != "") && (formFieldName == "duration")) {
-    x = eval("document.timeRecordForm.start");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-    x = eval("document.timeRecordForm.finish");
-    x.value = "";
-    x.disabled = true;
-    x.style.background = "#e9e9e9";
-  }
-
-  if ((formFieldValue == "") && (formFieldName == "duration")) {
-    x = eval("document.timeRecordForm.start");
-    x.disabled = false;
-    x.style.background = "white";
-    x = eval("document.timeRecordForm.finish");
-    x.disabled = false;
-    x.style.background = "white";
-  }
-}
-
-// The setNow function fills a given field with current time.
-function setNow(formField) {
-  var x = eval("document.timeRecordForm.start");
-  x.disabled = false;
-  x.style.background = "white";
-  x = eval("document.timeRecordForm.finish");
-  x.disabled = false;
-  x.style.background = "white";
-  var today = new Date();
-  var time_format = '{$user->time_format}';
-  var obj = eval("document.timeRecordForm." + formField);
-  obj.value = today.strftime(time_format);
-  formDisable(formField);
-}
-</script>
+{include file="time_script.tpl"}
 
 {$forms.timeRecordForm.open}
 <table cellspacing="4" cellpadding="7" border="0">
diff --git a/WEB-INF/templates/time_script.tpl b/WEB-INF/templates/time_script.tpl
new file mode 100644
index 00000000..624ff0e5
--- /dev/null
+++ b/WEB-INF/templates/time_script.tpl
@@ -0,0 +1,210 @@
+<script>
+// This script is shared by time.tpl and time_edit.tpl (both regular and mobile).
+
+// We need a few arrays to populate project and task dropdowns.
+// When client selection changes, the project dropdown must be re-populated with only relevant projects.
+// When project selection changes, the task dropdown must be repopulated similarly.
+// Format:
+// project_ids[143] = "325,370,390,400";  // Comma-separated list of project ids for client.
+// project_names[325] = "Time Tracker";   // Project name.
+// task_ids[325] = "100,101,302,303,304"; // Comma-separated list ot task ids for project.
+// task_names[100] = "Coding";            // Task name.
+
+// Prepare an array of project ids for clients.
+var project_ids = new Array();
+{foreach $client_list as $client}
+  project_ids[{$client.id}] = "{$client.projects}";
+{/foreach}
+// Prepare an array of project names.
+var project_names = new Array();
+{foreach $project_list as $project}
+  project_names[{$project.id}] = "{$project.name|escape:'javascript'}";
+{/foreach}
+// We'll use this array to populate project dropdown when client is not selected.
+var idx = 0;
+var projects = new Array();
+{foreach $project_list as $project}
+  projects[idx] = new Array("{$project.id}", "{$project.name|escape:'javascript'}");
+  idx++;
+{/foreach}
+
+// Prepare an array of task ids for projects.
+var task_ids = new Array();
+{foreach $project_list as $project}
+  task_ids[{$project.id}] = "{$project.tasks}";
+{/foreach}
+// Prepare an array of task names.
+var task_names = new Array();
+{foreach $task_list as $task}
+  task_names[{$task.id}] = "{$task.name|escape:'javascript'}";
+{/foreach}
+
+// Mandatory top options for project and task dropdowns.
+var empty_label_project = "{$i18n.dropdown.select|escape:'javascript'}";
+var empty_label_task = "{$i18n.dropdown.select|escape:'javascript'}";
+
+// The fillDropdowns function populates the "project" and "task" dropdown controls
+// with relevant values.
+function fillDropdowns() {
+  if(document.body.contains(document.timeRecordForm.client))
+    fillProjectDropdown(document.timeRecordForm.client.value);
+
+  fillTaskDropdown(document.timeRecordForm.project.value);
+}
+
+// The fillProjectDropdown function populates the project combo box with
+// projects associated with a selected client (client id is passed here as id).
+function fillProjectDropdown(id) {
+  var str_ids = project_ids[id];
+  var dropdown = document.getElementById("project");
+  // Determine previously selected item.
+  var selected_item = dropdown.options[dropdown.selectedIndex].value;
+
+  // Remove existing content.
+  dropdown.length = 0;
+  var project_reset = true;
+  // Add mandatory top option.
+  dropdown.options[0] = new Option(empty_label_project, '', true);
+
+  // Populate project dropdown.
+  if (!id) {
+    // If we are here, client is not selected.
+    var len = projects.length;
+    for (var i = 0; i < len; i++) {
+      dropdown.options[i+1] = new Option(projects[i][1], projects[i][0]);
+      if (dropdown.options[i+1].value == selected_item)  {
+        dropdown.options[i+1].selected = true;
+        project_reset = false;
+      }
+    }
+  } else if (str_ids) {
+    var ids = new Array();
+    ids = str_ids.split(",");
+    var len = ids.length;
+
+    for (var i = 0; i < len; i++) {
+      var p_id = ids[i];
+      dropdown.options[i+1] = new Option(project_names[p_id], p_id);
+      if (dropdown.options[i+1].value == selected_item)  {
+        dropdown.options[i+1].selected = true;
+        project_reset = false;
+      }
+    }
+  }
+
+  // If project selection was reset - clear the tasks dropdown.
+  if (project_reset) {
+    dropdown = document.getElementById("task");
+    dropdown.length = 0;
+    dropdown.options[0] = new Option(empty_label_task, '', true);
+  }
+}
+
+// The fillTaskDropdown function populates the task combo box with
+// tasks associated with a selected project (project id is passed here as id).
+function fillTaskDropdown(id) {
+  var str_ids = task_ids[id];
+
+  var dropdown = document.getElementById("task");
+  if (dropdown == null) return; // Nothing to do.
+
+  // Determine previously selected item.
+  var selected_item = dropdown.options[dropdown.selectedIndex].value;
+
+  // Remove existing content.
+  dropdown.length = 0;
+  // Add mandatory top option.
+  dropdown.options[0] = new Option(empty_label_task, '', true);
+
+  // Populate the dropdown from the task_names array.
+  if (str_ids) {
+    var ids = new Array();
+    ids = str_ids.split(",");
+    var len = ids.length;
+
+    var idx = 1;
+    for (var i = 0; i < len; i++) {
+      var t_id = ids[i];
+      if (task_names[t_id]) {
+        dropdown.options[idx] = new Option(task_names[t_id], t_id);
+        idx++;
+      }
+    }
+
+    // If a previously selected item is still in dropdown - select it.
+    if (dropdown.options.length > 0) {
+      for (var i = 0; i < dropdown.options.length; i++) {
+        if (dropdown.options[i].value == selected_item) {
+          dropdown.options[i].selected = true;
+        }
+      }
+    }
+  }
+}
+
+// The formDisable function disables some fields depending on what we have in other fields.
+function formDisable(formField) {
+  var formFieldValue = eval("document.timeRecordForm." + formField + ".value");
+  var formFieldName = eval("document.timeRecordForm." + formField + ".name");
+  var x;
+
+  if (((formFieldValue != "") && (formFieldName == "start")) || ((formFieldValue != "") && (formFieldName == "finish"))) {
+    x = eval("document.timeRecordForm.duration");
+    x.value = "";
+    x.disabled = true;
+    x.style.background = "#e9e9e9";
+  }
+
+  if (((formFieldValue == "") && (formFieldName == "start") && (document.timeRecordForm.finish.value == "")) || ((formFieldValue == "") && (formFieldName == "finish") && (document.timeRecordForm.start.value == ""))) {
+    x = eval("document.timeRecordForm.duration");
+    x.value = "";
+    x.disabled = false;
+    x.style.background = "white";
+  }
+
+  if ((formFieldValue != "") && (formFieldName == "duration")) {
+    x = eval("document.timeRecordForm.start");
+    x.value = "";
+    x.disabled = true;
+    x.style.background = "#e9e9e9";
+    x = eval("document.timeRecordForm.finish");
+    x.value = "";
+    x.disabled = true;
+    x.style.background = "#e9e9e9";
+  }
+
+  if ((formFieldValue == "") && (formFieldName == "duration")) {
+    x = eval("document.timeRecordForm.start");
+    x.disabled = false;
+    x.style.background = "white";
+    x = eval("document.timeRecordForm.finish");
+    x.disabled = false;
+    x.style.background = "white";
+  }
+}
+
+// The setNow function fills a given field with current time.
+function setNow(formField) {
+  var x = eval("document.timeRecordForm.start");
+  x.disabled = false;
+  x.style.background = "white";
+  x = eval("document.timeRecordForm.finish");
+  x.disabled = false;
+  x.style.background = "white";
+  var today = new Date();
+  var time_format = '{$user->time_format}';
+  var obj = eval("document.timeRecordForm." + formField);
+  obj.value = today.strftime(time_format);
+  formDisable(formField);
+}
+
+function get_date() {
+  var date = new Date();
+  return date.strftime("%Y-%m-%d");
+}
+
+function get_time() {
+  var date = new Date();
+  return date.strftime("%H:%M");
+}
+</script>
-- 
2.20.1