Add Ajax Answer Quiz + animate library + sweetalert2 library

amirroox · Jul 10, 2023 · 4a25c2e · 4a25c2e
1 parent fe9e90e
commit 4a25c2e
Show file tree

Hide file tree

Showing 22 changed files with 5,471 additions and 58 deletions.
diff --git a/Lessons/AjaxHandler.php b/Lessons/AjaxHandler.php
@@ -0,0 +1,7 @@
+<?php
+
+$Season = $_POST['Season'];
+$Lesson =  $_POST['Lesson'];
+$Quiz = $_POST['Quiz'];
+
+die(readfile("$Season/$Lesson/Quiz/$Quiz.txt")); // Read Answer Quiz
diff --git a/Lessons/GettingStart/ArchLinux/index.php b/Lessons/GettingStart/ArchLinux/index.php
@@ -1,6 +1,7 @@
 <?php
 include_once "../../../Constants.php" ;
-$name_file = basename(__DIR__);
+$name_file = basename(__DIR__); /* Name This Lesson */
+$name_file_season = basename(dirname( __DIR__)); /* Name This Season */
 ?>
 <!doctype html>
 <html lang="fa" dir="rtl">
@@ -72,10 +73,8 @@
 <!-- Custom Script -->
 <script>
     $('#<?=$name_file?>').addClass("bg-red-500");
-    $('body,html').animate({
-        scrollTop: $('#end_menu').offset().top
-    }, 800);
 </script>
+<script src="<?= MAIN_SERVER . 'assets/js/needLessonsScript.js' ?>"></script>
 
 </body>
 </html>
diff --git a/Lessons/GettingStart/Debian/index.php b/Lessons/GettingStart/Debian/index.php
@@ -1,6 +1,7 @@
 <?php
 include_once "../../../Constants.php" ;
-$name_file = basename(__DIR__);
+$name_file = basename(__DIR__); /* Name This Lesson */
+$name_file_season = basename(dirname( __DIR__)); /* Name This Season */
 ?>
 <!doctype html>
 <html lang="fa" dir="rtl">
@@ -78,17 +79,13 @@
 <!-- Custom Script -->
 <script>
     $('#<?=$name_file?>').addClass("bg-red-500");
-    $('body,html').animate({
-        scrollTop: $('#end_menu').offset().top
-    }, 800);
-
     // Season next
     $("#LessonsMenu ol").append(`
         <a href="../../CommandLine">
             <li id="CommandLine" class="hidden md:block LIST_LESSON py-1 hover:bg-red-500 hover:text-white duration-500">فصل بعدی : خط فرمان</li>
         </a>
     `);
 </script>
-
+<script src="<?= MAIN_SERVER . 'assets/js/needLessonsScript.js' ?>"></script>
 </body>
 </html>
diff --git a/Lessons/GettingStart/Fedora/index.php b/Lessons/GettingStart/Fedora/index.php
@@ -1,6 +1,7 @@
 <?php
 include_once "../../../Constants.php" ;
-$name_file = basename(__DIR__);
+$name_file = basename(__DIR__); /* Name This Lesson */
+$name_file_season = basename(dirname( __DIR__)); /* Name This Season */
 ?>
 <!doctype html>
 <html lang="fa" dir="rtl">
@@ -69,10 +70,7 @@
 <!-- Custom Script -->
 <script>
     $('#<?=$name_file?>').addClass("bg-red-500");
-    $('body,html').animate({
-        scrollTop: $('#end_menu').offset().top
-    }, 800);
 </script>
-
+<script src="<?= MAIN_SERVER . 'assets/js/needLessonsScript.js' ?>"></script>
 </body>
 </html>
diff --git a/Lessons/GettingStart/Gentoo/index.php b/Lessons/GettingStart/Gentoo/index.php
@@ -1,6 +1,7 @@
 <?php
 include_once "../../../Constants.php" ;
-$name_file = basename(__DIR__);
+$name_file = basename(__DIR__); /* Name This Lesson */
+$name_file_season = basename(dirname( __DIR__)); /* Name This Season */
 ?>
 <!doctype html>
 <html lang="fa" dir="rtl">
