ba30d3102d
- new simpler modal without bootstrap - new loadingbutton component - cleanupsome old code - toolbar adjusments
18 lines
1.1 KiB
Twig
18 lines
1.1 KiB
Twig
{# templates/components/LoadingButton.html.twig #}
|
|
<button {{ attributes }}
|
|
{% if type is defined %}type="{{ type }}"{% endif %}
|
|
{% if form is defined %}form="{{ form }}" data-loading-button-form-value="{{ form }}"{% endif %}
|
|
data-controller="loading-button"
|
|
data-action="click->loading-button#startLoading"
|
|
class="bg-{{ color|default('green') }}-500 hover:bg-{{ color|default('green') }}-600 text-sm text-white font-bold py-2 px-4 rounded flex items-center justify-center"
|
|
>
|
|
<span data-loading-button-target="text">{{ text }}</span>
|
|
<span data-loading-button-target="loader" class="hidden">
|
|
<svg class="animate-spin h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
|
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
|
<path class="opacity-75" fill="currentColor"
|
|
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
|
|
</svg>
|
|
</span>
|
|
</button>
|