bootstrap libraries added via cdn js & css script & link tags; some bootstrap styling added to base.html & list.html; unit tests updated to accomodate html parsing in assertContains() library fns (but n.b., not all unit tests have been updated to accomodate bootstrap attrs, so some still fail); all FTs currently passing from last commit
This commit is contained in:
@@ -1,19 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="en" data-bs-theme="dark">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="author" content="Disco DeDisco">
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
<title>Dashboard | {% block title_text %}{% endblock title_text %}</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.8/css/bootstrap.min.css"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Dashboard | {% block header_text %}{% endblock header_text %}</h1>
|
||||
<form method="POST" action="{% block form_action %}{% endblock form_action %}">
|
||||
<input name="item_text" id="id-new-item" placeholder="Enter a to-do item">
|
||||
{% csrf_token %}
|
||||
</form>
|
||||
{% block table %}
|
||||
{% endblock table %}
|
||||
<div class="container">
|
||||
<div class="row justify-content-center p-5 bg-body-tertiary rounded-3">
|
||||
<div class="col-lg-6 text-center">
|
||||
<h1 class="display-1 mb-4">Dashboard | {% block header_text %}{% endblock header_text %}</h1>
|
||||
|
||||
<form method="POST" action="{% block form_action %}{% endblock form_action %}">
|
||||
<input
|
||||
name="item_text"
|
||||
id="id-new-item"
|
||||
class="form-control form-control-lg"
|
||||
placeholder="Enter a to-do item"
|
||||
/>
|
||||
{% csrf_token %}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6">
|
||||
{% block table %}
|
||||
{% endblock table %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<script
|
||||
src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.8/js/bootstrap.min.js"
|
||||
></script>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user