heml
Version:
HEML is an open source markup language for building responsive email
63 lines (54 loc) • 1.32 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = function () {
var errors = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var title = `${errors.length} validation ${errors.length > 1 ? 'errors' : 'error'}`;
return `
<html>
<head>
<title>${title}</title>
<style>
body {
background: #262626;
color: #e8e8e8;
font-family: Menlo, Consolas, monospace
}
h3 {
background: #E36049;
border-radius: 3px;
padding: 3px 8px;
display: inline-block;
}
#errors {
width: 80%;
max-width: 700px;
}
.message {
margin-bottom: 1em;
}
.selector {
margin-bottom: .25em;
}
.hidden {
opacity: 0;
}
</style>
</head>
<body>
<h3>${title}</h3><br />
<div id="errors">
${errors.map(function (error) {
return `
<div class="message">
<div class="selector">> ${error.selector}</div>
<span class="hidden">></span> ${error.toString()}
</div>`;
}).join('')}
</div>
<script src="/reload/reload.js"> </script>
</body>
</html>
`;
};