Tiny improvments :

- Adding items in the subjects fields on note edit page,
- Adding manual export/import buttons on notes page,
- Improving settings page presentation.

Author: Jimskapt

package.json

@@ -1,14 +1,19 @@
 {
   "name": "lambda-badger",
+  "displayName": "Lambda Badger",
+  "description": "",
   "version": "1.1.0",
   "private": true,
   "repository": {
     "type": "git",
     "url": "https://github.com/Jimskapt/lambda-badger.git"
   },
+  "website": "https://github.com/Jimskapt/lambda-badger",
+  "author": "Jimskapt",
   "contributors": [
     "Jimskapt <rami.programmer@gmail.com>"
   ],
+  "license": "MIT",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -19,6 +24,7 @@
     "serve:electron": "vue-cli-service serve:electron",
     "postinstall": "electron-builder install-app-deps"
   },
+  "main": "dist_electron/bundled/background.js",
   "dependencies": {
     "cordova": "^8.0.0",
     "cordova-android": "^7.1.1",
@@ -61,10 +67,6 @@
     "vue-cli-plugin-vuetify": "^0.1.6",
     "vue-template-compiler": "^2.5.17"
   },
-  "author": "Jimskapt",
-  "license": "MIT",
-  "description": "",
-  "displayName": "Lambda Badger",
   "gitHooks": {
     "pre-commit": "lint-staged"
   },
@@ -86,6 +88,5 @@
     "plugins": {
       "cordova-plugin-whitelist": {}
     }
-  },
-  "main": "dist_electron/bundled/background.js"
+  }
 }

src/App.vue

@@ -22,11 +22,13 @@ v-app(:dark="darkMode")
         v-list-tile-content
           v-list-tile-title {{ $t('Help') }}
       v-divider
-      v-list-tile(href="https://github.com/Jimskapt/lambda-badger", target="_blank")
+      v-list-tile(:href="appWebsite", target="_blank", v-if="appWebsite !== '<package.json:website>'")
         v-list-tile-action
           v-icon bookmarks
         v-list-tile-content
           v-list-tile-title {{ $t('Website') }}
+      v-list-tile(v-else)
+        v-list-tile-content package.json:website
   v-toolbar(app)
     v-toolbar-side-icon(@click.stop="drawer = !drawer")
     v-toolbar-title {{ appName }}
@@ -47,8 +49,9 @@ export default {
     return {
       drawer: false,
       darkMode: false,
-      appVersion: pkgInfo.version,
-      appName: pkgInfo.displayName,
+      appVersion: pkgInfo.version || '<package.json:version>',
+      appName: pkgInfo.displayName || '<package.json:displayName>',
+      appWebsite: pkgInfo.website || '<package.json:website>',
     };
   },
   created() {

src/locales/en-US.json

@@ -18,8 +18,8 @@
   "Locale": "Locale",
   "Settings": "Settings",
   "Use dark colors ?": "Use dark colors ?",
-  "Export your data": "Export your data",
-  "Import your data": "Import your data",
+  "Export your data manually": "Export your data manually",
+  "Import your data manually": "Import your data manually",
   "Save": "Save",
   "Load": "Load",
   "Debug : refresh page": "Debug : refresh page",

src/locales/fr-FR.json

@@ -18,8 +18,8 @@
   "Locale": "Langue",
   "Settings": "Réglages",
   "Use dark colors ?": "Utiliser des couleurs foncées ?",
-  "Export your data": "Exporter vos données",
-  "Import your data": "Importer vos données",
+  "Export your data manually": "Exporter vos données manuellement",
+  "Import your data manually": "Importer vos données manuellement",
   "Save": "Enregistrer",
   "Load": "Charger",
   "Debug : refresh page": "Deboguage : rafraîchir la page",

src/views/EditNote.vue

@@ -17,6 +17,7 @@
 					deletable-chips,
 					small-chips,
 					multiple,
+					:items="Object.keys($store.state.subjects)"
 					:label="$t('Subjects')",
 					v-model="dbDoc.subjects",
 					item-text="name",
@@ -54,8 +55,11 @@ export default {
 		},
 	},
 	watch: {
-		'dbDoc.content': function() {
-			this.changed = true;
+		dbDoc: {
+			handler: function() {
+				this.changed = true;
+			},
+			deep: true,
 		},
 		changed(value) {
 			if(value === true) {

src/views/ExportData.vue

@@ -22,7 +22,7 @@ div
 			v-switch(:label="$t('Include confidential notes')", v-model="confidentials")
 			v-alert(type="info", :value="true") {{ $t('In order to save your data, just copy and paste the following data in an text editor (like notepad), and then save it as *.json file.') }}
 			v-divider(class="my-3")
-			v-textarea(:label="$t('Your data')", readonly, hide-details, v-model="dbData")
+			v-textarea(:label="$t('Your data')", readonly, hide-details, auto-grow, v-model="dbData")
 </template>
 
 <script>

src/views/Notes.vue

@@ -4,6 +4,16 @@ div
 		v-toolbar-side-icon(:to="{name: 'edit-note', params: {id: 1}}")
 			v-icon event_note
 		v-toolbar-title {{ $t('Notes') }}
+		v-spacer
+		v-toolbar-actions
+			v-tooltip(bottom)
+				v-btn(icon, :to="{name:'export-data'}", slot="activator")
+					v-icon archive
+				span {{ $t('Import your data manually') }}
+			v-tooltip(bottom)
+				v-btn(icon, :to="{name:'import-data'}", slot="activator")
+					v-icon unarchive
+				span {{ $t('Export your data manually') }}
 	v-alert(type="info", :value="notes.length <= 0")
 		span {{ $t('There is no notes') }}.
 		br

src/views/Settings.vue

@@ -18,6 +18,12 @@ v-card
 				return-object
 			)
 			v-switch(:label="$t('Use dark colors ?')", v-model="dark")
+			v-btn(block, color="warning", @click="forceRefresh")
+				v-icon refresh
+				span {{ $t('Debug : refresh page') }}
+			
+			v-divider(class="mt-3")
+
 			v-text-field(
 				v-model="couchUrl",
 				:label="$t('The url of your CouchDB-like database') + ' (' + $t('optional') + ')'",
@@ -31,22 +37,21 @@ v-card
 					v-btn(block, v-if="couchUrl.trim() !== '' && !allowAutomaticUpdate", @click="doSync")
 						v-icon sync
 						span {{ $t('Manual update') }}
-			v-btn(block, color="warning", @click="forceRefresh")
-				v-icon refresh
-				span {{ $t('Debug : refresh page') }}
 			v-btn(block, :to="{name: 'export-data'}")
 				v-icon archive
-				span {{ $t('Export your data') }}
+				span {{ $t('Export your data manually') }}
 			v-btn(block, :to="{name: 'import-data'}")
 				v-icon unarchive
-				span {{ $t('Import your data') }}
+				span {{ $t('Import your data manually') }}
+			
+			v-divider(class="mt-3")
 		v-card-actions
 			v-btn(block, color="error", @click="$router.go(-1)")
 				v-icon clear
 				span {{ $t('Abort') }}
 			v-btn(block, color="success", @click="save")
-				v-icon done
-				span {{ $t('OK') }}
+				v-icon save
+				span {{ $t('Save') }}
 </template>
 
 <script>