+
+
@@ -101,7 +136,7 @@ export default {
searchResults: [],
showErrorMessage: false,
level: 1,
- selectedResult: {},
+ selectedResult: null,
};
},
methods: {
@@ -124,25 +159,45 @@ export default {
}
},
addSelectedResult() {
- if (this.values.map((item) => item[this.type].id).includes(this.selectedResult.id))
+ if (
+ this.values
+ .map((item) => item[this.type].id)
+ .includes(this.selectedResult.id)
+ ) {
return false;
+ }
+
let changeValues = Object.assign(this.values);
let newValue = {
- profile_id: localStorage.getItem("user_id")
+ profile_id: localStorage.getItem("user_id"),
+ };
+ if (this.type != "contacttype") {
+ newValue.level = this.level;
+ } else {
+ newValue.content = this.contactContent;
}
- if(this.type != "contacttype"){
- newValue.level = this.level
- }else{
- newValue.content = this.contactContent
- }
- newValue[this.type] = this.selectedResult
+ newValue[this.type] = this.selectedResult;
changeValues.push(newValue);
this.searchText = "";
this.searchResults = [];
- this.selectedResult = {};
+ this.selectedResult = null;
this.level = 1;
this.$emit("update-values", changeValues);
},
+ editSelectedResult() {
+ this.values.map((item) => {
+ if(item[this.type].name == this.selectedResult.name){
+ if (this.type != "contacttype") {
+ item.level = this.level
+ } else {
+ item.content = this.contactContent
+ }
+ }
+ return item;
+ });
+
+ this.$emit("update-values", this.values);
+ },
removeValue(valueId) {
const newValues = this.values.filter((value) => {
if (valueId === value[this.type].id) {
@@ -153,6 +208,21 @@ export default {
});
this.$emit("update-values", newValues);
},
+ editValue(value) {
+ this.searchResults = [value[this.type]];
+ this.selectedResult = {
+ ...value[this.type],
+ level: value.level,
+ edit: true,
+ };
+
+ if (this.type != "contacttype") {
+ this.level = value.level;
+ } else {
+ this.contactContent = value.content;
+ }
+ this.level = value.level;
+ },
},
};
\ No newline at end of file
diff --git a/src/views/profile/Edit.vue b/src/views/profile/Edit.vue
index fbc7427..9609b7e 100644
--- a/src/views/profile/Edit.vue
+++ b/src/views/profile/Edit.vue
@@ -4,17 +4,20 @@
-
+
-
-
+
+
@@ -56,7 +68,10 @@
v-for="result in searchResults"
:key="result.id"
:class="{
- 'bg-info': selectedResult.id && result.id === selectedResult.id,
+ 'bg-info':
+ selectedResult &&
+ selectedResult.id &&
+ result.id === selectedResult.id,
}"
@click="selectedResult = result"
>
@@ -66,15 +81,35 @@
-
-
- {{ value[type].name }} ({{ value.level }}) - {{value.content}} +
+ {{ value[type].name }} + ({{ value.level }}) + {{ value.content }} + + + > +
+