diff --git a/app/Http/Controllers/AuthController.php b/app/Http/Controllers/AuthController.php new file mode 100644 index 0000000..edc5656 --- /dev/null +++ b/app/Http/Controllers/AuthController.php @@ -0,0 +1,504 @@ +username == $request->username){ + if ($teacher->password == $request->password){ + return response()->json(['user' => $teacher], 201); + } + } + } + } + } + $studentInfo = Student::getClassroomWithStudents(); // Sınıfı ile birlikte öğrencileri return eder + if (isset($studentInfo)){ + if (is_iterable($studentInfo)) { + foreach ($studentInfo as $student){ + if ($student->username == $request->username){ + if ($student->password == $request->password){ + return response()->json(['user' => $student], 202); + } + } + } + } + } + $parentInfo = Parents::getParentsWithStudents(); //Öğrencileri ile birlikte velileri return eder + if (isset($parentInfo)){ + if (is_iterable($parentInfo)) { + foreach ($parentInfo as $parent){ + if ($parent->username == $request->username){ + if ($parent->password == $request->password){ + if (is_iterable($parent->students)){ + foreach ($parent->students as $student){ + $imagePath = $student->student_image; + // Eğer dosya varsa, base64 formatına çevir ve JSON yanıta ekle + if ($imagePath && Storage::disk('public')->exists($imagePath)) { + $student->student_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } + return response()->json(['user' => $parent], 203); + } + } + } + } + } + return response()->json(['$error' => "Kullanıcı adı veya şifre hatalı!"], 404); + } + + public function changeTeacherPassword(Request $request){ + if ($request->isMethod('post')) { + $teacher = Teacher::getTeacher($request->teacher_id); + if (isset($teacher)){ + $teacher->password = $request->password; + $teacher->save(); + } + return response()->json(['$success' => "Şifre değiştirildi"], 200); + } else{ + return redirect()->route('home-page'); + } + } + + public function changeStudentPassword(Request $request){ + if ($request->isMethod('post')) { + $student = Student::getStudentInId($request->student_id); + if (isset($student)){ + $student->password = $request->password; + $student->save(); + } + return response()->json(['$success' => "Şifre değiştirildi"], 200); + } else{ + return redirect()->route('home-page'); + } + } + + public function changeParentPassword(Request $request){ + if ($request->isMethod('post')) { + $parent = Parents::getParentInId($request->parent_id); + if (isset($parent)){ + $parent->password = $request->password; + $parent->save(); + } + return response()->json(['$success' => "Şifre değiştirildi"], 200); + } else{ + return redirect()->route('home-page'); + } + } + + //bir velinin öğrencilerini json tipinde döndürür. + public function studentsOfParent($parentId){ + $students = Parents::getStudentsByParentId($parentId); + if (!isset($students)){ + return response()->json(['error' => 'Students not found'], 404); + } + return response()->json(['students' => $students], 200); + } + + //homework ü db ye ekler ve 200 başarılı kodunu döndürür. + public function saveHomeworkToDB(Request $request){ + if ($request->isMethod('post')) { + $homework = new Homework(); + $homework->classroom_id = $request->classroom_id; + $homework->teacher_id = $request->teacher_id; + if (isset($request->title)){ + $homework->title = $request->title; + } + if (isset($request->content)){ + $homework->content = $request->content; + } + if (isset($request->course_name)){ + $homework->course_name = $request->course_name; + } + if (isset($request->hw_image)){ + $imageData = $request->hw_image; + $image = base64_decode($imageData); + $filename = Str::random(40) . '.jpg'; + Storage::disk('public')->put("images/{$filename}", $image); + $homework->image = "images/{$filename}"; + } + if (isset($request->due_date)){ + $homework->due_date = $request->due_date; + } + $homework->save(); + return response()->json(['success' => 'Homework is saved'], 200); + }else{ + return redirect()->route('home-page'); + } + } + + //announcment ı db ye ekler ve 200 başarılı koudunu döndürür.(classroom_announcement) + public function saveAnnouncementToDB(Request $request){ + if ($request->isMethod('post')) { + $announcement = new ClassroomAnnouncement(); + if (isset($request->teacher_id)){ + $announcement->teacher_id = $request->teacher_id; + } else{ + return response()->json(['error' => 'Announcement is not saved'], 400); + } + if (isset($request->classroom_id)){ + $announcement->classroom_id = $request->classroom_id; + } else{ + return response()->json(['error' => 'Announcement is not saved'], 400); + } + if (isset($request->announcement_title)){ + $announcement->announcement_title = $request->announcement_title; + } + if (isset($request->announcement_content)){ + $announcement->announcement_content = $request->announcement_content; + } + $announcement->save(); + return response()->json(['success' => 'Announcement is saved'], 200); + } else{ + return redirect()->route('home-page'); + } + } + + //classroom_id alıp o sınıfta yapılan duyurular verilen ödevler ve ödevlerin sonuçlarını dönderir. Veli ödev ve duyuru kısımlarını görüntülemek istediğinde gönderiyorum. + public function giveInformationAboutClassHomework($classroomId, $studentId){ + if (isset($studentId) && isset($classroomId)){ + $homeworkWithResults = Homework::getHomeworkWithResultsInId($studentId, $classroomId); + if (isset($homeworkWithResults)){ + if (is_iterable($homeworkWithResults)){ + foreach ($homeworkWithResults as $homework) { + $imagePath = $homework->image; + // Eğer dosya varsa, base64 formatına çevir ve JSON yanıta ekle + if ($imagePath && Storage::disk('public')->exists($imagePath)) { + $homework->image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } else{ + $imagePath = $homeworkWithResults[0]->image; + $homeworkWithResults[0]->image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } else{ + return response()->json(['error' => 'Informations cannot be given'], 400); + } + return response()->json(['homeworks' => $homeworkWithResults], 200); + } + + public function giveInformationAboutClassAnnouncement($classroomId){ + if (isset($classroomId)){ + $classroom_announcement = ClassroomAnnouncement::getAnnouncementInClassroom($classroomId); + } else{ + return response()->json(['error' => 'Informations cannot be given'], 400); + } + return response()->json(['classroom_announcements' => $classroom_announcement], 200); + } + + public function getImageForTeacher(Request $request){ + if ($request->isMethod('post')){ + $teacher = Teacher::getTeacher($request->teacherId); + if (isset($request->image_teacher)){ + if ($teacher->teacher_image){ + Storage::disk('public')->delete($teacher->teacher_image); + } + $imageData = $request->image_teacher; + $image = base64_decode($imageData); + $filename = Str::random(40) . '.jpg'; + Storage::disk('public')->put("images/{$filename}", $image); + $teacher->teacher_image = "images/{$filename}"; + $teacher->save(); + return response()->json(['success' => 'Save is successful'], 200); + } else { + if ($teacher->teacher_image){ + Storage::disk('public')->delete($teacher->teacher_image); + } + $teacher->teacher_image = null; + $teacher->save(); + return response()->json(['success' => 'Null save is successful'], 200); + } + } else { + return redirect()->route('home-page'); + } + } + + public function getImageForStudent(Request $request){ + if ($request->isMethod('post')){ + $student = Student::getStudentInId($request->studentId); + if (isset($request->image_student)){ + if ($student->student_image){ + Storage::disk('public')->delete($student->student_image); + } + $imageData = $request->image_student; + $image = base64_decode($imageData); + $filename = Str::random(40) . '.jpg'; + Storage::disk('public')->put("images/{$filename}", $image); + $student->student_image = "images/{$filename}"; + $student->save(); + return response()->json(['success' => 'Save is successful'], 200); + } else { + if ($student->student_image){ + Storage::disk('public')->delete($student->student_image); + } + $student->student_image = null; + $student->save(); + return response()->json(['success' => 'Null save is successful'], 200); + } + } else { + return redirect()->route('home-page'); + } + } + + public function classroomOfTeacher($teacherId){ + $classrooms = Teacher::getClassroomsByTeacherId($teacherId); + if (!isset($classrooms)){ + return response()->json(['error' => 'Classrooms not found'], 404); + } + return response()->json(['classrooms' => $classrooms], 200); + } + + public function giveInformationAboutClassHomeworksForTeacher($classroomId){ + if (isset($classroomId)){ + $homeworks = Homework::getHomeworksWithResultsInId($classroomId); + if (is_iterable($homeworks)){ + foreach ($homeworks as $homework) { + $imagePath = $homework->image; + // Eğer dosya varsa, base64 formatına çevir ve JSON yanıta ekle + if ($imagePath && Storage::disk('public')->exists($imagePath)) { + $homework->image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } else{ + $imagePath = $homeworks[0]->image; + $homeworks[0]->image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + $students = Student::getStudentInClassroomId($classroomId); + if (is_iterable($students)){ + foreach($students as $student){ + $imagePath = $student->student_image; + // Eğer dosya varsa, base64 formatına çevir ve JSON yanıta ekle + if ($imagePath && Storage::disk('public')->exists($imagePath)) { + $student->student_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } else{ + $imagePath = $students[0]->student_image; + if ($imagePath && Storage::disk('public')->exists($imagePath)) { + $students[0]->student_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + return response()->json(['homeworks' => $homeworks, 'students' => $students], 200); + } else{ + return response()->json(['error' => 'Informations cannot be given'], 400); + } + } + + public function giveInformationAboutClassAnnouncementsForTeacher($classroomId){ + if (isset($classroomId)){ + $classroom_announcement = ClassroomAnnouncement::getAnnouncementInClassroom($classroomId); + return response()->json(['classroom-announcements' => $classroom_announcement], 200); + } else{ + return response()->json(['error' => 'Informations cannot be given'], 400); + } + } + + public function getHomeworkResultsInSomeId($homework_id, $student_id){ + if (isset($homework_id)){ + if (isset($student_id)){ + $result = HomeworkResult::getHomeworkResult($homework_id, $student_id); + return response()->json(['result' => $result], 200); + } + } + return response()->json(['error' => 'Informations cannot be given'], 400); + } + + public function deleteHomeworkInId($homeworkId){ + if (isset($homeworkId)){ + $homework = Homework::getHomeworkInHomeworkId($homeworkId); + if ($homework->image){ + Storage::disk('public')->delete($homework->image); + } + Homework::deleteHomeworkInId($homeworkId); + return response()->json(['success' => 'Homework is deleted'], 200); + } + return response()->json(['error' => 'Homework cannot be deleted'], 400); + } + + public function deleteClassroomAnnouncementInId($classroomAnnouncementId){ + if (isset($classroomAnnouncementId)){ + ClassroomAnnouncement::deleteAnnouncementInId($classroomAnnouncementId); + return response()->json(['success' => 'Announcement is deleted'], 200); + } + return response()->json(['error' => 'Announcement cannot be deleted'], 400); + } + + public function updateHomework(Request $request){ + if ($request->isMethod('post')) { + $homework = Homework::getHomeworkInHomeworkId($request->homework_id); + if (isset($request->classroom_id)){ + $homework->classroom_id = $request->classroom_id; + } else{ + return response()->json(['error' => 'Homework is not saved'], 400); + } + if (isset($request->teacher_id)){ + $homework->teacher_id = $request->teacher_id; + } else{ + return response()->json(['error' => 'Homework is not saved'], 400); + } + + if (isset($request->title)){ + $homework->title = $request->title; + } + if (isset($request->content)){ + $homework->content = $request->content; + } + if (isset($request->course_name)){ + $homework->course_name = $request->course_name; + } + if (isset($request->hw_image)){ + if ($homework->image){ + Storage::disk('public')->delete($homework->image); + } + $imageData = $request->hw_image; + $image = base64_decode($imageData); + $filename = Str::random(40) . '.jpg'; + Storage::disk('public')->put("images/{$filename}", $image); + $homework->image = "images/{$filename}"; + } + if (isset($request->due_date)){ + $homework->due_date = $request->due_date; + } + $homework->save(); + return response()->json(['success' => 'Homework is updated'], 200); + }else{ + return redirect()->route('home-page'); + } + } + + public function updateAnnouncement(Request $request){ + if ($request->isMethod('post')) { + $announcement = ClassroomAnnouncement::getAnnouncementInId($request->classroom_announcement_id); + if (isset($request->teacher_id)){ + $announcement->teacher_id = $request->teacher_id; + } else{ + return response()->json(['error' => 'Announcement is not saved'], 400); + } + if (isset($request->classroom_id)){ + $announcement->classroom_id = $request->classroom_id; + } else{ + return response()->json(['error' => 'Announcement is not saved'], 400); + } + if (isset($request->announcement_title)){ + $announcement->announcement_title = $request->announcement_title; + } + if (isset($request->announcement_content)){ + $announcement->announcement_content = $request->announcement_content; + } + $announcement->save(); + return response()->json(['success' => 'Announcement is updated'], 200); + } else{ + return redirect()->route('home-page'); + } + } + + public function saveResultToDB(Request $request){ + if ($request->isMethod('post')) { + $result = new HomeworkResult(); + if (isset($request->homework_id)){ + $result->homework_id = $request->homework_id; + } else{ + return response()->json(['error' => 'Result is not saved'], 400); + } + if (isset($request->student_id)){ + $result->student_id = $request->student_id; + } else{ + return response()->json(['error' => 'Result is not saved'], 400); + } + if (isset($request->note_for_parent)){ + $result->note_for_parent = $request->note_for_parent; + } + if (isset($request->grade)){ + $result->grade = $request->grade; + } + $result->save(); + return response()->json(['success' => 'Result is saved'], 200); + } else{ + return redirect()->route('home-page'); + } + } + + public function updateResult(Request $request){ + if ($request->isMethod('post')) { + $result = HomeworkResult::getHomeworkResultInId($request->homework_result_id); + if (isset($request->homework_id)){ + $result->homework_id = $request->homework_id; + } else{ + return response()->json(['error' => 'Result is not updated'], 400); + } + if (isset($request->student_id)){ + $result->student_id = $request->student_id; + } else{ + return response()->json(['error' => 'Result is not updated'], 400); + } + if (isset($request->note_for_parent)){ + $result->note_for_parent = $request->note_for_parent; + } + if (isset($request->grade)){ + $result->grade = $request->grade; + } + $result->save(); + return response()->json(['success' => 'Result is updated'], 200); + } else{ + return redirect()->route('home-page'); + } + } + + public function sendEventsAndAnnouncements(){ + $events = Event::getLast10Records(); + foreach ($events as $event) { + $imagePath = $event->event_image; + // Eğer dosya varsa, base64 formatına çevir ve JSON yanıta ekle + if ($imagePath && Storage::disk('public')->exists($imagePath)) { + $event->event_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + $announcements = GeneralAnnouncement::getLast10Records(); + return response()->json(['events' => $events, 'announcements' => $announcements], 200); + } + + public function getLastHomeworkAndAnnouncementId($studentId){ + if (isset($studentId)){ + $student = Student::getStudentInId($studentId); + if (isset($student)){ + $classroomId = $student->classroom_id; + $lastHomework = Homework::getLastHomeworkByClassroomId($classroomId); + $lastAnnouncement = ClassroomAnnouncement::getLastAnnouncementByClassroomId($classroomId); + if (!(isset($lastHomework))){ + if (!(isset($lastAnnouncement))){ + return response()->json(['state' => "There is no homework and announcement"], 201); + } + return response()->json(['state' => "There is no homework", 'announcement_id' => $lastAnnouncement->classroom_announcement_id], 202); + } + if (!(isset($lastAnnouncement))){ + return response()->json(['state' => "There is no announcement", 'homework_id' => $lastHomework->homework_id], 203); + } + return response()->json(['homework_id' => $lastHomework->homework_id, 'announcement_id' => $lastAnnouncement->classroom_announcement_id], 200); + } + return response()->json(['state' => "There is no student in that id"], 204); + } + return response()->json(['error' => "This id is not valid or null"], 400); + } +} + diff --git a/app/Http/Controllers/ClassroomController.php b/app/Http/Controllers/ClassroomController.php index 0677777..cde813a 100644 --- a/app/Http/Controllers/ClassroomController.php +++ b/app/Http/Controllers/ClassroomController.php @@ -10,6 +10,7 @@ use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\Hash; use Illuminate\Support\Facades\Log; +use Illuminate\Support\Facades\File; class ClassroomController extends Controller { @@ -38,7 +39,7 @@ public function readClassroomsFromDB(){ if (session()->has('login_control')) { if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar $data["classrooms"] = Classroom::getAllClassrooms(); - return view("siniflarimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("classes", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -51,7 +52,22 @@ public function InformationsToOpenUpdatePage($classroomId){ if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar $data["classroom"] = Classroom::getClassroomInId($classroomId); $data["students"] = Student::getStudentInClassroomId($classroomId); - return view("sinif_duzenle", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + if (isset($data["students"])){ + if (is_iterable($data["students"])){ + foreach($data["students"] as $student){ + $imagePath = $student->student_image; + if ($imagePath){ + $student->student_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } else { + $imagePath = $data["students"][0]->student_image; + if ($imagePath){ + $data["students"][0]->student_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } + return view("classEdit", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -66,7 +82,7 @@ public function updateClassroom(Request $request){ $classroom = Classroom::getClassroomInId($request->classroom_id); $classroom->classroom_name = $request->classroom_name; $classroom->save(); - return redirect()->route('get-our-classroom-page'); + return redirect()->route('get-update-classroom-page', ['classroomId' => $request->classroom_id]); } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır diff --git a/app/Http/Controllers/CourseController.php b/app/Http/Controllers/CourseController.php index ed1864a..9116e2e 100644 --- a/app/Http/Controllers/CourseController.php +++ b/app/Http/Controllers/CourseController.php @@ -35,7 +35,7 @@ public function readCoursesFromDB(){ if (session()->has('login_control')) { if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar $data["courses"] = Course::getAllCourses(); - return view("derslerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("courses", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -48,7 +48,7 @@ public function InformationsToOpenUpdatePage($courseId){ if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar $data["course"] = Course::getCourseInId($courseId); $data["teachers"] = Teacher::getTeacherInCourse($courseId); - return view("ders_duzenle", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("courseEdit", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -63,7 +63,7 @@ public function updateCourse(Request $request){ $course = Course::getCourseInId($request->course_id); $course->course_name = $request->course_name; $course->save(); - return redirect()->route('get-our-course-page'); + return redirect()->route('get-update-course-page', ['courseId' => $request->course_id]); } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır @@ -82,7 +82,7 @@ public function deleteCourse($courseId){ Course::deleteCourseInId($courseId); Teacher::doNullCourseColumnInId($courseId); $data["courses"] = Course::getAllCourses(); - return view("derslerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("courses", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır diff --git a/app/Http/Controllers/EventController.php b/app/Http/Controllers/EventController.php new file mode 100644 index 0000000..914d744 --- /dev/null +++ b/app/Http/Controllers/EventController.php @@ -0,0 +1,114 @@ +isMethod('post')) { + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + $event = new Event(); + $event->event_title = $request->event_title; + $event->event_content = $request->event_content; + if ($request->hasFile('event_image')) { + $image = $request->file('event_image'); + $filename = Str::random(40) . '.' . $image->getClientOriginalExtension(); + $path = $image->storeAs('event_images', $filename, 'public'); + $event->event_image = $path; + } + $event->save(); + return redirect()->route('get-our-event-page'); + } + else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); // Daha önce hiç login yapılmamışsa tarayıcı açıldığından beri direkt login sayfasına yönlendir + } + else{ + return redirect()->route('get-our-announcement-page'); + } + } + + public function readEventsFromDB(){ + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + $data["event"] = Event::getAllEvent(); + return view("events", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + } else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); // Daha önce hiç login yapılmamışsa tarayıcı açıldığından beri direkt login sayfasına yönlendir + } + + public function InformationsToOpenUpdatePage($eventId){ + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + $data["event"] = Event::getEventInId($eventId); + $imagePath = $data["event"]->event_image; + if ($imagePath){ + $data["event"]->event_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + return view("eventEdit", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + } else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); + } + + public function updateEvent(Request $request){ + if ($request->isMethod('post')) { + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + $event = Event::getEventInId($request->event_id); + $event->event_title = $request->event_title; + $event->event_content = $request->event_content; + if ($request->hasFile('event_image')) { + $event = Event::getEventInId($request->event_id); + if ($event->event_image){ + Storage::disk('public')->delete($event->event_image); + } + $image = $request->file('event_image'); + $filename = Str::random(40) . '.' . $image->getClientOriginalExtension(); + $path = $image->storeAs('event_images', $filename, 'public'); + $event->event_image = $path; + } + $event->save(); + return redirect()->route('get-update-event-page', ['eventId' => $request->event_id]); + } + else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); // Daha önce hiç login yapılmamışsa tarayıcı açıldığından beri direkt login sayfasına yönlendir + } + else{ + return redirect()->route('get-our-announcement-page'); + } + } + + public function deleteEvent($eventId){ + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + $event = Event::getEventInId($eventId); + if ($event->event_image){ + Storage::disk('public')->delete($event->event_image); + } + Event::deleteEvent($eventId); + return redirect()->route('get-our-event-page'); + } else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); + } +} \ No newline at end of file diff --git a/app/Http/Controllers/GeneralAnnouncementController.php b/app/Http/Controllers/GeneralAnnouncementController.php new file mode 100644 index 0000000..2e4d438 --- /dev/null +++ b/app/Http/Controllers/GeneralAnnouncementController.php @@ -0,0 +1,88 @@ +isMethod('post')) { + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + $announcement = new GeneralAnnouncement(); + $announcement->announcement_title = $request->announcement_title; + $announcement->announcement_content = $request->announcement_content; + $announcement->save(); + return redirect()->route('get-our-announcement-page'); + } + else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); // Daha önce hiç login yapılmamışsa tarayıcı açıldığından beri direkt login sayfasına yönlendir + } + else{ + return redirect()->route('get-our-announcement-page'); + } + } + + public function readAnnouncementsFromDB(){ + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + $data["announcement"] = GeneralAnnouncement::getAllAnnouncement(); + return view("announcements", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + } else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); // Daha önce hiç login yapılmamışsa tarayıcı açıldığından beri direkt login sayfasına yönlendir + } + + public function InformationsToOpenUpdatePage($announcementId){ + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + $data["announcement"] = GeneralAnnouncement::getAnnouncementInId($announcementId); + return view("announcementEdit", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + } else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); + } + + public function updateAnnouncement(Request $request){ + if ($request->isMethod('post')) { + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + $announcement = GeneralAnnouncement::getAnnouncementInId($request->general_announcement_id); + $announcement->announcement_title = $request->announcement_title; + $announcement->announcement_content = $request->announcement_content; + $announcement->save(); + return redirect()->route('get-update-announcement-page', ['announcementId' => $request->general_announcement_id]); + } + else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); // Daha önce hiç login yapılmamışsa tarayıcı açıldığından beri direkt login sayfasına yönlendir + } + else{ + return redirect()->route('get-our-announcement-page'); + } + } + + public function deleteAnnouncement($announcementId){ + if (session()->has('login_control')) { + if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar + GeneralAnnouncement::deleteAnnouncement($announcementId); + return redirect()->route('get-our-announcement-page'); + } else { + return view("index"); // giriş yapılmadıysa login ekranına yollanır + } + } + return view("index"); + } +} diff --git a/app/Http/Controllers/ParentsController.php b/app/Http/Controllers/ParentsController.php index 8553f1d..c2addba 100644 --- a/app/Http/Controllers/ParentsController.php +++ b/app/Http/Controllers/ParentsController.php @@ -46,7 +46,7 @@ public function addNewParentToDB(Request $request) { //databasedeki Parent table $data["students"] = Student::getAllStudents(); $data["parents"] = Parents::getAllParents(); $data["error"] = "Bu username daha önce kullanıldı"; - return view("velilerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("parents", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } } else { @@ -66,7 +66,7 @@ public function readParentsFromDB(){ if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar $data["students"] = Student::getAllStudents(); $data["parents"] = Parents::getAllParents(); - return view("velilerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("parents", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -79,7 +79,7 @@ public function InformationsToOpenUpdatePage($parentId){ if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar $data["parent"] = Parents::getParentWithStudent($parentId); $data["students"] = Parents::studentsDoNotHaveThisParent($parentId); - return view("veli_duzenle", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("parentEdit", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -118,13 +118,13 @@ public function updateParent(Request $request){ $parent_student->save(); } } - return redirect()->route('get-our-parent-page'); + return redirect()->route('get-update-parent-page', ['parentId' => $request->parent_id]); } else{ $data["students"] = Student::getAllStudents(); $data["parents"] = Parents::getAllParents(); $data["error"] = "Bu username daha önce kullanıldı"; - return view("velilerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("parents", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } } else{ @@ -149,7 +149,7 @@ public function updateParent(Request $request){ $parent_student->save(); } } - return redirect()->route('get-our-parent-page'); + return redirect()->route('get-update-parent-page', ['parentId' => $request->parent_id]); } } else { @@ -171,7 +171,7 @@ public function deleteParent($parentId){ $data["students"] = Student::getAllStudents(); $data["parents"] = Parents::getAllParents(); - return view("velilerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("parents", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır diff --git a/app/Http/Controllers/StudentController.php b/app/Http/Controllers/StudentController.php index e420589..2b7d515 100644 --- a/app/Http/Controllers/StudentController.php +++ b/app/Http/Controllers/StudentController.php @@ -10,6 +10,7 @@ use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\Hash; use Illuminate\Support\Facades\Log; +use Illuminate\Support\Facades\File; class StudentController extends Controller { @@ -23,6 +24,7 @@ public function addNewStudentToDB(Request $request) { //databasedeki student tab $student->password = $password; $student->username = $request->username; $student->classroom_id = $request->classroom_id; + $student->student_no = $request->student_no; if (!(Student::searchUserName($request->username))) { // daha önce bu username kullanılmış mı kullanılmamış mı diye kontrol ettim. $student->save(); @@ -32,7 +34,7 @@ public function addNewStudentToDB(Request $request) { //databasedeki student tab $data["classrooms"] = Classroom::getAllClassrooms(); $data["students"] = Student::getAllStudents(); $data["error"] = "Bu username daha önce kullanıldı"; - return view("ogrencilerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("students", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } } else { @@ -52,7 +54,22 @@ public function readStudentsFromDB(){ if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar $data["classrooms"] = Classroom::getAllClassrooms(); $data["students"] = Student::getAllStudents(); - return view("ogrencilerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + if (isset($data["students"])){ + if (is_iterable($data["students"])){ + foreach($data["students"] as $student){ + $imagePath = $student->student_image; + if ($imagePath){ + $student->student_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } else { + $imagePath = $data["students"][0]->student_image; + if ($imagePath){ + $data["students"][0]->student_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } + return view("students", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -65,7 +82,11 @@ public function InformationsToOpenUpdatePage($studentId){ if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar $data["classrooms"] = Classroom::getAllClassrooms(); $data["student"] = Student::getClassroomWithStudent($studentId); - return view("ogrenci_duzenle", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + $imagePath = $data["student"]->student_image; + if ($imagePath){ + $data["student"]->student_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + return view("studentEdit", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -84,21 +105,33 @@ public function updateStudent(Request $request){ $student->name = $request->name; $student->username = $request->username; $student->classroom_id = $request->classroom_id; + $student->student_no = $request->student_no; + if (isset($request->control)){ + if ($request->control){ + $student->student_image = null; + } + } $student->save(); - return redirect()->route('get-our-student-page'); + return redirect()->route('get-update-student-page', ['studentId' => $request->student_id]); } else{ $data["classrooms"] = Classroom::getAllClassrooms(); $data["students"] = Student::getAllStudents(); $data["error"] = "Bu username daha önce kullanıldı"; - return view("ogrencilerimiz", compact("data")); + return view("students", compact("data")); } } else{ $student->name = $request->name; $student->classroom_id = $request->classroom_id; + $student->student_no = $request->student_no; + if (isset($request->control)){ + if ($request->control){ + $student->student_image = null; + } + } $student->save(); - return redirect()->route('get-our-student-page'); + return redirect()->route('get-update-student-page', ['studentId' => $request->student_id]); } } else { @@ -119,7 +152,7 @@ public function deleteStudent($studentId){ ParentStudent::deleteRowsByStudentId($studentId); $data["classrooms"] = Classroom::getAllClassrooms(); $data["students"] = Student::getAllStudents(); - return view("ogrencilerimiz", compact("data")); + return view("students", compact("data")); } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır diff --git a/app/Http/Controllers/TeacherController.php b/app/Http/Controllers/TeacherController.php index 26280a2..7ae741e 100644 --- a/app/Http/Controllers/TeacherController.php +++ b/app/Http/Controllers/TeacherController.php @@ -10,6 +10,7 @@ use Illuminate\Support\Facades\Auth; use Illuminate\Support\Facades\Hash; use Illuminate\Support\Facades\Log; +use Illuminate\Support\Facades\File; class TeacherController extends Controller { @@ -48,7 +49,7 @@ public function addNewTeacherToDB(Request $request) { //databasedeki teacher tab $data["classroom"] = Classroom::getAllClassrooms(); $data["course"] = Course::getAllCourses(); $data["error"] = "Bu username daha önce kullanıldı"; - return view("ogretmenlerimiz", compact("data")); + return view("teachers", compact("data")); } return redirect()->route('get-our-teacher-page'); } @@ -70,8 +71,23 @@ public function readTeachersFromDB(){ $data["classroom"] = Classroom::getAllClassrooms(); $data["course"] = Course::getAllCourses(); $data["teachers"] = Teacher::getAllTeachers(); + if (isset($data["teachers"])){ + if (is_iterable($data["teachers"])){ + foreach($data["teachers"] as $teacher){ + $imagePath = $teacher->teacher_image; + if ($imagePath){ + $teacher->teacher_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } else { + $imagePath = $data["teachers"][0]->teacher_image; + if ($imagePath){ + $data["teachers"][0]->teacher_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } + } + } //dd($data); - return view("ogretmenlerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("teachers", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -85,9 +101,13 @@ public function InformationsToOpenUpdatePage($teacherId){ if (session()->has('login_control')) { if (session('login_control') == 1) { // daha önce login girişi yapıldı mı kontrolü yapar $data["teacher"] = Teacher::getClassroomsWithTeacher($teacherId); + $imagePath = $data["teacher"]->teacher_image; + if ($imagePath){ + $data["teacher"]->teacher_image = base64_encode(File::get(storage_path("app/public/{$imagePath}"))); + } $data["classroom"] = Teacher::classroomsDoNotEnterThisTeacher($teacherId); $data["courses"] = Course::getAllCourses(); - return view("ogretmen_duzenle", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("teacherEdit", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır } @@ -110,6 +130,11 @@ public function updateTeacher(Request $request){ $teacher->username = $request->username; $teacher->phone = $request->phone; $teacher->course_id = $request->course_id; + if (isset($request->control)){ + if ($request->control){ + $teacher->teacher_image = null; + } + } $teacher->save(); if (isset($request->classroom_id)){ @@ -128,14 +153,14 @@ public function updateTeacher(Request $request){ $teacher_classroom->save(); } } - return redirect()->route('get-our-teacher-page'); + return redirect()->route('get-update-teacher-page', ['teacherId' => $request->teacher_id]); } else{ $data["teachers"] = Teacher::getAllTeachers(); $data["classroom"] = Classroom::getAllClassrooms(); $data["course"] = Course::getAllCourses(); $data["error"] = "Bu username daha önce kullanıldı"; - return view("ogretmenlerimiz", compact("data")); + return view("teachers", compact("data")); } } else{//Eğer güncelleme yaparken username değiştirilmemişse @@ -144,6 +169,11 @@ public function updateTeacher(Request $request){ $teacher->name = $request->name; $teacher->phone = $request->phone; $teacher->course_id = $request->course_id; + if (isset($request->control)){ + if ($request->control){ + $teacher->teacher_image = null; + } + } $teacher->save(); if (isset($request->classroom_id)){ @@ -161,7 +191,7 @@ public function updateTeacher(Request $request){ $teacher_classroom->save(); } } - return redirect()->route('get-our-teacher-page'); + return redirect()->route('get-update-teacher-page', ['teacherId' => $request->teacher_id]); } } else { @@ -184,7 +214,7 @@ public function deleteteTeacher($teacherId){ $data["teachers"] = Teacher::getAllTeachers(); $data["classroom"] = Classroom::getAllClassrooms(); $data["course"] = Course::getAllCourses(); - return view("ogretmenlerimiz", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum + return view("teachers", compact("data")); // !!!buraya yazılmış olan blade in adı girilecek şuan öylesine koydum } else { return view("index"); // giriş yapılmadıysa login ekranına yollanır diff --git a/app/Models/Classroom.php b/app/Models/Classroom.php index 5ca2195..165e9a7 100644 --- a/app/Models/Classroom.php +++ b/app/Models/Classroom.php @@ -12,7 +12,7 @@ class Classroom extends Model protected $primaryKey = 'classroom_id'; public static function getAllClassrooms(){ - return classroom::all(); + return classroom::orderBy('classroom_name')->get(); } public static function getClassroomInId($classroomId){ diff --git a/app/Models/ClassroomAnnouncement.php b/app/Models/ClassroomAnnouncement.php new file mode 100644 index 0000000..8514ec6 --- /dev/null +++ b/app/Models/ClassroomAnnouncement.php @@ -0,0 +1,37 @@ +belongsTo(Teacher::class, 'teacher_id', 'teacher_id')->with('classrooms', 'course'); + } + + public static function getAnnouncementInId($classroomAnnouncementId){ + return ClassroomAnnouncement::where("classroom_announcement_id", $classroomAnnouncementId)->first(); + } + + public static function getAnnouncementInClassroom($classroomId){ + return ClassroomAnnouncement::where("classroom_id", $classroomId)->with('teacher')->get(); + } + + public static function getLastAnnouncementByClassroomId($classroomId){ + return ClassroomAnnouncement::where('classroom_id', $classroomId)->orderByDesc('created_at')->first(); + } + + public static function deleteAnnouncementInId($classroomAnnouncementId){ + ClassroomAnnouncement::where("classroom_announcement_id", $classroomAnnouncementId)->delete(); + } +} \ No newline at end of file diff --git a/app/Models/Course.php b/app/Models/Course.php index 8deb218..1b01bad 100644 --- a/app/Models/Course.php +++ b/app/Models/Course.php @@ -12,7 +12,7 @@ class Course extends Model protected $primaryKey = 'course_id'; public static function getAllCourses(){ - return course::all(); + return course::orderBy('course_name')->get(); } public static function getCourseInId($courseId){ diff --git a/app/Models/Event.php b/app/Models/Event.php new file mode 100644 index 0000000..29a03c3 --- /dev/null +++ b/app/Models/Event.php @@ -0,0 +1,30 @@ +count(); + return ($recordCount < 10) ? Event::get() : Event::latest()->take(10)->get(); + } + + public static function getEventInId($eventId){ + return Event::where("event_id", $eventId)->first(); + } + + public static function deleteEvent($eventId){ + return Event::where("event_id", $eventId)->delete(); + } +} \ No newline at end of file diff --git a/app/Models/GeneralAnnouncement.php b/app/Models/GeneralAnnouncement.php new file mode 100644 index 0000000..5adf70c --- /dev/null +++ b/app/Models/GeneralAnnouncement.php @@ -0,0 +1,30 @@ +count(); + return ($recordCount < 10) ? GeneralAnnouncement::get() : GeneralAnnouncement::latest()->take(10)->get(); + } + + public static function getAnnouncementInId($announcementId){ + return GeneralAnnouncement::where("general_announcement_id", $announcementId)->first(); + } + + public static function deleteAnnouncement($announcementId){ + return GeneralAnnouncement::where("general_announcement_id", $announcementId)->delete(); + } +} \ No newline at end of file diff --git a/app/Models/Homework.php b/app/Models/Homework.php new file mode 100644 index 0000000..9bc154e --- /dev/null +++ b/app/Models/Homework.php @@ -0,0 +1,64 @@ +hasMany(HomeworkResult::class, 'homework_id'); + } + + public function teacher(){ + return $this->belongsTo(Teacher::class, 'teacher_id', 'teacher_id')->with('classrooms', 'course'); + } + + public static function getHomeworkInHomeworkId($homeworkId){ + return Homework::where("homework_id", $homeworkId)->first(); + } + + public static function getHomeworksInClassroomId($classroomId){ + return Homework::where("classroom_id", $classroomId)->get(); + } + + public static function getHomeworksWithResultsInId($classroomId){ + return Homework::where("classroom_id", $classroomId)->with('results')->with('teacher')->get(); + } + + public static function getHomeworksWithResults(){ + return Homework::with('results')->get(); + } + + public static function getHomeworkWithResultsInId($studentId, $classroomId){ + $assignments = Homework::where('classroom_id', $classroomId)->with('teacher')->get(); + if ($studentId !== null) { + $assignments->load(['results' => function ($query) use ($studentId) { + $query->where('student_id', $studentId); + }]); + } + return $assignments; + } + + public static function getHomeworkInId($homeworkId){ + return homework::where("homework_id", $homeworkId)->first(); + } + + public static function getLastHomeworkByClassroomId($classroomId){ + return homework::where('classroom_id', $classroomId)->orderByDesc('created_at')->first(); + } + + public static function deleteHomeworkInId($homeworkId){ + homework::where("homework_id", $homeworkId)->delete(); + HomeworkResult::where('homework_id', $homeworkId)->delete(); + } +} \ No newline at end of file diff --git a/app/Models/HomeworkResult.php b/app/Models/HomeworkResult.php new file mode 100644 index 0000000..557dbdc --- /dev/null +++ b/app/Models/HomeworkResult.php @@ -0,0 +1,29 @@ +belongsTo(Student::class, 'student_id', 'student_id')->with('classroom'); + } + + public static function getHomeworkResultInId($homework_result_id){ + return HomeworkResult::where('homework_result_id', $homework_result_id)->first(); + } + + public static function getHomeworkResult($homeworkId, $studentId) { + return HomeworkResult::where('homework_id', $homeworkId)->where('student_id', $studentId)->first(); + } +} \ No newline at end of file diff --git a/app/Models/Parents.php b/app/Models/Parents.php index 1193577..5759243 100644 --- a/app/Models/Parents.php +++ b/app/Models/Parents.php @@ -12,11 +12,11 @@ class Parents extends Model protected $primaryKey = 'parent_id'; public static function getAllParents(){ - return Parents::all(); + return Parents::orderBy('name')->get(); } public function students() { - return $this->belongsToMany(Student::class, 'parent_student', 'parent_id', 'student_id'); + return $this->belongsToMany(Student::class, 'parent_student', 'parent_id', 'student_id')->with('classroom'); } public static function studentsDoNotHaveThisParent($parentId){ @@ -25,10 +25,22 @@ public static function studentsDoNotHaveThisParent($parentId){ return Student::whereNotIn('student_id', $parentStudent)->get(); } + public static function getStudentsByParentId($parentId){ + $parent = Parents::where("parent_id", $parentId)->first(); + if ($parent) { + return $parent->students; + } + return null; + } + public static function getParentWithStudent($parentId){ return Parents::with('students')->where("parent_id", $parentId)->first(); } + public static function getParentsWithStudents(){ + return Parents::with('students')->get(); + } + public static function getParentInId($parentId){ return Parents::where("parent_id", $parentId)->first(); } diff --git a/app/Models/Student.php b/app/Models/Student.php index 985f5cb..e557e9b 100644 --- a/app/Models/Student.php +++ b/app/Models/Student.php @@ -12,7 +12,7 @@ class Student extends Model protected $primaryKey = 'student_id'; public static function getAllStudents(){ - return student::all(); + return student::orderBy('name')->get(); } public function classroom() { @@ -23,6 +23,10 @@ public static function getClassroomWithStudent($studentId){ return student::with('classroom')->where("student_id", $studentId)->first(); } + public static function getClassroomWithStudents(){ + return student::with('classroom')->get(); + } + public static function getStudentInId($studentId){ return student::where("student_id", $studentId)->first(); } diff --git a/app/Models/Teacher.php b/app/Models/Teacher.php index 58ebbf3..2b776bf 100644 --- a/app/Models/Teacher.php +++ b/app/Models/Teacher.php @@ -12,7 +12,7 @@ class Teacher extends Model protected $primaryKey = 'teacher_id'; public static function getAllTeachers(){ - return teacher::all(); + return teacher::orderBy('name')->get(); } public function classrooms() { @@ -34,6 +34,14 @@ public static function getTeacher($teacherId){ return teacher::where("teacher_id", $teacherId)->first(); } + public static function getClassroomsByTeacherId($teacherId){ + $teacher = Teacher::where("teacher_id", $teacherId)->first(); + if ($teacher){ + return $teacher->classrooms; + } + return null; + } + public static function getTeacherInCourse($courseId){ return teacher::where("course_id", $courseId)->get(); } @@ -42,6 +50,10 @@ public static function getClassroomsWithTeacher($teacherId){ return teacher::with(['classrooms', 'course'])->where("teacher_id", $teacherId)->first(); } + public static function getTeachersWithClassroomsAndCourse(){ + return teacher::with(['classrooms', 'course'])->get(); + } + public static function searchUserName($username){ return teacher::where('username', $username)->exists(); } diff --git a/config/database.php b/config/database.php index 137ad18..d01cd19 100644 --- a/config/database.php +++ b/config/database.php @@ -48,8 +48,8 @@ 'url' => env('DATABASE_URL'), 'host' => env('DB_HOST', '127.0.0.1'), 'port' => env('DB_PORT', '3306'), - 'database' => env('DB_DATABASE', 'forge'), - 'username' => env('DB_USERNAME', 'forge'), + 'database' => env('DB_DATABASE', 'schoolproject'), + 'username' => env('DB_USERNAME', 'root'), 'password' => env('DB_PASSWORD', ''), 'unix_socket' => env('DB_SOCKET', ''), 'charset' => 'utf8mb4', diff --git a/public/css/announcementAdd.css b/public/css/announcementAdd.css new file mode 100644 index 0000000..0c6270f --- /dev/null +++ b/public/css/announcementAdd.css @@ -0,0 +1,220 @@ +.contentbox{ + display: flex; + width: 25rem; + height: 18rem; + border-radius: 6px; + background-color: #F5F4F6; + border: solid white 1px; + max-width: 27.2rem; + margin-left: 0.5rem; +} + +.bigbox { + + overflow: auto; + position: relative; + background-color: #DFDFDF; + width: auto; + height: auto; + border-radius: 8px; + border: solid black 1px; +} + +.row { + margin-top: 0.5rem; +} + +.col-sm { + margin-left: 0.5rem; + max-width: 15rem; +} + +.buttondiv { + + display: flex; + justify-content: center; + align-items: center; + gap: 5rem; + margin: 1rem; +} + +.childbox { + display: flex; + width: 12rem; + height: 4.5rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + border: solid white 1px; + justify-content: center; + align-items: center; +} + +.centeritems { + display: flex; + justify-content: center; + /* Horizontal centering */ + /* Vertical centering */ + align-items: center; + margin: 0; +} + +.modal { + display: none; + position: fixed; + z-index: 50; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.modal-content { + left: 1%; + top: 15%; + position: relative; + background-color: #fefefe; + margin: auto; + padding: 0; + border-radius: 8px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + -webkit-animation-name: animatetop; + -webkit-animation-duration: 0.4s; + animation-name: animatetop; + animation-duration: 0.4s; + width: 30rem; + min-width: 266px; + height: auto; +} + +.modal-header { + padding: 2px 16px; + color: black; +} + +.modal-body { + padding: 2px 16px; + overflow-y: hidden; +} + +@-webkit-keyframes animatetop { + from { + top: 15%; + opacity: 0 + } + + to { + top: 0; + opacity: 1 + } +} + +@keyframes animatetop { + from { + top: 0; + opacity: 0; + } + + to { + top: 15%; + opacity: 1; + } +} + + +.close { + color: black; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + + + + + + + +@media (min-width: 500px) and (max-width: 576px) { + + + .contentbox{ + max-width: 24.5rem; + } + #overlaycontent{ + margin-left: 4%; + } + + .buttondiv { + margin-left: -1rem; + } +} + +@media (min-width:360px) and (max-width: 500px) { + + .modal-content { + width: 100%; + left: 0; + top: 15%; + margin: 0; + padding: 0; + height: auto; + } + + + .childbox { + max-width: 45%; + height: 4rem; + } + + + #overlaycontent{ + margin-left: 3%; + } + .contentbox{ + max-width: clamp( 85%,24.5rem,92%); + font-size: 14px; + } + .buttondiv{ + margin-left: -0.5rem; + } +} + +@media (max-width:360px) { + .modal-content { + width: 100%; + left: 0; + top: 15%; + margin: 0; + padding: 0; + height: auto; + } + + + .childbox { + max-width: 45%; + height: 4rem; + } + + .buttondiv { + gap: 1rem; + } + + .contentbox{ + max-width: 92%; + font-size: 13px; + } + +} + + diff --git a/public/css/announcementEdit.css b/public/css/announcementEdit.css new file mode 100644 index 0000000..87d8dc6 --- /dev/null +++ b/public/css/announcementEdit.css @@ -0,0 +1,342 @@ +body, +html { + + background: #c4c4c4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; +} + +/* Style for input fields */ +textarea { + font-size: 17px; + font-weight: 600; +} + +input[type="text"] { + font-size: 30px; + font-weight: 700; + font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; + font-style: italic; +} + +input[type="text"]::placeholder, +textarea::placeholder { + color: #999595; + /* Adjust placeholder text color */ +} + +.centerEdit { + display: flex; + justify-content: center; + height: 100vh; +} + +.edit { + overflow: auto; + width: 60%; + height: 35rem; + top: calc((100vh - 80%) / 2); + border-radius: 8px; + background-color: #3b6653; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + display: block; + position: relative; +} + + +.row { + margin-top: 0.5rem; +} + +.row1 { + margin-top: 1.5rem; +} + +#actualline { + width: 99.5%; + margin: 1rem; + margin-left: -0.000000001px; +} + +.INPUT { + + margin: 1rem; + margin-top: -0.5rem; + margin-bottom: 0; + height: 4rem; + width: 100%; + align-items: center; + border-radius: 8px; + background: #F5F4F6; + text-align: center; + font-size: 24px; + +} + +.INPUT2 { + margin: 1rem; + margin-top: 0; + height: 20rem; + width: 100%; + border-radius: 8px; + background: #F5F4F6; +} + +#regdiv { + margin-top: 1rem; + height: 4rem; + text-align: center; +} + +.reg { + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + background: #F5F4F6; + height: 3rem; +} + +.regdesign2 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + + +.regdesign3 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + +.regdesign3:hover { + color: white; + background-color: #f44336; +} + +.regdesign2:hover { + color: white; + background-color: #4CAF50; +} + +::-webkit-scrollbar { + width: 6px; + height: 8px; + /* Width of the scrollbar */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 4px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 4px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #F5F4F6; + /* Color of the scrollbar track */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #F5F4F6; + /* Color of the space after the scrollbar handle */ + border-radius: 4px; +} + +#backbutton1 { + position: relative; + z-index: 15; + margin-bottom: -1rem; +} + +/* Style for the modal */ +.modal_2 { + display: none; + position: fixed; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-content_2 { + background-color: white; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + text-align: center; + border-radius: 5px; +} + +/* Style for buttons inside the modal */ +#confirmationModal button { + padding: 10px 20px; + margin: 10px; + border-radius: 5px; + cursor: pointer; +} + +#confirmYes { + background-color: #4CAF50; + color: white; + border: none; +} + +#confirmNo { + background-color: #f44336; + color: white; + border: none; +} + + + + +@media (min-width: 576px) and (max-width: 768px) { + #mainbox { + width: 70%; + left: 2rem; + height: 37rem; + top: calc((100vh - 37rem) / 2); + } + + .reg { + margin: 0.3rem; + max-width: 15rem; + margin-left: calc((100% - 15rem) / 2); + } + + #regdiv { + margin-top: 0; + } +} + +@media (min-width: 768px) and (max-width: 1057px) { + + #mainbox { + width: 70%; + } + + .regdesign2, + .regdesign3 { + font-size: 12px; + } + + +} + + +@media (min-width: 768px) and (max-width: 768px) { + + #mainbox { + width: 86%; + } + + .col-md-1 { + display: block; + } + + .col-md-2 { + display: none; + } + + #regdiv { + margin-top: 0.5rem; + } + + .reg { + margin: 0.7rem; + } + +} + +@media (max-width: 500px) { + + .edit { + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + .INPUT2 { + font-size: 14px; + } + + #mainbox { + text-align: center; + margin-top: 2rem; + width: 100%; + height: calc(100% - 2rem); + border-radius: 0; + box-shadow: none; + border: none; + } + #regdiv{ + padding-bottom: 8rem; + } + #backbutton1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + .reg { + margin: 0.3rem; + max-width: 12rem; + margin-left: calc((100% - 12rem) / 2); + } + + #regdiv { + margin-top: 0; + } + + input[type="text"] { + font-size: 24px; + } +} + +@media (min-width: 501px) and (max-width: 576px) { + #mainbox { + width: 70%; + left: 2rem; + height: 37rem; + top: calc((100vh - 37rem) / 2); + } + + .reg { + margin: 0.3rem; + max-width: 15rem; + margin-left: calc((100% - 15rem) / 2); + } + + #regdiv { + margin-top: 0; + } +} \ No newline at end of file diff --git a/public/css/announcements.css b/public/css/announcements.css new file mode 100644 index 0000000..90da05f --- /dev/null +++ b/public/css/announcements.css @@ -0,0 +1,180 @@ +body, +html { + background-color: #C4C4C4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; +} + +.buttondiv1 { + text-align: center; + margin: 1rem; +} + +.center { + display: flex; + justify-content: center; + height: 100vh; +} +#bar{ + margin-left: 0.5%; +} + +.Announcements { + + overflow: auto; + display: block; + position: relative; + width: 37%; + min-width: 24rem; + top: 2%; + height: clamp(42rem,96%,86rem); + border-radius: 5px; + border: 1px solid #000; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + background-color: #3b6653; +} + + +.listitems { + background: #3b6653; + width: 92%; + margin-left: 4%; + height: 93%; +} + +.listitems2 { + overflow: auto; + height: 85%; +} + +.announcementline { + display: flex; + border-radius: 5px; + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 21rem; + max-height: 4rem; + background-color: white; + align-items: center; + justify-content: center; + +} + + +.announcementlinetext { + padding: 1%; + margin-left: 5%; + display: inline-block; + text-align: center; + border: 1px solid black; + border-radius: 5px; + width: 90%; + height: 2.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow:ellipsis; +} + +.line:link, +.line:visited { + background-color: white; + color: black; + border: 2px solid #5a906f; + padding: 10px 20px; + text-decoration: none; + display: inline-block; +} + +.line:hover, +.line:active { + background-color: #5a906f; + color: white; +} + +::-webkit-scrollbar { + width: 8px; + /* Width of the scrollbar */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 5px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 5px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #f1f1f1; + /* Color of the scrollbar track */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #ddd; + /* Color of the space after the scrollbar handle */ + border-radius: 5px; +} + +.error { + color: red; + font: bold; +} + +@media (max-width: 500px) { + .listitems { + height: 75%; + } + .Announcements { + width: 100%; + top: 3rem; + height: calc(100vh - 3rem); + border: #888; + border-radius: 0; + min-width: 16rem; + text-align: center; + } + .center{ + overflow-x: hidden; + } + + .announcementline { + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 210px; + } + + .announcementlinetext { + margin-left: 5%; + padding: 1%; + height: 9%; + } + .student-names{ + font-size: 12px; + } + + #bar{ + margin-left: 1%; + } +} + +@media (min-width: 500.1px) and (max-width: 1100px) { + + .Announcements { + margin-left: 3rem; + } + +} \ No newline at end of file diff --git a/public/css/classAdd.css b/public/css/classAdd.css new file mode 100644 index 0000000..16871ed --- /dev/null +++ b/public/css/classAdd.css @@ -0,0 +1,184 @@ +.bigbox { + + overflow: auto; + position: relative; + background-color: #DFDFDF; + width: auto; + height: auto; + border-radius: 8px; + border: solid black 1px; +} + +.row { + margin-top: 0.5rem; +} + +.col-sm { + margin-left: 0.5rem; + max-width: 15rem; +} + +.buttondiv { + + display: flex; + justify-content: center; + align-items: center; + gap: 5rem; + margin: 1rem; +} + +.childbox { + display: flex; + width: 12rem; + height: 4.5rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + border: solid white 1px; + justify-content: center; + align-items: center; +} + + +.centeritems { + display: grid; + justify-content: center; + /* Horizontal centering */ + /* Vertical centering */ + align-items: center; + margin: 0; +} + +.modal { + display: none; + position: fixed; + z-index: 50; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.modal-content { + left: 1%; + top: 35%; + position: relative; + background-color: #fefefe; + margin: auto; + padding: 0; + border-radius: 8px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + -webkit-animation-name: animatetop; + -webkit-animation-duration: 0.4s; + animation-name: animatetop; + animation-duration: 0.4s; + width: 30rem; + min-width: 266px; + height: auto; +} + +.modal-header { + padding: 2px 16px; + color: black; +} + +.modal-body { + padding: 2px 16px; + overflow-y: hidden; +} + +@-webkit-keyframes animatetop { + from { + top: 35%; + opacity: 0 + } + + to { + top: 0; + opacity: 1 + } +} + +@keyframes animatetop { + from { + top: 0; + opacity: 0; + } + + to { + top: 35%; + opacity: 1; + } +} + + +.close { + color: black; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + + + +@media (max-width: 500px) { + + .modal-content { + width: 100%; + left: 0; + top: 35%; + margin: 0; + padding: 0; + height: auto; + } + + .bigbox { + width: 100%; + height: auto; + } + + .row { + margin-top: 0.3rem; + } + + .col-sm { + margin-left: 0.2rem; + max-width: 10rem; + } +} + + +@media (max-width: 360px) { + + .childbox { + width: 8rem; + height: 4rem; + } + + .buttondiv { + gap: 2rem; + } +} + +@media (max-width: 300px) { + + .childbox { + width: 7rem; + height: 4rem; + } + + .buttondiv { + gap: 1rem; + } + +} \ No newline at end of file diff --git a/public/css/classEdit.css b/public/css/classEdit.css new file mode 100644 index 0000000..34223b3 --- /dev/null +++ b/public/css/classEdit.css @@ -0,0 +1,559 @@ +body, +html { + + background: #c4c4c4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; +} + +.centerEdit { + display: flex; + justify-content: center; + height: 100vh; +} + +.edit { + overflow: auto; + width: 80%; + height: 42rem; + top: calc((100vh - 95%) / 2); + border-radius: 8px; + background-color: #3b6653; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + display: block; + position: relative; +} + + +.row { + margin-top: 0.5rem; +} + +.row1 { + margin-top: 1.5rem; +} + +#actualline { + width: 99.5%; + margin: 1rem; + margin-left: -0.000000001px; +} + +.INPUT { + + margin: 1rem; + margin-top: -0.5rem; + margin-bottom: 0; + height: 4rem; + width: 95%; + align-items: center; + border-radius: 8px; + background: #F5F4F6; + text-align: center; + font-size: 30px; + font-weight: 700; + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; +} + +.INPUT2 { + border-radius: 5px; + margin: 1rem; + margin-top: 0; + background: white; + display: flex; + justify-content: center; + align-items: center; + overflow: auto; + max-height: 32rem; +} + +.card { + margin: 0.5rem; + width: 12rem; + height: 16rem; + border: solid 0.5px gray; +} + +.card-body { + font-size: 1rem; + /* Adjust font size */ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* Other body styles */ + text-align: center; + color: black; + font-size: 18px; +} + +a:hover, +a:hover .card-body { + text-decoration: none; + color: blue; +} + +.card-body { + /* Default color for card-body */ + color: black; +} + +#regdiv { + margin-top: 1rem; + height: 4rem; + text-align: center; +} + +.reg { + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + background: #F5F4F6; + height: 3rem; + min-width: 4.5rem; +} + +.regdesign2 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + + +.regdesign3 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + +.regdesign3:hover { + color: white; + background-color: #f44336; +} + +.regdesign2:hover { + color: white; + background-color: #4CAF50; +} + +::-webkit-scrollbar { + width: 6px; + height: 8px; + /* Width of the scrollbar */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 4px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 4px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #F5F4F6; + /* Color of the scrollbar track */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #F5F4F6; + /* Color of the space after the scrollbar handle */ + border-radius: 4px; +} + +#backbutton1 { + position: relative; + z-index: 15; + margin-bottom: -2rem; +} + +/* Style for the modal */ +.modal_2 { + display: none; + position: fixed; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-content_2 { + background-color: white; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + text-align: center; + border-radius: 5px; +} + +/* Style for buttons inside the modal */ +#confirmationModal button { + padding: 10px 20px; + margin: 10px; + border-radius: 5px; + cursor: pointer; +} + +#confirmYes { + background-color: #4CAF50; + color: white; + border: none; +} + +#confirmNo { + background-color: #f44336; + color: white; + border: none; +} + + + + + +@media (min-width: 768px) and (max-width: 1246px) { + + + .regdesign2, + .regdesign3 { + font-size: 10px; + } + +} + +@media (min-width: 576px) and (max-width: 768px) { + #mainbox { + left: 2rem; + } + + .regdesign2, + .regdesign3 { + font-size: 10px; + } + + .reg { + margin-left: -1.2rem; + height: 3.5rem; + } + + .INPUT { + margin-left: calc((100% - 98%) / 2); + } + +} + +.student-img { + max-width: 12rem; + height: 12rem; +} + +.card { + text-decoration: none; + display: inline-block; +} + +#row2 { + margin: 1rem; +} + +#before { + display: block; +} + +#after { + display: none; +} + +@media (min-width: 501px) and (max-width: 576px) { + #mainbox { + left: 2rem; + } + + #before { + display: none; + } + + #after { + display: block; + } + + #row2 { + margin: 0; + margin-left: -0.5rem; + } + + .col-sm-2 { + max-width: 45%; + margin-left: 1rem; + margin-top: 0.5rem; + } + + #backbutton1 { + position: relative; + z-index: 15; + margin-bottom: -1rem; + } + +} + + +@media (min-width:371px) and (max-width: 500px) { + + .edit { + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + .INPUT2 { + margin: 0; + max-height: 65vh; + } + + .card { + max-width: 8rem; + max-height: 12rem; + } + + .student-img { + height: 8rem; + } + + #mainbox { + text-align: center; + margin-top: 3rem; + width: 100%; + height: calc(100% - 3rem); + border-radius: 0; + box-shadow: none; + border: none; + } + + .regdesign2, + .regdesign3 { + font-size: 12px; + } + + #backbutton1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + + #before { + display: none; + } + + #after { + display: block; + } + + #row2 { + margin: 0; + margin-left: -0.5rem; + } + + .col-sm-2 { + max-width: 45%; + margin-left: 0.9rem; + margin-top: 0.5rem; + } + + .col-sm-8 { + margin-left: -0.2rem; + } + +} + + +@media (min-width:320px) and (max-width: 370px) { + + .edit { + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + .INPUT2 { + margin: 0; + } + + .card { + max-width: 8rem; + max-height: 12rem; + } + + .student-img { + height: 8rem; + } + + #mainbox { + text-align: center; + margin-top: 3rem; + width: 100%; + height: calc(100% - 3rem); + border-radius: 0; + box-shadow: none; + border: none; + } + + .regdesign2, + .regdesign3 { + font-size: 12px; + } + + #backbutton1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + + #before { + display: none; + } + + #after { + display: block; + } + + #row2 { + margin: 0; + margin-left: -0.5rem; + } + + .col-sm-2 { + max-width: 45%; + margin-top: 0.5rem; + margin-left: calc((100% - 90%) / 2); + } + .col-sm-8 { + margin-left: calc(-1%); + } + .regdesign2, + .regdesign3 { + font-size: 11px; + } +} + + +@media (max-width: 320px){ + + .edit { + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + + .card { + max-width: 8rem; + max-height: 12rem; + } + + .student-img { + height: 8rem; + } + + #mainbox { + text-align: center; + margin-top: 3rem; + width: 100%; + height: calc(100% - 3rem); + border-radius: 0; + box-shadow: none; + border: none; + } + + .regdesign2, + .regdesign3 { + font-size: 12px; + } + + #backbutton1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + + #before { + display: none; + } + + #after { + display: block; + } + + #row2 { + margin: 0; + margin-left: -0.5rem; + } + + .col-sm-2 { + max-width: 45%; + margin-top: 0.5rem; + margin-left: calc((100% - 90%) / 2); + } + .col-sm-8 { + margin-left: calc(-2%); + } + + .INPUT { + margin: 1rem; + margin-bottom: 0; + min-width: 10.5rem; + } + + .regdesign2, + .regdesign3 { + font-size: 11px; + } +} + +@media (max-width: 348px){ + + .student-img { + max-width: 100%; + height: 12rem; + } + .card{ + max-width: 15rem; + min-height: 16rem; + } + +} \ No newline at end of file diff --git a/public/css/classes.css b/public/css/classes.css new file mode 100644 index 0000000..e2f106b --- /dev/null +++ b/public/css/classes.css @@ -0,0 +1,185 @@ +body, +html { + background-color: #C4C4C4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; + +} + +.buttondiv1 { + + text-align: center; + margin: 1rem; + +} +#bar{ + margin-left: 0.5%; +} +.center { + display: flex; + justify-content: center; + height: 100vh; +} + +.Classes { + + overflow: auto; + display: block; + position: relative; + width: 37%; + min-width: 24rem; + top: 2%; + height: clamp(42rem,96%,86rem); + border-radius: 5px; + border: 1px solid #000; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + background-color: #3b6653; +} + + +.listitems { + background: #3b6653; + width: 92%; + margin-left: 4%; + height: 93%; +} + +.listitems2 { + overflow: auto; + height: 85%; +} + +.classline { + display: flex; + border-radius: 5px; + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 21rem; + max-height: 4rem; + background-color: white; + align-items: center; + justify-content: center; +} + + +.classlinetext { + padding: 1%; + margin-left: 5%; + display: inline-block; + text-align: center; + border: 1px solid black; + border-radius: 5px; + width: 90%; + height: 2.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.line:link, +.line:visited { + background-color: white; + color: black; + border: 2px solid #5a906f; + padding: 10px 20px; + text-decoration: none; + display: inline-block; +} + +.line:hover, +.line:active { + background-color: #5a906f; + color: white; +} + +::-webkit-scrollbar { + width: 8px; + /* Width of the scrollbar */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 5px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 5px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #f1f1f1; + /* Color of the scrollbar track */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #ddd; + /* Color of the space after the scrollbar handle */ + border-radius: 5px; +} + +.error { + color: red; + font: bold; +} + +@media (max-width: 500px) { + .listitems { + height: 75%; + } + .Classes { + width: 100%; + top: 3rem; + height: calc(100vh - 3rem); + border: #888; + border-radius: 0; + min-width: 16rem; + text-align: center; + + } + #bar{ + margin-left: 1%; + } + + .center{ + overflow-x: hidden; + } + + .classline { + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 210px; + } + + .classlinetext { + margin-left: 5%; + padding: 1%; + height: 9%; + } + .student-names{ + font-size: 12px; + } +} + +@media (min-width: 500.1px) and (max-width: 1100px) { + + .Classes { + + margin-left: 3rem; + + } + + +} \ No newline at end of file diff --git a/public/css/courseAdd.css b/public/css/courseAdd.css new file mode 100644 index 0000000..8eaa1b8 --- /dev/null +++ b/public/css/courseAdd.css @@ -0,0 +1,183 @@ +.bigbox { + + overflow: auto; + position: relative; + background-color: #DFDFDF; + width: auto; + height: auto; + border-radius: 8px; + border: solid black 1px; +} + +.row { + margin-top: 0.5rem; +} + +.col-sm { + margin-left: 0.5rem; + max-width: 15rem; +} + +.buttondiv { + + display: flex; + justify-content: center; + align-items: center; + gap: 5rem; + margin: 1rem; +} + +.childbox { + display: flex; + width: 12rem; + height: 4.5rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + border: solid white 1px; + justify-content: center; + align-items: center; +} + +.centeritems { + display: grid; + justify-content: center; + /* Horizontal centering */ + /* Vertical centering */ + align-items: center; + margin: 0; +} + +.modal { + display: none; + position: fixed; + z-index: 50; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.modal-content { + left: 1%; + top: 35%; + position: relative; + background-color: #fefefe; + margin: auto; + padding: 0; + border-radius: 8px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + -webkit-animation-name: animatetop; + -webkit-animation-duration: 0.4s; + animation-name: animatetop; + animation-duration: 0.4s; + width: 30rem; + min-width: 266px; + height: auto; +} + +.modal-header { + padding: 2px 16px; + color: black; +} + +.modal-body { + padding: 2px 16px; + overflow-y: hidden; +} + +@-webkit-keyframes animatetop { + from { + top: 35%; + opacity: 0 + } + + to { + top: 0; + opacity: 1 + } +} + +@keyframes animatetop { + from { + top: 0; + opacity: 0; + } + + to { + top: 35%; + opacity: 1; + } +} + + +.close { + color: black; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + + + +@media (max-width: 500px) { + + .modal-content { + width: 100%; + left: 0; + top: 35%; + margin: 0; + padding: 0; + height: auto; + } + + .bigbox { + width: 100%; + height: auto; + } + + .row { + margin-top: 0.3rem; + } + + .col-sm { + margin-left: 0.2rem; + max-width: 10rem; + } +} + + +@media (max-width: 360px) { + + .childbox { + width: 8rem; + height: 4rem; + } + + .buttondiv { + gap: 2rem; + } +} + +@media (max-width: 300px) { + + .childbox { + width: 7rem; + height: 4rem; + } + + .buttondiv { + gap: 1rem; + } + +} \ No newline at end of file diff --git a/public/css/courseEdit.css b/public/css/courseEdit.css new file mode 100644 index 0000000..49a6e66 --- /dev/null +++ b/public/css/courseEdit.css @@ -0,0 +1,496 @@ +body, +html { + + background: #c4c4c4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; +} + +.centerEdit { + display: flex; + justify-content: center; + height: 100vh; +} + +.edit { + overflow: auto; + width: 60%; + height: 19rem; + top: calc((100vh - 50%) / 2); + border-radius: 8px; + background-color: #3b6653; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + display: block; + position: relative; + +} + + +.row { + height: 5rem; + margin-top: 0.5rem; +} + +.col-sm-7 { + margin-left: 0.5rem; +} + +.row_1 { + margin-top: 1.5rem; + margin-left: 5%; +} + +.col-sm { + margin-left: 2.4rem; +} + +.LABEL { + display: flex; + border-radius: 8px; + background: #F5F4F6; + align-items: center; + justify-content: center; + +} + +.INPUT { + align-items: center; + border-radius: 8px; + background: #F5F4F6; + text-align: center; +} + +.INPUT2 { + display: block; + border-radius: 8px; + background: #F5F4F6; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; + text-align: center; +} + + +#regdiv { + margin-top: 1rem; + height: 4rem; + text-align: center; +} + +.reg { + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + background: #F5F4F6; + height: 3rem; +} + +.regdesign2 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + + +.regdesign3 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + +.regdesign3:hover { + color: white; + background-color: #f44336; +} + +.regdesign2:hover { + color: white; + background-color: #4CAF50; +} + +.minibox2 { + + display: inline-block; + text-align: center; + height: 3rem; + margin: 0.5rem; + margin-top: 1rem; + padding: 10px 5px 10px 12px; + border-radius: 5px; + border: 1px solid #000; + text-decoration: none; + color: #000; + background: #E8D5B9; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.minibox2:hover{ + text-decoration: none; +} + + + +::-webkit-scrollbar { + width: 6px; + height: 8px; + /* Width of the scrollbar */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 4px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 4px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #F5F4F6; + /* Color of the scrollbar track */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #F5F4F6; + /* Color of the space after the scrollbar handle */ + border-radius: 4px; +} + + +#backbutton1 { + position: relative; + z-index: 15; + margin-bottom: -2rem; +} + + + +/* Style for the modal */ +.modal_2 { + display: none; + position: fixed; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-content_2 { + background-color: white; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + text-align: center; + border-radius: 5px; +} + +/* Style for buttons inside the modal */ +#confirmationModal button { + padding: 10px 20px; + margin: 10px; + border-radius: 5px; + cursor: pointer; +} + +#confirmYes { + background-color: #4CAF50; + color: white; + border: none; +} + +#confirmNo { + background-color: #f44336; + color: white; + border: none; +} + + + +@media (min-width: 576px) and (max-width: 768px) { + #mainbox { + height: 65%; + text-align: center; + overflow-x: hidden; + top: calc((100vh - 65%) / 2); + left: 1.5rem; + width: 80%; + + } + + .edit { + max-height: 90%; + } + + .row_1 { + margin: 0; + display: block; + } + + .col-md-4 { + margin: 0; + left: calc((100% - 18rem) / 2); + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + min-width: 90%; + left: calc((100% - 90%) / 2); + + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + min-width: 90%; + left: calc((100% - 90%) / 2); + + } + + .INPUT2 { + height: 5rem; + } + + .row { + margin-top: 2rem; + } + + #backbutton1 { + margin-left: -90%; + } + + .reg { + width: 12rem; + margin-top: 0.5rem; + } + + #regdiv { + margin-top: 5rem; + height: 4rem; + margin-left: 5.5rem; + margin-bottom: 4rem; + } +} + +@media (min-width: 768px) and (max-width: 1057px) { + + .regdesign2 { + font-size: 12px; + } + + .regdesign3 { + font-size: 12px; + } + + .LABEL { + justify-content: left; + } +} + + +@media (min-width: 768px) and (max-width: 768px) { + + + .regdesign3 { + } + + .LABEL { + justify-content: center; + } + + #regdiv { + margin-right: 7.5rem ; + } + + .reg { + min-width: 8rem; + } +} + + +@media (max-width: 500px) { + + .edit { + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + .row_1 { + margin: 0; + display: block; + } + + .col-md-4 { + margin: 0; + position: relative; + left: calc((100% - 16rem) / 2); + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + #mainbox { + text-align: center; + margin-top: 1rem; + width: 100%; + height: calc(100% - 1rem); + border-radius: 0; + box-shadow: none; + border: none; + } + + #backbutton1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + } + + .INPUT2 { + height: 5rem; + } + + + .row { + margin-top: 2rem; + } + + .reg { + width: 12rem; + margin-top: 0.5rem; + } + + #regdiv { + margin-top: 5rem; + height: 4rem; + margin-left: 3.2rem; + } + + +} + +@media (min-width: 501px) and (max-width: 576px) { + #mainbox { + height: 65%; + width: 80%; + text-align: center; + overflow-x: hidden; + top: calc((100vh - 65%) / 2); + left: 1.5rem; + + } + + .centerEdit { + justify-content: flex-end; + } + + .edit { + max-height: 90%; + } + + .row_1 { + margin: 0; + display: block; + height: 100%; + width: 100%; + } + + .col-md-4 { + margin: 0; + left: calc((100% - 18rem) / 2); + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + min-width: 90%; + + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + min-width: 90%; + + } + + .INPUT2 { + height: 5rem; + } + + + .row { + margin-top: 2rem; + } + + #backbutton1 { + margin-left: -90%; + } + + .reg { + width: 12rem; + margin-top: 0.5rem; + } + + #regdiv { + margin-top: 5rem; + height: 4rem; + margin-left: 5rem; + margin-bottom: 4rem; + } +} \ No newline at end of file diff --git a/public/css/courses.css b/public/css/courses.css new file mode 100644 index 0000000..3c0ceaf --- /dev/null +++ b/public/css/courses.css @@ -0,0 +1,183 @@ +body, +html { + background-color: #C4C4C4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; + +} + +.buttondiv1 { + + text-align: center; + margin: 1rem; + +} +#bar{ + margin-left: 0.5%; +} +.center { + display: flex; + justify-content: center; + height: 100vh; +} + +.Courses { + + overflow: auto; + display: block; + position: relative; + width: 37%; + min-width: 24rem; + top: 2%; + height: clamp(42rem,96%,86rem); + border-radius: 5px; + border: 1px solid #000; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + background-color: #3b6653; +} + + +.listitems { + background: #3b6653; + width: 92%; + margin-left: 4%; + height: 93%; +} + +.listitems2 { + overflow: auto; + height: 85%; +} + +.courseline { + display: flex; + border-radius: 5px; + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 21rem; + max-height: 4rem; + background-color: white; + align-items: center; + justify-content: center; +} + + +.courselinetext { + padding: 1%; + margin-left: 5%; + display: inline-block; + text-align: center; + border: 1px solid black; + border-radius: 5px; + width: 90%; + height: 2.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.line:link, +.line:visited { + background-color: white; + color: black; + border: 2px solid #5a906f; + padding: 10px 20px; + text-decoration: none; + display: inline-block; +} + +.line:hover, +.line:active { + background-color: #5a906f; + color: white; +} + +::-webkit-scrollbar { + width: 8px; + /* Width of the scrollbar */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 5px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 5px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #f1f1f1; + /* Color of the scrollbar track */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #ddd; + /* Color of the space after the scrollbar handle */ + border-radius: 5px; +} + +.error { + color: red; + font: bold; +} + +@media (max-width: 500px) { + .listitems { + height: 75%; + } + .Courses { + width: 100%; + top: 3rem; + height: calc(100vh - 3rem); + border: #888; + border-radius: 0; + text-align: center; + min-width: 16rem; + + } + .center{ + overflow-x: hidden; + } + + .courseline { + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 210px; + } + + .courselinetext { + margin-left: 5%; + padding: 1%; + height: 9%; + } + .student-names{ + font-size: 12px; + } + #bar{ + margin-left: 1%; + } +} + + +@media (min-width: 500.1px) and (max-width: 1100px) { + + .Courses { + margin-left: 3rem; + + } + +} \ No newline at end of file diff --git "a/public/css/ders_duzenle_tasar\304\261m.css" "b/public/css/ders_duzenle_tasar\304\261m.css" deleted file mode 100644 index bbe79be..0000000 --- "a/public/css/ders_duzenle_tasar\304\261m.css" +++ /dev/null @@ -1,165 +0,0 @@ -.bg_ders_duzenle { - background-color: #C4C4C4; - display: flex; - height: 100%; - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} - - -body, -html { - height: 100%; - margin: 0; -} - -.duzenle { - overflow: auto; - width: 600px; - height: 350px; - border-radius: 8px; - background-color: #3b6653; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - position: relative; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - -.align-buttons{ -align-items: center; - -} -.kayıt { - display: inline-block; - width: 220px; - height: 60px; - padding: 10px 0px 0px 10px; - border-radius: 5px; - background: #F5F4F6; - margin-left: 6%; - margin-top: 2%; -} - -.kayıt_design { - display: inline; - border-radius: 5px; - background: #FF9595; - width: 200px; - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); -} - -.LABEL { - display: inline-block; - width: 209px; - height: 75px; - padding: 22px 71px 16px 40px; - border-radius: 8px; - background: #F5F4F6; - text-align: left; -} - -.INPUT { - display: inline-block; - width: 329px; - height: 75px; - - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; -} - -.INPUT_2 { - display: inline-block; - width: 329px; - height: 75px; - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; - flex-direction: row; - justify-content: space-around; - overflow-x: auto; - overflow-y: hidden; - white-space: nowrap; -} - -.Entrance { - - margin-left: 3%; -} - -.minibox { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: #DDDCBC; -} - -.minibox_2 { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: #DDDCBC; -} - -.block { - margin-top: 10px; -} - - -::-webkit-scrollbar { - width: 6px; - height: 8px; - /* Width of the scrollbar */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: #888; - /* Color of the scrollbar handle */ - border-radius: 4px; - /* Rounded corners */ -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: #555; - /* Color when hovering over scrollbar */ - border-radius: 4px; -} - -/* For horizontal scrollbar */ -::-webkit-scrollbar-track { - background: #F5F4F6; - /* Color of the scrollbar track */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-track-piece:end { - background: #F5F4F6; - /* Color of the space after the scrollbar handle */ - border-radius: 4px; -} \ No newline at end of file diff --git "a/public/css/ders_ekle_tasar\304\261m.css" "b/public/css/ders_ekle_tasar\304\261m.css" deleted file mode 100644 index 777313c..0000000 --- "a/public/css/ders_ekle_tasar\304\261m.css" +++ /dev/null @@ -1,88 +0,0 @@ -.button_design{ - - display: flex; - height: 58px; - padding: 18px 0px 18px 26px; - justify-content: flex-end; - align-items: center; - flex-shrink: 0; - border-radius: 8px; - background: #E8D5B9; - -} - -.bigbox { - - overflow: auto; - position: relative; - background-color: #DFDFDF; - width: 450px; - height: 180px; - padding: 1%; - border-radius: 8px; - border: solid black 1px; -} - -.childbox { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - padding: 24px; - border: solid white 1px; -} -.childbox_2 { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - display: inline; - overflow:auto; - border: solid white 1px; - -} - -.custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ -} - -.labeldesign{ - border-radius: 4px; - background-color: whitesmoke; - width: 230px; - text-align: center; - color: black; -} - -@media (max-width: 768px) { - .bigbox { - left: 50%; /* Adjust as needed */ - top: 50%; - transform: translate(-50%, -50%); - width: 90%; /* Adjust as needed */ - max-width: 400px; /* Adjust as needed */ - height: auto; /* Adjust as needed */ - padding: 5%; /* Adjust as needed */ - } - - .childbox, - .childbox_2 { - width: 100%; /* Adjust as needed */ - height: 60px; /* Adjust as needed */ - padding: 15px; /* Adjust as needed */ - margin-bottom: 10px; /* Adjust as needed */ - } - - .custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ - } - - .labeldesign { - width: 80%; /* Adjust as needed */ - margin: 0 auto; /* Center the element */ - } -} \ No newline at end of file diff --git a/public/css/derslerimiz.css b/public/css/derslerimiz.css deleted file mode 100644 index b99af12..0000000 --- a/public/css/derslerimiz.css +++ /dev/null @@ -1,183 +0,0 @@ -body, -html { - background-color: #C4C4C4; - height: 100%; - margin: 0; -} - -.dersler { - - display: inline-block; - position: relative; - top: 6%; - left: 35%; - width: 35%; - min-width: 300px; - height: 90%; - border-radius: 5px; - border: 1px solid #000; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - background-color: #3b6653; -} - -.listele { - display: inline-block; - overflow: auto; - background: #3b6653; - width: 92%; - margin-left: 4%; - height: 80%; -} - -.ders-satiri { - align-items: center; - text-align: center; - display: block; - border-radius: 5px; - margin-top: 2%; - margin-left: 2%; - width: 96%; - min-width: 255px; - height: auto; - background-color: white; -} - - -.ders-satiri-yazisi{ - display: inline-block; - margin-left: 3%; - padding: 2%; - align-items: center; - border: 1px solid black; - border-radius: 5px; - width: 80%; - height: 10%; -} - -.satir:link, -.satir:visited { - background-color: white; - color: black; - border: 2px solid #5a906f; - padding: 10px 20px; - text-decoration: none; - display: inline-block; -} - -.satir:hover, -.satir:active { - background-color: #5a906f; - color: white; -} - -::-webkit-scrollbar { - width: 8px; - /* Width of the scrollbar */ - border-radius: 5px; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: #888; - /* Color of the scrollbar handle */ - border-radius: 5px; - /* Rounded corners */ -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: #555; - /* Color when hovering over scrollbar */ - border-radius: 5px; -} - -/* For horizontal scrollbar */ -::-webkit-scrollbar-track { - background: #f1f1f1; - /* Color of the scrollbar track */ - border-radius: 5px; -} - -/* Handle */ -::-webkit-scrollbar-track-piece:end { - background: #ddd; - /* Color of the space after the scrollbar handle */ - border-radius: 5px; -} - -.modal { - display: none; - position: fixed; - z-index: 5; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: hidden; - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.4); -} - -.modal-content { - left: 1%; - top: 11%; - position: relative; - background-color: #fefefe; - margin: auto; - padding: 0; - width: 450px; - height: 180px; - border-radius: 8px; - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - -webkit-animation-name: animatetop; - -webkit-animation-duration: 0.3s; - animation-name: animatetop; - animation-duration: 0.3s; -} - -@-webkit-keyframes animatetop { - from { - top: -300px; - opacity: 0 - } - - to { - top: 0; - opacity: 1 - } -} - -@keyframes animatetop { - from { - top: -300px; - opacity: 0 - } - - to { - top: 0; - opacity: 1 - } -} - -.close { - color: black; - float: right; - font-size: 28px; - font-weight: bold; -} - -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; -} - -.modal-header { - padding: 2px 16px; - color: black; -} - -.modal-body { - padding: 2px 16px; -} \ No newline at end of file diff --git a/public/css/eventAdd.css b/public/css/eventAdd.css new file mode 100644 index 0000000..88615bd --- /dev/null +++ b/public/css/eventAdd.css @@ -0,0 +1,279 @@ +.addimage { + + max-width: 100%; + max-height: 90%; +} + +.contentboximg { + height: 18rem; + border-radius: 6px; + background-color: #F5F4F6; + border: solid white 1px; + padding-top: 1rem; +} + + +.contentbox { + height: 18rem; + border-radius: 6px; + background-color: #F5F4F6; + border: solid white 1px; + width: 13.5rem; +} + +.eventlen { + height: 12rem; + display: flex; + justify-content: center; + align-items: center; +} + +#eklebutton { + margin-left: 20%; + font-size: 16px; + border-radius: 5px; + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); + margin-top: 0.5rem; + background-color: #E8D5B9; +} + +.bigbox { + + overflow: auto; + position: relative; + background-color: #DFDFDF; + width: auto; + height: auto; + border-radius: 8px; + border: solid black 1px; +} + +.row { + margin-top: 0.5rem; +} + +.col-sm { + margin-left: 0.5rem; + max-width: 15rem; +} + +.buttondiv { + + display: flex; + justify-content: center; + align-items: center; + gap: 5rem; + margin: 1rem; +} + +.childbox { + display: flex; + width: 12rem; + height: 4.5rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + border: solid white 1px; + justify-content: center; + align-items: center; +} + +.centeritems { + display: flex; + justify-content: center; + /* Horizontal centering */ + /* Vertical centering */ + align-items: center; + margin: 0; +} + +.modal { + display: none; + position: fixed; + z-index: 50; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.modal-content { + left: 1%; + top: 15%; + position: relative; + background-color: #fefefe; + margin: auto; + padding: 0; + border-radius: 8px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + -webkit-animation-name: animatetop; + -webkit-animation-duration: 0.4s; + animation-name: animatetop; + animation-duration: 0.4s; + width: 30rem; + min-width: 266px; + height: auto; +} + +.modal-header { + padding: 2px 16px; + color: black; +} + +.modal-body { + padding: 2px 16px; + overflow-y: hidden; +} + +@-webkit-keyframes animatetop { + from { + top: 15%; + opacity: 0 + } + + to { + top: 0; + opacity: 1 + } +} + +@keyframes animatetop { + from { + top: 0; + opacity: 0; + } + + to { + top: 15%; + opacity: 1; + } +} + + +.close { + color: black; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + + +@media (min-width: 500px) and (max-width: 576px) { + + + .contentbox { + width: 12rem; + } + + .contentboximg { + width: 12rem; + } + + #overlaycontent { + margin-left: 5%; + } + + .buttondiv { + margin-left: -1rem; + } +} + +@media (min-width:360px) and (max-width: 500px) { + + .modal-content { + width: 100%; + left: 0; + top: 15%; + margin: 0; + padding: 0; + height: auto; + } + + .contentbox { + width: 45%; + height: 14rem; + font-size: 12px; + } + + .contentboximg { + width: 45%; + height: 14rem; + } + + .eventlen { + height: 9rem; + } + + #overlaycontent { + margin-left: 3%; + } + + .childbox { + width: 45%; + } + + #eklebutton { + margin-left: 1%; + font-size: 14px; + } +} + +@media (max-width:360px) { + + .modal-content { + width: 100%; + left: 0; + top: 15%; + margin: 0; + padding: 0; + height: auto; + } + + .contentbox { + width: 45%; + height: 10rem; + font-size: 12px; + + } + + .eventlen { + height: 6rem; + } + + .contentboximg { + padding-top: 0.5rem; + width: 45%; + height: 10rem; + } + + #overlaycontent { + /* margin-left: 1%; */ + } + + .childbox { + width: 45%; + } + + #eklebutton { + margin-top: 0.3rem; + height: 2.3rem; + font-size: 10px; + width: 70%; + margin-left: 1%; + } + + .buttondiv { + gap: 1rem; + } + +} \ No newline at end of file diff --git a/public/css/eventEdit.css b/public/css/eventEdit.css new file mode 100644 index 0000000..d740264 --- /dev/null +++ b/public/css/eventEdit.css @@ -0,0 +1,544 @@ +body, +html { + + background: #c4c4c4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; +} + +.centerEdit { + display: flex; + justify-content: center; + height: 100vh; +} + +textarea { + font-size: 17px; + font-weight: 600; +} + +input[type="text"] { + font-size: 30px; + font-weight: 700; + font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; + font-style: italic; +} + +input[type="text"]::placeholder, +textarea::placeholder { + color: #999595; + /* Adjust placeholder text color */ +} + +.edit { + overflow: auto; + /* min-width: 80%; */ + /* min-width: 50rem; */ + height: 38rem; + top: calc((100vh - 86%) / 2); + border-radius: 8px; + background-color: #3b6653; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + display: block; + position: relative; +} + +.photodiv { + margin-top: 0; + height: 23rem; + border-radius: 8px; + background: #F5F4F6; + overflow-x: auto; + overflow-y: hidden; + +} + +.photoimg { + width: 100%; + height: 80%; + display: flex; + align-items: center; + justify-content: center; +} + +#myImage { + max-width: 100%; + max-height: 19rem; +} + +.INPUT2 { + margin-top: 0; + height: 23rem; + width: 100%; + border-radius: 8px; + background: #F5F4F6; +} + +.buttons { + width: 100%; + height: 20%; + display: flex; + align-items: center; + justify-content: center; +} + +.my_button { + margin: 1rem; + border-radius: 5px; + box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); + background-color: #E8D5B9; +} + +.my_button:hover { + background-color: #E8D5B9; +} + +.row { + margin-top: 0.5rem; +} + +.row1 { + margin-top: 1.5rem; +} + +#actualline { + width: 99.5%; + margin: 1rem; + margin-left: -0.000000001px; +} + +.INPUT { + + margin: 1rem; + margin-top: -0.5rem; + margin-bottom: 0; + height: 4rem; + width: 100%; + align-items: center; + border-radius: 8px; + background: #F5F4F6; + text-align: center; + font-size: 24px; +} + + +#regdiv { + margin-top: 1rem; + height: 4rem; + text-align: center; +} + +.reg { + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + background: #F5F4F6; + height: 3rem; +} + +.regdesign2 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + + +.regdesign3 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + +.regdesign3:hover { + color: white; + background-color: #f44336; +} + +.regdesign2:hover { + color: white; + background-color: #4CAF50; +} + +::-webkit-scrollbar { + width: 6px; + height: 8px; + /* Width of the scrollbar */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 4px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 4px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #F5F4F6; + /* Color of the scrollbar track */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #F5F4F6; + /* Color of the space after the scrollbar handle */ + border-radius: 4px; +} + +#backbutton1 { + position: relative; + z-index: 15; + margin-bottom: -1rem; +} + +/* Style for the modal */ +.modal_2 { + display: none; + position: fixed; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-content_2 { + background-color: white; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + text-align: center; + border-radius: 5px; +} + +/* Style for buttons inside the modal */ +#confirmationModal button { + padding: 10px 20px; + margin: 10px; + border-radius: 5px; + cursor: pointer; +} + +#confirmYes { + background-color: #4CAF50; + color: white; + border: none; +} + +#confirmNo { + background-color: #f44336; + color: white; + border: none; +} + + + + +@media (min-width: 768px) and (max-width: 1057px) { + + #mainbox { + width: 87%; + left: 2rem; + } + +} + +@media (min-width: 1200px) and (max-width: 1300px) { + + #mainbox { + width: 90%; + left: 2rem; + } + +} + +@media (min-width: 1057px) and (max-width: 1150px) { + #mainbox { + width: 90%; + left: 2rem; + } +} + + +@media (min-width: 768px) and (max-width: 768px) { + + #mainbox { + width: 86%; + } + + .col-md-1 { + display: block; + } + + .col-md-2 { + display: none; + } + + .reg { + margin: 0.7rem; + } + +} + + +@media (min-width: 686px) and (max-width: 768px) { + #mainbox { + width: 90%; + min-width: 37rem; + left: 2rem; + } + #myImage{ + max-height: 18rem; + } + .col-md-1 { + /* display: none; */ + } + + .col-md-2 { + display: none; + } + + .reg { + max-width: 12rem; + margin: 1rem; + } + + #regdiv { + margin-top: 0.3rem; + margin-left: 2rem; + } +} + +@media (min-width: 501px) and (max-width: 576px) { + #mainbox { + width: 80%; + left: 2rem; + + } + + .reg { + margin: 0.2rem; + max-width: 15rem; + margin-left: calc((100% - 15rem) / 2); + } + + #regdiv { + margin-top: 0.5rem; + padding-bottom: 8rem; + + } + + .INPUT2 { + margin-top: 0.5rem; + } +} + + + +@media (min-width: 576px) and (max-width: 686px) { + #mainbox { + width: 84%; + /* min-width: 37rem; */ + left: 2rem; + } + + .col-md-1 { + display: none; + } + #myImage{ + max-height: 17.5rem; + } + .col-md-2 { + display: none; + } + + .buttons { + margin-top: -0.5rem; + } + + #regdiv { + margin-top: 0.7rem; + margin-left: calc((100% - 81%)/2); + padding-bottom: 8rem; + } + + + .reg { + margin: 1rem; + max-width: 10rem; + } + + .regdesign2, + .regdesign3 { + font-size: 14px; + } + + + .INPUT2 { + margin-top: 0; + } +} + + +@media (max-width: 329px) { + .buttons { + margin-top: -0.6rem; + } + #myImage{ + max-height: 12.5rem; + } + .edit { + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + .photodiv { + height: 18rem; + margin: 0; + } + .photoimg{ + /* height: 60%; */ + } + + textarea { + font-size: 15px; + } + + input[type="text"] { + font-size: 24px; + } + + .INPUT2 { + height: 18rem; + margin-top: 0.5rem; + font-size: 14px; + } + + .my_button { + font-size: 14px; + } + + #mainbox { + text-align: center; + margin-top: 2rem; + width: 100%; + height: calc(100% - 2rem); + border-radius: 0; + box-shadow: none; + border: none; + } + + #backbutton1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + .reg { + margin: 0.3rem; + max-width: 12rem; + margin-left: calc((100% - 12rem) / 2); + } + + #regdiv { + margin-top: 0.5rem; + padding-bottom: 8rem; + + } +} + +@media (min-width:329px) and (max-width: 500px) { + + .edit { + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + .photodiv { + height: 18rem; + margin: 0; + } + .photoimg{ + /* height: 60%; */ + } + #myImage{ + max-height: 15rem; + } + + textarea { + font-size: 15px; + } + + input[type="text"] { + font-size: 24px; + } + + .INPUT2 { + height: 18rem; + margin-top: 0.5rem; + font-size: 14px; + } + + .my_button { + font-size: 14px; + } + + #mainbox { + text-align: center; + margin-top: 2rem; + width: 100%; + height: calc(100% - 2rem); + border-radius: 0; + box-shadow: none; + border: none; + } + + #backbutton1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + .reg { + margin: 0.3rem; + max-width: 12rem; + margin-left: calc((100% - 12rem) / 2); + } + + #regdiv { + margin-top: 0.5rem; + padding-bottom: 8rem; + + } +} \ No newline at end of file diff --git a/public/css/events.css b/public/css/events.css new file mode 100644 index 0000000..81daaae --- /dev/null +++ b/public/css/events.css @@ -0,0 +1,180 @@ +body, +html { + background-color: #C4C4C4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; +} + +.buttondiv1 { + + text-align: center; + margin: 1rem; +} + +.center { + display: flex; + justify-content: center; + height: 100vh; +} +#bar{ + margin-left: 0.5%; +} +.Events { + + overflow: auto; + display: block; + position: relative; + width: 37%; + min-width: 24rem; + top: 2%; + height: clamp(42rem,96%,86rem); + border-radius: 5px; + border: 1px solid #000; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + background-color: #3b6653; +} + + +.listitems { + background: #3b6653; + width: 92%; + margin-left: 4%; + height: 93%; +} + +.listitems2 { + overflow: auto; + height: 85%; +} + +.eventline { + display: flex; + border-radius: 5px; + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 21rem; + max-height: 4rem; + background-color: white; + align-items: center; + justify-content: center; + +} + + +.eventlinetext { + padding: 1%; + margin-left: 5%; + display: inline-block; + text-align: center; + border: 1px solid black; + border-radius: 5px; + width: 90%; + height: 2.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow:ellipsis; +} + +.line:link, +.line:visited { + background-color: white; + color: black; + border: 2px solid #5a906f; + padding: 10px 20px; + text-decoration: none; + display: inline-block; +} + +.line:hover, +.line:active { + background-color: #5a906f; + color: white; +} + +::-webkit-scrollbar { + width: 8px; + /* Width of the scrollbar */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 5px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 5px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #f1f1f1; + /* Color of the scrollbar track */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #ddd; + /* Color of the space after the scrollbar handle */ + border-radius: 5px; +} + +.error { + color: red; + font: bold; +} + +@media (max-width: 500px) { + .listitems { + height: 75%; + } + .Events { + width: 100%; + top: 3rem; + height: calc(100vh - 3rem); + border: #888; + border-radius: 0; + text-align: center; + min-width: 16rem; + } + .center{ + overflow-x:hidden; + } + + .eventline { + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 210px; + } + + #bar{ + margin-left: 1%; + } + + .eventlinetext { + margin-left: 5%; + padding: 1%; + height: 9%; + } + .student-names{ + font-size: 12px; + } +} + +@media (min-width: 500.1px) and (max-width: 1100px) { + + .Events { + margin-left: 3rem; + } + +} \ No newline at end of file diff --git a/public/css/login.css b/public/css/login.css new file mode 100644 index 0000000..6a811d8 --- /dev/null +++ b/public/css/login.css @@ -0,0 +1,221 @@ +body, +html { + height: 100vh; + margin: 0; + font-family: Arial, sans-serif; + overflow: hidden; +} + + +.backgr { + display: flex; + height: 100vh; + justify-content: center; + align-items: center; + object-fit: cover; + overflow: auto; +} + +.pencils { + background-position: center; + background-repeat: no-repeat; + background-size: cover; + background-image: url("/images/background2.jpg"); +} + + +.Logo { + width: 14rem; + height: 14rem; + border-radius: 100%; + display: flex; + margin: 1.5vh 0 0 1vw; + border: 2px solid rgba(0, 0, 0, 0.25); + background: linear-gradient(0deg, rgba(51, 65, 45, 0.20) 0%, rgba(51, 65, 45, 0.20) 100%), url("/images/sayfa.png"), lightgray 50% / cover no-repeat; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + position: fixed; + /* Fixed position */ + top: 0; + /* Positioned from the top */ + left: 0; + /* Positioned from the left */ +} + +.parent img { + height: 99%; + width: 99%; +} + +.adminGiris { + z-index: 10; + width: 30rem; + height: 37rem; + border-radius: 7px; + background-color: #3b6653; + box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); + +} + +.title { + margin-top: 1.5rem; + margin-left: 4rem; + border-radius: 5px; + background: #FFF; + width: 22rem; + height: 3rem; + color: #FF6F61; + display: flex; + align-items: center; + justify-content: center; +} + +.enter { + height: 60%; + display: flex; + align-items: center; + justify-content: center; +} + +hr { + border: 1px solid black; + margin: 20px 0; +} + +.verigiris1 { + border-radius: 4px; + display: block; + text-align: center; + font-size: 18px; +} + +.verigiris2 { + margin-top: 0.5rem; + border-radius: 4px; + display: block; + text-align: center; + font-size: 18px; +} + +.girisbutton { + border-radius: 4px; + width: 10rem; + margin-left: 5rem; + margin-top: 0.5rem; + text-align: center; + color: #FF6F61; +} + +.girisbutton:hover { + color: blue; +} + +i { + color: whitesmoke; + font-size: 1.5rem; +} + +.labeldesign { + border-radius: 7px; + background-color: whitesmoke; + width: 18rem; + height: 3rem; + display: inline-block; + text-align: center; + color: black; +} + + +.error-message { + color: red; + text-align: center; +} + +@media (min-width:360px) and (max-width: 500px) { + + .title { + width: 19rem; + margin-left: calc((100% - 19rem) / 2); + } + + .adminGiris { + width: 100%; + height: 100%; + border-radius: 0; + } + +} + +@media (min-width:300px) and (max-width: 360px) { + + + .title { + width: 17rem; + margin-left: calc((100% - 17rem) / 2); + } + + .adminGiris { + width: 100%; + height: 100%; + border-radius: 0; + } + + + .labeldesign { + width: 15rem; + height: 2.5rem; + font-size: 16px; + } + + i { + font-size: 1.5rem; + } + + .girisbutton { + margin-left: 4rem; + } +} + +@media (max-width: 300px) { + .title { + width: 12rem; + margin-left: calc((100% - 12rem) / 2); + } + + #tit { + font-size: 1rem; + } + + .adminGiris { + width: 100%; + height: 100%; + border-radius: 0; + } + + + .labeldesign { + width: 12rem; + height: 2rem; + font-size: 14px; + } + + i { + font-size: 1rem; + } + + .girisbutton { + margin-left: 2rem; + } +} + +@media (min-width:825px) and (max-width: 961px) { + .Logo { + width: 10rem; + height: 10rem; + } +} + +@media (max-width: 825px) { + .Logo { + display: none; + } +} \ No newline at end of file diff --git "a/public/css/login_tasar\304\261m.css" "b/public/css/login_tasar\304\261m.css" deleted file mode 100644 index 8ec5840..0000000 --- "a/public/css/login_tasar\304\261m.css" +++ /dev/null @@ -1,160 +0,0 @@ -.button_design{ - - display: flex; - height: 58px; - padding: 18px 0px 18px 26px; - justify-content: flex-end; - align-items: center; - flex-shrink: 0; - border-radius: 8px; - background: #E8D5B9; - -} - -ul li { - display: block; - padding: 15px; - margin-right: 20px; - font-weight: bold; - -} - -ul li:hover { - background-color: red; - transition: 0.7; -} -#ders_içerik{ - position: absolute; - display: flex; - z-index: 1; - margin-left:150px ; - width: 100px; -} -.news-li:hover #ders_içerik{ - display: none; -} - - -body, html { - height: 100%; - margin: 0; -} - -.bg { - /* The image used */ - background-image: url("/images/background 2.jpg"); - display: flex; - /* Full height */ - height: 100%; - - /* Center and scale the image nicely */ - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} - - -.parent { - width: 250px; - height: 250px; - border-radius: 100%; - display: flex; - margin: 3%; - border: 2px solid rgba(0, 0, 0, 0.25); - background: linear-gradient(0deg, rgba(51, 65, 45, 0.20) 0%, rgba(51, 65, 45, 0.20) 100%), url("/images/sayfa.png"), lightgray 50% / cover no-repeat; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -} - - .parent img { - height: 99%; - width: 99%; -} - -.adminGiris { - width: 467px; - height: 600px; - border-radius: 7px; - background-color: #3b6653; - display: block; - margin: auto; - box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - -.giris { - border-radius: 4px; - background: #FFF; - width: 370px; - height: 35px; - text-align: center; - color: blue; - position: absolute; - left: 50%; - top: 6%; - transform: translate(-50%, -50%); -} - -hr { - border: 1px solid black; - margin: 20px 0; -} - -.verigiris1 { - border-radius: 4px; - width: 260px; - height: 30px; - display: inline-block; - text-align: center; - color: black; - position: relative; - left: 50%; - margin-top: 150px; - transform: translateX(-50%); /* Use translateX for horizontal centering */ -} - -.verigiris2 { - border-radius: 4px; - width: 260px; - height: 30px; - display: inline-block; - text-align: center; - color: black; - position: relative; /* Change from absolute to relative */ - left: 50%; /* Adjust left property */ - margin-top: 1%; - transform: translateX(-50%); /* Use translateX for horizontal centering */ -} -.girisbuton{ - border-radius: 4px; - width: 180px; - height: 30px; - text-align: center; - color: blue; - position: relative; - left: 50%; - margin-top: 7%; - transform: translate(-50%, -50%); -} - - - -.labeldesign{ - border-radius: 4px; - background-color: whitesmoke; - width: 230px; - text-align: center; - color: black; -} - - -.error-message { - color: red; - text-align: center; - position: absolute; - top: 212px; /* Adjust the top position to place it above verigiris1 */ - width: 100%; /* Width to fill the container */ - left: 0; /* Align the text to the center */ -} \ No newline at end of file diff --git "a/public/css/ogrenci_duzenle_tasar\304\261m.css" "b/public/css/ogrenci_duzenle_tasar\304\261m.css" deleted file mode 100644 index c9177ef..0000000 --- "a/public/css/ogrenci_duzenle_tasar\304\261m.css" +++ /dev/null @@ -1,189 +0,0 @@ - -.bg_ogrenci_duzenle { - background-color: #C4C4C4; - display: flex; - height: 100%; - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} - - -body, -html { - height: 100%; - margin: 0; -} - -.duzenle { - overflow: auto; - width: 961px; - height: 573px; - flex-shrink: 1; - border-radius: 8px; - background-color: #3b6653; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - position: relative; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - - -.photo { - display: flex; - width: 270px; - height: 281px; - padding: 28px 38px; - margin-left: 30px; - flex-direction: column; - align-items: center; - gap: 10px; - border-radius: 5px; - background: #F5F4F6; - margin-top: 35px; -} - -.photo img { - display: flex; - width: 95%; - height: 95%; -} - -.kayıt { - display: flex; - width: 272px; - height: 60px; - padding: 10px 0px 20px; - flex-direction: column; - align-items: center; - gap: 10px; - border-radius: 5px; - background: #F5F4F6; - margin-left: 30px; - margin-top: 15px; -} - -.kayıt_design { - border-radius: 5px; - background: #FF9595; - width: 200px; - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); -} - -.LABEL { - display: inline-block; - width: 209px; - height: 75px; - padding: 22px 71px 16px 40px; - border-radius: 8px; - background: #F5F4F6; - text-align: left; -} - -.INPUT { - display: inline-block; - width: 329px; - height: 75px; - - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; -} - -.INPUT_2 { - display: inline-block; - width: 329px; - height: 0px; - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; - flex-direction: row; - justify-content: space-around; - overflow-x: auto; - overflow-y: hidden; - white-space: nowrap; -} - -.Entrance { - display: flexbox; - justify-content: center; - align-items: center; - position: absolute; - top: 130px; - left: 350px; -} - -.minibox { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: #DDDCBC; -} -.minibox_2 { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: red; -} - -.block { - margin-top: 10px; -} - - -::-webkit-scrollbar { - width: 6px; - height: 8px; - /* Width of the scrollbar */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: #888; - /* Color of the scrollbar handle */ - border-radius: 4px; - /* Rounded corners */ -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: #555; - /* Color when hovering over scrollbar */ - border-radius: 4px; -} - -/* For horizontal scrollbar */ -::-webkit-scrollbar-track { - background: #F5F4F6; - /* Color of the scrollbar track */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-track-piece:end { - background: #F5F4F6; - /* Color of the space after the scrollbar handle */ - border-radius: 4px; -} \ No newline at end of file diff --git "a/public/css/ogrenci_ekle_tasar\304\261m.css" "b/public/css/ogrenci_ekle_tasar\304\261m.css" deleted file mode 100644 index a3444e6..0000000 --- "a/public/css/ogrenci_ekle_tasar\304\261m.css" +++ /dev/null @@ -1,88 +0,0 @@ -.button_design{ - - display: flex; - height: 58px; - padding: 18px 0px 18px 26px; - justify-content: flex-end; - align-items: center; - flex-shrink: 0; - border-radius: 8px; - background: #E8D5B9; - -} - -.bigbox { - - overflow: auto; - position: relative; - background-color: #DFDFDF; - width: 450px; - height: 340px; - padding: 1%; - border-radius: 8px; - border: solid black 1px; -} - -.childbox { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - padding: 24px; - border: solid white 1px; -} -.childbox_2 { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - display: inline; - overflow:auto; - border: solid white 1px; - -} - -.custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ -} - -.labeldesign{ - border-radius: 4px; - background-color: whitesmoke; - width: 230px; - text-align: center; - color: black; -} - -@media (max-width: 768px) { - .bigbox { - left: 50%; /* Adjust as needed */ - top: 50%; - transform: translate(-50%, -50%); - width: 90%; /* Adjust as needed */ - max-width: 400px; /* Adjust as needed */ - height: auto; /* Adjust as needed */ - padding: 5%; /* Adjust as needed */ - } - - .childbox, - .childbox_2 { - width: 100%; /* Adjust as needed */ - height: 60px; /* Adjust as needed */ - padding: 15px; /* Adjust as needed */ - margin-bottom: 10px; /* Adjust as needed */ - } - - .custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ - } - - .labeldesign { - width: 80%; /* Adjust as needed */ - margin: 0 auto; /* Center the element */ - } -} \ No newline at end of file diff --git "a/public/css/ogretmen_duzenle_tasar\304\261m.css" "b/public/css/ogretmen_duzenle_tasar\304\261m.css" deleted file mode 100644 index 1db6d66..0000000 --- "a/public/css/ogretmen_duzenle_tasar\304\261m.css" +++ /dev/null @@ -1,186 +0,0 @@ - -.bg_ogretmen_duzenle { - background-color: #C4C4C4; - display: flex; - height: 100%; - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} - - -body, -html { - height: 100%; - margin: 0; -} - -.duzenle { - overflow: auto; - width: 961px; - height: 573px; - flex-shrink: 1; - border-radius: 8px; - background-color: #3b6653; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - position: relative; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - - -.photo { - display: flex; - width: 270px; - height: 281px; - padding: 28px 38px; - margin-left: 30px; - flex-direction: column; - align-items: center; - gap: 10px; - border-radius: 5px; - background: #F5F4F6; - margin-top: 35px; -} - -.photo img { - display: flex; - width: 95%; - height: 95%; -} - -.kayıt { - display: flex; - width: 272px; - height: 60px; - padding: 10px 0px 20px; - flex-direction: column; - align-items: center; - gap: 10px; - border-radius: 5px; - background: #F5F4F6; - margin-left: 30px; - margin-top: 15px; -} - -.kayıt_design { - border-radius: 5px; - background: #FF9595; - width: 200px; - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); -} - -.LABEL { - display: inline-block; - width: 209px; - height: 75px; - padding: 22px 71px 16px 40px; - border-radius: 8px; - background: #F5F4F6; - text-align: left; -} - -.INPUT { - display: inline-block; - width: 329px; - height: 75px; - - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; -} - -.INPUT_2 { - display: inline-block; - width: 329px; - height: 0px; - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; - flex-direction: row; - justify-content: space-around; - overflow-x: auto; - overflow-y: hidden; - white-space: nowrap; -} - -.Entrance { - position: absolute; - top: 50px; - left: 350px; -} - -.minibox { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: #DDDCBC; -} -.minibox_2 { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: red; -} - -.block { - margin-top: 10px; -} - - -::-webkit-scrollbar { - width: 6px; - height: 8px; - /* Width of the scrollbar */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: #888; - /* Color of the scrollbar handle */ - border-radius: 4px; - /* Rounded corners */ -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: #555; - /* Color when hovering over scrollbar */ - border-radius: 4px; -} - -/* For horizontal scrollbar */ -::-webkit-scrollbar-track { - background: #F5F4F6; - /* Color of the scrollbar track */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-track-piece:end { - background: #F5F4F6; - /* Color of the space after the scrollbar handle */ - border-radius: 4px; -} \ No newline at end of file diff --git "a/public/css/ogretmen_ekle_tasar\304\261m.css" "b/public/css/ogretmen_ekle_tasar\304\261m.css" deleted file mode 100644 index a20c86a..0000000 --- "a/public/css/ogretmen_ekle_tasar\304\261m.css" +++ /dev/null @@ -1,88 +0,0 @@ -.button_design{ - - display: flex; - height: 58px; - padding: 18px 0px 18px 26px; - justify-content: flex-end; - align-items: center; - flex-shrink: 0; - border-radius: 8px; - background: #E8D5B9; - -} - -.bigbox { - - overflow: auto; - position: relative; - background-color: #DFDFDF; - width: 450px; - height: 500px; - padding: 1%; - border-radius: 8px; - border: solid black 1px; -} - -.childbox { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - padding: 24px; - border: solid white 1px; -} -.childbox_2 { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - display: inline; - overflow:auto; - border: solid white 1px; - -} - -.custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ -} - -.labeldesign{ - border-radius: 4px; - background-color: whitesmoke; - width: 230px; - text-align: center; - color: black; -} - -@media (max-width: 768px) { - .bigbox { - left: 50%; /* Adjust as needed */ - top: 50%; - transform: translate(-50%, -50%); - width: 90%; /* Adjust as needed */ - max-width: 400px; /* Adjust as needed */ - height: auto; /* Adjust as needed */ - padding: 5%; /* Adjust as needed */ - } - - .childbox, - .childbox_2 { - width: 100%; /* Adjust as needed */ - height: 60px; /* Adjust as needed */ - padding: 15px; /* Adjust as needed */ - margin-bottom: 10px; /* Adjust as needed */ - } - - .custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ - } - - .labeldesign { - width: 80%; /* Adjust as needed */ - margin: 0 auto; /* Center the element */ - } -} \ No newline at end of file diff --git a/public/css/ogretmenlerimiz.css b/public/css/ogretmenlerimiz.css deleted file mode 100644 index 37164a6..0000000 --- a/public/css/ogretmenlerimiz.css +++ /dev/null @@ -1,184 +0,0 @@ -body, -html { - background-color: #C4C4C4; - height: 100%; - margin: 0; -} -.ogretmenler { - - display: inline-block; - position: relative; - top: 6%; - left: 35%; - width: 35%; - min-width: 300px; - height: 90%; - border-radius: 5px; - border: 1px solid #000; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - background-color: #3b6653; -} - -.listele { - display: inline-block; - overflow: auto; - background: #3b6653; - width: 92%; - margin-left: 4%; - height: 80%; -} - -.ogretmen-satiri { - display: block; - border-radius: 5px; - margin-top: 2%; - margin-left: 2%; - width: 96%; - min-width: 255px; - height: auto; - background-color: white; -} - -.ogretmen-satiri-gorseli { - min-width: 30px; - min-height: 30px; - width: 10%; /* Increase the width */ - height: 10%; - border-radius: 5px; - margin-left: 2%; - margin-right: calc(2% - 1.33%); /* Adjusted margin to maintain spacing */ - border: 1px solid #898080; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - float: left; /* Set the element to float */ -} - - -.ogretmen-satiri-yazisi { - display: inline-block; - margin-left: 3%; - padding: 2%; - align-items: center; - border: 1px solid black; - border-radius: 5px; - width: 80%; - height: 10%; -} -.satir:link, .satir:visited { - background-color: white; - color: black; - border: 2px solid #5a906f; - padding: 10px 20px; - text-decoration: none; - display: inline-block; - } - - .satir:hover, .satir:active { - background-color: #5a906f; - color: white; - } - -::-webkit-scrollbar { - width: 8px; /* Width of the scrollbar */ - border-radius: 5px; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: #888; /* Color of the scrollbar handle */ - border-radius: 5px; /* Rounded corners */ -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: #555; /* Color when hovering over scrollbar */ - border-radius: 5px; -} - -/* For horizontal scrollbar */ -::-webkit-scrollbar-track { - background: #f1f1f1; /* Color of the scrollbar track */ - border-radius: 5px; -} - -/* Handle */ -::-webkit-scrollbar-track-piece:end { - background: #ddd; /* Color of the space after the scrollbar handle */ - border-radius: 5px; -} - -.modal { - display: none; - position: fixed; - z-index: 5; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: auto; - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.4); -} - -.modal-content { - left: 1%; - top: 11%; - position: relative; - background-color: #fefefe; - margin: auto; - padding: 0; - width: 450px; - height: 500px; - border-radius: 8px; - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - -webkit-animation-name: animatetop; - -webkit-animation-duration: 0.3s; - animation-name: animatetop; - animation-duration: 0.3s -} - -@-webkit-keyframes animatetop { - from { - top: -300px; - opacity: 0 - } - - to { - top: 0; - opacity: 1 - } -} - -@keyframes animatetop { - from { - top: -300px; - opacity: 0 - } - - to { - top: 0; - opacity: 1 - } -} - -.close { - color: black; - float: right; - font-size: 28px; - font-weight: bold; -} - -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; -} - -.modal-header { - padding: 2px 16px; - color: black; -} - -.modal-body { - padding: 2px 16px; -} diff --git a/public/css/parentAdd.css b/public/css/parentAdd.css new file mode 100644 index 0000000..73fd6e3 --- /dev/null +++ b/public/css/parentAdd.css @@ -0,0 +1,232 @@ +.bigbox { + + overflow: auto; + position: relative; + background-color: #DFDFDF; + width: auto; + height: auto; + border-radius: 8px; + border: solid black 1px; +} + +.row { + margin-top: 0.5rem; +} + +.col-sm { + margin-left: 0.5rem; + max-width: 15rem; +} + +.buttondiv { + + display: flex; + justify-content: center; + align-items: center; + gap: 5rem; + margin: 1rem; +} + +.childbox { + display: flex; + width: 12rem; + height: 4.5rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + border: solid white 1px; + justify-content: center; + align-items: center; +} + +.childbox2 { + max-width: 12rem; + height: 6rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + overflow: auto; + border: solid white 1px; +} + +.childbox3 { + display: flex; + width: 12rem; + height: 6rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + border: solid white 1px; + justify-content: center; + align-items: center; +} + + +.centeritems { + display: grid; + justify-content: center; + /* Horizontal centering */ + /* Vertical centering */ + align-items: center; + margin: 0; +} + +.modal { + display: none; + position: fixed; + z-index: 50; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.modal-content { + left: 1%; + top: 15%; + position: relative; + background-color: #fefefe; + margin: auto; + padding: 0; + border-radius: 8px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + -webkit-animation-name: animatetop; + -webkit-animation-duration: 0.4s; + animation-name: animatetop; + animation-duration: 0.4s; + width: 30rem; + min-width: 266px; + height: auto; +} + +.modal-header { + padding: 2px 16px; + color: black; +} + +.modal-body { + padding: 2px 16px; + overflow-y: hidden; +} + +@-webkit-keyframes animatetop { + from { + top: 15%; + opacity: 0 + } + + to { + top: 0; + opacity: 1 + } +} + +@keyframes animatetop { + from { + top: 0; + opacity: 0; + } + + to { + top: 15%; + opacity: 1; + } +} + + +.close { + color: black; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + + + +@media (max-width: 500px) { + + .modal-content { + width: 100%; + left: 0; + top: 15%; + margin: 0; + padding: 0; + height: auto; + } + + .bigbox { + width: 100%; + height: auto; + } + + .row { + margin-top: 0.3rem; + } + + .col-sm { + margin-left: 0.1rem; + max-width: 10rem; + } + #searchNav{ + min-width: 9rem; + } +} + + +@media (max-width: 360px) { + #searchNav{ + min-width: 7rem; + } + .childbox { + width: 8rem; + height: 4rem; + } + + .childbox2 { + max-width: 8rem; + /* height: 4rem; */ + } + .childbox3 { + max-width: 8rem; + /* height: 4rem; */ + } + + .buttondiv { + gap: 2rem; + } +} + +@media (max-width: 300px) { + + .childbox { + width: 7rem; + height: 4rem; + } + #searchNav{ + min-width: 6rem; + } + .childbox2 { + max-width: 7rem; + /* height: 4rem; */ + } + + .childbox3 { + max-width: 7rem; + /* height: 4rem; */ + } + + .buttondiv { + gap: 1rem; + } + +} \ No newline at end of file diff --git a/public/css/parentEdit.css b/public/css/parentEdit.css new file mode 100644 index 0000000..3892005 --- /dev/null +++ b/public/css/parentEdit.css @@ -0,0 +1,554 @@ +body, +html { + + background: #c4c4c4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; +} + +.centerEdit { + display: flex; + justify-content: center; + height: 100vh; +} + +.edit { + overflow: auto; + width: 60%; + height: 31rem; + top: calc((100vh - 65%) / 2); + border-radius: 8px; + background-color: #3b6653; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + display: block; + position: relative; + +} + + +.row { + height: 5rem; + margin-top: 0.5rem; +} + +.col-sm-7 { + margin-left: 0.5rem; +} + +.row1 { + margin-top: 1.5rem; + margin-left: 5%; +} + +.col-sm { + margin-left: 2.4rem; +} + +.LABEL { + display: flex; + border-radius: 8px; + background: #F5F4F6; + align-items: center; + justify-content: center; + +} + +.INPUT { + align-items: center; + border-radius: 8px; + background: #F5F4F6; + text-align: center; +} + +.INPUT2 { + display: block; + border-radius: 8px; + background: #F5F4F6; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; + text-align: center; +} + + +#regdiv { + margin-top: 1rem; + height: 4rem; + /* display: flex; + align-items: center; + justify-self: center */ + text-align: center; + /* margin-left: calc((90% - 25rem) / 2); */ +} + +.reg { + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + background: #F5F4F6; + height: 3rem; +} + +.regdesign2 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + + +.regdesign3 { + border-radius: 5px; + background-color: #E8D5B9; + width: 14rem; + height: 2.5rem; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); + font-size: 16px; +} + +.regdesign3:hover { + color: white; + background-color: #f44336; +} + +.regdesign2:hover { + color: white; + background-color: #4CAF50; +} + + + +.select-classes { + text-align: center; +} + +.minibox2 { + + display: inline-block; + text-align: center; + height: 3rem; + margin: 0.5rem; + margin-top: 1rem; + padding: 10px 5px 10px 12px; + border-radius: 5px; + border: 1px solid #000; + text-decoration: none; + color: #000; + background: red; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + + +.minibox2.checked { + color: white; + background-color: green; +} + +/* Hide default checkbox */ +.minibox2 input[type="checkbox"] { + display: none; +} + +/* Change color when checkbox is checked */ +.minibox2 input[type="checkbox"]:checked+label { + background-color: green; + color: white; + /* Optional: Change text color */ +} + +::-webkit-scrollbar { + width: 6px; + height: 8px; + /* Width of the scrollbar */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 4px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 4px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #F5F4F6; + /* Color of the scrollbar track */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #F5F4F6; + /* Color of the space after the scrollbar handle */ + border-radius: 4px; +} + + + +.dropdown .btn.ders-dropdown, +.INPUT { + width: 100%; + /* Set the width to fill the column */ +} + +#backbutton1 { + position: relative; + z-index: 15; + margin-bottom: -1.5rem; +} + + +.dropdown-menu { + max-height: 8rem; + max-width: 14rem; + overflow: auto; + padding: 5px; + /* text-align: center; */ +} + +#classroomdropdown { + min-height: 2rem; + max-height: 6rem; + max-width: 4rem; +} + +/* Style for the modal */ +.modal_2 { + display: none; + position: fixed; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-content_2 { + background-color: white; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + text-align: center; + border-radius: 5px; +} + +/* Style for buttons inside the modal */ +#confirmationModal button { + padding: 10px 20px; + margin: 10px; + border-radius: 5px; + cursor: pointer; +} + +#confirmYes { + background-color: #4CAF50; + color: white; + border: none; +} + +#confirmNo { + background-color: #f44336; + color: white; + border: none; +} + + + +@media (min-width: 576px) and (max-width: 768px) { + #mainbox { + height: 90%; + text-align: center; + overflow-x: hidden; + top: calc((100vh - 90%) / 2); + left: 1.5rem; + width: 80%; + + } + + .edit { + max-height: 90%; + } + + .row1 { + margin: 0; + display: block; + } + + .col-md-4 { + margin: 0; + left: calc((100% - 18rem) / 2); + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + min-width: 90%; + left: calc((100% - 90%) / 2); + + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + min-width: 90%; + left: calc((100% - 90%) / 2); + + } + + .INPUT2 { + height: 5rem; + } + + .row { + margin-top: 2rem; + } + + #usernamerowu { + margin-top: 4rem; + } + + #backbutton1 { + margin-left: -90%; + } + + .reg { + width: 12rem; + margin-top: 0.5rem; + } + + #regdiv { + margin-top: 2.5rem; + height: 4rem; + margin-left: 5.5rem; + margin-bottom:4rem; + display: none; + } +} + +@media (min-width: 768px) and (max-width: 1057px) { + + .regdesign2 { + font-size: 12px; + } + + .regdesign3 { + font-size: 12px; + } + + .LABEL { + justify-content: left; + } + + .student-dropdown { + bottom: 0px; + } +} + + +@media (min-width: 768px) and (max-width: 768px) { + + + .LABEL { + justify-content: center; + } + + .student-dropdown { + bottom: 0px; + } + + #regdiv { + left: 0; + margin-right: 7rem; + } +} + + +@media (max-width: 500px) { + + .edit { + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + .row1 { + margin: 0; + display: block; + } + + .col-md-4 { + margin: 0; + position: relative; + left: calc((100% - 16rem) / 2); + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + #mainbox { + text-align: center; + margin-top: 2rem; + width: 100%; + height: calc(100% - 2rem); + border-radius: 0; + box-shadow: none; + border: none; + } + + #backbutton1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + } + + .INPUT2 { + height: 5rem; + } + + + .row { + margin-top: 2rem; + } + + #usernamerowu { + margin-top: 4rem; + } + + .reg { + width: 12rem; + margin-top: 0.5rem; + } + + #regdiv { + margin-top: 2.5rem; + height: 4rem; + margin-left: 3.2rem; + padding-bottom: 8rem; + } + +} + +@media (min-width: 501px) and (max-width: 576px) { + #mainbox { + height: 90%; + width: 80%; + text-align: center; + overflow-x: hidden; + top: calc((100vh - 90%) / 2); + left: 1.5rem; + + } + + .centerEdit { + justify-content: flex-end; + } + + .edit { + max-height: 90%; + } + + .row1 { + margin: 0; + display: block; + height: 100%; + width: 100%; + } + + .col-md-4 { + margin: 0; + left: calc((100% - 18rem) / 2); + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + min-width: 90%; + + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + min-width: 90%; + + } + + .INPUT2 { + height: 5rem; + } + + + .row { + margin-top: 2rem; + } + + #usernamerowu { + margin-top: 4rem; + } + + + #backbutton1 { + margin-left: -90%; + } + + .reg { + width: 12rem; + margin-top: 0.5rem; + } + + #regdiv { + margin-top: 2.5rem; + height: 4rem; + margin-left: 5rem; + margin-bottom: 4rem; + } +} \ No newline at end of file diff --git a/public/css/parents.css b/public/css/parents.css new file mode 100644 index 0000000..c0d0ceb --- /dev/null +++ b/public/css/parents.css @@ -0,0 +1,181 @@ +body, +html { + background-color: #C4C4C4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; + +} + +.buttondiv1 { + + text-align: center; + margin: 1rem; + +} +#bar{ + margin-left: 0.5%; +} +.center { + display: flex; + justify-content: center; + height: 100vh; +} + +.Parents { + + overflow: auto; + display: block; + position: relative; + width: 37%; + min-width: 24rem; + top: 2%; + height: clamp(42rem,96%,86rem); + border-radius: 5px; + border: 1px solid #000; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + background-color: #3b6653; +} + + +.listitems { + background: #3b6653; + width: 92%; + margin-left: 4%; + height: 93%; +} + +.listitems2 { + overflow: auto; + height: 85%; +} + +.parentline { + display: flex; + border-radius: 5px; + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 21rem; + max-height: 4rem; + background-color: white; + align-items: center; + justify-content: center; +} + + +.parentlinetext { + padding: 1%; + margin-left: 5%; + display: inline-block; + text-align: center; + border: 1px solid black; + border-radius: 5px; + width: 90%; + height: 2.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.line:link, +.line:visited { + background-color: white; + color: black; + border: 2px solid #5a906f; + padding: 10px 20px; + text-decoration: none; + display: inline-block; +} + +.line:hover, +.line:active { + background-color: #5a906f; + color: white; +} + +::-webkit-scrollbar { + width: 8px; + /* Width of the scrollbar */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 5px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 5px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #f1f1f1; + /* Color of the scrollbar track */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #ddd; + /* Color of the space after the scrollbar handle */ + border-radius: 5px; +} + +.error { + color: red; + font: bold; +} + +@media (max-width: 500px) { + + .Parents { + width: 100%; + top: 3rem; + height: calc(100% - 3rem); + border: #888; + border-radius: 0; + min-width: 16rem; + text-align: center; + } + + .center{ + overflow-x: hidden; + } + .parentline { + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 210px; + } + + .parentlinetext { + margin-left: 5%; + padding: 1%; + height: 9%; + } + .student-names{ + font-size: 12px; + } + .listitems { + height: 75%; + } + #bar{ + margin-left: 1%; + } +} + + +@media (min-width: 500.1px) and (max-width: 1100px) { + + .Parents { + margin-left: 3rem; + } +} \ No newline at end of file diff --git a/public/css/sidebar.css b/public/css/sidebar.css new file mode 100644 index 0000000..0addd8c --- /dev/null +++ b/public/css/sidebar.css @@ -0,0 +1,224 @@ +/* Default settings for the bar */ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + +} + +/* top left corner */ +/* properties of sidebar */ +.sidebar{ + position: fixed; + top: 0; + left: 0; + height: 100vh; + width: 4.5rem; + background-image: url("/images/green.jpg"); + background-size: cover; /* or 'contain' */ + background-repeat: no-repeat; + background-position: center; /* or specify position */ + padding: 0.4rem 0.8rem; + transition: all 0.5s ease; + overflow-y: auto; + overflow-x: hidden; + z-index: 20; + opacity: 1; +} + +.topmenu{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 3rem; + background-image: url("/images/green.jpg"); + background-size: cover; /* or 'contain' */ + background-repeat: no-repeat; + background-position: center; /* or specify position */ + padding: 0.4rem 0.8rem; + transition: all 0.5s ease; + z-index: 10; + opacity: 0; +} + +/* adjust width of sidebar while active */ +.sidebar.active{ + width: clamp(200px, 17%, 400px); +} + +.sidebar #btn{ + position: absolute; + top: .4rem; + left: 50%; + font-size: 1.2rem; + line-height: 2.5rem; + transform: translateX(-50%); + cursor: pointer; +} + +.sidebar.sidebar.active #btn{ + left: 90% +} + +.sidebar .top .logo i{ + font-size: 2rem; + margin-right: 5px; +} + + +.topmenu #topmenuBtn{ + position: absolute; + top: .3rem; + left: 1rem; + font-size: 1.2rem; + line-height: 2.5rem; + cursor: pointer; +} + +.topmenu #backbutton2{ + position: absolute; + top: 0; + right: 0; + font-size: 1.2rem; + line-height: 2.5rem; + cursor: pointer; +} + +.user { + display: flex; + align-items: center; + margin: 1rem 0; +} + +.user-img { + min-width: 3rem; /* Adjust the width of the image */ + border-radius: 50%; + border: 1px solid black; + opacity: 1; +} + +.user p{ + color: #fff; + opacity: 1; + margin-left: 1rem; +} + +.sidebar.active .user img{ + max-width: 40%; +} + +.bold{ + font-weight: 600; +} + +.sidebar p{ + opacity: 0; +} + +.sidebar.active p{ + opacity: 1; +} + +.sidebar ul li{ + position: relative; + list-style-type: none; + max-width: auto; + margin: 0.2rem 0; + line-height: 2rem; + padding: 1px; +} + +.sidebar ul li a{ + color: #fff; + display: flex; + align-items: center; + text-decoration: none; + border-radius: 0.8rem; +} + +.sidebar ul li a:hover{ + background-color: #fff; + color: #12171e; +} + +.sidebar ul li a i{ + min-width: 3rem; + text-align: center; + border-radius: 25%; +} + +.sidebar ul li a span{ + max-width: 3rem; + text-align: center; + border-radius: 25%; + line-height: 3rem; +} + +.sidebar .nav-item{ + opacity: 0; +} + +.sidebar.active .nav-item{ + opacity: 1; +} + + +hr { + border: 0.5px solid black; + margin: 15px; + +} + +/* For Webkit-based browsers */ +/* Width and rounded corners of the scrollbar */ +::-webkit-scrollbar { + width: 8px; + border-radius: 5px; +} + +/* Scrollbar handle */ +::-webkit-scrollbar-thumb { + background: #888; + border-radius: 5px; +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; +} + +/* Scrollbar track */ +::-webkit-scrollbar-track { + background: #f1f1f1; + border-radius: 5px; +} + +/* Space after scrollbar handle */ +::-webkit-scrollbar-track-piece:end { + background: #ddd; + border-radius: 5px; +} + + +@media (max-width: 500px){ + + .topmenu{ + z-index: 30; + opacity: 1; + } + + .sidebar { + opacity: 0; + pointer-events: none; + } + + .sidebar.sidebar.active{ + z-index: 40; + opacity: 1; + width: 90%; + pointer-events: all; + } + +} \ No newline at end of file diff --git "a/public/css/sidebar_tasar\304\261m.css" "b/public/css/sidebar_tasar\304\261m.css" deleted file mode 100644 index bc70151..0000000 --- "a/public/css/sidebar_tasar\304\261m.css" +++ /dev/null @@ -1,181 +0,0 @@ -.user-img { - width: 100%; /* Adjust the width of the image */ - height: 100%; /* Adjust the height of the image */ - border-radius: 50%; - border: 1px solid black; - object-fit: cover; -} - - -*{ - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; -} - -.sidebar{ - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 5%; - min-width: 3%; - background-color: #3b6653; - padding: 0.4rem 0.8rem; - transition: all 0.5s ease; - -} -.sidebar.active ~ .main-content{ - left: 250px; - width: calc(100% - 250px); -} - -.sidebar.sidebar.active{ - width: 16%; -} -.sidebar #btn{ - position: absolute; - color: #fff; - top: .4rem; - left: 50%; - font-size: 1.2rem; - line-height: 50px; - transform: translateX(-50%); - cursor: pointer; -} - -.sidebar.sidebar.active #btn{ - left: 90% -} - -.sidebar .top .logo{ - color: #fff; - display: flex; - height: 50px; - width: 100%; - align-items: center; - pointer-events: none; - opacity: 0; - -} - -.sidebar .active .top .logo{ - opacity: 1; -} - -.top .logo i{ - font-size: 2rem; - margin-right: 5px; -} - -.user { - min-width: 40px; - min-height: 40px; - display: flex; - align-items: center; - margin: 1rem 0; -} - -.user p{ - color: #fff; - opacity: 1; - margin-left: 1rem; -} - -.sidebar.active .user img{ - width: 50%; - height: 50%; -} - -.bold{ - font-weight: 600; -} - -.sidebar p{ - opacity: 0; -} - -.sidebar.active p{ - opacity: 1; -} - -.sidebar ul li{ - position: relative; - list-style-type: none; - height: auto; - width: auto; - margin: 0.8rem auto; - line-height: 50px; - padding: 2px; - border-color: black; -} - -.sidebar ul li a{ - color: #fff; - display: flex; - align-items: center; - text-decoration: none; - border-radius: 0.8rem; -} - -.sidebar ul li a:hover{ - background-color: #fff; - color: #12171e; -} - -.sidebar ul li a i{ - min-width: 50px; - text-align: center; - height: 50px; - border-radius: 12px; - line-height: 50px; -} - -.sidebar .nav-item{ - opacity: 0; -} - -.sidebar.active .nav-item{ - opacity: 1; -} - -.sidebar ul li .tooltip{ - position: absolute; - left: 125px; - top: 50%; - transform: translate(-50%, -50%); - box-shadow: 0 0.5rem 0.8rem rgba(0, 0, 0, 0.2); - border-radius: .6rem; - padding: .4rem 1.2rem; - line-height: 1.8rem; - z-index: 20; - opacity: 0; -} - -.sidebar ul li:hover .tooltip{ - opacity: 1; -} - - -.sidebar.active ul li .tooltip{ - display: none; -} - -.main-content{ - position: relative; - background-color: #eee; - min-height: 100%; - top: 0; - left:80px; - transition: all 0.5 ease; - width: calc(100%-80px); - padding: 1rem; - -} - - -hr { - border: 0.5px solid black; - margin: 15px 0; -} \ No newline at end of file diff --git "a/public/css/sinif_duzenle_tasar\304\261m.css" "b/public/css/sinif_duzenle_tasar\304\261m.css" deleted file mode 100644 index 489387b..0000000 --- "a/public/css/sinif_duzenle_tasar\304\261m.css" +++ /dev/null @@ -1,190 +0,0 @@ - -.bg_sinif_duzenle { - background-color: #C4C4C4; - display: flex; - height: 100%; - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} - - -body, -html { - height: 100%; - margin: 0; -} -.block{ - margin-left: 6%; -} - -.duzenle { - overflow: auto; - width: 961px; - height: 573px; - flex-shrink: 1; - border-radius: 8px; - background-color: #3b6653; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - position: relative; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - - -.photo { - display: flex; - width: 270px; - height: 281px; - padding: 28px 38px; - margin-left: 30px; - flex-direction: column; - align-items: center; - gap: 10px; - border-radius: 5px; - background: #F5F4F6; - margin-top: 35px; -} - -.photo img { - display: flex; - width: 95%; - height: 95%; -} - -.kayıt { - display: inline-block; - width: 220px; - height: 60px; - padding: 10px 0px 0px 10px; - border-radius: 5px; - background: #F5F4F6; - margin-left: 6%; - margin-top: 2%; -} - -.kayıt_design { - display: inline; - border-radius: 5px; - background: #FF9595; - width: 200px; - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); -} - -.LABEL { - display: inline-block; - width: 209px; - height: 75px; - padding: 22px 71px 16px 40px; - border-radius: 8px; - background: #F5F4F6; - text-align: left; -} - -.INPUT { - display: inline-block; - width: 329px; - height: 75px; - - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; -} - -.INPUT_2 { - display: inline-block; - width: 329px; - height: 0px; - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; - flex-direction: row; - justify-content: space-around; - overflow-x: auto; - overflow-y: hidden; - white-space: nowrap; -} - -.Entrance { - display: flexbox; - justify-content: center; - align-items: center; - position: absolute; - top: 130px; - left: 350px; -} - -.minibox { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: #DDDCBC; -} -.minibox_2 { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: red; -} - -.block { - margin-top: 10px; -} - - -::-webkit-scrollbar { - width: 6px; - height: 8px; - /* Width of the scrollbar */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: #888; - /* Color of the scrollbar handle */ - border-radius: 4px; - /* Rounded corners */ -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: #555; - /* Color when hovering over scrollbar */ - border-radius: 4px; -} - -/* For horizontal scrollbar */ -::-webkit-scrollbar-track { - background: #F5F4F6; - /* Color of the scrollbar track */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-track-piece:end { - background: #F5F4F6; - /* Color of the space after the scrollbar handle */ - border-radius: 4px; -} \ No newline at end of file diff --git "a/public/css/sinif_ekle_tasar\304\261m.css" "b/public/css/sinif_ekle_tasar\304\261m.css" deleted file mode 100644 index 777313c..0000000 --- "a/public/css/sinif_ekle_tasar\304\261m.css" +++ /dev/null @@ -1,88 +0,0 @@ -.button_design{ - - display: flex; - height: 58px; - padding: 18px 0px 18px 26px; - justify-content: flex-end; - align-items: center; - flex-shrink: 0; - border-radius: 8px; - background: #E8D5B9; - -} - -.bigbox { - - overflow: auto; - position: relative; - background-color: #DFDFDF; - width: 450px; - height: 180px; - padding: 1%; - border-radius: 8px; - border: solid black 1px; -} - -.childbox { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - padding: 24px; - border: solid white 1px; -} -.childbox_2 { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - display: inline; - overflow:auto; - border: solid white 1px; - -} - -.custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ -} - -.labeldesign{ - border-radius: 4px; - background-color: whitesmoke; - width: 230px; - text-align: center; - color: black; -} - -@media (max-width: 768px) { - .bigbox { - left: 50%; /* Adjust as needed */ - top: 50%; - transform: translate(-50%, -50%); - width: 90%; /* Adjust as needed */ - max-width: 400px; /* Adjust as needed */ - height: auto; /* Adjust as needed */ - padding: 5%; /* Adjust as needed */ - } - - .childbox, - .childbox_2 { - width: 100%; /* Adjust as needed */ - height: 60px; /* Adjust as needed */ - padding: 15px; /* Adjust as needed */ - margin-bottom: 10px; /* Adjust as needed */ - } - - .custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ - } - - .labeldesign { - width: 80%; /* Adjust as needed */ - margin: 0 auto; /* Center the element */ - } -} \ No newline at end of file diff --git a/public/css/siniflarimiz.css b/public/css/siniflarimiz.css deleted file mode 100644 index 4dd4361..0000000 --- a/public/css/siniflarimiz.css +++ /dev/null @@ -1,183 +0,0 @@ -body, -html { - background-color: #C4C4C4; - height: 100%; - margin: 0; -} - -.siniflar { - - display: inline-block; - position: relative; - top: 6%; - left: 35%; - width: 35%; - min-width: 300px; - height: 90%; - border-radius: 5px; - border: 1px solid #000; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - background-color: #3b6653; -} - -.listele { - display: inline-block; - overflow: auto; - background: #3b6653; - width: 92%; - margin-left: 4%; - height: 80%; -} - -.sinif-satiri { - align-items: center; - text-align: center; - display: block; - border-radius: 5px; - margin-top: 2%; - margin-left: 2%; - width: 96%; - min-width: 255px; - height: auto; - background-color: white; -} - - -.sinif-satiri-yazisi{ - display: inline-block; - margin-left: 3%; - padding: 2%; - align-items: center; - border: 1px solid black; - border-radius: 5px; - width: 80%; - height: 10%; -} - -.satir:link, -.satir:visited { - background-color: white; - color: black; - border: 2px solid #5a906f; - padding: 10px 20px; - text-decoration: none; - display: inline-block; -} - -.satir:hover, -.satir:active { - background-color: #5a906f; - color: white; -} - -::-webkit-scrollbar { - width: 8px; - /* Width of the scrollbar */ - border-radius: 5px; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: #888; - /* Color of the scrollbar handle */ - border-radius: 5px; - /* Rounded corners */ -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: #555; - /* Color when hovering over scrollbar */ - border-radius: 5px; -} - -/* For horizontal scrollbar */ -::-webkit-scrollbar-track { - background: #f1f1f1; - /* Color of the scrollbar track */ - border-radius: 5px; -} - -/* Handle */ -::-webkit-scrollbar-track-piece:end { - background: #ddd; - /* Color of the space after the scrollbar handle */ - border-radius: 5px; -} - -.modal { - display: none; - position: fixed; - z-index: 5; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: hidden; - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.4); -} - -.modal-content { - left: 1%; - top: 11%; - position: relative; - background-color: #fefefe; - margin: auto; - padding: 0; - width: 450px; - height: 180px; - border-radius: 8px; - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - -webkit-animation-name: animatetop; - -webkit-animation-duration: 0.3s; - animation-name: animatetop; - animation-duration: 0.3s; -} - -@-webkit-keyframes animatetop { - from { - top: -300px; - opacity: 0 - } - - to { - top: 0; - opacity: 1 - } -} - -@keyframes animatetop { - from { - top: -300px; - opacity: 0 - } - - to { - top: 0; - opacity: 1 - } -} - -.close { - color: black; - float: right; - font-size: 28px; - font-weight: bold; -} - -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; -} - -.modal-header { - padding: 2px 16px; - color: black; -} - -.modal-body { - padding: 2px 16px; -} \ No newline at end of file diff --git a/public/css/studentAdd.css b/public/css/studentAdd.css new file mode 100644 index 0000000..b283997 --- /dev/null +++ b/public/css/studentAdd.css @@ -0,0 +1,215 @@ +.bigbox { + + overflow: auto; + position: relative; + background-color: #DFDFDF; + width: auto; + height: auto; + border-radius: 8px; + border: solid black 1px; +} + +.row { + margin-top: 0.5rem; +} + +.col-sm { + margin-left: 0.5rem; + max-width: 15rem; +} + +.buttondiv { + + display: flex; + justify-content: center; + align-items: center; + gap: 5rem; + margin: 1rem; +} + +.childbox { + display: flex; + width: 12rem; + height: 4.5rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + border: solid white 1px; + justify-content: center; + align-items: center; +} + +.COURSEDROP { + border: solid white 1px; + display: block; + text-align: center; + border-radius: 4px; + background-color: #F5F4F6; + color: black; + height: 4.5rem; + width: 12rem; +} + +.centeritems { + display: grid; + justify-content: center; + /* Horizontal centering */ + /* Vertical centering */ + align-items: center; + margin: 0; +} + +.modal { + display: none; + position: fixed; + z-index: 50; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.modal-content { + left: 1%; + top: 20%; + position: relative; + background-color: #fefefe; + margin: auto; + padding: 0; + border-radius: 8px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + -webkit-animation-name: animatetop; + -webkit-animation-duration: 0.4s; + animation-name: animatetop; + animation-duration: 0.4s; + width: 30rem; + min-width: 266px; + height: auto; +} + +.modal-header { + padding: 2px 16px; + color: black; +} + +.modal-body { + padding: 2px 16px; + overflow-y: hidden; +} + +@-webkit-keyframes animatetop { + from { + top: 20%; + opacity: 0 + } + + to { + top: 0; + opacity: 1 + } +} + +@keyframes animatetop { + from { + top: 0; + opacity: 0; + } + + to { + top: 20%; + opacity: 1; + } +} + + +.close { + color: black; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + + + +@media (max-width: 500px) { + + .modal-content { + width: 100%; + left: 0; + top: 20%; + margin: 0; + padding: 0; + height: auto; + } + + .bigbox { + width: 100%; + height: auto; + } + + .row { + margin-top: 0.2rem; + } + + .col-sm { + margin-left: 0.1rem; + max-width: 10rem; + } + +} + + +@media (max-width: 360px) { + + .childbox { + width: 8rem; + height: 4rem; + } + + .childbox2 { + width: 8rem; + height: 4rem; + } + + .COURSEDROP { + width: 8rem; + height: 4rem; + } + + .buttondiv { + gap: 2rem; + } +} + +@media (max-width: 300px) { + + .childbox { + width: 7rem; + height: 4rem; + } + + .childbox2 { + width: 7rem; + height: 4rem; + } + + .COURSEDROP { + width: 7rem; + height: 4rem; + } + + .buttondiv { + gap: 1rem; + } + +} \ No newline at end of file diff --git a/public/css/studentEdit.css b/public/css/studentEdit.css new file mode 100644 index 0000000..291cea8 --- /dev/null +++ b/public/css/studentEdit.css @@ -0,0 +1,686 @@ +body, +html { + + background: #c4c4c4; + /* height: 100vh; */ + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; +} + +.centerEdit { + display: flex; + justify-content: center; + height: 100vh; +} + +#backbutton1 { + position: relative; + z-index: 15; + margin-bottom: -1.5rem; +} +#confirmationButton{ + position: absolute; + top: 1.7rem; + left: 15px; + z-index: 2; /* Ensure button stays above the image */ + background-color: #fff; + border: 1px solid #ccc; + /* border-radius: 50%; */ + display: none; + opacity: 0.5; +} +.photo:hover #confirmationButton { + display: block; /* Show the button on hover */ +} +.edit { + overflow: auto; + width: 80%; + height: 31rem; + top: calc((100vh - 65%) / 2); + /* max-height: 31rem; */ + border-radius: 8px; + background-color: #3b6653; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + display: block; + position: relative; + +} + + +.row { + height: 5rem; + margin-top: 0.5rem; +} + +.col-sm-7 { + margin-left: 0.5rem; +} + +.row_1 { + margin-left: 4%; +} + +.LABEL { + display: flex; + border-radius: 8px; + background: #F5F4F6; + align-items: center; + justify-content: center; + +} + +.INPUT { + align-items: center; + border-radius: 8px; + background: #F5F4F6; + text-align: center; +} + +.INPUT_2 { + display: block; + border-radius: 8px; + background: #F5F4F6; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; + text-align: center; +} + +.reg { + display: flex; + width: 17rem; + height: 3rem; + justify-content: center; + align-items: center; + border-radius: 5px; + background: #F5F4F6; + margin-top: 0.6rem; + +} + +.regdesign1 { + border-radius: 5px; + background-color: #E8D5B9; + width: 90%; + height: 80%; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); +} + +.regdesign2 { + border-radius: 5px; + background-color: #E8D5B9; + width: 90%; + height: 80%; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); +} + +.regdesign1:hover { + color: white; + background-color: #4CAF50; +} + +.regdesign3 { + border-radius: 5px; + background-color: #E8D5B9; + width: 90%; + height: 80%; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); +} + +.regdesign3:hover { + color: white; + background-color: #f44336; +} + +.regdesign2:hover { + color: white; + background-color: #f44336; +} + +.photo { + display: flex; + width: 17rem; + height: 17rem; + margin-top: 1.7rem; + justify-content: center; + align-items: center; + border-radius: 5px; + background: #F5F4F6; +} + +.photo img { + width: 92%; + height: 92%; +} + +.select-classes { + + text-align: center; + +} + +.minibox_2 { + + display: inline-block; + text-align: center; + height: 3rem; + margin: 0.5rem; + margin-top: 1rem; + padding: 10px 5px 10px 12px; + border-radius: 5px; + border: 1px solid #000; + text-decoration: none; + color: #000; + background: red; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + + + +.minibox_2.checked { + color: white; + background-color: green; +} + +/* Hide default checkbox */ +.minibox_2 input[type="checkbox"] { + display: none; +} + +/* Change color when checkbox is checked */ +.minibox_2 input[type="checkbox"]:checked+label { + background-color: green; + color: white; + /* Optional: Change text color */ +} + +::-webkit-scrollbar { + width: 6px; + height: 8px; + /* Width of the scrollbar */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 4px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 4px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #F5F4F6; + /* Color of the scrollbar track */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #F5F4F6; + /* Color of the space after the scrollbar handle */ + border-radius: 4px; +} + +select.form-control { + + &[size], + &[multiple] { + height: 5rem; + } +} + +.regdiv { + + opacity: 1; + pointer-events: all; +} + +.registerdiv2 { + display: none; + opacity: 0; + pointer-events: none; +} + +.dropdown .btn.ders-dropdown, +.INPUT { + width: 100%; + /* Set the width to fill the column */ +} + +#backbutton_1 { + margin: 0; + margin-bottom: -24px; +} + +.dropdown-menu { + max-height: 8rem; + overflow: auto; + text-align: center; +} + +#classroomdropdown { + min-height: 2rem; + max-height: 6rem; + max-width: 4rem; +} + + + + +/* Style for the modal */ +.modal_2 { + display: none; + position: fixed; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-content_2 { + background-color: white; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + text-align: center; + border-radius: 5px; +} + +/* Style for buttons inside the modal */ +#confirmationModal button { + padding: 10px 20px; + margin: 10px; + border-radius: 5px; + cursor: pointer; +} + +#confirmYes { + background-color: #4CAF50; + color: white; + border: none; +} + +#confirmNo { + background-color: #f44336; + color: white; + border: none; +} + + + +@media (min-width: 576px) and (max-width: 768px) { + #mainbox { + height: 90%; + text-align: center; + overflow-x: hidden; + top: calc((100vh - 90%) / 2); + left: 1.5rem; + + } + + .edit { + max-height: 90%; + } + + .regdiv { + display: none; + opacity: 0; + pointer-events: none; + } + + .registerdiv2 { + bottom: 0; + display: inline-block; + opacity: 1; + pointer-events: all; + } + + .row_1 { + margin: 0; + display: block; + } + + .col-md-4 { + margin: 0; + left: calc((100% - 18rem) / 2); + } + + + .photo { + margin-top: 0; + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + #regdiv2 { + margin-bottom: 4rem; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + min-width: 90%; + left: calc((100% - 90%) / 2); + + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + min-width: 90%; + left: calc((100% - 90%) / 2); + + } + + .INPUT_2 { + height: 5rem; + } + + + .row { + margin-top: 2rem; + } + + #dersrowu { + margin-top: 4rem; + } + + .reg { + display: flex; + align-items: center; + justify-content: center; + width: 15rem; + } + + .regdesign1, + .regdesign2, + .regdesign3 { + display: inline; + } + + #backbutton_1 { + position: absolute; + /* float: left; */ + } +} + +@media (min-width: 768px) and (max-width: 1100px) { + + .row { + margin-left: 5rem; + margin-right: 0; + } + + .row_1 { + margin: 0; + } + +} + +@media (min-width: 768px) and (max-width: 768px) { + + .col-md-4 { + margin: 0; + min-width: 100%; + margin-left: -3rem; + } + + + .col-md-8 { + margin: 0; + min-width: 100%; + margin-left: -3rem; + + } + + .reg { + width: 20rem; + } + + #regdiv2 { + margin-left: 4rem; + margin-bottom: 4rem; + } + + .photo { + margin-left: 1.5rem; + margin-top: 3rem; + bottom: 1.5rem; + width: 18rem; + height: 18rem; + } +} + + +@media (min-width: 500px) { + .col-md-8 { + margin-top: 2.5rem; + } +} + +@media (max-width: 500px) { + + .edit { + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + .regdiv { + display: none; + opacity: 0; + pointer-events: none; + } + + .registerdiv2 { + bottom: 0; + display: inline-block; + opacity: 1; + pointer-events: all; + } + + .row_1 { + margin: 0; + display: block; + } + + .col-md-4 { + margin: 0; + position: relative; + left: calc((100% - 16rem) / 2); + } + + + .photo { + margin-top: 0; + bottom: 1.5rem; + width: 14rem; + height: 14rem; + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + #mainbox { + text-align: center; + margin-top: 2rem; + width: 100%; + height: calc(100% - 2rem); + border-radius: 0; + box-shadow: none; + border: none; + } + + #regdiv2 { + margin-bottom: 4rem; + } + + + + #backbutton_1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + } + + .INPUT_2 { + height: 5rem; + } + + + .row { + margin-top: 2rem; + } + + #dersrowu { + margin-top: 4rem; + } + + .reg { + width: 12rem; + } + + +} + +@media (min-width: 501px) and (max-width: 576px) { + #mainbox { + height: 90%; + width: 80%; + text-align: center; + overflow-x: hidden; + top: calc((100vh - 90%) / 2); + left: 1.5rem; + + } + + .centerEdit { + justify-content: flex-end; + } + + .edit { + max-height: 90%; + } + + .regdiv { + display: none; + opacity: 0; + pointer-events: none; + } + + .registerdiv2 { + bottom: 0; + display: inline-block; + opacity: 1; + pointer-events: all; + } + + .row_1 { + margin: 0; + display: block; + height: 100%; + width: 100%; + } + + .col-md-4 { + margin: 0; + left: calc((100% - 18rem) / 2); + } + + + .photo { + margin-top: 0; + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + #regdiv2 { + margin-bottom: 4rem; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + min-width: 90%; + + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + min-width: 90%; + + } + + .INPUT_2 { + height: 5rem; + } + + + .row { + margin-top: 2rem; + } + + #dersrowu { + margin-top: 4rem; + } + + .reg { + display: flex; + align-items: center; + justify-content: center; + width: 15rem; + } + + .regdesign1, + .regdesign2, + .regdesign3 { + display: inline; + } + + #backbutton_1 { + position: absolute; + /* float: left; */ + } +} \ No newline at end of file diff --git a/public/css/ogrencilerimiz.css b/public/css/students.css similarity index 51% rename from public/css/ogrencilerimiz.css rename to public/css/students.css index ece8276..0999bb3 100644 --- a/public/css/ogrencilerimiz.css +++ b/public/css/students.css @@ -1,51 +1,71 @@ body, html { background-color: #C4C4C4; - height: 100%; margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; + } -.ogrenciler { +.buttondiv1 { - display: inline-block; + text-align: center; + margin: 1rem; + +} +#bar{ + margin-left: 0.5%; +} +.center { + display: flex; + justify-content: center; + height: 100vh; +} + +.Students { + + overflow: auto; + display: block; position: relative; - top: 6%; - left: 35%; - width: 35%; - min-width: 300px; - height: 90%; + width: 37%; + min-width: 24rem; + top: 2%; + height: clamp(42rem,96%,86rem); border-radius: 5px; border: 1px solid #000; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); background-color: #3b6653; } -.listele { - display: inline-block; - overflow: auto; + +.listitems { background: #3b6653; width: 92%; margin-left: 4%; - height: 80%; + height: 93%; } -.ogrenci-satiri { - display: block; +.listitems2 { + overflow: auto; + height: 85%; +} + +.studentline { + display: flex; border-radius: 5px; - margin-top: 2%; + margin-top: 1%; margin-left: 2%; width: 96%; - min-width: 255px; - height: auto; + min-width: 21rem; + max-height: 4rem; background-color: white; + align-items: center; + justify-content: center; } -.ogrenci-satiri-gorseli{ - min-width: 30px; - min-height: 30px; - width: 10%; - /* Increase the width */ - height: 10%; +.studentlineimg { + width: 2.5rem; + height: 2.5rem; border-radius: 5px; margin-left: 2%; margin-right: calc(2% - 1.33%); @@ -57,19 +77,22 @@ html { } -.ogrenci-satiri-yazisi{ - display: inline-block; +.studentlinetext { + padding: 1%; margin-left: 3%; - padding: 2%; - align-items: center; + display: inline-block; + text-align: center; border: 1px solid black; border-radius: 5px; width: 80%; - height: 10%; + height: 2.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } -.satir:link, -.satir:visited { +.line:link, +.line:visited { background-color: white; color: black; border: 2px solid #5a906f; @@ -78,8 +101,8 @@ html { display: inline-block; } -.satir:hover, -.satir:active { +.line:hover, +.line:active { background-color: #5a906f; color: white; } @@ -119,79 +142,60 @@ html { border-radius: 5px; } -.modal { - display: none; - position: fixed; - z-index: 5; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: hidden; - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.4); +.error { + color: red; + font: bold; } -.modal-content { - left: 1%; - top: 11%; - position: relative; - background-color: #fefefe; - margin: auto; - padding: 0; - width: 450px; - height: 340px; - border-radius: 8px; - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - -webkit-animation-name: animatetop; - -webkit-animation-duration: 0.3s; - animation-name: animatetop; - animation-duration: 0.3s; -} - -@-webkit-keyframes animatetop { - from { - top: -300px; - opacity: 0 +@media (max-width: 500px) { + .listitems { + height: 75%; + } + .Students { + width: 100%; + top: 3rem; + height: calc(100vh - 3rem); + border: #888; + border-radius: 0; + min-width: 16rem; + text-align: center; } - to { - top: 0; - opacity: 1 + .center{ + overflow-x: hidden; } -} -@keyframes animatetop { - from { - top: -300px; - opacity: 0 + .studentline { + margin-top: 1%; + margin-left: 2%; + width: 94%; + min-width: 210px; } - to { - top: 0; - opacity: 1 + .studentlineimg { + width: 2rem; + height: 2rem; + border-radius: 5px; + margin-left: 0; + margin-right: 0; } -} -.close { - color: black; - float: right; - font-size: 28px; - font-weight: bold; -} -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; + .studentlinetext { + margin-left: 1%; + padding: 1%; + height: 9%; + } + #bar{ + margin-left: 1%; + } } -.modal-header { - padding: 2px 16px; - color: black; -} +@media (min-width: 500.1px) and (max-width: 1100px) { + + .Students { + + margin-left: 3rem; + } -.modal-body { - padding: 2px 16px; } \ No newline at end of file diff --git a/public/css/teacherAdd.css b/public/css/teacherAdd.css new file mode 100644 index 0000000..42625b1 --- /dev/null +++ b/public/css/teacherAdd.css @@ -0,0 +1,253 @@ +.bigbox { + + overflow: auto; + position: relative; + background-color: #DFDFDF; + width: auto; + height: auto; + border-radius: 8px; + border: solid black 1px; +} + +.row { + margin-top: 0.5rem; +} + +.col-sm { + margin-left: 0.5rem; + max-width: 15rem; +} + +.buttondiv { + + display: flex; + justify-content: center; + align-items: center; + gap: 5rem; + margin: 1rem; +} + +.childbox { + display: flex; + width: 12rem; + height: 4.5rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + border: solid white 1px; + justify-content: center; + align-items: center; +} + +.childbox2 { + max-width: 12rem; + height: 6rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + overflow: auto; + border: solid white 1px; +} + +.childbox3 { + display: flex; + width: 12rem; + height: 6rem; + border-radius: 6px; + background-color: #F5F4F6; + text-align: center; + border: solid white 1px; + justify-content: center; + align-items: center; +} + + +.COURSEDROP { + border: solid white 1px; + display: block; + text-align: center; + border-radius: 4px; + background-color: #F5F4F6; + color: black; + height: 4.5rem; + width: 12rem; +} + +.centeritems { + display: grid; + justify-content: center; + /* Horizontal centering */ + /* Vertical centering */ + align-items: center; + margin: 0; +} + +.modal { + display: none; + position: fixed; + z-index: 50; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.modal-content { + left: 1%; + top: 13%; + position: relative; + background-color: #fefefe; + margin: auto; + padding: 0; + border-radius: 8px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + -webkit-animation-name: animatetop; + -webkit-animation-duration: 0.4s; + animation-name: animatetop; + animation-duration: 0.4s; + width: 30rem; + min-width: 266px; + height: auto; +} + +.modal-header { + padding: 2px 16px; + color: black; +} + +.modal-body { + padding: 2px 16px; + overflow-y: hidden; +} + +@-webkit-keyframes animatetop { + from { + top: 13%; + opacity: 0 + } + + to { + top: 0; + opacity: 1 + } +} + +@keyframes animatetop { + from { + top: 0; + opacity: 0; + } + + to { + top: 13%; + opacity: 1; + } +} + + +.close { + color: black; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; +} + + + +@media (min-width:0px) and (max-width: 500px) { + + .modal-content { + width: 100%; + left: 0; + top: 13%; + margin: 0; + padding: 0; + height: auto; + } + + .bigbox { + width: 100%; + height: auto; + } + + .row { + margin-top: 0.2rem; + } + + .col-sm { + margin-left: 0.1rem; + max-width: 10rem; + } +} + +@media (min-width:360px) and (max-width:500px){ + #searchNav{ + min-width: 9rem; + } +} + +@media (min-width:300px) and (max-width: 360px) { + + .childbox { + width: 8rem; + height: 4rem; + } + + .childbox2 { + max-width: 8rem; + } + #searchNav{ + min-width: 7rem; + } + .childbox3 { + max-width: 8rem; + } + + + .COURSEDROP { + width: 8rem; + height: 4rem; + } + + .buttondiv { + gap: 2rem; + } +} + +@media (max-width: 300px) { + + .childbox { + width: 7rem; + height: 4rem; + } + + .childbox2 { + max-width: 7rem; + } + .childbox3 { + max-width: 7rem; + } + #searchNav{ + min-width: 6rem; + } + + .COURSEDROP { + width: 7rem; + height: 4rem; + } + + .buttondiv { + gap: 1rem; + } + +} \ No newline at end of file diff --git a/public/css/teacherEdit.css b/public/css/teacherEdit.css new file mode 100644 index 0000000..007a64e --- /dev/null +++ b/public/css/teacherEdit.css @@ -0,0 +1,659 @@ +body, +html { + background: #c4c4c4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; +} + +.centerEdit { + display: flex; + justify-content: center; + height: 100vh; +} + +#confirmationButton{ + position: absolute; + top: 1.7rem; + left: 15px; + z-index: 2; /* Ensure button stays above the image */ + background-color: #fff; + border: 1px solid #ccc; + /* border-radius: 50%; */ + display: none; + opacity: 0.5; +} +.photo:hover #confirmationButton { + display: block; /* Show the button on hover */ +} +.edit { + overflow: auto; + width: 80%; + height: 31rem; + top: calc((100vh - 65%) / 2); + /* max-height: 31rem; */ + border-radius: 8px; + background-color: #3b6653; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + position: relative; + +} + + +.row { + height: 5rem; + margin-top: 0.5rem; +} + +.col-sm-7 { + margin-left: 0.5rem; +} +.row1 { + margin-left: 4%; +} +.LABEL { + display: flex; + border-radius: 8px; + background: #F5F4F6; + align-items: center; + justify-content: center; + +} + +.INPUT { + align-items: center; + border-radius: 8px; + background: #F5F4F6; + text-align: center; +} + +.INPUT2 { + display: block; + border-radius: 8px; + background: #F5F4F6; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; + text-align: center; +} + +.reg { + display: flex; + width: 17rem; + height: 3rem; + justify-content: center; + align-items: center; + border-radius: 5px; + background: #F5F4F6; + margin-top: 0.6rem; + +} + +.regdesign1 { + border-radius: 5px; + background-color: #E8D5B9; + width: 90%; + height: 80%; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); +} + +.regdesign2 { + border-radius: 5px; + background-color: #E8D5B9; + width: 90%; + height: 80%; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); +} + +.regdesign1:hover { + color: white; + background-color: #4CAF50; +} + +.regdesign3 { + border-radius: 5px; + background-color: #E8D5B9; + width: 90%; + height: 80%; + box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); +} + +.regdesign3:hover { + color: white; + background-color: #f44336; +} + +.regdesign2:hover { + color: white; + background-color: #f44336; +} + +.photo { + display: flex; + width: 17rem; + height: 17rem; + margin-top: 1.7rem; + justify-content: center; + align-items: center; + border-radius: 5px; + background: #F5F4F6; +} + +.photo img { + width: 92%; + height: 92%; +} + +.select-classes { + text-align: center; +} + +.minibox2 { + + display: inline-block; + text-align: center; + height: 3rem; + margin: 0.5rem; + margin-top: 1rem; + padding: 10px 5px 10px 12px; + border-radius: 5px; + border: 1px solid #000; + text-decoration: none; + color: #000; + background: red; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + + + +.minibox2.checked { + color: white; + background-color: green; +} + +/* Hide default checkbox */ +.minibox2 input[type="checkbox"] { + display: none; +} + +/* Change color when checkbox is checked */ +.minibox2 input[type="checkbox"]:checked+label { + background-color: green; + color: white; + /* Optional: Change text color */ +} + +::-webkit-scrollbar { + width: 6px; + height: 8px; + /* Width of the scrollbar */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 4px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 4px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #F5F4F6; + /* Color of the scrollbar track */ + border-radius: 4px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #F5F4F6; + /* Color of the space after the scrollbar handle */ + border-radius: 4px; +} + +select.form-control { + + &[size], + &[multiple] { + height: 5rem; + } +} + +.regdiv { + + opacity: 1; + pointer-events: all; +} + +.registerdiv2 { + display: none; + opacity: 0; + pointer-events: none; +} + +.dropdown .btn.ders-dropdown, +.INPUT { + width: 100%; + /* Set the width to fill the column */ +} + +#backbutton1 { + position: relative; + z-index: 15; + margin-bottom: -1.5rem; +} + + +.dropdown-menu { + max-height: 8rem; + overflow: auto; + text-align: center; +} + +#classroomdropdown { + min-height: 2rem; + max-height: 6rem; + max-width: 4rem; +} + +/* Style for the modal */ +.modal_2 { + display: none; + position: fixed; + z-index: 100; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-content_2 { + background-color: white; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 50%; + text-align: center; + border-radius: 5px; +} + +/* Style for buttons inside the modal */ +#confirmationModal button { + padding: 10px 20px; + margin: 10px; + border-radius: 5px; + cursor: pointer; +} + +#confirmYes { + background-color: #4CAF50; + color: white; + border: none; +} + +#confirmNo { + background-color: #f44336; + color: white; + border: none; +} + + + @media (min-width: 576px) and (max-width: 768px) { + #mainbox { + height: 90%; + text-align: center; + overflow-x: hidden; + top: calc((100vh - 90%) / 2); + left: 1.5rem; + + } + + .edit{ + max-height: 90%; + } + + .regdiv { + display: none; + opacity: 0; + pointer-events: none; + } + + .registerdiv2 { + bottom: 0; + display: inline-block; + opacity: 1; + pointer-events: all; + } + + .row1 { + margin: 0; + display: block; + } + + .col-md-4 { + margin: 0; + left: calc((100% - 18rem) / 2); + } + + + .photo { + margin-top: 0; + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + #regdiv2{ + margin-bottom: 4rem; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + min-width: 90%; + left: calc((100% - 90%) / 2); + + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + min-width: 90%; + left: calc((100% - 90%) / 2); + + } + + .INPUT2 { + height: 5rem; + } + + + .row { + margin-top: 2rem; + } + + #courserow{ + margin-top: 4rem; + } + + .reg{ + display: flex; + align-items: center; + justify-content: center; + width: 15rem; + } + .regdesign1, .regdesign2, .regdesign3{ + display: inline; + } + + #backbutton1{ + position: absolute; + /* float: left; */ + } + } + + @media (min-width: 768px) and (max-width: 1100px) { + + .row{ + margin-left: 5rem; + margin-right: 0; + } + .row1{ + margin: 0; + } + .class-dropdown{ + bottom: 0px; + } + + + } + @media (min-width: 768px) and (max-width: 768px) { + + .col-md-4 { + margin: 0; + min-width: 100%; + margin-left: -3rem; + } + + + .col-md-8 { + margin: 0; + min-width: 100%; + margin-left: -3rem; + + } + + .reg{ + width: 20rem; + } + + #regdiv2{ + margin-left: 4rem; + margin-bottom: 4rem; + } + + .photo { + margin-left: 1.5rem; + margin-top: 3rem; + bottom: 1.5rem; + width: 18rem; + height: 18rem; + } + } + + @media (min-width: 501px) and (max-width: 576px) { + #mainbox { + height: 90%; + width: 80%; + text-align: center; + overflow-x: hidden; + top: calc((100vh - 90%) / 2); + left: 1.5rem; + + } + + .centerEdit { + justify-content: flex-end; + } + + .edit{ + max-height: 90%; + } + + .regdiv { + display: none; + opacity: 0; + pointer-events: none; + } + + .registerdiv2 { + bottom: 0; + display: inline-block; + opacity: 1; + pointer-events: all; + } + + .row1 { + margin: 0; + display: block; + height: 100%; + width: 100%; + } + + .col-md-4 { + margin: 0; + left: calc((100% - 18rem) / 2); + } + + + .photo { + margin-top: 0; + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + #regdiv2{ + margin-bottom: 4rem; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + min-width: 90%; + + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + min-width: 90%; + + } + + .INPUT2 { + height: 5rem; + } + + + .row { + margin-top: 2rem; + } + + #courserow{ + margin-top: 4rem; + } + + .reg{ + display: flex; + align-items: center; + justify-content: center; + width: 15rem; + } + .regdesign1, .regdesign2, .regdesign3{ + display: inline; + } + + #backbutton1{ + position: absolute; + /* float: left; */ + } + } + + +@media (max-width: 500px) { + + .edit{ + top: 0; + max-height: 100%; + overflow-x: hidden; + } + + .regdiv { + display: none; + opacity: 0; + pointer-events: none; + } + + .registerdiv2 { + bottom: 0; + display: inline-block; + opacity: 1; + pointer-events: all; + } + + .row1 { + margin: 0; + display: block; + } + + .col-md-4 { + margin: 0; + position: relative; + left: calc((100% - 16rem) / 2); + } + + + .photo { + margin-top: 0; + bottom: 1.5rem; + width: 14rem; + height: 14rem; + } + + .col-md-8 { + margin: 0; + padding: 0; + } + + #mainbox { + text-align: center; + margin-top: 2rem; + width: 100%; + height: calc(100% - 2rem); + border-radius: 0; + box-shadow: none; + border: none; + } + + #regdiv2{ + margin-bottom: 4rem; + } + + #backbutton1 { + pointer-events: none; + opacity: 0; + } + + #backbutton_2 { + opacity: 1; + pointer-events: all; + } + + .col-sm-7 { + margin: 0.2rem; + height: 3rem; + } + + .col-sm-4 { + margin: 0.1rem; + height: 3rem; + } + + .INPUT2 { + height: 5rem; + } + + .row { + margin-top: 2rem; + } + + #courserow{ + margin-top: 4rem; + } + + .reg{ + width: 12rem; + } + +} + \ No newline at end of file diff --git a/public/css/teachers.css b/public/css/teachers.css new file mode 100644 index 0000000..1fc27b6 --- /dev/null +++ b/public/css/teachers.css @@ -0,0 +1,202 @@ +body, +html { + background-color: #C4C4C4; + margin: 0; + overflow: auto; + font-family: Arial, Helvetica, sans-serif; + +} + +.buttondiv1 { + + text-align: center; + margin: 1rem; + +} + +.center { + display: flex; + justify-content: center; + height: 100vh; +} + +.Teachers { + + overflow: auto; + display: block; + position: relative; + width: 37%; + min-width: 24rem; + top: 2%; + height: clamp(42rem,96%,86rem); + border-radius: 5px; + border: 1px solid #000; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + background-color: #3b6653; +} +#bar{ + margin-left: 0.5%; +} + +.listitems { + background: #3b6653; + width: 92%; + margin-left: 4%; + height: 93%; +} + +.listitems2 { + overflow: auto; + height: 85%; +} + +.teacherline { + display: flex; + border-radius: 5px; + margin-top: 1%; + margin-left: 2%; + width: 96%; + min-width: 21rem; + max-height: 4rem; + background-color: white; + align-items: center; + justify-content: center; +} + +.lineimg { + width: 2.5rem; + height: 2.5rem; + border-radius: 5px; + margin-left: 2%; + margin-right: calc(2% - 1.33%); + /* Adjusted margin to maintain spacing */ + border: 1px solid #898080; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + float: left; + /* Set the element to float */ +} + + +.linetext { + padding: 1%; + margin-left: 3%; + display: inline-block; + text-align: center; + border: 1px solid black; + border-radius: 5px; + width: 80%; + height: 2.5rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.line:link, +.line:visited { + background-color: white; + color: black; + border: 2px solid #5a906f; + padding: 10px 20px; + text-decoration: none; + display: inline-block; +} + +.line:hover, +.line:active { + background-color: #5a906f; + color: white; +} + +::-webkit-scrollbar { + width: 8px; + /* Width of the scrollbar */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-thumb { + background: #888; + /* Color of the scrollbar handle */ + border-radius: 5px; + /* Rounded corners */ +} + +/* Handle on hover */ +::-webkit-scrollbar-thumb:hover { + background: #555; + /* Color when hovering over scrollbar */ + border-radius: 5px; +} + +/* For horizontal scrollbar */ +::-webkit-scrollbar-track { + background: #f1f1f1; + /* Color of the scrollbar track */ + border-radius: 5px; +} + +/* Handle */ +::-webkit-scrollbar-track-piece:end { + background: #ddd; + /* Color of the space after the scrollbar handle */ + border-radius: 5px; +} + +.error { + color: red; + font: bold; +} + +@media (max-width: 500px) { + + .Teachers { + width: 100vw; + top: 3rem; + height: calc(100% - 3rem); + border: #888; + border-radius: 0; + text-align: center; + min-width: 16rem; + } + + .center{ + overflow-x: hidden; + } + + .teacherline { + margin-top: 1%; + margin-left: 2%; + width: 94%; + min-width: 210px; + } + + .lineimg { + width: 2rem; + height: 2rem; + border-radius: 5px; + margin-left: 0; + margin-right: 0; + } + + + .linetext { + margin-left: 1%; + padding: 1%; + height: 9%; + } + + .listitems { + height: 75%; + } + #bar{ + margin-left: 1%; + } +} + +@media (min-width: 500.1px) and (max-width: 1100px) { + + .Teachers { + margin-left: 3rem; + } + +} \ No newline at end of file diff --git "a/public/css/veli_duzenle_tasar\304\261m.css" "b/public/css/veli_duzenle_tasar\304\261m.css" deleted file mode 100644 index c4aecb4..0000000 --- "a/public/css/veli_duzenle_tasar\304\261m.css" +++ /dev/null @@ -1,166 +0,0 @@ -.bg_veli_duzenle { - background-color: #C4C4C4; - display: flex; - height: 100%; - background-position: center; - background-repeat: no-repeat; - background-size: cover; -} - - -body, -html { - height: 100%; - margin: 0; -} - -.duzenle { - overflow: auto; - width: 620px; - height: 520px; - border-radius: 8px; - background-color: #3b6653; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - position: relative; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - -.align-buttons{ -align-items: center; - -} - -.kayıt { - display: inline-block; - width: 220px; - height: 60px; - padding: 10px 0px 0px 10px; - border-radius: 5px; - background: #F5F4F6; - margin-left: 6%; - margin-top: 2%; -} - -.kayıt_design { - display: inline; - border-radius: 5px; - background: #FF9595; - width: 200px; - box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); -} - -.LABEL { - display: inline-block; - width: 209px; - height: 75px; - padding: 22px 71px 16px 40px; - border-radius: 8px; - background: #F5F4F6; - text-align: left; -} - -.INPUT { - display: inline-block; - width: 329px; - height: 75px; - - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; -} - -.INPUT_2 { - display: inline-block; - width: 329px; - height: 0px; - align-items: center; - border-radius: 8px; - background: #F5F4F6; - text-align: center; - flex-direction: row; - justify-content: space-around; - overflow-x: auto; - overflow-y: hidden; - white-space: nowrap; -} - -.Entrance { - - margin-left: 3%; -} - -.minibox { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: #DDDCBC; -} - -.minibox_2 { - - text-align: center; - margin: 8px 5px; - display: inline-block; - height: 43px; - padding: 10px 5px 10px 12px; - justify-content: flex-end; - align-items: center; - border-radius: 5px; - border: 1px solid #000; - text-decoration: none; - color: #000; - background: red; -} - -.block { - margin-top: 10px; -} - - -::-webkit-scrollbar { - width: 6px; - height: 8px; - /* Width of the scrollbar */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: #888; - /* Color of the scrollbar handle */ - border-radius: 4px; - /* Rounded corners */ -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: #555; - /* Color when hovering over scrollbar */ - border-radius: 4px; -} - -/* For horizontal scrollbar */ -::-webkit-scrollbar-track { - background: #F5F4F6; - /* Color of the scrollbar track */ - border-radius: 4px; -} - -/* Handle */ -::-webkit-scrollbar-track-piece:end { - background: #F5F4F6; - /* Color of the space after the scrollbar handle */ - border-radius: 4px; -} \ No newline at end of file diff --git "a/public/css/veli_ekle_tasar\304\261m.css" "b/public/css/veli_ekle_tasar\304\261m.css" deleted file mode 100644 index a20c86a..0000000 --- "a/public/css/veli_ekle_tasar\304\261m.css" +++ /dev/null @@ -1,88 +0,0 @@ -.button_design{ - - display: flex; - height: 58px; - padding: 18px 0px 18px 26px; - justify-content: flex-end; - align-items: center; - flex-shrink: 0; - border-radius: 8px; - background: #E8D5B9; - -} - -.bigbox { - - overflow: auto; - position: relative; - background-color: #DFDFDF; - width: 450px; - height: 500px; - padding: 1%; - border-radius: 8px; - border: solid black 1px; -} - -.childbox { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - padding: 24px; - border: solid white 1px; -} -.childbox_2 { - width: 175px; - height: 70px; - border-radius: 6px; - background-color: #F5F4F6; - text-align: center; - display: inline; - overflow:auto; - border: solid white 1px; - -} - -.custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ -} - -.labeldesign{ - border-radius: 4px; - background-color: whitesmoke; - width: 230px; - text-align: center; - color: black; -} - -@media (max-width: 768px) { - .bigbox { - left: 50%; /* Adjust as needed */ - top: 50%; - transform: translate(-50%, -50%); - width: 90%; /* Adjust as needed */ - max-width: 400px; /* Adjust as needed */ - height: auto; /* Adjust as needed */ - padding: 5%; /* Adjust as needed */ - } - - .childbox, - .childbox_2 { - width: 100%; /* Adjust as needed */ - height: 60px; /* Adjust as needed */ - padding: 15px; /* Adjust as needed */ - margin-bottom: 10px; /* Adjust as needed */ - } - - .custom-select.childbox_2 { - height: auto; /* Set the height */ - font-size: 14px; /* Set the font size */ - } - - .labeldesign { - width: 80%; /* Adjust as needed */ - margin: 0 auto; /* Center the element */ - } -} \ No newline at end of file diff --git a/public/css/velilerimiz.css b/public/css/velilerimiz.css deleted file mode 100644 index 3d4f3b5..0000000 --- a/public/css/velilerimiz.css +++ /dev/null @@ -1,183 +0,0 @@ -body, -html { - background-color: #C4C4C4; - height: 100%; - margin: 0; -} - -.veliler { - - display: inline-block; - position: relative; - top: 6%; - left: 35%; - width: 35%; - min-width: 300px; - height: 90%; - border-radius: 5px; - border: 1px solid #000; - box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - background-color: #3b6653; -} - -.listele { - display: inline-block; - overflow: auto; - background: #3b6653; - width: 92%; - margin-left: 4%; - height: 80%; -} - -.veli-satiri { - align-items: center; - text-align: center; - display: block; - border-radius: 5px; - margin-top: 2%; - margin-left: 2%; - width: 96%; - min-width: 255px; - height: auto; - background-color: white; -} - - -.veli-satiri-yazisi{ - display: inline-block; - margin-left: 3%; - padding: 2%; - align-items: center; - border: 1px solid black; - border-radius: 5px; - width: 80%; - height: 10%; -} - -.satir:link, -.satir:visited { - background-color: white; - color: black; - border: 2px solid #5a906f; - padding: 10px 20px; - text-decoration: none; - display: inline-block; -} - -.satir:hover, -.satir:active { - background-color: #5a906f; - color: white; -} - -::-webkit-scrollbar { - width: 8px; - /* Width of the scrollbar */ - border-radius: 5px; -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: #888; - /* Color of the scrollbar handle */ - border-radius: 5px; - /* Rounded corners */ -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: #555; - /* Color when hovering over scrollbar */ - border-radius: 5px; -} - -/* For horizontal scrollbar */ -::-webkit-scrollbar-track { - background: #f1f1f1; - /* Color of the scrollbar track */ - border-radius: 5px; -} - -/* Handle */ -::-webkit-scrollbar-track-piece:end { - background: #ddd; - /* Color of the space after the scrollbar handle */ - border-radius: 5px; -} - -.modal { - display: none; - position: fixed; - z-index: 5; - left: 0; - top: 0; - width: 100%; - height: 100%; - overflow: hidden; - background-color: rgb(0, 0, 0); - background-color: rgba(0, 0, 0, 0.4); -} - -.modal-content { - left: 1%; - top: 11%; - position: relative; - background-color: #fefefe; - margin: auto; - padding: 0; - width: 450px; - height: 410px; - border-radius: 8px; - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - -webkit-animation-name: animatetop; - -webkit-animation-duration: 0.3s; - animation-name: animatetop; - animation-duration: 0.3s; -} - -@-webkit-keyframes animatetop { - from { - top: -300px; - opacity: 0 - } - - to { - top: 0; - opacity: 1 - } -} - -@keyframes animatetop { - from { - top: -300px; - opacity: 0 - } - - to { - top: 0; - opacity: 1 - } -} - -.close { - color: black; - float: right; - font-size: 28px; - font-weight: bold; -} - -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; -} - -.modal-header { - padding: 2px 16px; - color: black; -} - -.modal-body { - padding: 2px 16px; -} \ No newline at end of file diff --git a/public/images/background2.jpg b/public/images/background2.jpg new file mode 100644 index 0000000..0ac6e6b Binary files /dev/null and b/public/images/background2.jpg differ diff --git a/public/images/bina.jpg b/public/images/bina.jpg new file mode 100644 index 0000000..43d9393 Binary files /dev/null and b/public/images/bina.jpg differ diff --git a/public/images/face.jpg b/public/images/face.jpg new file mode 100644 index 0000000..7ae5272 Binary files /dev/null and b/public/images/face.jpg differ diff --git a/public/images/greek.png b/public/images/greek.png new file mode 100644 index 0000000..b8c471e Binary files /dev/null and b/public/images/greek.png differ diff --git a/public/images/steve.png b/public/images/steve.png new file mode 100644 index 0000000..2b596d5 Binary files /dev/null and b/public/images/steve.png differ diff --git a/resources/css/app.css b/resources/css/app.css index e69de29..160391c 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -0,0 +1,21 @@ +/* @import "ders_duzenle_tasarım"; +@import "ders_ekle_tasarım"; +@import "derslerimiz"; +@import "duyuru_duzenle_tasarım"; +@import "duyuru_ekle_tasarım"; +@import "duyurularimiz"; +@import "login_tasarım"; +@import "normalize"; +@import "ogrenci_duzenle_tasarım"; +@import "ogrenci_ekle_tasarım"; +@import "ogrencilerimiz"; +@import "ogretmen_duzenle_tasarım"; +@import "ogretmen_ekle_tasarım"; +@import "ogretmenlerimiz"; +@import "sidebar_tasarım"; +@import "sinif_duzenle_tasarım"; +@import "sinif_ekle_tasarım"; +@import "siniflarimiz"; +@import "veli_duzenle_tasarım"; +@import "veli_ekle_tasarım"; +@import "velilerimiz"; */ \ No newline at end of file diff --git a/resources/views/announcementEdit.blade.php b/resources/views/announcementEdit.blade.php new file mode 100644 index 0000000..c4111c3 --- /dev/null +++ b/resources/views/announcementEdit.blade.php @@ -0,0 +1,183 @@ + + + + + + + + Duyuru Duzenle Ekrani + + + + + + + + + + + + +
+ + + @include('sidemenu') + {{-- The sidemenu --}} + + +
+ +

