Change favicon to match mobile icon

Change icon to gas pump icon instead of text
Add icon for mobile homescreens
2022-03-07 16:53:47 +01:00 · 2022-03-07 10:41:28 +01:00 · 2022-03-07 00:46:42 +01:00
4 changed files with 23 additions and 8 deletions
--- a/ui/public/hammond.png
+++ b/ui/public/hammond.png
--- a/ui/public/index.html
+++ b/ui/public/index.html
@@ -5,6 +5,7 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="shortcut icon" href="<%= webpackConfig.output.publicPath %>hammond.png" />
+    <link rel="apple-touch-icon" href="<%= webpackConfig.output.publicPath %>touch-icon.png" />
    <title><%= webpackConfig.name %></title>
  </head>
  <body>
--- a/ui/public/touch-icon.png
+++ b/ui/public/touch-icon.png
--- a/ui/src/router/views/login.vue
+++ b/ui/src/router/views/login.vue
@@ -16,7 +16,7 @@ export default {
      password: '',
      authError: null,
      tryingToLogIn: false,
-      errorMessage: '',
+      errorMessage:''
    }
  },
  computed: {
@@ -38,7 +38,7 @@ export default {
    // and password they provided.
    tryToLogIn() {
      this.tryingToLogIn = true
-      this.errorMessage = ''
+      this.errorMessage='';
      // Reset the authError if it existed.
      this.authError = null
      return this.logIn({
@@ -53,9 +53,9 @@ export default {
          // Redirect to the originally requested page, or to the home page
        })
        .catch((error) => {
-          if (error.response.data?.errors?.login) {
-            this.errorMessage = error.response.data.errors.login
-          }
+         if(error.response.data?.errors?.login){
+           this.errorMessage=error.response.data.errors.login
+         }
          this.tryingToLogIn = false
          this.authError = error
        })
@@ -67,9 +67,21 @@ export default {
 <template>
  <Layout>
    <form @submit.prevent="tryToLogIn">
-      <b-field label="Email"> <b-input v-model="username" tag="b-input" name="username" type="email" :placeholder="placeholders.username"/></b-field>
+      <b-field label="Email">
+        <b-input
+          v-model="username"
+          tag="b-input"
+          name="username"
+          :placeholder="placeholders.username"
+      /></b-field>
      <b-field label="Password">
-        <b-input v-model="password" tag="b-input" name="password" type="password" :placeholder="placeholders.password" />
+        <b-input
+          v-model="password"
+          tag="b-input"
+          name="password"
+          type="password"
+          :placeholder="placeholders.password"
+        />
      </b-field>
      <b-button tag="input" native-type="submit" :disabled="tryingToLogIn" type="is-primary">
        <BaseIcon v-if="tryingToLogIn" name="sync" spin />
@@ -77,7 +89,9 @@ export default {
          Log in
        </span>
      </b-button>
-      <p v-if="authError"> There was an error logging in to your account. {{ errorMessage }} </p>
+      <p v-if="authError">
+        There was an error logging in to your account. {{errorMessage}}
+      </p>
    </form>
  </Layout>
 </template>
Author	SHA1	Message	Date
Alf Sebastian Houge	74e52c3e87	Change favicon to match mobile icon	2022-03-07 16:53:47 +01:00
Alf Sebastian Houge	1857bb0518	Change icon to gas pump icon instead of text	2022-03-07 10:41:28 +01:00
Alf Sebastian Houge	a729b5eb12	Add icon for mobile homescreens	2022-03-07 00:46:42 +01:00