Merge branch 'dev/fix-slowness' into 'main' (2154551f) · Commits · e / infra / ecloud / nextcloud-apps / Ecloud Accounts

src/DeleteShopAccountSetting.vue

+73 −53

Original line number	Diff line number	Diff line
		<template>
		<div>
		<SettingsSection v-if="shopUsers.length > 0" :name="t(appName, 'Options')">
		<div>
		<p>
		@@ -58,6 +59,10 @@
		</form>
		</div>
		</SettingsSection>
		<div id="delete-my-account-loader" class="spinner-container">
		<NcLoadingIcon :size="40" />
		</div>
		</div>
		</template>

		<script>
		@@ -67,6 +72,7 @@ import Axios from '@nextcloud/axios'
		import { generateUrl } from '@nextcloud/router'
		import { showError } from '@nextcloud/dialogs'
		import CheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
		import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon.js'

		const APPLICATION_NAME = 'ecloud-accounts'

		@@ -75,6 +81,7 @@ export default {
		components: {
		SettingsSection,
		CheckboxRadioSwitch,
		NcLoadingIcon,
		},
		data() {
		return {
		@@ -283,4 +290,17 @@ input#shop-alternate-email:disabled {
		#delete-account-settings .checkbox-radio-switch--disabled .checkbox-radio-switch__label:hover{
		background-color: unset;
		}
		.spinner-container {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100px;
		margin-top: 50px;
		}

		#delete-my-account-loader {
		margin-left: auto;
		margin-right: auto;
		width: 40px;
		}
		</style>

src/delete-account-listeners.js

+5 −0

Original line number	Diff line number	Diff line
		@@ -4,16 +4,20 @@ document.addEventListener('DOMContentLoaded', function() {
		const checkboxSpanSelector = '#delete-account-settings span.checkbox-radio-switch'
		const disabledClass = 'checkbox-radio-switch--disabled'
		const deleteAccountSectionId = '#delete-account-settings-section'
		const deleteMyAccountLoader = '#delete-my-account-loader'

		// Disable initially
		document.querySelector(checkboxSelector).disabled = true
		document.querySelector(buttonSelector).disabled = true
		document.querySelector(checkboxSpanSelector).classList.add(disabledClass)

		const elem = document.getElementById('body-settings')
		document.querySelector(deleteMyAccountLoader).style.display = 'block'
		elem.addEventListener('disable-delete-account', function() {
		document.querySelector(checkboxSelector).disabled = true
		document.querySelector(buttonSelector).disabled = true
		document.querySelector(checkboxSpanSelector).classList.add(disabledClass)
		document.querySelector(deleteMyAccountLoader).style.display = 'block'
		document.querySelector(deleteAccountSectionId).style.visibility = 'hidden'
		})

		@@ -22,6 +26,7 @@ document.addEventListener('DOMContentLoaded', function() {
		const enableDeleteAccount = document.querySelector(checkboxSelector).checked
		document.querySelector(buttonSelector).disabled = !enableDeleteAccount
		document.querySelector(checkboxSpanSelector).classList.remove(disabledClass)
		document.querySelector(deleteMyAccountLoader).style.display = 'none'
		document.querySelector(deleteAccountSectionId).style.visibility = 'visible'
		})
		})