mirror of
https://github.com/plausible/analytics.git
synced 2024-12-28 12:01:39 +03:00
2c9c1590e4
* Adding a note about WP plugin * Make it pretty * Add component for link in new tab * Adjust link styling for dark mode * Update Subscription.free (for testing purposes) * More natural interface for syled_link * Use <.styled_link> helper in change_domain.html.heex * Mix format * Fix warning * Fix credo warning --------- Co-authored-by: Uku Taht <uku.taht@gmail.com>
46 lines
2.1 KiB
Plaintext
46 lines
2.1 KiB
Plaintext
<div class="w-full max-w-3xl mt-4 mx-auto flex">
|
|
<%= form_for @changeset, Routes.site_path(@conn, :change_domain_submit, @site.domain), [class: "max-w-lg w-full mx-auto bg-white dark:bg-gray-800 shadow-lg rounded px-8 pt-6 pb-8 mb-4 mt-8"], fn f -> %>
|
|
<h2 class="text-xl font-black dark:text-gray-100">Change your website domain</h2>
|
|
|
|
<div class="my-6">
|
|
<%= label(f, :domain, class: "block text-sm font-medium text-gray-700 dark:text-gray-300") %>
|
|
<p class="text-gray-500 dark:text-gray-400 text-xs mt-1">
|
|
Just the naked domain or subdomain without 'www'
|
|
</p>
|
|
<div class="mt-2 flex rounded-md shadow-sm">
|
|
<span class="inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 dark:border-gray-500 bg-gray-50 dark:bg-gray-850 text-gray-500 dark:text-gray-400 sm:text-sm">
|
|
https://
|
|
</span>
|
|
<%= text_input(f, :domain,
|
|
class:
|
|
"focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-800 flex-1 block w-full px-3 py-2 rounded-none rounded-r-md sm:text-sm border-gray-300 dark:border-gray-500 dark:bg-gray-900 dark:text-gray-300",
|
|
placeholder: "example.com"
|
|
) %>
|
|
</div>
|
|
<%= error_tag(f, :domain) %>
|
|
</div>
|
|
|
|
<p class="text-sm sm:text-sm text-gray-700 dark:text-gray-300">
|
|
<span class="font-bold dark:text-gray-100">Once you change your domain, you must update the JavaScript snippet on your site within 72 hours to guarantee continuous tracking</span>. If you're using the API, please also make sure to update your API credentials.
|
|
</p>
|
|
<p class="text-sm text-gray-700 dark:text-gray-300 mt-4">
|
|
Visit our
|
|
<.styled_link new_tab class="text-sm" href="https://plausible.io/docs/change-domain-name/">
|
|
documentation
|
|
</.styled_link>
|
|
for details.
|
|
</p>
|
|
|
|
<%= submit("Change Domain and add new Snippet →", class: "button mt-4 w-full") %>
|
|
|
|
<div class="text-center mt-4">
|
|
<.styled_link
|
|
href={Routes.site_path(@conn, :settings_general, @site.domain)}
|
|
class="w-full text-center"
|
|
>
|
|
Back to Site Settings
|
|
</.styled_link>
|
|
</div>
|
|
<% end %>
|
|
</div>
|