Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit d598d269 authored by AVINASH GUSAIN's avatar AVINASH GUSAIN
Browse files

second loader

parent 7153195c

src/DeleteShopAccountSetting.vue

+3 −0
Original line number Diff line number Diff line
@@ -62,6 +62,9 @@ 
				</form>

			</div>

		</SettingsSection>

		<div id="delete-my-account-loader" class="spinner-container">

			<div class="spinner" /> <!-- Spinner component -->

		</div>

	</div>

</template>

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.visibility = 'visible'

	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.visibility = 'visible'

	  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.visibility = 'hidden'

	  document.querySelector(deleteAccountSectionId).style.visibility = 'visible'

	})

})