<li class='uploadable-container'> <div class='thumbnail-wrapper'> <% if (['image'].includes(ctx.uploadable.type)) { %> <a href='<%= ctx.uploadable.previewUrl %>'> <%= ctx.makeThumbnail(ctx.uploadable.previewUrl) %> </a> <% } else if (['video'].includes(ctx.uploadable.type)) { %> <div class='thumbnail'> <a href='<%= ctx.uploadable.previewUrl %>'> <video id='video' nocontrols muted> <source type='<%- ctx.uploadable.mimeType %>' src='<%- ctx.uploadable.previewUrl %>'/> </video> </a> </div> <% } else { %> <%= ctx.makeThumbnail(null) %> <% } %> </div> <div class='uploadable'> <header> <nav> <ul> <li><a href class='move-up'><i class='fa fa-chevron-up'></i></a></li> <li><a href class='move-down'><i class='fa fa-chevron-down'></i></a></li> </ul> </nav> <nav> <ul> <li><a href class='remove'><i class='fa fa-remove'></i></a></li> </ul> </nav> <span class='filename'><%= ctx.uploadable.name %></span> </header> <div class='body'> <% if (ctx.enableSafety) { %> <div class='safety'> <% for (let safety of ['safe', 'sketchy', 'unsafe']) { %> <%= ctx.makeRadio({ name: 'safety-' + ctx.uploadable.key, value: safety, text: safety[0].toUpperCase() + safety.substr(1), selectedValue: ctx.uploadable.safety, }) %> <% } %> </div> <% } %> <div class='options'> <% if (ctx.canUploadAnonymously) { %> <div class='anonymous'> <%= ctx.makeCheckbox({ text: 'Upload anonymously', name: 'anonymous', checked: ctx.uploadable.anonymous, readonly: ctx.uploadable.forceAnonymous, }) %> </div> <% } %> </div> <div class='messages'></div> <% if (ctx.uploadable.lookalikes.length) { %> <ul class='lookalikes'> <% for (let lookalike of ctx.uploadable.lookalikes) { %> <li> <a class='thumbnail-wrapper' title='@<%- lookalike.post.id %>' href='<%= ctx.canViewPosts ? ctx.getPostUrl(lookalike.post.id) : "" %>'> <%= ctx.makeThumbnail(lookalike.post.thumbnailUrl) %> </a> <div class='description'> Similar post: <%= ctx.makePostLink(lookalike.post.id, true) %> <br/> <%- Math.round((1-lookalike.distance) * 100) %>% match </div> <div class='controls'> <%= ctx.makeCheckbox({text: 'Copy tags', name: 'copy-tags'}) %> <br/> <%= ctx.makeCheckbox({text: 'Add relation', name: 'add-relation'}) %> </div> </li> <% } %> </ul> <% } %> </div> </div> </li>