Add download data button

app/controllers/account/settings/devices.js

@@ -1,7 +1,12 @@
 import Controller from '@ember/controller';
 import {action} from '@ember/object';
+import {inject as service} from '@ember/service';
+import tsvBuilder from '../../../utils/tsv-builder';
+import download from '../../../utils/download';
 
 export default class extends Controller {
+  @service backend;
+
   @action
   async onControllerDeleteAction(controller) {
     try {
@@ -15,4 +20,76 @@ export default class extends Controller {
       alert(`Не могу удалить объект: ${e.toString()}`);
     }
   }
+
+  downloadData(sensor) {
+    return this.get('backend').request(`/sensor/${sensor.get('id')}/data`, 'GET');
+  }
+
+  @action
+  async downloadRawData(sensor) {
+    const data = await this.downloadData(sensor);
+    download(
+      tsvBuilder(
+        ['data', 'sign', 'signer'],
+        data,
+      ),
+      `${new Date().toLocaleString('ru-ru')}-raw.tsv`,
+      'text/tab-separated-values',
+    );
+  }
+
+  @action
+  async downloadPrettyData(sensor) {
+    let data = (await this.downloadData(sensor)).filter((row) => row.data && row.data.timestamp && row.data.value).
+      map((row) => row.data);
+
+    const normalized = [];
+
+    // normalize
+    for (const row of data) {
+      if (!row) continue;
+      if (typeof row.value !== 'object') {
+        row.value = {value: row};
+      }
+
+      const obj = {};
+      for (let [field, value] of Object.entries(row.value)) {
+        if (typeof value === 'string') {
+          const splited = value.split(' ');
+          if (splited.length === 2) {
+            const parsed = parseFloat(splited[0]);
+            if (!isNaN(parsed)) {
+              const unit = splited.splice(1).join(' ');
+              field += ` (${unit})`;
+              value = parsed;
+            }
+          }
+        }
+
+        obj[field] = value;
+      }
+
+      normalized.push({timestamp: row.timestamp, ...obj});
+    }
+
+    data = null;
+
+    const headers = [];
+    for (const row of normalized) {
+      for (const header of Object.keys(row)) {
+        if (!headers.includes(header)) {
+          headers.push(header);
+        }
+      }
+    }
+
+    download(
+      tsvBuilder(
+        headers,
+        normalized,
+      ),
+      `${new Date().toLocaleString('ru-ru')}-pretty.tsv`,
+      'text/tab-separated-values',
+    );
+  }
 }

app/templates/account/settings/devices.hbs

@@ -28,8 +28,8 @@
             <span>Заблокировать</span>
           </button>
           <!--<button class="btn btnStyle btnStyle_сolorless inspector__btn">-->
-            <!--<span class="icon-move"></span>-->
-            <!--<span>Переместить</span>-->
+          <!--<span class="icon-move"></span>-->
+          <!--<span>Переместить</span>-->
           <!--</button>-->
           <button class="btn btnStyle btnStyle_сolorless inspector__btn"
                   onclick={{action "onControllerDeleteAction" controller}}>
@@ -56,14 +56,14 @@
                                       class="height-3x margin-right-1x"}}
                 <span class="counterItem__name">{{sensor.name}}</span>
               </td>
-              <td class="text-muted">{{sensor.serviceCompany.name}}</td>
-              <td class="text-muted">{{measurement sensor.value sensor.unitName}}</td>
-              <td align="right">
-                  <span class="icon-disabled counterItem__control"> <span
-                    class="controlText"> Заблокировать</span></span>
-                <span class="icon-cross counterItem__control"> <span
-                  class="controlText"> Удалить</span></span>
-              </td>
+              {{#if isLiteMode}}
+                <td class="text-right">
+                  <button class="btn btnStyle" onclick={{action "downloadPrettyData" sensor}}>Скачать данные</button>
+                </td>
+                <td class="text-right">
+                  <button class="btn btnStyle" onclick={{action "downloadRawData" sensor}}>Скачать сырые данные</button>
+                </td>
+              {{/if}}
             </tr>
           {{/each}}
           </tbody>

app/utils/download.js

@@ -0,0 +1,17 @@
+export default function(data, filename, type) {
+  const file = new Blob([data], {type: type});
+  if (window.navigator.msSaveOrOpenBlob) {
+    window.navigator.msSaveOrOpenBlob(file, filename);
+  } else { // Others
+    const a = document.createElement('a');
+    const url = URL.createObjectURL(file);
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    setTimeout(function() {
+      document.body.removeChild(a);
+      window.URL.revokeObjectURL(url);
+    }, 0);
+  }
+}

app/utils/tsv-builder.js

@@ -0,0 +1,12 @@
+export default function(headers, rows) {
+  const result = [headers.slice()];
+  for (const row of rows) {
+    const resultRow = [];
+    for (const header of headers) {
+      const cell = row[header];
+      resultRow.push(typeof cell === 'object' ? JSON.stringify(row[header]) : cell);
+    }
+    result.push(resultRow);
+  }
+  return result.map((row) => row.join('\t')).join('\n');
+}