| }); | }); | ||||
| app.post("/remove/:index", (req, res) => { | app.post("/remove/:index", (req, res) => { | ||||
| res.end(); | |||||
| res.json({}); | |||||
| if (!req.params.index) | if (!req.params.index) | ||||
| return; | return; | ||||
| }); | }); | ||||
| app.post("/add/:name", (req, res) => { | app.post("/add/:name", (req, res) => { | ||||
| res.end(); | |||||
| res.json({}); | |||||
| if (!req.params.name) | if (!req.params.name) | ||||
| return; | return; | ||||
| elemSuggestions.className = "suggestions hidden"; | elemSuggestions.className = "suggestions hidden"; | ||||
| setTimeout(function() { | setTimeout(function() { | ||||
| elemSuggestions.style.display = "none"; | elemSuggestions.style.display = "none"; | ||||
| }, 500); | |||||
| }, 100); | |||||
| } | } | ||||
| elemSuggestions.hide(); | elemSuggestions.hide(); | ||||
| post("/add/"+encodeURIComponent(elemName.value)); | post("/add/"+encodeURIComponent(elemName.value)); | ||||
| elemName.value = ""; | elemName.value = ""; | ||||
| setTimeout(function() { | |||||
| elemName.blur(); | |||||
| }, 1); | |||||
| }); | }); | ||||
| function displaySuggestions() { | function displaySuggestions() { |
| padding-top: 6px; | padding-top: 6px; | ||||
| padding-bottom: 6px; | padding-bottom: 6px; | ||||
| max-height: 80%; | |||||
| max-height: 70%; | |||||
| overflow-y: auto; | overflow-y: auto; | ||||
| overflow-x: hidden; | |||||
| } | } | ||||
| #add .suggestions.hidden { | #add .suggestions.hidden { | ||||
| opacity: 0; | opacity: 0; | ||||
| padding: 12px; | padding: 12px; | ||||
| cursor: pointer; | cursor: pointer; | ||||
| border-bottom: 1px solid #ccc; | border-bottom: 1px solid #ccc; | ||||
| text-overflow: ellipsis; | |||||
| max-width: 100%; | |||||
| overflow: hidden; | |||||
| } | } | ||||
| #list { | #list { |