Änderung: Erweiterung der Benutzerkontoeinstellungen und Verbesserung der E-Mail-Verschlüsselung
Änderungen: - Implementierung von neuen Methoden `getAccountSettings` und `setAccountSettings` im `SettingsService`, um Benutzerkontoeinstellungen zu verwalten. - Anpassung der E-Mail-Verschlüsselung im `User`-Modell zur Verwendung von Buffer für die Speicherung und zur Verbesserung der Fehlerbehandlung bei der Entschlüsselung. - Hinzufügung eines neuen `immutable`-Feldes im `UserParamType`-Modell, um unveränderliche Einstellungen zu kennzeichnen. - Anpassungen in den Frontend-Komponenten zur Berücksichtigung von unveränderlichen Feldern und zur Verbesserung der Benutzeroberfläche. Diese Anpassungen verbessern die Sicherheit der Benutzerdaten und erweitern die Funktionalität der Kontoeinstellungen.
This commit is contained in:
Torsten Schulz (local)
@@ -5,38 +5,52 @@
|
||||
<td>
|
||||
<InputStringWidget v-if="setting.datatype == 'string'"
|
||||
:labelTr="`settings.personal.label.${setting.name}`"
|
||||
:tooltipTr="`settings.personal.tooltip.${setting.name}`" :value=setting.value
|
||||
:tooltipTr="setting.immutable ? $t('settings.immutable.tooltip') : `settings.personal.tooltip.${setting.name}`"
|
||||
:value=setting.value
|
||||
:disabled="setting.immutable && setting.value ? true : false"
|
||||
:list="languagesList()" @input="handleInput(setting.id, $event)" />
|
||||
|
||||
<DateInputWidget v-else-if="setting.datatype == 'date'"
|
||||
:labelTr="`settings.personal.label.${setting.name}`"
|
||||
:tooltipTr="`settings.personal.tooltip.${setting.name}`" :value=setting.value
|
||||
:tooltipTr="setting.immutable ? $t('settings.immutable.tooltip') : `settings.personal.tooltip.${setting.name}`"
|
||||
:value=setting.value
|
||||
:disabled="setting.immutable && setting.value ? true : false"
|
||||
@input="handleInput(setting.id, $event)" />
|
||||
|
||||
<SelectDropdownWidget v-else-if="setting.datatype == 'singleselect'"
|
||||
:labelTr="`settings.personal.label.${setting.name}`"
|
||||
:tooltipTr="`settings.personal.tooltip.${setting.name}`" :value=setting.value
|
||||
:tooltipTr="setting.immutable ? $t('settings.immutable.tooltip') : `settings.personal.tooltip.${setting.name}`"
|
||||
:value=setting.value
|
||||
:disabled="setting.immutable && setting.value ? true : false"
|
||||
:list="getSettingOptions(setting.name, setting.options)"
|
||||
@input="handleInput(setting.id, $event)" />
|
||||
|
||||
<InputNumberWidget v-else-if="setting.datatype == 'int'"
|
||||
:labelTr="`settings.personal.label.${setting.name}`"
|
||||
:tooltipTr="`settings.personal.tooltip.${setting.name}`" :value="convertToInt(setting.value)"
|
||||
:tooltipTr="setting.immutable ? $t('settings.immutable.tooltip') : `settings.personal.tooltip.${setting.name}`"
|
||||
:value="convertToInt(setting.value)"
|
||||
:disabled="setting.immutable && setting.value ? true : false"
|
||||
min="0" max="200" @input="handleInput(setting.id, $event)" />
|
||||
|
||||
<FloatInputWidget v-else-if="setting.datatype == 'float'"
|
||||
:labelTr="`settings.personal.label.${setting.name}`"
|
||||
:tooltipTr="`settings.personal.tooltip.${setting.name}`" :value="convertToFloat(setting.value)"
|
||||
:tooltipTr="setting.immutable ? $t('settings.immutable.tooltip') : `settings.personal.tooltip.${setting.name}`"
|
||||
:value="convertToFloat(setting.value)"
|
||||
:disabled="setting.immutable && setting.value ? true : false"
|
||||
@input="handleInput(setting.id, $event)" />
|
||||
|
||||
<CheckboxWidget v-else-if="setting.datatype == 'bool'"
|
||||
:labelTr="`settings.personal.label.${setting.name}`"
|
||||
:tooltipTr="`settings.personal.tooltip.${setting.name}`" :value="convertToBool(setting.value)"
|
||||
:tooltipTr="setting.immutable ? $t('settings.immutable.tooltip') : `settings.personal.tooltip.${setting.name}`"
|
||||
:value="convertToBool(setting.value)"
|
||||
:disabled="setting.immutable && setting.value ? true : false"
|
||||
@input="handleInput(setting.id, $event)" />
|
||||
|
||||
<MultiselectWidget v-else-if="setting.datatype == 'multiselect'"
|
||||
:labelTr="`settings.personal.label.${setting.name}`"
|
||||
:tooltipTr="`settings.personal.tooltip.${setting.name}`" :value="setting.value"
|
||||
:tooltipTr="setting.immutable ? $t('settings.immutable.tooltip') : `settings.personal.tooltip.${setting.name}`"
|
||||
:value="setting.value"
|
||||
:disabled="setting.immutable && setting.value ? true : false"
|
||||
:list="getSettingOptions(setting.name, setting.options)"
|
||||
@input="handleInput(setting.id, $event)" />
|
||||
|
||||
@@ -51,6 +65,11 @@
|
||||
</option>
|
||||
</select>
|
||||
</td>
|
||||
<td v-if="setting.immutable && setting.value">
|
||||
<button @click="openContactDialog" class="contact-button">
|
||||
{{ $t('settings.immutable.supportContact') }}
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
@@ -93,6 +112,7 @@ export default {
|
||||
},
|
||||
async mounted() {
|
||||
await this.fetchSettings();
|
||||
await this.fetchAccountData();
|
||||
},
|
||||
methods: {
|
||||
async fetchSettings() {
|
||||
@@ -111,6 +131,17 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
async fetchAccountData() {
|
||||
if (this.user && this.user.id) {
|
||||
try {
|
||||
const response = await apiClient.post('/api/settings/account', { userId: this.user.id });
|
||||
this.userEmail = response.data.email;
|
||||
this.userUsername = response.data.username;
|
||||
} catch (err) {
|
||||
console.error('Error fetching account data:', err);
|
||||
}
|
||||
}
|
||||
},
|
||||
getSettingOptions(fieldName, options) {
|
||||
return options.map((option) => {
|
||||
return {
|
||||
@@ -123,6 +154,14 @@ export default {
|
||||
if (['object', 'array'].includes(typeof value)) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Prüfe ob das Setting unveränderlich ist
|
||||
const setting = this.settings.find(s => s.id === settingId);
|
||||
if (setting && setting.immutable && setting.value) {
|
||||
alert(this.$t('settings.immutable.tooltip'));
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const userid = this.user.id;
|
||||
await apiClient.post('/api/settings/update', {
|
||||
@@ -133,6 +172,9 @@ export default {
|
||||
this.fetchSettings();
|
||||
} catch (err) {
|
||||
console.error('Error updating setting:', err);
|
||||
if (err.response && err.response.data && err.response.data.error) {
|
||||
alert(err.response.data.error);
|
||||
}
|
||||
}
|
||||
},
|
||||
languagesList() {
|
||||
@@ -168,10 +210,35 @@ export default {
|
||||
console.error('Error updating visibility:', err);
|
||||
}
|
||||
},
|
||||
openContactDialog() {
|
||||
// Erstelle vorgefertigte Daten für Support-Anfrage
|
||||
const prefilledData = {
|
||||
email: this.userEmail || "",
|
||||
name: this.userUsername || "",
|
||||
message: this.createSupportMessage(),
|
||||
acceptDataSave: true
|
||||
};
|
||||
this.$root.$refs.contactDialog.open(prefilledData);
|
||||
},
|
||||
createSupportMessage() {
|
||||
// Erstelle eine vorgefertigte Nachricht für unveränderliche Felder
|
||||
const immutableFields = this.settings.filter(s => s.immutable && s.value);
|
||||
if (immutableFields.length === 0) {
|
||||
return this.$t('settings.immutable.supportMessage.general');
|
||||
}
|
||||
|
||||
const fieldNames = immutableFields.map(field =>
|
||||
this.$t(`settings.personal.label.${field.name}`)
|
||||
).join(', ');
|
||||
|
||||
return this.$t('settings.immutable.supportMessage.specific', { fields: fieldNames });
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
settings: [],
|
||||
userEmail: "",
|
||||
userUsername: "",
|
||||
};
|
||||
}
|
||||
};
|
||||
@@ -181,4 +248,23 @@ export default {
|
||||
label {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.contact-button {
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 5px 10px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
.contact-button:hover {
|
||||
background-color: #0056b3;
|
||||
}
|
||||
|
||||
.contact-button:active {
|
||||
background-color: #004085;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user