Я использую AJAX + Sweet Alert 2, чтобы добавить новую команду, если имя команды доступно, или вернуть ошибку, если имя команды уже используется.У меня есть переходные модалы, работающие для имени команды, если оно еще не существует, но я не могу понять, как изменить экран на «Команда уже создана» и дать ему красный X вместо зеленой галочки.
teams = {
modalTeam: function(type) {
if (type == 'create-team') {
swal({
title: 'Create a New Team',
html: '<div class="form-group">' +
'<input id="team_name" type="text" class="form-control" />' +
'</div>',
confirmButtonClass: 'btn btn-info',
confirmButtonText: 'Create Team',
buttonsStyling: false,
backdrop: `
rgba(0,0,123,0.4)
url("/static/img/nyan-cat.gif")
center left
no-repeat
`,
preConfirm: () => {
var team_name = document.getElementById("team_name").value;
return fetch(`/team/create/${team_name}`)
.then(response => {
if (response.status == 204) {
// Here is where I want it to push to a different modal like the below swal but only error
}
return response.json()
})
},
}).then(function(result) {
swal({
type: 'success',
html: 'You created team: <strong>' + $('#team_name').val() + '</strong>',
confirmButtonClass: 'btn btn-success',
buttonsStyling: false
})
}).catch(swal.noop)
}
}