coopgo-apps
/
parcoursmob-default-theme
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update UX

This commit is contained in:
Maxime 2025-02-20 11:16:46 +01:00
parent 9edd80bd3c
commit 8d2ca79bc5
5 changed files with 45 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/layouts/beneficiaries/list.html
View File

@ -61,10 +61,8 @@
</th> </th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900"> <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Labels Labels
</th> </th>
<th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-6">
<span class="sr-only">Modifier</span>
</th>
</tr> </tr>
</thead> </thead>
<tbody class="divide-y divide-gray-200 bg-white"> <tbody class="divide-y divide-gray-200 bg-white">

38
web/layouts/solidarity_service/_partials/beneficiary-list.html
View File

@ -1,9 +1,7 @@
{{define "beneficiary_solidarity_list"}} {{define "beneficiary_solidarity_list"}}
<main> <main>
<div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8 px-4 py-5 sm:px-6" >
<h1 class="text-2xl font-semibold text-gray-900"> <h1 class="text-2xl font-semibold text-gray-900">Bénéficiaires Silvermobi</h1>
Bénéficiaires Silvermobi
</h1>
</div> </div>
<form class="space-y-6" method="GET" name="driver_journeys" @submit="submit"> <form class="space-y-6" method="GET" name="driver_journeys" @submit="submit">
<div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8" x-data="{ <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8" x-data="{
@ -24,12 +22,36 @@
this.current=page-1 this.current=page-1
} }
}"> }">
<div class="border-t border-gray-200 px-4 py-5 sm:px-6"> <div class=" px-4 py-5 sm:px-6">
<div class="mt-8 flex flex-col"> <div class="mt-8 flex flex-col">
<div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8"> <div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8">
<div class="inline-block min-w-full py-2 align-middle md:px-6 lg:px-8"> <div class="inline-block min-w-full py-2 align-middle md:px-6 lg:px-8">
<div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg"> <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg">
<table class="min-w-full divide-y divide-gray-300"> <table class="min-w-full divide-y divide-gray-300">
<thead class="bg-gray-50">
<tr>
<th scope="col"
class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">
Nom
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Téléphone
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Adresse
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Labels
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Option
</th>
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
Info
</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200 bg-white"> <tbody class="divide-y divide-gray-200 bg-white">
<template x-for="beneficiary in state.beneficiariessolidarity.passenger"> <template x-for="beneficiary in state.beneficiariessolidarity.passenger">
<tr> <tr>
@ -57,6 +79,12 @@
class="text-co-blue hover:text-co-blue">Demande de trajet<span class="sr-only"> class="text-co-blue hover:text-co-blue">Demande de trajet<span class="sr-only">
</a> </a>
</td> </td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
<div class="text-gray-900" x-text="beneficiary.phone_number"></div>
</td>
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"
x-text="beneficiary.data.address ? beneficiary.address.properties.label : ''">
</td>
<td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6"> <td class="relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6">
<a :href="'/app/beneficiaries/' + beneficiary.id" <a :href="'/app/beneficiaries/' + beneficiary.id"
class="text-co-blue hover:text-co-blue">Voir<span class="sr-only">, <span class="text-co-blue hover:text-co-blue">Voir<span class="sr-only">, <span

9
web/layouts/solidarity_service/_partials/booking-list.html
View File

@ -1,6 +1,6 @@
{{define "booking_solidarity_list" }} {{define "booking_solidarity_list" }}
<main> <main>
<div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8" x-data="{ <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8 px-4 py-5 sm:px-6" x-data="{
state: {{.ViewState.JSONWithLimits 0 10}}, state: {{.ViewState.JSONWithLimits 0 10}},
current: 0, current: 0,
nb_pages() { nb_pages() {
@ -18,10 +18,9 @@
this.current=page-1 this.current=page-1
} }
}"> }">
<h2 class="text-lg font-medium text-gray-900 p-4 sm:px-6"> <h1 class="text-2xl font-semibold text-gray-900">Transports
Conducteurs </h1>
</h2> <div class="px-4 py-5 sm:px-6">
<div class="border-t border-gray-200 px-4 py-5 sm:px-6">
<div class="mt-8 flex flex-col"> <div class="mt-8 flex flex-col">
<div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8"> <div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8">

9
web/layouts/solidarity_service/_partials/driver-list.html
View File

@ -2,7 +2,7 @@
{{define "driver_solidarity_list" }} {{define "driver_solidarity_list" }}
<main> <main>
<div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8" x-data="{ <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8 px-4 py-5 sm:px-6" x-data="{
state: {{.ViewState.JSONWithLimits 0 10}}, state: {{.ViewState.JSONWithLimits 0 10}},
current: 0, current: 0,
nb_pages() { nb_pages() {
@ -21,10 +21,9 @@
} }
}"> }">
<h2 class="text-lg font-medium text-gray-900 p-4 sm:px-6"> <h1 class="text-2xl font-semibold text-gray-900"> Conducteurs
Conducteurs </h1>
</h2> <div class="px-4 py-5 sm:px-6">
<div class="border-t border-gray-200 px-4 py-5 sm:px-6">
<a <a
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-ci-blue focus:ring-offset-2 sm:w-auto" 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-ci-blue focus:ring-offset-2 sm:w-auto"
href="driver/create">Ajouter un conducteur solidaire</a> href="driver/create">Ajouter un conducteur solidaire</a>

4
web/layouts/solidarity_service/main.html
View File

@ -1,6 +1,6 @@
{{define "content"}} {{define "content"}}
<main> <main>
<div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8 px-4 py-5 sm:px-6">
<h1 class="text-2xl font-semibold text-gray-900"> <h1 class="text-2xl font-semibold text-gray-900">
Transport Solidaire Transport Solidaire
</h1> </h1>
@ -11,7 +11,7 @@
this.tab = event.target.value this.tab = event.target.value
} }
}"> }">
<div class="bg-white shadow sm:rounded-lg sm:overflow-hidden"> <div class="bg-white shadow sm:rounded-lg sm:overflow-hidden px-4 py-5 sm:px-6">
<div class="divide-y divide-gray-200"> <div class="divide-y divide-gray-200">
<div> <div>
<div class="hidden sm:block"> <div class="hidden sm:block">