release

carousel.html

@@ -17,19 +17,15 @@
     <div id="question">
         <img src="" alt="">
         <div id="buttons">
-            <x-button id="yes">
-                <x-box vertical>
-                    <x-label>Accept</x-label>
-                    <x-icon name='thumb-up'></x-icon>
-                </x-box>
-            </x-button>
-            <div id="countdown"></div>
-            <x-button id="no">
-                <x-box vertical>
-                    <x-label>Decline</x-label>
-                    <x-icon name='thumb-down'></x-icon>
-                </x-box>
-            </x-button>
+            <x-box vertical>
+                Accept
+                <br>
+                <-- </x-box>
+                    <div id="countdown"></div>
+                    <x-box vertical>
+                        Decline
+                        <br> -->
+                    </x-box>
         </div>
     </div>
 </body>

src/main.ts

@@ -1,5 +1,6 @@
 import { app, BrowserWindow, ipcMain } from 'electron';
 import * as fs from 'fs';
+import * as os from 'os';
 import * as path from 'path';
 import * as url from 'url';
 
@@ -32,8 +33,12 @@ function createWindow() {
     mainWindow = null;
   });
 }
-ipcMain.on('subject:create', (e: any, subject: any) => {
-  // fs.writeFileSync('./data.json', JSON.stringify(subject), 'utf-8');
+ipcMain.on('answers:save', (e: any, answers: any) => {
+  fs.writeFileSync(
+    path.join(os.homedir(), `answers_${Date.now()}.csv`),
+    answers,
+    'utf-8'
+  );
 });
 // This method will be called when Electron has finished
 // initialization and is ready to create browser windows.

src/questions.ts

@@ -2,6 +2,7 @@ const fs = require('fs');
 const path = require('path');
 const json2csv = require('json2csv').parse;
 const BrowserWindow = electron.remote.BrowserWindow;
+const remote = require('electron').remote;
 
 let questions: Question[];
 window.onload = () => {
@@ -81,7 +82,8 @@ function startCarousel(): any {
       }, 1000);
     } else {
       const csvAnswers = json2csv(answers);
-      console.log(csvAnswers);
+      ipcRenderer.send('answers:save', csvAnswers);
+      remote.getCurrentWindow().close();
     }
   }
   nextPicture(questions);
@@ -90,10 +92,10 @@ function startCarousel(): any {
 function answerQuestion(e: any) {
   let answer: IAnswer;
   answer = {
-    question: document
-      .getElementById('question')
-      .children[0].getAttribute('src')
-      .split('/')[4]
+    question: path
+      .basename(
+        document.getElementById('question').children[0].getAttribute('src')
+      )
       .split('.')[0],
     rank: answers.length,
     subject: localStorage.getItem('subject'),
@@ -107,7 +109,13 @@ function replaceImage(obj: Question) {
   const el = document.querySelector('img');
   el.setAttribute(
     'src',
-    `./assets/questions/${obj.getType()}/${obj.getImage()}`
+    path.join(
+      'file://',
+      __dirname,
+      'assets/questions/',
+      obj.getType(),
+      obj.getImage()
+    )
   );
 }
 
@@ -120,7 +128,7 @@ function toggleButtons(obj: Question) {
 
 function createQuestionsSequence(): Question[] {
   function createQuestionOfType(type: string): Question[] {
-    const questionFolder = `./assets/questions/${type}`;
+    const questionFolder = path.join(__dirname, '/assets/questions/', type);
     const questionArray: Question[] = [];
     fs.readdirSync(questionFolder).forEach((file: any) => {
       const q = new Question(file, type);