Isaac Santaella

Buenas, tengo una pregunta ¿hay alguna libreria en laravel para realizar url de invitaciones?, o como pudiera programarla? tendria que crear un tokens para el usuario y guardar esa ruta de forma temporal y que el usuario pueda compartirla o crear una ruta para cada usuario de forma permanente? seria asi como lo estoy planteando?.

Buenas estoy tratando de hacer relaciones de muchos de muchos a uno y muchos a muchos pero me sale codigo error 150 les muestro las tablas y los modelos

tabla user:

1class CreateUsersTable extends Migration
2{
3    /**
4     * Run the migrations.
5     *
6     * [@return](https://ed.team/return) void
7     */
8    public function up(https://)
9    {
10        Schema::create(https://'users', function (Blueprint $table) {
11            $table->id(https://);
12            $table->string(https://'name');
13            $table->string(https://'email')->unique(https://);
14            $table->timestamp(https://'email_verified_at')->nullable(https://);
15            $table->string(https://'password');
16            $table->rememberToken(https://);
17            $table->timestamps(https://);
18            $table->integer(https://'id_rol')->unsigned(https://);
19            $table->foreign(https://'id_rol')->references(https://'id')->on(https://'rols');
20        });
21    }
22}

Tabla rols, producto y operaciones son los mismos campos pero con diferente nombre. asi que emito sus tablas oslo colocare una para visualizar las tabla

1class CreateRolsTable extends Migration
2{
3    /**
4     * Run the migrations.
5     *
6     * [@return](https://ed.team/return) void
7     */
8    public function up(https://)
9    {
10        Schema::create(https://'rols', function (Blueprint $table) {
11            $table->id(https://);
12            $table->string(https://'name');
13            $table->timestamps(https://);
14        });
15    }
16}

Estas es la tabla intermedia donde referencio las tres tablas rol, operaciones y productos

1class OperacionesProductoRol extends Migration
2{
3   /**
4    * Run the migrations.
5    *
6    * [@return](https://ed.team/return) void
7    */
8   public function up(https://)
9   {
10       //
11       Schema::create(https://'OperacionesProductoRol', function (Blueprint $table){
12           $table->id(https://);
13           $table->integer(https://'id_rol')->unsigned(https://)->nullable(https://);
14           $table->integer(https://'id_operaciones')->unsigned(https://)->nullable(https://);
15           $table->integer(https://'id_productos')->unsigned(https://)->nullable(https://);
16           $table->foreign(https://'id_rol')->references(https://'id')->on(https://'rols');
17           $table->foreign(https://'id_operaciones')->references(https://'id')->on(https://'operaciones');
18           $table->foreign(https://'id_productos')->references(https://'id')->on(https://'productos');
19       });
20   }
21}

Modelo user

public function rol(https://){
        return $this->hasOne(https://'App\Rol');
    }

Rol :

1 public function user(https://){
2        return $this->belongsToMany(https://'App\User');
3    }
4    public function producto(https://){
5        return $this->belongsToMany(https://'App\Producto');
6    }
7
8    public function operaciones(https://){
9        return $this->belongsToMany(https://'App\Operaciones');
10    }

Producto

1public function rol(https://){
2        return $this->belongsToMany(https://'App\Roll');
3    }
4
5    public function operaciones(https://){
6        return $this->belongsToMany(https://'App\Operaciones');
7    }

Modelo de operaciones

1public function producto(https://){
2        return $this->belongsToMany(https://'App\Producto');
3    }
4
5    public function rol(https://){
6        return $this->belongsToMany(https://'App\Rol');
7    }

Buenas, Las base de datos nos sirve para almacenar grandes cantidades de información de la entidad que deseemos, he estado investigando sobre la Web SQL, y veo que es una base de datos común y corriente pero su limitación es la capacidad de almacenamiento.

Mi pregunta es, ¿que utilidad tiene el Web SQL ? igual al IndexedDB? para que sirve? y cuando usar el localstorage y sessionstorage? que tan recomendado es usuarlo?

Los datos enviados por ajax me da como resultado un array vacio [], cuando quito el codigo del ajax y lo envio por laravel, laravel agarra los valores de los input, quiero pasar los datos para el controlador pero esto me los devuelve vacio, paso los valores por la consola a ver si me lo envia vacios y no, muestro codigo y screenshoot

1var names = document.querySelector('#name');
2var phones = document.querySelector('#phone')
3let save = document.querySelector('#save');
4let getUrl = document.forms.createContact;
5let urls = getUrl.getAttribute('action')
6
7
8const saveDate = ( url, var1, var2) => {
9   let xhttp = new XMLHttpRequest;
10   let token = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
11   let data = {
12       _token: token,
13       name: var1.value,
14       phone: var2.value
15   }
16   
17   xhttp.onreadystatechange = () =>{
18       if(this.readyState == 4 && this.status == 200){
19               console.log(data, var1, var2, this.responseText)
20       }
21   }
22   xhttp.open('post', url, true);
23   xhttp.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
24   xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded; charset=UTF-8');
25   //xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
26   xhttp.setRequestHeader('X-CSRF-TOKEN', token);
27   xhttp.send(data);
28   console.log(data)
29}
30
31save.addEventListener('click', (e)=>{
32   e.preventDefault();
33   saveDate(urls, names, phones);
34   
35});

Route

1Route::resource('contactos', 'Contacts');
2
3Route::post('/contactos', 'Contacts@insertDate')->name('contacts.insertDate');
4

Controller

1<?php
2
3namespace App\Http\Controllers;
4
5use Illuminate\Http\Request;
6use App\Contact;
7
8class Contacts extends Controller
9{
10   public function __construct(){
11
12       //$this->middleware('auth');
13
14   }
15   /**
16    * Display a listing of the resource.
17    *
18    * [@return](https://ed.team/return) \Illuminate\Http\Response
19    */
20
21   public function index()
22   {
23       //
24       $ejemplo = 'Prueba';
25       $hola = 'pepito es pepa';
26       return view('save', compact('ejemplo', 'hola'));
27   }
28
29   public function insertDate(Request $request)
30   {
31        // $contactos = new Contact;
32        // $contactos->name = $request->name;
33         //$contactos->phone = $request->phone;
34
35		
36   	return dd($request->all());
37       
38   }
39
40   /**
41    * Show the form for creating a new resource.
42    *
43    * [@return](https://ed.team/return) \Illuminate\Http\Response
44    */
45   public function create()
46   {
47       //
48   }
49
50   /**
51    * Store a newly created resource in storage.
52    *
53    * [@param](https://ed.team/param)  \Illuminate\Http\Request  $request
54    * [@return](https://ed.team/return) \Illuminate\Http\Response
55    */
56   public function store(Request $request)
57   {
58       //
59   }
60
61   /**
62    * Display the specified resource.
63    *
64    * [@param](https://ed.team/param)  int  $id
65    * [@return](https://ed.team/return) \Illuminate\Http\Response
66    */
67   public function show($id)
68   {
69       //
70   }
71
72   /**
73    * Show the form for editing the specified resource.
74    *
75    * [@param](https://ed.team/param)  int  $id
76    * [@return](https://ed.team/return) \Illuminate\Http\Response
77    */
78   public function edit($id)
79   {
80       //
81   }
82
83   /**
84    * Update the specified resource in storage.
85    *
86    * [@param](https://ed.team/param)  \Illuminate\Http\Request  $request
87    * [@param](https://ed.team/param)  int  $id
88    * [@return](https://ed.team/return) \Illuminate\Http\Response
89    */
90   public function update(Request $request, $id)
91   {
92       //
93   }
94
95   /**
96    * Remove the specified resource from storage.
97    *
98    * [@param](https://ed.team/param)  int  $id
99    * [@return](https://ed.team/return) \Illuminate\Http\Response
100    */
101   public function destroy($id)
102   {
103       //
104   }
105}
106

view blade

1<div class="container-form">
2   <form action="{{ route('contacts.insertDate')}}" method="post" name="createContact">
3       [@csrf](https://ed.team/csrf)
4           <input type="text" name="nombre" id="name" class="form-control-sm inputs" placeholder="Persona">
5           <input type="text" name="phone" id="phone" class="form-control-sm inputs" placeholder="Celular">
6           <button id="save" class="btn btn-primary btn-sm">Guardar</button>
7    </form>
8   </div>

Si bien estas dos herramientas son muy demandadas, mi pregunta es , ¿que herramienta o que framework es mejor?, desde el punto de vista:

-Conectarse con otros frameworks (Frontend) -Curva de Aprendizaje -Entrada y Salida de Datos -¿Recomendacion?

Tengo un error, cuando voy hacer un foreach en laravel con el blade , quito el foreach y me muestra la vista aparte puedo registrar los datos, pero quiero mostrar los datos en la misma vista pero me sale error en view

1namespace App\Http\Controllers;
2
3use Illuminate\Http\Request;
4use App;
5
6class indexMate extends Controller
7{
8public function registrar(){
9       $prueba =  App\Matematica::all(); 
10       return view('registrar',compact('prueba'));
11   }
12
13   public function insertDate(Request $request){
14       $matematica = new App\Matematica;
15       $matematica->producto = $request->producto;
16       $matematica->precio = $request->precio;
17       $matematica->cantidad = $request->cantidad;
18       $matematica->save();
19       return back();
20   }
21
22}
23
24Route::get('registrar', 'indexMate@registrar');
25
26 [@foreach](https://ed.team/foreach)($prueba as item)
27               <tr>
28                 <th scope="col">{{item->id}}</th>
29                 <th scope="col">{{item->producto}}</th>
30                 <th scope="col">{{item->precio}}</th>
31                 <th scope="col">{{item->cantidad}}</th>
32               </tr>
33               [@endforeach](https://ed.team/endforeach)() 
34
35El que tenga la posibilidad de poder comunicarse por una red social por inbox seria fantastico

Buenas, estoy trabajando en un mini proyecto personal y tengo un problema; cuando recargo la pagina en mi localhost, me sale bienvenido o datos registrado no cuando entro por primera vez claro esta, y quisiera saber si se puede romper el flujo de el script que tengo para que no pase eso porque solamente aparece eso cuando le doy click al boton de iniciar sesion o registrar.

Y tambien quisiera saber si hay posibilidad colocar el php debajo del form justamente el div sin romper el efecto que le he aplicado, cada vez que coloco php debajo del form en el div me aplica el efecto pero si le coloco otro php en otro div donde tengo el iniciar sesión no me aplica el efecto ya que tiene dos require. Por eso lo coloque debajo de todo

1<!DOCTYPE html>
2        <html lang="es">
3        <head>
4            <meta charset="UTF-8">
5            <meta name="viewport" content="width=device-width, initial-scale=1.0">
6            <meta http-equiv="X-UA-Compatible" content="ie=edge">
7            <link rel="stylesheet" href="css/style.css">
8            <title>Shop List</title>
9        </head>
10        <body>
11            <section>
12                <div class="loguin" id="loguin">
13                    <h3>Loguin</h3>
14                    <form action="index.php" method="POST" onsubmit="">
15                    <input type="email" placeholder="Email" name="correo">
16                    <input type="password" placeholder="Password" name="clave">
17                    <input type="submit" value="Sign In" id="btn1" name="boton">
18                    <span>
19                        <br>
20                        <p>Dont have account?  <a id="sign" href="#">Sign Up</a></p>
21                    </span>
22                    </form>
23                    
24                </div>
25                <div class="registro" id="registro">
26                    <h3>Register</h3>
27                    <form action="index.php" method="POST" onsubmit="">
28                        <input type="name" placeholder="Name" name="nombre">
29                        <input type="email" placeholder="Email" name="email">
30                        <input type="password" placeholder="Password" name="clave">
31                        <input type="password" placeholder="Confirm Password" name="clave2">
32                        <input type="submit" value="Create Account" name="boton" id="btn2">
33                        <span>
34                            <br>
35                            <p>Log in your account! <a id="sign2"href="#">Sign In</a></p>
36                        </span>
37                    </form>
38                    
39                </div>
40                
41            </section>
42            <script src="js/eventos.js"></script>
43        </body>
44        </html>

1<?php
2   require ('php/connection.php');
3             //Variables del formulario iniciar
4             $correoUser = $_POST['correo'];
5             $passUser = $_POST['clave'];
6             $enviar2 = $_POST['boton'];
7   
8             if(isset($enviar2)){
9               $conexion = new connection();
10               $conexion->startSession($correoUser, $passUser);
11           }
12 
13   
14                      // Variables del formulario Registrar
15                      $nomUser = $_POST['nombre'];
16                      $correoUser2 = $_POST['email'];
17                      $passUser1 = $_POST['clave'];
18                      $passUser2 = $_POST['clave2'];
19                      $enviar = $_POST['boton'];
20                      // 
21                      if(isset($enviar)){
22                              echo "<script>alert('Datos Registrado')</script>";
23                              $conexion = new connection();
24                              $conexion->insertarDatos($nomUser, $correoUser2, $passUser1);
25                       }
26                      
27      ?>

Me registra y me compara los datos claro esta, pero no se donde colocar el php para validar los formularios y que me aplique el efecto. Si aplico el php en cada uno, debajo de los formulario es decir:

1 <form>
2   </form>
3   <?php 
4   require('connection.php');
5   ?>
6   <form>
7   </form>
8   <?php 
9   require('connection.php');
10   ?>

Supondremos que esté asi, no me aplica dicho efecto, y creo que esta mal enlazar dos veces el require pienso yo qque es una mala practica. Que puedo hacer?

Buenas, estoy trabajando en un mini proyecto personal y tengo un problema; cuando recargo la pagina en mi localhost, me sale bienvenido o datos registrado no cuando entro por primera vez claro esta, y quisiera saber si se puede romper el flujo de el script que tengo para que no pase eso porque solamente aparece eso cuando le doy click al boton de iniciar sesion o registrar.

Y tambien quisiera saber si hay posibilidad colocar el php debajo del form justamente el div sin romper el efecto que le he aplicado, cada vez que coloco php debajo del form en el div me aplica el efecto pero si le coloco otro php en otro div donde tengo el iniciar sesión no me aplica el efecto ya que tiene dos require. Por eso lo coloque debajo de todo el html.

:::html
     <!DOCTYPE html>
        <html lang="es">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta http-equiv="X-UA-Compatible" content="ie=edge">
            <link rel="stylesheet" href="css/style.css">
            <title>Shop List</title>
        </head>
        <body>
            <section>
                <div class="loguin" id="loguin">
                    <h3>Loguin</h3>
                    <form action="index.php" method="POST" onsubmit="">
                    <input type="email" placeholder="Email" name="correo">
                    <input type="password" placeholder="Password" name="clave">
                    <input type="submit" value="Sign In" id="btn1" name="boton">
                    <span>
                        <br>
                        <p>Dont have account?  <a id="sign" href="#">Sign Up</a></p>
                    </span>
                    </form>
                    
                </div>
                <div class="registro" id="registro">
                    <h3>Register</h3>
                    <form action="index.php" method="POST" onsubmit="">
                        <input type="name" placeholder="Name" name="nombre">
                        <input type="email" placeholder="Email" name="email">
                        <input type="password" placeholder="Password" name="clave">
                        <input type="password" placeholder="Confirm Password" name="clave2">
                        <input type="submit" value="Create Account" name="boton" id="btn2">
                        <span>
                            <br>
                            <p>Log in your account! <a id="sign2"href="#">Sign In</a></p>
                        </span>
                    </form>
                    
                </div>
                
            </section>
            <script src="js/eventos.js"></script>
        </body>
        </html>

:::php
   <?php
   require ('php/connection.php');
             //Variables del formulario iniciar
             $correoUser = $_POST['correo'];
             $passUser = $_POST['clave'];
             $enviar2 = $_POST['boton'];
   
             if(isset($enviar2)){
               $conexion = new connection();
               $conexion->startSession($correoUser, $passUser);
           }
 
   
                      // Variables del formulario Registrar
                      $nomUser = $_POST['nombre'];
                      $correoUser2 = $_POST['email'];
                      $passUser1 = $_POST['clave'];
                      $passUser2 = $_POST['clave2'];
                      $enviar = $_POST['boton'];
                      // 
                      if(isset($enviar)){
                              echo "<script>alert('Datos Registrado')</script>";
                              $conexion = new connection();
                              $conexion->insertarDatos($nomUser, $correoUser2, $passUser1);
                       }
                      
      ?>

Me registra y me compara los datos claro esta, pero no se donde colocar el php para validar los formularios y que me aplique el efecto. Si aplico el php en cada uno, debajo de los formulario es decir:

1
2   <form>
3   </form>
4   <?php 
5   require('connection.php');
6   ?>
7   <form>
8   </form>
9   <?php 
10   require('connection.php');
11   ?>

Supondremos que esté asi, no me aplica dicho efecto, y creo que esta mal enlazar dos veces el require pienso yo qque es una mala practica. Que puedo hacer? ~~~language ~~~

Ya solucione el error que tenia y minimicé el código, ahora cuando quiero aplicar dicho efecto, no me lo aplica, en la consola no me muestra error, pero si hago el evento listener a la dicha variable que verán a continuacion, me lo aplica automaticamente, porque puede ser?

1class Design{
2    transitionUp(up, down){
3       this.up = up;
4       this.down = down;
5       this.up.style.transform = "translateY(-1000%)";
6       this.down.style.transform = "translateY(0%)";
7    }
8    transitionDown(up,down){
9        this.up = up;
10        this.down = down;
11        this.up.style.transform = "translateY(0%)";
12        this.down.style.transform ="translateY(-1000%)";
13        this.down.style.transition="all 3s";
14        this.up.style.transition="all 1.3s"; 
15    }
16}
17
18let diseño = new Design();
19let enlance = document.getElementById('sign');
20let enlance2 = document.getElementById('sign2');
21let loguin = document.getElementById('loguin');
22let registro = document.getElementById('registro');
23enlance.addEventListener('click', diseño.transitionUp(loguin,registro));
24enlance2.addEventListener('click', diseño.transitionDown(loguin,registro));

Hola estoy aprendiendo, ecmaScript 6 con Class, y estoy tratando crear una clase con métodos aplicándoles parámetros para luego, llamarlos y colocar las variables para aplicar dicho efecto, pero en la consola me sale ese error, y no se porque. (Sorry por repetir el post, pense que el comando <code> lo tenia sorry)

1class Design{
2    transition(clickea, up, down){
3        this.clickea = clickea;
4        this.up = up;
5        this.down = down;
6        let cont = 0;
7        let focus = document.getElementById(clickea);
8        let content = document.getElementById(up);
9        let content2 = document.getElementById(down);
10        focus.addEventListener('click', function(clickea,up,down){
11            if(cont == 0){
12                content.style.transform = "translateY(-1000%)";
13                content2.style.transform = "translateY(0%)";
14                cont++;
15            }else{
16                content.style.transform = "translateY(0%)";
17                content2.style.transform = "translateY(-100%)";
18                cont--;
19            }
20        });
21    }
22}
23
24const diseño = new Design();
25let enlance = document.getElementById('sign');
26let loguin = document.getElementById('loguin');
27let registro = document.getElementById('registro');
28diseño.transition(enlance, loguin, registro);
29

1Uncaught TypeError: Cannot read property 'addEventListener' of null
2   at Design.transition (eventos.js:30)
3   at eventos.js:48