+
+ +
+
+ +
+ @csrf + + + +
+ +
+ +
+ +
+ +
+ +
+
+ @csrf +
+ +
+
+ + @csrf +
+ +
+
+ +
+
+
+
+ +
+ + +
+ +
+ +
+
+ + + + + + + + + + + + + + + + + + + diff --git a/resources/views/announcements.blade.php b/resources/views/announcements.blade.php new file mode 100644 index 0000000..ac71275 --- /dev/null +++ b/resources/views/announcements.blade.php @@ -0,0 +1,195 @@ + + + + + + + + Duyurularımız + + + + + + + + + + + + + +
+ + @include('sidemenu') + + +
+
+ + +
+ +
+ + +
+ + @foreach ($data['announcement'] as $item) + +
{{ $item->announcement_title }}
+ + @endforeach + + + +
+ + +
+ +
+
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/begin.blade.php b/resources/views/begin.blade.php index 98ec427..e75e646 100644 --- a/resources/views/begin.blade.php +++ b/resources/views/begin.blade.php @@ -1,14 +1,15 @@ {{-- Kullanıcı giriş yaptıktan sonra açılacak olan sayfa --}} + - Baslangic Sayfasi + Baslangic - + @@ -18,18 +19,30 @@ @@ -38,33 +51,51 @@ -
- - @include('sidemenu') - - -
+
+ + @include('sidemenu') + +
+ Building +
- +
+ + integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"> + + integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"> + + integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"> + - \ No newline at end of file + + + diff --git a/resources/views/classEdit.blade.php b/resources/views/classEdit.blade.php new file mode 100644 index 0000000..1a99c1e --- /dev/null +++ b/resources/views/classEdit.blade.php @@ -0,0 +1,233 @@ + + + + + + + + Sinif Duzenle Ekranı + + + + + + + + + + + + + +
+ + + @include('sidemenu') + + +
+

