asc/benchcoach-django
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

develop templates for consolidated apps benchcoach

Browse Source 
attempted to use as much generic view as possible. the previous views were generic anyway. also did some managing of inheritance (extends/includes)
This commit is contained in:
Anthony Correa
2021-12-21 17:16:32 -06:00
parent 95697ef4fe
commit 33c772bd2f
12 changed files with 143 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
templates/base.html
View File

@@ -2,53 +2,19 @@
<html lang="en"> {% load static %}
<head>
<meta charset="UTF-8">
<title>{% block title %}Title{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script src="{% static 'js/bootstrap.bundle.js' %}" crossorigin="anonymous"></script>
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
<link rel='stylesheet' href="{% static 'css/base.css' %}">
<link rel="shortcut icon" type="image/png" href="{% static 'benchcoach.svg' %}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="BenchCoach">
<meta name='viewport' content='viewport-fit=cover, width=device-width, initial-scale=1.0'>
<link rel="apple-touch-icon" href="{% static 'benchcoach.svg' %}">
{% include 'base_layout.html' %}
</head>
{% block navbar %}
{% include 'navbar.html' %}
{% endblock %}
<body class="bg-light">
<nav class="navbar navbar-dark navbar-expand-md bg-dark py-0">
<a class="navbar-brand d-flex text-uppercase fw-bold m-2 mx-4 text-dark" href="{% url 'home' %}">
<img class="d-inline-block" width="32" height="32" src="{% static 'benchcoach.svg' %}" />
<span class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block mx-1 my-auto text-white">bench coach</span>
</a>
<button class="navbar-toggler m-2 mx-4 p-0" data-bs-toggle="collapse" data-bs-target="#navcol-2">
<span class="visually-hidden">Toggle navigation</span>
<span class="navbar-toggler-icon m-1"></span></button>
<div id="navcol-2" class="collapse navbar-collapse">
<ul class="navbar-nav mx-2">
<li class="nav-item"><a class="nav-link {{ events_tab }}" href="{% url 'events list' %}">Events</a></li>
<li class="nav-item"><a class="nav-link {{ members_tab }}" href="{% url 'players list' %}">Members</a></li>
<li class="nav-item"><a class="nav-link {{ opponents_tab }}" href="{% url 'teams list' %}">Opponents</a></li>
<li class="nav-item"><a class="nav-link {{ venues_tab }}" href="{% url 'venues list' %}">Venues</a></li>
</ul>
<span class="mx-auto"></span>
<span class="navbar-text"></span>
<ul class="navbar-nav mx-2">
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">{{ request.user }} <img class="rounded-circle" height="24" src="{{ request.user.profile.avatar.url }}" width="24" /></a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Menu Item</a>
</div>
</li>
<li class="nav-item"></li>
</ul>
</div>
</nav>
{% block precontent %}{% endblock %}
<main role="main" class="container">
{% block header %}
{% endblock %}
<main role="main" class="container my-2">
<h1>{% block page_heading %}{% endblock %}</h1>
{% block content %}{% endblock %}
</main>

12
templates/base_layout.html Normal file
View File

@@ -0,0 +1,12 @@
{% load static %}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script src="{% static 'js/bootstrap.bundle.js' %}" crossorigin="anonymous"></script>
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
<link rel='stylesheet' href="{% static 'css/base.css' %}">
<link rel="shortcut icon" type="image/png" href="{% static 'benchcoach.svg' %}">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="BenchCoach">
<meta name='viewport' content='viewport-fit=cover, width=device-width, initial-scale=1.0'>
<link rel="apple-touch-icon" href="{% static 'benchcoach.svg' %}">

2
templates/edit.html
View File

@@ -1,5 +1,5 @@
{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block content %}
<form action={% url call_back id=id%} method="post">
{% csrf_token %}

29
templates/navbar.html Normal file
View File

@@ -0,0 +1,29 @@
{% load static %}
<nav class="navbar navbar-dark navbar-expand-md bg-dark py-0">
<a class="navbar-brand d-flex text-uppercase fw-bold m-2 mx-4 text-dark" href="{% url 'home' %}">
<img class="d-inline-block" width="32" height="32" src="{% static 'benchcoach.svg' %}" />
<span class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block mx-1 my-auto text-white">bench coach</span>
</a>
<button class="navbar-toggler m-2 mx-4 p-0" data-bs-toggle="collapse" data-bs-target="#navcol-2">
<span class="visually-hidden">Toggle navigation</span>
<span class="navbar-toggler-icon m-1"></span></button>
<div id="navcol-2" class="collapse navbar-collapse">
<ul class="navbar-nav mx-2">
<li class="nav-item"><a class="nav-link {{ events_tab }}" href="{% url 'event list' %}">Events</a></li>
<li class="nav-item"><a class="nav-link {{ members_tab }}" href="{% url 'player list' %}">Members</a></li>
<li class="nav-item"><a class="nav-link {{ opponents_tab }}" href="{% url 'team list' %}">Opponents</a></li>
<li class="nav-item"><a class="nav-link {{ venues_tab }}" href="{% url 'venue list' %}">Venues</a></li>
</ul>
<span class="mx-auto"></span>
<span class="navbar-text"></span>
<ul class="navbar-nav mx-2">
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">{{ request.user }} <img class="rounded-circle" height="24" src="{{ request.user.profile.avatar.url }}" width="24" /></a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Menu Item</a>
</div>
</li>
<li class="nav-item"></li>
</ul>
</div>
</nav>