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