Moved Configuration/default note directory out of root app directory so it doesn't get nuked on update. fixed some styling issues.

Author: CoreParadox

public/style.css

@@ -11,7 +11,7 @@ body {
   border-radius: 5px;
 }
 
-#app #home #settings  .editor .CodeMirror {
+#app #home .editor .CodeMirror {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -20,6 +20,7 @@ body {
   height: 88vh;
 }
 
+
 .CodeMirror {
   height: 100%;
 }
@@ -89,10 +90,21 @@ body {
   border-radius: 5px;
   color: white;
   padding: 5px;
+  margin-top:20px;
   text-align: center;
   text-decoration: none;
 }
+#settings{
+  overflow: hidden;
+}
 
-#settings #container{
+#settings form{
   padding:10px;
+}
+
+#settings form p{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100vw;
+  color:red;
 }

src/utility/Configuration.ts

@@ -1,8 +1,10 @@
 import { access, writeFile, constants as fsConstants, readFile } from 'fs';
-
-
+import {join} from "path";
+import { remote } from 'electron';
+const configPath = join(remote.app.getPath('userData'), "config.json")
+const defaultNotePath = join(remote.app.getPath('userData'), "notes")
 export default class Configuration {
-    public notePath: string = "notes"
+    public notePath: string = defaultNotePath
     public defaultNote: string = "note.md"
     public editorConfig: EditorConfig = {
         lineNumbers: false,
@@ -17,8 +19,8 @@ export default class Configuration {
     static getConfig(){
         var stashed = new Configuration()
         return new Promise<Configuration>((r,e) =>{
-            access("./config.json", fsConstants.F_OK, (err) => {
-                if(err) writeFile("./config.json",JSON.stringify(stashed,null,"\t"),ex =>{
+            access(configPath, fsConstants.F_OK, (err) => {
+                if(err) writeFile(configPath,JSON.stringify(stashed,null,"\t"),ex =>{
                     if(ex) e(ex)
                     this.readFile(stashed,r);
                 })
@@ -29,7 +31,7 @@ export default class Configuration {
     }
 
     private static readFile(stashed:Configuration, resolve){
-        readFile("./config.json",(e,b)=>{
+        readFile(configPath,(e,b)=>{
             var obj = Object.assign(stashed,JSON.parse(b.toString()));
             resolve(obj);
         })
@@ -40,7 +42,7 @@ export default class Configuration {
         delete (<any>this).data
         delete (<any>this).type
         console.log(JSON.stringify(this,null,"\t"))
-        writeFile("./config.json",JSON.stringify(this, null, "\t"),(e) => {
+        writeFile(configPath,JSON.stringify(this, null, "\t"),(e) => {
             if(callback) callback(e);
             else console.log(e);
         })

src/views/Settings.vue

@@ -1,13 +1,11 @@
 <template>
 <div id="settings">
-      <NavBar> <router-link slot="controls" :to="'/'"><a><i class="fas fa-sticky-note"></i></a></router-link></NavBar>
-
-  <div id="container">
+    <NavBar> <router-link slot="controls" :to="'/'"><a><i class="fas fa-sticky-note"></i></a></router-link></NavBar>
     <form>
-      <div>
-        <label for="notePath" class="btn" >Select Note Path:</label><span style="margin-left:5px;">"{{config.notePath}}"</span>
+        <label for="notePath" class="btn">Select Note Path:</label>
+        <br/><input type="text" readonly alt="test" style="margin-top:15px; width:90vw;" v-model="config.notePath">
         <input id="notePath" ref="notePath" v-on:change="noteDirChange" webkitdirectory style="visibility:hidden;" type="file">
-      </div>
+        <br/>
       <label for="defaultNote">Default Note:</label>
           <select
       v-on:change="propChange"
@@ -45,7 +43,6 @@
     </label>
     </form>
 </div>
-</div>
 </template>
 
 <script lang="ts">