Implement switching language (but doesn't persist)

.github/workflows/hub.yml

@@ -12,18 +12,25 @@ jobs:
         uses: actions/checkout@v2
       - name: Set up QEMU
         id: qemu
-        uses: docker/setup-qemu-action@v2
+        uses: docker/setup-qemu-action@v1
         with:
           platforms: linux/amd64,linux/arm64,linux/arm/v7
       - name: Available platforms
         run: echo ${{ steps.qemu.outputs.platforms }}
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
+        uses: docker/setup-buildx-action@v1
+      - name: Set up build cache
+        uses: actions/cache@v2
+        with:
+          path: /tmp/.buildx-cache
+          key: ${{ runner.os }}-buildx-${{ github.sha }}
+          restore-keys: |
+            ${{ runner.os }}-buildx-
       - name: Parse the git tag
         id: get_tag
         run: echo ::set-output name=TAG::$(echo $GITHUB_REF | cut -d / -f 3)
       - name: Login to DockerHub
-        uses: docker/login-action@v2
+        uses: docker/login-action@v1
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_TOKEN }}
@@ -34,10 +41,12 @@ jobs:
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
       - name: Build and push
-        uses: docker/build-push-action@v4
+        uses: docker/build-push-action@v2
         with:
           context: .
           file: ./Dockerfile
+          #platforms: linux/amd64,linux/arm/v6,linux/arm/v7,linux/arm64
+          #platforms: linux/amd64,linux/arm64,linux/arm/v6,linux/arm/v7
           platforms: linux/amd64,linux/arm64,linux/arm/v7
           push: true
           # cache-from: type=local,src=/tmp/.buildx-cache

Dockerfile

