Add WebAuthn authentication

resources/js/views/settings/Credentials/Edit.vue

@@ -0,0 +1,52 @@
+<template>
+    <form-wrapper :title="$t('auth.webauthn.rename_device')">
+        <form @submit.prevent="updateCredential" @keydown="form.onKeydown($event)">
+            <form-field :form="form" fieldName="name" inputType="text" :label="$t('commons.new_name')" autofocus />
+            <div class="field is-grouped">
+                <div class="control">
+                    <v-button :isLoading="form.isBusy">{{ $t('commons.save') }}</v-button>
+                </div>
+                <div class="control">
+                    <button type="button" class="button is-text" @click="cancelCreation">{{ $t('commons.cancel') }}</button>
+                </div>
+            </div>
+        </form>
+    </form-wrapper>
+</template>
+
+<script>
+
+    import Form from './../../../components/Form'
+
+    export default {
+        data() {
+            return {
+                form: new Form({
+                    name: this.name,
+                })
+            }
+        },
+
+        props: ['id', 'name'],
+
+        methods: {
+
+            async updateCredential() {
+
+                await this.form.patch('/webauthn/credentials/' + this.id + '/name')
+
+                if( this.form.errors.any() === false ) {
+                    this.$router.push({name: 'settings.webauthn', params: { toRefresh: true }})
+                }
+
+            },
+
+            cancelCreation: function() {
+
+                this.$router.push({ name: 'settings.webauthn' });
+            },
+
+        },
+
+    }
+</script>