#4442 Change style of alert messages

This commit is contained in:
diashalabi 2021-08-17 12:33:42 +03:00
parent f33a009b58
commit 0ac25d3d6e
3 changed files with 44 additions and 45 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,57 +1,53 @@
<div id="messages"> <script>
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
<!-- Success Messages --> // Success Messages
{% if message_exists('success') %} {% if message_exists('success') %}
<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert">
<span>&times;</span><span class="sr-only">Close</span>
</button>
{% for message in message_pull('success') %} {% for message in message_pull('success') %}
{{ trans(message)|markdown }} Toast.fire({
icon: 'success',
title: `{{ trans(message)|markdown }}`,
})
{% endfor %} {% endfor %}
</div>
{% endif %} {% endif %}
<!-- Informational Messages --> // Informational Messages
{% if message_exists('info') %} {% if message_exists('info') %}
<div class="alert alert-info alert-dismissible">
<button type="button" class="close" data-dismiss="alert">
<span>&times;</span><span class="sr-only">Close</span>
</button>
{% for message in message_pull('info') %} {% for message in message_pull('info') %}
{{ trans(message)|markdown }} Toast.fire({
icon: 'info',
title: `{{ trans(message)|markdown }}`,
})
{% endfor %} {% endfor %}
</div>
{% endif %} {% endif %}
// Warning Messages
<!-- Warning Messages -->
{% if message_exists('warning') %} {% if message_exists('warning') %}
<div class="alert alert-warning alert-dismissible">
<button type="button" class="close" data-dismiss="alert">
<span>&times;</span><span class="sr-only">Close</span>
</button>
{% for message in message_pull('warning') %} {% for message in message_pull('warning') %}
{{ trans(message)|markdown }} Toast.fire({
icon: 'warning',
title: `{{ trans(message)|markdown }}`,
})
{% endfor %} {% endfor %}
</div>
{% endif %} {% endif %}
// Error Messages
<!-- Error Messages -->
{% if message_exists('error') %} {% if message_exists('error') %}
<div class="alert alert-danger alert-dismissible">
<button type="button" class="close" data-dismiss="alert">
<span>&times;</span><span class="sr-only">Close</span>
</button>
{% for message in message_pull('error') %} {% for message in message_pull('error') %}
{{ trans(message)|markdown }} Toast.fire({
icon: 'error',
title: `{{ trans(message)|markdown }}`,
})
{% endfor %} {% endfor %}
</div>
{% endif %} {% endif %}
</script>
</div>

View File

@ -22,6 +22,7 @@
{{ asset_style("visiosoft.theme.base::css/offline.scss") }} {{ asset_style("visiosoft.theme.base::css/offline.scss") }}
<script src="{{ asset_path('visiosoft.theme.base::js/vendor/jquery.min.js') }}"></script> <script src="{{ asset_path('visiosoft.theme.base::js/vendor/jquery.min.js') }}"></script>
{{ asset_script('visiosoft.theme.base::js/sweetalert2.all.min.js') }}
{{ asset_script('visiosoft.theme.base::js/visiosoft.js') }} {{ asset_script('visiosoft.theme.base::js/visiosoft.js') }}
{{ asset_style("theme.css") }} {{ asset_style("theme.css") }}