Add customizable notice on main page and in downloads list

This commit is contained in:
timvisee
2025-04-23 10:07:40 +02:00
parent c71100c82a
commit d0f21e8078
4 changed files with 37 additions and 0 deletions

View File

@@ -1,4 +1,5 @@
const html = require('choo/html');
const raw = require('choo/html/raw');
const { list } = require('../utils');
const archiveTile = require('./archiveTile');
const modal = require('./modal');
@@ -16,7 +17,19 @@ module.exports = function(state, emit) {
} else {
left = archiveTile.empty(state, emit);
}
if (archives.length > 0 && state.WEB_UI.DOWNLOAD_LIST_NOTICE_HTML) {
archives.push(html`
<p
class="w-full p-2 border-default dark:border-grey-70 rounded-default text-orange-60 bg-yellow-40 text-center leading-normal"
>
${raw(state.WEB_UI.DOWNLOAD_LIST_NOTICE_HTML)}
</p>
`);
}
archives.reverse();
const right =
archives.length === 0
? intro(state)

View File

@@ -1,6 +1,17 @@
const html = require('choo/html');
const raw = require('choo/html/raw');
module.exports = function intro(state) {
const notice = state.WEB_UI.MAIN_NOTICE_HTML
? html`
<p
class="w-full mt-8 p-2 border-default dark:border-grey-70 rounded-default text-orange-60 bg-yellow-40 text-center leading-normal"
>
${raw(state.WEB_UI.MAIN_NOTICE_HTML)}
</p>
`
: '';
return html`
<send-intro
class="flex flex-col items-center justify-center bg-white px-6 md:py-0 py-6 mb-0 h-full w-full dark:bg-grey-90"
@@ -12,6 +23,7 @@ module.exports = function intro(state) {
<p class="max-w-sm leading-loose mt-6 md:mt-2 md:pr-14">
${state.translate('introDescription')}
</p>
${notice}
</div>
</send-intro>
`;