@@ -63,9 +64,7 @@
 <!-- Custom Script -->
 <script>
     $('#<?=$name_file?>').addClass("bg-red-500");
-    $('body,html').animate({
-        scrollTop: $('#end_menu').offset().top
-    }, 800);
 </script>
+<script src="<?= MAIN_SERVER . 'assets/js/needLessonsScript.js' ?>"></script>
 </body>
 </html>
diff --git a/Lessons/GettingStart/History/Quiz/1.txt b/Lessons/GettingStart/History/Quiz/1.txt
@@ -0,0 +1,3 @@
+لینوس توروالدز
+
+(Linus Torvalds)
diff --git a/Lessons/GettingStart/History/index.php b/Lessons/GettingStart/History/index.php
diff --git a/Lessons/GettingStart/LinuxMint/index.php b/Lessons/GettingStart/LinuxMint/index.php
@@ -1,6 +1,7 @@
 <?php
 include_once "../../../Constants.php" ;
-$name_file = basename(__DIR__);
+$name_file = basename(__DIR__); /* Name This Lesson */
+$name_file_season = basename(dirname( __DIR__)); /* Name This Season */
 ?>
 <!doctype html>
 <html lang="fa" dir="rtl">
@@ -65,9 +66,7 @@
 <!-- Custom Script -->
 <script>
     $('#<?=$name_file?>').addClass("bg-red-500");
-    $('body,html').animate({
-        scrollTop: $('#end_menu').offset().top
-    }, 800);
 </script>
+<script src="<?= MAIN_SERVER . 'assets/js/needLessonsScript.js' ?>"></script>
 </body>
 </html>
diff --git a/Lessons/GettingStart/OpenSUSE/index.php b/Lessons/GettingStart/OpenSUSE/index.php
@@ -1,6 +1,7 @@
 <?php
 include_once "../../../Constants.php" ;
-$name_file = basename(__DIR__);
+$name_file = basename(__DIR__); /* Name This Lesson */
+$name_file_season = basename(dirname( __DIR__)); /* Name This Season */
 ?>
 <!doctype html>
 <html lang="fa" dir="rtl">
@@ -67,17 +68,13 @@
 <script>
     $('#<?=$name_file?>').addClass("bg-red-500"); //Active Lesson
 
-    $('body,html').animate({
-        scrollTop: $('#end_menu').offset().top
-    }, 800);
-
     // Season Next For Desktop
     $("#LessonsMenu ol").append(`
         <a href="../../CommandLine">
             <li id="CommandLine" class="hidden md:block LIST_LESSON py-1 hover:bg-red-500 hover:text-white duration-500">فصل بعدی : خط فرمان</li>
         </a>
     `);
 </script>
-
+<script src="<?= MAIN_SERVER . 'assets/js/needLessonsScript.js' ?>"></script>
 </body>
 </html>
diff --git a/Lessons/GettingStart/RedHat/index.php b/Lessons/GettingStart/RedHat/index.php
@@ -1,6 +1,7 @@
 <?php
 include_once "../../../Constants.php" ;
-$name_file = basename(__DIR__);
+$name_file = basename(__DIR__); /* Name This Lesson */
+$name_file_season = basename(dirname( __DIR__)); /* Name This Season */
 ?>
 <!doctype html>
 <html lang="fa" dir="rtl">
@@ -65,10 +66,7 @@
 <!-- Custom Script -->
 <script>
     $('#<?=$name_file?>').addClass("bg-red-500");
-    $('body,html').animate({
-        scrollTop: $('#end_menu').offset().top
-    }, 800);
 </script>
-
+<script src="<?= MAIN_SERVER . 'assets/js/needLessonsScript.js' ?>"></script>
 </body>
 </html>
diff --git a/Lessons/GettingStart/Ubuntu/index.php b/Lessons/GettingStart/Ubuntu/index.php
@@ -1,6 +1,7 @@
 <?php
 include_once "../../../Constants.php" ;