+ + + + +
+ +
+
+ +
+ @csrf + + + +
+
+ +
+ +
+
+
+ +
+
+ +
+ +
+
+
+
+ +
+
+
+ +
+ +
+ + @php + $locale = 'tr'; // Set the locale to Turkish (change it based on your needs) + $sortedStudents = $data['students']->sort(function ($a, $b) use ($locale) { + return strcmp( + utf8_encode( + Str::of($a->name) + ->lower() + ->slug('-'), + ), + utf8_encode( + Str::of($b->name) + ->lower() + ->slug('-'), + ), + ); + }); + @endphp + @foreach ($sortedStudents as $item) + + +
+ {{ $item->name }} +
+ + @endforeach + +
+ +
+
+
+ + +
+ + +
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/classes.blade.php b/resources/views/classes.blade.php new file mode 100644 index 0000000..5cdc68f --- /dev/null +++ b/resources/views/classes.blade.php @@ -0,0 +1,197 @@ + + + + + + + + Siniflarimiz + + + + + + + + + + + + + +
+ + @include('sidemenu') + + +
+
+ + +
+ +
+ + +
+ @php + $sortedClasses = $data['classrooms']->sort(function ($a, $b) { + return strnatcmp($a->classroom_name, $b->classroom_name); + }); + @endphp + + @foreach ($sortedClasses as $item) + +
{{ $item->classroom_name }}
+ + @endforeach + +
+ + +
+ +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + diff --git a/resources/views/courseEdit.blade.php b/resources/views/courseEdit.blade.php new file mode 100644 index 0000000..6b900d9 --- /dev/null +++ b/resources/views/courseEdit.blade.php @@ -0,0 +1,183 @@ + + + + + + + + Ders Duzenle Ekrani + + + + + + + + + + + + +
+ + @include('sidemenu') + + +
+ +
+ +

