mono/packages/osrl/examples/library/osr/plugins/html.js
2025-12-30 16:33:03 +01:00

58 lines
1.6 KiB
JavaScript

const path = require('path');
const proc = require('process');
console.log('cwd ' + proc.cwd())
// const c = require('@plastichub/osrl/library')
const context = {}// require('@plastichub/osrl/library').getContext();
const link = (name, link, _class) => `<a class="${_class||''}" ref="${link}">${name}</a>`;
const wrap = (content) => `
<div style="padding:16px; text-align: center; ">
<div class="ty-vendor-plans">
${content}
</div>
</div>
`;
const image = (src, link, style) => `<a href="${link||src}"><img style="${style||''}" src="${src}"></img></a>`;
const item = (content, style = 'border-color: #c5c5c5;width: 300px;display: inline-block', title) =>
`<div class="ty-grid-list__item" style="float:left;overflow:initial;${style}">
${content}<br/>
<h6>${title||''}</h6>
</div>`;
const styles = {
thumb: 'border:none; width:200px;max-height:200px'
};
const center_caption = (el = 'h5', text) => `<${el} style="text-align:center">${text}</${el}>`;
const thumbs = (url, folder) => {
folder = path.resolve(folder);
images = [];
/*
let images = context.fs.images(folder, {
absolute: false
});
*/
images = images.map((i) => item(image(`${url}/${i}`), 'border:none; width:200px;max-height:200px'));
images = wrap(images.join('\n'));
return images;
}
module.exports = {
html: {
link: link,
caption: {
center: center_caption
},
container: {
wrap: wrap,
item: item
},
image: image,
styles: styles,
thumbs: thumbs
}
};