feat: admin pages

.iex.exs

@@ -7,6 +7,7 @@ alias Algora.Accounts.Identity
 alias Algora.Accounts.User
 alias Algora.Admin
 alias Algora.Admin.Migration
+alias Algora.Analytics
 alias Algora.Bounties
 alias Algora.Bounties.Claim
 alias Algora.Contracts

lib/algora/admin/mainthing/mainthing.ex

@@ -0,0 +1,42 @@
+defmodule Algora.Admin.Mainthings do
+  @moduledoc false
+
+  import Ecto.Query
+
+  alias Algora.Admin.Mainthings.Mainthing
+  alias Algora.Repo
+
+  @doc """
+  Gets the latest mainthing entry.
+  """
+  def get_latest do
+    Mainthing
+    |> last(:inserted_at)
+    |> Repo.one()
+  end
+
+  @doc """
+  Creates a new mainthing entry.
+  """
+  def create(attrs \\ %{}) do
+    %Mainthing{}
+    |> Mainthing.changeset(attrs)
+    |> Repo.insert()
+  end
+
+  @doc """
+  Updates a mainthing entry.
+  """
+  def update(%Mainthing{} = mainthing, attrs) do
+    mainthing
+    |> Mainthing.changeset(attrs)
+    |> Repo.update()
+  end
+
+  @doc """
+  Deletes a mainthing entry.
+  """
+  def delete(%Mainthing{} = mainthing) do
+    Repo.delete(mainthing)
+  end
+end

lib/algora/admin/mainthing/schemas/mainthing.ex

@@ -0,0 +1,19 @@
+defmodule Algora.Admin.Mainthings.Mainthing do
+  @moduledoc false
+  use Algora.Schema
+
+  import Ecto.Changeset
+
+  typed_schema "mainthings" do
+    field :content, :string, null: false
+
+    timestamps()
+  end
+
+  def changeset(mainthing, attrs) do
+    mainthing
+    |> cast(attrs, [:content])
+    |> validate_required([:content])
+    |> generate_id()
+  end
+end

lib/algora/analytics/analytics.ex

@@ -3,7 +3,7 @@ defmodule Algora.Analytics do
   import Ecto.Query
 
   alias Algora.Accounts.User
-  alias Algora.Contracts.Contract
+  alias Algora.Bounties.Bounty
   alias Algora.Repo
 
   require Algora.SQL
@@ -42,41 +42,45 @@ defmodule Algora.Analytics do
         }
 
     contracts_query =
-      from u in Contract,
-        where: u.inserted_at >= ^previous_period_start,
+      from b in Bounty,
+        where: b.inserted_at >= ^previous_period_start,
         select: %{
-          count_current: u.id |> count() |> filter(u.inserted_at < ^from and u.inserted_at >= ^period_start),
+          count_current: b.id |> count() |> filter(b.inserted_at < ^from and b.inserted_at >= ^period_start),
           count_previous:
-            u.id |> count() |> filter(u.inserted_at < ^period_start and u.inserted_at >= ^previous_period_start),
+            b.id |> count() |> filter(b.inserted_at < ^period_start and b.inserted_at >= ^previous_period_start),
           success_current:
-            u.id
+            b.id
             |> count()
             |> filter(
-              u.inserted_at < ^from and u.inserted_at >= ^period_start and (u.status == :active or u.status == :paid)
+              b.inserted_at < ^from and b.inserted_at >= ^period_start and (b.status == :open or b.status == :paid)
             ),
           success_previous:
-            u.id
+            b.id
             |> count()
             |> filter(
-              u.inserted_at < ^period_start and u.inserted_at >= ^previous_period_start and
-                (u.status == :active or u.status == :paid)
+              b.inserted_at < ^period_start and b.inserted_at >= ^previous_period_start and
+                (b.status == :open or b.status == :paid)
             )
         }
 
     companies_query =
       from u in User,
