Chapril/drop.chapril.org-firefoxsend
Chapril/drop.chapril.org-firefoxsend
25
1
Fork 0
Code Issues Releases Activity

Popup for delete button attached

Browse Source
This commit is contained in:
Soumya Himanish Mohapatra 2018-01-09 20:56:27 +05:30
parent 4f1ccf83c8
commit 910cde4380
2 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/templates/share.js
View File

@ -82,22 +82,23 @@ module.exports = function(state, emit) {
class="btn" class="btn"
title="${state.translate('deleteFileButton')}" title="${state.translate('deleteFileButton')}"
onclick=${showPopup}>${state.translate('deleteFileButton')} onclick=${showPopup}>${state.translate('deleteFileButton')}
<div class="popup"> </button>
<div id="deletePopup" class="popup">
<div class="popuptext" onblur=${cancel} tabindex="-1"> <div class="popuptext" onblur=${cancel} tabindex="-1">
<div class="popup-message">${state.translate( <div class="popup-message">${state.translate('deletePopupText')}
'deletePopupText' </div>
)}</div>
<div class="popup-action"> <div class="popup-action">
<span class="popup-no" onclick=${cancel}>${state.translate( <span class="popup-no" onclick=${cancel}>${state.translate(
'deletePopupCancel' 'deletePopupCancel'
)}</span> )}
</span>
<span class="popup-yes" onclick=${deleteFile}>${state.translate( <span class="popup-yes" onclick=${deleteFile}>${state.translate(
'deletePopupYes' 'deletePopupYes'
)}</span> )}
</span>
</div> </div>
</div> </div>
</div> </div>
</button>
<a class="send-new" <a class="send-new"
data-state="completed" data-state="completed"
href="/" href="/"
@ -113,7 +114,7 @@ module.exports = function(state, emit) {
function cancel(e) { function cancel(e) {
e.stopPropagation(); e.stopPropagation();
const popupText = e.target.parentElement.parentElement; const popupText = document.querySelector('.popuptext');
popupText.classList.remove('show'); popupText.classList.remove('show');
} }

5
assets/main.css
View File

@ -636,6 +636,11 @@ tbody {
color: #313131; color: #313131;
} }
#deletePopup {
position: relative;
bottom: 50px;
}
#delete-file:hover { #delete-file:hover {
background: #efeff1; background: #efeff1;
} }