github
/
filebrowser
mirror of https://github.com/filebrowser/filebrowser
1
0
Fork 0
Code Issues Releases Wiki Activity

Clean search events 

Former-commit-id: 1cb511b593
pull/726/head
Henrique Dias 2016-12-29 09:35:32 +00:00
parent cc2adbc70d
commit 57ad05c446
1 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
_embed/public/js/application.js
View File

@ -555,39 +555,41 @@ document.addEventListener('listing', event => {
}); });
if (user.AllowCommands) { if (user.AllowCommands) {
let hover = false, let search = document.getElementById("search"),
searchInput = search.querySelector("input"),
searchDiv = search.querySelector("div"),
hover = false,
focus = false; focus = false;
document.querySelector('#search input').addEventListener('focus', event => { searchInput.addEventListener('focus', event => {
focus = true; focus = true;
document.getElementById('search').classList.add('active'); search.classList.add('active');
}); });
document.querySelector('#search div').addEventListener('mouseover', event => { searchDiv.addEventListener('mouseover', event => {
hover = true; hover = true;
document.getElementById('search').classList.add('active'); search.classList.add('active');
}); });
document.querySelector('#search input').addEventListener('blur', event => { searchInput.addEventListener('blur', event => {
focus = false; focus = false;
if (hover) return; if (hover) return;
document.getElementById('search').classList.remove('active'); search.classList.remove('active');
}); });
document.querySelector('#search').addEventListener('mouseleave', event => { search.addEventListener('mouseleave', event => {
hover = false; hover = false;
if (focus) return; if (focus) return;
document.getElementById('search').classList.remove('active'); search.classList.remove('active');
});
search.addEventListener("click", event => {
search.classList.add("active");
search.querySelector("input").focus();
}); });
document.querySelector('#search > div div').innerHTML = "Search or use one of your supported commands: " + user.Commands.join(", ") + "."; document.querySelector('#search > div div').innerHTML = "Search or use one of your supported commands: " + user.Commands.join(", ") + ".";
document.querySelector('#search input').addEventListener('keyup', searchEvent); document.querySelector('#search input').addEventListener('keyup', searchEvent);
document.querySelector("#search").addEventListener("click", event => {
if(event.target.classList.contains("active")) return;
event.target.classList.add("active");
document.querySelector("#search input").focus();
});
} }
if (user.AllowEdit) { if (user.AllowEdit) {
@ -680,7 +682,9 @@ function itemDragOver(event) {
function itemDrop(e) { function itemDrop(e) {
e.preventDefault(); e.preventDefault();
let el = e.target, id = e.dataTransfer.getData("id"), name = e.dataTransfer.getData("name"); let el = e.target,
id = e.dataTransfer.getData("id"),
name = e.dataTransfer.getData("name");
if (id == "" || name == "") return; if (id == "" || name == "") return;
for (let i = 0; i < 5; i++) { for (let i = 0; i < 5; i++) {
@ -1015,4 +1019,4 @@ document.addEventListener("DOMContentLoaded", function(event) {
} }
return false; return false;
}); });