@@ -1,4 +1,4 @@
-ARG GO_VERSION=1.20.6
+ARG GO_VERSION=1.16.2
 FROM golang:${GO_VERSION}-alpine AS builder
 RUN apk update && apk add alpine-sdk git && rm -rf /var/cache/apk/*
 RUN mkdir -p /api
@@ -9,11 +9,9 @@ RUN go mod download
 COPY ./server .
 RUN go build -o ./app ./main.go
 
-FROM node:16-alpine as build-stage
+FROM node:14 as build-stage
 WORKDIR /app
 COPY ./ui/package*.json ./
-RUN apk add --no-cache autoconf automake build-base nasm libc6-compat python3 py3-pip make g++ libpng-dev zlib-dev pngquant
-
 RUN npm install
 COPY ./ui .
 RUN npm run build
@@ -27,7 +25,7 @@ ENV UID=998
 ENV PID=100
 ENV GIN_MODE=release
 VOLUME ["/config", "/assets"]
-RUN apk update && apk add ca-certificates tzdata && rm -rf /var/cache/apk/*
+RUN apk update && apk add ca-certificates && rm -rf /var/cache/apk/*
 RUN mkdir -p /config; \
     mkdir -p /assets; \
     mkdir -p /api

README.md

@@ -1,5 +1,6 @@
 <p align="center">
   <h1 align="center" style="margin-bottom:0">Hammond</h1>
+  <p align="center">Current Version - 2022.07.06</p>
 
   <p align="center">
     A self-hosted vehicle expense tracking system with support for multiple users.

server/controllers/import.go

@@ -4,7 +4,6 @@ import (
 	"net/http"
 	"strconv"
 
-	"hammond/models"
 	"hammond/service"
 
 	"github.com/gin-gonic/gin"
@@ -13,7 +12,6 @@ import (
 func RegisteImportController(router *gin.RouterGroup) {
 	router.POST("/import/fuelly", fuellyImport)
 	router.POST("/import/drivvo", drivvoImport)
-	router.POST("/import/generic", genericImport)
 }
 
 func fuellyImport(c *gin.Context) {
@@ -54,21 +52,3 @@ func drivvoImport(c *gin.Context) {
 	}
 	c.JSON(http.StatusOK, gin.H{})
 }
-
-func genericImport(c *gin.Context) {
-	var json models.ImportData
-	if err := c.ShouldBindJSON(&json); err != nil {
-		c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()})
-		return
-	}
-	if json.VehicleId == "" {
-		c.JSON(http.StatusUnprocessableEntity, "Missing Vehicle ID")
-		return
-	}
-	errors := service.GenericImport(json, c.MustGet("userId").(string))
-	if len(errors) > 0 {
-		c.JSON(http.StatusUnprocessableEntity, gin.H{"errors": errors})
-		return
-	}
-	c.JSON(http.StatusOK, gin.H{})
-}

server/controllers/masters.go

@@ -19,6 +19,7 @@ func RegisterAnonMasterConroller(router *gin.RouterGroup) {
 			"distanceUnits": db.DistanceUnitDetails,
 			"roles":         db.RoleDetails,
 			"currencies":    models.GetCurrencyMasterList(),
+			"languages": 	 models.GetLanguageMastersList(),
 		})
 	})
 }
@@ -52,7 +53,7 @@ func udpateSettings(c *gin.Context) {
 func udpateMySettings(c *gin.Context) {
 	var model models.UpdateSettingModel
 	if err := c.ShouldBind(&model); err == nil {
-		err := service.UpdateUserSettings(c.MustGet("userId").(string), model.Currency, *model.DistanceUnit, model.DateFormat)
+		err := service.UpdateUserSettings(c.MustGet("userId").(string), model.Currency, *model.DistanceUnit, model.DateFormat, model.Language)
 		if err != nil {
 			c.JSON(http.StatusUnprocessableEntity, common.NewError("udpateMySettings", err))
 			return

server/db/dbModels.go

@@ -19,6 +19,7 @@ type User struct {
 	Name         string       `json:"name"`
 	Vehicles     []Vehicle    `gorm:"many2many:user_vehicles;" json:"vehicles"`
 	IsDisabled   bool         `json:"isDisabled"`
+	Language     string       `json:"language"`
 }
 
 func (b *User) MarshalJSON() ([]byte, error) {

server/db/migrations.go

@@ -27,6 +27,10 @@ var migrations = []localMigration{
 		Name:  "2022_03_08_13_16_AddVIN",
 		Query: "ALTER TABLE vehicles ADD COLUMN vin text",
 	},
+	{
+		Name:  "2023_02_26_13_42_AddLanguage",
+		Query: "ALTER TABLE users ADD COLUMN language text default 'en'",
+	},
 }
 
 func RunMigrations() {

server/models/import.go

@@ -1,22 +0,0 @@
-package models
-
-type ImportData struct {
-	Data 			[]ImportFillup `json:"data" binding:"required"`
-	VehicleId string `json:"vehicleId" binding:"required"`
-	TimeZone	string `json:"timezone" binding:"required"`
-}
-
-type ImportFillup struct {
-	VehicleID       string       `json:"vehicleId"`
-	FuelQuantity    float32      `json:"fuelQuantity"`
-	PerUnitPrice    float32      `json:"perUnitPrice"`
-	TotalAmount     float32      `json:"totalAmount"`
-	OdoReading      int          `json:"odoReading"`
-	IsTankFull      *bool        `json:"isTankFull"`
-	HasMissedFillup *bool        `json:"hasMissedFillup"`
-	Comments        string       `json:"comments"`
-	FillingStation  string       `json:"fillingStation"`
-	UserID          string       `json:"userId"`
-	Date            string       `json:"date"`
-	FuelSubType     string       `json:"fuelSubType"`
-}

server/models/language.go

@@ -0,0 +1,24 @@
+package models
+
+type LanguageModel struct {
+	Emoji		string `json:"emoji"`
+	Name		string `json:"name"`
+	NameNative	string `json:"nameNative"`
+	Shorthand	string `json:"shorthand"`
+}
+
+func GetLanguageMastersList() []LanguageModel {
+	return []LanguageModel{
+		{
+			Emoji: "🇬🇧",
+			Name: "English",
+			NameNative: "English",
+			Shorthand: "en",
+		}, {
+			Emoji: "🇩🇪",
+			Name: "German",
+			NameNative: "Deutsch",
+			Shorthand: "de",
+		},
+	}
+}

server/models/misc.go

@@ -6,6 +6,7 @@ type UpdateSettingModel struct {
 	Currency     string           `json:"currency" form:"currency" query:"currency"`
 	DateFormat   string           `json:"dateFormat" form:"dateFormat" query:"dateFormat"`
 	DistanceUnit *db.DistanceUnit `json:"distanceUnit" form:"distanceUnit" query:"distanceUnit" `
+	Language     string           `json:"language" form:"language" query:"language"`
 }
 
 type ClarksonMigrationModel struct {

server/service/genericImportService.go

@@ -1,47 +0,0 @@
-package service
-
-import (
-	"hammond/db"
-	"hammond/models"
-	"time"
-)
-
-func GenericParseRefuelings(content []models.ImportFillup, user *db.User, vehicle *db.Vehicle, timezone string) ([]db.Fillup, []string) {
-	var errors []string
-	var fillups []db.Fillup
-	dateLayout := "2006-01-02T15:04:05.000Z"
-	loc, _ := time.LoadLocation(timezone)
-	for _, record := range content {
-		date, err := time.ParseInLocation(dateLayout, record.Date, loc)
-		if err != nil {
-			date = time.Date(2000, time.December, 0, 0, 0, 0, 0, loc)
-		}
-
-		var missedFillup bool
-		if record.HasMissedFillup == nil {
-			missedFillup = false
-		} else {
-			missedFillup = *record.HasMissedFillup
-		}
-
-		fillups = append(fillups, db.Fillup{
-			VehicleID:       vehicle.ID,
-			UserID:          user.ID,
-			Date:            date,
-			IsTankFull:      record.IsTankFull,
-			HasMissedFillup: &missedFillup,
-			FuelQuantity:    float32(record.FuelQuantity),
-			PerUnitPrice:    float32(record.PerUnitPrice),
-			FillingStation:  record.FillingStation,
-			OdoReading:      record.OdoReading,
-			TotalAmount:     float32(record.TotalAmount),
-			FuelUnit:        vehicle.FuelUnit,
-			Currency:        user.Currency,
-			DistanceUnit:    user.DistanceUnit,
-			Comments:        record.Comments,
-			Source:          "Generic Import",
-		})
-	}
-
-	return fillups, errors
-}

server/service/importService.go

@@ -4,7 +4,6 @@ import (
 	"bytes"
 
 	"hammond/db"
-	"hammond/models"
 )
 
 func WriteToDB(fillups []db.Fillup, expenses []db.Expense) []string {
@@ -106,27 +105,3 @@ func FuellyImport(content []byte, userId string) []string {
 
 	return WriteToDB(fillups, expenses)
 }
-
-func GenericImport(content models.ImportData, userId string) []string {
-	var errors []string
-	user, err := GetUserById(userId)
-	if err != nil {
-		errors = append(errors, err.Error())
-		return errors
-	}
-
-	vehicle, err := GetVehicleById(content.VehicleId)
-	if err != nil {
-		errors = append(errors, err.Error())
-		return errors
-	}
-
-	var fillups []db.Fillup
-	fillups, errors = GenericParseRefuelings(content.Data, user, vehicle, content.TimeZone)
-
-	if len(errors) != 0 {
-		return errors
-	}
-
-	return WriteToDB(fillups, nil)
-}

server/service/miscService.go

@@ -1,7 +1,9 @@
 package service
 
 import (
+	"errors"
 	"hammond/db"
+	"hammond/models"
 )
 
 func CanInitializeSystem() (bool, error) {
@@ -14,15 +16,30 @@ func UpdateSettings(currency string, distanceUnit db.DistanceUnit) error {
 	setting.DistanceUnit = distanceUnit
 	return db.UpdateSettings(setting)
 }
-func UpdateUserSettings(userId, currency string, distanceUnit db.DistanceUnit, dateFormat string) error {
+func UpdateUserSettings(userId, currency string, distanceUnit db.DistanceUnit, dateFormat string, language string) error {
 	user, err := db.GetUserById(userId)
 	if err != nil {
 		return err
 	}
 
+	// TODO: Pull into function
+	languageExists := false
+	languages := models.GetLanguageMastersList();
+	for _, lang := range languages {
+		if (language == lang.Shorthand){
+			languageExists = true
+		}
+	}
+
+	if (!languageExists) {
+		return errors.New("Language not in masters list")
+	}
+
+
 	user.Currency = currency
 	user.DistanceUnit = distanceUnit
 	user.DateFormat = dateFormat
+	user.Language = language
 	return db.UpdateUser(user)
 }
 

ui/package.json

@@ -36,7 +36,6 @@
     "node-gyp": "^9.3.1",
     "normalize.css": "^8.0.1",
     "nprogress": "^0.2.0",
-    "papaparse": "^5.4.1",
     "vue": "^2.6.11",
     "vue-chartjs": "^3.5.1",
     "vue-i18n": "^8.28.2",
@@ -63,6 +62,8 @@
     "eslint-plugin-vue": "^9.9.0",
     "express": "^4.18.2",
     "hygen": "^6.2.11",
+    "imagemin-lint-staged": "^0.5.1",
+    "lint-staged": "^13.1.1",
     "markdownlint-cli": "^0.33.0",
     "npm-run-all": "^4.1.1",
     "sass": "^1.58.0",

ui/src/locales/da.json

@@ -1,231 +0,0 @@
-{
-  "quickentry": "Ingen hurtige indtastninger | Hurtig indtastning | Hurtige indtastninger",
-	"statistics": "Statistik",
-	"thisweek": "Denne uge",
-	"thismonth": "Denne måned",
-	"pastxdays": "Forrige en dag | Forrige {count} dage",
-	"pastxmonths": "Forrige en måned | Forrige {count} måneder",
-	"thisyear": "Dette år",
-	"alltime": "Hele tiden",
-	"noattachments": "Ingen vedhæftede filer indtil videre",
-	"attachments": "Vedhæftede filer",
-	"choosefile": "Vælg fil",
-	"addattachment": "Tilføj vedhæftning",
-	"sharedwith": "Delt med",
-	"share": "Del",
-	"you": "Du",
-	"addfillup": "Tilføj påfyldning",
-	"createfillup": "Opret påfyldning",
-	"deletefillup": "Slet denne påfyldning",
-	"addexpense": "Tilføj udgift",
-	"createexpense": "Opret udgift",
-	"deleteexpense": "Slet denne udgift",
-	"nofillups": "Ingen påfyldninger indtil videre",
-	"transfervehicle": "Overfør køretøj",
-	"settingssaved": "Indstillingerne er gemt",
-	"yoursettings": "Dine indstillinger",
-	"settings": "Indstillinger",
-	"changepassword": "Skift adgangskode",
-	"oldpassword": "Gammel adgangskode",
-	"newpassword": "Ny adgangskode",
-	"repeatnewpassword": "Gentag ny adgangskode",
-	"passworddontmatch": "Adgangskoderne stemmer ikke overens",
-	"save": "Gem",
-	"supportthedeveloper": "Støt udvikleren",
-	"buyhimabeer": "Køb ham en øl!",
-	"featurerequest": "Ønske om funktion",
-	"foundabug": "Fundet en fejl",
-	"currentversion": "Nuværende version",
-	"moreinfo": "Mere info",
-	"currency": "Valuta",
-	"distanceunit": "Afstandsenhed",
-	"dateformat": "Datoformat",
-	"createnow": "Opret nu",
-	"yourvehicles": "Dine køretøjer"
-    "menu": {
-		"quickentries": "Hurtige indtastninger",
-		"logout": "Log ud",
-		"import": "Import",
-		"home": "Hjem",
-		"settings": "Indstillinger",
-		"admin": "Admin",
-		"sitesettings": "Webstedsindstillinger",
-		"users": "Brugere",
-		"login": "Log ind"
-	},
-	"enterusername": "Indtast dit brugernavn",
-	"enterpassword": "Indtast din adgangskode",
-	"email": "E-mail",
-	"password": "Adgangskode",
-	"login": "Log ind",
-	"totalexpenses": "Samlede udgifter",
-	"fillupcost": "Tankningsomkostninger",
-	"otherexpenses": "Andre udgifter",
-	"addvehicle": "Tilføj køretøj",
-	"editvehicle": "Rediger køretøj",
-	"deletevehicle": "Slet køretøj",
-	"sharevehicle": "Del køretøj",
-	"makeowner": "Gør til ejer",
-	"lastfillup": "Seneste tankning",
-	"quickentrydesc": "Tag et billede af fakturaen eller brændstofpumpens display for at foretage en indtastning senere.",
-	"quickentrycreatedsuccessfully": "Hurtig indtastning oprettet med succes",
-	"uploadfile": "Upload fil",
-	"uploadphoto": "Upload foto",
-	"details": "Detaljer",
-	"odometer": "Kilometertæller",
-	"language": "Sprog",
-	"date": "Dato",
-	"pastfillups": "Tidligere tankninger",
-	"fuelsubtype": "Brændstoftype",
-	"fueltype": "Brændstoftype",
-	"quantity": "Mængde",
-	"gasstation": "Tankstation"
-	"fuel": {
-		"petrol": "Benzin",
-		"diesel": "Diesel",
-		"cng": "CNG",
-		"lpg": "LPG",
-		"electric": "Elektrisk",
-		"ethanol": "Ethanol"
-	},
-	"unit": {
-		"long": {
-			"litre": "Liter",
-			"gallon": "Gallon",
-			"kilowatthour": "Kilowatt-time",
-			"kilogram": "Kilogram",
-			"usgallon": "US Gallon",
-			"minutes": "Minutter",
-			"kilometers": "Kilometer",
-			"miles": "Miles"
-		},
-		"short": {
-			"litre": "L",
-			"gallon": "Gal",
-			"kilowatthour": "KwH",
-			"kilogram": "Kg",
-			"usgallon": "US Gal",
-			"minutes": "Min",
-			"kilometers": "Km",
-			"miles": "Mi"
-		}
-	},
-	"avgfillupqty": "Gns. påfyldningsmængde",
-	"avgfillupexpense": "Gns. påfyldningsudgift",
-	"avgfuelcost": "Gns. brændstofpris",
-	"per": "{0} per {1}",
-	"price": "Pris",
-	"total": "Total",
-	"fulltank": "Tank fuld",
-	"partialfillup": "Delvis påfyldning",
-	"getafulltank": "Fik du en fuld tank?",
-	"tankpartialfull": "Hvad sporer du?",
-	"by": "Ved",
-	"expenses": "Udgifter",
-	"expensetype": "Udgiftstype",
-	"noexpenses": "Ingen udgifter indtil videre",
-	"download": "Download",
-	"title": "Titel",
-	"name": "Navn",
-	"delete": "Slet",
-	"importdata": "Importer data til Hammond",
-	"importdatadesc": "Vælg en af følgende muligheder for at importere data til Hammond",
-	"import": "Importer",
-	"importcsv": "Hvis du har brugt {name} til at gemme dine køretøjsdata, skal du eksportere CSV-filen fra {name} og klikke her for at importere.",
-	"importgeneric": "Generisk påfyldningsimport",
-	"importgenericdesc": "CSV-import af påfyldninger.",
-	"choosecsv": "Vælg CSV",
-	"choosephoto": "Vælg foto",
-	"importsuccessfull": "Data importeret med succes",
-	"importerror": "Der opstod et problem med at importere filen. Kontrollér fejlmeddelelsen",
-	"importfrom": "Importer fra {0}",
-	"stepstoimport": "Trin til import af data fra {name}",
-	"choosecsvimport": "Vælg {name} CSV-filen og klik på importknappen.",
-	"choosedatafile": "Vælg CSV-filen og klik derefter på importknappen.",
-	"dontimportagain": "Sørg for ikke at importere filen igen, da det vil skabe gentagne indtastninger.",
-	"checkpointsimportcsv": "Når du har kontrolleret alle disse punkter, kan du blot importere CSV'en nedenfor.",
-	"importhintunits": "På samme måde skal du sørge for, at <u>Brændstofenhed</u> og <u>Brændstoftype</u> er korrekt indstillet for køretøjet.",
-	"importhintcurrdist": "Sørg for, at <u>Valuta</u> og <u>Afstandsenhed</u> er korrekt indstillet i Hammond. Importen vil ikke automatisk registrere valutaen fra filen, men bruge den valuta, der er indstillet for brugeren.",
-	"importhintnickname": "Sørg for, at køretøjets kaldenavn i Hammond er præcis det samme som navnet i Fuelly CSV-filen, ellers vil importen ikke fungere.",
-	"importhintvehiclecreated": "Sørg for, at du allerede har oprettet køretøjerne i Hammond-platformen.",
-	"importhintcreatecsv": "Eksportér dine data fra {name} i CSV-format. Instruktioner til at gøre dette kan findes",
-	"importgenerichintdata": "Data skal være i CSV-format.",
-	"here": "her",
-	"unprocessedquickentries": "Du har en hurtig indtastning, der skal behandles. | Du har {0} hurtige indtastninger, der venter på at blive behandlet.",
-	"show": "Vis"
-	"loginerror": "Der opstod en fejl ved login til din konto. {msg}",
-	"showunprocessed": "Vis kun ubehandlede",
-	"unprocessed": "ubehandlede",
-	"sitesettingdesc": "Opdater indstillinger på webstedsniveau. Disse vil blive brugt som standardværdier for nye brugere.",
-	"settingdesc": "Disse vil blive brugt som standardværdier, når du opretter en ny påfyldning eller udgift.",
-	"areyousure": "Er du sikker på, at du vil fortsætte med dette?",
-	"adduser": "Tilføj bruger",
-	"usercreatedsuccessfully": "Bruger oprettet med succes",
-	"userdisabledsuccessfully": "Bruger deaktiveret med succes",
-	"userenabledsuccessfully": "Bruger aktiveret med succes",
-	"role": "Rolle",
-	"created": "Oprettet",
-	"createnewuser": "Opret ny bruger",
-	"cancel": "Annuller",
-	"novehicles": "Det ser ud til, at du endnu ikke har oprettet et køretøj i systemet. Begynd med at oprette en indtastning for et af de køretøjer, du gerne vil spore.",
-	"processed": "Marker som behandlet",
-	"notfound": "Ikke fundet",
-	"timeout": "Siden fik en timeout under indlæsningen. Er du stadig forbundet til internettet?",
-	"clicktoselect": "Klik for at vælge...",
-	"expenseby": "Udgift af",
-	"selectvehicle": "Vælg et køretøj",
-	"expensedate": "Udgiftsdato",
-	"totalamountpaid": "Samlet betalt beløb",
-	"fillmoredetails": "Udfyld flere oplysninger",
-	"markquickentryprocessed": "Marker valgt hurtig indtastning som behandlet",
-	"referquickentry": "Henvis hurtig indtastning",
-	"deletequickentry": "Dette vil slette denne hurtige indtastning. Dette trin kan ikke fortrydes. Er du sikker?",
-	"fuelunit": "Brændstofenhed",
-	"fillingstation": "Navn på tankstation",
-	"comments": "Kommentarer",
-	"missfillupbefore": "Glemte du at indtaste påfyldningen før denne?",
-	"missedfillup": "Glemt påfyldning",
-	"fillupdate": "Påfyldningsdato",
-	"fillupsavedsuccessfully": "Påfyldning gemt med succes",
-	"expensesavedsuccessfully": "Udgift gemt med succes",
-	"vehiclesavedsuccessfully": "Køretøj gemt med succes",
-	"settingssavedsuccessfully": "Indstillinger gemt med succes",
-	"back": "Tilbage",
-	"nickname": "Kælenavn",
-	"registration": "Registrering",
-	"createvehicle": "Opret køretøj",
-	"make": "Mærke / Firma",
-	"model": "Model",
-	"yearmanufacture": "Produktionsår",
-	"enginesize": "Motorsize (i cc)",
-	"mysqlconnstr": "MySQL-forbindelsesstreng",
-	"testconn": "Test forbindelse",
-	"migrate": "Migrer",
-	"init": {
-		"migrateclarkson": "Migrer fra Clarkson",
-		"migrateclarksondesc": "Hvis du har en eksisterende Clarkson-installation, og du vil migrere dine data fra den, skal du trykke på følgende knap.",
-		"freshinstall": "Ny installation",
-		"freshinstalldesc": "Hvis du vil have en ny installation af Hammond, skal du trykke på følgende knap.",
-		"clarkson": {
-			"desc": "<p>Du skal sørge for, at denne installation af Hammond kan få adgang til MySQL-databasen, der bruges af Clarkson.</p><p>Hvis det ikke er direkte muligt, kan du lave en kopi af den database et sted, der er tilgængeligt fra denne instans.</p><p>Når det er gjort, skal du indtaste forbindelsesstrengen til MySQL-instansen i følgende format.</p><p>Alle brugerne importeret fra Clarkson vil have deres brugernavn som deres e-mail i Clarkson-databasen, og adgangskoden er indstillet til<span class='' style='font-weight:bold'>hammond</span></p><code>bruger:adgangskode@tcp(127.0.0.1:3306)/dbname?charset=utf8mb4&parseTime=True&loc=Local</code><br/><br/>",
-			"success": "Vi har migreret dataene fra Clarkson med succes. Du vil snart blive omdirigeret til login-siden, hvor du kan logge ind med din eksisterende e-mail og adgangskode: hammond"
-		},
-		"fresh": {
-			"setupadminuser": "Opsætning af administratorbrugere",
-			"yourpassword": "Din adgangskode",
-			"youremail": "Din e-mail",
-			"yourname": "Dit navn",
-			"success": "Du er blevet registreret med succes. Du vil snart blive omdirigeret til login-siden, hvor du kan logge ind og begynde at bruge systemet."
-		}
-	},
-	"roles": {
-		"ADMIN": "ADMIN",
-		"USER": "BRUGER"
-	},
-	"profile": "Profil",
-	"processedon": "Behandlet den",
-	"enable": "Aktivér",
-	"disable": "Deaktiver",
-	"confirm": "Fortsæt",
-	"labelforfile": "Mærke for denne fil"
-}

ui/src/locales/de.json

@@ -137,7 +137,7 @@
     "dontimportagain": "Achte darauf, dass du die Datei nicht erneut importierst, da dies zu mehrfachen Einträgen führen würde.",
     "checkpointsimportcsv": "Wenn du alle diese Punkte überprüft hast kannst du unten die CSV importieren.",
     "importhintunits": "Vergewissere dich ebenfalls, dass die <u>Kraftstoffeinheit</u> und der <u>Kraftstofftyp</u> im Fahrzeug richtig eingestellt sind.",
-    "importhintcurrdist": "Stelle sicher, dass die <u>Währung</u> und die <u>Entfernungseinheit</u> in Hammond korrekt eingestellt sind. Der Import erkennt die Währung nicht automatisch aus der datei, sondern verwendet die für den Benutzer eingestellte Währung.",
+    "importhintcurrdist": "Stelle sicher, dass die <u>Währung</u> und die <u>Entfernungseinheit</u> in Hammond korrekt eingestellt sind. Der Import erkennt die Währung nicht automatisch aus der CSV-Datei, sondern verwendet die für den Benutzer eingestellte Währung.",
     "importhintnickname": "Vergewissere dich, dass der Fahrzeugname in Hammond genau mit dem Namen in der Fuelly-CSV-Datei übereinstimmt, sonst funktioniert der Import nicht.",
     "importhintvehiclecreated": "Vergewissere dich, dass du die Fahrzeuge bereits in Hammond erstellt hast.",
     "importhintcreatecsv": "Exportiere deine Daten aus {name} im CSV-Format. Die Schritte dazu findest du",

ui/src/locales/en.json

@@ -5,7 +5,7 @@
     "thismonth": "This month",
     "pastxdays": "Past one day | Past {count} days",
     "pastxmonths": "Past one month | Past {count} months",
-    "thisyear": "This year",
+    "thisyear": "This year", 
     "alltime": "All Time",
     "noattachments": "No Attachments so far",
     "attachments": "Attachments",
@@ -43,15 +43,15 @@
     "createnow": "Create Now",
     "yourvehicles": "Your Vehicles",
     "menu": {
-        "quickentries": "Quick Entries",
-        "logout": "Log out",
-        "import": "Import",
-        "home": "Home",
-        "settings": "Settings",
-        "admin": "Admin",
-        "sitesettings": "Site Settings",
-        "users": "Users",
-        "login": "Log in"
+      "quickentries": "Quick Entries",
+      "logout": "Log out",
+      "import": "Import",
+      "home": "Home",
+      "settings": "Settings",
+      "admin": "Admin",
+      "sitesettings": "Site Settings",
+      "users": "Users",
+      "login": "Log in"
     },
     "enterusername": "Enter your username",
     "enterpassword": "Enter your password",
@@ -81,34 +81,34 @@
     "quantity": "Quantity",
     "gasstation": "Gas Station",
     "fuel": {
-        "petrol": "Petrol",
-        "diesel": "Diesel",
-        "cng": "CNG",
-        "lpg": "LPG",
-        "electric": "Electric",
-        "ethanol": "Ethanol"
+      "petrol": "Petrol",
+      "diesel": "Diesel",
+      "cng": "CNG",
+      "lpg": "LPG",
+      "electric": "Electric",
+      "ethanol": "Ethanol"
     },
     "unit": {
-        "long": {
-            "litre": "Litre",
-            "gallon": "Gallon",
-            "kilowatthour": "Kilowatt Hour",
-            "kilogram": "Kilogram",
-            "usgallon": "US Gallon",
-            "minutes": "Minutes",
-            "kilometers": "Kilometers",
-            "miles": "Miles"
-        },
-        "short": {
-            "litre": "Lt",
-            "gallon": "Gal",
-            "kilowatthour": "KwH",
-            "kilogram": "Kg",
-            "usgallon": "US Gal",
-            "minutes": "Mins",
-            "kilometers": "Km",
-            "miles": "Mi"
-        }
+      "long": {
+        "litre": "Litre",
+        "gallon": "Gallon",
+        "kilowatthour": "Kilowatt Hour",
+        "kilogram": "Kilogram",
+        "usgallon": "US Gallon",
+        "minutes": "Minutes",
+        "kilometers": "Kilometers",
+        "miles": "Miles"
+      },
+      "short": {
+        "litre": "Lt",
+        "gallon": "Gal",
+        "kilowatthour": "KwH",
+        "kilogram": "Kg",
+        "usgallon": "US Gal",
+        "minutes": "Mins",
+        "kilometers": "Km",
+        "miles": "Mi"
+      }
     },
     "avgfillupqty": "Avg Fillup Qty",
     "avgfillupexpense": "Avg Fillup Expense",
@@ -117,9 +117,7 @@
     "price": "Price",
     "total": "Total",
     "fulltank": "Tank Full",
-    "partialfillup": "Partial Fillup",
     "getafulltank": "Did you get a full tank?",
-    "tankpartialfull": "Which do you track?",
     "by": "By",
     "expenses": "Expenses",
     "expensetype": "Expense Type",
@@ -132,8 +130,6 @@
     "importdatadesc": "Choose from the following options to import data into Hammond",
     "import": "Import",
     "importcsv": "If you have been using {name} to store your vehicle data, export the CSV file from {name} and click here to import.",
-    "importgeneric": "Generic Fillups Import",
-    "importgenericdesc": "Fillups CSV import.",
     "choosecsv": "Choose CSV",
     "choosephoto": "Choose Photo",
     "importsuccessfull": "Data Imported Successfully",
@@ -141,15 +137,13 @@
     "importfrom": "Import from {0}",
     "stepstoimport": "Steps to import data from {name}",
     "choosecsvimport": "Choose the {name} CSV and press the import button.",
-    "choosedatafile": "Choose the CSV file and then press the import button.",
     "dontimportagain": "Make sure that you do not import the file again because that will create repeat entries.",
     "checkpointsimportcsv": "Once you have checked all these points, just import the CSV below.",
     "importhintunits": "Similiarly, make sure that the <u>Fuel Unit</u> and <u>Fuel Type</u> are correctly set in the Vehicle.",
-    "importhintcurrdist": "Make sure that the <u>Currency</u> and <u>Distance Unit</u> are set correctly in Hammond. Import will not autodetect Currency from the file but use the one set for the user.",
+    "importhintcurrdist": "Make sure that the <u>Currency</u> and <u>Distance Unit</u> are set correctly in Hammond. Import will not autodetect Currency from the CSV but use the one set for the user.",
     "importhintnickname": "Make sure that the Vehicle nickname in Hammond is exactly the same as the name on Fuelly CSV or the import will not work.",
     "importhintvehiclecreated": "Make sure that you have already created the vehicles in Hammond platform.",
     "importhintcreatecsv": "Export your data from {name} in the CSV format. Steps to do that can be found",
-    "importgenerichintdata": "Data must be in CSV format.",
     "here": "here",
     "unprocessedquickentries": "You have one quick entry to be processed. | You have {0} quick entries pending to be processed.",
     "show": "Show",
@@ -184,7 +178,6 @@
     "fillingstation": "Filling Station Name",
     "comments": "Comments",
     "missfillupbefore": "Did you miss the fillup entry before this one?",
-    "missedfillup": "Missed Fillup",
     "fillupdate": "Fillup Date",
     "fillupsavedsuccessfully": "Fillup Saved Successfully",
     "expensesavedsuccessfully": "Expense Saved Successfully",
@@ -202,25 +195,25 @@
     "testconn": "Test Connection",
     "migrate": "Migrate",
     "init": {
-        "migrateclarkson": "Migrate from Clarkson",
-        "migrateclarksondesc": "If you have an existing Clarkson deployment and you want to migrate your data from that, press the following button.",
-        "freshinstall": "Fresh Install",
-        "freshinstalldesc": "If you want a fresh install of Hammond, press the following button.",
-        "clarkson": {
-            "desc": "<p>You need to make sure that this deployment of Hammond can access the MySQL database used by Clarkson.</p><p>If that is not directly possible, you can make a copy of that database somewhere accessible from this instance.</p><p>Once that is done, enter the connection string to the MySQL instance in the following format.</p><p>All the users imported from Clarkson will have their username as their email in Clarkson database and pasword set to<span class='' style='font-weight:bold'>hammond</span></p><code>user:pass@tcp(127.0.0.1:3306)/dbname?charset=utf8mb4&parseTime=True&loc=Local</code><br/><br/>",
-            "success": "We have successfully migrated the data from Clarkson. You will be redirected to the login screen shortly where you can login using your existing email and password : hammond"
-        },
-        "fresh": {
-            "setupadminuser": "Setup Admin Users",
-            "yourpassword": "Your Password",
-            "youremail": "Your Email",
-            "yourname": "Your Name",
-            "success": "You have been registered successfully. You will be redirected to the login screen shortly where you can login and start using the system."
-        }
+      "migrateclarkson": "Migrate from Clarkson",
+      "migrateclarksondesc": "If you have an existing Clarkson deployment and you want to migrate your data from that, press the following button.",
+      "freshinstall": "Fresh Install",
+      "freshinstalldesc": "If you want a fresh install of Hammond, press the following button.",
+      "clarkson": {
+        "desc": "<p>You need to make sure that this deployment of Hammond can access the MySQL database used by Clarkson.</p><p>If that is not directly possible, you can make a copy of that database somewhere accessible from this instance.</p><p>Once that is done, enter the connection string to the MySQL instance in the following format.</p><p>All the users imported from Clarkson will have their username as their email in Clarkson database and pasword set to<span class='' style='font-weight:bold'>hammond</span></p><code>user:pass@tcp(127.0.0.1:3306)/dbname?charset=utf8mb4&parseTime=True&loc=Local</code><br/><br/>",
+        "success": "We have successfully migrated the data from Clarkson. You will be redirected to the login screen shortly where you can login using your existing email and password : hammond"
+      },
+      "fresh": {
+        "setupadminuser": "Setup Admin Users",
+        "yourpassword": "Your Password",
+        "youremail": "Your Email",
+        "yourname": "Your Name",
+        "success": "You have been registered successfully. You will be redirected to the login screen shortly where you can login and start using the system."
+      }
     },
     "roles": {
-        "ADMIN": "ADMIN",
-        "USER": "USER"
+      "ADMIN": "ADMIN",
+      "USER": "USER"
     },
     "profile": "Profile",
     "processedon": "Processed on",
@@ -228,4 +221,4 @@
     "disable": "Disable",
     "confirm": "Go Ahead",
     "labelforfile": "Label for this file"
-}
+  }

ui/src/locales/fr.json

@@ -1,231 +0,0 @@
-{
-    "quickentry": "Pas d'entrée rapide | Entrée rapide | Entrées rapides",
-    "statistics": "Statistiques",
-    "thisweek": "Cette semaine",
-    "thismonth": "Ce mois",
-    "pastxdays": "Dernier jour | Derniers {count} jours",
-    "pastxmonths": "Dernier mois | Derniers {count} mois",
-    "thisyear": "Cette année",
-    "alltime": "Tout le temps",
-    "noattachments": "Pas de piece jointe",
-    "attachments": "Pièces jointes",
-    "choosefile": "Choose File",
-    "addattachment": "Ajouter une pièce jointe",
-    "sharedwith": "Partager avec",
-    "share": "Partager",
-    "you": "Vous",
-    "addfillup": "Ajouter un plein",
-    "createfillup": "Créer un plein",
-    "deletefillup": "Supprimer ce plein",
-    "addexpense": "Ajouter une dépense",
-    "createexpense": "Créer une dépense",
-    "deleteexpense": "Supprimer cette dépense",
-    "nofillups": "Pas de plein",
-    "transfervehicle": "Transferer le Véhicule",
-    "settingssaved": "Paramètres sauvegardés avec succès",
-    "yoursettings": "Vos paramètres",
-    "settings": "Paramètres",
-    "changepassword": "Changer votre mot de passe",
-    "oldpassword": "Ancien mot de passe",
-    "newpassword": "Nouveau mot de passe",
-    "repeatnewpassword": "Répéter votre nouveau mot de passe",
-    "passworddontmatch": "Les mots de passe ne correspondent pas",
-    "save": "Sauvegarder",
-    "supportthedeveloper": "Supporter le développeur",
-    "buyhimabeer": "Acheter lui un café!",
-    "featurerequest": "Demande de fonctionnalité",
-    "foundabug": "Trouvé un bug",
-    "currentversion": "Version actuelle",
-    "moreinfo": "Plus d'informations",
-    "currency": "Monnaie",
-    "distanceunit": "Unité de distance",
-    "dateformat": "Format de data",
-    "createnow": "Créer Maintenant",
-    "yourvehicles": "Vos Véhicules",
-    "menu": {
-        "quickentries": "Entrée rapide",
-        "logout": "Se déconnecter",
-        "import": "Importer",
-        "home": "Accueil",
-        "settings": "Paramètres",
-        "admin": "Admin",
-        "sitesettings": "Paramètres du site",
-        "users": "Utilisateurs",
-        "login": "Connexion"
-    },
-    "enterusername": "Entrez votre nom d'utilisateur",
-    "enterpassword": "Entrez votre mot de passe",
-    "email": "Email",
-    "password": "Mot de passe",
-    "login": "connexion",
-    "totalexpenses": "Dépenses totales",
-    "fillupcost": "Coût des pleins",
-    "otherexpenses": "Autres dépenses",
-    "addvehicle": "Ajouter un Véhicule",
-    "editvehicle": "Editer un Véhicule",
-    "deletevehicle": "Supprimer un Véhicule",
-    "sharevehicle": "Partager un Véhicule",
-    "makeowner": "Changer le propriétaire",
-    "lastfillup": "Dernier plein",
-    "quickentrydesc": "Prendre une photo de la facture ou de l'écran de la pompe à essence pour créer une entrée plus tard.",
-    "quickentrycreatedsuccessfully": "Entrée rapide créée avec succès",
-    "uploadfile": "Téléverser un fichier",
-    "uploadphoto": "Téléverser une photo",
-    "details": "Détails",
-    "odometer": "Odomètre",
-    "language": "Langue",
-    "date": "Date",
-    "pastfillups": "Derniers pleins",
-    "fuelsubtype": "Sous-type de combustible",
-    "fueltype": "Type de combustible",
-    "quantity": "Quantité",
-    "gasstation": "Station service",
-    "fuel": {
-        "petrol": "Pétrol",
-        "diesel": "Diesel",
-        "cng": "CNG",
-        "lpg": "LPG",
-        "electric": "Electrique",
-        "ethanol": "Éthanol"
-    },
-    "unit": {
-        "long": {
-            "litre": "Litre",
-            "gallon": "Gallon",
-            "kilowatthour": "Kilowatt Heure",
-            "kilogram": "Kilogram",
-            "usgallon": "US Gallon",
-            "minutes": "Minutes",
-            "kilometers": "Kilometres",
-            "miles": "Miles"
-        },
-        "short": {
-            "litre": "Lt",
-            "gallon": "Gal",
-            "kilowatthour": "KwH",
-            "kilogram": "Kg",
-            "usgallon": "US Gal",
-            "minutes": "Mins",
-            "kilometers": "Km",
-            "miles": "Mi"
-        }
-    },
-    "avgfillupqty": "Qté de plein moyen",
-    "avgfillupexpense": "Prix du plein moyen",
-    "avgfuelcost": "Prix de l'essence moyen",
-    "per": "{0} par {1}",
-    "price": "Prix",
-    "total": "Total",
-    "fulltank": "Reservoir complet",
-    "partialfillup": "Plein partiel",
-    "getafulltank": "Est-ce que vous avez rempli tout votre reservoir?",
-    "tankpartialfull": "Le quel traquez-vous?",
-    "by": "Par",
-    "expenses": "Dépenses",
-    "expensetype": "Type de dépense",
-    "noexpenses": "Pas de dépense",
-    "download": "Télécharger",
-    "title": "Titre",
-    "name": "Nom",
-    "delete": "Supprimer",
-    "importdata": "Importer des données dans Hammond",
-    "importdatadesc": "Choisissez une option pour importer des données dans Hammond",
-    "import": "Importer",
-    "importcsv": "Si vous utilisiez {name} pour stocker les données de vos véhicules, exportez les données en format CSV depuis {name} et cliquez ici pour importer.",
-    "importgeneric": "Importation de plein générique",
-    "importgenericdesc": "Importation de plein avec un SVC.",
-    "choosecsv": "Choisir un CSV",
-    "choosephoto": "Choisir une Photo",
-    "importsuccessfull": "Données importée avec succès",
-    "importerror": "Il y a eu un problème lors de l'importation. Veuillez regarder le message d'erreur",
-    "importfrom": "Importer depuis {0}",
-    "stepstoimport": "Étapes pour importer des données depuis {name}",
-    "choosecsvimport": "Choisissez le fichier CSV de {name} et appuyez sur le bouton pour importer.",
-    "choosedatafile": "Choisissez le fichier CSV et appuyez sur le bouton pour importer.",
-    "dontimportagain": "Faites attention à ne pas importer le fichier à nouveau car cela va créer des entrées dupliquées.",
-    "checkpointsimportcsv": "Dès que vous avez vérifié tous ces points, importez le CSV ci-dessous.",
-    "importhintunits": "De la même manière, make sure that the <u>Fuel Unit</u> and <u>Fuel Type</u> are correctly set in the Vehicle.",
-    "importhintcurrdist": "Soyez sûre que la <u>Monnaie</u> et l'<u>Unité de distance</u> sont mises correctement dans Hammond. L'importation ne detectera pas automatiquement la Monnaie du fichier mais utilisera les valeurs de l'utilisateur.",
-    "importhintnickname": "Soyez sûre que le nom du véhicule dans Hammon est exactement le même que le nom dans Fuelly, sinon, l'importation ne fonctionnera pas.",
-    "importhintvehiclecreated": "Soyez sûre d'avoir déjà créé le véhicule dans la plate-forme Hammond.",
-    "importhintcreatecsv": "Exportez vos données depuis {name} en format CSV. Les étapes pour faire ceci peuvent être trouvées",
-    "importgenerichintdata": "Les données doivent être au format CSV.",
-    "here": "ici",
-    "unprocessedquickentries": "Vous avez 1 entrée rapide en attente d'être traîtée. | Vous avez {0} entrée rapide en attente d'être traîtée.",
-    "show": "montrer",
-    "loginerror": "Il y a eu une erreur lors de la connexion a votre compte: {msg}",
-    "showunprocessed": "Montrer seulement les non-traîtées",
-    "unprocessed": "non-traîtée",
-    "sitesettingdesc": "Mettre à jour les paramètres du site. Ces valeurs seront utilisées par défaut pour les nouveaux utilisateurs.",
-    "settingdesc": "Ces valeurs seront utilisées par défaut lorsque vous créez un nouveau plein ou une nouvelle dépense.",
-    "areyousure": "Êtes-vous sûre de vouloir faire ceci?",
-    "adduser": "Ajouter un utilisateur",
-    "usercreatedsuccessfully": "Utilisateur créé avec succès",
-    "userdisabledsuccessfully": "Utilisateur désactivé avec succès",
-    "userenabledsuccessfully": "Utilisateur activé avec succès",
-    "role": "Rôle",
-    "created": "Créé",
-    "createnewuser": "Créer un nouvel utilisateur",
-    "cancel": "Annuler",
-    "novehicles": "Il semble que vous n'avez pas encore créé de véhicule dans le système pour le moment. Commencez par créer une entrée pour un des véhicule que vous voulez traquer.",
-    "processed": "Marquer en tant que traîté",
-    "notfound": "Non Trouvé",
-    "timeout": "La page a expiré lors du chargement. Êtes-vous sûre d'être toujours connecté à Internet?",
-    "clicktoselect": "Cliquer pour sélectionner...",
-    "expenseby": "Dépense par",
-    "selectvehicle": "Selectionner un véhicule",
-    "expensedate": "Date de la dépense",
-    "totalamountpaid": "Montant payé total",
-    "fillmoredetails": "Entrer plus de détails",
-    "markquickentryprocessed": "Marquer l'entrée rapide séléctionnée en tant que traîtée",
-    "referquickentry": "Faire référence à une entrée rapide",
-    "deletequickentry": "Ceci va supprimer l'entrée rapide. Cette action ne peut pas être annulée. Êtes-vous sûre?",
-    "fuelunit": "Unité de combustible",
-    "fillingstation": "Nom de la station service",
-    "comments": "Commentaires",
-    "missfillupbefore": "Est-ce que vous avez manqué un plein avant celui-ci?",
-    "missedfillup": "Plein manqué",
-    "fillupdate": "Date du plein",
-    "fillupsavedsuccessfully": "Plein sauvegardé avec succès",
-    "expensesavedsuccessfully": "Dépense sauvegardé avec succès",
-    "vehiclesavedsuccessfully": "Véhicule sauvegardé avec succès",
-    "settingssavedsuccessfully": "Paramètres sauvegardés avec succès",
-    "back": "Retour",
-    "nickname": "Surnom",
-    "registration": "Immatriculation",
-    "createvehicle": "Créer un Véhicule",
-    "make": "Marque",
-    "model": "Modèle",
-    "yearmanufacture": "Année de production",
-    "enginesize": "Taille du moteur (en chevaux)",
-    "mysqlconnstr": "Chaîne de caractère pour la connexion MySQL",
-    "testconn": "Tester la Connexion",
-    "migrate": "Migrer",
-    "init": {
-        "migrateclarkson": "Migrer depuis Clarkson",
-        "migrateclarksondesc": "Si vous avez un déploiement Clarkson existant et que vous souhaitez migrer vos données à partir de celui-ci, appuyez sur le bouton suivant.",
-        "freshinstall": "Nouvelle Installation",
-        "freshinstalldesc": "Si vous voulez une nouvelle installation de Hammond, appuyez sur le bouton suivant.",
-        "clarkson": {
-            "desc": "<p>Vous devez vous assurer que ce déploiement de Hammond peut accéder à la base de données MySQL utilisée par Clarkson.</p><p>Si ce n'est pas directement possible, vous pouvez faire une copie de cette base de données autre part qui est accessible à partir de cette instance.</p><p>Une fois cela fait, entrez la chaîne de connexion à l'instance MySQL au format suivant.</p><p>Tous les utilisateurs importés de Clarkson auront leur nom d'utilisateur comme e-mail dans la base de données Clarkson et le mot de passe défini sur <span class='' style='font-weight:bold'>hammond</span></p><code>user:pass@tcp(127.0.0.1:3306)/dbname?charset=utf8mb4&parseTime=True&loc=Local</code><br/><br/>",
-            "success": "Nous avons migré avec succès les données depuis Clarkson. Vous serez bientôt redirigé vers l'écran de connexion où vous pourrez vous connecter en utilisant votre adresse e-mail et votre mot de passe existants : hammond"
-        },
-        "fresh": {
-            "setupadminuser": "Configurer le compte administrateur",
-            "yourpassword": "Votre Mot de passe",
-            "youremail": "Votre Email",
-            "yourname": "Votre Nom",
-            "success": "Vous avez été inscrit avec succès. Vous allez être redirigé vers la page de connexion très bientôt, vous pourrez vous connecter et commencer à utiliser le système."
-        }
-    },
-    "roles": {
-        "ADMIN": "ADMIN",
-        "USER": "USER"
-    },
-    "profile": "Profile",
-    "processedon": "Traîté le",
-    "enable": "Activer",
-    "disable": "Désactiver",
-    "confirm": "Continuer",
-    "labelforfile": "Label pour ce fichier"
-}

ui/src/main.js

@@ -7,7 +7,6 @@ import {
   faCheck,
   faTimes,
   faArrowUp,
-  faArrowRotateLeft,
   faAngleLeft,
   faAngleRight,
   faCalendar,
@@ -39,7 +38,6 @@ library.add(
   faCheck,
   faTimes,
   faArrowUp,
-  faArrowRotateLeft,
   faAngleLeft,
   faAngleRight,
   faCalendar,

ui/src/router/routes.js

@@ -419,15 +419,6 @@ export default [
     },
     props: (route) => ({ user: store.state.auth.currentUser || {} }),
   },
-  {
-    path: '/import/generic',
-    name: 'import-generic',
-    component: () => lazyLoadView(import('@views/import-generic.vue')),
-    meta: {
-      authRequired: true,
-    },
-    props: (route) => ({ user: store.state.auth.currentUser || {} }),
-  },
   {
     path: '/logout',
     name: 'logout',

ui/src/router/views/createFillup.vue

@@ -76,9 +76,6 @@ export default {
     this.fetchVehicleFuelSubTypes()
     if (!this.fillup.id) {
       this.fillupModel = this.getEmptyFillup()
-      if (this.vehicle.fillups.length > 0) {
-        this.fillupModel.odoReading = this.vehicle.fillups[0].odoReading
-      }
       this.fillupModel.userId = this.me.id
     }
   },
@@ -280,15 +277,7 @@ export default {
       </b-field>
       <br />
       <b-field>
-        <b-button
-          tag="button"
-          native-type="submit"
-          :disabled="tryingToCreate"
-          type="is-primary"
-          :value="$t('save')"
-          :label="$t('createfillup')"
-          expanded
-        />
+        <b-button tag="button" native-type="submit" :disabled="tryingToCreate" type="is-primary" :value="$t('save')" :label="$t('createfillup')" expanded/> 
         <p v-if="authError">
           There was an error logging in to your account.
         </p>

ui/src/router/views/import-generic.unit.js

@@ -1,7 +0,0 @@
-import ImportGeneric from './import-generic'
-
-describe('@views/import-generic', () => {
-  it('is a valid view', () => {
-    expect(ImportGeneric).toBeAViewComponent()
-  })
-})

ui/src/router/views/import-generic.vue

@@ -1,411 +0,0 @@
-<script>
-import Layout from '@layouts/main.vue'
-import { mapState } from 'vuex'
-import axios from 'axios'
-import Papa from 'papaparse'
-
-export default {
-  page: {
-    title: 'Generic Import',
-    meta: [{ name: 'description', content: 'The Generic Import page.' }],
-  },
-  components: { Layout },
-  props: {
-    user: {
-      type: Object,
-      required: true,
-    },
-  },
-  data: function () {
-    return {
-      file: null,
-      tryingToCreate: false,
-      errors: [],
-      papaConfig: { dynamicTyping: true, skipEmptyLines: true, complete: this.assignResults },
-      fileData: null,
-      fileHeadings: null,
-      myVehicles: [],
-      selectedVehicle: null,
-      invertFullTank: null,
-      filledValueString: '',
-      notFilledValueString: '',
-      isFullTankString: false,
-      fileHeadingMap: {
-        fuelQuantity: null,
-        perUnitPrice: null,
-        totalAmount: null,
-        odoReading: null,
-        isTankFull: null,
-        hasMissedFillup: null,
-        comments: [], // [int]
-        fillingStation: null,
-        date: null,
-        fuelSubType: null,
-      },
-    }
-  },
-  computed: {
-    ...mapState('utils', ['isMobile']),
-    ...mapState('vehicles', ['vehicles']),
-    uploadButtonLabel() {
-      if (this.isMobile) {
-        if (this.file == null) {
-          return this.$t('choosephoto')
-        } else {
-          return ''
-        }
-      } else {
-        if (this.file == null) {
-          return this.$t('choosefile')
-        } else {
-          return ''
-        }
-      }
-    },
-  },
-  mounted() {
-    this.myVehicles = this.vehicles
-  },
-  methods: {
-    assignResults(results, file) {
-      this.fileData = results.data
-      this.fileHeadings = results.data[0]
-    },
-    parseCSV() {
-      if (this.file == null) {
-        return
-      }
-      this.errorMessage = ''
-      Papa.parse(this.file, this.papaConfig)
-    },
-    getUsedHeadings() {
-      return Object.keys(this.fileHeadingMap).filter((k) => this.fileHeadingMap[k] != null) // filter non-null properties
-    },
-    getTimezone() {
-      return Intl.DateTimeFormat().resolvedOptions().timeZone
-    },
-    csvToJson() {
-      const data = []
-      const headings = this.getUsedHeadings().reduce((a, k) => ({ ...a, [k]: this.fileHeadingMap[k] }), {}) // create new object from filter
-      const comments = (row) => {
-        return this.fileHeadingMap.comments.reduce((a, fi) => {
-          // TODO: sanitize to prevent XSS
-          return `${a}${this.fileHeadings[fi]}: ${row[fi]}\n`
-        }, '')
-      }
-      const calculateTotal = (row) => {
-        return this.fileHeadingMap.totalAmount === -1
-          ? row[this.fileHeadingMap.fuelQuantity] * row[this.fileHeadingMap.perUnitPrice]
-          : row[this.fileHeadingMap.totalAmount]
-      }
-
-      const setFullTank = (row) => {
-        if (row[this.fileHeadingMap.isTankFull].toLowerCase() === this.filledValueString.toLowerCase()) {
-          return true
-        } else if (row[this.fileHeadingMap.isTankFull].toLowerCase() === this.notFilledValueString.toLowerCase()) {
-          return false
-        } else {
-          // TODO: need to handle errors better
-          throw Error
-        }
-      }
-
-      for (let r = 1; r < this.fileData.length; r++) {
-        const row = this.fileData[r]
-        const item = {}
-        Object.keys(headings).forEach((k) => {
-          if (k === 'comments') {
-            item[k] = comments(row)
-          } else if (k === 'totalAmount') {
-            item[k] = calculateTotal(row)
-          } else if (k === 'isTankFull') {
-            if (this.isFullTankString) {
-              item[k] = setFullTank(row)
-            } else {
-              if (this.invertFullTank) {
-                item[k] = Boolean(!row[headings[k]])
-              } else {
-                item[k] = Boolean(row[headings[k]])
-              }
-            }
-          } else if (k === 'hasMissedFillup') {
-            // TODO: need to account for this field being a string
-            item[k] = Boolean(row[headings[k]])
-          } else if (k === 'date') {
-            item[k] = new Date(row[headings[k]]).toISOString()
-          } else {
-            item[k] = row[headings[k]]
-          }
-        })
-        data.push(item)
-      }
-      return data
-    },
-    importData() {
-      if (this.errors.length === 0) {
-        try {
-          const content = {
-            data: this.csvToJson(),
-            vehicleId: this.selectedVehicle.id,
-            timezone: this.getTimezone(),
-          }
-          axios
-            .post('/api/import/generic', content)
-            .then((data) => {
-              this.$buefy.toast.open({
-                message: this.$t('importsuccessfull'),
-                type: 'is-success',
-                duration: 3000,
-              })
-              setTimeout(() => this.$router.push({ name: 'home' }), 1000)
-            })
-            .catch((ex) => {
-              this.$buefy.toast.open({
-                duration: 5000,
-                message: this.$t('importerror'),
-                position: 'is-bottom',
-                type: 'is-danger',
-              })
-              console.log(ex)
-              if (ex.response && ex.response.data.error) {
-                this.errors.push(ex.response.data.error)
-              }
-            })
-        } catch (e) {
-          // TODO: handle error
-          this.errors.push(e)
-        }
-      } else {
-        this.errors.push('fix errors')
-      }
-    },
-    checkFieldString() {
-      const tankFull = this.fileData[1][this.fileHeadingMap.isTankFull]
-      if (typeof tankFull !== 'boolean' && typeof tankFull === 'string') {
-        this.isFullTankString = true
-      }
-    },
-    clearHeadingProperty(property) {
-      if (property === 'comments') {
-        this.fileHeadingMap[property] = []
-      } else {
-        this.fileHeadingMap[property] = null
-      }
-    },
-  },
-}
-</script>
-
-<template>
-  <Layout>
-    <div class="columns box">
-      <div class="column">
-        <h1 class="title">{{ $t('importgeneric') }}</h1>
-      </div>
-    </div>
-    <br />
-    <div v-if="fileData === null" class="columns">
-      <div class="column">
-        <p class="subtitle"> {{ $t('stepstoimport', { name: 'CSV' }) }}</p>
-        <ol>
-          <!-- <li>{{ $t('importhintcreatecsv', { 'name': 'Fuelly' }) }} <a href="http://docs.fuelly.com/acar-import-export-center" target="_nofollow">{{ $t('here') }}</a>.</li> -->
-          <li>{{ $t('importgenerichintdata') }}</li>
-          <li>{{ $t('importhintvehiclecreated') }}</li>
-          <li v-html="$t('importhintcurrdist')"></li>
-          <li v-html="$t('importhintunits')"></li>
-          <li>
-            <b>{{ $t('dontimportagain') }}</b>
-          </li>
-        </ol>
-      </div>
-    </div>
-    <div v-if="fileData === null" class="section box">
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <p class="subtitle">{{ $t('choosedatafile') }}</p>
-        </div>
-        <div class="column is-one-third is-flex is-align-content-center">
-          <form @submit.prevent="parseCSV">
-            <div class="columns">
-              <div class="column">
-                <b-field class="file is-primary" :class="{ 'has-name': !!file }">
-                  <b-upload v-model="file" class="file-label" accept=".csv" required>
-                    <span class="file-cta">
-                      <b-icon class="file-icon" icon="upload"></b-icon>
-                      <span class="file-label">{{ uploadButtonLabel }}</span>
-                    </span>
-                    <span v-if="file" class="file-name" :class="isMobile ? 'file-name-mobile' : 'file-name-desktop'">
-                      {{ file.name }}
-                    </span>
-                  </b-upload>
-                </b-field>
-              </div>
-              <div class="column">
-                <b-button tag="button" native-type="submit" type="is-primary" class="control">
-                  {{ $t('import') }}
-                </b-button>
-              </div>
-            </div>
-          </form>
-        </div>
-      </div>
-    </div>
-    <div v-else class="columns">
-      <div class="column">
-        <p class="subtitle">Map Fields</p>
-        <form class="" @submit.prevent="importData">
-          <b-field :label="$t('selectvehicle')">
-            <b-select v-model="selectedVehicle" :placeholder="$t('vehicle')" required expanded>
-              <option v-for="option in myVehicles" :key="option.id" :value="option">
-                {{ option.nickname }}
-              </option>
-            </b-select>
-          </b-field>
-          <span v-if="selectedVehicle !== null">
-            <b-field :label="$t('fillupdate')">
-              <b-select v-model="fileHeadingMap.date" required expanded>
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <b-field>
-              <template v-slot:label>
-                {{ $t('fuelsubtype') }}
-                <b-tooltip type="is-dark" label="Clear selection">
-                  <b-button
-                    type="is-ghost"
-                    size="is-small"
-                    icon-pack="fas"
-                    icon-right="arrow-rotate-left"
-                    @click="clearHeadingProperty('fuelSubType')"
-                  ></b-button>
-                </b-tooltip>
-              </template>
-              <b-select v-model="fileHeadingMap.fuelSubType" expanded>
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <b-field :label="$t('quantity')">
-              <b-select v-model="fileHeadingMap.fuelQuantity" expanded required>
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <b-field :label="$t('per', { '0': $t('price'), '1': $t('unit.short.' + selectedVehicle.fuelUnitDetail.key) })">
-              <b-select v-model.number="fileHeadingMap.perUnitPrice" type="number" min="0" step=".001" expanded required>
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <b-field :label="$t('totalamountpaid')">
-              <b-select v-model.number="fileHeadingMap.totalAmount" expanded required>
-                <option value="-1">Calculated</option>
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <b-field :label="$t('odometer')">
-              <b-select v-model.number="fileHeadingMap.odoReading" expanded required>
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <b-field :label="$t('tankpartialfull')">
-              <b-radio-button v-model="invertFullTank" native-value="false">{{ $t('fulltank') }}</b-radio-button>
-              <b-radio-button v-model="invertFullTank" native-value="true">{{ $t('partialfillup') }}</b-radio-button>
-            </b-field>
-            <b-field>
-              <b-select v-model="fileHeadingMap.isTankFull" required @input="checkFieldString">
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <span v-if="isFullTankString === true" required>
-              <b-field label="Value when tank is filled">
-                <b-input v-model="filledValueString"></b-input>
-              </b-field>
-              <b-field label="Value when tank was not completely filled">
-                <b-input v-model="notFilledValueString"></b-input>
-              </b-field>
-            </span>
-            <b-field>
-              <template v-slot:label>
-                {{ $t('missedfillup') }}
-                <b-tooltip type="is-dark" label="Clear selection">
-                  <b-button
-                    type="is-ghost"
-                    size="is-small"
-                    icon-pack="fas"
-                    icon-right="arrow-rotate-left"
-                    @click="clearHeadingProperty('hasMissedFillup')"
-                  ></b-button>
-                </b-tooltip>
-              </template>
-              <b-select v-model="fileHeadingMap.hasMissedFillup">
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <b-field>
-              <template v-slot:label>
-                {{ $t('fillingstation') }}
-                <b-tooltip type="is-dark" label="Clear selection">
-                  <b-button
-                    type="is-ghost"
-                    size="is-small"
-                    icon-pack="fas"
-                    icon-right="arrow-rotate-left"
-                    @click="clearHeadingProperty('fillingStation')"
-                  ></b-button>
-                </b-tooltip>
-              </template>
-              <b-select v-model="fileHeadingMap.fillingStation">
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <b-field>
-              <template v-slot:label>
-                {{ $t('comments') }}
-                <b-tooltip type="is-dark" label="Clear selection">
-                  <b-button
-                    type="is-ghost"
-                    size="is-small"
-                    icon-pack="fas"
-                    icon-right="arrow-rotate-left"
-                    @click="clearHeadingProperty('comments')"
-                  ></b-button>
-                </b-tooltip>
-              </template>
-              <b-select v-model="fileHeadingMap.comments" type="textarea" multiple expanded>
-                <option v-for="(option, index) in fileHeadings" :key="index" :value="index">
-                  {{ option }}
-                </option>
-              </b-select>
-            </b-field>
-            <br />
-            <b-field>
-              <b-button tag="button" native-type="submit" type="is-primary" :value="$t('save')" :label="$t('import')" expanded />
-              <p v-if="authError"> There was an error logging in to your account. </p>
-            </b-field>
-          </span>
-        </form>
-      </div>
-    </div>
-    <b-message v-if="errors.length" type="is-danger">
-      <ul>
-        <li v-for="error in errors" :key="error">{{ error }}</li>
-      </ul>
-    </b-message>
-  </Layout>
-</template>

ui/src/router/views/import.vue

@@ -18,19 +18,18 @@ export default {
 
 <template>
   <Layout>
-    <div class="columns box">
-      <div class="column">
+    <div class="columns box"
+      ><div class="column">
         <h1 class="title">{{ $t('importdata') }}</h1>
         <p class="subtitle">{{ $t('importdatadesc') }}</p>
-      </div>
-    </div>
+      </div></div
+    >
     <br />
     <div class="columns">
       <div class="column is-one-third">
         <div class="box">
           <h1 class="title">Fuelly</h1>
-          <p>If you have been using Fuelly to store your vehicle data, export the CSV file from Fuelly and click here to
-            import.</p>
+          <p>If you have been using Fuelly to store your vehicle data, export the CSV file from Fuelly and click here to import.</p>
           <br />
           <b-button type="is-primary" tag="router-link" to="/import/fuelly">{{ $t('import') }}</b-button>
         </div>
@@ -44,16 +43,6 @@ export default {
           <b-button type="is-primary" tag="router-link" to="/import/drivvo">{{ $t('import') }}</b-button>
         </div>
       </div>
-
-
-      <div class="column is-one-third" to="/import-generic">
-        <div class="box">
-          <h1 class="title">{{ $t('importgeneric') }}</h1>
-          <p>{{ $t('importgenericdesc') }}</p>
-          <br />
-          <b-button type="is-primary" tag="router-link" to="/import/generic">{{ $t('import') }}</b-button>
-        </div>
-      </div>
     </div>
   </Layout>
 </template>

ui/src/router/views/settings.vue

@@ -22,11 +22,13 @@ export default {
   data: function() {
     return {
       settingsModel: {
+        language: this.me.language,
         currency: this.me.currency,
         distanceUnit: this.me.distanceUnit,
         dateFormat: this.me.dateFormat,
       },
       tryingToSave: false,
+      selectedLanguage: "",
       changePassModel: {
         old: '',
         new: '',
@@ -36,7 +38,7 @@ export default {
     }
   },
   computed: {
-    ...mapState('vehicles', ['currencyMasters', 'distanceUnitMasters']),
+    ...mapState('masters', ['currencyMasters', 'languageMasters', 'distanceUnitMasters']),
     passwordValid() {
       if (this.changePassModel.new === '' || this.changePassModel.renew === '') {
         return true
@@ -59,6 +61,9 @@ export default {
       })
     },
   },
+  mounted() {
+    this.selectedLanguage = this.formatLanguage(this.languageMasters.filter(x => x.shorthand === this.me.language)[0])
+  },
   methods: {
     changePassword() {
       if (!this.passwordValid) {
@@ -110,6 +115,7 @@ export default {
             type: 'is-success',
             duration: 3000,
           })
+          this.$i18n.locale = this.settingsModel.language
         })
         .catch((ex) => {
           this.$buefy.toast.open({
@@ -126,6 +132,9 @@ export default {
     formatCurrency(option) {
       return `${option.namePlural} (${option.code})`
     },
+    formatLanguage(option) {
+      return `${option.nameNative} ${option.emoji}`
+    },
   },
 }
 </script>
@@ -136,9 +145,18 @@ export default {
     <div class="columns"
       ><div class="column">
         <form class="box " @submit.prevent="saveSettings">
-          <h1 class="subtitle">
-            {{ $t('settingdesc') }}
-          </h1>
+          <b-field :label="$t('language')">
+          <b-autocomplete 
+            v-model="selectedLanguage"
+            :placeholder="$t('language')"
+            :keep-first="true"
+            :custom-formatter="formatLanguage"
+            :data="languageMasters"
+            :open-on-focus="true"
+            required
+            @select="(option) => (settingsModel.language = option.shorthand)"
+          />
+            </b-field>
           <b-field :label="$t('currency')">
             <b-autocomplete
               v-model="settingsModel.currency"

ui/src/state/modules/masters.js

@@ -0,0 +1,52 @@
+import axios from 'axios'
+
+export const state = {
+  languageMasters: [],
+  fuelUnitMasters: [],
+  distanceUnitMasters: [],
+  currencyMasters: [],
+  fuelTypeMasters: [],
+  roleMasters: [],
+}
+export const mutations = {
+  CACHE_LANGUAGE_MASTERS(state, masters) {
+    state.languageMasters = masters
+  },
+  CACHE_FUEL_UNIT_MASTERS(state, masters) {
+    state.fuelUnitMasters = masters
+  },
+  CACHE_DISTANCE_UNIT_MASTERS(state, masters) {
+    state.distanceUnitMasters = masters
+  },
+  CACHE_FUEL_TYPE_MASTERS(state, masters) {
+    state.fuelTypeMasters = masters
+  },
+  CACHE_CURRENCY_MASTERS(state, masters) {
+    state.currencyMasters = masters
+  },
+  CACHE_ROLE_MASTERS(state, roles) {
+    state.roleMasters = roles
+  },
+}
+
+export const getters = {}
+
+export const actions = {
+  init({ dispatch, rootState }) {
+    const { currentUser } = rootState.auth
+    if (currentUser) {
+      dispatch('fetchMasters')
+    }
+  },
+  fetchMasters({ commit, state, rootState }) {
+    return axios.get('/api/masters').then((response) => {
+      commit('CACHE_LANGUAGE_MASTERS', response.data.languages)
+      commit('CACHE_FUEL_UNIT_MASTERS', response.data.fuelUnits)
+      commit('CACHE_FUEL_TYPE_MASTERS', response.data.fuelTypes)
+      commit('CACHE_CURRENCY_MASTERS', response.data.currencies)
+      commit('CACHE_DISTANCE_UNIT_MASTERS', response.data.distanceUnits)
+      commit('CACHE_ROLE_MASTERS', response.data.roles)
+      return response.data
+    })
+  },
+}

ui/src/state/modules/vehicles.js

@@ -4,11 +4,6 @@ import { filter } from 'lodash'
 import parseISO from 'date-fns/parseISO'
 export const state = {
   vehicles: [],
-  roleMasters: [],
-  fuelUnitMasters: [],
-  distanceUnitMasters: [],
-  currencyMasters: [],
-  fuelTypeMasters: [],
   quickEntries: [],
   vehicleStats: new Map(),
 }
@@ -29,24 +24,9 @@ export const mutations = {
   CACHE_VEHICLE_STATS(state, stats) {
     state.vehicleStats.set(stats.vehicleId, stats)
   },
-  CACHE_FUEL_UNIT_MASTERS(state, masters) {
-    state.fuelUnitMasters = masters
-  },
-  CACHE_DISTANCE_UNIT_MASTERS(state, masters) {
-    state.distanceUnitMasters = masters
-  },
-  CACHE_FUEL_TYPE_MASTERS(state, masters) {
-    state.fuelTypeMasters = masters
-  },
-  CACHE_CURRENCY_MASTERS(state, masters) {
-    state.currencyMasters = masters
-  },
   CACHE_QUICK_ENTRIES(state, entries) {
     state.quickEntries = entries
   },
-  CACHE_ROLE_MASTERS(state, roles) {
-    state.roleMasters = roles
-  },
 }
 
 export const actions = {
@@ -54,22 +34,9 @@ export const actions = {
     const { currentUser } = rootState.auth
     if (currentUser) {
       dispatch('fetchVehicles')
-      dispatch('fetchMasters')
       dispatch('fetchQuickEntries', { force: true })
     }
   },
-  fetchMasters({ commit, state, rootState }) {
-    return axios.get('/api/masters').then((response) => {
-      const fuelUnitMasters = response.data.fuelUnits
-      const fuelTypeMasters = response.data.fuelTypes
-      commit('CACHE_FUEL_UNIT_MASTERS', fuelUnitMasters)
-      commit('CACHE_FUEL_TYPE_MASTERS', fuelTypeMasters)
-      commit('CACHE_CURRENCY_MASTERS', response.data.currencies)
-      commit('CACHE_DISTANCE_UNIT_MASTERS', response.data.distanceUnits)
-      commit('CACHE_ROLE_MASTERS', response.data.roles)
-      return response.data
-    })
-  },
   fetchVehicles({ commit, state, rootState }) {
     return axios.get('/api/me/vehicles').then((response) => {
       const data = response.data