-$name_file = basename(__DIR__);
+$name_file = basename(__DIR__); /* Name This Lesson */
+$name_file_season = basename(dirname( __DIR__)); /* Name This Season */
 ?>
 <!doctype html>
 <html lang="fa" dir="rtl">
@@ -68,6 +69,7 @@
         scrollTop: $('#end_menu').offset().top
     }, 800);
 </script>
+<script src="<?= MAIN_SERVER . 'assets/js/needLessonsScript.js' ?>"></script>
 
 </body>
 </html>
diff --git a/Lessons/GettingStart/choosing-a-linux-distribution/index.php b/Lessons/GettingStart/choosing-a-linux-distribution/index.php
@@ -1,6 +1,7 @@
 <?php
 include_once "../../../Constants.php" ;
-$name_file = basename(__DIR__);
+$name_file = basename(__DIR__); /* Name This Lesson */
+$name_file_season = basename(dirname( __DIR__)); /* Name This Season */
 ?>
 <!doctype html>
 <html lang="fa" dir="rtl">
@@ -69,10 +70,8 @@
 <!-- Custom Script -->
 <script>
     $('#<?=$name_file?>').addClass("bg-red-500");
-    $('body,html').animate({
-        scrollTop: $('#end_menu').offset().top
-    }, 800);
 </script>
+<script src="<?= MAIN_SERVER . 'assets/js/needLessonsScript.js' ?>"></script>
 
 </body>
 </html>
diff --git a/assets/css/MainMeta.php b/assets/css/MainMeta.php
@@ -10,4 +10,8 @@
 <link href="<?= MAIN_SERVER . 'assets/css/SeedStyle.css'?>" rel="stylesheet">
 
 <!-- Tailwindcss -->
-<link href="<?= MAIN_SERVER . 'dist/output.css'?>" rel="stylesheet">
+<link href="<?= MAIN_SERVER . 'dist/output.css'?>" rel="stylesheet">
+
+<!-- Sweetalert2 -->
+<link href="<?= MAIN_SERVER . 'assets/vendor/animate.min.css'?>" rel="stylesheet">
+<script src="<?= MAIN_SERVER . 'assets/vendor/sweetalert2.all.min.js'?>"></script>
diff --git a/assets/img/anim.gif b/assets/img/anim.gif
diff --git a/assets/js/needLessonsScript.js b/assets/js/needLessonsScript.js
@@ -0,0 +1,51 @@
+/* Animate Scroll H1 */
+$('body,html').animate({
+    scrollTop: $('#end_menu').offset().top
+}, 800);
+
+/* All Link a */
+let aLink = $('#referenceQuiz_lessons a');
+aLink.attr("target" , "_blank");
+aLink.attr("rel" , "noopener noreferrer nofollow");
+
+/* Ajax For Answer Quiz */
+$('#referenceQuiz_lessons button').on('click' , function () {
+    let Season = document.getElementById('referenceQuiz_lessons').getAttribute("nameSeason");
+    let Lesson = document.getElementById('referenceQuiz_lessons').getAttribute("nameLesson");
+    let Quiz = this.getAttribute("quiz");
+    $.ajax({
+        method: "POST",
+        data: {Season : Season , Lesson : Lesson , Quiz : Quiz},
+        url: "../../AjaxHandler.php",
+        success: function (res) {
+            Swal.fire({
+                showClass: {
+                    popup: 'animate__animated animate__swing'
+                },
+                hideClass: {
+                    popup: 'animate__animated animate__fadeOutUp'
+                },
+                backdrop: `
+                    rgba(0,0,123,0.4)
+                    url("../../../assets/img/anim.gif")
+                    left top
+                    no-repeat
+                `,
+                position: 'center',
+                icon: 'success',
+                title: res,
+                showConfirmButton: false,
+                timer: 10000,
+            })
+        },
+        error: function () {
+            Swal.fire({
+                position: 'center',
+                icon: 'error',
+                title: 'یه جایی به مشگل خوردیم!',
+                showConfirmButton: false,
+                timer: 1500
+            })
+        }
+    });
+});
diff --git a/assets/vendor/animate.min.css b/assets/vendor/animate.min.css