2017-08-24 21:54:02 +00:00
|
|
|
const html = require('choo/html');
|
|
|
|
const file = require('./file');
|
|
|
|
|
|
|
|
module.exports = function(state, emit) {
|
|
|
|
let table = '';
|
|
|
|
if (state.storage.files.length) {
|
|
|
|
table = html`
|
|
|
|
<table id="uploaded-files">
|
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th id="uploaded-file">${state.translate('uploadedFile')}</th>
|
2018-01-24 18:23:13 +00:00
|
|
|
<th id="copy-file-list" class="center-col">
|
|
|
|
${state.translate('copyFileList')}
|
|
|
|
</th>
|
|
|
|
<th id="expiry-time-file-list" >
|
|
|
|
${state.translate('timeFileList')}
|
|
|
|
</th>
|
|
|
|
<th id="expiry-downloads-file-list" >
|
|
|
|
${state.translate('downloadsFileList')}
|
|
|
|
</th>
|
|
|
|
<th id="delete-file-list" class="center-col">
|
|
|
|
${state.translate('deleteFileList')}
|
|
|
|
</th>
|
2017-08-24 21:54:02 +00:00
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
${state.storage.files.map(f => file(f, state, emit))}
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
`;
|
|
|
|
}
|
|
|
|
return html`
|
|
|
|
<div id="file-list">
|
|
|
|
${table}
|
|
|
|
</div>
|
|
|
|
`;
|
|
|
|
};
|