Ekdant-Online-Store/admininistrator/view/template/common/developer.twig

95 lines
4.1 KiB
Twig
Raw Normal View History

2024-08-06 12:21:00 +00:00
<div id="modal-developer" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="fa-solid fa-cog"></i> {{ heading_title }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<table class="table table-bordered">
<thead>
<tr>
<td>{{ column_component }}</td>
<td class="w-25">{{ entry_cache }}</td>
<td class="text-end" style="width: 1px;">{{ column_action }}</td>
</tr>
</thead>
<tr>
<td>{{ entry_theme }}</td>
<td></td>
<td class="text-end"><button type="button" value="theme" data-bs-toggle="tooltip" title="{{ button_refresh }}" class="btn btn-warning"><i class="fa-solid fa-rotate"></i></button></td>
</tr>
<tr>
<td>{{ entry_sass }}</td>
<td>
<div class="form-check form-switch form-switch-lg">
<input type="hidden" name="developer_sass" value="0"/>
<input type="checkbox" name="developer_sass" value="1" id="input-developer-sass" class="form-check-input"{% if developer_sass %} checked{% endif %}/>
</div>
</td>
<td class="text-end"><button type="button" value="sass" data-bs-toggle="tooltip" title="{{ button_refresh }}" class="btn btn-warning"><i class="fa-solid fa-rotate"></i></button></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<script type="text/javascript"><!--
$('input[name=\'developer_sass\']').on('change', function () {
$.ajax({
url: 'index.php?route=common/developer.edit&user_token={{ user_token }}',
type: 'post',
data: $('input[name=\'developer_sass\']:checked'),
dataType: 'json',
beforeSend: function () {
$('input[name=\'developer_sass\']').prop('disabled', true);
},
complete: function () {
$('input[name=\'developer_sass\']').prop('disabled', false);
},
success: function (json) {
$('.alert-dismissible').remove();
if (json['error']) {
$('#alert').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa-solid fa-circle-exclamation"></i> ' + json['error'] + ' <button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>');
}
if (json['success']) {
$('#alert').prepend('<div class="alert alert-success alert-dismissible"><i class="fa-solid fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>');
}
},
error: function (xhr, ajaxOptions, thrownError) {
console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
$('#modal-developer table button').on('click', function () {
var element = this;
$.ajax({
url: 'index.php?route=common/developer.' + $(element).attr('value') + '&user_token={{ user_token }}',
dataType: 'json',
beforeSend: function () {
$(element).button('loading');
},
complete: function () {
$(element).button('reset');
},
success: function (json) {
$('.alert-dismissible').remove();
if (json['error']) {
$('#alert').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa-solid fa-circle-exclamation"></i> ' + json['error'] + ' <button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>');
}
if (json['success']) {
$('#alert').prepend('<div class="alert alert-success alert-dismissible"><i class="fa-solid fa-check-circle"></i> ' + json['success'] + ' <button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>');
}
},
error: function (xhr, ajaxOptions, thrownError) {
console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
});
//--></script>