mirror of
https://github.com/livebook-dev/livebook.git
synced 2025-10-09 13:07:37 +08:00
Rewrite .eex into .heex
This commit is contained in:
José Valim
parent
4e45ab13a7
commit
27f62eeb6d
6 changed files with 108 additions and 91 deletions
|
|
@ -1,40 +0,0 @@
|
||||||
<div class="h-screen flex items-center justify-center bg-gray-900">
|
|
||||||
<div class="flex flex-col space-y-4 items-center">
|
|
||||||
<a href="<%= Routes.path(@conn, "/") %>">
|
|
||||||
<img src="<%= Routes.static_path(@conn, "/images/logo.png") %>" height="128" width="128" alt="livebook" />
|
|
||||||
</a>
|
|
||||||
<div class="text-2xl text-gray-50">
|
|
||||||
Authentication required
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="max-w-2xl text-center text-gray-300">
|
|
||||||
<%= if @auth_mode == :password do %>
|
|
||||||
Type password to access the Livebook.
|
|
||||||
<% else %>
|
|
||||||
Please check out the console for authentication URL
|
|
||||||
or type the token directly here.
|
|
||||||
<% end %>
|
|
||||||
</div>
|
|
||||||
<div class="text-2xl text-gray-50 w-full pt-2">
|
|
||||||
<form method="post" class="flex flex-col space-y-4 items-center">
|
|
||||||
<input type="hidden" value="<%= Phoenix.Controller.get_csrf_token() %>" name="_csrf_token"/>
|
|
||||||
<%= if @auth_mode == :password do %>
|
|
||||||
<div phx-feedback-for="password" class="<%= if(@errors, do: "show-errors w-[20ch]", else: "w-[20ch]") %>">
|
|
||||||
<input type="password" name="password" class="input" placeholder="Password" autofocus />
|
|
||||||
<% else %>
|
|
||||||
<div phx-feedback-for="token" class="<%= if(@errors, do: "show-errors w-[20ch]", else: "w-[20ch]") %>">
|
|
||||||
<input type="text" name="token" class="input" placeholder="Token" autofocus />
|
|
||||||
<% end %>
|
|
||||||
<%= for error <- @errors || [] do %>
|
|
||||||
<span class="mt-1 hidden text-red-600 text-sm phx-form-error:block">
|
|
||||||
<%= translate_error(error) %>
|
|
||||||
</span>
|
|
||||||
<% end %>
|
|
||||||
</div>
|
|
||||||
<button type="submit" class="button-base button-blue">
|
|
||||||
Authenticate
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
47
lib/livebook_web/templates/auth/index.html.heex
Normal file
47
lib/livebook_web/templates/auth/index.html.heex
Normal file
|
|
@ -0,0 +1,47 @@
|
||||||
|
<div class="h-screen flex items-center justify-center bg-gray-900">
|
||||||
|
<div class="flex flex-col space-y-4 items-center">
|
||||||
|
<a href={Routes.path(@conn, "/")}>
|
||||||
|
<img
|
||||||
|
src={Routes.static_path(@conn, "/images/logo.png")}
|
||||||
|
height="128"
|
||||||
|
width="128"
|
||||||
|
alt="livebook"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<div class="text-2xl text-gray-50">
|
||||||
|
Authentication required
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-w-2xl text-center text-gray-300">
|
||||||
|
<%= if @auth_mode == :password do %>
|
||||||
|
Type password to access the Livebook.
|
||||||
|
<% else %>
|
||||||
|
Please check out the console for authentication URL
|
||||||
|
or type the token directly here.
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
<div class="text-2xl text-gray-50 w-full pt-2">
|
||||||
|
<form method="post" class="flex flex-col space-y-4 items-center">
|
||||||
|
<input type="hidden" value={Phoenix.Controller.get_csrf_token()} name="_csrf_token" />
|
||||||
|
<div
|
||||||
|
phx-feedback-for={@auth_mode}
|
||||||
|
class={if(@errors, do: "show-errors w-[20ch]", else: "w-[20ch]")}
|
||||||
|
>
|
||||||
|
<%= if @auth_mode == :password do %>
|
||||||
|
<input type="password" name="password" class="input" placeholder="Password" autofocus />
|
||||||
|
<% else %>
|
||||||
|
<input type="text" name="token" class="input" placeholder="Token" autofocus />
|
||||||
|
<% end %>
|
||||||
|
<%= for error <- @errors || [] do %>
|
||||||
|
<span class="mt-1 hidden text-red-600 text-sm phx-form-error:block">
|
||||||
|
<%= translate_error(error) %>
|
||||||
|
</span>
|
||||||
|
<% end %>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="button-base button-blue">
|
||||||
|
Authenticate
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -1,24 +0,0 @@
|
||||||
<!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.0"/>
|
|
||||||
<link rel="icon" type="image/svg+xml" href="<%= Routes.static_path(@conn, "/favicon.svg") %>" />
|
|
||||||
<link rel="alternate icon" type="image/png" href="<%= Routes.static_path(@conn, "/favicon.png") %>" />
|
|
||||||
<title><%= @status %> - Livebook</title>
|
|
||||||
<link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="h-screen flex items-center justify-center bg-gray-900">
|
|
||||||
<div class="flex flex-col space-y-4 items-center">
|
|
||||||
<a href="<%= Routes.path(@conn, "/") %>">
|
|
||||||
<img src="<%= Routes.static_path(@conn, "/images/logo.png") %>" height="128" width="128" alt="livebook" />
|
|
||||||
</a>
|
|
||||||
<div class="text-2xl text-gray-50">
|
|
||||||
No Numbats here!
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
29
lib/livebook_web/templates/error/404.html.heex
Normal file
29
lib/livebook_web/templates/error/404.html.heex
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!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.0" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href={Routes.static_path(@conn, "/favicon.svg")} />
|
||||||
|
<link rel="alternate icon" type="image/png" href={Routes.static_path(@conn, "/favicon.png")} />
|
||||||
|
<title><%= @status %> - Livebook</title>
|
||||||
|
<link rel="stylesheet" href={Routes.static_path(@conn, "/css/app.css")} />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="h-screen flex items-center justify-center bg-gray-900">
|
||||||
|
<div class="flex flex-col space-y-4 items-center">
|
||||||
|
<a href={Routes.path(@conn, "/")}>
|
||||||
|
<img
|
||||||
|
src={Routes.static_path(@conn, "/images/logo.png")}
|
||||||
|
height="128"
|
||||||
|
width="128"
|
||||||
|
alt="livebook"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<div class="text-2xl text-gray-50">
|
||||||
|
No Numbats here!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,27 +0,0 @@
|
||||||
<!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.0"/>
|
|
||||||
<link rel="icon" type="image/svg+xml" href="<%= Routes.static_path(@conn, "/favicon.svg") %>" />
|
|
||||||
<link rel="alternate icon" type="image/png" href="<%= Routes.static_path(@conn, "/favicon.png") %>" />
|
|
||||||
<title><%= @status %> - Livebook</title>
|
|
||||||
<link rel="stylesheet" href="<%= Routes.static_path(@conn, "/css/app.css") %>"/>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="h-screen flex items-center justify-center bg-gray-900">
|
|
||||||
<div class="flex flex-col space-y-4 items-center">
|
|
||||||
<a href="<%= Routes.path(@conn, "/") %>">
|
|
||||||
<img src="<%= Routes.static_path(@conn, "/images/logo.png") %>" height="128" width="128" alt="livebook" />
|
|
||||||
</a>
|
|
||||||
<div class="text-2xl text-gray-50">
|
|
||||||
Something went wrong.
|
|
||||||
</div>
|
|
||||||
<div class="text-lg text-gray-50">
|
|
||||||
Check out the console for logs for more information.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
32
lib/livebook_web/templates/error/500.html.heex
Normal file
32
lib/livebook_web/templates/error/500.html.heex
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
<!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.0" />
|
||||||
|
<link rel="icon" type="image/svg+xml" href={Routes.static_path(@conn, "/favicon.svg")} />
|
||||||
|
<link rel="alternate icon" type="image/png" href={Routes.static_path(@conn, "/favicon.png")} />
|
||||||
|
<title><%= @status %> - Livebook</title>
|
||||||
|
<link rel="stylesheet" href={Routes.static_path(@conn, "/css/app.css")} />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="h-screen flex items-center justify-center bg-gray-900">
|
||||||
|
<div class="flex flex-col space-y-4 items-center">
|
||||||
|
<a href={Routes.path(@conn, "/")}>
|
||||||
|
<img
|
||||||
|
src={Routes.static_path(@conn, "/images/logo.png")}
|
||||||
|
height="128"
|
||||||
|
width="128"
|
||||||
|
alt="livebook"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<div class="text-2xl text-gray-50">
|
||||||
|
Something went wrong.
|
||||||
|
</div>
|
||||||
|
<div class="text-lg text-gray-50">
|
||||||
|
Check out the console for logs for more information.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Reference in a new issue