mirror of
https://github.com/plausible/analytics.git
synced 2024-12-26 11:02:52 +03:00
74 lines
2.8 KiB
Plaintext
74 lines
2.8 KiB
Plaintext
<%= form_for @conn, Routes.google_analytics_path(@conn, :import, @site.domain), [onsubmit: "confirmButton.disabled = true; return true;", class: "max-w-md w-full mx-auto bg-white dark:bg-gray-800 shadow-md rounded px-8 pt-6 pb-8 mb-4 mt-8"], fn f -> %>
|
|
<h2 class="text-xl font-black dark:text-gray-100">Import from Google Analytics</h2>
|
|
|
|
<%= hidden_input(f, :access_token, value: @access_token) %>
|
|
<%= hidden_input(f, :refresh_token, value: @refresh_token) %>
|
|
<%= hidden_input(f, :expires_at, value: @expires_at) %>
|
|
|
|
<div class="mt-6 text-sm text-gray-500 dark:text-gray-200">
|
|
Stats from this property and time period will be imported from
|
|
your Google Analytics account to your Plausible dashboard
|
|
</div>
|
|
|
|
<div class="mt-6">
|
|
<%= styled_label(
|
|
f,
|
|
:property,
|
|
"Google Analytics property"
|
|
) %>
|
|
<span class="block w-full text-base dark:text-gray-100 sm:text-sm dark:bg-gray-800">
|
|
<%= @selected_property_name %>
|
|
</span>
|
|
<%= hidden_input(f, :property,
|
|
readonly: "true",
|
|
value: @selected_property
|
|
) %>
|
|
</div>
|
|
<div class="flex justify-between mt-3">
|
|
<div class="w-36">
|
|
<%= styled_label(f, :start_date, "From") %>
|
|
<span class="block w-full text-base dark:text-gray-100 sm:text-sm dark:bg-gray-800">
|
|
<%= PlausibleWeb.EmailView.date_format(@start_date) %>
|
|
</span>
|
|
<%= hidden_input(f, :start_date, value: @start_date, readonly: "true") %>
|
|
</div>
|
|
<div class="align-middle pt-4 dark:text-gray-100">→</div>
|
|
<div class="w-36">
|
|
<%= styled_label(f, :end_date, "To") %>
|
|
<span class="block w-full text-base dark:text-gray-100 sm:text-sm dark:bg-gray-800">
|
|
<%= PlausibleWeb.EmailView.date_format(@end_date) %>
|
|
</span>
|
|
<%= hidden_input(f, :end_date, value: @end_date, readonly: "true") %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-6 flex flex-col-reverse sm:flex-row justify-between items-center">
|
|
<p class="text-sm mt-4 sm:mt-0 dark:text-gray-100">
|
|
<a
|
|
href={
|
|
Routes.google_analytics_path(@conn, :property, @site.domain,
|
|
property: @selected_property,
|
|
access_token: @access_token,
|
|
refresh_token: @refresh_token,
|
|
expires_at: @expires_at
|
|
)
|
|
}
|
|
class="underline text-indigo-600"
|
|
>
|
|
Go back
|
|
</a>
|
|
</p>
|
|
|
|
<%= submit(name: "confirmButton", class: "button sm:w-auto w-full [&>span.label-enabled]:block [&>span.label-disabled]:hidden [&[disabled]>span.label-enabled]:hidden [&[disabled]>span.label-disabled]:block") do %>
|
|
<span class="label-enabled pointer-events-none">
|
|
Confirm import
|
|
</span>
|
|
|
|
<span class="label-disabled">
|
|
<PlausibleWeb.Components.Generic.spinner class="inline-block h-5 w-5 mr-2 text-white dark:text-gray-400" />
|
|
Starting import...
|
|
</span>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|