Stuff

Dockerfile

@@ -1,13 +1,18 @@
-FROM node:lts
+FROM node:lts AS source-code
-RUN npm install -g http-server
 WORKDIR /app
-COPY package*.json ./
-RUN npm install
 COPY . .
+RUN npm install
 RUN npm run build
 
+
+FROM nginx:1.17
+
+WORKDIR /usr/share/nginx/html
+
+COPY --from=source-code /app/dist /usr/share/nginx/html
+
 COPY docker/start.sh /start.sh
 RUN chmod uog+rwx /start.sh
 
-EXPOSE 8080
+EXPOSE 80
 CMD [ "/start.sh"]

build.sh

@@ -1,2 +1,2 @@
 docker build -t docker.keks.cloud/keksaccount/gui:latest .
-docker push docker.keks.cloud/keksaccount/gui:latest
+docker push docker.keks.cloud/keksaccount/gui:latest

docker/start.sh

@@ -1,3 +1,3 @@
 #!/bin/sh
-echo $VUE_APP_API_URL > dist/apiurl
+echo $VUE_APP_API_URL > /usr/share/nginx/html/apiurl
-http-server dist
+nginx -g 'daemon off;'

src/components/Login.vue

@@ -12,12 +12,14 @@
                 label="Username"
                 value=""
                 v-model="username"
+                v-on:keyup.enter="login"
         ></v-text-field>
         <v-text-field
                 label="Password"
                 value=""
                 type="password"
                 v-model="password"
+                v-on:keyup.enter="login"
         ></v-text-field>
         <div v-if="recaptcha"><vue-recaptcha @verify="onCaptchaVerified" :sitekey="captchaCode"></vue-recaptcha></div>
         <v-checkbox

src/services/Apps.js

@@ -5,7 +5,7 @@ export default {
         return Api().get('/v1/app')
     },
     getAppImage(id) {
-        return process.env.VUE_APP_API_URL+"gui/apps/"+id+"/icon";
+        return localStorage.getItem("apiURL")+"v1/app/"+id+"/icon";
     },
     getApp(id) {
         return Api().get('/v1/app/'+id)

src/services/Server.js

@@ -13,6 +13,9 @@ export default {
     },
     getAPIUrl () {
         return new Promise((resolve, reject) => {
+            if(localStorage.getItem("apiURL")) {
+                resolve();
+            }
             axios.get('/apiurl')
                 .then(function (response) {
                     // handle success

src/store/store.js

@@ -71,12 +71,18 @@ export default new Vuex.Store({
     actions: {
         getSettings: function (context) {
             return new Promise((resolve, reject) => {
+                if(localStorage.getItem("settings")) {
+                    context.commit('setSettings', localStorage.getItem("settings"))
+                    resolve();
+                }
                 ServerService.getPublicSettings().then((res) => {
+                    localStorage.setItem("settings", res.data.data)
                     context.commit('setSettings', res.data.data)
                     resolve()
                 }).catch((res) => {
                     context.commit('setError')
                 });
+
             })
         },
         checkAccount: function(context) {