Nueva pregunta

Pregunta:

 
  0  
 
 
Juan Cuervo Karma: 27 Colombia
 
 Fecha: 30-10-2018 07:49:51 (En Español)

No funciona menu despegable en Bootstrap 4 en Laravel[Resuelta]

Estoy tratando de hacer un menú desplegable para cambiar el idioma de la aplicación pero no lo he conseguido.

En este archivo 
app.blade.php
cargo Bootstrap, jquery y el menu de despegable.

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Styles -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet" type="text/css">
</head>

<body>
    {{-- se incluye la vista de menu de navegacion --}}
    @include('partials.navigation')
    <div id="app">
        <main class="py-4">
            {{-- se verifica si se ha creado una sesion mesage en la posicion cero que significa danger --}}
         @if(session('message'))
            <div class="row justify-center">
                <div class="col-md-10">
                    <div class="alert alert-{{session('message')[0]}}">
                        <h4 class="alert-heading">{{__("Mensaje informatio")}}</h4>
                        {{-- se imprime el mesanje de la sesion en la posicion uno q esta en el logincontroller --}}
                        <p>{{session('message')[1]}}</p>
                    </div>
                </div>
            </div>
         @endif
             @yield('content')
        </main>
    </div>
</body>
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
{{--
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> --}}
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
</html>


Este es el archivo 
navigation.blade.php
que esta en el directorio: views/layouts/partials/

<a class="navbar-brand" href="{{url('/')}}">
        {{config('app.name')}}
    </a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarContent">
            {{-- navegacion parte izquierda --}}
            <ul class="navbar-nav mr-auto">

            </ul>
            {{-- navegacion parte derecha --}}
            <ul class="navbar-nav ml-auto">
                {{-- menu desplegable para seleccionar idioma --}}
                <li class="nav-item dropdown">
                    <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        {{ __("Selecciona un idioma")}}    
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                        <a  
                            class="dropdown-item"
                            href="{{ route('set_Language',['es'])}}">
                            {{ __("Español")}}
                        </a>
                        <a  
                            class="dropdown-item"
                            href="{{ route('set_Language',['en'])}}">
                            {{ __("Ingles")}}
                        </a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>


archivo 
web.php
donde registro la ruta para seleccionar el idioma:

<?php

Route::get('/', function () {
    return view('welcome');
});

//ruta para seleccionar idioma
Route::get('/set_Language/{lang}', 'Controller@setLanguage')->name('set_Language');


el archivo 
controller.php
donde ejecuto el metodo de setLanguage

<?php

namespace App\Http\Controllers;

use Illuminate\Foundation\Bus\DispatchesJobs;
use Illuminate\Routing\Controller as BaseController;
use Illuminate\Foundation\Validation\ValidatesRequests;
use Illuminate\Foundation\Auth\Access\AuthorizesRequests;

class Controller extends BaseController
{
    use AuthorizesRequests, DispatchesJobs, ValidatesRequests;

    public function setLanguage($language){
        //si existe una llave con el array en la carpeta config con el archivo llanguages
        if(array_key_exists($language, config('Languages'))){
            //se inicia una sesion con el nombre applocale
            session()->put('appLocale',$language);
        }
        return back;
    }
}


por ultimo el archivo 
languages.php


<?php
return[
    'en'=>['English','en_US'],
    'es'=>['Spanish','es_ES'],
];
 Etiquetas: Bootstrap - Laravel - PHP Votos: 0 - Respuestas: 1 - Vistas: 8 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      0  
     
     
    Luis Cortés Karma: 177 Costa Rica
     
    Fecha: 07-11-2018 13:34:56 Te falta la etiqueta de apertura de tu nav

    <nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="{{url('/')}}">
    {{config('app.name')}}
  </a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarContent">
    {{-- navegacion parte izquierda --}}
    <ul class="navbar-nav mr-auto">
    </ul>
    {{-- navegacion parte derecha --}}
    <ul class="navbar-nav ml-auto">
      {{-- menu desplegable para seleccionar idioma --}}
      <li class="nav-item dropdown">
        <a href="#" class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          {{ __("Selecciona un idioma")}}    
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
          <a class="dropdown-item" href="{{ route('set_Language',['es'])}}">
              {{ __("Español")}}
          </a>
          <a class="dropdown-item" href="{{ route('set_Language',['en'])}}">
              {{ __("Ingles")}}
          </a>
        </div>
      </li>
    </ul>
  </div>
</nav>
      Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com