astria
/
3RESIT
1
0
Fork 0
Code Issues Pull Requests 1 Projects 1 Releases 6 Wiki Activity
Browse Source

Finish modal responsive

pull/8/head
astria 4 months ago
parent
5b7fecb1ac
commit
b96f20804e
5 changed files with 114 additions and 9 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 105
      backend/logs/access.log
  2. 4
      frontend/src/modals/CreateChannelModal.jsx
  3. 4
      frontend/src/modals/CreatePlaylistModal.jsx
  4. 4
      frontend/src/modals/EmailVerificationModal.jsx
  5. 6
      frontend/src/modals/VerificationModal.jsx

105
backend/logs/access.log
View File

@ -9878,3 +9878,108 @@
[2025-08-25 18:50:31.676] [undefined] POST(/:id/subscribe): try to toggle subscription for channel with id 1
[2025-08-25 18:50:31.686] [undefined] POST(/:id/subscribe): Successfully subscribed to channel with status 200
[2025-08-25 18:50:39.047] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 1 with status 200
[2025-08-26 10:02:45.244] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 1 with status 200
[2025-08-26 10:03:38.650] [undefined] POST(/): failed because email already exists with status 400
[2025-08-26 10:04:04.335] [undefined] POST(/): failed because email already exists with status 400
[2025-08-26 10:04:04.507] [undefined] POST(/): failed because email already exists with status 400
[2025-08-26 10:04:16.443] [undefined] POST(/): try to register a user with username: lol and email: s.guerin@axelerance.fr
[2025-08-26 10:04:19.035] [undefined] POST(/): successfully registered with status 200
[2025-08-26 10:04:37.223] [undefined] POST(/verify-email): try to verify email for s.guerin@axelerance.fr with token cfcad
[2025-08-26 10:04:37.239] [undefined] POST(/verify-email): successfully verified email for s.guerin@axelerance.fr with status 200
[2025-08-26 10:04:47.505] [undefined] POST(/login): try to login with username 'lol'
[2025-08-26 10:04:47.564] [undefined] POST(/login): Successfully logged in with status 200
[2025-08-26 10:04:47.735] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200
[2025-08-26 10:05:41.211] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 10:05:41.214] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:05:41.222] [undefined] GET(/:id/history): failed to retrieve history of user 6 because it doesn't exist with status 404
[2025-08-26 10:05:41.226] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:05:41.238] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:06:21.942] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:06:21.945] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 10:06:21.956] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:06:21.960] [undefined] GET(/:id/history): failed to retrieve history of user 6 because it doesn't exist with status 404
[2025-08-26 10:06:21.970] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:07:09.042] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:07:09.046] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 10:07:09.055] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:07:09.059] [undefined] GET(/:id/history): failed to retrieve history of user 6 because it doesn't exist with status 404
[2025-08-26 10:07:09.072] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:07:28.263] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:07:28.267] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 10:07:28.275] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:07:28.279] [undefined] GET(/:id/history): failed to retrieve history of user 6 because it doesn't exist with status 404
[2025-08-26 10:07:28.290] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:07:38.771] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:07:38.775] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:08:05.608] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:08:05.611] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 10:08:05.621] [undefined] GET(/:id/history): failed to retrieve history of user 6 because it doesn't exist with status 404
[2025-08-26 10:08:05.624] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:08:05.634] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:08:10.306] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:09:13.255] [undefined] POST(/): Playlist created with id 7 with status 200
[2025-08-26 10:09:13.275] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:09:14.747] [undefined] GET(/:id): Playlist retrieved with id 7 with status 200
[2025-08-26 10:09:36.224] [undefined] GET(/:id): Playlist retrieved with id 7 with status 200
[2025-08-26 10:09:46.405] [undefined] GET(/:id): Playlist retrieved with id 7 with status 200
[2025-08-26 10:10:00.502] [undefined] GET(/:id): Playlist retrieved with id 7 with status 200
[2025-08-26 10:10:06.692] [undefined] DELETE(/:id): Playlist deleted with status 200
[2025-08-26 10:10:06.734] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 10:10:06.737] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:10:06.740] [undefined] GET(/:id/history): failed to retrieve history of user 6 because it doesn't exist with status 404
[2025-08-26 10:10:06.744] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:10:06.757] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:10:11.206] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200
[2025-08-26 10:10:59.669] [undefined] POST(/login): try to login with username 'lol'
[2025-08-26 10:10:59.730] [undefined] POST(/login): Successfully logged in with status 200
[2025-08-26 10:10:59.989] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200
[2025-08-26 10:11:07.572] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:11:07.577] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:11:07.585] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 10:11:07.589] [undefined] GET(/:id/history): failed to retrieve history of user 6 because it doesn't exist with status 404
[2025-08-26 10:11:07.597] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:11:14.635] [undefined] POST(/): Playlist created with id 8 with status 200
[2025-08-26 10:11:14.752] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:11:22.448] [undefined] GET(/:id): Playlist retrieved with id 8 with status 200
[2025-08-26 10:11:24.732] [undefined] DELETE(/:id): Playlist deleted with status 200
[2025-08-26 10:11:24.794] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:11:24.797] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:11:24.801] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 10:11:24.806] [undefined] GET(/:id/history): failed to retrieve history of user 6 because it doesn't exist with status 404
[2025-08-26 10:11:24.815] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:11:26.703] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200
[2025-08-26 10:12:18.270] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200
[2025-08-26 10:12:22.183] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200
[2025-08-26 10:12:24.713] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 10:12:24.716] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 10:12:24.725] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 10:12:24.730] [undefined] GET(/:id/history): failed to retrieve history of user 6 because it doesn't exist with status 404
[2025-08-26 10:12:24.739] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:13:44.251] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200
[2025-08-26 10:13:53.722] [undefined] GET(/:id): try to get video 2
[2025-08-26 10:13:53.725] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:13:53.740] [undefined] GET(/:id): successfully get video 2 with status 200
[2025-08-26 10:13:53.764] [undefined] GET(/:id/similar): try to get similar videos for video 2
[2025-08-26 10:13:53.776] [undefined] GET(/:id/similar): successfully get similar videos for video 2 with status 200
[2025-08-26 10:13:53.868] [undefined] GET(/:id/views): try to add views for video 2
[2025-08-26 10:13:53.878] [undefined] GET(/:id/views): successfully added views for video 2 with status 200
[2025-08-26 10:16:29.567] [undefined] GET(/:id): try to get video 4
[2025-08-26 10:16:29.589] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 10:16:29.601] [undefined] GET(/:id): successfully get video 4 with status 200
[2025-08-26 10:16:29.627] [undefined] GET(/:id/similar): try to get similar videos for video 4
[2025-08-26 10:16:29.637] [undefined] GET(/:id/similar): successfully get similar videos for video 4 with status 200
[2025-08-26 10:16:29.711] [undefined] GET(/:id/views): try to add views for video 4
[2025-08-26 10:16:29.729] [undefined] GET(/:id/views): successfully added views for video 4 with status 200
[2025-08-26 11:12:59.783] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 11:12:59.786] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 11:12:59.795] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 11:12:59.800] [undefined] GET(/:id/history): successfully retrieved history of user 6 with status 200
[2025-08-26 11:12:59.805] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 11:13:04.592] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200
[2025-08-26 11:18:05.615] [undefined] GET(/:id/channel): try to retrieve channel of user 6
[2025-08-26 11:18:05.619] [undefined] GET(/:id/channel): failed to retrieve channel of user 6 because it doesn't exist with status 404
[2025-08-26 11:18:05.624] [undefined] GET(/:id/history): try to retrieve history of user 6
[2025-08-26 11:18:05.630] [undefined] GET(/:id/history): successfully retrieved history of user 6 with status 200
[2025-08-26 11:18:05.639] [undefined] GET(/user/:id): Playlists retrieved for user with id 6 with status 200
[2025-08-26 11:21:36.442] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200
[2025-08-26 11:21:41.944] [undefined] GET(/see-later): 'See Later' playlist retrieved for user with id 6 with status 200

