Skip to content

Commit

Permalink
chore: convert root template to .heex
Browse files Browse the repository at this point in the history
  • Loading branch information
@thecristen
thecristen committed Nov 21, 2024
1 parent 4bf3b89 commit 9051514
Show file tree
Hide file tree
Showing 4 changed files with 144 additions and 128 deletions.
12 changes: 1 addition & 11 deletions lib/dotcom/body_tag.ex
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,17 +9,7 @@ defmodule Dotcom.BodyTag do
UI elements.
"""

alias PhoenixHTMLHelpers.Tag

@spec render(Plug.Conn.t()) :: Phoenix.HTML.Safe.t()
def render(conn) do
Tag.tag(
:body,
class: class_name(conn)
)
end

defp class_name(conn) do
def class_name(conn) do
[
javascript_class(),
mticket_class(conn),
Expand Down
111 changes: 0 additions & 111 deletions lib/dotcom_web/templates/layout/root.html.eex
View file

This file was deleted.

138 changes: 138 additions & 0 deletions lib/dotcom_web/templates/layout/root.html.heex
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<%= csrf_meta_tag() %>
<% meta_description =
assigns[:meta_description] ||
"Official website of the MBTA -- schedules, maps, and fare information for Greater Boston's public transportation system, including subway, commuter rail, bus routes, and boat lines." %>
<meta name="description" content={Phoenix.HTML.raw(meta_description)} />
<meta name="author" content="Massachusetts Bay Transportation Authority" />
<meta name="theme-color" content="#165c96" />

<%= # hide any page in /org directory from search engines
if @conn.request_path == "/org" || String.slice(@conn.request_path, 0..4) == "/org/" do %>
<meta name="robots" content="noindex, nofollow" />
<% end %>
<%= # hide any page in /charlie directory from search engines
if @conn.request_path == "/charlie" || String.slice(@conn.request_path, 0..8) == "/charlie/" do %>
<meta name="robots" content="noindex, nofollow" />
<% end %>
<%= # hide any page in /policies/terms-use-charlie directory from search engines
if @conn.request_path == "/policies/terms-use-charlie" || String.slice(@conn.request_path, 0..26) == "/policies/terms-use-charlie" do %>
<meta name="robots" content="noindex, nofollow" />
<% end %>
<% title =
if Phoenix.Controller.view_template(@conn) == "404.html",
do: "Page Not Found | MBTA - Massachusetts Bay Transportation Authority",
else: title_breadcrumbs(@conn) %>
<title><%= title %></title>
<link
rel="apple-touch-icon"
href={static_url(@conn, "/apple-touch-icon.png")}
type="image/png"
/>
<link
rel="icon"
href={static_url(@conn, "/images/mbta-logo-t-favicon.png")}
sizes="32x32"
type="image/png"
/>
<link
rel="icon"
href={static_url(@conn, "/favicon.ico")}
sizes="16x16"
type="image/vnd.microsoft.icon"
/>

<link :if={google_tag_manager_id()} rel="preconnect" href="//www.google-analytics.com" />

<link
rel="alternate"
type="application/rss+xml"
title="MBTA.com Latest News"
href="/news/rss.xml"
/>

<script :if={Application.get_env(:sentry, :js_dsn)}>
window.sentry = {
dsn: "<%= Application.get_env(:sentry, :js_dsn) %>",
environment: "<%= Application.get_env(:sentry, :environment_name) %>"
}
</script>

<% dev_server? = Application.get_env(:dotcom, :dev_server?)
webpack_path = Application.get_env(:dotcom, :webpack_path) %>

<link :if={dev_server?} rel="stylesheet" href={"#{webpack_path}/css/core.css"} />
<link :if={dev_server?} rel="stylesheet" href={"#{webpack_path}/css/app.css"} />
<script :if={dev_server?} defer src={"#{webpack_path}/core.js"}>
</script>
<script :if={dev_server?} defer src={"#{webpack_path}/app.js"}>
</script>

<link :if={!dev_server?} rel="stylesheet" href={static_url(@conn, "/css/core.css")} />
<link :if={!dev_server?} rel="stylesheet" href={static_url(@conn, "/css/app.css")} />
<script :if={!dev_server?} defer src={static_url(@conn, "/js/vendors.js")}>
</script>
<script :if={!dev_server?} defer src={static_url(@conn, "/js/app.js")}>
</script>
</head>
<%= content_tag(:body, class: Dotcom.BodyTag.class_name(@conn)) do %>
<div class="body-wrapper" id="body-wrapper">
<a href="#main" class="sr-only sr-only-focusable">Skip to main content</a>
<%= DotcomWeb.PartialView.render("_hidden_icons.html", conn: @conn) %>
<%= render(
"_new_header.html",
@conn
|> Plug.Conn.assign(
:page,
get_page_classes(
Phoenix.Controller.view_module(@conn),
Phoenix.Controller.view_template(@conn)
)
)
|> forward_assigns
) %>
<div
:if={assigns[:banner_template]}
class={"announcement-container #{assigns[:banner_class]}"}
>
<div class="container">
<%= render(__MODULE__, @banner_template, assigns) %>
</div>
</div>
<div :if={assigns[:breadcrumbs]} class="breadcrumb-container">
<div class="container">
<%= breadcrumb_trail(@conn) %>
</div>
</div>
<%= if assigns[:search_header?], do: render("_searchbar.html", assigns) %>
<div class={"page-container #{get_page_classes(Phoenix.Controller.view_module(@conn), Phoenix.Controller.view_template(@conn))}"}>
<%= content_tag(:main, @inner_content, id: "main", tabindex: -1) %>
</div>
<%= render(__MODULE__, "_footer.html", conn: @conn) %>
</div>
<!-- Google Tag Manager (noscript) -->
<noscript :if={google_tag_manager_id()}>
<iframe
src={"https://www.googletagmanager.com/ns.html?id=#{google_tag_manager_id()}&gtm_auth=#{google_tag_manager_auth()}&gtm_preview=#{google_tag_manager_preview()}&gtm_cookies_win=x"}
height="0"
width="0"
style="display:none;visibility:hidden"
>
</iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Google Tag Manager -->
<script :if={google_tag_manager_id()}>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+ "&gtm_auth=<%= google_tag_manager_auth() %>&gtm_preview=<%= google_tag_manager_preview() %>&gtm_cookies_win=x";f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','<%= google_tag_manager_id() %>');
</script>
<% end %>
</html>
11 changes: 5 additions & 6 deletions test/dotcom/body_tag_test.exs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,34 +2,33 @@ defmodule Dotcom.BodyTagTest do
use ExUnit.Case, async: true
import Dotcom.BodyTag
import Phoenix.ConnTest, only: [build_conn: 0]
import Phoenix.HTML, only: [safe_to_string: 1]
import Plug.Conn, only: [put_req_header: 3]

describe "render/1" do
describe "class_name/1" do
test "returns mticket if the requisite header is present" do
conn =
build_conn()
|> put_req_header(Application.get_env(:dotcom, Dotcom.BodyTag)[:mticket_header], "")

assert safe_to_string(render(conn)) =~ "no-js mticket"
assert class_name(conn) =~ "no-js mticket"
end

test "returns mticket if the site is called as mticket.mbtace.com" do
conn = %{build_conn() | host: "mticket.mbtace.com"}

assert safe_to_string(render(conn)) =~ "no-js mticket"
assert class_name(conn) =~ "no-js mticket"
end

test "returns 'cms-preview' if page is loaded with CMS ?preview params" do
conn = %{build_conn() | query_params: %{"preview" => nil, "vid" => "latest", "nid" => "6"}}

assert safe_to_string(render(conn)) =~ "no-js cms-preview"
assert class_name(conn) =~ "no-js cms-preview"
end

test "does not set 'cms-preview' class if page is loaded with missing CMS &nid param" do
conn = %{build_conn() | query_params: %{"preview" => nil, "vid" => "latest"}}

refute safe_to_string(render(conn)) =~ "no-js cms-preview"
refute class_name(conn) =~ "no-js cms-preview"
end
end
end

0 comments on commit 9051514

Please sign in to comment.