-        where: u.inserted_at >= ^period_start and u.type == :organization,
-        right_join: c in Contract,
-        on: c.client_id == u.id,
-        group_by: u.id,
+        where: u.inserted_at >= ^period_start,
+        where: u.type == :organization,
+        where: u.featured,
+        left_join: b in Bounty,
+        on: b.owner_id == u.id,
+        distinct: [u.id],
+        group_by: [u.id, b.id],
+        order_by: [desc: b.inserted_at],
         select: %{
           id: u.id,
           name: u.name,
           handle: u.handle,
           joined_at: u.inserted_at,
-          total_contracts: c.id |> count() |> filter(c.inserted_at >= ^period_start),
-          successful_contracts:
-            c.id |> count() |> filter(c.status == :active or (c.status == :paid and c.inserted_at >= ^period_start)),
+          total_bounties: b.id |> count() |> filter(b.inserted_at >= ^period_start),
+          successful_bounties:
+            b.id |> count() |> filter(b.status == :open or (b.status == :paid and b.inserted_at >= ^period_start)),
           last_active_at: u.updated_at,
           avatar_url: u.avatar_url
         }
@@ -112,15 +116,15 @@ defmodule Algora.Analytics do
            avg_time_to_fill: 0.0,
            time_to_fill_change: -0.0,
            time_to_fill_trend: :down,
-           contract_success_rate: current_success_rate,
-           previous_contract_success_rate: previous_success_rate,
+           bounty_success_rate: current_success_rate,
+           previous_bounty_success_rate: previous_success_rate,
            success_rate_change: current_success_rate - previous_success_rate,
            success_rate_trend: calculate_trend(current_success_rate, previous_success_rate),
            companies:
              Enum.map(companies, fn company ->
                Map.merge(company, %{
-                 success_rate: calculate_success_rate(company.successful_contracts, company.total_contracts),
-                 status: if(company.successful_contracts > 0, do: :active, else: :inactive)
+                 success_rate: calculate_success_rate(company.successful_bounties, company.total_bounties),
+                 status: if(company.successful_bounties > 0, do: :active, else: :inactive)
                })
              end)
          }}

lib/algora_web/components/core_components.ex

@@ -236,6 +236,14 @@ defmodule AlgoraWeb.CoreComponents do
           </div>
         </div>
       </:link>
+      <:link :if={@current_user.is_admin} href={~p"/admin"}>
+        <div class="flex items-center whitespace-nowrap">
+          <div class="mr-3 flex h-8 w-8 items-center justify-center">
+            <.icon name="tabler-adjustments-alt" class="h-5 w-5" />
+          </div>
+          <div class="font-semibold">Admin</div>
+        </div>
+      </:link>
       <:link href={~p"/auth/logout"}>
         <div class="flex items-center whitespace-nowrap">
           <div class="mr-3 flex h-8 w-8 items-center justify-center">

lib/algora_web/components/layouts/user.html.heex

@@ -82,62 +82,66 @@
       <.logo class="h-8 w-auto text-white" />
     </div>
     <nav class="mt-4">
-      <ul role="list" class="flex flex-col items-center space-y-1">
-        <%= for item <- @nav |> List.first() |> Map.get(:items) do %>
-          <li>
-            <.link
-              navigate={item.href}
-              target={Map.get(item, :target)}
-              class={[
-                "group flex gap-x-3 rounded-md p-3 text-sm/6 font-semibold text-gray-400 hover:bg-gray-800 hover:text-white",
-                if(@active_tab == item.tab,
-                  do: "bg-gray-800 text-white",
-                  else: "text-gray-400 hover:bg-gray-800 hover:text-white"
-                )
-              ]}
-            >
-              <.icon name={item.icon} class="h-6 w-6 shrink-0" />
-              <span class="sr-only">{item.label}</span>
-            </.link>
-          </li>
-        <% end %>
-      </ul>
-
-      <.separator class="mx-auto my-4 w-2/3" />
+      <%= for {section, index} <- Enum.with_index(@nav) do %>
+        <ul role="list" class="flex flex-col items-center space-y-1">
+          <%= for item <- section.items do %>
+            <li>
+              <.link
+                navigate={item.href}
+                target={Map.get(item, :target)}
+                class={[
+                  "group flex gap-x-3 rounded-md p-3 text-sm/6 font-semibold text-gray-400 hover:bg-gray-800 hover:text-white",
+                  if(@active_tab == item.tab,
+                    do: "bg-gray-800 text-white",
+                    else: "text-gray-400 hover:bg-gray-800 hover:text-white"
+                  )
+                ]}
+              >
+                <.icon name={item.icon} class="h-6 w-6 shrink-0" />
+                <span class="sr-only">{item.label}</span>
+              </.link>
+            </li>
+          <% end %>
+        </ul>
+        <.separator :if={index != length(@nav) - 1} class="mx-auto my-4 w-2/3" />
+      <% end %>
 
