Refactor stats into generic function

This commit is contained in:
Peter Stockings
2022-11-19 13:32:44 +11:00
parent bb867d89b0
commit 21750f3562
6 changed files with 32 additions and 132 deletions

View File

@@ -14,7 +14,7 @@
</script>
<div class="w-full grid grid-cols-1 xl:grid-cols-3 2xl:grid-cols-3 gap-4">
{% for p in model %}
{% for p in model['People'] %}
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="mb-4 flex items-center justify-between">
@@ -91,55 +91,17 @@
</div>
<div class="mt-4 w-full grid grid-cols-1 md:grid-cols-3 2xl:grid-cols-4 xl:grid-cols-5 gap-4">
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{ stats['TotalWorkouts']
}}</span>
<h3 class="text-base font-normal text-gray-500">Total workouts tracked</h3>
</div>
</div>
</div>
{% for stat in model['Stats'] %}
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{
stats['AverageWorkoutsPerWeek']
}}</span>
<h3 class="text-base font-normal text-gray-500">Avg. weekly workouts</h3>
stat['Value'] }}</span>
<h3 class="text-base font-normal text-gray-500">{{ stat['Text'] }}</h3>
</div>
</div>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{ stats['NumberOfPeople']
}}</span>
<h3 class="text-base font-normal text-gray-500">People tracked</h3>
</div>
</div>
</div>
{% if stats['TotalWorkouts'] > 0 %}
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{
stats['DaysSinceFirstWorkout']
}}</span>
<h3 class="text-base font-normal text-gray-500">Days since first workout</h3>
</div>
</div>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{ stats['DaysSinceLastWorkout']
}}</span>
<h3 class="text-base font-normal text-gray-500">Days since last workout</h3>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
{% endblock %}

View File

@@ -97,48 +97,17 @@
</div>
<div class="mt-4 w-full grid grid-cols-1 md:grid-cols-3 2xl:grid-cols-4 xl:grid-cols-5 gap-4">
{% for stat in person['Stats'] %}
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{
person['Stats']['NumberOfWorkouts'] }}</span>
<h3 class="text-base font-normal text-gray-500">Total workouts tracked</h3>
stat['Value'] }}</span>
<h3 class="text-base font-normal text-gray-500">{{ stat['Text'] }}</h3>
</div>
</div>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{
person['Stats']['TrainingDurationInDays'] }}</span>
<h3 class="text-base font-normal text-gray-500">Duration of workout tracking</h3>
</div>
</div>
</div>
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{
person['Stats']['AverageWorkoutsPerWeek'] }}</span>
<h3 class="text-base font-normal text-gray-500">Average weekly workouts</h3>
</div>
</div>
</div>
{% if person['Stats']['NumberOfWorkouts'] > 0 %}
<div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 ">
<div class="flex items-center">
<div class="flex-shrink-0">
<span class="text-2xl sm:text-3xl leading-none font-bold text-gray-900">{{
person['Stats']['DaysSinceLastWorkout'] }}</span>
<h3 class="text-base font-normal text-gray-500">Days since last workout</h3>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
{% endblock %}

View File

@@ -29,7 +29,7 @@
</svg>
</div>
<input type="date"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 w-full md:w-1/3"
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 w-full md:w-1/4"
name="start-date" value="{{ workout['StartDate'] }}">
</div>