+ @csrf + +
+
+ +
+ + + +
+
Ders Adı
+ +
+ +
+
Ders Öğretmenleri
+ +
+ @foreach ($data['teachers'] as $item) + +
{{ $item->name }}
+ + @endforeach +
+ +
+ +
+
+ @csrf +
+ +
+
+ + @csrf +
+ +
+
+ +
+
+
+
+ +
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + diff --git a/resources/views/courses.blade.php b/resources/views/courses.blade.php new file mode 100644 index 0000000..4f39bc8 --- /dev/null +++ b/resources/views/courses.blade.php @@ -0,0 +1,208 @@ + + + + + + + + Derslerimiz + + + + + + + + + + + + + +
+ + @include('sidemenu') + + +
+
+ + +
+ +
+ + +
+ @php + $locale = 'tr'; // Set the locale to Turkish (change it based on your needs) + $sortedCourses = $data['courses']->sort(function ($a, $b) use ($locale) { + return strcmp( + utf8_encode( + Str::of($a->course_name) + ->lower() + ->slug('-'), + ), + utf8_encode( + Str::of($b->course_name) + ->lower() + ->slug('-'), + ), + ); + }); + @endphp + {{-- $data['courses'] --}} + @foreach ($sortedCourses as $item) + +
{{ $item->course_name }}
+ + @endforeach + +
+
+ +
+
+ + + +
+
+ + + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/ders_duzenle.blade.php b/resources/views/ders_duzenle.blade.php deleted file mode 100644 index faf514a..0000000 --- a/resources/views/ders_duzenle.blade.php +++ /dev/null @@ -1,203 +0,0 @@ - - - - - - - - Ders Duzenle Ekrani - - - - - - - - - - - - - - -
- - @include('sidemenu') - - -
- -

