export: datetime format and local time issue

Author: Olivier Dufour

addon/data-export.js

@@ -1875,6 +1875,7 @@ function RecordTable(vm) {
   let dateFormat = localStorage.getItem("dateFormat");
   let datetimeFormat = localStorage.getItem("datetimeFormat");
   let decimalFormat = localStorage.getItem("decimalFormat");
+  let convertToLocalTime = localStorage.getItem("convertToLocalTime") != "false";
   if (decimalFormat != "." && decimalFormat != ",") {
     decimalFormat = ".";
     localStorage.setItem("decimalFormat", decimalFormat);
@@ -2005,6 +2006,8 @@ function RecordTable(vm) {
         row[c] = convertDate(record[field], dateFormat);
       } else if (columnType.get(field) == "datetime" && datetimeFormat) {
         row[c] = convertDate(record[field], datetimeFormat);
+      } else if (columnType.get(field) == "datetime" && convertToLocalTime) {
+        row[c] = convertDtToLocalTime(record[field]);
       } else if ((columnType.get(field) == "decimal" || columnType.get(field) == "currency") && decimalFormat && decimalFormat != ".") {
         row[c] = record[field] ? record[field].toString().replace(".", decimalFormat) : record[field];
       } else {
@@ -2015,11 +2018,29 @@ function RecordTable(vm) {
       }
     }
   }
+  function convertDtToLocalTime(field) {
+    let dt = new Date(field);
+    let tzOffset = dt.getTimezoneOffset();// returns the difference in minutes.
+    dt.setMinutes(dt.getMinutes() - tzOffset);
+    let finalDate = dt.toISOString().replace("Z", "");
+    finalDate += (tzOffset > 0 ? "-" : "+");
+    tzOffset = Math.abs(tzOffset);
+    let offsetHours = Math.floor(tzOffset / 60);
+    let offsetMinutes = tzOffset % 60;
+    finalDate += String(offsetHours).padStart(2, "0");
+    finalDate += String(offsetMinutes).padStart(2, "0");
+    return finalDate;
+  }
   function convertDate(field, format) {
     if (!field) {
       return "";
     }
     let dt = new Date(field);
+    let pad = (n, d) => ("000" + n).slice(-d);
+    if (!convertToLocalTime) {
+      let tzOffset = dt.getTimezoneOffset();// returns the difference in minutes.
+      dt.setMinutes(dt.getMinutes() + tzOffset);
+    }
     let formatedDate = "";
     let remaining = format;
     while (remaining) {
@@ -2044,6 +2065,23 @@ function RecordTable(vm) {
       } else if (remaining.match(/^SSS/)) {
         remaining = remaining.substring(3);
         formatedDate += ("00" + dt.getMilliseconds()).slice(-3);
+      } else if (remaining.match(/^\+/)) { //+0000
+        remaining = remaining.substring(1);
+        formatedDate += (dt.getTimezoneOffset() <= 0 ? "+" : "-");
+      } else if (remaining.match(/^FF/)) { //+0000
+        remaining = remaining.substring(2);
+        if (convertToLocalTime) {
+          formatedDate += pad(Math.floor(Math.abs(dt.getTimezoneOffset()) / 60), 2);
+        } else {
+          formatedDate += "00";
+        }
+      } else if (remaining.match(/^ff/)) {
+        remaining = remaining.substring(2);
+        if (convertToLocalTime) {
+          formatedDate += pad(Math.abs(dt.getTimezoneOffset()) % 60, 2);
+        } else {
+          formatedDate += "00";
+        }
       } else {
         formatedDate += remaining[0];
         remaining = remaining.substring(1);

addon/data-load.js

@@ -276,7 +276,6 @@ export class TableModel {
   constructor(sfHost, reactCallback) {
     this.reactCallback = reactCallback;
     this.headerCallout = localStorage.getItem("createUpdateRestCalloutHeaders") ? JSON.parse(localStorage.getItem("createUpdateRestCalloutHeaders")) : "{}";
-    this.convertToLocalTime = localStorage.getItem("convertToLocalTime") != "false";
     this.sfHost = sfHost;
     this.data = null;
     this.initialRowHeight = 15; // constant: The initial estimated height of a row before it is rendered
@@ -763,8 +762,6 @@ export class TableModel {
           dataCell.objectTypes = [];
           dataCell.label = cell;
           dataCell.linkable = true;
-        } else if (typeof cell == "string" && this.isDateTimeToConvert(cell)) {
-          dataCell.label = this.convertDatetimeToLocalTime(cell);
         } else if (cell == null) {
           dataCell.label = "";
         } else {
@@ -780,25 +777,6 @@ export class TableModel {
     }
     this.didUpdate();
   }
-  isDateTimeToConvert(text) {
-    if (!this.convertToLocalTime) {
-      return false;
-    }
-    return /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}(\.\d{3})?([+-]\d{4})$/.test(text);
-  }
-  convertDatetimeToLocalTime(text) {
-    let dt = new Date(text);
-    let tzOffset = dt.getTimezoneOffset();// returns the difference in minutes.
-    dt.setMinutes(dt.getMinutes() - tzOffset);
-    let finalDate = dt.toISOString().replace("Z", "");
-    finalDate += (tzOffset > 0 ? "-" : "+");
-    tzOffset = Math.abs(tzOffset);
-    let offsetHours = Math.floor(tzOffset / 60);
-    let offsetMinutes = tzOffset % 60;
-    finalDate += String(offsetHours).padStart(2, "0");
-    finalDate += String(offsetMinutes).padStart(2, "0");
-    return finalDate;
-  }
 
   dataChange(newData) {
     this.data = newData;

addon/options.js

@@ -115,7 +115,7 @@ class OptionsTabSelector extends React.Component {
           {option: Option, props: {type: "toggle", title: "Skip technical comlumns", key: "skipTechnicalColumns", default: true}},
           {option: Option, props: {type: "toggle", title: "convert date to local timezone", key: "convertToLocalTime", default: true}},
           {option: Option, props: {type: "text", title: "Date format", key: "dateFormat", suggestions: ["yyyy-MM-dd", "dd/MM/yyyy", "MM/dd/yyyy"]}},
-          {option: Option, props: {type: "text", title: "Date time format", key: "datetimeFormat", suggestions: ["yyyy-MM-ddTHH:mm:ss.SSS+/-HH:mm", "dd/MM/yyyy HH:mm:ss.SSS+/-HH:mm"]}},
+          {option: Option, props: {type: "text", title: "Date time format", key: "datetimeFormat", suggestions: ["yyyy-MM-ddTHH:mm:ss.SSS+FFff", "dd/MM/yyyy HH:mm:ss.SSS+FFff"]}},
           {option: Option, props: {type: "option", title: "Decimal format", key: "decimalFormat", default: ".", values: [".", ","]}},
           {option: QueryTemplatesOption, props: {title: "Query Templates", key: "queryTemplates", placeholder: "SELECT..."}},
           {option: QueryTemplatesOption, props: {title: "Saved Query History", key: "insextSavedQueryHistory", node: "query", withName: true, defaultValue: "{\"useToolingApi\": false}", placeholder: "SELECT..."}}