frontend: Ednpoint(CreationDialog/Card): Fix ref

* Fix reference being directly passed to the edit modal and modifying
  original object even in cases where user cancel the action

Author: joaomariolago

core/frontend/src/components/autopilot/EndpointCard.vue

@@ -131,7 +131,7 @@ export default Vue.extend({
     return {
       userFriendlyEndpointType,
       show_edit_dialog: false,
-      updated_endpoint: this.endpoint,
+      updated_endpoint: { ...this.endpoint },
     }
   },
   computed: {
@@ -167,6 +167,7 @@ export default Vue.extend({
       this.updateEndpoint(this.updated_endpoint)
     },
     openEditDialog(): void {
+      this.updated_endpoint = { ...this.endpoint }
       this.show_edit_dialog = true
     },
     async updateEndpoint(endpoint: AutopilotEndpoint): Promise<void> {

core/frontend/src/components/autopilot/EndpointCreationDialog.vue

@@ -104,6 +104,17 @@ import {
   isBaudrate, isFilepath, isIpAddress, isNotEmpty, isSocketPort,
 } from '@/utils/pattern_validators'
 
+const defaultEndpointValue: AutopilotEndpoint = {
+  name: 'My endpoint',
+  owner: 'User',
+  connection_type: EndpointType.udpin,
+  place: '0.0.0.0',
+  argument: 14550,
+  protected: false,
+  persistent: true,
+  enabled: true,
+}
+
 export default Vue.extend({
   name: 'EndpointCreationDialog',
   model: {
@@ -123,16 +134,7 @@ export default Vue.extend({
       type: Object as PropType<AutopilotEndpoint>,
       required: false,
       default() {
-        return {
-          name: 'My endpoint',
-          owner: 'User',
-          connection_type: EndpointType.udpin,
-          place: '0.0.0.0',
-          argument: 14550,
-          protected: false,
-          persistent: true,
-          enabled: true,
-        }
+        return defaultEndpointValue
       },
     },
   },
@@ -165,6 +167,22 @@ export default Vue.extend({
     connection_type() {
       this.form.validate()
     },
+    baseEndpoint: {
+      deep: true,
+      immediate: true,
+      handler(newValue) {
+        this.edited_endpoint = { ...newValue }
+      },
+    },
+    show: {
+      deep: true,
+      immediate: true,
+      handler(newValue) {
+        if (newValue && !this.edit) {
+          this.edited_endpoint = { ...defaultEndpointValue }
+        }
+      },
+    },
   },
   methods: {
     validate_required_field(input: string): (true | string) {