import Tagify from '@yaireo/tagify'; import $ from 'cash-dom'; let confirmDelete = (url, id) => { if ($(`#confirm_${id}`).length > 0) { return; } let link = $(`#delete_${id}`); let confirm = link.append( `Are you sure? yes no `); $(document).on('click', `a#do_delete_${id}`, function() { fetch(url, { method: 'DELETE', headers: {'Content-Type': 'application/json'}, body: 'null', }).then(response => response.text()) .then(response => { $(`#link_${id}`).remove()}) .catch(err => console.log(err)); }); $(document).on('click', `a#cancel_delete_${id}`, function() { $(`#confirm_${id}`).remove(); }); }; document.addEventListener("DOMContentLoaded", () => { $(".deletelink").each((idx, elem) => { $(elem).on("click", (event) => { confirmDelete(event.target.dataset.url, event.target.dataset.linkId); }); }); let input = document.querySelector('.tagtest'); if (input) { let tags = new Tagify(input); let form = $("form[name=\"edit_link\"]") form.on('submit', event => { event.preventDefault(); let url = form.attr("action"); let body = { "url": $('input[name="url"]').val(), "name": $('input[name="name"]').val(), "description": $('input[name="description"]').val(), "private": $('input[name="private"]').is(":checked"), "tags": tags.value.map(o => o.value), }; fetch(url, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(body), }).then(response => response.json()) .then(body => window.location.href = body['redirect'] || url) .catch(err => window.location.href = url); }); } let searchText = $("#search_text"); searchText.on('keypress', function (e) { if (e.which == 13) { let user = searchText.data('user'); let search = searchText.val(); window.location.href = `/u/${user}/search/${search}` return false; } }); }); if ('serviceWorker' in navigator) { // TODO(trevor) does it matter if this fails? navigator.serviceWorker.register('/service-worker') }