- - -
- @csrf -
- - - -
- - -
- -
- - -
- @foreach ($data['teachers'] as $item) -
- {{ $item->name }} -
- @endforeach -
- -
- -
- -
- - - -
- -
-
- - @csrf -
- -
-
-
- -
- - - - - - - - - - - - - - - - - - - diff --git a/resources/views/derslerimiz.blade.php b/resources/views/derslerimiz.blade.php deleted file mode 100644 index 737ccd5..0000000 --- a/resources/views/derslerimiz.blade.php +++ /dev/null @@ -1,212 +0,0 @@ - - - - - - - - Derslerimiz - - - - - - - - - - - - - - - - @include('sidemenu') - - -
- - -
- -
- - -
- - @foreach ($data['courses'] as $item) - -
{{ $item->course_name }}
- - @endforeach - -
- - - - - - -
- - - - - - - - - - - - - - - - - - diff --git a/resources/views/eventEdit.blade.php b/resources/views/eventEdit.blade.php new file mode 100644 index 0000000..75131fc --- /dev/null +++ b/resources/views/eventEdit.blade.php @@ -0,0 +1,325 @@ + + + + + + + + Etkinlik Duzenle Ekrani + + + + + + + + + + + + + + +
+ + @include('sidemenu') + +
+ Overlay Image +
+
+ +

