Recetas sincronizadas con la página y vista receta

app/Config/Routes.php

@@ -33,6 +33,7 @@ use App\Controllers\User;
 
 
 $routes->match(['get'], '/', [User::class, 'login']);
 $routes->match(['get'], '/', [User::class, 'login']);
 $routes->match(['get', 'post'], '/login', [User::class, 'login']);
 $routes->match(['get', 'post'], '/login', [User::class, 'login']);
+//$routes->match(['get', 'post'], '/insert_recipe', [User::class,'insert_recipe']);
 $routes->match(['get', 'post'], '/loginAjax', [User::class, 'loginAjax']);
 $routes->match(['get', 'post'], '/loginAjax', [User::class, 'loginAjax']);
 $routes->match(['get', 'post'], '/registerAjax', [User::class, 'registerAjax']);
 $routes->match(['get', 'post'], '/registerAjax', [User::class, 'registerAjax']);
 $routes->match(['get'], '/home', [User::class, 'user_ok']);
 $routes->match(['get'], '/home', [User::class, 'user_ok']);
@@ -44,6 +45,8 @@ $routes->get('login','Pages::viewLogin');
 $routes->get('users','User::list');
 $routes->get('users','User::list');
 $routes->get('home','Pages::prueba');
 $routes->get('home','Pages::prueba');
 $routes->get('(:segment)', 'Home::index');
 $routes->get('(:segment)', 'Home::index');
