Packages

phoenix_kit

1.7.13
1.7.210 1.7.209 1.7.208 1.7.207 1.7.206 1.7.205 1.7.204 1.7.203 1.7.202 1.7.201 1.7.200 1.7.199 1.7.198 1.7.197 1.7.196 1.7.194 1.7.193 1.7.192 1.7.191 1.7.190 1.7.189 1.7.187 1.7.186 1.7.185 1.7.184 1.7.183 1.7.182 1.7.181 1.7.180 1.7.179 1.7.178 1.7.177 1.7.176 1.7.175 1.7.174 1.7.173 1.7.172 1.7.171 1.7.170 1.7.169 1.7.168 1.7.167 1.7.166 1.7.165 1.7.164 1.7.162 1.7.161 1.7.160 1.7.159 1.7.157 1.7.156 1.7.155 1.7.154 1.7.153 1.7.152 1.7.151 1.7.150 1.7.149 1.7.146 1.7.145 1.7.144 1.7.143 1.7.138 1.7.133 1.7.132 1.7.131 1.7.130 1.7.128 1.7.126 1.7.125 1.7.121 1.7.120 1.7.119 1.7.118 1.7.117 1.7.116 1.7.115 1.7.114 1.7.113 1.7.112 1.7.111 1.7.110 1.7.109 1.7.108 1.7.107 1.7.106 1.7.105 1.7.104 1.7.103 1.7.102 1.7.101 1.7.100 1.7.99 1.7.98 1.7.97 1.7.96 1.7.95 1.7.94 1.7.93 1.7.92 1.7.91 1.7.90 1.7.89 1.7.88 1.7.87 1.7.86 1.7.85 1.7.84 1.7.83 1.7.82 1.7.81 1.7.80 1.7.79 1.7.78 1.7.77 1.7.76 1.7.75 1.7.74 1.7.71 1.7.70 1.7.69 1.7.66 1.7.65 1.7.64 1.7.63 1.7.62 1.7.61 1.7.59 1.7.58 1.7.57 1.7.56 1.7.55 1.7.54 1.7.53 1.7.52 1.7.51 1.7.49 1.7.44 1.7.43 1.7.42 1.7.41 1.7.39 1.7.38 1.7.37 1.7.36 1.7.34 1.7.33 1.7.31 1.7.30 1.7.29 1.7.28 1.7.27 1.7.26 1.7.25 1.7.24 1.7.23 1.7.22 1.7.21 1.7.20 1.7.19 1.7.18 1.7.17 1.7.16 1.7.15 1.7.14 1.7.13 1.7.12 1.7.11 1.7.10 1.7.9 1.7.8 1.7.7 1.7.6 1.7.5 1.7.4 1.7.3 1.7.2 1.7.1 1.7.0 1.6.20 1.6.19 1.6.18 1.6.17 1.6.16 1.6.15 1.6.14 1.6.13 1.6.12 1.6.11 1.6.10 1.6.9 1.6.8 1.6.7 1.6.6 1.6.5 1.6.4 1.6.3 1.5.2 1.5.1 1.5.0 1.4.9 1.4.8 1.4.7 1.4.6 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2 1.3.1 1.3.0 1.2.10 1.2.9 1.2.8 1.2.7 1.2.5 1.2.4 1.2.2 1.2.1 1.2.0 1.1.0 1.0.0

A foundation for building Elixir Phoenix apps — SaaS, social networks, ERP systems, marketplaces, and more

HexDocs

Current section

Files

Jump to
Readme
224 Versions
37 Dependencies
Dependants
Files
Activity
phoenix_kit lib phoenix_kit_web live modules blogging blog.html.heex
Raw

lib/phoenix_kit_web/live/modules/blogging/blog.html.heex 

<PhoenixKitWeb.Components.LayoutWrapper.app_layout

  flash={@flash}

  phoenix_kit_current_scope={assigns[:phoenix_kit_current_scope]}

  page_title={@page_title}

  current_path={@current_path}

  project_title={@project_title}

  current_locale={@current_locale}

