Rebuild frontend for account creation / editing.

frontend/src/components/form/GenericTextInput.vue

@@ -29,12 +29,13 @@
           :class="errors.length > 0 ? 'form-control is-invalid' : 'form-control'"
           :placeholder="title"
           :name="fieldName"
+          ref="textInput"
           :type="fieldType"
           :disabled=disabled
           :step="fieldStep"
       />
       <div class="input-group-append">
-        <button class="btn btn-outline-secondary" tabindex="-1" type="button"><span class="far fa-trash-alt"></span></button>
+        <button class="btn btn-outline-secondary" v-on:click="clearText" tabindex="-1" type="button"><span class="far fa-trash-alt"></span></button>
       </div>
     </div>
     <span v-if="errors.length > 0">
@@ -83,6 +84,11 @@ export default {
       localValue: this.value
     }
   },
+  methods: {
+    clearText: function () {
+      this.localValue = '';
+    },
+  },
   watch: {
     localValue: function (value) {
       this.$emit('set-field', {field: this.fieldName, value: value});