51 lines
1.8 KiB
JavaScript
51 lines
1.8 KiB
JavaScript
function register ({ registerHook, peertubeHelpers }) {
|
|
|
|
const baseStaticUrl = peertubeHelpers.getBaseStaticRoute()
|
|
const filterUrl = baseStaticUrl + '/images/filter_black.png';
|
|
const keyboardUrl = baseStaticUrl + '/images/keyboard_black.png';
|
|
const languagesUrl = baseStaticUrl + '/images/languages_black.png';
|
|
const backgroundUrl = baseStaticUrl + '/images/back_cube_lm.svg';
|
|
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 { "
|
|
rule+= " background-image: url('"+ filterUrl +"');"
|
|
rule+= " } "
|
|
sheet.insertRule(rule, 0)
|
|
// Change keyboard icon
|
|
rule = " #custom-css .icon.icon-language { "
|
|
rule+= " background-image: url('"+ languagesUrl +"');"
|
|
rule+= " } "
|
|
sheet.insertRule(rule, 0)
|
|
// Change languages icon
|
|
rule = " #custom-css .icon.icon-shortcuts{ "
|
|
rule+= " background-image: url('"+ keyboardUrl +"'); -webkit-filter: none; filter: none"
|
|
rule+= " } "
|
|
sheet.insertRule(rule, 0)
|
|
// Change background
|
|
rule = " #custom-css .sub-header-container{ "
|
|
rule+= " background-image: url('"+ backgroundUrl +"'); -webkit-filter: none; filter: none"
|
|
rule+= " } "
|
|
sheet.insertRule(rule, 0)
|
|
// STYLES END
|
|
|
|
/* ANGULAR NAVIGATION-END */
|
|
registerHook({
|
|
target: 'action:router.navigation-end',
|
|
handler: params => {
|
|
if(document.querySelector('my-page-not-found')){
|
|
const img = document.querySelector('my-page-not-found').querySelector('img')
|
|
if(img){
|
|
img.src = image404
|
|
}
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
export {
|
|
register
|
|
}
|