+$routes->get('/recipe/(:num)', 'RecipesController::view_recipe/$1');
+$routes->get('insert_recipe', 'InsertController::insert_recipe');
 
 
 
 
 /*
 /*

app/Controllers/InsertController.php

+<?php
+
+namespace App\Controllers;
+
+use App\Models\RecipesModel;
+use CodeIgniter\Controller;
+use CodeIgniter\Exceptions\PageNotFoundException;
+
+class InsertController extends Controller
+{
+    public function insert_recipe($page = 'insert_recipe')
+	{
+		if (! is_file(APPPATH . 'Views/pages/' . $page . '.php')) {
+			// Whoops, we don't have a page for that!
+			throw new PageNotFoundException($page);
+		}
+		
+		$data['title'] = ucfirst($page); // Capitalize the first letter
+		return view('templates/header', $data)
+			.view('pages/' . $page)
+			.view('templates/footer');
+	}
+    
+}

app/Controllers/Pages.php

@@ -40,4 +40,6 @@ public function index()
 		return view('pages/' . $page);
 		return view('pages/' . $page);
 	}
 	}
 
 
+
+
 }
 }
\ No newline at end of file

app/Controllers/RecipesController.php

+<?php
+
+namespace App\Controllers;
+
+use App\Models\RecipesModel;
+use CodeIgniter\Controller;
+
+class RecipesController extends Controller
+{
+    public function view_recipe($recipe_id)
+    {
+        $recipesModel = new RecipesModel();
+        $recipe = $recipesModel->find($recipe_id);
+        $ingredients = $recipesModel->get_recipe_ingredients($recipe_id);
+
+        if ($recipe == null) {
+            // Mostrar un mensaje de error si no se encuentra la receta
+            return redirect()->to('/');
+        }
+
+        $data = [
+            'recipe' => $recipe,
+            'ingredients' => $ingredients,
+        ];
+
+        return view('templates/header',$data)
+            .view('pages/recipe_view', $data)
+            . view('templates/footer');
+    }
+
+    
+}

app/Controllers/User.php

@@ -41,7 +41,10 @@ class User extends BaseController
                 //"rules" => "required|min_length[8]|max_length[20]"
                 //"rules" => "required|min_length[8]|max_length[20]"
             ]
             ]
         ];
         ];
+        
         $session = session();
         $session = session();
+        $userModel = model('UserModel');
+
         if ($this->request->getMethod() == "post") {
         if ($this->request->getMethod() == "post") {
             if ($this->validate($rules)) {
             if ($this->validate($rules)) {
                 $email = $this->request->getVar('email');
                 $email = $this->request->getVar('email');
@@ -74,7 +77,12 @@ class User extends BaseController
     }
     }
     public function user_ok()
     public function user_ok()
     {
     {
-        return view('templates/header')
+        $session = session();
+        $usuario = $session->__get('user');
+        $data['usuario'] = $usuario;
+        $userModel = model('UserModel');
+
+        return view('templates/header',$data)
             . view('pages/home')
             . view('pages/home')
             . view('templates/footer');
             . view('templates/footer');
     }
     }
@@ -93,63 +101,67 @@ class User extends BaseController
     }
     }
 
 
     public function registerAjax()
     public function registerAjax()
-{
-    $validation = \Config\Services::validation();
-    $rules = [
-        "username" => [
-            "label" => "Username",
-            "rules" => "required"
-        ],
-        "email" => [
-            "label" => "Email",
-            "rules" => "required|valid_email|is_unique[user.email]"
-        ],
-        "password" => [
-            "label" => "Password",
-            "rules" => "required|min_length[8]|max_length[20]"
-        ]
-    ];
-    $data = [];
-    $session = session();
-    $userModel = model('UserModel');
-    if ($this->request->getMethod() == "post") {
-        if ($this->validate($rules)) {
-            // Código de registro y respuesta exitosa
-            $username = $this->request->getVar('username');
-            $email = $this->request->getVar('email');
-            $password = $this->request->getVar('password');
-            $user = [
-                'username' => $username,
-                'email' => $email,
-                'password' => password_hash($password, PASSWORD_DEFAULT),
-            ];
-            $userModel->saveUser($email, $username, $password);
-            $session->set('logged_in', TRUE);
-            $session->set('user', $user);
-            return $this->response->setStatusCode(200)->setJSON([
-                'text' => 'Usuario logeado'
-            ]);
-        } else {
-            $error_message = '';
-
-            if ($validation->getError('email')) {
-                $error_message = 'Email ya en uso o inválido';
-            } elseif ($validation->getError('password')) {
-                $error_message = 'La contraseña debe tener entre 8 y 20 caracteres';
+    {   
+        $validation = \Config\Services::validation();
+        $rules = [
+            "username" => [
+                "label" => "Username",
+                "rules" => "required"
+            ],
+            "email" => [
+                "label" => "Email",
+                "rules" => "required|valid_email|is_unique[user.email]"
+            ],
+            "password" => [
+                "label" => "Password",
+                "rules" => "required|min_length[8]|max_length[20]"
+            ]
+        ];
+        $data = [];
+
+        $session = session();
+        $userModel = model('UserModel');
+
+        if ($this->request->getMethod() == "post") {
+            if ($this->validate($rules)) {
+                // Código de registro y respuesta exitosa
+                $name = $this->request->getVar('username');
+                $email = $this->request->getVar('email');
+                $password = $this->request->getVar('password');
+                $userData = [
+                    'username' => $name,
+                    'email' => $email,
+                    'password' => password_hash($password, PASSWORD_DEFAULT),
+                ];
+                $userModel->saveUser($email, $name, $password);
+                $newUser = $userModel->authenticate($email, $password);
+                $session->set('logged_in', TRUE);
+                $session->set('user', $newUser);
+
+                return $this->response->setStatusCode(200)->setJSON([
+                    'text' => 'Usuario logeado'
+                ]);
             } else {
             } else {
-                $error_message = 'Error desconocido';
-            }
+                $error_message = '';
+
+                if ($validation->getError('email')) {
+                    $error_message = 'Email ya en uso o inválido';
+                } elseif ($validation->getError('password')) {
+                    $error_message = 'La contraseña debe tener entre 8 y 20 caracteres';
+                } else {
+                    $error_message = 'Error desconocido';
+                }
 
 
-            return $this->response->setStatusCode(400)->setJSON([
-                'text' => $error_message
-            ]);
+                return $this->response->setStatusCode(400)->setJSON([
+                    'text' => $error_message
+                ]);
+            }
         }
         }
-    }
 
 
-    return $this->response->setStatusCode(400)->setJSON([
-        'text' => 'Solo se aceptan post request'
-    ]);
-}
+        return $this->response->setStatusCode(400)->setJSON([
+            'text' => 'Solo se aceptan post request'
+        ]);
+    }
 
 
 
 
 
 

app/Models/IngredientModel.php

+<?php
+namespace App\Models;
+
+use CodeIgniter\Model;
+
+class IngredientModel extends Model
+{
+    protected $table = 'ingredient';
+    protected $primaryKey = 'id';
+    protected $useAutoIncrement = true; # db takes care of it
+    protected $returnType = 'object'; # 'object' or 'array'
+    protected $useSoftDeletes = false; # true if you expect to recover data
+# Fields that can be set during save, insert, or update methods
+    protected $allowedFields = ['id', 'name', 'icon'];
+    protected $useTimestamps = false; # no timestamps on inserts and updates
+# Do not use validations rules (for the time being...)
+    protected $validationRules = [];
+    protected $validationMessages = [];
+    protected $skipValidation = false;
+
+
+    public function saveRecipe($id, $name, $icon)
+    {
+        $data = [
+            'id' => $id,
+            'name' => $name,
+            'icon' => $icon,
+        ];
+        return $this->insert($data);
+    }
+
+
+}
\ No newline at end of file

app/Models/RecipesIngredientModel.php

+<?php
+namespace App\Models;
+
+use CodeIgniter\Model;
+
+class RecipesIngredientModel extends Model
+{
+    protected $table = 'recipes_ingredient';
+    protected $primaryKey = 'id';
+    protected $useAutoIncrement = true; # db takes care of it
+    protected $returnType = 'object'; # 'object' or 'array'
+    protected $useSoftDeletes = false; # true if you expect to recover data
+# Fields that can be set during save, insert, or update methods
+    protected $allowedFields = ['id', 'amount', 'id_recipe','id_ingredient'];
+    protected $useTimestamps = false; # no timestamps on inserts and updates
+# Do not use validations rules (for the time being...)
+    protected $validationRules = [];
+    protected $validationMessages = [];
+    protected $skipValidation = false;
+
+
+    public function saveRecipe($id, $amount, $id_recipe, $id_ingredient)
+    {
+        $data = [
+            'id' => $id,
+            'amount' => $amount,
+            'id_recipe' => $id_recipe,
+            'id_ingredient' => $id_ingredient,
+        ];
+        return $this->insert($data);
+    }
+
+
+}
\ No newline at end of file

app/Models/RecipesModel.php

+<?php
+namespace App\Models;
+
+use CodeIgniter\Model;
+
+class recipesModel extends Model
+{
+    protected $table = 'recipes';
+    protected $primaryKey = 'id';
+    protected $useAutoIncrement = true; # db takes care of it
+    protected $returnType = 'object'; # 'object' or 'array'
+    protected $useSoftDeletes = false; # true if you expect to recover data
+# Fields that can be set during save, insert, or update methods
+    protected $allowedFields = ['id', 'name', 'season','origin','photo','is_vegan','description','instructions','link'];
+    protected $useTimestamps = false; # no timestamps on inserts and updates
+# Do not use validations rules (for the time being...)
+    protected $validationRules = [];
+    protected $validationMessages = [];
+    protected $skipValidation = false;
+
+
+    public function saveRecipe($id, $name, $season, $origin, $photo, $is_vegan, $description, $instructions, $link)
+    {
+        $data = [
+            'id' => $id,
+            'name' => $name,
+            'season' => $season,
+            'origin' => $origin,
+            'photo' => $photo,
+            'is_vegan' => $is_vegan,
+            'description' => $description,
+            'instructions' => $instructions,
+            'link' => $link,
+        ];
+        return $this->insert($data);
+    }
+
+    public function get_recipe_ingredients($recipe_id) {
+        $builder = $this->db->table('recipes_ingredient');
+        $builder->select('ingredient.name, ingredient.icon, recipes_ingredient.amount');
+        $builder->join('ingredient', 'recipes_ingredient.id_ingredient = ingredient.id');
+        $builder->where('recipes_ingredient.id_recipe', $recipe_id);
+        $query = $builder->get();
+        return $query->getResult();
+    }
+    
+
+
+}
\ No newline at end of file

app/Views/pages/insert_recipe.php

+</body>
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>Iniciar Sesión</title>
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
+		integrity="sha512-Wq3znUOIZtqZkpWpkTVRtRwQ2YyPCvT03zWlj+iS9dH1eNTjiOVlG2xgC4np4FXwL+Hgx1pjcTXy09pgH5u5HA=="
+		crossorigin="anonymous" referrerpolicy="no-referrer" />
+	<link rel="stylesheet" href="<?= base_url("css/login.css") ?>">
+	<style>
+		body {
+			background-image: url("imagenes/fondoLogin.jpg");
+			background-size: 100% auto;
+		}
+	</style>
+	<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
+
+</head>
+
+<body>
+
+	<a href="/home">
+		<img src="iconos/logoCompleto.png" alt="Página Principal" width="300" height="70"
+			style="margin-bottom: 20px; margin-top: 0px;">
+	</a>
+	<div class="col-md-8">
+		<div class="container" id="container">
+			<div class="form-container sign-up-container">
+
+				<!-- FORMULARIO REGISTER -->
+				<form action=<?= base_url('/register'); ?> method="post" style="flex-direction: column; padding: 0 30px;">
+					<h1>Crear cuenta</h1>
+					<div class="social-container">
+						<a href="https://accounts.google.com/" class="social"><img
+								src="<?= base_url("iconos/google.ico") ?>" width="53" height="53"></a>
+						<a href="https://www.facebook.com/" class="social"><img
+								src="<?= base_url("iconos/facebook.ico") ?>" width="52" height="52"></a>
+						<a href="https://appleid.apple.com/" class="social"><img
+								src="<?= base_url("iconos/apple.ico") ?>" width="52" height="52"></a>
+					</div>
+					<span>o usa tu correo</span>
+					<input style="background-color: #eee;" id="username-register-form" class="form-control" name="username" type="text" placeholder="Nombre" />
+					<input style="background-color: #eee;" id="email-register-form" class="form-control" name="email" type="email" placeholder="Email" />
+					<input style="background-color: #eee;" id="password-register-form" class="form-control" name="password" type="password" id="password" placeholder="Contraseña" />
+
+					<span class="error">
+						<?= \Config\Services::validation()->listErrors(); ?>
+					</span>
+
+					<span class="error">
+						<?php if (session()->getFlashdata('register_error')): ?>
+							<div class="alert alert-danger">
+								<?= session()->getFlashdata('msg') ?>
+							</div>
+						<?php endif; ?>
+					</span>
+
+					<span class="register-error">Error</span>
+
+					<button id="signup-button" type="submit">Registrarse</button>
+				</form>
+			</div>
+			<div class="form-container sign-in-container">
+				
+				<!-- FORMULARIO LOGIN -->
+				<form action=<?= base_url('/login'); ?> method="post" style="flex-direction: column; padding: 0 30px;">
+					<h1>Iniciar Sesión</h1>
+					<div class="social-container">
+						<a href="https://accounts.google.com/" class="social"><img
+								src="<?= base_url("iconos/google.ico") ?>" width="53" height="53"></a>
+						<a href="https://www.facebook.com/" class="social"><img
+								src="<?= base_url("iconos/facebook.ico") ?>" width="52" height="52"></a>
+						<a href="https://appleid.apple.com/" class="social"><img
+								src="<?= base_url("iconos/apple.ico") ?>" width="52" height="52"></a>
+					</div>
+					<span>o usa tu correo</span>
+					<input style="background-color: #eee;" id="email-form" class="form-control" name="email" type="email" placeholder="Email" />
+					<input style="background-color: #eee;" id="password-form" class="form-control" name="password" type="password"
+						placeholder="Contraseña" />
+					<a href="#">¿Olvidaste tu contraseña?</a>
+
+					<span class="login-error">Credenciales incorrectas</span>
+
+					<button id="signin-button"  type="submit">Iniciar Sesión</button>
+				</form>
+			</div>
+			<div class="overlay-container">
+				<div class="overlay">
+					<div class="overlay-panel overlay-left">
+						<h1>¡Bienvenido a Wa2Eat!</h1>
+						<h8>Únete a la mayor comunidad de recetas en línea</h8>
+						<button class="ghost" id="signIn" style="margin-top: 10px;">Iniciar Sesión</button>
+					</div>
+					<div class="overlay-panel overlay-right">
+						<h1>¡Bienvenido de nuevo!</h1>
+						<h8>Introduce tus credenciales y comienza a navegar</h8>
+						<button class="ghost" id="signUp" style="margin-top: 10px;">Registrarse</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</body>
+
+<script src="<?= base_url("js/login.js") ?>"></script>
\ No newline at end of file

app/Views/pages/recipe_view.php

+<?php
+function getYoutubeVideoId($url) {
+    $pattern = '/^(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/\s]{11})/i';
+    preg_match($pattern, $url, $matches);
+    return isset($matches[1]) ? $matches[1] : null;
+}
+?>
+
+<style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+
+        .container {
+            max-width: 960px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+
+        .recipe-header {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-bottom: 30px;
+        }
+
+        .recipe-header img {
+            width: 100%;
+            max-width: 600px;
+            height: auto;
+            object-fit: cover;
+            border-radius: 8px;
+        }
+
+        .ingredient-list {
+            display: flex;
+            flex-wrap: wrap;
+            list-style-type: none;
+            padding: 0;
+            margin: 0;
+            margin-bottom: 30px;
+        }
+
+        .ingredient-item {
+            display: flex;
+            align-items: center;
+            width: 50%;
+            padding: 5px 0;
+        }
+
+        .ingredient-item img {
+            width: 30px;
+            height: 30px;
+            margin-right: 10px;
+        }
+
+        .instructions {
+            white-space: pre-line;
+        }
+
+        .video-container {
+            position: relative;
+            padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
+            height: 0;
+            overflow: hidden;
+        }
+
+        .video-container iframe {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+
+        
+    
+    <div class="container">
+        <div class="recipe-header">
+            <h1> a</h1>
+            <h1><?php echo $recipe->name; ?></h1>
+            <img src="../imagenes/platos/<?php echo $recipe->photo; ?>" alt="<?php echo $recipe->name; ?>" />
+        </div>
+
+        <p><?php echo $recipe->description; ?></p>
+
+        <h2>Ingredientes</h2>
+        <ul class="ingredient-list">
+            <?php foreach ($ingredients as $ingredient) { ?>
+                <li class="ingredient-item">
+                    <img src="../imagenes/ingredientes/<?php echo $ingredient->icon; ?>" alt="<?php echo $ingredient->name; ?>" />
+                    <span><?php echo $ingredient->name; ?>: <?php echo $ingredient->amount; ?></span>
+                </li>
+            <?php } ?>
+        </ul>
+
+        <h2>Instrucciones</h2>
+        <p class="instructions"><?php echo $recipe->instructions; ?></p>
+
+        <?php if (!empty($recipe->link)): ?>
+            <?php $videoId = getYoutubeVideoId($recipe->link); ?>
+            <?php if ($videoId): ?>
+                <h2>Video de la receta</h2>
+                <div class="video-container">
+                    <iframe width="560" height="315" src="https://www.youtube.com/embed/<?php echo $videoId; ?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                </div>
+            <?php endif; ?>
+        <?php endif; ?>
+    </div>

app/Views/templates/header.php

@@ -216,7 +216,15 @@
 
 
           <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
           <ul class="dropdown-menu dropdown-menu-end dropdown-menu-arrow profile">
             <li class="dropdown-header">
             <li class="dropdown-header">
-              <h6>Bob Esponja</h6>
+              <h6>
+                <?php
+                  if( isset($usuario) ){
+                    echo $usuario->username;
+                  }else{
+                    echo "Usuario sin registrar";
+                  }
+                  ?>
+              </h6>
             </li>
             </li>
             <li>
             <li>
               <hr class="dropdown-divider">
               <hr class="dropdown-divider">

public/css/style.css

@@ -873,6 +873,17 @@ h6 {
   color: #4154f1;
   color: #4154f1;
 }
 }
 
 
+.imagen-container img {
+  margin-left: 0;
+  padding-left: 0;
+}
+
+.recipe-card-link {
+  display: block;
+  text-decoration: none;
+  color: inherit;
+}
+
 .dashboard .news p {
 .dashboard .news p {
   font-size: 14px;
   font-size: 14px;
   color: #777777;
   color: #777777;