fix: spinners

UniversitaDellaCalabria · Sep 30, 2024 · 16e03d2 · 16e03d2
1 parent 04fe158
commit 16e03d2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 17 deletions.
diff --git a/uniticket/uni_ticket_bootstrap_italia_template/templates/manager/counters.html b/uniticket/uni_ticket_bootstrap_italia_template/templates/manager/counters.html
@@ -7,31 +7,29 @@
            class="btn btn-outline-secondary mr-1"
            href="{% url 'uni_ticket:manage_unassigned_ticket_url' structure_slug=structure.slug %}">
             <span class="badge badge-light" v-if="unassigned != null">[[ unassigned ]]</span>
-            <div class="progress progress-indeterminate progress-color" v-else>
+            <div class="spinner-border spinner-border-sm" role="status" v-else>
                 <span class="sr-only">In elaborazione...</span>
-                <div class="progress-bar bg-info" role="progressbar"></div>
             </div>
             {% trans 'Aperte' %}
         </a>
         <a role="button" class="btn btn-outline-secondary mr-1" href="{% url 'uni_ticket:manage_opened_ticket_url' structure_slug=structure.slug %}">
             <span class="badge badge-light" v-if="open != null">
                 [[ open ]]
             </span>
-            <div class="progress progress-indeterminate progress-color" v-else>
-                <span class="sr-only">In elaborazione...</span>
-                <div class="progress-bar bg-info" role="progressbar"></div>
-            </div> {% trans 'Assegnate' %}
+            <div class="spinner-border spinner-border-sm" role="status" v-else>
+                <span class="sr-only">Loading...</span>
+            </div>
+            {% trans 'Assegnate' %}
             <span class="badge badge-light" v-if="my_open != null">([[ my_open ]] {% trans 'a me' %})</span>
         </a>
         <a role="button" class="btn btn-outline-secondary mr-1" href="{% url 'uni_ticket:manage_closed_ticket_url' structure_slug=structure.slug %}">
             {% trans 'Chiuse' %}
         </a>
         <a role="button" class="btn btn-outline-secondary" href="{% url 'uni_ticket:manager_messages' structure_slug=structure.slug %}">
-            <div class="progress progress-indeterminate progress-color" v-if="new_messages == null">
+            <div class="spinner-border spinner-border-sm" role="status" v-if="new_messages == null">
                 <span class="sr-only">In elaborazione...</span>
-                <div class="progress-bar bg-info" role="progressbar"></div>
             </div>
-            <svg class="icon icon-xs">
+            <svg class="icon icon-xs" v-else>
                 <use xlink:href="{% static 'svg/sprite.svg' %}#it-comment"></use>
             </svg>
             <span class="badge badge-primary" v-if="new_messages">{% trans "Nuovi" %}</span>

diff --git a/uniticket/uni_ticket_bootstrap_italia_template/templates/operator/counters.html b/uniticket/uni_ticket_bootstrap_italia_template/templates/operator/counters.html
@@ -8,31 +8,29 @@
            class="btn btn-outline-secondary mr-1"
            href="{% url 'uni_ticket:manage_unassigned_ticket_url' structure_slug=structure.slug %}">
             <span class="badge badge-light" v-if="unassigned != null">[[ unassigned ]]</span>
-            <div class="progress progress-indeterminate progress-color" v-else>
+            <div class="spinner-border spinner-border-sm" role="status" v-else>
                 <span class="sr-only">In elaborazione...</span>
-                <div class="progress-bar bg-info" role="progressbar"></div>
             </div>
             {% trans 'Aperte' %}
         </a>
         <a role="button" class="btn btn-outline-secondary mr-1" href="{% url 'uni_ticket:manage_opened_ticket_url' structure_slug=structure.slug %}">
             <span class="badge badge-light" v-if="open != null">
                 [[ open ]]
             </span>
-            <div class="progress progress-indeterminate progress-color" v-else>
+            <div class="spinner-border spinner-border-sm" role="status" v-else>
                 <span class="sr-only">In elaborazione...</span>
-                <div class="progress-bar bg-info" role="progressbar"></div>
-            </div> {% trans 'Assegnate' %}
+            </div>
+            {% trans 'Assegnate' %}
             <span class="badge badge-light" v-if="my_open != null">([[ my_open ]] {% trans 'a me' %})</span>
         </a>
         <a role="button" class="btn btn-outline-secondary mr-1" href="{% url 'uni_ticket:manage_closed_ticket_url' structure_slug=structure.slug %}">
             {% trans 'Chiuse' %}
         </a>
         <a role="button" class="btn btn-outline-secondary" href="{% url 'uni_ticket:operator_messages' structure_slug=structure.slug %}">
-            <div class="progress progress-indeterminate progress-color" v-if="new_messages == null">
+            <div class="spinner-border spinner-border-sm" role="status" v-if="new_messages == null">
                 <span class="sr-only">In elaborazione...</span>
-                <div class="progress-bar bg-info" role="progressbar"></div>
             </div>
-            <svg class="icon icon-xs">
+            <svg class="icon icon-xs" v-else>
                 <use xlink:href="{% static 'svg/sprite.svg' %}#it-comment"></use>
             </svg>
             <span class="badge badge-primary" v-if="new_messages">{% trans "Nuovi" %}</span>{% trans "Nuovi" %}</span>