103 lines
3.9 KiB
Smarty
103 lines
3.9 KiB
Smarty
<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'>
|
|
<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,
|
|
}) %>
|
|
</div>
|
|
<% } %>
|
|
|
|
<% if (['video'].includes(ctx.uploadable.type)) { %>
|
|
<div class='loop-video'>
|
|
<%= ctx.makeCheckbox({
|
|
text: 'Loop video',
|
|
name: 'loop-video',
|
|
checked: ctx.uploadable.flags.includes('loop'),
|
|
}) %>
|
|
</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>
|