Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hide/show spoiler checkboxes with CSS.

Browse Source
This commit is contained in:
ccd0 2015-10-20 18:58:22 -07:00
parent 340add399d
commit 0eb7bdcbdb
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/General/css/style.css
View File

@ -1443,7 +1443,8 @@ input#qr-filename {
margin: 0; margin: 0;
margin-right: 3px; margin-right: 3px;
} }
#qr.has-spoiler #file-n-submit:not(.has-file) #qr-spoiler-label, #qr:not(.has-spoiler) #qr-spoiler-label,
#file-n-submit:not(.has-file) #qr-spoiler-label,
.has-file #paste-area, .has-file #paste-area,
.has-file #url-button, .has-file #url-button,
#file-n-submit:not(.custom-cooldown) #custom-cooldown-button { #file-n-submit:not(.custom-cooldown) #custom-cooldown-button {
@ -1565,6 +1566,10 @@ a:only-of-type > .remove {
.remove:hover::after { .remove:hover::after {
content: " Remove"; content: " Remove";
} }
.qr-preview:not(.has-file) label,
#qr:not(.has-spoiler) .qr-preview-spoiler {
display: none;
}
.qr-preview > label { .qr-preview > label {
background: rgba(0,0,0,.5); background: rgba(0,0,0,.5);
color: #fff; color: #fff;

2
src/Posting/QR.coffee
View File

@ -530,8 +530,6 @@ QR =
QR.spoiler = !!$ '.postForm input[name=spoiler]' QR.spoiler = !!$ '.postForm input[name=spoiler]'
if QR.spoiler if QR.spoiler
$.addClass QR.nodes.el, 'has-spoiler' $.addClass QR.nodes.el, 'has-spoiler'
else
nodes.spoiler.parentElement.hidden = true
if g.BOARD.ID is 'jp' and Conf['sjisPreview'] if g.BOARD.ID is 'jp' and Conf['sjisPreview']
$.addClass QR.nodes.el, 'sjis-preview' $.addClass QR.nodes.el, 'sjis-preview'

12
src/Posting/QR.post.coffee
View File

@ -4,21 +4,21 @@ QR.post = class
className: 'qr-preview' className: 'qr-preview'
draggable: true draggable: true
href: 'javascript:;' href: 'javascript:;'
$.extend el, <%= html('<a class="remove fa fa-times-circle" title="Remove"></a><label hidden><input type="checkbox"> Spoiler</label><span></span>') %> $.extend el, <%= html('<a class="remove fa fa-times-circle" title="Remove"></a><label class="qr-preview-spoiler"><input type="checkbox"> Spoiler</label><span></span>') %>
@nodes = @nodes =
el: el el: el
rm: el.firstChild rm: el.firstChild
label: $ 'label', el spoiler: $ '.qr-preview-spoiler input', el
spoiler: $ 'input', el
span: el.lastChild span: el.lastChild
$.on el, 'click', @select $.on el, 'click', @select
$.on @nodes.rm, 'click', (e) => e.stopPropagation(); @rm() $.on @nodes.rm, 'click', (e) => e.stopPropagation(); @rm()
$.on @nodes.label, 'click', (e) -> e.stopPropagation()
$.on @nodes.spoiler, 'change', (e) => $.on @nodes.spoiler, 'change', (e) =>
@spoiler = e.target.checked @spoiler = e.target.checked
QR.nodes.spoiler.checked = @spoiler if @ is QR.selected QR.nodes.spoiler.checked = @spoiler if @ is QR.selected
for label in $$ 'label', el
$.on label, 'click', (e) -> e.stopPropagation()
$.add QR.nodes.dumpList, el $.add QR.nodes.dumpList, el
for event in ['dragStart', 'dragEnter', 'dragLeave', 'dragOver', 'dragEnd', 'drop'] for event in ['dragStart', 'dragEnter', 'dragLeave', 'dragOver', 'dragEnd', 'drop']
@ -186,7 +186,7 @@ QR.post = class
@filename = @file.name @filename = @file.name
@filesize = $.bytesToString @file.size @filesize = $.bytesToString @file.size
@checkSize() @checkSize()
@nodes.label.hidden = false if QR.spoiler $.addClass @nodes.el, 'has-file'
QR.captcha.onPostChange() QR.captcha.onPostChange()
URL.revokeObjectURL @URL URL.revokeObjectURL @URL
@saveFilename() @saveFilename()
@ -292,7 +292,7 @@ QR.post = class
@nodes.el.title = null @nodes.el.title = null
QR.nodes.filename.title = '' QR.nodes.filename.title = ''
@nodes.el.style.backgroundImage = null @nodes.el.style.backgroundImage = null
@nodes.label.hidden = true if QR.spoiler $.rmClass @nodes.el, 'has-file'
@showFileData() @showFileData()
@updateFlashURL() @updateFlashURL()
URL.revokeObjectURL @URL URL.revokeObjectURL @URL