Added few feats

quasar.conf.js

@@ -109,6 +109,11 @@ module.exports = configure(function (ctx) {
 
       // Quasar plugins
       plugins: ['Notify', 'LoadingBar', 'Loading'],
+      config: {
+        notify: {
+          timeout: 500,
+        },
+      },
     },
 
     // animations: 'all', // --- includes all animations

src/pages/About.vue

@@ -23,7 +23,12 @@ q-page(padding)
       q-card
         q-card-section.text-subtitle2 {{bug.statusType}}
         q-card-section {{bug.statusText}}
-
+
+  .text-h6.text-center Known Features Wishlist
+  .text-center(v-if="TodoWishlist.length==0") Seems we don't have known features wishlisted at the time of this build. Feel free to suggest some at the Github Repo!
+  q-list(v-if="TodoWishlist.length>0")
+    q-list-item(v-for="wish in TodoWishlist") 
+      q-item-label {{wish}}
 </template>
 
 <script lang="ts">
@@ -34,12 +39,16 @@ export default class About extends Vue {
   knownBugs = [
     {
       icon: 'report_problem',
-      issue: 'App Update Refresh',
+      issue: 'PWA Update Refresh',
       statusType: 'Under Investigation',
       statusText:
         "When an update is released, the PWA Version may not load properly (blank page) in this case we recommend deleting the page's cache, but NOT it's data.",
     },
   ];
+  TodoWishlist = [
+    'Dream Note Parser - Find any symbols in saved notes, leave as option in settings',
+    'Themes, Modify Colors and Add options for iOS Styling',
+  ];
 }
 </script>
 <style lang="sass" scoped>

src/pages/History.vue

@@ -1,45 +1,46 @@
 <template lang="pug">
-	q-page(padding)
-		.text-h5.text-center History  
-		.text-center The last {{limit}} symbols you've opened, will appear here.
-		.text-center(v-if="dreams.length<1") But it seems you haven't checked anything out.
-		q-list(bordered, separator, v-if="dreams.length>0" style="margin-top:10px")
-			q-item(clickable, v-ripple, v-for="dream in dreams", @click="goToDream(dream.id)")
-				q-item-label 
-					.text-h6 {{dream.symbol}}
+q-page(padding)
+	.text-h5.text-center History  
+	.text-center The last {{limit}} symbols you've opened, will appear here.
+	.text-center(v-if="dreams.length<1") But it seems you haven't checked anything out.
+	q-list(bordered, separator, v-if="dreams.length>0" style="margin-top:10px")
+		q-item(clickable, v-ripple, v-for="dream in dreams", @click="goToDream(dream.id)")
+			q-item-label.flex
+				.self-center {{dream.symbol}}
 
-
-
 </template>
 
 <script lang="ts">
-import { Vue, Component } from 'vue-property-decorator'
-import {SymbolModel}  from '../models/models';
-import * as DreamDB from '../utils/dreams'
+import { Vue, Component } from 'vue-property-decorator';
+import { SymbolModel } from '../models/models';
+import * as DreamDB from '../utils/dreams';
 @Component
 export default class History extends Vue {
-	limit=50;
-	dreams = new Array<SymbolModel>();
-	created() {
-		this.$root.$on('reloadHistory' , this.reloadHistory);
-	}
-	mounted() {
-		this.reloadHistory();	
-	}
-	async reloadHistory() {
-		// this.dreams =this.$store.getters.getHistory;	
-		const lsh = await this.$store.getters.getLocalForage.getItem('history');
-		if(lsh==null){return;}
-		const dreamIds = JSON.parse(lsh) as number[];
-		dreamIds.forEach(did => { //Did you though?
-			this.dreams.push(DreamDB.getDream(did));
-		});
-	}
-	goToDream(id:number){
-		console.log(id);
-		sessionStorage.setItem('CurrentDreamId', id.toString());
-		this.$root.$emit('setCurrDreamId', id);
-		this.$router.push('/Symbol');
-	}
+  limit = 50;
+  dreams = new Array<SymbolModel>();
+  created() {
+    this.$root.$on('reloadHistory', this.reloadHistory);
+  }
+  mounted() {
+    this.reloadHistory();
+  }
+  async reloadHistory() {
+    // this.dreams =this.$store.getters.getHistory;
+    const lsh = await this.$store.getters.getLocalForage.getItem('history');
+    if (lsh == null) {
+      return;
+    }
+    const dreamIds = JSON.parse(lsh) as number[];
+    dreamIds.forEach((did) => {
+      //Did you though?
+      this.dreams.push(DreamDB.getDream(did));
+    });
+  }
+  goToDream(id: number) {
+    console.log(id);
+    sessionStorage.setItem('CurrentDreamId', id.toString());
+    this.$root.$emit('setCurrDreamId', id);
+    this.$router.push('/Symbol');
+  }
 }
 </script>

src/pages/Symbol.vue

@@ -119,9 +119,8 @@ export default class SymbolView extends Vue {
     this.$q.notify({
       message:
         'Dream ' +
-        (deleted
-          ? 'deleted from '
-          : 'saved to ' + moment(this.$store.getters.getActiveDate).format()),
+        (deleted ? 'deleted from ' : 'saved to ') +
+        moment(this.$store.getters.getActiveDate).format('MMMM/DD/YYYY'),
       timeout: 500,
     });
   }