+
+
+
+ +
+ @csrf + + + +
+ +
+ +
+ +
+ +
+ +
+ + {{-- Event Image --}} + +
+ Event Image +
+
+ + + +
+ + + +
+ +
+ +
+ +
+
+ +
+
+ @csrf +
+ +
+
+ + @csrf +
+ +
+
+ +
+ + +
+ +
+ +
+ + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/events.blade.php b/resources/views/events.blade.php new file mode 100644 index 0000000..20052c8 --- /dev/null +++ b/resources/views/events.blade.php @@ -0,0 +1,229 @@ + + + + + + + + Etkinliklerimiz + + + + + + + + + + + + + +
+ + @include('sidemenu') + + +
+
+ + +
+ +
+ + +
+ + @foreach ($data['event'] as $item) + +
{{ $item->event_title }}
+ + @endforeach + +
+ + +
+ +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php index 86a5a8a..43b1d3f 100644 --- a/resources/views/index.blade.php +++ b/resources/views/index.blade.php @@ -6,65 +6,94 @@ - Giris Ekrani + Şenay Duran Okulları Yönetici Paneli - - + -{{-- arka plan görseli ile birlikte --}} + + - {{-- ekranın ortasındaki şifre, ve kullanıcı adının girileceği butonun koyulacağı yer --}} -
+