>

  <div class="container flex-col mx-auto px-4 py-6">

    <%!-- Header Section --%>

    <header class="w-full relative mb-6">

      <%!-- Back Button (Left aligned) --%>

      <.link

        navigate={Routes.path("/admin/blogging", locale: @current_locale_base)}

        class="btn btn-outline btn-primary btn-sm absolute left-0 top-0 -mb-12"

      >

        <.icon name="hero-arrow-left" class="w-4 h-4" /> Back to Blogging

      </.link>



      <%!-- Title Section --%>

      <div class="text-center">

        <h1 class="text-4xl font-bold text-base-content mb-3">

          {(@current_blog && @current_blog["name"]) || @blog_slug || gettext("Blog")}

        </h1>

        <% blog_slug = (@current_blog && @current_blog["slug"]) || @blog_slug || "your-blog" %>

        <% url_prefix =

          PhoenixKit.Config.get_url_prefix()

          |> case do

            "/" -> ""

            prefix -> prefix

          end %>

        <% files_hint = "priv/blogging/" <> blog_slug <> "/…" %>

        <%!-- Use first enabled language (default) for public URL, not UI locale --%>

        <% default_language = List.first(@enabled_languages) %>

        <% public_url =

          if length(@enabled_languages) == 1 do

            @endpoint_url <> url_prefix <> "/" <> blog_slug

          else

            @endpoint_url <> url_prefix <> "/#{default_language}/" <> blog_slug

          end %>

        <div class="text-sm text-base-content/60 space-y-1">

          <p>

            <span class="font-medium text-base-content">{gettext("Files")}: </span>

            <code class="font-mono break-all">{files_hint}</code>

          </p>

          <p>

            <span class="font-medium text-base-content">{gettext("Public URL")}: </span>

            <a

              href={public_url}

              target="_blank"

              class="link link-hover font-mono break-all text-xs"

            >

              {public_url}

            </a>

          </p>

        </div>

      </div>

    </header>



    <div class="space-y-6">

      <div class="flex-1">

        <div class="flex flex-col md:flex-row gap-3 md:items-center md:justify-between mb-4">

          <span class="text-sm text-base-content/70">

            {gettext("Showing %{count} posts", count: length(@posts))}

          </span>

          <div class="flex gap-2">

            <button type="button" class="btn btn-outline btn-sm shadow-none" phx-click="refresh">

              <.icon name="hero-arrow-path" class="w-4 h-4 mr-1" /> {gettext("Refresh")}

            </button>

            <button type="button" class="btn btn-primary btn-sm" phx-click="create_post">

              <.icon name="hero-plus" class="w-4 h-4 mr-1" /> {gettext("Create Post")}

            </button>

          </div>

        </div>



        <%= if @posts == [] do %>

          <div class="card bg-base-100 shadow-sm border border-base-200">

            <div class="card-body">

              <h3 class="text-lg font-semibold text-base-content">{gettext("No posts yet")}</h3>

              <p class="text-sm text-base-content/70">

                {gettext("Create your first post to start sharing content.")}

              </p>

            </div>

          </div>

        <% else %>

          <div class="grid gap-4">

            <%= for post <- @posts do %>

              <% blog_slug =

                post.blog || (@current_blog && @current_blog["slug"]) || @blog_slug ||

                  "blog" %>

              <% default_lang = List.first(post.available_languages) || @current_locale_base %>

              <% default_lang_path =

                Path.join([

                  Path.dirname(post.path),

                  "#{default_lang}.phk"

                ]) %>

              <% files_path = "priv/blogging/" <> post.path %>

              <%!-- Use post's actual language, falling back to first available language for this post --%>

              <% public_url =

                BlogHTML.build_post_url(blog_slug, post, post.language || default_lang) %>

              <% full_public_url = @endpoint_url <> public_url %>

              <div class="card bg-base-100 shadow-sm border border-base-200 overflow-hidden">

                <div class="card-body p-4 md:p-5 min-w-0">

                  <%!-- Post info section --%>

                  <div class="flex-1 min-w-0">

                    <div class="flex items-center gap-2 text-xs uppercase tracking-wide text-base-content/60">

                      <span>

                        {format_datetime(post, @phoenix_kit_current_user, @date_time_settings)}

                      </span>

                    </div>

                    <h3 class="text-xl font-semibold text-base-content mt-1 truncate">

                      <a

                        href={

                          PhoenixKit.Utils.Routes.path(

                            "/admin/blogging/#{blog_slug}/edit?path=#{URI.encode(default_lang_path)}",

                            locale: @current_locale_base

                          )

                        }

                        class="hover:text-primary transition-colors"

                      >

                        {post.metadata.title || gettext("Untitled post")}

                      </a>

                    </h3>

                    <p class="text-xs text-base-content/50 mt-1">

                      <span class="font-medium text-base-content">{gettext("Files")}: </span>

                      <code class="font-mono break-all">{files_path}</code>

                    </p>

                    <p class="text-xs text-base-content/50">

                      <span class="font-medium text-base-content">{gettext("Public URL")}: </span>

                      <a

                        href={full_public_url}

                        target="_blank"

                        class="link link-hover font-mono break-all text-xs"

                      >

                        {full_public_url}

                      </a>

                    </p>

                  </div>

                  <%!-- Languages section --%>

                  <div class="border-t border-base-200 pt-3 mt-3">

                    <.blog_language_switcher

                      languages={

                        build_post_languages(

                          post,

                          @blog_slug,

                          @enabled_languages,

                          @current_locale

                        )

                      }

                      show_status={true}

                      show_add={true}

                      on_click="language_action"

                      size={:sm}

                    />

                  </div>

                </div>

              </div>

            <% end %>

          </div>

        <% end %>

      </div>

    </div>

  </div>

</PhoenixKitWeb.Components.LayoutWrapper.app_layout>