Added default config, ignored testing notes directory, added delete and new note buttons, adjusted styling.

Author: CoreParadox

.gitignore

@@ -21,4 +21,6 @@ yarn-error.log*
 *.sw*
 
 #Electron-builder output
-/dist_electron
+/dist_electron
+/notes
+/notes

config.json

@@ -0,0 +1 @@
+{"notePath":"notes","editorConfig":{"lineNumbers":false,"tabSize":4,"theme":"sticky hypermd-light","mode":{"name":"hypermd","hashtag":true}}}

notes/note.md

@@ -31,15 +31,17 @@ body {
   padding: 10px 10px 10px 5px;
   -webkit-app-region: drag;
 }
-
-#NavBar a {
+#NavBar a{
   font-weight: bold;
   color: #fff;
-  float: right;
   padding-left: 10px;
   text-decoration: none;
   -webkit-app-region: none;
 }
+
+#NavBar #controls a {
+  float: right;
+}
 #NavBar *{
   -webkit-app-region: none;
 }
@@ -54,6 +56,20 @@ body {
   width:20%;
 }
 
+#NavBar select {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+  border-bottom: 3px dashed lightblue;
+  background: none;
+  color: white;
+  width:20%;
+}
+
+#NavBar option{
+  background:#2c3e50;
+}
+
 textarea:focus,
 input:focus {
   outline: none;

notes/test.md

@@ -1,9 +1,11 @@
 <template>
   <div id="NavBar">
-    <a v-on:click="close()"><i class="fas fa-window-close"></i></a>
-    <!-- <a v-on:click="restore()"><i class="fas fa-window-restore"></i></a> -->
-    <a v-on:click="minimize()"><i class="fas fa-minus-square"></i></a>
-    <a v-on:click="pin()"><i class="fas fa-thumbtack"></i></a>
+    <div id="controls">
+      <a v-on:click="close()"><i class="fas fa-window-close"></i></a>
+      <!-- <a v-on:click="restore()"><i class="fas fa-window-restore"></i></a> -->
+      <a v-on:click="minimize()"><i class="fas fa-minus-square"></i></a>
+      <a v-on:click="pin()"><i class="fas fa-thumbtack"></i></a>
+    </div>
     <input v-on:change="updateFileName" v-model="fileName" type="text" name="fileName">
     <select
       v-on:change="changeFile"
@@ -14,12 +16,18 @@
     >
       <option v-for="file in Files()" :value="file.value" :key="file.id" :id=file.id >{{ file.value }}</option>
     </select>
+    <a v-on:click="newNote()"><i class="fas fa-file-medical"></i></a>
+    <a v-on:click="deleteNote()"><i class="fas fa-trash"></i></a>
   </div>
 </template>
 
 <script lang="ts">
 import { Component, Prop, Vue } from "vue-property-decorator";
 import * as fs from "fs";
+import * as path from "path";
+import Configuration from '@/utility/Configuration';
+const remote = require('electron').remote;
+
 @Component
 export default class NavBar extends Vue {
   private fileName: string = "";
@@ -64,16 +72,30 @@ export default class NavBar extends Vue {
     w.setAlwaysOnTop(!w.isAlwaysOnTop())
   }
   restore(){
-    const remote = require('electron').remote;
-    let w = remote.getCurrentWindow();
-    this.isMaximized ? w.unmaximize() : w.maximize();
+    this.isMaximized ? remote.getCurrentWindow().unmaximize() : remote.getCurrentWindow().maximize();
     this.isMaximized = !this.isMaximized;
   }
 
   minimize(){
-    const remote = require('electron').remote;
-    let w = remote.getCurrentWindow();
-    w.minimize();
+    remote.getCurrentWindow().minimize();
+  }
+  
+
+  newNote(){
+    let FileName = `${Date.now()}.md`
+    fs.writeFile(path.join(new Configuration().notePath,FileName),"# Welcome to your new note!\n","",_=>{
+      this.SelectedFile = FileName;
+      this.$root.$emit("fileChange", this.SelectedFile);
+    });
+  }
+
+  deleteNote(){
+    confirm(`This will permantly delete "${this.SelectedFile}". Continue?`);
+    fs.unlink(path.join(new Configuration().notePath,this.SelectedFile), _ =>{
+      this.SelectedFile = this.Files()[0].value;
+      this.fileName = this.Files()[0].value;
+      this.changeFile();
+    });
   }
 }
 </script>