Şenay Duran Okulları, Darıca Genç Bilim Koleji

- -

-
- {{-- Form-post yöntemi ile girilen bilgiler backend'e gönderilir --}} -
- @csrf +
+ {{-- sol üstteki logo --}} - {{-- kullanıcı adı inputu --}} -
- - -
+ - {{-- şifre inputu --}} -
- - + {{-- ekranın ortasındaki şifre, ve kullanıcı adının girileceği butonun koyulacağı yer --}} +
+ +
+

YÖNETİCİ ÖZEL GİRİŞİ

- - {{-- backend'e gönderme butonu --}} -
- +
+
+ {{-- Form-post yöntemi ile girilen bilgiler backend'e gönderilir --}} + + @csrf + + {{-- kullanıcı adı inputu --}} +
+ + +
+ + {{-- şifre inputu --}} +
+ + +
+ + {{-- backend'e gönderme butonu --}} +
+ @if (isset($data['error_message'])) +

{{ $data['error_message'] }}

+ @endif + +
+ +
+
+ + - @if (isset($data['error_message'])) -

{{ $data['error_message'] }}

- @endif -
+
+ + + + +
diff --git a/resources/views/ogrenci_duzenle.blade.php b/resources/views/ogrenci_duzenle.blade.php deleted file mode 100644 index 1d89c88..0000000 --- a/resources/views/ogrenci_duzenle.blade.php +++ /dev/null @@ -1,211 +0,0 @@ - - - - - - - - Ogrenci Duzenle Ekrani - - - - - - - - - - - - - - -
- - @include('sidemenu') - - -
- -

- -
- student -
- - - -
- @csrf -
- - - -
- -
- - -
- - -
- -
- - - - - -
- - @foreach ($data['classrooms'] as $item) - - {{ $item->classroom_name }} - - @endforeach - -
- -
- -
- - - -
- -
- -
- -
- - @csrf -
- -
-
- -
- -
- - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/resources/views/ogrencilerimiz.blade.php b/resources/views/ogrencilerimiz.blade.php deleted file mode 100644 index 482ad9c..0000000 --- a/resources/views/ogrencilerimiz.blade.php +++ /dev/null @@ -1,279 +0,0 @@ - - - - - - - - Ogrencilerimiz - - - - - - - - - - - - - - - - @include('sidemenu') - - -
- - -
- -
- - -
- - @foreach ($data['students'] as $item) - - student -
{{ $item->name }}
- - @endforeach - -
- - - - - - @if (isset($data['error'])) -

Kullanıcı adı daha önceden de kullanıldığı için öğrenci kaydedilemedi.

- @endif -
- - - - - - - - - - - -{{-- --}} - - - - - - - - - - - - diff --git a/resources/views/ogretmen_duzenle.blade.php b/resources/views/ogretmen_duzenle.blade.php deleted file mode 100644 index 1e062f0..0000000 --- a/resources/views/ogretmen_duzenle.blade.php +++ /dev/null @@ -1,261 +0,0 @@ - - - - - - - - Ogretmen Duzenle Ekrani - - - - - - - - - - - - - - -
- - @include('sidemenu') - - -
- -

- -
- teacher -
- - - -
- @csrf -
- - - -
- -
- - -
- - -
- -
- - - - - - - - -
- -
- -
- - -
- @foreach ($data['courses'] as $item) - - {{ $item->course_name }} - - @endforeach -
-
-
- -
- - - -
- -
- - -
-
- -
- -
- - @csrf -
- -
-
- -
- -
- - - - - - - - - - - - - - - - - - - - diff --git a/resources/views/ogretmenlerimiz.blade.php b/resources/views/ogretmenlerimiz.blade.php deleted file mode 100644 index 47abf98..0000000 --- a/resources/views/ogretmenlerimiz.blade.php +++ /dev/null @@ -1,373 +0,0 @@ - - - - - - - - Ogretmenlerimiz - - - - - - - - - - - - - - - - - @include('sidemenu') - - -
- - -
- -
- - -
- - @foreach ($data['teachers'] as $item) - - teacher -
{{ $item->name }}
- - @endforeach - -
- - - - - @if (isset($data['error'])) -

Kullanıcı adı daha önceden de kullanıldığı için öğretmen kaydedilemedi.

- @endif -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/resources/views/parentEdit.blade.php b/resources/views/parentEdit.blade.php new file mode 100644 index 0000000..eb44198 --- /dev/null +++ b/resources/views/parentEdit.blade.php @@ -0,0 +1,442 @@ + + + + + + + + Veli Duzenle Ekrani + + + + + + + + + + + + + +
+ + @include('sidemenu') + + +
+
+ +

+ +
+ +
+
+ + + +
+
Ad Soyad
+ +
+ + +
+
Öğrencileri + + + + + +
+ + {{-- TEMP ORIGINAL LARAVEL CODE --}} +
+ @foreach ($data['parent']->students as $item) +
+ + + + +
+ @endforeach +
+ +
+ +
+
Kullanıcı Adı
+ + +
+ +
+
Telefon No
+ +
+ +
+
+ @csrf +
+ +
+
+ + @csrf +
+ +
+
+ +
+
+
+
+ + + +
+
+ + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/parents.blade.php b/resources/views/parents.blade.php new file mode 100644 index 0000000..3bf419c --- /dev/null +++ b/resources/views/parents.blade.php @@ -0,0 +1,382 @@ + + + + + + + + Velilerimiz + + + + + + + + + + + + + + +
+ + @include('sidemenu') + + +
+
+ + +
+ +
+ + +
+ @php + $locale = 'tr'; // Set the locale to Turkish (change it based on your needs) + $sortedParents = $data['parents']->sort(function ($a, $b) use ($locale) { + return strcmp( + utf8_encode( + Str::of($a->name) + ->lower() + ->slug('-'), + ), + utf8_encode( + Str::of($b->name) + ->lower() + ->slug('-'), + ), + ); + }); + @endphp + {{-- $data['parents'] --}} + @foreach ($sortedParents as $item) + +
{{ $item->name }}
+ + @endforeach + +
+
+ +
+
+ + + @if (isset($data['error'])) + + @endif +
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/sidemenu.blade.php b/resources/views/sidemenu.blade.php index bf2f647..13d8a76 100644 --- a/resources/views/sidemenu.blade.php +++ b/resources/views/sidemenu.blade.php @@ -1,68 +1,109 @@ -
-
-