0

Tengo mi archivo base.html pero en el login.html no quiero que aparezca la barra de navegación hay algún modo para que pueda ocultar la barra de navegación de login solamente, la otra opción que pensaba era agarrar la barra de navegación y llevármela a su propio HTML pero no me permite extender de dos HTML a la vez ya que en home.html al intentar extender de 2 me sale el error, dejo el código base.html, login.html y la pensada nav.html

Archivo base.html:

<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>{% block title %}{% endblock %}</title>
    {% load static %}
    <!-- Fuentes -->
    <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
    <!-- Estilos -->
    <link href="{% static 'core/css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'core/css/main.css' %}" rel="stylesheet">
</head>

<body>

    {% block content %}{% endblock %}
</body>

</html>

Archivo nav.html:

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container">
        <a class="navbar-brand" href="{% url 'home' %}">Hospital</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ned" aria-controls="ned"
            aria-expanded="false">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="ned">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'home' %}">Inicio</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'home' %}">Inicio</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'login' %}">Acceder</a>
                </li>
            </ul>
</nav><br>

Archivo login.html:

{% extends 'core/base.html' %}
{% load static %}
{% block title %}Iniciar sesión{% endblock %}
{% block content %}
<style>
    .errorlist {
        color: red;
    }
</style>

<main role="main">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
    <div class="container">
        <div class="card card-login mx-auto text-center bg-dark">
            <div class="card-header mx-auto bg-dark">
                <span> <img src="https://amar.vote/assets/img/amarVotebd.png" class="w-75" alt="Logo"> </span><br />
                <span class="logo_title mt-5"> Login </span>
            </div>
            <div class="card-body">
                <form action="" method="post">{% csrf_token %}
                    <div class="input-group form-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-user"></i></span>
                        </div>
                        <input type="text" name="username" class="form-control" required id="id_password"
                            placeholder="Username">
                    </div>
                    <div class="input-group form-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-key"></i></span>
                        </div>
                        <input type="password" name="password" class="form-control" required id="id_password"
                            placeholder="Password">
                    </div>
                    <div class="form-group">
                        <input type="submit" name="btn" value="Login"
                            class="btn btn-outline-danger float-right login_btn">
                    </div>
                </form>
            </div>
        </div>
    </div>
</main>
{% endblock %}

Ya que no se puede extender de dos HTML abría alguna otra opción?

introducir la descripción de la imagen aquí

1 respuesta 1

2

Pon la barra de navegación en el template base pero dejalo dentro de su bloque.

base.html

...
{% block nav %}
 <nav> ...
{% endblock %}
...

En login has que nav este vacio

...
{% block nav %}
{% endblock %}
...

En los otros templates para que si te aparesca el nav sólo no definas el bloque nav

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.