fix: migrate NcPasswordField to v-model usage

Signed-off-by: Maksim Sukharev <[email protected]>
nextcloud · Dec 27, 2024 · 777fd05 · 777fd05
1 parent 20ef8fe
commit 777fd05
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 21 deletions.
diff --git a/src/components/AdminSettings/RecordingServers.vue b/src/components/AdminSettings/RecordingServers.vue
@@ -43,15 +43,15 @@
 				{{ t('spreed', 'Add a new recording backend server') }}
 			</NcButton>
 
-			<NcPasswordField class="form__textfield additional-top-margin"
-				:value="secret"
+			<NcPasswordField v-model="secret"
+				class="form__textfield additional-top-margin"
 				name="recording_secret"
 				as-text
 				:disabled="loading"
 				:placeholder="t('spreed', 'Shared secret')"
 				:label="t('spreed', 'Shared secret')"
 				label-visible
-				@update:value="updateSecret" />
+				@update:model-value="debounceUpdateServers" />
 
 			<template v-if="servers.length && recordingConsentCapability">
 				<h3>{{ t('spreed', 'Recording consent') }}</h3>
@@ -203,11 +203,6 @@ export default {
 			})
 		},
 
-		updateSecret(value) {
-			this.secret = value
-			this.debounceUpdateServers()
-		},
-
 		async updateServers() {
 			this.loading = true
 

diff --git a/src/components/AdminSettings/SIPBridge.vue b/src/components/AdminSettings/SIPBridge.vue
@@ -46,7 +46,7 @@
 				{{ t('spreed', 'Shared secret') }}
 			</label>
 			<NcPasswordField id="sip-shared-secret"
-				:value.sync="sharedSecret"
+				v-model="sharedSecret"
 				class="form"
 				name="sip-shared-secret"
 				as-text

diff --git a/src/components/AdminSettings/SignalingServers.vue b/src/components/AdminSettings/SignalingServers.vue
@@ -54,15 +54,15 @@
 			</NcCheckboxRadioSwitch>
 		</template>
 
-		<NcPasswordField class="form__textfield additional-top-margin"
-			:value="secret"
+		<NcPasswordField v-model="secret"
+			class="form__textfield additional-top-margin"
 			name="signaling_secret"
 			as-text
 			:disabled="loading"
 			:placeholder="t('spreed', 'Shared secret')"
 			:label="t('spreed', 'Shared secret')"
 			label-visible
-			@update:value="updateSecret" />
+			@update:model-value="debounceUpdateServers" />
 	</section>
 </template>
 
@@ -150,11 +150,6 @@ export default {
 			})
 		},
 
-		updateSecret(value) {
-			this.secret = value
-			this.debounceUpdateServers()
-		},
-
 		async updateServers() {
 			this.loading = true
 

diff --git a/src/components/AdminSettings/TurnServer.vue b/src/components/AdminSettings/TurnServer.vue
@@ -30,14 +30,13 @@
 			@update:value="updateServer" />
 
 		<NcPasswordField ref="turn_secret"
+			v-model="turnSecret"
 			name="turn_secret"
 			as-text
 			placeholder="secret"
 			class="turn-server__textfield"
-			:value="secret"
 			:disabled="loading"
-			:label="t('spreed', 'TURN server secret')"
-			@update:value="updateSecret" />
+			:label="t('spreed', 'TURN server secret')" />
 
 		<NcSelect class="turn-server__select"
 			name="turn_protocols"
@@ -153,6 +152,14 @@ export default {
 	},
 
 	computed: {
+		turnSecret: {
+			get() {
+				return this.secret
+			},
+			set(value) {
+				this.updateSecret(value)
+			},
+		},
 		turnServerError() {
 			if (this.schemes.includes('turns') && /^(?:\d{1,3}\.){3}\d{1,3}(?::\d{1,5})?$/.test(this.server.trim())) {
 				return t('spreed', '{schema} scheme must be used with a domain', { schema: 'turns:' })

diff --git a/src/components/ConversationSettings/LinkShareSettings.vue b/src/components/ConversationSettings/LinkShareSettings.vue
@@ -32,7 +32,7 @@
 
 			<form v-if="showPasswordField" class="password-form" @submit.prevent="handleSetNewPassword">
 				<NcPasswordField ref="passwordField"
-					:value.sync="password"
+					v-model="password"
 					autocomplete="new-password"
 					check-password-strength
 					:disabled="isSaving"