975a716e5e
* Use simpler messaging for ghost account deletion * Add 'have questions' section * Use same language for confirm destroy page
55 lines
2.9 KiB
Text
55 lines
2.9 KiB
Text
<div class="user-settings-page">
|
|
<h2> Destroy your account</h2>
|
|
<div class="settings-form">
|
|
<h4 style="font-weight:400;">
|
|
<%= form_tag user_full_delete_path, method: :delete, autocomplete: "off", id: "delete__account" do %>
|
|
Deleting your account will:
|
|
<ul class="delete__account">
|
|
<li>delete your profile, along with your Twitter and/or GitHub associations.
|
|
This does not include app permissions. You will have to remove them yourself on
|
|
<a href="https://twitter.com/settings/applications">Twitter profile settings</a> and
|
|
<a href="https://github.com/settings/applications">GitHub profile settings</a>.
|
|
</li>
|
|
<%# TODO: expand the delete messaging later %>
|
|
<li>delete any and all content you have, such as articles, comments, your reading list or chat messages.</li>
|
|
<li>allow your username to become available to anyone.</li>
|
|
</ul>
|
|
<div class="field">
|
|
<label for="delete__account__username__field">
|
|
<b>To delete your account, type in your username:</b>
|
|
</label>
|
|
<input type="text" name="delete__account__username__field" id="delete__account__username__field">
|
|
</div>
|
|
<div class="field">
|
|
<label for="delete__account__verification__field">
|
|
<b>For verification, type the words:</b><i> delete my account</i>
|
|
</label>
|
|
<input type="text" name="delete__account__verification__field" id="delete__account__verification__field">
|
|
</div>
|
|
<button class="big-action danger-button small-button" id="delete__account__btn" type="submit" disabled="true">
|
|
DELETE ACCOUNT
|
|
</button>
|
|
<% end %>
|
|
</h4>
|
|
<br>
|
|
<script>
|
|
const deleteAccountBtn = document.getElementById('delete__account__btn');
|
|
const deleteAccountUsernameInput = document.getElementById('delete__account__username__field');
|
|
const deleteAcccountVerificationInput = document.getElementById('delete__account__verification__field');
|
|
function bothInputsVerified() {
|
|
return deleteAccountUsernameInput.value === '<%= @user.username %>' && deleteAcccountVerificationInput.value === "delete my account";
|
|
}
|
|
const disableDeleteAccountBtn = () => { deleteAccountBtn.disabled = !bothInputsVerified() };
|
|
deleteAccountUsernameInput.addEventListener('input', disableDeleteAccountBtn);
|
|
deleteAcccountVerificationInput.addEventListener('input', disableDeleteAccountBtn);
|
|
</script>
|
|
<p>
|
|
If you would like to keep your content under the <%= link_to "@ghost", "/ghost" %> account,
|
|
please <a href="mailto:<%= SiteConfig.default_site_email %>?subject=Request Account Deletion&body=<%= @email_body %>">click here.</a>
|
|
</p>
|
|
|
|
<p>
|
|
Feel free to contact <a href="mailto:<%= SiteConfig.default_site_email %>"><%= SiteConfig.default_site_email %></a> with any questions.
|
|
</p>
|
|
</div>
|
|
</div>
|