60 lines
2.6 KiB
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}}
|