diff options
Diffstat (limited to 'app/dispatch/templates')
| -rw-r--r-- | app/dispatch/templates/dispatch/base.html | 30 | ||||
| -rw-r--r-- | app/dispatch/templates/dispatch/companies/create.html | 15 | ||||
| -rw-r--r-- | app/dispatch/templates/dispatch/companies/detail.html | 10 | ||||
| -rw-r--r-- | app/dispatch/templates/dispatch/companies/edit.html | 15 | ||||
| -rw-r--r-- | app/dispatch/templates/dispatch/companies/list.html | 39 | ||||
| -rw-r--r-- | app/dispatch/templates/dispatch/index.html | 36 | ||||
| -rw-r--r-- | app/dispatch/templates/dispatch/login.html | 70 |
7 files changed, 165 insertions, 50 deletions
diff --git a/app/dispatch/templates/dispatch/base.html b/app/dispatch/templates/dispatch/base.html index 8654d2e..d7a85a9 100644 --- a/app/dispatch/templates/dispatch/base.html +++ b/app/dispatch/templates/dispatch/base.html @@ -12,18 +12,40 @@ <!--Let browser know website is optimized for mobile--> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> - + <style> + h1 { + font-size: 2rem; + margin: 0; + } + main { + padding: 16px; + } + </style> </head> <body> <nav class="light-blue lighten-1" role="navigation"> - <div class="nav-wrapper container"><a id="logo-container" href="#" class="brand-logo">Dispatch Tracker</a> + <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"> - <li><a href="#">Navbar Link</a></li> + {% if user.is_authenticated %} + <li><a href="#">Drivers</a></li> + <li><a href="{% url 'company_list' %}">Companies</a></li> + <li><a href="#">Contacts</a></li> + <li><a href="{% url 'logout' %}">Logout</a></li> + {% else %} + <li><a href="{% url 'login' %}">Login</a></li> + {% endif %} </ul> <ul id="nav-mobile" class="side-nav"> - <li><a href="#">Navbar Link</a></li> + {% if user.is_authenticated %} + <li><a href="#">Drivers</a></li> + <li><a href="#">Companies</a></li> + <li><a href="#">Contacts</a></li> + <li><a href="{% url 'logout' %}">Logout</a></li> + {% else %} + <li><a href="{% url 'login' %}">Login</a></li> + {% endif %} </ul> <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a> </div> diff --git a/app/dispatch/templates/dispatch/companies/create.html b/app/dispatch/templates/dispatch/companies/create.html new file mode 100644 index 0000000..fb6030e --- /dev/null +++ b/app/dispatch/templates/dispatch/companies/create.html @@ -0,0 +1,15 @@ +{% extends 'dispatch/base.html' %} + + +{% block content %} +<div class="row"> + <div class="col s12 m6"> + <h1>New Company</h1> + </div> +</div> + +<form action="" method="post">{% csrf_token %} + {{ form.as_p }} + <input type="submit" class="btn green" value="Save" /> +</form> +{% endblock %} diff --git a/app/dispatch/templates/dispatch/companies/detail.html b/app/dispatch/templates/dispatch/companies/detail.html new file mode 100644 index 0000000..e939fdb --- /dev/null +++ b/app/dispatch/templates/dispatch/companies/detail.html @@ -0,0 +1,10 @@ +{% extends 'dispatch/base.html' %} + + +{% block content %} +<div class="row"> + <div class="col s12 m6"> + <h1>{{ object.name }} details</h1> + </div> +</div> +{% endblock %} diff --git a/app/dispatch/templates/dispatch/companies/edit.html b/app/dispatch/templates/dispatch/companies/edit.html new file mode 100644 index 0000000..fe8460d --- /dev/null +++ b/app/dispatch/templates/dispatch/companies/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/companies/list.html b/app/dispatch/templates/dispatch/companies/list.html new file mode 100644 index 0000000..48612d9 --- /dev/null +++ b/app/dispatch/templates/dispatch/companies/list.html @@ -0,0 +1,39 @@ +{% extends 'dispatch/base.html' %} + + +{% block content %} +<div class="row"> + <div class="col s12 m6"> + <h1>Companies</h1> + </div> + <div class="col s12 m6 right-align"> + <a href="{% url 'company_new' %}" class="btn green">Add Company</a> + </div> +</div> +<table class="striped"> + <thead> + <tr> + <th>Name</th> + <th>Address</th> + <th>Phone</th> + <th>Email</th> + </tr> + </thead> + <tbody> + {% for company in object_list %} + <tr> + <td>{{ company.name }}</td> + <td>{{ company.address }}</td> + <td>{{ company.phone_number }}</td> + <td>{{ company.email_address }}</td> + <td class="right-align"> + <a href="{% url 'company_edit' company.id %}" class="btn orange">Edit</a> + <a href="{% url 'company_detail' company.id %}" class="btn blue">View</a> + </td> + </tr> + {% empty %} + <tr><td colspan="4">No companies yet.</td></tr> + {% endfor %} + </tbody> +</table> +{% endblock %} diff --git a/app/dispatch/templates/dispatch/index.html b/app/dispatch/templates/dispatch/index.html index fd87570..79df18c 100644 --- a/app/dispatch/templates/dispatch/index.html +++ b/app/dispatch/templates/dispatch/index.html @@ -2,8 +2,36 @@ {% block content %} -<br /> - -<h1>Index Page</h1> - +<h2>Tuesday, September 12, 2017</h2> +<table class="striped"> + <thead> + <tr> + <th>Driver</th> + <th>Company</th> + <th>Load</th> + <th>Amount</th> + </tr> + </thead> + + <tbody> + <tr> + <td>Alvin</td> + <td>Eclair</td> + <td>Ecasdfasflair</td> + <td>$0.87</td> + </tr> + <tr> + <td>Alan</td> + <td>Jellybean</td> + <td>Ecasdfasflair</td> + <td>$3.76</td> + </tr> + <tr> + <td>Jonathan</td> + <td>Lollipop</td> + <td>Ecasdfasflair</td> + <td>$7.00</td> + </tr> + </tbody> +</table> {% endblock %} diff --git a/app/dispatch/templates/dispatch/login.html b/app/dispatch/templates/dispatch/login.html index b43f363..eb7f1a7 100644 --- a/app/dispatch/templates/dispatch/login.html +++ b/app/dispatch/templates/dispatch/login.html @@ -1,51 +1,37 @@ {% extends 'dispatch/base.html' %} - - {% block content %} - {% if form.errors %} - -<p>Your username and password didn't match. Please try again.</p> -{% endif %} - -{% if next %} - {% if user.is_authenticated %} - -<p>Your account doesn't have access to this page. To proceed, - please login with an account that has access.</p> - {% else %} - -<p>Please login to see this page.</p> - {% endif %} -{% endif %} - <div class="container"> + <br /> <div class="row"> - <div class="col-md-4 col-md-offset-4"> - <div class="login-panel panel panel-default"> - <div class="panel-heading"> - <h3 class="panel-title">Please Sign In</h3> + <div class="col s12 m8 push-m2 l6 push-l3"> + {% if form.errors %} + <div class="card red lighten-5"> + <div class="card-content red-text"> + Your username and password didn't match. Please try again. + </div> </div> - <div class="panel-body"> - <form method="post" action=""> -{% csrf_token %} - <p class="bs-component"> - <table> - <tr> - <td>{{ form.username.label_tag }}</td> - <td>{{ form.username }}</td> - </tr> - <tr> - <td>{{ form.password.label_tag }}</td> - <td>{{ form.password }}</td> - </tr> - </table> - </p> - <p class="bs-component"> - <center> - <input class="btn btn-success btn-sm" type="submit" value="login" /> - </center> - </p> + {% endif %} + <div class="card"> + <div class="card-content"> + <span class="card-title"> + Please Sign In + </span> + <form method="post" action="{% url 'login' %}"> + {% csrf_token %} + <div class="row"> + <div class="input-field col s12"> + {{ form.username }} + {{ form.username.label_tag }} + </div> + <div class="input-field col s12"> + {{ form.password }} + {{ form.password.label_tag }} + </div> + </div> + <div class="right-align"> + <input class="btn" type="submit" value="login" /> + </div> <input type="hidden" name="next" value="{{ next }}" /> </form> </div> |