mirror of
https://github.com/plausible/analytics.git
synced 2024-12-18 14:51:57 +03:00
e71de6dc1f
* Invite existing user to a site * Add invitation flow for non-existing users * Accept and reject invitations * Use invitation flow for existing users * Locking mechanism for sites * Authorization for site settings * Show usage based on site ownership * Add ability to remove members from a site * Do not show settings link to viewer roles * Ability to remove invitations * Remove `Plausible.Sites.count_for/1` * Fix tests * Do not show the trial banner after the trial * Correct trial emails * Transfer ownership * Send invitation email to existing user * Add invitation email flows * Add plug for role-based authorization * Rename AuthorizeStatsPlug -> AuthorizeSiteAccess * Add email flow for ownership transfer * Fix URLs in emails * Fix small copy issues * Make 'People' its own section in site settings * Notify user via email if their access has been removed * Check site lock status when invitation is accepted * Check lock status when user subscribes * Make sure only admins and owners can create shared links * Changelog * Add LockSites to daily cron * Clean invitations after 48 hours * Add notices about expiry * Add invitation expired page * Add doc link
83 lines
6.7 KiB
Elixir
83 lines
6.7 KiB
Elixir
<nav class="relative z-10 py-8">
|
|
<div class="container">
|
|
<nav class="relative flex items-center justify-between sm:h-10 md:justify-center">
|
|
<div class="flex items-center flex-1 md:absolute md:inset-y-0 md:left-0">
|
|
<div class="flex items-center justify-between">
|
|
<a href="<%= home_dest(@conn) %>">
|
|
<%= img_tag(PlausibleWeb.Router.Helpers.static_path(@conn, "/images/icon/plausible_logo_dark.png"), class: "h-8 w-auto sm:h-10 -mt-2 hidden dark:inline", alt: "Plausible logo", loading: "lazy")%>
|
|
<%= img_tag(PlausibleWeb.Router.Helpers.static_path(@conn, "/images/icon/plausible_logo.png"), class: "h-8 w-auto sm:h-10 -mt-2 inline dark:hidden", alt: "Plausible logo", loading: "lazy") %>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="absolute inset-y-0 right-0 flex items-center justify-end w-2/3 sm:w-auto">
|
|
<%= cond do %>
|
|
<% @conn.assigns[:current_user] -> %>
|
|
<ul class="flex w-full sm:w-auto">
|
|
<%= if Application.get_env(:plausible, :is_selfhost) do %>
|
|
<li class="hidden mr-6 sm:block">
|
|
<%= link(to: "https://github.com/plausible/analytics", class: "font-bold rounded m-1 ml-0 p-1 hover:bg-gray-200 dark:hover:bg-gray-900 dark:text-gray-100", style: "line-height: 40px;", target: "_blank") do %>
|
|
<svg class="inline w-4 h-4 mr-px -mt-1" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path fill="currentColor" d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
|
|
Repo
|
|
<% end %>
|
|
</li>
|
|
<% end %>
|
|
<%= if Plausible.Billing.on_trial?(@conn.assigns[:current_user]) do %>
|
|
<li class="hidden mr-6 sm:block">
|
|
<%= link(trial_notificaton(@conn.assigns[:current_user]), to: "/settings", class: "font-bold text-sm text-yellow-900 dark:text-yellow-900 rounded p-2 bg-yellow-100 dark:bg-yellow-100", style: "line-height: 40px;") %>
|
|
</li>
|
|
<% end %>
|
|
<%= if !Application.get_env(:plausible, :is_selfhost) do %>
|
|
<li class="hidden mr-6 sm:block">
|
|
<%= link("Docs", to: "https://docs.plausible.io", class: "font-bold rounded m-1 p-1 hover:bg-gray-200 dark:hover:bg-gray-900 dark:text-gray-100", style: "line-height: 40px;", target: "_blank") %>
|
|
</li>
|
|
<% end %>
|
|
<li class="w-full sm:w-auto">
|
|
<div class="relative font-bold rounded">
|
|
<div data-dropdown-trigger class="flex items-center p-1 m-1 rounded cursor-pointer hover:bg-gray-200 dark:hover:bg-gray-900 dark:text-gray-100">
|
|
<span class="pl-2 mr-2 truncate"><%= @conn.assigns[:current_user].name || @conn.assigns[:current_user].email %></span>
|
|
<svg style="height: 18px; transform: translateY(2px); fill: #606f7b;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 640" enable-background="new 0 0 512 512" xml:space="preserve"><g><circle cx="256" cy="52.8" r="50.8"/><circle cx="256" cy="256" r="50.8"/><circle cx="256" cy="459.2" r="50.8"/></g></svg>
|
|
</div>
|
|
|
|
<div data-dropdown style="top: 42px; right: 0px; width: 185px;" class="absolute right-0 z-10 hidden bg-white border border-gray-300 rounded shadow-md dropdown-content dark:bg-gray-800 dark:border-gray-500">
|
|
<%= link("Settings", to: "/settings", class: "block py-2 px-2 border-b border-gray-300 dark:border-gray-500 hover:bg-gray-100 dark:hover:bg-gray-900 dark:text-gray-100") %>
|
|
<%= link("Log out", to: "/logout", class: "block py-2 px-2 hover:bg-gray-100 dark:hover:bg-gray-900 dark:text-gray-100") %>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<%= if @conn.assigns[:current_user] && !Application.get_env(:plausible, :is_selfhost) do %>
|
|
<li id="changelog-notification" class="relative py-2"></li>
|
|
<% end %>
|
|
</ul>
|
|
<% Keyword.fetch!(Application.get_env(:plausible, :selfhost), :disable_authentication) -> %>
|
|
<ul class="flex" x-show="!document.cookie.includes('logged_in=true')">
|
|
<li>
|
|
<div class="inline-flex ml-6 rounded shadow">
|
|
<a href="/" class="inline-flex items-center justify-center px-5 py-2 text-base font-medium text-white bg-indigo-600 border border-transparent leading-6 rounded-md hover:bg-indigo-500 focus:outline-none focus:ring transition duration-150 ease-in-out">My Sites</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<% Keyword.fetch!(Application.get_env(:plausible, :selfhost), :disable_registration) -> %>
|
|
<ul class="flex" x-show="!document.cookie.includes('logged_in=true')">
|
|
<li>
|
|
<div class="inline-flex">
|
|
<a href="/login" class="font-medium text-gray-500 dark:text-gray-200 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition duration-150 ease-in-out">Login</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<% true -> %>
|
|
<ul class="flex" x-show="!document.cookie.includes('logged_in=true')">
|
|
<li>
|
|
<div class="inline-flex">
|
|
<a href="/login" class="font-medium text-gray-500 dark:text-gray-200 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition duration-150 ease-in-out">Login</a>
|
|
</div>
|
|
<div class="inline-flex ml-6 rounded shadow">
|
|
<a href="/register" class="inline-flex items-center justify-center px-5 py-2 text-base font-medium text-white bg-indigo-600 border border-transparent leading-6 rounded-md hover:bg-indigo-500 focus:outline-none focus:ring transition duration-150 ease-in-out">Sign up</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<% end %>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</nav>
|