From ba2949a3bd088b05e07d71de7b8dec6ce4b1ad87 Mon Sep 17 00:00:00 2001 From: Thelonius Kort Date: Sun, 5 Feb 2023 20:14:06 +0100 Subject: [PATCH] Add eventlistener for change of day/night mode And add a static js folder for js-files apart from the asset pipeline. --- assets/js/app.js | 4 ++-- assets/js/{dark-mode.js => dark-mode-widget.js} | 0 lib/outlook_web.ex | 2 +- lib/outlook_web/components/layouts/proot.html.heex | 9 +-------- lib/outlook_web/components/layouts/root.html.heex | 9 +-------- priv/static/js/dark-mode.js | 10 ++++++++++ 6 files changed, 15 insertions(+), 19 deletions(-) rename assets/js/{dark-mode.js => dark-mode-widget.js} (100%) create mode 100644 priv/static/js/dark-mode.js diff --git a/assets/js/app.js b/assets/js/app.js index e14eed6..9fee884 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -22,7 +22,8 @@ import {Socket} from "phoenix" import {LiveSocket} from "phoenix_live_view" import topbar from "../vendor/topbar" -import {DarkModeHook} from './dark-mode' +import {DarkModeHook} from './dark-mode-widget' + let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content") let liveSocket = new LiveSocket("/live", Socket, { params: {_csrf_token: csrfToken}, @@ -42,4 +43,3 @@ liveSocket.connect() // >> liveSocket.enableLatencySim(1000) // enabled for duration of browser session // >> liveSocket.disableLatencySim() window.liveSocket = liveSocket - diff --git a/assets/js/dark-mode.js b/assets/js/dark-mode-widget.js similarity index 100% rename from assets/js/dark-mode.js rename to assets/js/dark-mode-widget.js diff --git a/lib/outlook_web.ex b/lib/outlook_web.ex index 5f77b3b..7633fa5 100644 --- a/lib/outlook_web.ex +++ b/lib/outlook_web.ex @@ -17,7 +17,7 @@ defmodule OutlookWeb do those modules here. """ - def static_paths, do: ~w(assets fonts images favicon.ico robots.txt) + def static_paths, do: ~w(assets fonts images js favicon.ico robots.txt) def router do quote do diff --git a/lib/outlook_web/components/layouts/proot.html.heex b/lib/outlook_web/components/layouts/proot.html.heex index 5478b71..9254580 100644 --- a/lib/outlook_web/components/layouts/proot.html.heex +++ b/lib/outlook_web/components/layouts/proot.html.heex @@ -7,17 +7,10 @@ <.live_title suffix=" · Ausblick"> <%= assigns[:page_title] %> + - <%= @inner_content %> diff --git a/lib/outlook_web/components/layouts/root.html.heex b/lib/outlook_web/components/layouts/root.html.heex index 107ba80..52083ae 100644 --- a/lib/outlook_web/components/layouts/root.html.heex +++ b/lib/outlook_web/components/layouts/root.html.heex @@ -7,17 +7,10 @@ <.live_title suffix=" · Phoenix Framework"> <%= assigns[:page_title] || "Outlook" %> + -