From 84496a8a93832a5f4a2fc1f3065dce88cd14b2e3 Mon Sep 17 00:00:00 2001 From: ICabaleiro Date: Fri, 21 Feb 2020 16:49:22 +0000 Subject: [PATCH] Adding 404 image and styles --- assets/style.css | 6 ++++++ client/common-client-plugin.js | 19 ++++++++++++++++++- public/images/404.svg | 1 + 3 files changed, 25 insertions(+), 1 deletion(-) create mode 100644 public/images/404.svg diff --git a/assets/style.css b/assets/style.css index a5d309b..49e1197 100644 --- a/assets/style.css +++ b/assets/style.css @@ -153,4 +153,10 @@ body { #custom-css .ui-paginator .ui-paginator-element:hover:not(.ui-state-disabled){ color: var(--whiteColor) !important; background-color: var(--mainHoverColor) !important; +} + +/* 404 Not found page */ +#custom-css my-page-not-found img { + width: 350px !important; + margin-bottom: 0px !important; } \ No newline at end of file diff --git a/client/common-client-plugin.js b/client/common-client-plugin.js index d2fad9e..49ab54e 100644 --- a/client/common-client-plugin.js +++ b/client/common-client-plugin.js @@ -4,8 +4,10 @@ function register ({ registerHook, peertubeHelpers }) { const filterUrl = baseStaticUrl + '/images/filter_black.png'; const keyboardUrl = baseStaticUrl + '/images/keyboard_black.png'; const languagesUrl = baseStaticUrl + '/images/languages_black.png'; + const image404 = baseStaticUrl + '/images/404.svg' const style = document.createElement('style') document.head.appendChild(style) + // STYLES START const sheet = style.sheet // Change filter icon let rule = "#custom-css .icon.icon-filter { " @@ -22,7 +24,22 @@ function register ({ registerHook, peertubeHelpers }) { rule+= " background-image: url('"+ keyboardUrl +"'); -webkit-filter: none; filter: none" rule+= " } " sheet.insertRule(rule, 0) - // END + // STYLES END + + /* ANGULAR NAVIGATION-END */ + registerHook({ + target: 'action:router.navigation-end', + handler: params => { + console.warn("======= INJECTING 404 ====== path is:", params.path) + if(document.querySelector('my-page-not-found')){ + const img = document.querySelector('my-page-not-found').querySelector('img') + if(img){ + console.log("REACHING THE POINT!!!!!!") + img.src = image404 + } + } + } + }) } export { diff --git a/public/images/404.svg b/public/images/404.svg new file mode 100644 index 0000000..d13d878 --- /dev/null +++ b/public/images/404.svg @@ -0,0 +1 @@ +404 oscuro \ No newline at end of file