ability to transfer vehicle and disable users

ui/src/router/views/login.vue

@@ -16,6 +16,7 @@ export default {
       password: '',
       authError: null,
       tryingToLogIn: false,
+      errorMessage:''
     }
   },
   computed: {
@@ -37,6 +38,7 @@ export default {
     // and password they provided.
     tryToLogIn() {
       this.tryingToLogIn = true
+      this.errorMessage='';
       // Reset the authError if it existed.
       this.authError = null
       return this.logIn({
@@ -51,6 +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
+         }
           this.tryingToLogIn = false
           this.authError = error
         })
@@ -85,7 +90,7 @@ export default {
         </span>
       </b-button>
       <p v-if="authError">
-        There was an error logging in to your account.
+        There was an error logging in to your account. {{errorMessage}}
       </p>
     </form>
   </Layout>

ui/src/router/views/settings.vue

@@ -172,7 +172,7 @@ export default {
         <table class="table is-hoverable">
           <tr>
             <td>Current Version</td>
-            <td>2021.06.08</td>
+            <td>2021.06.24</td>
           </tr>
           <tr>
             <td>Website</td>

ui/src/router/views/users.vue

@@ -53,6 +53,36 @@ export default {
     formatDate(date) {
       return parseAndFormatDate(date)
     },
+    changeDisabledStatus(userId,status){
+        this.$buefy.dialog.confirm({
+        title: status?'Disable User':"Enable User",
+        message: 'Are you sure you want to do this?',
+        cancelText: 'Cancel',
+        confirmText: 'Go Ahead',
+        onConfirm: () => {
+
+          var url = `/api/users/${userId}/${status?"disable":"enable"}`
+          axios
+            .post(url, {})
+            .then((data) => {
+              this.$buefy.toast.open({
+                message: status?"User disabled successfully":'User enabled successfully',
+                type: 'is-success',
+                duration: 3000,
+              })
+             this.getUsers();
+            })
+            .catch((ex) => {
+              this.$buefy.toast.open({
+                duration: 5000,
+                message: ex.message,
+                position: 'is-bottom',
+                type: 'is-danger',
+              })
+            })
+        },
+      })
+    },
     resetUserForm() {
       this.registerModel = {
         name: '',
@@ -157,7 +187,7 @@ export default {
           </div>
         </form>
       </div>
-      <b-table :data="users" hoverable mobile-cards detail-key="id" paginated per-page="10">
+      <b-table :data="users" hoverable mobile-cards detail-key="id" paginated per-page="10" :row-class="(row, index) => row.isDisabled && 'is-disabled'">
         <b-table-column v-slot="props" field="name" label="Name">
           {{ `${props.row.name}` }} <template v-if="props.row.id === user.id">(You)</template>
         </b-table-column>
@@ -170,6 +200,10 @@ export default {
         <b-table-column v-slot="props" field="createdAt" label="Created" sortable date>
           {{ formatDate(props.row.createdAt) }}
         </b-table-column>
+         <b-table-column v-slot="props">
+           <b-button type="is-success" v-if="props.row.isDisabled && props.row.roleDetail.long === 'USER'" @click="changeDisabledStatus(props.row.id, false)">Enable</b-button>
+            <b-button type="is-danger" v-if="!props.row.isDisabled && props.row.roleDetail.long === 'USER'" @click="changeDisabledStatus(props.row.id, true)">Disable</b-button>
+         </b-table-column>
       </b-table>
     </div>
   </Layout>

ui/src/router/views/vehicle.vue

@@ -289,7 +289,7 @@ export default {
           <b-icon pack="fas" icon="edit" type="is-info"> </b-icon
         ></b-button>
         <b-button v-if="vehicle.isOwner" title="Share vehicle" @click="showShareVehicleModal">
-          <b-icon pack="fas" icon="share" type="is-info"> </b-icon
+          <b-icon pack="fas" icon="user-friends" type="is-info"> </b-icon
         ></b-button>
         <b-button v-if="vehicle.isOwner" title="Delete Vehicle" @click="deleteVehicle">
           <b-icon pack="fas" icon="trash" type="is-danger"> </b-icon