ulysia/szurubooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better layout for upload options

Browse source
This commit is contained in:
Fabricio Winter 2022-12-30 13:47:08 -03:00
parent 28d2de8a54
commit 0d1fec51c5
3 changed files with 43 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
client/css/post-upload.styl
View file

@ -15,11 +15,13 @@ $cancel-button-color = tomato
&.inactive .skip-duplicates
&.inactive .always-upload-similar
&.inactive .pause-remain-on-error
&.inactive .upload-all-anonymous
&.inactive #common-tags,
&.uploading input[type=submit],
&.uploading .skip-duplicates,
&.uploading .always-upload-similar
&.uploading .pause-remain-on-error
&.uploading .upload-all-anonymous
&:not(.uploading) .cancel
display: none
@ -59,6 +61,15 @@ $cancel-button-color = tomato
form>.messages
margin-top: 1em
.control-strip
display: flex
flex-direction: column
gap: 0.5em
.control-options
display: flex
flex-direction: column
.uploadables-container
list-style-type: none
margin: 0

60
client/html/post_upload.tpl
View file

@ -5,39 +5,41 @@
<div class='control-strip'>
<input type='submit' value='Upload all' class='submit'/>
<span class='skip-duplicates'>
<%= ctx.makeCheckbox({
text: 'Skip duplicate',
name: 'skip-duplicates',
checked: false,
}) %>
</span>
<div class='control-options'>
<span class='skip-duplicates'>
<%= ctx.makeCheckbox({
text: 'Skip duplicate',
name: 'skip-duplicates',
checked: false,
}) %>
</span>
<span class='always-upload-similar'>
<%= ctx.makeCheckbox({
text: 'Force upload similar',
name: 'always-upload-similar',
checked: false,
}) %>
</span>
<span class='always-upload-similar'>
<%= ctx.makeCheckbox({
text: 'Force upload similar',
name: 'always-upload-similar',
checked: false,
}) %>
</span>
<span class='pause-remain-on-error'>
<%= ctx.makeCheckbox({
text: 'Pause on error',
name: 'pause-remain-on-error',
checked: true,
}) %>
</span>
<span class='pause-remain-on-error'>
<%= ctx.makeCheckbox({
text: 'Pause on error',
name: 'pause-remain-on-error',
checked: true,
}) %>
</span>
<span class='upload-all-anonymous'>
<%= ctx.makeCheckbox({
text: 'Upload anonymously',
name: 'upload-all-anonymous',
checked: false,
}) %>
</span>
<span class='upload-all-anonymous'>
<%= ctx.makeCheckbox({
text: 'Upload anonymously',
name: 'upload-all-anonymous',
checked: false,
}) %>
</span>
</div>
<%= ctx.makeTextInput({placeholder: 'Common tags', id: 'common-tags', name: 'common-tags', style: 'margin-top:1em;'}) %>
<%= ctx.makeTextInput({placeholder: 'Common tags', id: 'common-tags', name: 'common-tags'}) %>
<input type='button' value='Cancel' class='cancel'/>
</div>

2
client/js/views/post_upload_view.js
View file

@ -474,7 +474,7 @@ class PostUploadView extends events.EventTarget {
}
get _commonTagsInputNode() {
return this._formNode.querySelector('form [name=common-tags');
return this._formNode.querySelector('form [name=common-tags]');
}
}