bootstrapping nav/templates
This commit is contained in:
parent
26980d4ad7
commit
00e079eaab
|
@ -7,16 +7,65 @@
|
|||
<title>Pantry Inventory</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<a class="navbar-brand" href="/">Pantry inventory</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{% url 'im:consume' %} ">Consume</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{% url 'im:shoppinglist' %} ">Shopping List</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{% url 'im:expirations' %} ">Expirations</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="{% url 'admin:index' %} ">Admin</a>
|
||||
</li>
|
||||
|
||||
<!--li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Dropdown
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="#">Action</a>
|
||||
<a class="dropdown-item" href="#">Another action</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Something else here</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled" href="#">Disabled</a>
|
||||
</li!-->
|
||||
</ul>
|
||||
<form class="form-inline my-2 my-lg-0">
|
||||
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
|
||||
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-8">
|
||||
<h1 class="mt-2">Pantry Inventory</h1>
|
||||
<hr class="mt-0 mb-4">
|
||||
{% block content %}
|
||||
BASE TEMPLATE
|
||||
{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
|
||||
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
|
||||
crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
@ -0,0 +1,5 @@
|
|||
{% extends 'inventory/base.html' %}
|
||||
|
||||
{% block content %}
|
||||
TODO: add form to mark items as consumed
|
||||
{% endblock %}
|
|
@ -1,8 +1,21 @@
|
|||
{% extends 'inventory/base.html' %}
|
||||
|
||||
{% block content %}
|
||||
<a href="{% url 'im:eat' %} ">eat</a>
|
||||
<a href="{% url 'im:shoppinglist' %} ">shoppinglist</a>
|
||||
<a href="{% url 'im:expirations' %} ">expirations</a>
|
||||
<a href="{% url 'admin:index' %} ">admin</a>
|
||||
<h2>Welcome to your pantry inventory.</h2>
|
||||
<p>
|
||||
Use the navbar on top to start doing things.
|
||||
</p>
|
||||
<p>
|
||||
Consume: Mark pantry items as consumed.
|
||||
</p>
|
||||
<p>
|
||||
Shopping list: See items you need to restock
|
||||
</p>
|
||||
<p>
|
||||
Expirations: See items that will expire soon
|
||||
|
||||
</p>
|
||||
<p>
|
||||
TODO: add items to your shopping list below
|
||||
TODO: see expirted items below?
|
||||
{% endblock %}
|
||||
|
|
|
@ -0,0 +1,5 @@
|
|||
{% extends 'inventory/base.html' %}
|
||||
|
||||
{% block content %}
|
||||
TODO: add list of items below minimal level
|
||||
{% endblock %}
|
|
@ -4,7 +4,7 @@ from . import views
|
|||
app_name = 'im'
|
||||
urlpatterns = [
|
||||
path('', views.index, name='index'),
|
||||
path('eat/', views.eat, name='eat'),
|
||||
path('consume/', views.consume, name='consume'),
|
||||
path('shoppinglist/', views.shoppinglist, name='shoppinglist'),
|
||||
# TODO: add exiperes before X date?
|
||||
# TODO: add categories
|
||||
|
|
|
@ -11,12 +11,12 @@ def index(request):
|
|||
return render(request, "inventory/index.html")
|
||||
|
||||
|
||||
def eat(request):
|
||||
return HttpResponse("TODO: implement web interface voor eten")
|
||||
def consume(request):
|
||||
return render(request, "inventory/consume.html")
|
||||
|
||||
|
||||
def shoppinglist(request):
|
||||
return HttpResponse("TODO: implement web interface voor shoppinglijst")
|
||||
return render(request, "inventory/shoppinglist.html")
|
||||
|
||||
|
||||
class Expirations(generic.ListView):
|
||||
|
|
Loading…
Reference in New Issue