-      <ul role="list" class="space-y-1">
-        <%= for contact <- @contacts do %>
-          <li>
-            <.link
-              class="flex justify-center p-2"
-              navigate={Algora.Accounts.User.url(contact)}
-              title={Algora.Accounts.User.handle(contact)}
-            >
-              <div class="relative inline-block">
-                <div class="relative h-8 w-8 flex-shrink-0 overflow-hidden rounded-full">
-                  <img
-                    alt={Algora.Accounts.User.handle(contact)}
-                    loading="lazy"
-                    decoding="async"
-                    src={contact.avatar_url}
-                    class="h-full w-full object-cover"
-                  />
+      <%= if @contacts != [] do %>
+        <.separator class="mx-auto my-4 w-2/3" />
+        <ul role="list" class="space-y-1">
+          <%= for contact <- @contacts do %>
+            <li>
+              <.link
+                class="flex justify-center p-2"
+                navigate={Algora.Accounts.User.url(contact)}
+                title={Algora.Accounts.User.handle(contact)}
+              >
+                <div class="relative inline-block">
+                  <div class="relative h-8 w-8 flex-shrink-0 overflow-hidden rounded-full">
+                    <img
+                      alt={Algora.Accounts.User.handle(contact)}
+                      loading="lazy"
+                      decoding="async"
+                      src={contact.avatar_url}
+                      class="h-full w-full object-cover"
+                    />
+                  </div>
+                  <span class="absolute right-0 bottom-0 block h-2 w-2 rounded-full bg-green-400 ring-2 ring-white dark:ring-gray-950">
+                  </span>
                 </div>
-                <span class="absolute right-0 bottom-0 block h-2 w-2 rounded-full bg-green-400 ring-2 ring-white dark:ring-gray-950">
-                </span>
-              </div>
-            </.link>
-          </li>
-        <% end %>
-      </ul>
+              </.link>
+            </li>
+          <% end %>
+        </ul>
+      <% end %>
     </nav>
   </div>
 
   <div class="lg:pl-16">
     <div
       id="navbar"
       phx-hook="NavBar"
-      class="sticky top-0 z-40 flex h-16 shrink-0 items-center justify-between lg:justify-end gap-x-6 border-b border-border bg-background px-4 shadow-sm sm:px-6 lg:px-8"
+      class="sticky top-0 z-40 flex h-16 shrink-0 items-center justify-between gap-x-6 border-b border-border bg-background px-4 shadow-sm sm:px-6 lg:px-8"
     >
       <!-- Mobile menu button -->
       <div class="flex lg:hidden">
@@ -172,7 +176,20 @@
           <.icon name="tabler-menu" class="size-6 text-white" />
         </button>
       </div>
-      <div class="flex items-center gap-x-6">
+      <%= if Map.get(assigns, :admin_page?) && Map.get(assigns, :selected_period) do %>
+        <ul role="list">
+          <.button
+            :for={period <- ["7d", "30d", "90d"]}
+            variant={if @selected_period == period, do: "default", else: "outline"}
+            phx-click="select_period"
+            phx-value-period={period}
+            class="w-[5rem] mx-auto text-base font-semibold"
+          >
+            {period}
+          </.button>
+        </ul>
+      <% end %>
+      <div class="ml-auto flex items-center gap-x-6">
         <.link
           class="group w-fit outline-none"
           target="_blank"

lib/algora_web/controllers/webhooks/stripe_controller.ex

@@ -202,7 +202,7 @@ defmodule AlgoraWeb.Webhooks.StripeController do
           %{
             color: 0xEF4444,
             title: event.type,
-            # description: inspect(error),
+            description: inspect(error),
             footer: %{
               text: "Stripe",
               icon_url: "https://github.com/stripe.png"