javascript and api to stop and display active records (#772)

templates/macros/widgets.html.twig

@@ -120,7 +120,7 @@
 {% endmacro %}
 
 {% macro info_box_progress(title, description, amount, percentage, icon, color) %}
-    <div class="info-box bg-{{ color|default(kimai_context.box_color) }}">
+    <div class="info-box bg-{{ color }}">
         <span class="info-box-icon"><i class="{{ icon|icon(icon) }}"></i></span>
 
         <div class="info-box-content">
@@ -192,6 +192,7 @@
         {% set target = null %}
         {% set title = null %}
         {% set disabled = false %}
+        {% set attr = {} %}
         {% if type is same as (false) %}
             {% set class = "" %}
         {% elseif type is null %}
@@ -223,6 +224,7 @@
             {% set id = values.id ?? null %}
             {% set title = values.title ?? null %}
             {% set class = class ~ ( values.class | default("")) %}
+            {% set attr = values.attr ?? {} %}
         {% endif %}
 
         {% if disabled is same as (true) %}
@@ -248,6 +250,11 @@
                 {%- if target is not empty -%}
                     target="{{ target }}"
                 {%- endif -%}
+                {%- if attr is not empty -%}
+                    {%- for name, value in attr -%}
+                        {{ name }}="{{ value }}"
+                    {%- endfor -%}
+                {%- endif -%}
         >{% if title is not null %}{{ title }}{% else %}{{ macro.icon(icon) }}{% endif %}</a>
     {% endfilter %}
 {% endmacro %}