Merge pull request #44755 from nextcloud/feat/deprecate-and-replace-j…

…Query-dialogs

feat: Deprecate and replace legacy jQuery UI dialogs with Vue

core/src/components/LegacyDialogPrompt.vue

@@ -0,0 +1,107 @@
+<template>
+	<NcDialog dialog-classes="legacy-prompt__dialog"
+		:buttons="buttons"
+		:name="name"
+		@update:open="$emit('close', false, inputValue)">
+		<p class="legacy-prompt__text" v-text="text" />
+		<NcPasswordField v-if="isPassword"
+			ref="input"
+			autocomplete="new-password"
+			class="legacy-prompt__input"
+			:label="name"
+			:name="inputName"
+			:value.sync="inputValue" />
+		<NcTextField v-else
+			ref="input"
+			class="legacy-prompt__input"
+			:label="name"
+			:name="inputName"
+			:value.sync="inputValue" />
+	</NcDialog>
+</template>
+
+<script lang="ts">
+import { translate as t } from '@nextcloud/l10n'
+import { defineComponent } from 'vue'
+
+import NcDialog from '@nextcloud/vue/dist/Components/NcDialog.js'
+import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
+import NcPasswordField from '@nextcloud/vue/dist/Components/NcPasswordField.js'
+
+export default defineComponent({
+	name: 'LegacyDialogPrompt',
+
+	components: {
+		NcDialog,
+		NcTextField,
+		NcPasswordField,
+	},
+
+	props: {
+		name: {
+			type: String,
+			required: true,
+		},
+
+		text: {
+			type: String,
+			required: true,
+		},
+
+		isPassword: {
+			type: Boolean,
+			required: true,
+		},
+
+		inputName: {
+			type: String,
+			default: 'prompt-input',
+		},
+	},
+
+	emits: ['close'],
+
+	data() {
+		return {
+			inputValue: '',
+		}
+	},
+
+	computed: {
+		buttons() {
+			return [
+				{
+					label: t('core', 'No'),
+					callback: () => this.$emit('close', false, this.inputValue),
+				},
+				{
+					label: t('core', 'Yes'),
+					type: 'primary',
+					callback: () => this.$emit('close', true, this.inputValue),
+				},
+			]
+		},
+	},
+
+	mounted() {
+		this.$nextTick(() => this.$refs.input?.focus?.())
+	},
+})
+</script>
+
+<style scoped lang="scss">
+.legacy-prompt {
+	&__text {
+		margin-block: 0 .75em;
+	}
+
+	&__input {
+		margin-block: 0 1em;
+	}
+}
+
+:deep(.legacy-prompt__dialog .dialog__actions) {
+	min-width: calc(100% - 12px);
+	justify-content: space-between;
+}
+</style>

cypress/e2e/settings/users.cy.ts

@@ -127,7 +127,7 @@ describe('Settings: Create and delete accounts', function() {
 			// The "Delete account" action in the actions menu is shown and clicked
 			cy.get('.action-item__popper .action').contains('Delete account').should('exist').click({ force: true })
 			// And confirmation dialog accepted
-			cy.get('.oc-dialog button').contains(`Delete ${testUser.userId}`).click({ force: true })
+			cy.get('.nc-generic-dialog button').contains(`Delete ${testUser.userId}`).click({ force: true })
 
 			// Make sure no confirmation modal is shown
 			handlePasswordConfirmation(admin.password)

dist/7560-7560.js.LICENSE.txt → dist/7185-7185.js.LICENSE.txt

@@ -87,6 +87,28 @@
  *
  */
 
+/**
+ * @copyright Copyright (c) 2023 Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @author Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
 /**
  * @copyright Copyright (c) 2023 Ferdinand Thiessen <opensource@fthiessen.de>
  *
@@ -152,3 +174,24 @@
  * along with this program. If not, see <http://www.gnu.org/licenses/>.
  *
  */
+
+/**
+ * @copyright Copyright (c) 2024 Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @author Ferdinand Thiessen <opensource@fthiessen.de>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */