<div id="bagit-form" class="messages info">
- <form method="get" action="index.php" target="_blank">
+ <form method="get" action="index.php" target="_blank" id="bagit-form-form">
<h2><a href="javascript: void(null);" id="bagit-form-close">X</a>
{% trans "Save a link" %}</h2>
<input type="hidden" name="autoclose" value="1" />
<input required placeholder="example.com/article" class="addurl" id="plainurl" name="plainurl" type="url" />
<input type="submit" value="{% trans "save link!" %}" />
+ <div id="add-link-result"></div>
</form>
</div>
$listentries = $("#list-entries"),
$bagit = $('#bagit'),
$bagitForm = $('#bagit-form');
+ $bagitFormForm = $('#bagit-form-form');
/* ==========================================================================
Menu
toggleSaveLinkForm();
});
- $('#bagit-form form').submit(function(){
- toggleSaveLinkForm();
- return true;
+
+ //send "bag it link" form request via ajax
+ $bagitFormForm.submit( function(event) {
+ $bagitFormForm.css("cursor", "wait");
+ $("#add-link-result").empty();
+
+ $.ajax({
+ type: $bagitFormForm.attr('method'),
+ url: $bagitFormForm.attr('action'),
+ data: $bagitFormForm.serialize(),
+ success: function(data) {
+ $('#add-link-result').html("Done!");
+ $('#plainurl').val('');
+ $('#plainurl').blur('');
+ $bagitFormForm.css("cursor", "auto");
+ //setTimeout( function() { toggleSaveLinkForm(); }, 1000); //close form after 1000 delay
+ },
+ error: function(data) {
+ $('#add-link-result').html("Failed!");
+ $bagitFormForm.css("cursor", "auto");
+ }
+ });
+
+ event.preventDefault();
});
/* ==========================================================================
});
$(".add-to-wallabag-link-after").click(function(event){
- event.preventDefault();
toggleSaveLinkForm($(this).attr('href'));
- return false;
+ event.preventDefault();
});