4
frontend/src/modals/CreateChannelModal.jsx
View File

@ -28,8 +28,8 @@ export default function CreateChannelModal({isOpen, onClose, addAlert}) {
}
return isOpen && (
<div className="bg-[#00000080] fixed top-0 left-0 w-screen h-screen flex flex-col items-center justify-center" >
<div className="glassmorphism p-4 w-1/4" >
<div className="bg-[#00000080] fixed top-0 left-0 w-screen h-screen flex flex-col items-center justify-center px-5 lg:px-0" >
<div className="glassmorphism p-4 w-full lg:w-1/4" >
<h2 className="text-2xl text-white font-montserrat font-bold" >Créer une chaine</h2>
<label htmlFor="name" className="block text-xl text-white font-montserrat font-semibold mt-2" >Nom de la chaine</label>
<input

4
frontend/src/modals/CreatePlaylistModal.jsx
View File

@ -15,8 +15,8 @@ export default function CreatePlaylistModal({ isOpen, onClose, addAlert }) {
return isOpen && (
<div className="bg-[#00000080] fixed top-0 left-0 w-screen h-screen flex flex-col items-center justify-center" >
<div className="glassmorphism p-4 w-1/4" >
<div className="bg-[#00000080] fixed top-0 left-0 w-screen h-screen flex flex-col items-center justify-center px-5 lg:px-0" >
<div className="glassmorphism p-4 w-full lg:w-1/4" >
<h2 className="text-2xl text-white font-montserrat font-bold" >Créer une playlist</h2>
<label htmlFor="name" className="block text-xl text-white font-montserrat font-semibold mt-2" >Nom de la playlist</label>
<input

4
frontend/src/modals/EmailVerificationModal.jsx
View File

@ -5,8 +5,8 @@ export default function EmailVerificationModal({ isOpen, onSubmit, onClose }) {
const [verificationCode, setVerificationCode] = useState('');
return isOpen && (
<div className="bg-[#00000080] fixed top-0 left-0 w-screen h-screen flex flex-col items-center justify-center" >
<div className="glassmorphism p-4 w-1/4" >
<div className="bg-[#00000080] fixed top-0 left-0 w-screen h-screen flex flex-col items-center justify-center px-5 lg:px-0" >
<div className="glassmorphism p-4 w-full lg:w-1/4" >
<h2 className="text-lg font-bold mb-2 font-montserrat text-white">Vérification de l'email</h2>
<p className="font-montserrat text-white">Un email de vérification a été envoyé à votre adresse email. Veuillez vérifier votre boîte de réception.</p>
<input

6
frontend/src/modals/VerificationModal.jsx
View File

@ -4,10 +4,10 @@ export default function VerificationModal({title, onConfirm, onCancel, isOpen})
if (!isOpen) return null;
return (
<div className="fixed inset-0 flex items-center justify-center">
<div className="glassmorphism p-6">
<div className="fixed inset-0 flex items-center justify-center px-5 lg:px-0">
<div className="glassmorphism w-full lg:w-auto p-6">
<h2 className="text-lg text-white font-semibold mb-4">{title}</h2>
<div className="flex justify-end">
<div className="flex justify-start lg:justify-end">
<button
className="bg-primary px-3 py-2 rounded-sm text-white font-montserrat text-lg font-semibold cursor-pointer"
onClick={() => onConfirm()}

Write Preview
Loading…
Cancel
Save