114 lines
3.0 KiB
JavaScript
114 lines
3.0 KiB
JavaScript
$('#save-crm').on("submit", function(e) {
|
|
e.preventDefault();
|
|
send(
|
|
$(this).attr('action'),
|
|
formDataToObj($(this).serializeArray()),
|
|
function (data) {
|
|
sessionStorage.setItem("createdMsg", data.message);
|
|
|
|
document.location.replace(
|
|
location.protocol.concat("//").concat(window.location.host) + data.url
|
|
);
|
|
}
|
|
)
|
|
});
|
|
|
|
$("#save").on("submit", function(e) {
|
|
e.preventDefault();
|
|
send(
|
|
$(this).attr('action'),
|
|
formDataToObj($(this).serializeArray()),
|
|
function (data) {
|
|
M.toast({html: data.message});
|
|
}
|
|
)
|
|
});
|
|
|
|
$("#add-bot").on("submit", function(e) {
|
|
e.preventDefault();
|
|
send(
|
|
$(this).attr('action'),
|
|
{
|
|
connectionId: parseInt($(this).find('input[name=connectionId]').val()),
|
|
token: $(this).find('input[name=token]').val(),
|
|
},
|
|
function (data) {
|
|
let bots = $("#bots");
|
|
if (bots.hasClass("hide")) {
|
|
bots.removeClass("hide")
|
|
}
|
|
$("#bots tbody").append(getBotTemplate(data));
|
|
$("#token").val("");
|
|
}
|
|
)
|
|
});
|
|
|
|
$(document).on("click", ".delete-bot", function(e) {
|
|
let but = $(this);
|
|
send("/delete-bot/",
|
|
{
|
|
token: but.attr("data-token"),
|
|
connectionId: parseInt($('input[name=connectionId]').val()),
|
|
},
|
|
function () {
|
|
but.parents("tr").remove();
|
|
if ($("#bots tbody tr").length === 0) {
|
|
$("#bots").addClass("hide");
|
|
}
|
|
}
|
|
)
|
|
});
|
|
|
|
function send(url, data, callback) {
|
|
$.ajax({
|
|
url: url,
|
|
data: JSON.stringify(data),
|
|
type: "POST",
|
|
success: callback,
|
|
error: function (res){
|
|
if (res.status >= 400) {
|
|
M.toast({html: res.responseJSON.error})
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function getBotTemplate(data) {
|
|
// let bot = JSON.parse(data);
|
|
tmpl =
|
|
`<tr>
|
|
<td>${data.name}</td>
|
|
<td>${data.token}</td>
|
|
<td>
|
|
<button class="delete-bot btn btn-small waves-effect waves-light light-blue darken-1" type="submit" name="action"
|
|
data-token="${data.token}">
|
|
<i class="material-icons">delete</i>
|
|
</button>
|
|
</td>
|
|
</tr>`;
|
|
return tmpl;
|
|
}
|
|
|
|
function formDataToObj(formArray) {
|
|
let obj = {};
|
|
for (let i = 0; i < formArray.length; i++){
|
|
obj[formArray[i]['name']] = formArray[i]['value'];
|
|
}
|
|
return obj;
|
|
}
|
|
|
|
$( document ).ready(function() {
|
|
M.Tabs.init(document.getElementById("tab"));
|
|
if ($("table tbody").children().length === 0) {
|
|
$("#bots").addClass("hide");
|
|
}
|
|
|
|
let createdMsg = sessionStorage.getItem("createdMsg");
|
|
if (createdMsg) {
|
|
setTimeout(function() {
|
|
M.toast({html: createdMsg});
|
|
sessionStorage.removeItem("createdMsg");
|
|
}, 1000);
|
|
}
|
|
});
|