diff --git a/app/main.css b/app/main.css index db3852fc..e9f17be4 100644 --- a/app/main.css +++ b/app/main.css @@ -167,6 +167,10 @@ footer li a:hover { width: auto; } +.text-underline { + text-decoration: underline; +} + .main { display: flex; position: relative; diff --git a/app/ui/archiveTile.js b/app/ui/archiveTile.js index 9a22cdf5..fb14e54a 100644 --- a/app/ui/archiveTile.js +++ b/app/ui/archiveTile.js @@ -486,12 +486,12 @@ module.exports.empty = function(state, emit) { })} `; - const warning = state.WEB_UI.UPLOAD_AREA_WARNING_HTML + const uploadNotice = state.WEB_UI.UPLOAD_AREA_NOTICE_HTML ? html`

- ${raw(state.WEB_UI.UPLOAD_AREA_WARNING_HTML)} + ${raw(state.WEB_UI.UPLOAD_AREA_NOTICE_HTML)}

` : ''; @@ -536,7 +536,7 @@ module.exports.empty = function(state, emit) { > ${state.translate('addFilesButton')} - ${upsell} ${warning} + ${upsell} ${uploadNotice} `; @@ -569,12 +569,12 @@ module.exports.preview = function(state, emit) { ${archiveDetails(state.translate, archive)} `; - const warning = state.WEB_UI.DOWNLOAD_WARNING_HTML + const notice = state.WEB_UI.DOWNLOAD_NOTICE_HTML ? html`

- ${raw(state.WEB_UI.DOWNLOAD_WARNING_HTML)} + ${raw(state.WEB_UI.DOWNLOAD_NOTICE_HTML)}

` : ''; @@ -594,7 +594,7 @@ module.exports.preview = function(state, emit) { > ${state.translate('downloadButtonLabel')} - ${warning} + ${notice} `; diff --git a/app/ui/home.js b/app/ui/home.js index cfa38564..63238266 100644 --- a/app/ui/home.js +++ b/app/ui/home.js @@ -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.UPLOADS_LIST_NOTICE_HTML) { + archives.push(html` +

+ ${raw(state.WEB_UI.UPLOADS_LIST_NOTICE_HTML)} +

+ `); + } + archives.reverse(); + const right = archives.length === 0 ? intro(state) diff --git a/app/ui/intro.js b/app/ui/intro.js index c9181837..dc1a1627 100644 --- a/app/ui/intro.js +++ b/app/ui/intro.js @@ -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` +

+ ${raw(state.WEB_UI.MAIN_NOTICE_HTML)} +

+ ` + : ''; + return html` ${state.translate('introDescription')}

+ ${notice}
`; diff --git a/server/clientConstants.js b/server/clientConstants.js index 4786bcff..6df763ec 100644 --- a/server/clientConstants.js +++ b/server/clientConstants.js @@ -15,8 +15,10 @@ module.exports = { FOOTER_SOURCE_URL: config.footer_source_url, CUSTOM_FOOTER_TEXT: config.custom_footer_text, CUSTOM_FOOTER_URL: config.custom_footer_url, - UPLOAD_AREA_WARNING_HTML: config.upload_area_warning_html, - DOWNLOAD_WARNING_HTML: config.download_warning_html, + MAIN_NOTICE_HTML: config.main_notice_html, + UPLOAD_AREA_NOTICE_HTML: config.upload_area_notice_html, + UPLOADS_LIST_NOTICE_HTML: config.uploads_list_notice_html, + DOWNLOAD_NOTICE_HTML: config.download_notice_html, COLORS: { PRIMARY: config.ui_color_primary, ACCENT: config.ui_color_accent diff --git a/server/config.js b/server/config.js index ffab7bd3..1df07bad 100644 --- a/server/config.js +++ b/server/config.js @@ -264,15 +264,25 @@ const conf = convict({ default: '', env: 'CUSTOM_FOOTER_URL' }, - upload_area_warning_html: { + main_notice_html: { format: String, default: '', - env: 'SEND_UPLOAD_AREA_WARNING_HTML' + env: 'SEND_MAIN_NOTICE_HTML' }, - download_warning_html: { + upload_area_notice_html: { format: String, default: '', - env: 'SEND_DOWNLOAD_WARNING_HTML' + env: 'SEND_UPLOAD_AREA_NOTICE_HTML' + }, + uploads_list_notice_html: { + format: String, + default: '', + env: 'SEND_UPLOADS_LIST_NOTICE_HTML' + }, + download_notice_html: { + format: String, + default: '', + env: 'SEND_DOWNLOAD_NOTICE_HTML' }, ui_color_primary: { format: String,