52 lines
1.3 KiB
Plaintext
52 lines
1.3 KiB
Plaintext
<div class="np-dashboard-resources">
|
|
<div class="">
|
|
{% assign countCourses = 0 %}
|
|
{% assign countPeople = 0 %}
|
|
{% assign countEvents = 0 %}
|
|
{% assign countGroups = 0 %}
|
|
{% assign countTotal = 0 | times: 1.0 %}
|
|
{% for course in courses %}
|
|
{% assign countCourses = countCourses | plus: 1 %}
|
|
{% endfor %}
|
|
{% for name in groups %}
|
|
{% assign countGroups = countGroups | plus: 1 %}
|
|
{% endfor %}
|
|
{% for title in trainingevents %}
|
|
{% assign countEvents = countEvents | plus: 1 %}
|
|
{% endfor %}
|
|
{% for name in current_person %}
|
|
{% assign countPeople = countPeople | plus: 1 %}
|
|
{% endfor %}
|
|
<ul class="circle-list">
|
|
<li>
|
|
{% include "progress_circle", name:'Courses' , count: countCourses %}
|
|
</li>
|
|
<li>
|
|
{% include "progress_circle", name:'People' , count: countPeople %}
|
|
</li>
|
|
<li>
|
|
{% include "progress_circle", name:'Events' , count: countEvents %}
|
|
</li>
|
|
<li>
|
|
{% include "progress_circle", name:'Groups' , count: countGroups %}
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.circle-list {
|
|
list-style-type: none !important;
|
|
}
|
|
.align-center {
|
|
align-items: center !important;
|
|
}
|
|
.progress-ring__circle {
|
|
transition: stroke-dashoffset 0.35s;
|
|
}
|
|
.progress-ring__circle {
|
|
transition: stroke-dashoffset 0.35s;
|
|
transform: rotate(-90deg);
|
|
transform-origin: center;
|
|
}
|
|
</style> |