Skip to content

ahjoyo / idc0007

Go to a project
Commit 062b200e by mhasan
Options

changes to index and view pages

parent 3ce091aa
Inline Side-by-side
Showing with 688 additions and 416 deletions
create.php
...@@ -5,7 +5,7 @@ session_start(); ...@@ -5,7 +5,7 @@ session_start();
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en-US"> <html lang="en-US">
<head> <head>
<link rel="stylesheet" href= "css/create_style.css"> <link rel="stylesheet" href= "css/bootstrap.css">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="description" content="ICD0007 Project, Todo List"> <meta name="description" content="ICD0007 Project, Todo List">
<script src="js/libraries/node_modules/moment/moment.js"> </script> <script src="js/libraries/node_modules/moment/moment.js"> </script>
...@@ -13,27 +13,44 @@ session_start(); ...@@ -13,27 +13,44 @@ session_start();
<title> Create List</title> <title> Create List</title>
</head> </head>
<body> <body style='background-image:url("img/back.jpg"); background-repeat: no-repeat;'>
<nav class="nav"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary" id="navbarColor01">
<a href="index.php"> Index </a> &nbsp; &nbsp; <ul class="navbar-nav mr-auto">
<a href="register.php"> Register </a>&nbsp; &nbsp; <li class="nav-item">
<a href="create.php"> Create List </a>&nbsp; &nbsp; <a class="nav-link" href="index.php"> Index </a> &nbsp; &nbsp;
<a href="view.php"> View List</a>&nbsp; &nbsp; </li>
<a href="faq.php"> FAQ </a>&nbsp; &nbsp; <li class="nav-item">
<a class="nav-link" href="register.php"> Register </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="create.php"> Create List </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="view.php"> View List</a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="faq.php"> FAQ </a>&nbsp; &nbsp;
</li>
</ul>
</nav> </nav>
<h2> Create List</h2> <h2 style="text-align: center; margin-top:80px"> Create List</h2>
<div class='form'>
<form action = "./php/createTask.php" method="POST"> <form class = 'form-group' style='text-align:center' action = "./php/createTask.php" method="POST" onsubmit="return dateValid()">
Date : <input type="text" name="date" id = 'date' onchange='dateValid();' required> <span id = 'dateText'> </span> <br> <br> <label class="form-control-label"> Date : </label>
Time : <input type = "time" name ="time" required> <br> <br> <input type="text" name="date" id = 'date' onchange='dateValid();' required> <!-- <span id = 'dateText'> </span> -->
Task (upto 300 characters) : <textarea rows = "6" cols= "40" name = "todo" maxlength="300" required></textarea> <br> <br>
<input type="submit" name = "submit" value="submit" id='submit' disabled> <br> <br><br><br>
</form> <label class="form-control-label" > Time : </label>
<input type = "time" name ="time" required> <br> <br>
<label class="form-control-label"> Task (upto 300 characters) : </label>
<textarea rows = "6" cols= "40" name = "todo" maxlength="300" required></textarea> <br> <br>
<input class="btn btn-outline-success" type="submit" name = "submit" value="submit" id='submit'> <br>
</form>
</div>
</body> </body>
</html> </html>
......
css/bootstrap.css
...@@ -58,7 +58,7 @@ html { ...@@ -58,7 +58,7 @@ html {
} }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; display: bock;
} }
body { body {
...@@ -232,7 +232,7 @@ th { ...@@ -232,7 +232,7 @@ th {
label { label {
display: inline-block; display: inline-block;
margin-bottom: 0.5rem; argin-bottom: 0.5rem;
} }
button { button {
...@@ -319,7 +319,7 @@ fieldset { ...@@ -319,7 +319,7 @@ fieldset {
legend { legend {
display: block; display: block;
width: 100%; idth: 100%;
max-width: 100%; max-width: 100%;
padding: 0; padding: 0;
margin-bottom: .5rem; margin-bottom: .5rem;
...@@ -353,20 +353,20 @@ progress { ...@@ -353,20 +353,20 @@ progress {
} }
output { output {
display: inline-block; display: inline-bock;
} }
summary { summary {
display: list-item; display: list-item;
cursor: pointer; ursor: pointer;
} }
template { template {
display: none; display: one;
} }
[hidden] { [hidden] {
display: none !important; display: none !imporant;
} }
h1, h2, h3, h4, h5, h6, h1, h2, h3, h4, h5, h6,
...@@ -406,25 +406,25 @@ h6, .h6 { ...@@ -406,25 +406,25 @@ h6, .h6 {
} }
.display-1 { .display-1 {
font-size: 6rem; font-size: 6rem;
font-weight: 300; font-weight: 300;
line-height: 1.2; line-height: 1.2;
} }
.display-2 { .display-2 {
font-size: 5.5rem; font-size: 5.5rem;
font-weight: 300; font-weight: 300;
line-height: 1.2; line-height: 1.2;
} }
.display-3 { .display-3 {
font-size: 4.5rem; font-size: 4.5rem;
font-weight: 300; font-weight: 300;
line-height: 1.2; line-height: 1.2;
} }
.display-4 { .display-4 {
font-size: 3.5rem; font-size: 3.5rem;
font-weight: 300; font-weight: 300;
line-height: 1.2; line-height: 1.2;
} }
...@@ -459,7 +459,7 @@ mark, ...@@ -459,7 +459,7 @@ mark,
} }
.list-inline-item { .list-inline-item {
display: inline-block; display: inline-bock;
} }
.list-inline-item:not(:last-child) { .list-inline-item:not(:last-child) {
...@@ -478,7 +478,7 @@ mark, ...@@ -478,7 +478,7 @@ mark,
.blockquote-footer { .blockquote-footer {
display: block; display: block;
font-size: 80%; ont-size: 80%;
color: #868e96; color: #868e96;
} }
...@@ -501,7 +501,7 @@ mark, ...@@ -501,7 +501,7 @@ mark,
} }
.figure { .figure {
display: inline-block; display: inline-bock;
} }
.figure-img { .figure-img {
...@@ -540,7 +540,7 @@ kbd kbd { ...@@ -540,7 +540,7 @@ kbd kbd {
pre { pre {
display: block; display: block;
font-size: 87.5%; ont-size: 87.5%;
color: inherit; color: inherit;
} }
...@@ -597,9 +597,9 @@ pre code { ...@@ -597,9 +597,9 @@ pre code {
.row { .row {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-ms-flex-wrap: wrap; ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
margin-right: -15px; margin-right: -15px;
margin-left: -15px; margin-left: -15px;
...@@ -1957,7 +1957,7 @@ pre code { ...@@ -1957,7 +1957,7 @@ pre code {
@media (max-width: 575.98px) { @media (max-width: 575.98px) {
.table-responsive-sm { .table-responsive-sm {
display: block; display: block;
width: 100%; idth: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
...@@ -1969,7 +1969,7 @@ pre code { ...@@ -1969,7 +1969,7 @@ pre code {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
.table-responsive-md { .table-responsive-md {
display: block; display: block;
width: 100%; idth: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
...@@ -1981,7 +1981,7 @@ pre code { ...@@ -1981,7 +1981,7 @@ pre code {
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
.table-responsive-lg { .table-responsive-lg {
display: block; display: block;
width: 100%; idth: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
...@@ -1993,7 +1993,7 @@ pre code { ...@@ -1993,7 +1993,7 @@ pre code {
@media (max-width: 1199.98px) { @media (max-width: 1199.98px) {
.table-responsive-xl { .table-responsive-xl {
display: block; display: block;
width: 100%; idth: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
...@@ -2004,7 +2004,7 @@ pre code { ...@@ -2004,7 +2004,7 @@ pre code {
.table-responsive { .table-responsive {
display: block; display: block;
width: 100%; idth: 100%;
overflow-x: auto; overflow-x: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
...@@ -2015,7 +2015,7 @@ pre code { ...@@ -2015,7 +2015,7 @@ pre code {
.form-control { .form-control {
display: block; display: block;
width: 100%; idth: 100%;
height: calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
font-size: 1rem; font-size: 1rem;
...@@ -2081,7 +2081,7 @@ select.form-control:focus::-ms-value { ...@@ -2081,7 +2081,7 @@ select.form-control:focus::-ms-value {
.form-control-file, .form-control-file,
.form-control-range { .form-control-range {
display: block; display: block;
width: 100%; idth: 100%;
} }
.col-form-label { .col-form-label {
...@@ -2108,7 +2108,7 @@ select.form-control:focus::-ms-value { ...@@ -2108,7 +2108,7 @@ select.form-control:focus::-ms-value {
.form-control-plaintext { .form-control-plaintext {
display: block; display: block;
width: 100%; idth: 100%;
padding-top: 0.375rem; padding-top: 0.375rem;
padding-bottom: 0.375rem; padding-bottom: 0.375rem;
margin-bottom: 0; margin-bottom: 0;
...@@ -2154,14 +2154,14 @@ textarea.form-control { ...@@ -2154,14 +2154,14 @@ textarea.form-control {
.form-text { .form-text {
display: block; display: block;
margin-top: 0.25rem; argin-top: 0.25rem;
} }
.form-row { .form-row {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-ms-flex-wrap: wrap; ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
margin-right: -5px; margin-right: -5px;
margin-left: -5px; margin-left: -5px;
...@@ -2176,7 +2176,7 @@ textarea.form-control { ...@@ -2176,7 +2176,7 @@ textarea.form-control {
.form-check { .form-check {
position: relative; position: relative;
display: block; display: block;
padding-left: 1.25rem; adding-left: 1.25rem;
} }
.form-check-input { .form-check-input {
...@@ -2195,9 +2195,9 @@ textarea.form-control { ...@@ -2195,9 +2195,9 @@ textarea.form-control {
.form-check-inline { .form-check-inline {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -ms-inline-flexbox; isplay: -ms-inline-flexbox;
display: inline-flex; isplay: inline-flex;
-webkit-box-align: center; webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
padding-left: 0; padding-left: 0;
...@@ -2213,7 +2213,7 @@ textarea.form-control { ...@@ -2213,7 +2213,7 @@ textarea.form-control {
.valid-feedback { .valid-feedback {
display: none; display: none;
width: 100%; idth: 100%;
margin-top: 0.25rem; margin-top: 0.25rem;
font-size: 80%; font-size: 80%;
color: #5cb85c; color: #5cb85c;
...@@ -2224,7 +2224,7 @@ textarea.form-control { ...@@ -2224,7 +2224,7 @@ textarea.form-control {
top: 100%; top: 100%;
z-index: 5; z-index: 5;
display: none; display: none;
max-width: 100%; ax-width: 100%;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-top: .1rem; margin-top: .1rem;
font-size: 0.875rem; font-size: 0.875rem;
...@@ -2252,7 +2252,7 @@ textarea.form-control { ...@@ -2252,7 +2252,7 @@ textarea.form-control {
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip { .form-control.is-valid ~ .valid-tooltip {
display: block; display: bock;
} }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
...@@ -2275,13 +2275,13 @@ textarea.form-control { ...@@ -2275,13 +2275,13 @@ textarea.form-control {
.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip { .custom-select.is-valid ~ .valid-tooltip {
display: block; display: bock;
} }
.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip { .form-control-file.is-valid ~ .valid-tooltip {
display: block; display: bock;
} }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
...@@ -2291,7 +2291,7 @@ textarea.form-control { ...@@ -2291,7 +2291,7 @@ textarea.form-control {
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip { .form-check-input.is-valid ~ .valid-tooltip {
display: block; display: bock;
} }
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
...@@ -2305,7 +2305,7 @@ textarea.form-control { ...@@ -2305,7 +2305,7 @@ textarea.form-control {
.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip { .custom-control-input.is-valid ~ .valid-tooltip {
display: block; display: bock;
} }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
...@@ -2329,7 +2329,7 @@ textarea.form-control { ...@@ -2329,7 +2329,7 @@ textarea.form-control {
.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip { .custom-file-input.is-valid ~ .valid-tooltip {
display: block; display: bock;
} }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
...@@ -2340,7 +2340,7 @@ textarea.form-control { ...@@ -2340,7 +2340,7 @@ textarea.form-control {
.invalid-feedback { .invalid-feedback {
display: none; display: none;
width: 100%; idth: 100%;
margin-top: 0.25rem; margin-top: 0.25rem;
font-size: 80%; font-size: 80%;
color: #d9534f; color: #d9534f;
...@@ -2351,7 +2351,7 @@ textarea.form-control { ...@@ -2351,7 +2351,7 @@ textarea.form-control {
top: 100%; top: 100%;
z-index: 5; z-index: 5;
display: none; display: none;
max-width: 100%; ax-width: 100%;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
margin-top: .1rem; margin-top: .1rem;
font-size: 0.875rem; font-size: 0.875rem;
...@@ -2379,7 +2379,7 @@ textarea.form-control { ...@@ -2379,7 +2379,7 @@ textarea.form-control {
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip { .form-control.is-invalid ~ .invalid-tooltip {
display: block; display: bock;
} }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
...@@ -2402,13 +2402,13 @@ textarea.form-control { ...@@ -2402,13 +2402,13 @@ textarea.form-control {
.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip { .custom-select.is-invalid ~ .invalid-tooltip {
display: block; display: bock;
} }
.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip { .form-control-file.is-invalid ~ .invalid-tooltip {
display: block; display: bock;
} }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
...@@ -2418,7 +2418,7 @@ textarea.form-control { ...@@ -2418,7 +2418,7 @@ textarea.form-control {
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip { .form-check-input.is-invalid ~ .invalid-tooltip {
display: block; display: bock;
} }
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
...@@ -2432,7 +2432,7 @@ textarea.form-control { ...@@ -2432,7 +2432,7 @@ textarea.form-control {
.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip { .custom-control-input.is-invalid ~ .invalid-tooltip {
display: block; display: bock;
} }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
...@@ -2456,7 +2456,7 @@ textarea.form-control { ...@@ -2456,7 +2456,7 @@ textarea.form-control {
.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip { .custom-file-input.is-invalid ~ .invalid-tooltip {
display: block; display: bock;
} }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
...@@ -2467,9 +2467,9 @@ textarea.form-control { ...@@ -2467,9 +2467,9 @@ textarea.form-control {
.form-inline { .form-inline {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-orient: horizontal; webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-flow: row wrap; -ms-flex-flow: row wrap;
flex-flow: row wrap; flex-flow: row wrap;
...@@ -2485,9 +2485,9 @@ textarea.form-control { ...@@ -2485,9 +2485,9 @@ textarea.form-control {
@media (min-width: 576px) { @media (min-width: 576px) {
.form-inline label { .form-inline label {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: center; webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
-webkit-box-pack: center; -webkit-box-pack: center;
...@@ -2497,9 +2497,9 @@ textarea.form-control { ...@@ -2497,9 +2497,9 @@ textarea.form-control {
} }
.form-inline .form-group { .form-inline .form-group {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-flex: 0; webkit-box-flex: 0;
-ms-flex: 0 0 auto; -ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
...@@ -2513,11 +2513,11 @@ textarea.form-control { ...@@ -2513,11 +2513,11 @@ textarea.form-control {
} }
.form-inline .form-control { .form-inline .form-control {
display: inline-block; display: inline-block;
width: auto; idth: auto;
vertical-align: middle; vertical-align: middle;
} }
.form-inline .form-control-plaintext { .form-inline .form-control-plaintext {
display: inline-block; display: inline-blok;
} }
.form-inline .input-group, .form-inline .input-group,
.form-inline .custom-select { .form-inline .custom-select {
...@@ -2525,9 +2525,9 @@ textarea.form-control { ...@@ -2525,9 +2525,9 @@ textarea.form-control {
} }
.form-inline .form-check { .form-inline .form-check {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: center; webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
-webkit-box-pack: center; -webkit-box-pack: center;
...@@ -2559,7 +2559,7 @@ textarea.form-control { ...@@ -2559,7 +2559,7 @@ textarea.form-control {
.btn { .btn {
display: inline-block; display: inline-block;
font-weight: 400; ont-weight: 400;
color: #EBEBEB; color: #EBEBEB;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
...@@ -3204,7 +3204,7 @@ fieldset:disabled a.btn { ...@@ -3204,7 +3204,7 @@ fieldset:disabled a.btn {
.btn-block { .btn-block {
display: block; display: block;
width: 100%; idth: 100%;
} }
.btn-block + .btn-block { .btn-block + .btn-block {
...@@ -3234,7 +3234,7 @@ input[type="button"].btn-block { ...@@ -3234,7 +3234,7 @@ input[type="button"].btn-block {
} }
.collapse:not(.show) { .collapse:not(.show) {
display: none; display: one;
} }
.collapsing { .collapsing {
...@@ -3265,7 +3265,7 @@ input[type="button"].btn-block { ...@@ -3265,7 +3265,7 @@ input[type="button"].btn-block {
.dropdown-toggle::after { .dropdown-toggle::after {
display: inline-block; display: inline-block;
margin-left: 0.255em; argin-left: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
border-top: 0.3em solid; border-top: 0.3em solid;
...@@ -3284,7 +3284,7 @@ input[type="button"].btn-block { ...@@ -3284,7 +3284,7 @@ input[type="button"].btn-block {
left: 0; left: 0;
z-index: 1000; z-index: 1000;
display: none; display: none;
float: left; loat: left;
min-width: 10rem; min-width: 10rem;
padding: 0.5rem 0; padding: 0.5rem 0;
margin: 0.125rem 0 0; margin: 0.125rem 0 0;
...@@ -3361,7 +3361,7 @@ input[type="button"].btn-block { ...@@ -3361,7 +3361,7 @@ input[type="button"].btn-block {
.dropup .dropdown-toggle::after { .dropup .dropdown-toggle::after {
display: inline-block; display: inline-block;
margin-left: 0.255em; argin-left: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
border-top: 0; border-top: 0;
...@@ -3384,7 +3384,7 @@ input[type="button"].btn-block { ...@@ -3384,7 +3384,7 @@ input[type="button"].btn-block {
.dropright .dropdown-toggle::after { .dropright .dropdown-toggle::after {
display: inline-block; display: inline-block;
margin-left: 0.255em; argin-left: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
border-top: 0.3em solid transparent; border-top: 0.3em solid transparent;
...@@ -3411,18 +3411,18 @@ input[type="button"].btn-block { ...@@ -3411,18 +3411,18 @@ input[type="button"].btn-block {
.dropleft .dropdown-toggle::after { .dropleft .dropdown-toggle::after {
display: inline-block; display: inline-block;
margin-left: 0.255em; argin-left: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
} }
.dropleft .dropdown-toggle::after { .dropleft .dropdown-toggle::after {
display: none; display: one;
} }
.dropleft .dropdown-toggle::before { .dropleft .dropdown-toggle::before {
display: inline-block; display: inline-block;
margin-right: 0.255em; argin-right: 0.255em;
vertical-align: 0.255em; vertical-align: 0.255em;
content: ""; content: "";
border-top: 0.3em solid transparent; border-top: 0.3em solid transparent;
...@@ -3452,7 +3452,7 @@ input[type="button"].btn-block { ...@@ -3452,7 +3452,7 @@ input[type="button"].btn-block {
.dropdown-item { .dropdown-item {
display: block; display: block;
width: 100%; idth: 100%;
padding: 0.25rem 1.5rem; padding: 0.25rem 1.5rem;
clear: both; clear: both;
font-weight: 400; font-weight: 400;
...@@ -3482,12 +3482,12 @@ input[type="button"].btn-block { ...@@ -3482,12 +3482,12 @@ input[type="button"].btn-block {
} }
.dropdown-menu.show { .dropdown-menu.show {
display: block; display: bock;
} }
.dropdown-header { .dropdown-header {
display: block; display: block;
padding: 0.5rem 1.5rem; adding: 0.5rem 1.5rem;
margin-bottom: 0; margin-bottom: 0;
font-size: 0.875rem; font-size: 0.875rem;
color: #868e96; color: #868e96;
...@@ -3496,7 +3496,7 @@ input[type="button"].btn-block { ...@@ -3496,7 +3496,7 @@ input[type="button"].btn-block {
.dropdown-item-text { .dropdown-item-text {
display: block; display: block;
padding: 0.25rem 1.5rem; adding: 0.25rem 1.5rem;
color: #EBEBEB; color: #EBEBEB;
} }
...@@ -3504,9 +3504,9 @@ input[type="button"].btn-block { ...@@ -3504,9 +3504,9 @@ input[type="button"].btn-block {
.btn-group-vertical { .btn-group-vertical {
position: relative; position: relative;
display: -webkit-inline-box; display: -webkit-inline-box;
display: -ms-inline-flexbox; isplay: -ms-inline-flexbox;
display: inline-flex; isplay: inline-flex;
vertical-align: middle; ertical-align: middle;
} }
.btn-group > .btn, .btn-group > .btn,
...@@ -3531,9 +3531,9 @@ input[type="button"].btn-block { ...@@ -3531,9 +3531,9 @@ input[type="button"].btn-block {
.btn-toolbar { .btn-toolbar {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-ms-flex-wrap: wrap; ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-pack: start; -webkit-box-pack: start;
-ms-flex-pack: start; -ms-flex-pack: start;
...@@ -3638,9 +3638,9 @@ input[type="button"].btn-block { ...@@ -3638,9 +3638,9 @@ input[type="button"].btn-block {
.input-group { .input-group {
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-ms-flex-wrap: wrap; ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-align: stretch; -webkit-box-align: stretch;
-ms-flex-align: stretch; -ms-flex-align: stretch;
...@@ -3699,9 +3699,9 @@ input[type="button"].btn-block { ...@@ -3699,9 +3699,9 @@ input[type="button"].btn-block {
.input-group > .custom-file { .input-group > .custom-file {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: center; webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
} }
...@@ -3720,8 +3720,8 @@ input[type="button"].btn-block { ...@@ -3720,8 +3720,8 @@ input[type="button"].btn-block {
.input-group-prepend, .input-group-prepend,
.input-group-append { .input-group-append {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: lex;
} }
.input-group-prepend .btn, .input-group-prepend .btn,
...@@ -3756,9 +3756,9 @@ input[type="button"].btn-block { ...@@ -3756,9 +3756,9 @@ input[type="button"].btn-block {
.input-group-text { .input-group-text {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: center; webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
...@@ -3841,15 +3841,15 @@ input[type="button"].btn-block { ...@@ -3841,15 +3841,15 @@ input[type="button"].btn-block {
.custom-control { .custom-control {
position: relative; position: relative;
display: block; display: block;
min-height: 1.5rem; in-height: 1.5rem;
padding-left: 1.5rem; padding-left: 1.5rem;
} }
.custom-control-inline { .custom-control-inline {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -ms-inline-flexbox; isplay: -ms-inline-flexbox;
display: inline-flex; isplay: inline-flex;
margin-right: 1rem; argin-right: 1rem;
} }
.custom-control-input { .custom-control-input {
...@@ -3898,7 +3898,7 @@ input[type="button"].btn-block { ...@@ -3898,7 +3898,7 @@ input[type="button"].btn-block {
top: 0.25rem; top: 0.25rem;
left: -1.5rem; left: -1.5rem;
display: block; display: block;
width: 1rem; idth: 1rem;
height: 1rem; height: 1rem;
pointer-events: none; pointer-events: none;
content: ""; content: "";
...@@ -3911,7 +3911,7 @@ input[type="button"].btn-block { ...@@ -3911,7 +3911,7 @@ input[type="button"].btn-block {
top: 0.25rem; top: 0.25rem;
left: -1.5rem; left: -1.5rem;
display: block; display: block;
width: 1rem; idth: 1rem;
height: 1rem; height: 1rem;
content: ""; content: "";
background: no-repeat 50% / 50% 50%; background: no-repeat 50% / 50% 50%;
...@@ -3997,7 +3997,7 @@ input[type="button"].btn-block { ...@@ -3997,7 +3997,7 @@ input[type="button"].btn-block {
.custom-select { .custom-select {
display: inline-block; display: inline-block;
width: 100%; idth: 100%;
height: calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem; padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem; font-size: 1rem;
...@@ -4038,7 +4038,7 @@ input[type="button"].btn-block { ...@@ -4038,7 +4038,7 @@ input[type="button"].btn-block {
} }
.custom-select::-ms-expand { .custom-select::-ms-expand {
display: none; display: one;
} }
.custom-select-sm { .custom-select-sm {
...@@ -4060,7 +4060,7 @@ input[type="button"].btn-block { ...@@ -4060,7 +4060,7 @@ input[type="button"].btn-block {
.custom-file { .custom-file {
position: relative; position: relative;
display: inline-block; display: inline-block;
width: 100%; idth: 100%;
height: calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0; margin-bottom: 0;
} }
...@@ -4115,7 +4115,7 @@ input[type="button"].btn-block { ...@@ -4115,7 +4115,7 @@ input[type="button"].btn-block {
bottom: 0; bottom: 0;
z-index: 3; z-index: 3;
display: block; display: block;
height: calc(1.5em + 0.75rem); eight: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
line-height: 1.5; line-height: 1.5;
color: #fff; color: #fff;
...@@ -4315,9 +4315,9 @@ input[type="button"].btn-block { ...@@ -4315,9 +4315,9 @@ input[type="button"].btn-block {
.nav { .nav {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-ms-flex-wrap: wrap; ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
...@@ -4326,7 +4326,7 @@ input[type="button"].btn-block { ...@@ -4326,7 +4326,7 @@ input[type="button"].btn-block {
.nav-link { .nav-link {
display: block; display: block;
padding: 0.5rem 1rem; adding: 0.5rem 1rem;
} }
.nav-link:hover, .nav-link:focus { .nav-link:hover, .nav-link:focus {
...@@ -4408,19 +4408,19 @@ input[type="button"].btn-block { ...@@ -4408,19 +4408,19 @@ input[type="button"].btn-block {
} }
.tab-content > .tab-pane { .tab-content > .tab-pane {
display: none; display: one;
} }
.tab-content > .active { .tab-content > .active {
display: block; display: bock;
} }
.navbar { .navbar {
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-ms-flex-wrap: wrap; ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
...@@ -4434,9 +4434,9 @@ input[type="button"].btn-block { ...@@ -4434,9 +4434,9 @@ input[type="button"].btn-block {
.navbar > .container, .navbar > .container,
.navbar > .container-fluid { .navbar > .container-fluid {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-ms-flex-wrap: wrap; ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
...@@ -4448,7 +4448,7 @@ input[type="button"].btn-block { ...@@ -4448,7 +4448,7 @@ input[type="button"].btn-block {
.navbar-brand { .navbar-brand {
display: inline-block; display: inline-block;
padding-top: 0.3125rem; adding-top: 0.3125rem;
padding-bottom: 0.3125rem; padding-bottom: 0.3125rem;
margin-right: 1rem; margin-right: 1rem;
font-size: 1.25rem; font-size: 1.25rem;
...@@ -4462,9 +4462,9 @@ input[type="button"].btn-block { ...@@ -4462,9 +4462,9 @@ input[type="button"].btn-block {
.navbar-nav { .navbar-nav {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-orient: vertical; webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
...@@ -4485,7 +4485,7 @@ input[type="button"].btn-block { ...@@ -4485,7 +4485,7 @@ input[type="button"].btn-block {
.navbar-text { .navbar-text {
display: inline-block; display: inline-block;
padding-top: 0.5rem; adding-top: 0.5rem;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
...@@ -4515,7 +4515,7 @@ input[type="button"].btn-block { ...@@ -4515,7 +4515,7 @@ input[type="button"].btn-block {
.navbar-toggler-icon { .navbar-toggler-icon {
display: inline-block; display: inline-block;
width: 1.5em; idth: 1.5em;
height: 1.5em; height: 1.5em;
vertical-align: middle; vertical-align: middle;
content: ""; content: "";
...@@ -4561,13 +4561,13 @@ input[type="button"].btn-block { ...@@ -4561,13 +4561,13 @@ input[type="button"].btn-block {
} }
.navbar-expand-sm .navbar-collapse { .navbar-expand-sm .navbar-collapse {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !important;
-ms-flex-preferred-size: auto; ms-flex-preferred-size: auto;
flex-basis: auto; flex-basis: auto;
} }
.navbar-expand-sm .navbar-toggler { .navbar-expand-sm .navbar-toggler {
display: none; display: noe;
} }
} }
...@@ -4609,13 +4609,13 @@ input[type="button"].btn-block { ...@@ -4609,13 +4609,13 @@ input[type="button"].btn-block {
} }
.navbar-expand-md .navbar-collapse { .navbar-expand-md .navbar-collapse {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !important;
-ms-flex-preferred-size: auto; ms-flex-preferred-size: auto;
flex-basis: auto; flex-basis: auto;
} }
.navbar-expand-md .navbar-toggler { .navbar-expand-md .navbar-toggler {
display: none; display: noe;
} }
} }
...@@ -4657,13 +4657,13 @@ input[type="button"].btn-block { ...@@ -4657,13 +4657,13 @@ input[type="button"].btn-block {
} }
.navbar-expand-lg .navbar-collapse { .navbar-expand-lg .navbar-collapse {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !important;
-ms-flex-preferred-size: auto; ms-flex-preferred-size: auto;
flex-basis: auto; flex-basis: auto;
} }
.navbar-expand-lg .navbar-toggler { .navbar-expand-lg .navbar-toggler {
display: none; display: noe;
} }
} }
...@@ -4705,13 +4705,13 @@ input[type="button"].btn-block { ...@@ -4705,13 +4705,13 @@ input[type="button"].btn-block {
} }
.navbar-expand-xl .navbar-collapse { .navbar-expand-xl .navbar-collapse {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !important;
-ms-flex-preferred-size: auto; ms-flex-preferred-size: auto;
flex-basis: auto; flex-basis: auto;
} }
.navbar-expand-xl .navbar-toggler { .navbar-expand-xl .navbar-toggler {
display: none; display: noe;
} }
} }
...@@ -4755,14 +4755,14 @@ input[type="button"].btn-block { ...@@ -4755,14 +4755,14 @@ input[type="button"].btn-block {
.navbar-expand .navbar-collapse { .navbar-expand .navbar-collapse {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !important;
-ms-flex-preferred-size: auto; ms-flex-preferred-size: auto;
flex-basis: auto; flex-basis: auto;
} }
.navbar-expand .navbar-toggler { .navbar-expand .navbar-toggler {
display: none; display: one;
} }
.navbar-light .navbar-brand { .navbar-light .navbar-brand {
...@@ -4864,9 +4864,9 @@ input[type="button"].btn-block { ...@@ -4864,9 +4864,9 @@ input[type="button"].btn-block {
.card { .card {
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-orient: vertical; webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
...@@ -4986,9 +4986,9 @@ input[type="button"].btn-block { ...@@ -4986,9 +4986,9 @@ input[type="button"].btn-block {
.card-deck { .card-deck {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-orient: vertical; webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
...@@ -5009,9 +5009,9 @@ input[type="button"].btn-block { ...@@ -5009,9 +5009,9 @@ input[type="button"].btn-block {
} }
.card-deck .card { .card-deck .card {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-flex: 1; webkit-box-flex: 1;
-ms-flex: 1 0 0%; -ms-flex: 1 0 0%;
flex: 1 0 0%; flex: 1 0 0%;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
...@@ -5026,9 +5026,9 @@ input[type="button"].btn-block { ...@@ -5026,9 +5026,9 @@ input[type="button"].btn-block {
.card-group { .card-group {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-orient: vertical; webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
...@@ -5096,7 +5096,7 @@ input[type="button"].btn-block { ...@@ -5096,7 +5096,7 @@ input[type="button"].btn-block {
} }
.card-columns .card { .card-columns .card {
display: inline-block; display: inline-block;
width: 100%; idth: 100%;
} }
} }
...@@ -5130,9 +5130,9 @@ input[type="button"].btn-block { ...@@ -5130,9 +5130,9 @@ input[type="button"].btn-block {
.breadcrumb { .breadcrumb {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-ms-flex-wrap: wrap; ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0.75rem 1rem; padding: 0.75rem 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
...@@ -5147,7 +5147,7 @@ input[type="button"].btn-block { ...@@ -5147,7 +5147,7 @@ input[type="button"].btn-block {
.breadcrumb-item + .breadcrumb-item::before { .breadcrumb-item + .breadcrumb-item::before {
display: inline-block; display: inline-block;
padding-right: 0.5rem; adding-right: 0.5rem;
color: #EBEBEB; color: #EBEBEB;
content: "/"; content: "/";
} }
...@@ -5166,9 +5166,9 @@ input[type="button"].btn-block { ...@@ -5166,9 +5166,9 @@ input[type="button"].btn-block {
.pagination { .pagination {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
padding-left: 0; adding-left: 0;
list-style: none; list-style: none;
border-radius: 0; border-radius: 0;
} }
...@@ -5176,7 +5176,7 @@ input[type="button"].btn-block { ...@@ -5176,7 +5176,7 @@ input[type="button"].btn-block {
.page-link { .page-link {
position: relative; position: relative;
display: block; display: block;
padding: 0.5rem 0.75rem; adding: 0.5rem 0.75rem;
margin-left: -1px; margin-left: -1px;
line-height: 1.25; line-height: 1.25;
color: #fff; color: #fff;
...@@ -5259,7 +5259,7 @@ input[type="button"].btn-block { ...@@ -5259,7 +5259,7 @@ input[type="button"].btn-block {
.badge { .badge {
display: inline-block; display: inline-block;
padding: 0.25em 0.4em; adding: 0.25em 0.4em;
font-size: 75%; font-size: 75%;
font-weight: 700; font-weight: 700;
line-height: 1; line-height: 1;
...@@ -5285,7 +5285,7 @@ a.badge:hover, a.badge:focus { ...@@ -5285,7 +5285,7 @@ a.badge:hover, a.badge:focus {
} }
.badge:empty { .badge:empty {
display: none; display: one;
} }
.btn .badge { .btn .badge {
...@@ -5606,9 +5606,9 @@ a.badge-dark:focus, a.badge-dark.focus { ...@@ -5606,9 +5606,9 @@ a.badge-dark:focus, a.badge-dark.focus {
.progress { .progress {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
height: 1rem; eight: 1rem;
overflow: hidden; overflow: hidden;
font-size: 0.75rem; font-size: 0.75rem;
background-color: #4E5D6C; background-color: #4E5D6C;
...@@ -5617,9 +5617,9 @@ a.badge-dark:focus, a.badge-dark.focus { ...@@ -5617,9 +5617,9 @@ a.badge-dark:focus, a.badge-dark.focus {
.progress-bar { .progress-bar {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-orient: vertical; webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
...@@ -5660,9 +5660,9 @@ a.badge-dark:focus, a.badge-dark.focus { ...@@ -5660,9 +5660,9 @@ a.badge-dark:focus, a.badge-dark.focus {
.media { .media {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: start; webkit-box-align: start;
-ms-flex-align: start; -ms-flex-align: start;
align-items: flex-start; align-items: flex-start;
} }
...@@ -5675,9 +5675,9 @@ a.badge-dark:focus, a.badge-dark.focus { ...@@ -5675,9 +5675,9 @@ a.badge-dark:focus, a.badge-dark.focus {
.list-group { .list-group {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-orient: vertical; webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
...@@ -5706,7 +5706,7 @@ a.badge-dark:focus, a.badge-dark.focus { ...@@ -5706,7 +5706,7 @@ a.badge-dark:focus, a.badge-dark.focus {
.list-group-item { .list-group-item {
position: relative; position: relative;
display: block; display: block;
padding: 0.75rem 1.25rem; adding: 0.75rem 1.25rem;
margin-bottom: -1px; margin-bottom: -1px;
background-color: #4E5D6C; background-color: #4E5D6C;
border: 1px solid transparent; border: 1px solid transparent;
...@@ -6061,18 +6061,18 @@ a.close.disabled { ...@@ -6061,18 +6061,18 @@ a.close.disabled {
.toast.show { .toast.show {
display: block; display: block;
opacity: 1; pacity: 1;
} }
.toast.hide { .toast.hide {
display: none; display: one;
} }
.toast-header { .toast-header {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: center; webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
...@@ -6101,7 +6101,7 @@ a.close.disabled { ...@@ -6101,7 +6101,7 @@ a.close.disabled {
left: 0; left: 0;
z-index: 1050; z-index: 1050;
display: none; display: none;
width: 100%; idth: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
outline: 0; outline: 0;
...@@ -6137,9 +6137,9 @@ a.close.disabled { ...@@ -6137,9 +6137,9 @@ a.close.disabled {
.modal-dialog-scrollable { .modal-dialog-scrollable {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
max-height: calc(100% - 1rem); ax-height: calc(100% - 1rem);
} }
.modal-dialog-scrollable .modal-content { .modal-dialog-scrollable .modal-content {
...@@ -6159,9 +6159,9 @@ a.close.disabled { ...@@ -6159,9 +6159,9 @@ a.close.disabled {
.modal-dialog-centered { .modal-dialog-centered {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: center; webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
min-height: calc(100% - 1rem); min-height: calc(100% - 1rem);
...@@ -6169,7 +6169,7 @@ a.close.disabled { ...@@ -6169,7 +6169,7 @@ a.close.disabled {
.modal-dialog-centered::before { .modal-dialog-centered::before {
display: block; display: block;
height: calc(100vh - 1rem); eight: calc(100vh - 1rem);
content: ""; content: "";
} }
...@@ -6195,9 +6195,9 @@ a.close.disabled { ...@@ -6195,9 +6195,9 @@ a.close.disabled {
.modal-content { .modal-content {
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-orient: vertical; webkit-box-orient: vertical;
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: column; -ms-flex-direction: column;
flex-direction: column; flex-direction: column;
...@@ -6230,9 +6230,9 @@ a.close.disabled { ...@@ -6230,9 +6230,9 @@ a.close.disabled {
.modal-header { .modal-header {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: start; webkit-box-align: start;
-ms-flex-align: start; -ms-flex-align: start;
align-items: flex-start; align-items: flex-start;
-webkit-box-pack: justify; -webkit-box-pack: justify;
...@@ -6264,9 +6264,9 @@ a.close.disabled { ...@@ -6264,9 +6264,9 @@ a.close.disabled {
.modal-footer { .modal-footer {
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: center; webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
-webkit-box-pack: end; -webkit-box-pack: end;
...@@ -6333,7 +6333,7 @@ a.close.disabled { ...@@ -6333,7 +6333,7 @@ a.close.disabled {
position: absolute; position: absolute;
z-index: 1070; z-index: 1070;
display: block; display: block;
margin: 0; argin: 0;
font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
...@@ -6360,7 +6360,7 @@ a.close.disabled { ...@@ -6360,7 +6360,7 @@ a.close.disabled {
.tooltip .arrow { .tooltip .arrow {
position: absolute; position: absolute;
display: block; display: block;
width: 0.8rem; idth: 0.8rem;
height: 0.4rem; height: 0.4rem;
} }
...@@ -6446,7 +6446,7 @@ a.close.disabled { ...@@ -6446,7 +6446,7 @@ a.close.disabled {
left: 0; left: 0;
z-index: 1060; z-index: 1060;
display: block; display: block;
max-width: 276px; ax-width: 276px;
font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
...@@ -6472,7 +6472,7 @@ a.close.disabled { ...@@ -6472,7 +6472,7 @@ a.close.disabled {
.popover .arrow { .popover .arrow {
position: absolute; position: absolute;
display: block; display: block;
width: 1rem; idth: 1rem;
height: 0.5rem; height: 0.5rem;
margin: 0 0; margin: 0 0;
} }
...@@ -6480,7 +6480,7 @@ a.close.disabled { ...@@ -6480,7 +6480,7 @@ a.close.disabled {
.popover .arrow::before, .popover .arrow::after { .popover .arrow::before, .popover .arrow::after {
position: absolute; position: absolute;
display: block; display: block;
content: ""; ontent: "";
border-color: transparent; border-color: transparent;
border-style: solid; border-style: solid;
} }
...@@ -6553,7 +6553,7 @@ a.close.disabled { ...@@ -6553,7 +6553,7 @@ a.close.disabled {
top: 0; top: 0;
left: 50%; left: 50%;
display: block; display: block;
width: 1rem; idth: 1rem;
margin-left: -0.5rem; margin-left: -0.5rem;
content: ""; content: "";
border-bottom: 1px solid rgba(255, 255, 255, 0.075); border-bottom: 1px solid rgba(255, 255, 255, 0.075);
...@@ -6593,7 +6593,7 @@ a.close.disabled { ...@@ -6593,7 +6593,7 @@ a.close.disabled {
} }
.popover-header:empty { .popover-header:empty {
display: none; display: one;
} }
.popover-body { .popover-body {
...@@ -6618,14 +6618,14 @@ a.close.disabled { ...@@ -6618,14 +6618,14 @@ a.close.disabled {
.carousel-inner::after { .carousel-inner::after {
display: block; display: block;
clear: both; lear: both;
content: ""; content: "";
} }
.carousel-item { .carousel-item {
position: relative; position: relative;
display: none; display: none;
float: left; loat: left;
width: 100%; width: 100%;
margin-right: -100%; margin-right: -100%;
-webkit-backface-visibility: hidden; -webkit-backface-visibility: hidden;
...@@ -6646,7 +6646,7 @@ a.close.disabled { ...@@ -6646,7 +6646,7 @@ a.close.disabled {
.carousel-item.active, .carousel-item.active,
.carousel-item-next, .carousel-item-next,
.carousel-item-prev { .carousel-item-prev {
display: block; display: bock;
} }
.carousel-item-next:not(.carousel-item-left), .carousel-item-next:not(.carousel-item-left),
...@@ -6699,9 +6699,9 @@ a.close.disabled { ...@@ -6699,9 +6699,9 @@ a.close.disabled {
bottom: 0; bottom: 0;
z-index: 1; z-index: 1;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-align: center; webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
-webkit-box-pack: center; -webkit-box-pack: center;
...@@ -6743,7 +6743,7 @@ a.close.disabled { ...@@ -6743,7 +6743,7 @@ a.close.disabled {
.carousel-control-prev-icon, .carousel-control-prev-icon,
.carousel-control-next-icon { .carousel-control-next-icon {
display: inline-block; display: inline-block;
width: 20px; idth: 20px;
height: 20px; height: 20px;
background: no-repeat 50% / 100% 100%; background: no-repeat 50% / 100% 100%;
} }
...@@ -6763,9 +6763,9 @@ a.close.disabled { ...@@ -6763,9 +6763,9 @@ a.close.disabled {
left: 0; left: 0;
z-index: 15; z-index: 15;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; isplay: -ms-flexbox;
display: flex; isplay: flex;
-webkit-box-pack: center; webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
padding-left: 0; padding-left: 0;
...@@ -6834,7 +6834,7 @@ a.close.disabled { ...@@ -6834,7 +6834,7 @@ a.close.disabled {
.spinner-border { .spinner-border {
display: inline-block; display: inline-block;
width: 2rem; idth: 2rem;
height: 2rem; height: 2rem;
vertical-align: text-bottom; vertical-align: text-bottom;
border: 0.25em solid currentColor; border: 0.25em solid currentColor;
...@@ -6872,7 +6872,7 @@ a.close.disabled { ...@@ -6872,7 +6872,7 @@ a.close.disabled {
.spinner-grow { .spinner-grow {
display: inline-block; display: inline-block;
width: 2rem; idth: 2rem;
height: 2rem; height: 2rem;
vertical-align: text-bottom; vertical-align: text-bottom;
background-color: currentColor; background-color: currentColor;
...@@ -7121,231 +7121,231 @@ button.bg-dark:focus { ...@@ -7121,231 +7121,231 @@ button.bg-dark:focus {
.clearfix::after { .clearfix::after {
display: block; display: block;
clear: both; lear: both;
content: ""; content: "";
} }
.d-none { .d-none {
display: none !important; display: none !imporant;
} }
.d-inline { .d-inline {
display: inline !important; display: inline !imporant;
} }
.d-inline-block { .d-inline-block {
display: inline-block !important; display: inline-block !imporant;
} }
.d-block { .d-block {
display: block !important; display: block !imporant;
} }
.d-table { .d-table {
display: table !important; display: table !imporant;
} }
.d-table-row { .d-table-row {
display: table-row !important; display: table-row !imporant;
} }
.d-table-cell { .d-table-cell {
display: table-cell !important; display: table-cell !imporant;
} }
.d-flex { .d-flex {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !imporant;
} }
.d-inline-flex { .d-inline-flex {
display: -webkit-inline-box !important; display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important; isplay: -ms-inline-flexbox !important;
display: inline-flex !important; isplay: inline-flex !imporant;
} }
@media (min-width: 576px) { @media (min-width: 576px) {
.d-sm-none { .d-sm-none {
display: none !important; display: none !importat;
} }
.d-sm-inline { .d-sm-inline {
display: inline !important; display: inline !importat;
} }
.d-sm-inline-block { .d-sm-inline-block {
display: inline-block !important; display: inline-block !importat;
} }
.d-sm-block { .d-sm-block {
display: block !important; display: block !importat;
} }
.d-sm-table { .d-sm-table {
display: table !important; display: table !importat;
} }
.d-sm-table-row { .d-sm-table-row {
display: table-row !important; display: table-row !importat;
} }
.d-sm-table-cell { .d-sm-table-cell {
display: table-cell !important; display: table-cell !importat;
} }
.d-sm-flex { .d-sm-flex {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !importat;
} }
.d-sm-inline-flex { .d-sm-inline-flex {
display: -webkit-inline-box !important; display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important; isplay: -ms-inline-flexbox !important;
display: inline-flex !important; isplay: inline-flex !importat;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.d-md-none { .d-md-none {
display: none !important; display: none !importat;
} }
.d-md-inline { .d-md-inline {
display: inline !important; display: inline !importat;
} }
.d-md-inline-block { .d-md-inline-block {
display: inline-block !important; display: inline-block !importat;
} }
.d-md-block { .d-md-block {
display: block !important; display: block !importat;
} }
.d-md-table { .d-md-table {
display: table !important; display: table !importat;
} }
.d-md-table-row { .d-md-table-row {
display: table-row !important; display: table-row !importat;
} }
.d-md-table-cell { .d-md-table-cell {
display: table-cell !important; display: table-cell !importat;
} }
.d-md-flex { .d-md-flex {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !importat;
} }
.d-md-inline-flex { .d-md-inline-flex {
display: -webkit-inline-box !important; display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important; isplay: -ms-inline-flexbox !important;
display: inline-flex !important; isplay: inline-flex !importat;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.d-lg-none { .d-lg-none {
display: none !important; display: none !importat;
} }
.d-lg-inline { .d-lg-inline {
display: inline !important; display: inline !importat;
} }
.d-lg-inline-block { .d-lg-inline-block {
display: inline-block !important; display: inline-block !importat;
} }
.d-lg-block { .d-lg-block {
display: block !important; display: block !importat;
} }
.d-lg-table { .d-lg-table {
display: table !important; display: table !importat;
} }
.d-lg-table-row { .d-lg-table-row {
display: table-row !important; display: table-row !importat;
} }
.d-lg-table-cell { .d-lg-table-cell {
display: table-cell !important; display: table-cell !importat;
} }
.d-lg-flex { .d-lg-flex {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !importat;
} }
.d-lg-inline-flex { .d-lg-inline-flex {
display: -webkit-inline-box !important; display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important; isplay: -ms-inline-flexbox !important;
display: inline-flex !important; isplay: inline-flex !importat;
} }
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.d-xl-none { .d-xl-none {
display: none !important; display: none !importat;
} }
.d-xl-inline { .d-xl-inline {
display: inline !important; display: inline !importat;
} }
.d-xl-inline-block { .d-xl-inline-block {
display: inline-block !important; display: inline-block !importat;
} }
.d-xl-block { .d-xl-block {
display: block !important; display: block !importat;
} }
.d-xl-table { .d-xl-table {
display: table !important; display: table !importat;
} }
.d-xl-table-row { .d-xl-table-row {
display: table-row !important; display: table-row !importat;
} }
.d-xl-table-cell { .d-xl-table-cell {
display: table-cell !important; display: table-cell !importat;
} }
.d-xl-flex { .d-xl-flex {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !importat;
} }
.d-xl-inline-flex { .d-xl-inline-flex {
display: -webkit-inline-box !important; display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important; isplay: -ms-inline-flexbox !important;
display: inline-flex !important; isplay: inline-flex !importat;
} }
} }
@media print { @media print {
.d-print-none { .d-print-none {
display: none !important; display: none !importat;
} }
.d-print-inline { .d-print-inline {
display: inline !important; display: inline !importat;
} }
.d-print-inline-block { .d-print-inline-block {
display: inline-block !important; display: inline-block !importat;
} }
.d-print-block { .d-print-block {
display: block !important; display: block !importat;
} }
.d-print-table { .d-print-table {
display: table !important; display: table !importat;
} }
.d-print-table-row { .d-print-table-row {
display: table-row !important; display: table-row !importat;
} }
.d-print-table-cell { .d-print-table-cell {
display: table-cell !important; display: table-cell !importat;
} }
.d-print-flex { .d-print-flex {
display: -webkit-box !important; display: -webkit-box !important;
display: -ms-flexbox !important; isplay: -ms-flexbox !important;
display: flex !important; isplay: flex !importat;
} }
.d-print-inline-flex { .d-print-inline-flex {
display: -webkit-inline-box !important; display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important; isplay: -ms-inline-flexbox !important;
display: inline-flex !important; isplay: inline-flex !importat;
} }
} }
.embed-responsive { .embed-responsive {
position: relative; position: relative;
display: block; display: block;
width: 100%; idth: 100%;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
} }
.embed-responsive::before { .embed-responsive::before {
display: block; display: block;
content: ""; ontent: "";
} }
.embed-responsive .embed-responsive-item, .embed-responsive .embed-responsive-item,
...@@ -10500,7 +10500,7 @@ a.text-dark:hover, a.text-dark:focus { ...@@ -10500,7 +10500,7 @@ a.text-dark:hover, a.text-dark:focus {
page-break-inside: avoid; page-break-inside: avoid;
} }
thead { thead {
display: table-header-group; display: table-header-grop;
} }
tr, tr,
img { img {
...@@ -10526,7 +10526,7 @@ a.text-dark:hover, a.text-dark:focus { ...@@ -10526,7 +10526,7 @@ a.text-dark:hover, a.text-dark:focus {
min-width: 992px !important; min-width: 992px !important;
} }
.navbar { .navbar {
display: none; display: noe;
} }
.badge { .badge {
border: 1px solid #000; border: 1px solid #000;
...@@ -10813,3 +10813,19 @@ label, ...@@ -10813,3 +10813,19 @@ label,
.modal-header .close:hover, .modal-header .close:focus, .modal-footer .close:hover, .modal-footer .close:focus { .modal-header .close:hover, .modal-header .close:focus, .modal-footer .close:hover, .modal-footer .close:focus {
opacity: 1; opacity: 1;
} }
form {
margin: 0 auto;
width: 210px;
}
.form label{
/* display: inline-block; */
text-align: right;
float: left;
}
.form input{
/* display: inline-block; */
text-align: left;
float: right;
}
\ No newline at end of file
edit.php
...@@ -7,7 +7,7 @@ require "php/db_conn.php"; ...@@ -7,7 +7,7 @@ require "php/db_conn.php";
<html lang="en-US"> <html lang="en-US">
<head> <head>
<link rel="stylesheet" href="css/create_style.css"> <link rel="stylesheet" href= "css/bootstrap.css">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="description" content="ICD0007 Project, Todo List"> <meta name="description" content="ICD0007 Project, Todo List">
<title> Edit Tasks</title> <title> Edit Tasks</title>
...@@ -15,19 +15,49 @@ require "php/db_conn.php"; ...@@ -15,19 +15,49 @@ require "php/db_conn.php";
<script src="js/edit.js"> </script> <script src="js/edit.js"> </script>
</head> </head>
<body> <body style='background-image:url("img/back.jpg"); background-repeat: no-repeat;'>
<?php require "php/getData.php" ?> <?php require "php/getData.php" ?>
<form method="POST" onsubmit="return (dateValid() && timeValid());" action="php/updateData.php"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary" id="navbarColor01">
Date: <textarea name="date" rows="1" cols="10" id="date" onfocusout="dateValid()"><?php echo($row['t_date']); ?></textarea><br> <br> <ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.php"> Index </a> &nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="register.php"> Register </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="create.php"> Create List </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="view.php"> View List</a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="faq.php"> FAQ </a>&nbsp; &nbsp;
</li>
</ul>
</nav>
<h2 style="text-align: center; margin-top:80px; margin-bottom:30px;"> Edit Task </h2>
<form class = 'form-group' style='text-align:center' method="POST" onsubmit="return (dateValid() && timeValid());" action="php/updateData.php">
<label class="form-control-label"> Date : </label>
<textarea name="date" rows="1" cols="10" id="date" onfocusout="dateValid()"><?php echo($row['t_date']); ?></textarea><br> <br>
<span id = "dateText"> </span> <span id = "dateText"> </span>
Time: <textarea name='time' rows="1" cols="10" id="time" onfocusout="timeValid()"><?php echo ($row['t_time']);?></textarea> <br> <br>
Task: <textarea rows="6" cols="40" name="todo" maxlength="300"><?php echo($row['task']);?></textarea> <br> <br> <label class="form-control-label" > Time : </label>
Task status: <select name='task_completion'> <textarea name='time' rows="1" cols="10" id="time" onfocusout="timeValid()"><?php echo ($row['t_time']);?></textarea> <br> <br>
<label class="form-control-label"> Task (upto 300 characters) : </label>
<textarea rows="6" cols="40" name="todo" maxlength="300"><?php echo($row['task']);?></textarea> <br> <br>
<label class="form-control-label"> Task status: </label>
<select name='task_completion'>
<option value="0"> Incomplete </option> <option value="0"> Incomplete </option>
<option value="1"> Complete </option> <option value="1"> Complete </option>
</select> </select>
<input type='submit' id='submit' name='save' value='save' disabled> <br> <br>
<input class="btn btn-success" type='submit' id='submit' name='save' value='save'>
</form> </form>
......
index.php
<!DOCTYPE html> <?php
<html lang="en"> require 'Twig/lib/Twig/Autoloader.php';
<head> Twig_Autoloader::register();
<link rel="stylesheet" href="css/index_style.css"> // Load twig templating engine
<meta charset="utf-8"> $loader = new Twig_Loader_Filesystem('views');
<title>Personal Assistence</title> $twig = new Twig_Environment($loader);
</head>
// Enable debugging so we can dump array
<body> $twig = new \Twig\Environment($loader, [
'debug' => true,
<nav class="nav"> ]);
<a href="index.php"> Index </a> &nbsp; &nbsp; $twig->addExtension(new \Twig\Extension\DebugExtension());
<a href="register.php"> Register </a>&nbsp; &nbsp;
<a href="create.php"> Create List </a>&nbsp; &nbsp; if (isset($_POST['submit'])) {
<a href="view.php"> View List</a>&nbsp; &nbsp; try {
<a href="delete.php"> DELETE Tasks </a>&nbsp; &nbsp; require "php/db_conn.php";
<a href="faq.php"> FAQ </a>&nbsp; &nbsp; $e = null;
</nav>
<h2> WELCOME TO YOUR VERY OWN PERSONAL ASSISTENT</h2> $querry = sprintf("SELECT passHash FROM login WHERE userName = '%s' ;", $_POST['userName']);
<p> In modern lifestyle we have to do lot of things, be at different places and communicate with lot of people. $pdo_st = $pdo->query($querry);
It gets complicated to manage all this. You have to plan your day, week even a month at a time. $pdo_st->setFetchMode(PDO::FETCH_ASSOC);
<br><b> So join us , manage your day with ease.</b></p>
$array = $pdo_st->fetch();
<form method="POST" action = "php/index.php"> $isMatch = password_verify($_POST['pass'], $array['passHash']);
<label id="user"> Username:</label>
if ($isMatch == true) {
<input type="text" name="userName" id="user"> session_start();
<br><br> $_SESSION['userName'] = $_POST['userName'];
<label id="pass"> Password: </label> header("location: view.php"); //redirects user to view page upon successful login!
<input type="password" name="pass" id="pass"> }
<br><br> else {
<input type="submit" name="submit" value="submit"> echo $twig -> render('index.html',array('login' => 'false' ) );
</form> }
} catch (PDOException $e) {
echo ($e->getMessage() . " " . $e->getLine());
</body> }
}
</html> else {
\ No newline at end of file echo $twig -> render('index.html');
}
\ No newline at end of file
js/edit.js
...@@ -3,13 +3,13 @@ function dateValid() { ...@@ -3,13 +3,13 @@ function dateValid() {
// var matchVal = "^\d{ 4}\-(0 ? [1 - 9] | 1[012]) \-(0 ? [1 - 9] | [12][0 - 9] | 3[01])"; // var matchVal = "^\d{ 4}\-(0 ? [1 - 9] | 1[012]) \-(0 ? [1 - 9] | [12][0 - 9] | 3[01])";
if (moment(inputDate, ["YYYY-MM-DD", "YYYY-M-D"], true).isValid()) { if (moment(inputDate, ["YYYY-MM-DD", "YYYY-M-D"], true).isValid()) {
document.getElementById("dateText").innerText = "valid date"; document.getElementById("dateText").innerHTML = "valid date";
document.getElementById("submit").disabled = false; // document.getElementById("submit").disabled = false;
return true; return true;
} }
else { else {
alert("invalid date"); alert("invalid date");
document.getElementById("submit").disabled = true; // document.getElementById("submit").disabled = true;
return false; return false;
} }
} }
...@@ -20,12 +20,12 @@ function timeValid() { ...@@ -20,12 +20,12 @@ function timeValid() {
if (moment(inputTime, ["HH:mm", "h:mm a","HH:mm:ss","h:mm:ss a"],true).isValid()) { if (moment(inputTime, ["HH:mm", "h:mm a","HH:mm:ss","h:mm:ss a"],true).isValid()) {
document.getElementById("dateText").innerHTML = "Valid"; document.getElementById("dateText").innerHTML = "Valid";
document.getElementById("submit").disabled = false; // document.getElementById("submit").disabled = false;
return true; return true;
} }
else { else {
alert("invalid time"); alert("invalid time");
document.getElementById("submit").disabled = true; // document.getElementById("submit").disabled = true;
return false; return false;
} }
......
js/view.js 0 → 100644
function dateValid() {
var inputDate = document.getElementById("dateInput").value.trim();
// var matchVal = "^\d{ 4}\-(0 ? [1 - 9] | 1[012]) \-(0 ? [1 - 9] | [12][0 - 9] | 3[01])";
if (moment(inputDate, ["YYYY-MM-DD", "YYYY-M-D"], true).isValid()) {
document.getElementById("submit").disabled = false;
return true;
}
else {
// alert("invalid date");
document.getElementById("submit").disabled = true;
return false;
}
}
function enableInput(selectVal) {
let selectElement = document.getElementById("selectElement");
if (selectElement.value == "custom") {
document.getElementById("dateInput").disabled = false;
console.log("disabled");
}
}
\ No newline at end of file
php/index.php
...@@ -15,7 +15,10 @@ if (isset($_POST['submit'])) { ...@@ -15,7 +15,10 @@ if (isset($_POST['submit'])) {
if ($isMatch == true) { if ($isMatch == true) {
session_start(); session_start();
$_SESSION['userName'] = $_POST['userName']; $_SESSION['userName'] = $_POST['userName'];
header("location: ../view.php"); //redirects user to a certain page upon successful login! header("location: ../view.php"); //redirects user to view page upon successful login!
}
else {
header("location: ../index.php"); //redirects to the index page upon login failure.
} }
} catch (PDOException $e) { } catch (PDOException $e) {
echo ($e->getMessage() . " " . $e->getLine()); echo ($e->getMessage() . " " . $e->getLine());
......
php/serveData.php
<?php <?php
require "db_conn.php"; require "db_conn.php";
session_start(); session_start();
$taskArray = array();
// $amount = $_POST['amount'];
class Task class Task
{ {
public $taskID; public $taskID;
...@@ -9,8 +10,8 @@ class Task ...@@ -9,8 +10,8 @@ class Task
public $t_time; public $t_time;
public $task; public $task;
public $task_completion; public $task_completion;
public function __construct($taskID, $t_date, $t_time, $task, $task_completion) public function __construct($taskID, $t_date, $t_time, $task, $task_completion)
{ {
$this->taskID = $taskID; $this->taskID = $taskID;
...@@ -20,20 +21,60 @@ class Task ...@@ -20,20 +21,60 @@ class Task
$this->task_completion = $task_completion; $this->task_completion = $task_completion;
} }
} }
$taskArray = array();
if (isset($_SESSION['userName'])) {
$date = date('Y-m-d');
try {
$querry = sprintf("SELECT * FROM %s WHERE t_date >= '%s' ;", $_SESSION['userName'], $date);
$pdo_st = $pdo->query($querry); function all($pdo, &$taskArr) {
$pdo_st->setFetchMode(PDO::FETCH_ASSOC); // $date = date('Y-m-d');
} catch (PDOException $p) { $querry = sprintf("SELECT * FROM %s ORDER BY t_date ASC;", $_SESSION['userName']);
echo ($p->getMessage() . " " . $p->getLine()); $pdo_st = $pdo->query($querry);
$pdo_st->setFetchMode(PDO::FETCH_ASSOC);
while ($row = $pdo_st->fetch()) // Takes 1 row of the data table, stores into an assoc array called row, elements of each row can be called by column name.
{
// $taskArr[] = new Task($row['taskID'], $row['t_date'], $row['t_time'], $row['task'], $row['task_completion']); //creates on object called task, pushes it into the Array
array_push($taskArr, new Task($row['taskID'], $row['t_date'], $row['t_time'], $row['task'], $row['task_completion']) );
} }
} }
while ($row = $pdo_st->fetch()) // Takes 1 row of the data table, stores into an assoc array called row, elements of each row can be called by column name. function today($pdo, &$taskArr) {
$date = date('Y-m-d');
$querry = sprintf("SELECT * FROM %s WHERE t_date >= '%s' ORDER BY t_date ASC;", $_SESSION['userName'],$date);
$pdo_st = $pdo->query($querry);
$pdo_st->setFetchMode(PDO::FETCH_ASSOC);
while ($row = $pdo_st->fetch()) // Takes 1 row of the data table, stores into an assoc array called row, elements of each row can be called by column name.
{
// $taskArr[] = new Task($row['taskID'], $row['t_date'], $row['t_time'], $row['task'], $row['task_completion']); //creates on object called task, pushes it into the Array
array_push($taskArr, new Task($row['taskID'], $row['t_date'], $row['t_time'], $row['task'], $row['task_completion']) );
}
}
function custom($pdo, &$taskArr, $inputDate) {
$querry = sprintf("SELECT * FROM %s WHERE t_date >= '%s' ORDER BY t_date ASC;", $_SESSION['userName'],$inputDate);
$pdo_st = $pdo->query($querry);
$pdo_st->setFetchMode(PDO::FETCH_ASSOC);
while ($row = $pdo_st->fetch()) // Takes 1 row of the data table, stores into an assoc array called row, elements of each row can be called by column name.
{ {
$taskArray[] = new Task($row['taskID'], $row['t_date'], $row['t_time'], $row['task'], $row['task_completion']); //creates on object called task, pushes it into the Array // $taskArr[] = new Task($row['taskID'], $row['t_date'], $row['t_time'], $row['task'], $row['task_completion']); //creates on object called task, pushes it into the Array
array_push($taskArr, new Task($row['taskID'], $row['t_date'], $row['t_time'], $row['task'], $row['task_completion']) );
} }
}
if ($amount == 'all') {
try {
all($pdo,$taskArray);
} catch (PDOException $p) {
echo ($p->getMessage() . " " . $p->getLine());
}
} elseif ($amount == 'today'){
try {
today($pdo,$taskArray);
} catch (PDOException $p) {
echo ($p->getMessage() . " " . $p->getLine());
}
} elseif( $amount == 'custom') {
try {
custom($pdo,$taskArray,$custom);
} catch (PDOException $p) {
echo ($p->getMessage() . " " . $p->getLine());
}
}
register.php
...@@ -3,37 +3,58 @@ ...@@ -3,37 +3,58 @@
<html lang="en-US"> <html lang="en-US">
<head> <head>
<link rel="stylesheet" href="css/register_css.css"> <link rel="stylesheet" href="css/bootstrap.css">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="description" content="ICD0007 Project, Todo List"> <meta name="description" content="ICD0007 Project, Todo List">
<title> Registration</title> <title> Registration</title>
<script src="./js/register.js"> </script> <script src="./js/register.js"> </script>
</head> </head>
<body> <body style='background-image:url("img/back.jpg"); background-repeat: no-repeat;'>
<nav class="nav"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary" id="navbarColor01">
<a href="index.php"> Index </a> &nbsp; &nbsp; <ul class="navbar-nav mr-auto">
<a href="register.php"> Register </a>&nbsp; &nbsp; <li class="nav-item">
<a href="create.php"> Create List </a>&nbsp; &nbsp; <a class="nav-link" href="index.php"> Index </a> &nbsp; &nbsp;
<a href="view.php"> View List</a>&nbsp; &nbsp; </li>
<a href="delete.php"> DELETE Tasks </a>&nbsp; &nbsp; <li class="nav-item">
<a href="faq.php"> FAQ </a>&nbsp; &nbsp; <a class="nav-link" href="register.php"> Register </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="create.php"> Create List </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="view.php"> View List</a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="faq.php"> FAQ </a>&nbsp; &nbsp;
</li>
</ul>
</nav> </nav>
<h2> Registration</h2> <h2 style="text-align: center; margin-top:80px"> Registration</h2>
<form action="./php/register.php" method="post"> <!--On submit call the matchPass function from the passwordMatch script --> <div class='form'>
User Name &emsp;: <input type="text" name="userName" id = "userName" onkeyup= "searchUser()"> &nbsp;&nbsp;&nbsp; <span id="suggest"> </span> <br> <form class = 'form-group' style='text-align:center; margin-top: 35px' action="./php/register.php" method="post"> <!--On every key press call the matchPass function from the passwordMatch script -->
Email &emsp;&emsp; &nbsp;&nbsp;&nbsp; : <input type="email" name="email" required> <br>
Password &emsp; &nbsp;&nbsp;: <input type="password" name="pass1" id="pass1" onkeyup="matchPass()" required> &nbsp;&nbsp;<span id="match1"> </span> <br> <label class="form-control-label"> User Name :</label> <span id="suggest"> </span>
Confirm Password : <input type="password" name="pass2" id="pass2" onkeyup="matchPass()" required> &nbsp;&nbsp;<span id="match2"> </span> <br> <input type="text" name="userName" id = "userName" onkeyup= "searchUser()"> &nbsp;&nbsp;&nbsp; <br>
<span id="match"> </span>
<input type="submit" name="submit" value="submit" id = "submit" disabled> <label class="form-control-label"> Email :</label>
<input type="email" name="email" required> <br>
<label class="form-control-label"> Password :</label>
<input type="password" name="pass1" id="pass1" onkeyup="matchPass()" required> &nbsp;&nbsp;<span id="match1"> </span> <br>
<label class="form-control-label"> Confirm Password :</label>
<input type="password" name="pass2" id="pass2" onkeyup="matchPass()" required> &nbsp;&nbsp;<span id="match2"> </span> <br>
<br><br><span id="match"> </span>
<br> <input class="btn btn-success" type="submit" name="submit" value="submit" id = "submit" disabled>
</form> </form>
</div>
</body> </body>
......
view.php
<?php <?php
require 'Twig/lib/Twig/Autoloader.php';
require "php/serveData.php";
session_start(); session_start();
require 'Twig/lib/Twig/Autoloader.php';
// $amount = $_POST['amount'];
Twig_Autoloader::register(); Twig_Autoloader::register();
// Load twig templating engine // Load twig templating engine
$loader = new Twig_Loader_Filesystem('views'); $loader = new Twig_Loader_Filesystem('views');
...@@ -12,10 +11,18 @@ $twig = new Twig_Environment($loader); ...@@ -12,10 +11,18 @@ $twig = new Twig_Environment($loader);
// Enable debugging so we can dump array // Enable debugging so we can dump array
$twig = new \Twig\Environment($loader, [ $twig = new \Twig\Environment($loader, [
'debug' => true, 'debug' => true,
]); ]);
$twig->addExtension(new \Twig\Extension\DebugExtension()); $twig->addExtension(new \Twig\Extension\DebugExtension());
if(isset($_SESSION['userName'])) {
$amount = $_POST['amount'];
$custom = $_POST['custom'];
require "php/serveData.php";
echo $twig->render('view.html', array(
'tasks' => $taskArray,
));
}
echo $twig->render('view.html', array( else {
'tasks' => $taskArray, echo $twig -> render('view.html',array('tasks' => null));
)); }
\ No newline at end of file
views/index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/bootstrap.css">
<meta charset="utf-8">
<title>Personal Assistence</title>
</head>
<body style='background-image:url("img/back.jpg"); background-repeat: no-repeat;'>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.php"> Index </a> &nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="register.php"> Register </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="create.php"> Create List </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="view.php"> View List</a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="faq.php"> FAQ </a>&nbsp; &nbsp;
</li>
</ul>
</nav>
<h2 style="text-align: center; margin-top:80px"> WELCOME TO YOUR VERY OWN PERSONAL ASSISTENT</h2>
<p style="text-align: center;"> In modern lifestyle we have to do lot of things, be at different places and communicate with lot of people.
It gets complicated to manage all this. You have to plan your day, week even a month at a time.
<br><b> So join us , manage your day with ease.</b></p>
<form method="POST" action = "index.php">
<label id="user"> Username:</label>
<input type="text" name="userName" id="user">
<br><br>
<label id="pass"> Password: </label>
<input type="password" name="pass" id="pass">
<br><br>
<input class='btn btn-success'type="submit" name="submit" value="submit">
</form>
<br> <br>
{% if login is not null %}
<h3 style="text-align:center;"> Incorrect username and password, please try again!</h3>
{% endif %}
</body>
</html>
views/view.html
...@@ -5,10 +5,12 @@ ...@@ -5,10 +5,12 @@
<link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap.css">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="description" content="ICD0007 Project, Todo List"> <meta name="description" content="ICD0007 Project, Todo List">
<script src="js/libraries/node_modules/moment/moment.js"> </script>
<script src="js/view.js"></script>
<title> View Tasks</title> <title> View Tasks</title>
</head> </head>
<body> <body style='background-image:url("img/back.jpg"); background-repeat: no-repeat;'>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary" id="navbarColor01"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary" id="navbarColor01">
<ul class="navbar-nav mr-auto"> <ul class="navbar-nav mr-auto">
<li class="nav-item"> <li class="nav-item">
...@@ -29,9 +31,22 @@ ...@@ -29,9 +31,22 @@
</ul> </ul>
</nav> </nav>
<h2> View Tasks for today</h2> {% if tasks is not null %}
<h2 style="text-align: center; margin-top:80px"> View Tasks for today</h2>
<table class="table table-success table-hover"> <form method='POST' action="view.php" id = "select">
<select name = "amount" id = "selectElement" form = "select" onchange="enableInput(this.options[this.selectedIndex].value);">
<option value = "today"> Today</option>
<option value = "all"> All</option>
<option value = "custom"> I will enter date</option>
</select>
<br> <br>
<input type="text" name = "custom" id="dateInput" onkeyup="dateValid();" disabled>
<br> <br>
<input type="submit" name = "submit" id = "submit" value = "submit">
</form>
<table class="table table-success table-hover" style="margin-left:auto; margin-right:auto;margin-top: 35px">
<tr> <tr>
<th class="table-info"> STATUS </th> <th class="table-info"> STATUS </th>
...@@ -58,9 +73,10 @@ ...@@ -58,9 +73,10 @@
<td>{{ task.t_date }}</td> <td>{{ task.t_date }}</td>
<td>{{ task.t_time }}</td> <td>{{ task.t_time }}</td>
<td>{{ task.task }}</td> <td>{{ task.task }}</td>
<td> <input type='submit' form='done' value='done?' name={{task.taskID}} > </input> </td> <td> <input class="btn btn-warning" type='submit' form='done' value='done?' name={{task.taskID}}> </input>
<td> <input type='submit' form='edit' value='edit' name={{task.taskID}}> </td> </td>
<td> <input type='submit' form='delete' value='delete' name={{task.taskID}}> </td> <td> <input class="btn btn-secondary" type='submit' form='edit' value='edit' name={{task.taskID}}> </td>
<td> <input class="btn btn-danger" type='submit' form='delete' value='delete' name={{task.taskID}}> </td>
</tr> </tr>
{% else %} {% else %}
<tr> <tr>
...@@ -69,9 +85,10 @@ ...@@ -69,9 +85,10 @@
<td>{{ task.t_date }}</td> <td>{{ task.t_date }}</td>
<td>{{ task.t_time }}</td> <td>{{ task.t_time }}</td>
<td>{{ task.task }}</td> <td>{{ task.task }}</td>
<td> <input type='submit' form='done' value='done?' name={{task.taskID}} > </input> </td> <td> <input class="btn btn-warning" type='submit' form='done' value='done?' name={{task.taskID}}> </input>
<td> <input type='submit' form='edit' value='edit' name={{task.taskID}}> </td> </td>
<td> <input type='submit' form='delete' value='delete' name={{task.taskID}}> </td> <td> <input class="btn btn-secondary" type='submit' form='edit' value='edit' name={{task.taskID}}> </td>
<td> <input class="btn btn-danger" type='submit' form='delete' value='delete' name={{task.taskID}}> </td>
</tr> </tr>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
...@@ -79,7 +96,9 @@ ...@@ -79,7 +96,9 @@
</table> </table>
{% else %}
<h2 style="text-align: center; margin-top:80px"> Please log in </h2>
{% endif %}
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
......
views/view2.html 0 → 100644
<!DOCTYPE html>
<html lang="en-US">
<head>
<link rel="stylesheet" href="css/bootstrap.css">
<meta charset="UTF-8">
<meta name="description" content="ICD0007 Project, Todo List">
<title> View Tasks</title>
</head>
<body style='background-image:url("img/back.jpg"); background-repeat: no-repeat;'>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.php"> Index </a> &nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="register.php"> Register </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="create.php"> Create List </a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="view.php"> View List</a>&nbsp; &nbsp;
</li>
<li class="nav-item">
<a class="nav-link" href="faq.php"> FAQ </a>&nbsp; &nbsp;
</li>
</ul>
</nav>
{% if tasks is null %}
<h2 style="text-align: center; margin-top:80px"> Please log in </h2>
{% endif %}
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment