Packages

phx_tailwind_generators

0.1.7
0.1.7 0.1.6 0.1.5 0.1.4 0.1.3 0.1.2 0.1.1 0.1.0

Generators to create templates with Tailwind CSS.

HexDocs

Current section

Files

Jump to
Readme
8 Versions
1 Dependency
Dependants
Files
Activity
phx_tailwind_generators priv templates phx.gen.tailwind show.html.eex
Raw

priv/templates/phx.gen.tailwind/show.html.eex 

<div class="bg-white shadow overflow-hidden sm:rounded-lg">

  <div class="px-4 py-5 sm:px-6">

    <h3 class="text-lg leading-6 font-medium text-gray-900">

      <%%= gettext "Show %{name}", name: "<%= schema.human_singular %>" %>

    </h3>

  </div>

  <div class="border-t border-gray-200">

    <dl>

      <%= for {{k, _}, counter} <- Enum.with_index(schema.attrs) do %>

        <div class="<%= if rem(counter, 2) == 0, do: "bg-gray-50", else: "bg-white" %> px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">

          <dt class="text-sm font-medium text-gray-500">

            <%= Phoenix.Naming.humanize(Atom.to_string(k)) %>

          </dt>

          <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">

            <%%= @<%= schema.singular %>.<%= k %> %>

          </dd>

        </div>

      <% end %>

    </dl>

  </div>

</div>



<div class="pt-4">

  <%%= link to: Routes.<%= schema.route_helper %>_path(@conn, :edit, @<%= schema.singular %>), class: "inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md shadow-sm text-white bg-yellow-600 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500" do %>

    <span class="not-sr-only">

      <svg class="-ml-1 mr-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">

        <path d="M17.414 2.586a2 2 0 00-2.828 0L7 10.172V13h2.828l7.586-7.586a2 2 0 000-2.828z" />

        <path fill-rule="evenodd" d="M2 6a2 2 0 012-2h4a1 1 0 010 2H4v10h10v-4a1 1 0 112 0v4a2 2 0 01-2 2H4a2 2 0 01-2-2V6z" clip-rule="evenodd" />

      </svg>

    </span>

    <%%= gettext "Edit" %>

  <%% end %>



  <%%= link to: Routes.<%= schema.route_helper %>_path(@conn, :index), class: "inline-flex items-center px-5 mr-2 py-2 border border-gray-300 shadow-sm text-sm leading-4 font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" do %>

    <span class="not-sr-only">

      <svg class="-ml-1 mr-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">

        <path fill-rule="evenodd" d="M3 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd" />

      </svg>

    </span>

    <%%= gettext "Back" %>

  <%% end %>

</div>