Made the 'requested' better and made the remove look nicer

This commit is contained in:
tidusjar 2016-03-02 14:04:42 +00:00
commit 8043cdd527
3 changed files with 18 additions and 30 deletions

View file

@ -28,7 +28,7 @@ $(document).on("click", ".delete", function (e) {
if (response.result === true) { if (response.result === true) {
generateNotify("Success!", "success"); generateNotify("Success!", "success");
$("#" + buttonId + "Template").html(""); $("#" + buttonId + "Template").slideUp();
} else { } else {
generateNotify(response.message, "warning"); generateNotify(response.message, "warning");
} }

View file

@ -35,29 +35,10 @@ $(document).on("click", ".dropdownTv", function (e) {
data = data + "&latest=true"; data = data + "&latest=true";
} }
$.ajax({ var type = $form.prop('method');
type: $form.prop('method'), var url = $form.prop('action');
url: $form.prop('action'),
data: data,
dataType: "json",
success: function (response) {
console.log(response);
if (response.result === true) {
generateNotify("Success!", "success");
$('#' + buttonId).html("<i class='fa fa-check'></i> Requested <span class='caret'></span>");
$('#' + buttonId).removeClass("btn-primary");
$('#' + buttonId).addClass("btn-success");
} else {
generateNotify(response.message, "warning");
}
},
error: function (e) {
console.log(e);
generateNotify("Something went wrong!", "danger");
}
});
sendRequestAjax(data, type, url, buttonId);
}); });
// Click Request for movie // Click Request for movie
@ -66,10 +47,18 @@ $(document).on("click", ".requestMovie", function (e) {
var buttonId = e.target.id; var buttonId = e.target.id;
var $form = $('#form' + buttonId); var $form = $('#form' + buttonId);
var type = $form.prop('method');
var url = $form.prop('action');
var data = $form.serialize();
sendRequestAjax(data, type, url, buttonId);
});
function sendRequestAjax(data, type, url, buttonId) {
$.ajax({ $.ajax({
type: $form.prop('method'), type: type,
url: $form.prop('action'), url: url,
data: $form.serialize(), data: data,
dataType: "json", dataType: "json",
success: function (response) { success: function (response) {
console.log(response); console.log(response);
@ -78,6 +67,7 @@ $(document).on("click", ".requestMovie", function (e) {
$('#' + buttonId).html("<i class='fa fa-check'></i> Requested"); $('#' + buttonId).html("<i class='fa fa-check'></i> Requested");
$('#' + buttonId).removeClass("btn-primary"); $('#' + buttonId).removeClass("btn-primary");
$('#' + buttonId).removeAttr("data-toggle");
$('#' + buttonId).addClass("btn-success"); $('#' + buttonId).addClass("btn-success");
} else { } else {
generateNotify(response.message, "warning"); generateNotify(response.message, "warning");
@ -88,9 +78,7 @@ $(document).on("click", ".requestMovie", function (e) {
generateNotify("Something went wrong!", "danger"); generateNotify("Something went wrong!", "danger");
} }
}); });
}
});
function movieSearch() { function movieSearch() {
$("#movieList").html(""); $("#movieList").html("");

View file

@ -68,7 +68,7 @@
{{/if_eq}} {{/if_eq}}
{{#if_eq type "tv"}} {{#if_eq type "tv"}}
<div class="dropdown"> <div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button id="{{id}}" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<i class="fa fa-plus"></i> Request <i class="fa fa-plus"></i> Request
<span class="caret"></span> <span class="caret"></span>
</button> </button>