diff options
Diffstat (limited to 'core/templates')
| -rw-r--r-- | core/templates/core/base.html | 21 | ||||
| -rw-r--r-- | core/templates/core/index.html | 160 |
2 files changed, 93 insertions, 88 deletions
diff --git a/core/templates/core/base.html b/core/templates/core/base.html index 1c2bfe0..65c1842 100644 --- a/core/templates/core/base.html +++ b/core/templates/core/base.html @@ -5,10 +5,11 @@ <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> +{# <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">#} + <link rel="stylesheet" href="{% static 'css/output.css' %}"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href='https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700' rel='stylesheet' type='text/css'/> - <link rel="stylesheet" href="{% static 'css/styles.css' %}"/> +{# <link rel="stylesheet" href="{% static 'css/styles.css' %}"/>#} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://unpkg.com/htmx.org@1.9.0" integrity="sha384-aOxz9UdWG0yBiyrTwPeMibmaoq07/d3a96GCbb9x60f3mOt5zwkjdbcHFnKH8qls" crossorigin="anonymous"></script> <title>{% block title %}{% endblock title %}</title> @@ -26,14 +27,14 @@ </head> <body> {% block navbar %} -<div class="w3-bar w3-border w3-blue w3-padding-16"> +<div class="navbar bg-blue-500"> <!-- <a href="/" class="w3-bar-item w3-button w3-dark-gray w3-xxlarge"><i class="fa fa-home"></i></a> --> - <a href="#" class="w3-bar-item w3-button w3-large">Home</a> - <a href="{% url 'engagements:home' %}" class="w3-bar-item w3-button w3-large">Engagement Plans</a> - <a href="{% url 'engagements:regulatedentities' %}" class="w3-bar-item w3-button w3-large">Regulated Entities</a> - <a href="#" class="w3-bar-item w3-button w3-large">Reporting</a> - <a href="#" class="w3-bar-item w3-button w3-large">Dashboards</a> - <div class="w3-dropdown-hover"> + <a href="#" class="text-3xl pe-3">Home</a> + <a href="{% url 'engagements:home' %}" class="text-3xl link pe-3">Engagement Plans</a> + <a href="{% url 'engagements:regulatedentities' %}" class="text-3xl link pe-3">Regulated Entities</a> + <a href="#" class="text-3xl link pe-3">Reporting</a> + <a href="#" class="text-3xl link pe-3">Dashboards</a> + <div class="dropdown"> <button class="w3-button w3-large">Teams</button> <div class="w3-dropdown-content w3-bar-block w3-card-4"> <a href="#" class="w3-bar-item w3-button">Submarines and Propulsion</a> @@ -50,7 +51,7 @@ </div> {% endblock navbar %} - <div class="w3-container"> + <div class="container mx-auto"> {% block content %} {% endblock content %} </div> diff --git a/core/templates/core/index.html b/core/templates/core/index.html index 1914c50..a2c9307 100644 --- a/core/templates/core/index.html +++ b/core/templates/core/index.html @@ -5,96 +5,100 @@ {% block content %} -<div class="w3-container"> - <h2>DED - Information Management for DefNucSyR</h2> - <div class="w3-panel w3-leftbar w3-sand w3-xlarge w3-serif w3-display-container"> + <div class="bg-blue-500 text-white p-3 my-2"> + This is a Tailwind styled div. + </div> + + <div class="container mx-auto"> + <h1 class="text-4xl">DED - Information Management for DefNucSyR</h1> + <div class="w3-panel w3-leftbar w3-sand w3-xlarge w3-serif w3-display-container"> <span onclick="this.parentElement.style.display='none'" class="w3-button w3-display-topright">×</span> - <h3>Quote of the day</h3> - <p>This is a placeholder for some interesting test. Use of lose.</p> - </div> + <h3>Quote of the day</h3> + <p>This is a placeholder for some interesting test. Use of lose.</p> + </div> - <p>{% lorem %}</p> + <p>{% lorem %}</p> - <div class="w3-card-2 w3-margin-top"> - <header class="w3-container w3-light-blue"> - <h3>Submarines and Propulsion</h3> - </header> - <div class="w3-container"> + <div class="container"> + <header class="text-3xl"> + <h3>Submarines and Propulsion</h3> + </header> + <div class="w3-container"> - <h3>Assessments & Inspections:</h3> - <table class="w3-table w3-bordered w3-margin-bottom"> - <tr class="w3-light-blue"> - <th>Start Date</th> - <th>End Date</th> - <th>Event</th> - <th>Site</th> - <th>Inspectors</th> - </tr> - {% for s in subs_regulatory %} - <tr> - <td>{{ s.proposed_start_date|date:'j M y' }}</td> - <td>{{ s.proposed_end_date|date:'j M y' }}</td> - <td><a href="{% url 'engagements:engagement_detail' s.pk %}">{{ s }}</a></td> - <td>{{ s.external_party }}</td> - <td> - {% if s.officers.all %} - {{ s.officers.all|commalist }} - {% endif %} - </td> - </tr> - {% endfor %} - </table> - <div class="w3-cell-row"> - <div class="w3-cell w3-left"> - <a href="{% url 'engagements:create' 'reg' %}" class="w3-button w3-round w3-blue">Add New</a> + <h3 class="text-2xl">Assessments & Inspections:</h3> + <table class="table table-zebra"> + <tr> + <th>Start Date</th> + <th>End Date</th> + <th>Event</th> + <th>Site</th> + <th>Inspectors</th> + </tr> + {% for s in subs_regulatory %} + <tr> + <td>{{ s.proposed_start_date|date:'j M y' }}</td> + <td>{{ s.proposed_end_date|date:'j M y' }}</td> + <td><a href="{% url 'engagements:engagement_detail' s.pk %}">{{ s }}</a></td> + <td>{{ s.external_party }}</td> + <td> + {% if s.officers.all %} + {{ s.officers.all|commalist }} + {% endif %} + </td> + </tr> + {% endfor %} + </table> + <div class="w3-cell-row"> + <div class="w3-cell w3-left"> + <a href="{% url 'engagements:create' 'reg' %}" class="w3-button w3-round w3-blue">Add New</a> + </div> + <div class="w3-cell w3-right"> + <small>See <a href="#">Enagements</a> for full list</small> + </div> </div> - <div class="w3-cell w3-right"> - <small>See <a href="#">Enagements</a> for full list</small> - </div> - </div> <hr> - <h4>Non-regulatory events:</h4> - <table class="w3-table w3-bordered w3-margin-bottom"> - <tr class="w3-light-blue"> - <th>Start Date</th> - <th>End Date</th> - <th>Summary</th> - </tr> - {% if not subs %} - <tr> - <td>None</td> - <td>None</td> - <td>None</td> - </tr> - {% else %} - {% for s in subs %} - <tr> - <td>{{ s.proposed_start_date|date:'j M y' }}</td> - <td>{{ s.proposed_end_date|date:'j M y' }}</td> - <td><a href="#">{{ s }}</a></td> - </tr> - {% endfor %} - {% endif %} - </table> - <div> - <button class="w3-button w3-round w3-blue">Add New</button> - </div> + <h4>Non-regulatory events:</h4> + <table class="table table-zebra"> + <tr> + <th>Start Date</th> + <th>End Date</th> + <th>Summary</th> + </tr> + {% if not subs %} + <tr> + <td>None</td> + <td>None</td> + <td>None</td> + </tr> + {% else %} + {% for s in subs %} + <tr> + <td>{{ s.proposed_start_date|date:'j M y' }}</td> + <td>{{ s.proposed_end_date|date:'j M y' }}</td> + <td><a href="#">{{ s }}</a></td> + </tr> + {% endfor %} + {% endif %} + </table> + <div> + <button class="w3-button w3-round w3-blue">Add New</button> + </div> - <p>{% lorem %}</p> + <p>{% lorem %}</p> + </div> </div> - </div> - <div class="w3-card-2 w3-margin-top"> - <header class="w3-container w3-light-blue"> - <h3>Transport</h3> - </header> - <div class="w3-container"> - <p>{% lorem %}</p> + <div class="w3-card-2 w3-margin-top"> + <header class="w3-container w3-light-blue"> + <h3>Transport</h3> + </header> + <div class="w3-container"> + <p>{% lorem %}</p> + </div> </div> - </div> -</div> + </div> {% endblock content %} |