aboutsummaryrefslogtreecommitdiff
path: root/app/dispatch/templates
diff options
context:
space:
mode:
Diffstat (limited to 'app/dispatch/templates')
-rw-r--r--app/dispatch/templates/dispatch/base.html19
-rw-r--r--app/dispatch/templates/dispatch/companies/detail.html57
-rw-r--r--app/dispatch/templates/dispatch/companies/list.html2
-rw-r--r--app/dispatch/templates/dispatch/drivers/detail.html63
-rw-r--r--app/dispatch/templates/dispatch/drivers/edit.html15
-rw-r--r--app/dispatch/templates/dispatch/drivers/list.html34
-rw-r--r--app/dispatch/templates/dispatch/loads/list.html85
7 files changed, 240 insertions, 35 deletions
diff --git a/app/dispatch/templates/dispatch/base.html b/app/dispatch/templates/dispatch/base.html
index 37c8830..de28d7a 100644
--- a/app/dispatch/templates/dispatch/base.html
+++ b/app/dispatch/templates/dispatch/base.html
@@ -17,9 +17,16 @@
font-size: 2rem;
margin: 0;
}
+ h2 {
+ font-size: 1.75rem;
+
+ }
main {
padding: 16px;
}
+ .helptext{
+ display: none;
+ }
</style>
</head>
<body>
@@ -28,7 +35,7 @@
<div class="nav-wrapper container"><a id="logo-container" href="{% url 'home' %}" class="brand-logo">Dispatch Tracker</a>
<ul class="right hide-on-med-and-down">
{% if user.is_authenticated %}
- <li><a href="#">Drivers</a></li>
+ <li><a href="{% url 'driver_list' %}">Drivers</a></li>
<li><a href="{% url 'load_list' %}">Loads</a></li>
<li><a href="{% url 'company_list' %}">Companies</a></li>
<li><a href="#">Contacts</a></li>
@@ -86,6 +93,16 @@
<script>
$('select').material_select();
+ $(document).ready(function() {
+ $('input[type=checkbox]').each(function() {
+ $(this).addClass('filled-in');
+ if(this.nextSibling.nodeName != 'label') {
+ $(this).after('<label for="'+this.id+'">' + jQuery(this).prev().html().replace(':','') + '</label>') ;
+ jQuery(this).prev().remove();
+ }
+ })
+ })
+ $('nav li').find('a[href="' + window.location.pathname +'"]').parent().addClass('active');
</script>
</body>
</html>
diff --git a/app/dispatch/templates/dispatch/companies/detail.html b/app/dispatch/templates/dispatch/companies/detail.html
index e939fdb..053f62b 100644
--- a/app/dispatch/templates/dispatch/companies/detail.html
+++ b/app/dispatch/templates/dispatch/companies/detail.html
@@ -4,7 +4,60 @@
{% block content %}
<div class="row">
<div class="col s12 m6">
- <h1>{{ object.name }} details</h1>
+ <h1>Company: {{ object.name }}</h1>
+ <h2>Loads for {{start_date}} - {{end_date}}</h2>
</div>
-</div>
+</div>
+
+<div class="row">
+ <div class="col s6 left-align">
+ <a href="{% url 'company_detail' object.id %}?date={{previous_week}}" class="btn blue"><i class="material-icons left">arrow_back</i> Prev</a>
+ </div>
+ <div class="col s6 right-align">
+ <a href="{% url 'company_detail' object.id %}?date={{next_week}}" class="btn blue"><i class="material-icons right">arrow_forward</i> Next</a>
+ </div>
+</div>
+
+{% load dynamic_key %}
+{% for date in loads %}
+ <div class="row">
+ <div class="col s12 card">
+ <div class="card-content">
+ <span class="card-title">{{date}}</span>
+ <table class="striped bordered">
+ <thead>
+ <tr>
+ <th>Driver</th>
+ <th>Amount</th>
+ </tr>
+ </thead>
+ <tbody>
+ {% for load in loads|keyvalue:date %}
+ <tr class="green lighten-4">
+ <td><a href="{% url 'driver_detail' load.user.id %}">{{ load.user.first_name }} {{ load.user.last_name }}</a></td>
+ <td>{{ load.amount }}</td>
+ <td class="right-align">
+ <a href="{% url 'load_edit' load.id %}" class="btn orange">Edit</a>
+ <a href="{% url 'load_detail' load.id %}" class="btn blue">View</a>
+ </td>
+ </tr>
+ {% empty %}
+ <tr class="yellow lighten-4"><td colspan="4">No load.</td></tr>
+ {% endfor %}
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+{% endfor %}
+
+<div class="row">
+ <div class="col s6 left-align">
+ <a href="{% url 'company_detail' object.id %}?date={{previous_week}}" class="btn blue"><i class="material-icons left">arrow_back</i> Prev</a>
+ </div>
+ <div class="col s6 right-align">
+ <a href="{% url 'company_detail' object.id %}?date={{next_week}}" class="btn blue"><i class="material-icons right">arrow_forward</i> Next</a>
+ </div>
+</div>
+
{% endblock %}
diff --git a/app/dispatch/templates/dispatch/companies/list.html b/app/dispatch/templates/dispatch/companies/list.html
index 48612d9..9399276 100644
--- a/app/dispatch/templates/dispatch/companies/list.html
+++ b/app/dispatch/templates/dispatch/companies/list.html
@@ -10,7 +10,7 @@
<a href="{% url 'company_new' %}" class="btn green">Add Company</a>
</div>
</div>
-<table class="striped">
+<table class="striped bordered">
<thead>
<tr>
<th>Name</th>
diff --git a/app/dispatch/templates/dispatch/drivers/detail.html b/app/dispatch/templates/dispatch/drivers/detail.html
new file mode 100644
index 0000000..598d01e
--- /dev/null
+++ b/app/dispatch/templates/dispatch/drivers/detail.html
@@ -0,0 +1,63 @@
+{% extends 'dispatch/base.html' %}
+
+
+{% block content %}
+<div class="row">
+ <div class="col s12 m6">
+ <h1>Driver: {{ object.first_name }} {{ object.last_name }}</h1>
+ <h2>Loads for {{start_date}} - {{end_date}}</h2>
+ </div>
+</div>
+
+<div class="row">
+ <div class="col s6 left-align">
+ <a href="{% url 'driver_detail' object.id %}?date={{previous_week}}" class="btn blue"><i class="material-icons left">arrow_back</i> Prev</a>
+ </div>
+ <div class="col s6 right-align">
+ <a href="{% url 'driver_detail' object.id %}?date={{next_week}}" class="btn blue"><i class="material-icons right">arrow_forward</i> Next</a>
+ </div>
+</div>
+
+{% load dynamic_key %}
+{% for date in loads %}
+ <div class="row">
+ <div class="col s12 card">
+ <div class="card-content">
+ <span class="card-title">{{date}}</span>
+ <table class="striped bordered">
+ <thead>
+ <tr>
+ <th>Company</th>
+ <th>Amount</th>
+ </tr>
+ </thead>
+ <tbody>
+ {% for load in loads|keyvalue:date %}
+ <tr class="green lighten-4">
+ <td><a href="{% url 'company_detail' load.company.id %}">{{ load.company.name }}</a></td>
+ <td>{{ load.amount }}</td>
+ <td class="right-align">
+ <a href="{% url 'load_edit' load.id %}" class="btn orange">Edit</a>
+ <a href="{% url 'load_detail' load.id %}" class="btn blue">View</a>
+ </td>
+ </tr>
+ {% empty %}
+ <tr class="yellow lighten-4"><td colspan="4">No load.</td></tr>
+ {% endfor %}
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+{% endfor %}
+
+<div class="row">
+ <div class="col s6 left-align">
+ <a href="{% url 'driver_detail' object.id %}?date={{previous_week}}" class="btn blue"><i class="material-icons left">arrow_back</i> Prev</a>
+ </div>
+ <div class="col s6 right-align">
+ <a href="{% url 'driver_detail' object.id %}?date={{next_week}}" class="btn blue"><i class="material-icons right">arrow_forward</i> Next</a>
+ </div>
+</div>
+
+{% endblock %}
diff --git a/app/dispatch/templates/dispatch/drivers/edit.html b/app/dispatch/templates/dispatch/drivers/edit.html
new file mode 100644
index 0000000..fe8460d
--- /dev/null
+++ b/app/dispatch/templates/dispatch/drivers/edit.html
@@ -0,0 +1,15 @@
+{% extends 'dispatch/base.html' %}
+
+
+{% block content %}
+<div class="row">
+ <div class="col s12 m6">
+ <h1>{{object.name}}</h1>
+ </div>
+</div>
+
+<form action="" method="post">{% csrf_token %}
+ {{ form.as_p }}
+ <input type="submit" class="btn blue" value="Update" />
+</form>
+{% endblock %}
diff --git a/app/dispatch/templates/dispatch/drivers/list.html b/app/dispatch/templates/dispatch/drivers/list.html
new file mode 100644
index 0000000..efc6141
--- /dev/null
+++ b/app/dispatch/templates/dispatch/drivers/list.html
@@ -0,0 +1,34 @@
+{% extends 'dispatch/base.html' %}
+
+
+{% block content %}
+<div class="row">
+ <div class="col s12 m6">
+ <h1>Drivers</h1>
+ </div>
+</div>
+<table class="striped bordered">
+ <thead>
+ <tr>
+ <th>First Name</th>
+ <th>Last Name</th>
+ <th>Email</th>
+ </tr>
+ </thead>
+ <tbody>
+ {% for driver in object_list %}
+ <tr>
+ <td>{{ driver.first_name }}</td>
+ <td>{{ driver.last_name }}</td>
+ <td>{{ driver.email }}</td>
+ <td class="right-align">
+ <a href="{% url 'driver_edit' driver.id %}" class="btn orange">Edit</a>
+ <a href="{% url 'driver_detail' driver.id %}" class="btn blue">View</a>
+ </td>
+ </tr>
+ {% empty %}
+ <tr><td colspan="4">No drivers yet.</td></tr>
+ {% endfor %}
+ </tbody>
+</table>
+{% endblock %}
diff --git a/app/dispatch/templates/dispatch/loads/list.html b/app/dispatch/templates/dispatch/loads/list.html
index 8129907..d4caf71 100644
--- a/app/dispatch/templates/dispatch/loads/list.html
+++ b/app/dispatch/templates/dispatch/loads/list.html
@@ -2,42 +2,65 @@
{% block content %}
+
<div class="row">
<div class="col s12 m6">
- <h1>Loads</h1>
+ <h1>Loads for {{start_date}} - {{end_date}}</h1>
</div>
<div class="col s12 m6 right-align">
<a href="{% url 'load_new' %}" class="btn green">Add Load</a>
</div>
</div>
-<table class="striped">
- <thead>
- <tr>
- {% if user.is_superuser %}
- <td>Driver</td>
- {% endif %}
- <th>Date</th>
- <th>Company</th>
- <th>Amount</th>
- </tr>
- </thead>
- <tbody>
- {% for load in object_list %}
- <tr>
- {% if user.is_superuser %}
- <td>{{ load.user.first_name }} {{ load.user.last_name }}</td>
- {% endif %}
- <td>{{ load.date }}</td>
- <td>{{ load.company.name }}</td>
- <td>{{ load.amount }}</td>
- <td class="right-align">
- <a href="{% url 'load_edit' load.id %}" class="btn orange">Edit</a>
- <a href="{% url 'load_detail' load.id %}" class="btn blue">View</a>
- </td>
- </tr>
- {% empty %}
- <tr><td colspan="4">No loads yet.</td></tr>
- {% endfor %}
- </tbody>
-</table>
+<div class="row">
+ <div class="col s6 left-align">
+ <a href="{% url 'load_list' %}?date={{previous_week}}" class="btn blue"><i class="material-icons left">arrow_back</i> Prev</a>
+ </div>
+ <div class="col s6 right-align">
+ <a href="{% url 'load_list' %}?date={{next_week}}" class="btn blue"><i class="material-icons right">arrow_forward</i> Next</a>
+ </div>
+</div>
+{% load dynamic_key %}
+{% for date in loads %}
+ <div class="row">
+ <div class="col s12 card">
+ <div class="card-content">
+ <span class="card-title">{{date}}</span>
+ <table class="striped bordered">
+ <thead>
+ <tr>
+ <th>Driver</th>
+ <th>Company</th>
+ <th>Load Number</th>
+ <th>Amount</th>
+ </tr>
+ </thead>
+ <tbody>
+ {% for load in loads|keyvalue:date %}
+ <tr class="green lighten-4">
+ <td><a href="{% url 'driver_detail' load.user.id %}">{{ load.user.first_name }} {{ load.user.last_name }}</a></td>
+ <td><a href="{% url 'company_detail' load.company.id %}">{{ load.company.name }}</a></td>
+ <td>{{ load.load_number }}</td>
+ <td>{{ load.amount }}</td>
+ <td class="right-align">
+ <a href="{% url 'load_edit' load.id %}" class="btn orange">Edit</a>
+ <a href="{% url 'load_detail' load.id %}" class="btn blue">View</a>
+ </td>
+ </tr>
+ {% empty %}
+ <tr class="yellow lighten-4"><td colspan="4">No load.</td></tr>
+ {% endfor %}
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+{% endfor %}
+<div class="row">
+ <div class="col s6 left-align">
+ <a href="{% url 'load_list' %}?date={{previous_week}}" class="btn blue"><i class="material-icons left">arrow_back</i> Prev</a>
+ </div>
+ <div class="col s6 right-align">
+ <a href="{% url 'load_list' %}?date={{next_week}}" class="btn blue"><i class="material-icons right">arrow_forward</i> Next</a>
+ </div>
+</div>
{% endblock %}
You can read more about the author.