nit: use 'html/raw' instead of html() where possible

This commit is contained in:
Danny Coates 2018-02-11 14:02:40 -08:00
parent 950c9cdaeb
commit dcfda9521b
No known key found for this signature in database
GPG key ID: 4C442633C62E00CB
3 changed files with 14 additions and 11 deletions

View file

@ -1,4 +1,5 @@
const html = require('choo/html'); const html = require('choo/html');
const raw = require('choo/html/raw');
function replaceLinks(str, urls) { function replaceLinks(str, urls) {
let i = -1; let i = -1;
@ -6,7 +7,7 @@ function replaceLinks(str, urls) {
i++; i++;
return `<a href="${urls[i]}">${v}</a>`; return `<a href="${urls[i]}">${v}</a>`;
}); });
return [`<div class="description">${s}</div>`]; return `<div class="description">${s}</div>`;
} }
module.exports = function(state) { module.exports = function(state) {
@ -14,14 +15,14 @@ module.exports = function(state) {
<div id="page-one"> <div id="page-one">
<div id="legal"> <div id="legal">
<div class="title">${state.translate('legalHeader')}</div> <div class="title">${state.translate('legalHeader')}</div>
${html( ${raw(
replaceLinks(state.translate('legalNoticeTestPilot'), [ replaceLinks(state.translate('legalNoticeTestPilot'), [
'https://testpilot.firefox.com/terms', 'https://testpilot.firefox.com/terms',
'https://testpilot.firefox.com/privacy', 'https://testpilot.firefox.com/privacy',
'https://testpilot.firefox.com/experiments/send' 'https://testpilot.firefox.com/experiments/send'
]) ])
)} )}
${html( ${raw(
replaceLinks(state.translate('legalNoticeMozilla'), [ replaceLinks(state.translate('legalNoticeMozilla'), [
'https://www.mozilla.org/privacy/websites/', 'https://www.mozilla.org/privacy/websites/',
'https://www.mozilla.org/about/legal/terms/mozilla/' 'https://www.mozilla.org/about/legal/terms/mozilla/'

View file

@ -1,5 +1,6 @@
/* global EXPIRE_SECONDS */ /* global EXPIRE_SECONDS */
const html = require('choo/html'); const html = require('choo/html');
const raw = require('choo/html/raw');
const assets = require('../../common/assets'); const assets = require('../../common/assets');
const notFound = require('./notFound'); const notFound = require('./notFound');
const uploadPasswordSet = require('../templates/uploadPasswordSet'); const uploadPasswordSet = require('../templates/uploadPasswordSet');
@ -9,12 +10,12 @@ const { allowedCopy, delay, fadeOut } = require('../utils');
function expireInfo(file, translate, emit) { function expireInfo(file, translate, emit) {
const hours = Math.floor(EXPIRE_SECONDS / 60 / 60); const hours = Math.floor(EXPIRE_SECONDS / 60 / 60);
const el = html([ const el = html`<div>${raw(
`<div>${translate('expireInfo', { translate('expireInfo', {
downloadCount: '<select></select>', downloadCount: '<select></select>',
timespan: translate('timespanHours', { num: hours }) timespan: translate('timespanHours', { num: hours })
})}</div>` })
]); )}</div>`;
const select = el.querySelector('select'); const select = el.querySelector('select');
const options = [1, 2, 3, 4, 5, 20].filter(i => i > (file.dtotal || 0)); const options = [1, 2, 3, 4, 5, 20].filter(i => i > (file.dtotal || 0));
const t = num => translate('downloadCount', { num }); const t = num => translate('downloadCount', { num });

View file

@ -1,4 +1,5 @@
const html = require('choo/html'); const html = require('choo/html');
const raw = require('choo/html/raw');
module.exports = function(state, emit) { module.exports = function(state, emit) {
const file = state.storage.getFileById(state.params.id); const file = state.storage.getFileById(state.params.id);
@ -30,12 +31,12 @@ module.exports = function(state, emit) {
function passwordSpan(password) { function passwordSpan(password) {
password = password || '●●●●●'; password = password || '●●●●●';
const span = html([ const span = html`<span>${raw(
`<span>${state.translate('passwordResult', { state.translate('passwordResult', {
password: password:
'<pre class="passwordOriginal"></pre><pre class="passwordMask"></pre>' '<pre class="passwordOriginal"></pre><pre class="passwordMask"></pre>'
})}</span>` })
]); )}</span>`;
const og = span.querySelector('.passwordOriginal'); const og = span.querySelector('.passwordOriginal');
const masked = span.querySelector('.passwordMask'); const masked = span.querySelector('.passwordMask');
og.textContent = password; og.textContent = password;