adjusts front

Author: mvrpl

app.go

@@ -4,14 +4,18 @@ import (
 	"context"
 	"database/sql"
 	"encoding/json"
+	"io/ioutil"
+	"log"
 	"os"
+	"runtime"
 
 	_ "github.com/mattn/go-sqlite3"
 )
 
 type App struct {
-	ctx context.Context
-	db  *sql.DB
+	ctx     context.Context
+	db      *sql.DB
+	version string
 }
 
 func check(e error) {
@@ -27,6 +31,19 @@ func NewApp() *App {
 func (a *App) startup(ctx context.Context) {
 	home, _ := os.UserHomeDir()
 
+	content, err := ioutil.ReadFile("./wails.json")
+	if err != nil {
+		log.Fatal("Error when opening file: ", err)
+	}
+	var payload map[string]interface{}
+	err = json.Unmarshal(content, &payload)
+	if err != nil {
+		log.Fatal("Error during Unmarshal(): ", err)
+	}
+	infos := payload["info"].(map[string]interface{})
+
+	a.version = "v" + infos["productVersion"].(string) + " - " + runtime.GOOS + " - " + runtime.GOARCH
+
 	a.ctx = ctx
 	if _, err := os.Stat(home + string(os.PathSeparator) + ".cheat_sheets.db"); os.IsNotExist(err) {
 		a.db = nil
@@ -57,6 +74,10 @@ func (a *App) GetPrograms() string {
 	return string(jsonData)
 }
 
+func (a *App) GetVersion() string {
+	return a.version
+}
+
 func (a *App) GetCheatSheet(program string) string {
 	if a.db == nil {
 		return "{}"

frontend/package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "frontend",
   "private": true,
-  "version": "0.2.0",
+  "version": "0.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

frontend/package.json

@@ -1 +1 @@
-ced8d5b88095d219f174b5ebe09e134e
+171597fb47240adc88296a8bb9f34413

frontend/package.json.md5

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
 import { reactive } from 'vue'
-import { GetPrograms, GetCheatSheet } from '../wailsjs/go/main/App'
+import { GetPrograms, GetCheatSheet, GetVersion } from '../wailsjs/go/main/App'
 import DataTable from 'primevue/datatable';
 import Column from 'primevue/column';
-import Menu from 'primevue/menu';
 
 const data = reactive({
+  app_version: "",
   programs: [],
   currentContent: JSON.parse('{"Selecione um software no menu!": []}')
 })
@@ -16,6 +16,13 @@ function changeContent(content: string) {
   })
 }
 
+function AppVersion() {
+  GetVersion().then(result => {
+    data.app_version = result
+  })
+}
+AppVersion()
+
 function listPrograms() {
   GetPrograms().then(result => {
     data.programs = JSON.parse(result)
@@ -29,6 +36,9 @@ listPrograms()
     <div class="vertical-menu">
       <a v-for="program in data.programs" :key="program" href="#" @click="changeContent(program)">{{ program }}</a>
       <br>
+      <footer>
+        <p class="app_footer">{{ data.app_version }}</p>
+      </footer>
     </div>
     <div v-for="(value, key) in data.currentContent" class="content-area">
       <h4>{{ key }}</h4>

frontend/src/App.vue

@@ -20,4 +20,8 @@ body {
 
 .p-datatable .p-datatable-thead {
     display: none;
+}
+
+.app_footer {
+    font-size: smaller;
 }

frontend/src/style.css

@@ -4,3 +4,5 @@
 export function GetCheatSheet(arg1:string):Promise<string>;
 
 export function GetPrograms():Promise<string>;
+
+export function GetVersion():Promise<string>;

frontend/wailsjs/go/main/App.d.ts

@@ -9,3 +9,7 @@ export function GetCheatSheet(arg1) {
 export function GetPrograms() {
   return window['go']['main']['App']['GetPrograms']();
 }
+
+export function GetVersion() {
+  return window['go']['main']['App']['GetVersion']();
+}

frontend/wailsjs/go/main/App.js

@@ -39,7 +39,7 @@ func main() {
 			},
 			About: &mac.AboutInfo{
 				Title:   "Desktop Cheat Sheet",
-				Message: "© @mvrpl_br",
+				Message: app.version + " | © mvrpl_br",
 			},
 		},
 	})

main.go

@@ -13,7 +13,7 @@
   "info": {
     "companyName": "mvrpl_br",
     "productName": "Desktop Cheat Sheet",
-    "productVersion": "0.2.0"
+    "productVersion": "0.2.1"
   },
   "nsisType": "single"
 }