Export group

src/client/app/actions/exportData.js

@@ -0,0 +1,48 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import moment from 'moment';
+
+/**
+ * Function to converts the compressed meter data into a CSV formatted string.
+ * @param items The compressed meter data.
+ * @returns output A string containing the CSV formatted compressed meter data.
+ */
+
+function convertToCSV(items) {
+	let csvOutput = 'id:,readings:,timestamp:\n';
+	items.forEach(set => {
+		const data = set.exportVals;
+		const id = set.id;
+		data.forEach(reading => {
+			const info = reading.y;
+			const timeStamp = moment(reading.x).format('dddd MMM DD YYYY hh:mm a');
+			csvOutput += `${id},${info} kwh, ${timeStamp} \n`;
+		});
+	});
+	return csvOutput;
+}
+/**
+ * Function to download the formatted CSV file to the users computer.
+ * @param inputCSV A String containing the formatted CSV data.
+ */
+function downloadCSV(inputCSV) {
+	const csvContent = `data:text/csv;charset=utf-8,${inputCSV}`;
+	const encodedUri = encodeURI(csvContent);
+	const link = document.createElement('a');
+	const fileName = 'exportedDataOED.csv';
+	link.setAttribute('href', encodedUri);
+	link.setAttribute('download', fileName);
+	document.body.appendChild(link);
+
+	link.click(); // This will download the data file
+}
+/**
+ * Function to export compressed data from the graph currently displaying. May be used for routing if more export options are added
+ * @param dataSets An Object. The compressed data from each meter currently selected in the graph.
+ */
+export default function graphExport(dataSets) {
+	const dataToExport = convertToCSV(dataSets);
+	downloadCSV(dataToExport);
+}

src/client/app/actions/readings.js

@@ -45,7 +45,6 @@ function fetchManyReadings(meterIDs, timeInterval) {
 		}).then(response => dispatch(receiveManyReadings(meterIDs, timeInterval, response.data)));
 	};
 }
-
 /**
  * Fetches readings for the given meterIDs if they are not already fetched or being fetched
  * @param {Array.<int>} meterIDs

src/client/app/components/UIOptionsComponent.jsx

@@ -3,6 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import React from 'react';
+import graphExport from '../actions/exportData';
 
 export default class UIOptionsComponent extends React.Component {
 	/**
@@ -12,6 +13,7 @@ export default class UIOptionsComponent extends React.Component {
 	constructor(props) {
 		super(props);
 		this.handleMeterSelect = this.handleMeterSelect.bind(this);
+		this.exportReading = this.exportReading.bind(this);
 	}
 
 	/**
@@ -22,6 +24,14 @@ export default class UIOptionsComponent extends React.Component {
 		this.props.fetchMetersDataIfNeeded();
 	}
 
+	/**
+	 * Called when Export button is clicked.
+	 * Passes an object containing the selected meter data to a function for export.
+	 */
+	exportReading() {
+		const compressedData = this.props.exportVals.datasets;
+		graphExport(compressedData);
+	}
 	handleMeterSelect(e) {
 		e.preventDefault();
 		const options = e.target.options;
@@ -92,7 +102,10 @@ export default class UIOptionsComponent extends React.Component {
 					</div>
 					<br />
 					<button type="button" id="changeButton" className="btn btn-primary">Change!</button>
+					<br />
+					<button onClick={this.exportReading}>Export!</button>
 				</div>
+
 			</div>
 		);
 	}

src/client/app/containers/UIOptionsContainer.js

@@ -14,9 +14,24 @@ import { fetchMetersDataIfNeeded } from '../actions/meters';
  */
 function mapStateToProps(state) {
 	const sortedMeters = _.sortBy(_.values(state.meters.byMeterID).map(meter => ({ id: meter.id, name: meter.name.trim() })), 'name');
+
+	const timeInterval = state.graph.timeInterval;
+	const data = { datasets: [] };
+	for (const meterID of state.graph.selectedMeters) {
+		const readingsData = state.readings.byMeterID[meterID][timeInterval];
+		if (readingsData !== undefined && !readingsData.isFetching) {
+			data.datasets.push({
+				label: state.meters.byMeterID[meterID].name,
+				id: state.meters.byMeterID[meterID].id,
+				timestamp: state.readings.byMeterID[meterID][timeInterval].start_timestamp,
+				exportVals: state.readings.byMeterID[meterID][timeInterval].readings.map(arr => ({ x: arr[0], y: arr[1] }))
+			});
+		}
+	}
 	return {
 		meters: sortedMeters,
-		selectedMeters: state.graph.selectedMeters
+		selectedMeters: state.graph.selectedMeters,
+		exportVals: data
 	};
 }
 

src/server/services/readMetasysData.js

@@ -10,23 +10,23 @@ const Meter = require('./../models/Meter');
 async function readMetasysData(filePath) {
 	const readingArr = [];
 	let i = 1;
-	//getting filename
-	const fileNameArray = filePath.split("/");
+	// getting filename
+	const fileNameArray = filePath.split('/');
 	const fileName = fileNameArray.pop();
-	//list of readings
+	// list of readings
 	const rows = await readCsv(filePath);
-	//meterInformation
+	// meterInformation
 	const meter	= await Meter.getByName(fileName.replace('.csv', ''));
 
 	for (const row of rows) {
-		//timestamp. end time stamp
+		// timestamp. end time stamp
 		const timestamp = row[0].toLocaleString();
 		const start_timestamp = new Date(timestamp);
-		let end_timestamp = new Date(timestamp);
-		end_timestamp.setHours(end_timestamp.getHours()+1);
+		const end_timestamp = new Date(timestamp);
+		end_timestamp.setHours(end_timestamp.getHours() + 1);
 
 
-		//meterReading
+		// meterReading
 		let meterReading = row[3];
 		meterReading = meterReading.replace('kWh', '');
 		meterReading = parseInt(meterReading);
@@ -41,7 +41,7 @@ async function readMetasysData(filePath) {
 		i++;
 	}
 	try {
-		//inserting all the data from an array into database and catching error when it occurs.
+		// inserting all the data from an array into database and catching error when it occurs.
 		Reading.insertAll(readingArr);
 	} catch (err) {
 		console.error(err);