parcoursmob-default-theme/web/layouts/group_module/home.html

60 lines
2.6 KiB
HTML

{{define "content"}}
<div class="max-w-7xl mt-10 mx-auto px-4 sm:px-6 md:px-8">
<h2 class="text-xl font-semibold text-gray-500">Gestion des groupes</h2>
<div class="sm:flex sm:items-center">
<div class="sm:flex-auto">
<p class="mt-2 text-sm text-gray-700"></p>
</div>
<div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
<a href="/app/group_module/groups">
<button type="button"
class="inline-flex items-center justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:w-auto">
{{$.IconSet.Icon "hero:outline/plus-circle" "h-5 w-5 mr-3"}}
Ajouter un groupe
</button>
</a>
</div>
</div>
<div class="bg-white shadow overflow-hidden sm:rounded-3xl mt-4">
<ul role="list" class="divide-y divide-gray-200">
{{range .ViewState.groups}}
<li>
<a href="/app/group_module/groups/{{.ID}}" class="block hover:bg-gray-50">
<div class="px-4 py-4 flex items-center sm:px-6">
<div class="min-w-0 flex-1 sm:flex sm:items-center sm:justify-between">
<div class="truncate">
<div class="flex text-sm">
<p class="font-medium text-lg text-co-blue truncate">{{.Data.name}}</p>
<p class="ml-1 flex-shrink-0 font-normal text-gray-500"></p>
</div>
<div class="mt-2 flex">
<div class="flex items-center text-sm text-gray-500">
{{$.IconSet.Icon "hero:outline/user-group" "flex-shrink-0 mr-1.5 h-5 w-5"}}
<p>
{{ len .Members }} bénéficiaires
</p>
</div>
</div>
</div>
<div class="mt-4 flex-shrink-0 sm:mt-0 sm:ml-5">
<div class="flex overflow-hidden -space-x-1">
<!-- <img class="inline-block h-6 w-6 rounded-full ring-2 ring-white"
src="http://localhost:9000/app/beneficiaries/e7616eac-4a87-4396-a505-23e0421b9c4c/picture"
alt="Dries Vincent"> -->
</div>
</div>
</div>
<div class="ml-5 flex-shrink-0">
{{$.IconSet.Icon "hero:solid/chevron-right" "h-5 w-5 text-gray-400"}}
</div>
</div>
</a>
</li>
{{end}}
</ul>
</div>
</div>
{{end}}