5e93d3a25e
* feat: remove the default email and cobine the periodic digest and the contact email under the Email section * refactor: rename the email_link to contact link and use the contact_email as a default and fallback to the ForemInstance.email * chore: alignment * feat: use the contact_email helper * feat: move the contact_email to the ForemInstance model * feat: use ForemInstance.contact_email instead of the application helper method * removed the application Helper * feat: set the dafault on the contact_email * fix: cypress tests * Update app/lib/constants/settings/general.rb Co-authored-by: Michael Kohl <me@citizen428.net> Co-authored-by: Michael Kohl <me@citizen428.net>
48 lines
2.2 KiB
Text
48 lines
2.2 KiB
Text
<div id="mobile-deep-link-spinner" class="flex flex-col" aria-live="polite">
|
|
<svg class="crayons-icon crayons-spinner" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.364 5.636L16.95 7.05A7 7 0 1019 12h2a9 9 0 11-2.636-6.364z" fill="currentColor" class="grow-1"></path></svg>
|
|
<p class="align-center"><%= t("views.deep_links.subtitle") %></p>
|
|
</div>
|
|
|
|
<div class="mobile-deep-link-banner invisible" role="alert">
|
|
<div class="crayons-notice crayons-notice--warning">
|
|
<p>
|
|
<%= t("views.deep_links.alert.subtitle") %>
|
|
</p>
|
|
<p class="mt-5">
|
|
<%= t("views.deep_links.alert.desc_html", email: link_to(ForemInstance.contact_email, href: "mailto:#{ForemInstance.contact_email}")) %>
|
|
</p>
|
|
</div>
|
|
|
|
<div class="crayons-card">
|
|
<div class="flex w-100">
|
|
<a href="javascript:history.back()" class="crayons-btn crayons-btn--l crayons-btn--secondary grow-1 whitespace-nowrap mt-5 mx-5">
|
|
<%= t("views.deep_links.alert.back") %>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="flex w-100">
|
|
<a id="link-to-mobile-install-retry" href="/" class="crayons-btn crayons-btn--l crayons-btn--secondary grow-1 whitespace-nowrap my-5 mx-5">
|
|
<%= t("views.deep_links.alert.again") %>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="flex w-100">
|
|
<a id="link-to-mobile-install" href="/" class="crayons-btn crayons-btn--l grow-1 whitespace-nowrap mb-5 mx-5">
|
|
<%= t("views.deep_links.alert.install") %>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
// The timeoutDelay is the amount of time (ms) the spinner will be visible for
|
|
// users. It is just "about 3 seconds", which gives users enough time to
|
|
// deep link into the mobile apps. It's chosen arbitrarily and can be edited
|
|
// in the future if other values want to be used. When the time is up the
|
|
// fallback options are revealed ("take me back", "try again" & "install").
|
|
const timeoutDelay = 3333;
|
|
setTimeout(function() {
|
|
document.getElementById('mobile-deep-link-spinner').remove();
|
|
document.querySelectorAll('.mobile-deep-link-banner')[0].classList.remove('invisible');
|
|
}, timeoutDelay);
|
|
</script>
|