You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
3.3 KiB
111 lines
3.3 KiB
include ../components/library
|
|
doctype html
|
|
html(lang='en', data-obs-widget= obsWidget)
|
|
head
|
|
meta(charset='UTF-8')
|
|
meta(name='viewport', content='width=device-width, initial-scale=1.0')
|
|
meta(name='description', content= pageDescription || site.description)
|
|
|
|
title= pageTitle ? `${pageTitle} | ${site.name}` : `${site.name} | ${site.description}`
|
|
|
|
meta(name="robots", content= "index,follow")
|
|
meta(name="googlebot", content= "index,follow")
|
|
meta(name="theme-color", content="#62767e")
|
|
meta(name="background-color", content="#62767e")
|
|
meta(name="apple-mobile-web-app-status-bar-style", content="black-translucent")
|
|
|
|
link(rel="manifest", href=`/manifest.json?v=${pkg.version}`)
|
|
|
|
block css
|
|
|
|
link(rel='stylesheet', href=`/fontawesome/css/all.min.css?v=${pkg.version}`)
|
|
|
|
block vendorcss
|
|
|
|
link(rel='stylesheet', href=`/dist/${(user) ? user.ui.theme : 'chat-light'}.css?v=${pkg.version}`)
|
|
link(rel='stylesheet', href=`/pretty-checkbox/pretty-checkbox.min.css?v=${pkg.version}`)
|
|
|
|
block viewcss
|
|
|
|
block js
|
|
script(async, src=`/fontawesome/js/fontawesome.min.js?v=${pkg.version}`, type="module")
|
|
script(src=`/uikit/dist/js/uikit.min.js?v=${pkg.version}`, type="module")
|
|
script(src=`/uikit/dist/js/uikit-icons.min.js?v=${pkg.version}`, type="module")
|
|
|
|
block pwa-support
|
|
include ../components/pwa-support
|
|
|
|
block social-card
|
|
include ../components/social-card/twitter
|
|
include ../components/social-card/facebook
|
|
|
|
block view-header
|
|
|
|
script.
|
|
|
|
function onImageLoadError (event) {
|
|
const imageType = event.currentTarget.getAttribute('data-image-type') || 'thumb';
|
|
console.error('image error', imageType, event);
|
|
switch (imageType) {
|
|
case 'profile':
|
|
event.currentTarget.setAttribute('src', '/img/default-member.png');
|
|
break;
|
|
case 'thumb':
|
|
event.currentTarget.setAttribute(
|
|
'src',
|
|
`/img/default-poster.${process.env.DTP_SITE_DOMAIN_KEY}.jpg`,
|
|
);
|
|
break;
|
|
}
|
|
}
|
|
|
|
body.dtp(
|
|
class= 'dtp-dark',
|
|
data-dtp-env= process.env.NODE_ENV,
|
|
data-dtp-domain= site.domainKey,
|
|
data-current-view= currentView,
|
|
data-is-popout= isPopOutView,
|
|
data-obs-widget= obsWidget,
|
|
data-embed-widget= embedWidget,
|
|
)
|
|
|
|
block view-navbar
|
|
include ../components/navbar
|
|
|
|
block view-content
|
|
|
|
script(src=`/dayjs/dayjs.min.js?v=${pkg.version}`)
|
|
script(src=`/numeral/numeral.min.js?v=${pkg.version}`)
|
|
script(src=`/socket.io/socket.io.js?v=${pkg.version}`)
|
|
|
|
block clientjs
|
|
if user
|
|
-
|
|
var safeUser = {
|
|
_id: user._id,
|
|
created: user.created,
|
|
username: user.username,
|
|
username_lc: user.username_lc,
|
|
displayName: user.displayName,
|
|
balances: user.balances,
|
|
flags: {
|
|
...user.flags,
|
|
},
|
|
};
|
|
|
|
if (safeUser.flags._id) {
|
|
delete safeUser.flags._id;
|
|
}
|
|
|
|
script.
|
|
window.dtp = window.dtp || { };
|
|
|
|
if user
|
|
script.
|
|
dtp.user = !{JSON.stringify(safeUser, null, 2)};
|
|
|
|
block vendorjs
|
|
|
|
script(src=`/dist/app.bundle.js?${pkg.version}`, type="module").
|
|
|
|
block viewjs
|