Night mode

Rudimentary night mode and little ordered JS functions
andresSG · Sep 19, 2018 · 3df54d9 · 3df54d9
1 parent d604c6f
commit 3df54d9
Show file tree

Hide file tree

Showing 7 changed files with 75 additions and 1 deletion.
diff --git a/admin.php b/admin.php
@@ -4,6 +4,12 @@
 $conn = new connectionSQLite('.'); //conexion BD
 session_start();
 
+if (isset($_SESSION['nightMode'])) {
+	echo '<script> var night= "' . $_SESSION['nightMode'] . '"; </script>';
+} else {
+	echo '<script> var night;</script>';
+}
+
 if ($_SESSION["logueado"] == TRUE) {
 	?>
 <html lang="es">

diff --git a/core/night.php b/core/night.php
@@ -0,0 +1,11 @@
+<?php
+session_start();
+if (isset($_POST['nightMode'])) {
+	//yes or no
+	$_SESSION['nightMode'] = $_POST['nightMode'];
+	echo "night mode: " . $_SESSION['nightMode'];
+} else {
+	header("Location: ../index.php");
+}
+
+?>
diff --git a/editText.php b/editText.php
@@ -4,6 +4,12 @@
 require 'core/connectionSQLite.php';
 $conn = new connectionSQLite('.');
 
+if (isset($_SESSION['nightMode'])) {
+	echo '<script> var night= "' . $_SESSION['nightMode'] . '"; </script>';
+} else {
+	echo '<script> var night;</script>';
+}
+
 if (isset($_SESSION["ident"]) && isset($_SESSION["clave"])) {
 	$clave = $_SESSION["clave"];
 	$identificador = $_SESSION["ident"];

diff --git a/index.php b/index.php
@@ -3,6 +3,12 @@
 <?php
 session_start();
 
+if (isset($_SESSION['nightMode'])) {
+	echo '<script> var night= "' . $_SESSION['nightMode'] . '"; </script>';
+} else {
+	echo '<script> var night;</script>';
+}
+
 if (!empty($_SESSION["logueado"])) {
 	if ($_SESSION["logueado"] == TRUE) {
 		Header("Location: admin.php");

diff --git a/js/funciones-basic.js b/js/funciones-basic.js
@@ -1,14 +1,41 @@
 $(document).ready(function(){
+    init(); //funciones cargas al inicio
+
+    checkNight();//funcion para comprobar el modo noche
+});
+
+function init(){
     $("#tooglenight").change(function() {
+        const data = new FormData();//creamos datos para un form
         if(this.checked) {
             $("#bd").addClass("night");
             $(".footer i").css("color", "white");
             $(".by").css("color", "white");
+            data.append('nightMode', 'yes');//incluimos key y valor
         }else{
+            data.append('nightMode', 'no');
             $("#bd").removeClass("night");
             $(".footer i").css("color", "#ff8d0c");
             $(".by").css("color", "#ff8d0c");
         }
+        //send data post con ajax JQuery
+        fetch('./core/night.php', {
+           method: 'POST',
+           body: data
+        })
+        .then(function(response) {
+           if(response.ok) {
+               return response.text();
+           } else {
+               throw "Error en la llamada Ajax";
+           }
+        })
+        .then(function(texto) {
+           console.log(texto);
+        })
+        .catch(function(err) {
+           console.log(err);
+        });
     });
 
     $(".btEditar").click(function(evt) {
@@ -29,4 +56,10 @@ $(document).ready(function(){
         }
         $('#'+evt.currentTarget.parentElement.parentElement.id+' .ocult').fadeIn(1000);
     });
-});
+}
+
+function checkNight(){
+    if(night === 'yes'){
+        $("#tooglenight").click();
+    }
+}
diff --git a/textos.php b/textos.php
@@ -5,6 +5,12 @@
 $conn = new connectionSQLite('.');
 $textos = $conn->getStrings();
 
+if (isset($_SESSION['nightMode'])) {
+	echo '<script> var night= "' . $_SESSION['nightMode'] . '"; </script>';
+} else {
+	echo '<script> var night;</script>';
+}
+
 if ($_SESSION["logueado"] == TRUE) {
 	?>
 <html lang="es">

diff --git a/usuarios.php b/usuarios.php
@@ -6,6 +6,12 @@
 
 $usuarios = $conn->getUsers();
 
+if (isset($_SESSION['nightMode'])) {
+	echo '<script> var night= "' . $_SESSION['nightMode'] . '"; </script>';
+} else {
+	echo '<script> var night;</script>';
+}
+
 if ($_SESSION["logueado"] == TRUE) {
 	?>
 <html lang="es">