Mirror
/
app-MAIL-temp
mirror of https://github.com/simple-login/app.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Hide onboarding contents for a while

This commit is contained in:
Carlos Quintana 2022-05-18 09:22:10 +02:00
parent d3f4602bb7
commit c01db463f7
No known key found for this signature in database
GPG Key ID: 15E73DCC410679F8
1 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
templates/onboarding/index.html
View File

@ -13,24 +13,39 @@
</a>
</div>
<!-- Text container -->
<div class="mt-8 mb-4 text-center">
<h2 class="text-dark" style="font-size:2rem">Let's take back control of your inbox!</h2>
<div id="loading-section" class="mt-8 mb-4 text-center">
<h3>Loading...</h3>
</div>
<!-- Button container -->
<div class="mt-8 text-center">
<a class="mx-6 p-4 text-decoration-none" style="background:black;color:white;" href="{{ url_for('auth.register', next=url_for('onboarding.setup_done')) }}">Create a new account</a>
<a class="mx-6 p-4 text-decoration-none" style="background:white;color:black;border-radius: 2px;border:1px solid black;" href="{{ url_for('auth.login', next=url_for('onboarding.setup_done')) }}">I already have an account</a>
<div id="content-section" style="display: none">
<!-- Text container -->
<div class="mt-8 mb-4 text-center">
<h2 class="text-dark" style="font-size:2rem">Let's take back control of your inbox!</h2>
</div>
<!-- Button container -->
<div class="mt-8 text-center">
<a class="mx-6 p-4 text-decoration-none" style="background:black;color:white;" href="{{ url_for('auth.register', next=url_for('onboarding.setup_done')) }}">Create a new account</a>
<a class="mx-6 p-4 text-decoration-none" style="background:white;color:black;border-radius: 2px;border:1px solid black;" href="{{ url_for('auth.login', next=url_for('onboarding.setup_done')) }}">I already have an account</a>
</div>
</div>
</div>
<script type="text/javascript">
setTimeout(function() {
const data = { tag: "PERFORM_EXTENSION_SETUP" };
window.postMessage(data, "/");
}, 300);
setTimeout(function() {
const data = { tag: "PERFORM_EXTENSION_SETUP" };
window.postMessage(data, "/");
}, 300); // Give some time to the extension for registering the listener
setTimeout(function() {
const loadingSection = document.getElementById("loading-section");
const contentSection = document.getElementById("content-section");
loadingSection.style.display = "none";
contentSection.style.display = "block";
}, 1500); // If in this time the extension has not been able to perform the setup, show the buttons
</script>
{% endblock %}