Refactor stats into generic function
This commit is contained in:
@@ -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 %}
|
||||
@@ -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 %}
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user