Packages

phx_new

1.8.2
1.8.9 1.8.8 1.8.7 1.8.6 1.8.5 1.8.4 1.8.3 1.8.2 1.8.1 1.8.0 1.8.0-rc.4 1.8.0-rc.3 1.8.0-rc.2 1.8.0-rc.1 1.8.0-rc.0 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.7.0-rc.3 1.7.0-rc.2 1.7.0-rc.1 1.7.0-rc.0 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.6.2 1.6.1 1.6.0 1.6.0-rc.1 1.6.0-rc.0 1.5.15 1.5.14 1.5.13 1.5.12 1.5.11 1.5.10 1.5.9 1.5.8 1.5.7 1.5.6 1.5.5 1.5.4 1.5.3 1.5.2 1.5.1 1.5.0 1.5.0-rc.0 1.4.18 1.4.17 1.4.16 1.4.15 1.4.14 1.4.13 1.4.12 1.4.11 1.4.10 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.4.0-rc.3 1.4.0-rc.2 1.4.0-rc.1 1.4.0-rc.0 1.4.0-dev.0 1.3.5

Phoenix framework project generator. Provides a `mix phx.new` task to bootstrap a new Elixir application with Phoenix dependencies.

HexDocs

Current section

Files

Jump to
Readme
106 Versions
0 Dependencies
5 Dependants
Files
Activity
phx_new templates phx_web components layouts root.html.heex
Raw

templates/phx_web/components/layouts/root.html.heex 

<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <meta name="csrf-token" content={get_csrf_token()} />

    <.live_title default="<%= @app_module %>" suffix=" · Phoenix Framework">

      {assigns[:page_title]}

    </.live_title>

    <link phx-track-static rel="stylesheet" href={~p"/assets/css/app.css"} /><%= if not @css do %>

    <link phx-track-static rel="stylesheet" href={~p"/assets/default.css"} /><% end %>

    <script defer phx-track-static type="text/javascript" src={~p"/assets/js/app.js"}>

    </script><%= if @css do %>

    <script>

      (() => {

        const setTheme = (theme) => {

          if (theme === "system") {

            localStorage.removeItem("phx:theme");

            document.documentElement.removeAttribute("data-theme");

          } else {

            localStorage.setItem("phx:theme", theme);

            document.documentElement.setAttribute("data-theme", theme);

          }

        };

        if (!document.documentElement.hasAttribute("data-theme")) {

          setTheme(localStorage.getItem("phx:theme") || "system");

        }

        window.addEventListener("storage", (e) => e.key === "phx:theme" && setTheme(e.newValue || "system"));

        <%= if not @live do %>

        document.addEventListener("DOMContentLoaded", () => {

          document

            .querySelectorAll("button[data-phx-theme]")

            .forEach((el) => {

              el.addEventListener("click", () => {

                setTheme(el.dataset.phxTheme)

              })

            })

        })<% else %>

        window.addEventListener("phx:set-theme", (e) => setTheme(e.target.dataset.phxTheme));<% end %>

      })();

    </script><% end %>

  </head>

  <body>

    {@inner_content}

  </body>

</html>