diff options
author | Vitaly Takmazov | 2017-10-27 08:00:26 +0000 |
---|---|---|
committer | Vitaly Takmazov | 2017-10-27 08:21:38 +0000 |
commit | 51df4a3aa7d76a0457c89efc55c35f0fa8e17896 (patch) | |
tree | f05958068ca1d058a63b18726dd11503244591ca /juick-www/src/main/static/scripts.js | |
parent | 530f7af25aa4f8261d580d6c0ba7b666bf3f1442 (diff) |
www: drop dialog-close bitmap
Diffstat (limited to 'juick-www/src/main/static/scripts.js')
-rw-r--r-- | juick-www/src/main/static/scripts.js | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/juick-www/src/main/static/scripts.js b/juick-www/src/main/static/scripts.js index 06fd78c7..7dc24dd2 100644 --- a/juick-www/src/main/static/scripts.js +++ b/juick-www/src/main/static/scripts.js @@ -455,10 +455,10 @@ function showPhotoDialog(fname) { if (minDimension < 640) { return true; // no dialog, open the link } else if (minDimension < 1280) { - openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/photos-1024/${fname}"/></a>`); + openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/photos-1024/${fname}"/></a>`, true); return false; } else { - openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/p/${fname}"/></a>`); + openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/p/${fname}"/></a>`, true); return false; } } @@ -478,18 +478,24 @@ function openPostDialog() { return openDialog(newmessageTemplate); } -function openDialog(html) { +function openDialog(html, image) { var dialogHtml = ` <div id="dialogt"> <div id="dialogb"></div> <div id="dialogw"> - <div id="dialogc"></div> + <div id="dialog_header"> + <div id="dialogc">${evilIcon('ei-close')}</div> + </div> ${html} </div> </div>`; let body = document.querySelector('body'); body.classList.add('dialog-opened'); body.insertAdjacentHTML('afterbegin', dialogHtml); + if (image) { + let header = document.querySelector('#dialog_header'); + header.classList.add('header_image'); + } document.addEventListener('keydown', closeDialogListener); document.querySelector('#dialogb').addEventListener('click', closeDialog); document.querySelector('#dialogc').addEventListener('click', closeDialog); |