Skip to content
GitLab
Explorer
Connexion
S'inscrire
Navigation principale
Rechercher ou aller à…
Projet
LanguageLab
Gestion
Activité
Membres
Labels
Programmation
Tickets
Tableaux des tickets
Jalons
Wiki
Code
Requêtes de fusion
Dépôt
Branches
Validations
Étiquettes
Graphe du dépôt
Comparer les révisions
Extraits de code
Déploiement
Releases
Registre de paquets
Registre de conteneur
Registre de modèles
Opération
Modules Terraform
Surveillance
Incidents
Analyse
Données d'analyse des chaînes de valeur
Analyse des contributeurs
Données d'analyse du dépôt
Expériences du modèle
Aide
Aide
Support
Documentation de GitLab
Comparer les forfaits GitLab
Forum de la communauté
Contribuer à GitLab
Donner votre avis
Conditions générales et politique de confidentialité
Raccourcis clavier
?
Extraits de code
Groupes
Projets
Afficher davantage de fils d'Ariane
Serge Bibauw
LanguageLab
Validations
b9347269
Valider
b9347269
rédigé
Il y a 1 mois
par
DavePk04
Parcourir les fichiers
Options
Téléchargements
Correctifs
Plain Diff
feat(profile): Enhance profile form with DaisyUI styling and fix data handling
parent
010353d0
Branches
185-allow-tutors-to-reset-their-availabilities
Aucune étiquette associée trouvée
1 requête de fusion
!47
Resolve "Allow Tutors to Reset Their Availabilities"
Modifications
1
Masquer les modifications d'espaces
En ligne
Côte à côte
Affichage de
1 fichier modifié
frontend/src/routes/tutor/profile/+page.svelte
+74
-69
74 ajouts, 69 suppressions
frontend/src/routes/tutor/profile/+page.svelte
avec
74 ajouts
et
69 suppressions
frontend/src/routes/tutor/profile/+page.svelte
+
74
−
69
Voir le fichier @
b9347269
...
@@ -8,14 +8,10 @@
...
@@ -8,14 +8,10 @@
const
formatBirthdate
=
(
dateStr
:
string
|
Date
|
undefined
):
string
=>
{
const
formatBirthdate
=
(
dateStr
:
string
|
Date
|
undefined
):
string
=>
{
if
(
!
dateStr
)
return
''
;
if
(
!
dateStr
)
return
''
;
const
date
=
new
Date
(
dateStr
);
const
date
=
new
Date
(
dateStr
);
if
(
!
isNaN
(
date
.
getTime
()))
{
if
(
!
isNaN
(
date
.
getTime
()))
return
date
.
toISOString
().
split
(
'
T
'
)[
0
];
return
date
.
toISOString
().
split
(
'
T
'
)[
0
];
}
if
(
typeof
dateStr
===
'
string
'
)
{
if
(
typeof
dateStr
===
'
string
'
)
{
const
[
day
,
month
,
year
]
=
dateStr
.
split
(
'
/
'
);
const
[
day
,
month
,
year
]
=
dateStr
.
split
(
'
/
'
);
if
(
year
?.
length
===
4
)
{
if
(
year
?.
length
===
4
)
return
`
${
year
}
-
${
month
.
padStart
(
2
,
'
0
'
)}
-
${
day
.
padStart
(
2
,
'
0
'
)}
`
;
return
`
${
year
}
-
${
month
.
padStart
(
2
,
'
0
'
)}
-
${
day
.
padStart
(
2
,
'
0
'
)}
`
;
}
}
}
return
''
;
return
''
;
};
};
...
@@ -32,7 +28,6 @@
...
@@ -32,7 +28,6 @@
async
function
updateProfile
()
{
async
function
updateProfile
()
{
try
{
try
{
const
parsedAvailabilities
=
availabilities
?
JSON
.
parse
(
availabilities
)
:
[];
const
parsedAvailabilities
=
availabilities
?
JSON
.
parse
(
availabilities
)
:
[];
console
.
log
(
'
birth:
'
,
new
Date
(
birthdate
).
toISOString
());
const
updateData
=
{
const
updateData
=
{
email
,
email
,
nickname
,
nickname
,
...
@@ -48,7 +43,6 @@
...
@@ -48,7 +43,6 @@
}
else
{
}
else
{
throw
new
Error
(
$t
(
'
header.tutor.userNotFound
'
));
throw
new
Error
(
$t
(
'
header.tutor.userNotFound
'
));
}
}
console
.
log
(
'
Update success:
'
,
success
);
if
(
success
)
{
if
(
success
)
{
alert
(
$t
(
'
header.tutor.updatedSuccessfully
'
));
alert
(
$t
(
'
header.tutor.updatedSuccessfully
'
));
}
else
{
}
else
{
...
@@ -61,91 +55,102 @@
...
@@ -61,91 +55,102 @@
}
}
</script>
</script>
<h1
class=
"text-2xl font-bold text-center my-5"
>
{
$t
(
'
header.tutor.profile
'
)
}
</h1>
<h1
class=
"text-3xl font-bold text-center mb-8 text-primary"
>
{
$t
(
'
header.tutor.profile
'
)
}
</h1>
<div
class=
"max-w-lg mx-auto bg-white shadow-md rounded-lg p-6"
>
<div
class=
"card bg-base-100 shadow-xl max-w-2xl mx-auto p-8"
>
<form
on:submit
|
preventDefault=
{
updateProfile
}
>
<form
on:submit
|
preventDefault=
{
updateProfile
}
class=
"space-y-4"
>
<div
class=
"mb-4"
>
<div
class=
"grid grid-cols-1 md:grid-cols-2 gap-4"
>
<label
for=
"email"
class=
"block text-sm font-medium text-gray-700"
>
{
$t
(
'
home.email
'
)
}
</label>
<div
class=
"form-control"
>
<input
<label
class=
"label"
for=
"email"
>
type=
"email"
<span
class=
"label-text"
>
{
$t
(
'
home.email
'
)
}
</span>
id=
"email"
</label>
bind:value=
{
email
}
<input
class=
"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
type=
"email"
required
id=
"email"
/>
bind:value=
{
email
}
</div>
class=
"input input-bordered focus:input-primary"
required
/>
</div>
<div
class=
"
mb-4
"
>
<div
class=
"
form-control
"
>
<label
for=
"nickname"
class=
"block text-sm font-medium text-gray-700"
<label
class=
"label"
for=
"nickname"
>
>
{
$t
(
'
home.nickname
'
)
}
</
label
<span
class=
"label-text"
>
{
$t
(
'
home.nickname
'
)
}
</
span>
>
</label
>
<input
<input
type=
"text"
type=
"text"
id=
"nickname"
id=
"nickname"
bind:value=
{
nickname
}
bind:value=
{
nickname
}
class=
"
mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500
focus:
r
in
g-indigo-500 sm:text-sm
"
class=
"
input input-bordered
focus:in
put-primary
"
required
required
/>
/>
</div>
</div>
<div
class=
"
mb-4
"
>
<div
class=
"
form-control
"
>
<label
for=
"birthdate"
class=
"block text-sm font-medium text-gray-700"
<label
class=
"label"
for=
"birthdate"
>
>
{
$t
(
'
home.birthdate
'
)
}
</
label
<span
class=
"label-text"
>
{
$t
(
'
home.birthdate
'
)
}
</
span>
>
</label
>
<input
<input
type=
"date"
type=
"date"
id=
"birthdate"
id=
"birthdate"
bind:value=
{
birthdate
}
bind:value=
{
birthdate
}
class=
"
mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500
focus:
r
in
g-indigo-500 sm:text-sm
"
class=
"
input input-bordered
focus:in
put-primary
"
required
required
/>
/>
</div>
</div>
<div
class=
"mb-4"
>
<div
class=
"form-control"
>
<label
for=
"gender"
class=
"block text-sm font-medium text-gray-700"
<label
class=
"label"
for=
"gender"
>
>
{
$t
(
'
users.gender
'
)
}
</label
<span
class=
"label-text"
>
{
$t
(
'
users.gender
'
)
}
</span>
>
</label>
<select
<select
id=
"gender"
id=
"gender"
bind:value=
{
gender
}
bind:value=
{
gender
}
class=
"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
class=
"select select-bordered focus:select-primary"
required
required
>
>
<option
value=
""
disabled
>
{
$t
(
'
header.tutor.selectGender
'
)
}
</option>
<option
value=
""
disabled
>
{
$t
(
'
header.tutor.selectGender
'
)
}
</option>
<option
value=
"male"
>
{
$t
(
'
users.genders.male
'
)
}
</option>
<option
value=
"male"
>
{
$t
(
'
users.genders.male
'
)
}
</option>
<option
value=
"female"
>
{
$t
(
'
users.genders.female
'
)
}
</option>
<option
value=
"female"
>
{
$t
(
'
users.genders.female
'
)
}
</option>
<option
value=
"other"
>
{
$t
(
'
users.genders.other
'
)
}
</option>
<option
value=
"other"
>
{
$t
(
'
users.genders.other
'
)
}
</option>
</select>
</select>
</div>
</div>
</div>
<div
class=
"mb-4"
>
<div
class=
"form-control"
>
<label
for=
"bio"
class=
"block text-sm font-medium text-gray-700"
>
{
$t
(
'
register.bio
'
)
}
</label>
<label
class=
"label"
for=
"bio"
>
<span
class=
"label-text"
>
{
$t
(
'
register.bio
'
)
}
</span>
</label>
<textarea
<textarea
id=
"bio"
id=
"bio"
rows=
"4"
rows=
"4"
bind:value=
{
bio
}
bind:value=
{
bio
}
placeholder=
{
$t
(
'
header.tutor.bio
'
)
}
placeholder=
{
$t
(
'
header.tutor.bio
'
)
}
class=
"
mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm
"
class=
"
textarea textarea-bordered focus:textarea-primary h-24
"
required
required
></textarea>
></textarea>
</div>
</div>
<div
class=
"mb-4"
>
<div
class=
"form-control"
>
<label
for=
"availabilities"
class=
"block text-sm font-medium text-gray-700"
<label
class=
"label"
for=
"availabilities"
>
>
{
$t
(
'
register.availabilities
'
)
}
</label
<span
class=
"label-text"
>
>
{
$t
(
'
register.availabilities
'
)
}
<span
class=
"text-xs text-info ml-2"
>
(JSON format)
</span>
</span>
</label>
<textarea
<textarea
id=
"availabilities"
id=
"availabilities"
rows=
"4"
rows=
"4"
bind:value=
{
availabilities
}
bind:value=
{
availabilities
}
placeholder=
{
$t
(
'
header.tutor.availabilities
'
)
}
placeholder=
{
$t
(
'
header.tutor.availabilities
'
)
}
class=
"
mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm
"
class=
"
textarea textarea-bordered focus:textarea-primary font-mono h-32
"
required
required
></textarea>
></textarea>
</div>
</div>
<button
type=
"submit"
class=
"b
utton
"
>
<button
type=
"submit"
class=
"b
tn btn-primary w-full mt-6 text-lg
"
>
{
$t
(
'
header.tutor.update
'
)
}
{
$t
(
'
header.tutor.update
'
)
}
</button>
</button>
</form>
</form>
...
...
Ce diff est replié.
Cliquez pour l'agrandir.
Aperçu
0%
Chargement en cours
Veuillez réessayer
ou
joindre un nouveau fichier
.
Annuler
You are about to add
0
people
to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Enregistrer le commentaire
Annuler
Veuillez vous
inscrire
ou vous
se connecter
pour commenter