Add CSV export

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fuzz-roadmap",
-	"version": "2.2.0",
+	"version": "2.3.0",
 	"description": "A roadmapping tool that lets you forget about time estimate and focus on what matters",
 	"author": "Adrien D. Ahlqvist",
 	"bugs": "https://github.com/Armitage35/fuzzy-roadmap/issues",

src/components/Modal/ExportRoadmapModal/ExportRoadmapModal.vue

@@ -6,6 +6,9 @@
 				<button type="button" class="bttn-primary" @click="exportJson">
 					<i class="fas fa-file-code"></i>
 					Export as .JSON</button>
+				<button type="button" class="bttn-primary" @click="exportCsv">
+					<i class="fas fa-file-csv"></i>
+					Export as .CSV</button>
 				<button type="button" class="bttn-primary" @click="exportJPG">
 					<i class="fas fa-file-image"></i>
 					Export as .PNG (beta)
@@ -24,7 +27,24 @@
 	export default {
 		props: ['epics'],
 		methods: {
-			exportJson(){
+			exportCsv() {
+				let epicInCsv = [];
+
+				for (let i = 0; i < this.epics.length; i++) {
+					let newItem = [];
+					newItem.push(this.epics[i].epicName);
+					newItem.push(this.epics[i].status);
+
+					epicInCsv.push(newItem);
+				}
+
+				let csvContent = epicInCsv.map(e => e.join(",")).join("\n");
+
+				const blob = new Blob([csvContent], {type: 'application/csv'});
+				this.exportRoadmap(blob, 'fuzzyRoadmap.csv')
+				this.exportSuccess();
+			},
+			exportJson() {
 				const blob = new Blob([JSON.stringify(this.epics)], {type: 'application/json'});
 				this.exportRoadmap(blob, 'fuzzyRoadmap.json')
 				this.exportSuccess();

src/components/Views/Roadmap/Lane/Lane.vue

@@ -44,6 +44,3 @@
 		}
 	}
 </script>
-
-<style>
-</style>