Merge branch 'Kyfront' into 'master'
Kyfront See merge request LETU/LETU!8
This commit is contained in:
commit
bf0ceb3cd0
11 changed files with 913 additions and 55 deletions
6
app.js
6
app.js
|
|
@ -9,6 +9,9 @@ let config = process.env.NODE_ENV === "test" ? {} : require("./config/config.jso
|
|||
|
||||
let indexRouter = require("./routes/index");
|
||||
const loginRouter = require("./routes/login");
|
||||
const edtRouter = require("./routes/edt");
|
||||
const homeRouter = require("./routes/home");
|
||||
const marksRouter = require("./routes/marks");
|
||||
|
||||
let app = express();
|
||||
const sessionMiddleware = session({
|
||||
|
|
@ -40,6 +43,9 @@ app.use((req, res, next) => {
|
|||
|
||||
app.use("/", indexRouter);
|
||||
app.use("/login", loginRouter);
|
||||
app.use("/edt", edtRouter);
|
||||
app.use("/home", homeRouter);
|
||||
app.use("/marks", marksRouter);
|
||||
|
||||
// catch 404 and forward to error handler
|
||||
app.use((req, res) => {
|
||||
|
|
|
|||
|
|
@ -21,10 +21,6 @@ h2 {
|
|||
margin-top: 15vh;
|
||||
background-color: #2a2a2a;
|
||||
border-radius: 2vw; }
|
||||
.signinup img {
|
||||
width: 20%;
|
||||
display: block;
|
||||
margin: auto; }
|
||||
.signinup form input {
|
||||
color: #e0e0e0;
|
||||
margin-bottom: 4vh;
|
||||
|
|
@ -54,10 +50,12 @@ i {
|
|||
background-color: #2a2a2a;
|
||||
height: 100vh;
|
||||
border-right: 2px solid #a1a1a1;
|
||||
padding: 0; }
|
||||
padding: 0;
|
||||
position: fixed; }
|
||||
|
||||
.main {
|
||||
background-color: #101010; }
|
||||
#main {
|
||||
background-color: #101010;
|
||||
margin-left: 16vw; }
|
||||
|
||||
#navtop {
|
||||
font-size: 30px; }
|
||||
|
|
@ -74,13 +72,15 @@ i {
|
|||
#navtop ul li.active a {
|
||||
color: black; }
|
||||
#navtop ul li {
|
||||
padding: 1.3vw;
|
||||
border-top: 1px solid #101010;
|
||||
background: linear-gradient(to right, #2a2a2a 50%, #00c0ff 50%) left;
|
||||
background-size: 200%;
|
||||
transition: .3s ease-out; }
|
||||
#navtop ul li a {
|
||||
padding: 1.3vw;
|
||||
color: #C5C6C7;
|
||||
display: block;
|
||||
width: 100%;
|
||||
transition-duration: 0.3s; }
|
||||
#navtop ul li:hover {
|
||||
background-position: right;
|
||||
|
|
@ -90,19 +90,261 @@ i {
|
|||
|
||||
#navprofile {
|
||||
font-size: 25px;
|
||||
padding-top: 4vh;
|
||||
padding-bottom: 4vh;
|
||||
margin: 0; }
|
||||
#navprofile img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
padding: 0.5vw; }
|
||||
padding-top: 1vh;
|
||||
padding-bottom: 1vh;
|
||||
margin: 0;
|
||||
text-align: center; }
|
||||
#navprofile p {
|
||||
margin-top: 1vh;
|
||||
margin-bottom: 0; }
|
||||
#navprofile a {
|
||||
cursor: pointer; }
|
||||
|
||||
.student {
|
||||
background: radial-gradient(circle, #014f74 20%, #0f0f63 100%); }
|
||||
|
||||
.teacher {
|
||||
background: radial-gradient(circle, #057401 20%, #0b440a 100%); }
|
||||
|
||||
.admin {
|
||||
background: radial-gradient(circle, #744a01 20%, #632a0f 100%); }
|
||||
|
||||
#page {
|
||||
margin: 0; }
|
||||
|
||||
#edtjour .edtflex {
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#edtjour .edtflex div:last-child {
|
||||
border: none; }
|
||||
#edtjour .edtflex div {
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
background-color: #2a2a2a;
|
||||
padding: 0 10px;
|
||||
border-bottom: 2px solid #a1a1a1; }
|
||||
#edtjour .edtflex .edthead {
|
||||
border: none;
|
||||
font-size: 30px;
|
||||
background-color: #0099ff; }
|
||||
#edtjour .edtflex .edtmidi {
|
||||
height: 100px;
|
||||
background-color: #1f1f1f; }
|
||||
|
||||
#filactu .actuflex {
|
||||
background-color: #1f1f1f;
|
||||
padding: 0;
|
||||
height: 700px;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#filactu .actuflex div:last-child {
|
||||
border: none; }
|
||||
#filactu .actuflex .actucontent {
|
||||
overflow-y: scroll;
|
||||
padding: 0;
|
||||
height: 700px;
|
||||
cursor: auto; }
|
||||
#filactu .actuflex .actucontent div:hover {
|
||||
background-color: #686868; }
|
||||
#filactu .actuflex div {
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
font-size: 20px;
|
||||
background-color: #2a2a2a;
|
||||
padding: 0 10px;
|
||||
border-bottom: 2px solid #a1a1a1; }
|
||||
#filactu .actuflex p {
|
||||
margin: 0;
|
||||
padding: 10px; }
|
||||
#filactu .actuflex .actuhead {
|
||||
border: none;
|
||||
cursor: auto;
|
||||
font-size: 30px;
|
||||
background-color: #0099ff;
|
||||
text-align: center; }
|
||||
#filactu .actuflex .actuhead p {
|
||||
padding: 30px; }
|
||||
#filactu .actuflex .actuhead:hover {
|
||||
background-color: #0099ff; }
|
||||
|
||||
#welcome {
|
||||
padding-bottom: 20px; }
|
||||
|
||||
h3 {
|
||||
font-size: 30px;
|
||||
text-align: center; }
|
||||
|
||||
#edttable {
|
||||
margin-top: 100px;
|
||||
border-collapse: collapse;
|
||||
border: 1px solid white;
|
||||
width: 90%;
|
||||
margin-left: auto;
|
||||
margin-right: auto; }
|
||||
#edttable .midi td {
|
||||
height: 109px; }
|
||||
#edttable th {
|
||||
background-color: #0099ff;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
border: 1px solid white;
|
||||
font-size: 25px; }
|
||||
#edttable tr td:first-child {
|
||||
border-left: 1px solid white; }
|
||||
#edttable tr td:last-child {
|
||||
border-right: 1px solid white; }
|
||||
#edttable tr:last-child td {
|
||||
border-bottom: 1px solid white; }
|
||||
#edttable td {
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
background-color: #686868;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid black; }
|
||||
#edttable td:nth-child(even) {
|
||||
background-color: #2a2a2a; }
|
||||
|
||||
#edtweek i {
|
||||
cursor: pointer; }
|
||||
|
||||
#edtweek div:nth-child(1) {
|
||||
text-align: right; }
|
||||
|
||||
#edtweek div:nth-child(3) {
|
||||
text-align: left; }
|
||||
|
||||
#marks table {
|
||||
border: 1px solid white;
|
||||
margin-top: 80px;
|
||||
width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse; }
|
||||
#marks table tbody {
|
||||
display: block;
|
||||
height: 270px;
|
||||
overflow: auto; }
|
||||
#marks table thead, #marks table tbody tr {
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed; }
|
||||
#marks table th {
|
||||
border: 1px solid white;
|
||||
background-color: #0099ff;
|
||||
text-align: center;
|
||||
font-size: 30px; }
|
||||
#marks table td {
|
||||
font-size: 25px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
background-color: #2a2a2a;
|
||||
border-radius: 0;
|
||||
border: 1px solid #686868; }
|
||||
|
||||
.marksdetails {
|
||||
display: none;
|
||||
z-index: 1;
|
||||
position: fixed;
|
||||
left: 40%;
|
||||
top: 20%;
|
||||
width: 30%; }
|
||||
.marksdetails table {
|
||||
border-collapse: collapse;
|
||||
border: 1px solid white; }
|
||||
.marksdetails th {
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
border: 1px solid white;
|
||||
background-color: #0099ff; }
|
||||
.marksdetails td {
|
||||
text-align: center;
|
||||
background-color: #2a2a2a;
|
||||
border: none;
|
||||
font-size: 25px; }
|
||||
.marksdetails tr:last-child td {
|
||||
border-bottom: 1px solid white; }
|
||||
|
||||
div#visible {
|
||||
display: block; }
|
||||
|
||||
div#visible + div {
|
||||
filter: blur(4px) grayscale(80%); }
|
||||
|
||||
.marksgroup {
|
||||
display: none;
|
||||
margin-top: 300px; }
|
||||
.marksgroup h3 {
|
||||
background-color: #0099ff;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
font-size: 30px; }
|
||||
|
||||
#flexgroup {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
background: #2a2a2a; }
|
||||
#flexgroup p {
|
||||
background-color: #686868;
|
||||
cursor: pointer;
|
||||
padding: 20px;
|
||||
font-size: 25px; }
|
||||
|
||||
#markstable {
|
||||
width: 95%;
|
||||
table-layout: fixed;
|
||||
margin: auto; }
|
||||
#markstable tbody {
|
||||
display: block;
|
||||
height: 70vh;
|
||||
overflow: auto; }
|
||||
#markstable thead, #markstable tbody tr {
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed; }
|
||||
#markstable ::placeholder {
|
||||
color: #000;
|
||||
opacity: 1; }
|
||||
#markstable th {
|
||||
background-color: #0099ff;
|
||||
border: 2px solid white;
|
||||
text-align: center;
|
||||
font-size: 30px; }
|
||||
#markstable th input {
|
||||
font-size: 30px;
|
||||
border: none;
|
||||
color: white;
|
||||
text-align: center; }
|
||||
#markstable tr td {
|
||||
background-color: #686868; }
|
||||
#markstable tr:nth-child(even) td {
|
||||
background-color: #2a2a2a; }
|
||||
#markstable td {
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
border: 1px solid #e0e0e0; }
|
||||
#markstable td input {
|
||||
font-size: 25px;
|
||||
border: none;
|
||||
color: white;
|
||||
text-align: center; }
|
||||
|
||||
#marksubmit {
|
||||
display: block;
|
||||
width: 30%;
|
||||
background-color: #0099ff;
|
||||
margin-top: 50px;
|
||||
color: white;
|
||||
border: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 30px;
|
||||
padding: 15px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 50px; }
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -2,11 +2,12 @@ $primary: #00c0ff;
|
|||
$secondary: #0099ff;
|
||||
$dark1: #101010;
|
||||
$dark2: #2a2a2a;
|
||||
$dark3: #1f1f1f;
|
||||
$medium: #686868;
|
||||
$light: #e0e0e0;
|
||||
$light2: #C5C6C7;
|
||||
$light3: #a1a1a1;
|
||||
|
||||
|
||||
body
|
||||
padding: 50px
|
||||
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif
|
||||
|
|
@ -30,11 +31,6 @@ h2
|
|||
margin-top: 15vh;
|
||||
background-color: $dark2;
|
||||
border-radius: 2vw;
|
||||
img
|
||||
width: 20%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
|
||||
form
|
||||
input
|
||||
color: $light;
|
||||
|
|
@ -66,9 +62,11 @@ i
|
|||
height: 100vh;
|
||||
border-right: 2px solid $light3;
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
|
||||
.main
|
||||
#main
|
||||
background-color: $dark1;
|
||||
margin-left: 16vw;
|
||||
|
||||
#navtop
|
||||
font-size: 30px;
|
||||
|
|
@ -85,14 +83,16 @@ i
|
|||
a
|
||||
color: black;
|
||||
li
|
||||
padding: 1.3vw;
|
||||
border-top: 1px solid $dark1;
|
||||
background: linear-gradient(to right, $dark2 50%, $primary 50%) left;
|
||||
background-size: 200%;
|
||||
transition: .3s ease-out;
|
||||
|
||||
a
|
||||
padding: 1.3vw;
|
||||
color: $light2;
|
||||
display: block;
|
||||
width: 100%;
|
||||
transition-duration: 0.3s;
|
||||
li:hover
|
||||
background-position: right;
|
||||
|
|
@ -102,20 +102,268 @@ i
|
|||
|
||||
#navprofile
|
||||
font-size: 25px;
|
||||
padding-top: 4vh;
|
||||
padding-bottom: 4vh;
|
||||
padding-top: 1vh;
|
||||
padding-bottom: 1vh;
|
||||
margin: 0;
|
||||
|
||||
img
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
padding: 0.5vw;
|
||||
text-align: center;
|
||||
|
||||
p
|
||||
margin-top: 1vh;
|
||||
margin-bottom: 0;
|
||||
|
||||
a
|
||||
cursor: pointer;
|
||||
|
||||
.student
|
||||
background: radial-gradient(circle, rgb(1, 79, 116) 20%, rgb(15, 15, 99) 100%);
|
||||
.teacher
|
||||
background: radial-gradient(circle, rgb(5, 116, 1) 20%, rgb(11, 68, 10) 100%);
|
||||
.admin
|
||||
background: radial-gradient(circle, rgb(116, 74, 1) 20%, rgb(99, 42, 15) 100%);
|
||||
|
||||
#page
|
||||
margin: 0;
|
||||
|
||||
#edtjour
|
||||
.edtflex
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
div:last-child
|
||||
border: none;
|
||||
div
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
background-color: $dark2;
|
||||
padding: 0 10px;
|
||||
border-bottom: 2px solid $light3;
|
||||
.edthead
|
||||
border: none;
|
||||
font-size: 30px;
|
||||
background-color: $secondary;
|
||||
.edtmidi
|
||||
height: 100px;
|
||||
background-color: $dark3;
|
||||
|
||||
#filactu
|
||||
.actuflex
|
||||
background-color: $dark3;
|
||||
padding: 0;
|
||||
height: 700px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
div:last-child
|
||||
border: none;
|
||||
.actucontent
|
||||
overflow-y: scroll;
|
||||
padding: 0;
|
||||
height: 700px;
|
||||
cursor: auto;
|
||||
div:hover
|
||||
background-color: $medium;
|
||||
div
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
font-size: 20px;
|
||||
background-color: $dark2;
|
||||
padding: 0 10px;
|
||||
border-bottom: 2px solid $light3;
|
||||
p
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
.actuhead
|
||||
border: none;
|
||||
cursor: auto;
|
||||
font-size: 30px;
|
||||
background-color: $secondary;
|
||||
text-align: center;
|
||||
p
|
||||
padding: 30px;
|
||||
.actuhead:hover
|
||||
background-color: $secondary;
|
||||
|
||||
#welcome
|
||||
padding-bottom: 20px;
|
||||
|
||||
h3
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
|
||||
#edttable
|
||||
margin-top: 100px;
|
||||
border-collapse: collapse;
|
||||
border: 1px solid white;
|
||||
width: 90%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
.midi
|
||||
td
|
||||
height: 109px;
|
||||
th
|
||||
background-color: $secondary;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
border: 1px solid white;
|
||||
font-size: 25px;
|
||||
tr
|
||||
td:first-child
|
||||
border-left: 1px solid white;
|
||||
td:last-child
|
||||
border-right: 1px solid white;
|
||||
tr:last-child
|
||||
td
|
||||
border-bottom: 1px solid white;
|
||||
td
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
background-color: $medium;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid black;
|
||||
td:nth-child(even)
|
||||
background-color: $dark2;
|
||||
|
||||
#edtweek
|
||||
i
|
||||
cursor: pointer;
|
||||
div:nth-child(1)
|
||||
text-align: right;
|
||||
div:nth-child(3)
|
||||
text-align: left;
|
||||
|
||||
|
||||
#marks
|
||||
table
|
||||
border: 1px solid white;
|
||||
margin-top: 80px;
|
||||
width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
tbody
|
||||
display: block;
|
||||
height: 270px;
|
||||
overflow: auto;
|
||||
thead, tbody tr
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
th
|
||||
border: 1px solid white;
|
||||
background-color: $secondary;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
td
|
||||
font-size: 25px;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
background-color: $dark2;
|
||||
border-radius: 0;
|
||||
border: 1px solid $medium;
|
||||
|
||||
.marksdetails
|
||||
display: none;
|
||||
z-index: 1;
|
||||
position: fixed;
|
||||
left: 40%
|
||||
top: 20%;
|
||||
width: 30%;
|
||||
table
|
||||
border-collapse: collapse;
|
||||
border: 1px solid white;
|
||||
th
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
border: 1px solid white;
|
||||
background-color: $secondary;
|
||||
td
|
||||
text-align: center;
|
||||
background-color: $dark2;
|
||||
border: none;
|
||||
font-size: 25px;
|
||||
tr:last-child
|
||||
td
|
||||
border-bottom: 1px solid white;
|
||||
|
||||
div#visible
|
||||
display: block;
|
||||
|
||||
div#visible + div
|
||||
filter: blur(4px) grayscale(80%);
|
||||
|
||||
.marksgroup
|
||||
display: none;
|
||||
margin-top: 300px;
|
||||
h3
|
||||
background-color: $secondary;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
font-size: 30px;
|
||||
|
||||
#flexgroup
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
background: $dark2;
|
||||
p
|
||||
background-color: $medium;
|
||||
cursor: pointer;
|
||||
padding: 20px;
|
||||
font-size: 25px;
|
||||
|
||||
#markstable
|
||||
width: 95%;
|
||||
table-layout: fixed;
|
||||
margin: auto;
|
||||
tbody
|
||||
display: block;
|
||||
height: 70vh;
|
||||
overflow: auto;
|
||||
thead, tbody tr
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
::placeholder
|
||||
color: #000;
|
||||
opacity: 1;
|
||||
th
|
||||
background-color: $secondary;
|
||||
border: 2px solid white;
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
input
|
||||
font-size: 30px;
|
||||
border: none;
|
||||
color: white;
|
||||
text-align: center;
|
||||
tr
|
||||
td
|
||||
background-color: $medium;
|
||||
tr:nth-child(even)
|
||||
td
|
||||
background-color: $dark2;
|
||||
td
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
border: 1px solid $light;
|
||||
input
|
||||
font-size: 25px;
|
||||
border: none;
|
||||
color: white;
|
||||
text-align: center;
|
||||
|
||||
#marksubmit
|
||||
display: block;
|
||||
width: 30%;
|
||||
background-color: $secondary;
|
||||
margin-top: 50px;
|
||||
color: white;
|
||||
border: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 30px;
|
||||
padding: 15px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 50px;
|
||||
8
routes/edt.js
Normal file
8
routes/edt.js
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
let express = require("express");
|
||||
let router = express.Router();
|
||||
|
||||
router.get("/", (req, res) => {
|
||||
res.render("edt", { title: "L'ETU" });
|
||||
});
|
||||
|
||||
module.exports = router;
|
||||
9
routes/home.js
Normal file
9
routes/home.js
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
let express = require("express");
|
||||
let router = express.Router();
|
||||
|
||||
/* GET home page. */
|
||||
router.get("/", (req, res) => {
|
||||
res.render("home", { title: "L'ETU" });
|
||||
});
|
||||
|
||||
module.exports = router;
|
||||
8
routes/marks.js
Normal file
8
routes/marks.js
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
let express = require("express");
|
||||
let router = express.Router();
|
||||
|
||||
router.get("/", (req, res) => {
|
||||
res.render("marks", { title: "L'ETU" });
|
||||
});
|
||||
|
||||
module.exports = router;
|
||||
84
views/edt.pug
Normal file
84
views/edt.pug
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
table(id="edttable")
|
||||
tr
|
||||
th Monday
|
||||
th Tuesday
|
||||
th Wednesday
|
||||
th Thursday
|
||||
th Friday
|
||||
tr
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
tr
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
tr(class="midi")
|
||||
td
|
||||
td
|
||||
td
|
||||
td
|
||||
td
|
||||
tr
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
tr
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
td
|
||||
p Maths
|
||||
p S26
|
||||
div(class="row" id="edtweek")
|
||||
div(class="col s3 offset-s1")
|
||||
i(class="large material-icons") fast_rewind
|
||||
div(class="col s4")
|
||||
h3 Week of the 02/11/2020
|
||||
div(class="col s3")
|
||||
i(class="large material-icons") fast_forward
|
||||
40
views/home.pug
Normal file
40
views/home.pug
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
extends index
|
||||
|
||||
block home
|
||||
h1(id="welcome") Welcome Back Benoit !
|
||||
div(class="row home")
|
||||
if admin === false
|
||||
div(class="col s12 m6" id="filactu")
|
||||
div(class="col s10 offset-s1 actuflex")
|
||||
div(class="actuhead")
|
||||
p Fil d'actualité
|
||||
div(class="actucontent")
|
||||
div
|
||||
p Nouvelle note :
|
||||
p 18/20 Anglais
|
||||
div
|
||||
p Maths
|
||||
p S26
|
||||
div
|
||||
p Maths
|
||||
p S26
|
||||
div
|
||||
p Maths
|
||||
p S26
|
||||
div(class="col s12 m6" id="edtjour")
|
||||
div(class="col s10 offset-s1 edtflex")
|
||||
div(class="edthead")
|
||||
p EDT du jour
|
||||
div
|
||||
p Maths
|
||||
p S26
|
||||
div
|
||||
p Maths
|
||||
p S26
|
||||
div(class="edtmidi")
|
||||
div
|
||||
p Maths
|
||||
p S26
|
||||
div
|
||||
p Maths
|
||||
p S26
|
||||
|
|
@ -1,32 +1,60 @@
|
|||
extends layout
|
||||
|
||||
block content
|
||||
- var student = true
|
||||
- var teacher = false
|
||||
- var admin = false
|
||||
div(class="row" id="page")
|
||||
|
||||
div(class="col m2" id="panel")
|
||||
div(class="row" id="navprofile")
|
||||
div(class="col s4")
|
||||
img(src="images/avatar-bk.png")
|
||||
div(class="col s8")
|
||||
div(class="col s2" id="panel")
|
||||
if student === true
|
||||
div(id="navprofile" class="student")
|
||||
p Kezel Benoit
|
||||
p G4S3
|
||||
a Logout
|
||||
if teacher === true
|
||||
div(id="navprofile" class="teacher")
|
||||
p Kezel Benoit
|
||||
a Logout
|
||||
if admin === true
|
||||
div(id="navprofile" class="admin")
|
||||
p Kezel Benoit
|
||||
a Logout
|
||||
|
||||
div(id="navtop")
|
||||
ul
|
||||
if student === true
|
||||
li
|
||||
a Home
|
||||
li(class="active")
|
||||
a Planning
|
||||
li
|
||||
a Marks
|
||||
li
|
||||
a(href="https://mail.univ-lyon1.fr/owa/") Mail
|
||||
li
|
||||
a(href="https://clarolineconnect.univ-lyon1.fr/") Claroline
|
||||
li
|
||||
a School and student life
|
||||
if teacher === true
|
||||
li
|
||||
a Home
|
||||
li(class="active")
|
||||
a Planning
|
||||
li
|
||||
a Marks
|
||||
li
|
||||
a(href="https://mail.univ-lyon1.fr/owa/") Mail
|
||||
li
|
||||
a(href="https://clarolineconnect.univ-lyon1.fr/") Claroline
|
||||
if admin === true
|
||||
li(class="active")
|
||||
a Accueil
|
||||
li
|
||||
a Emploi du temps
|
||||
li
|
||||
a Notes
|
||||
li
|
||||
a Mail
|
||||
li
|
||||
a Claroline
|
||||
li
|
||||
a Vie scolaire et étudiante
|
||||
li
|
||||
a Gestion des profils
|
||||
|
||||
|
||||
div(class="col s10 main")
|
||||
h1 Welcome Back Benoit !
|
||||
div(class="home")
|
||||
div(class="col s10" id="main")
|
||||
include marks.pug
|
||||
|
|
|
|||
185
views/marks.pug
Normal file
185
views/marks.pug
Normal file
|
|
@ -0,0 +1,185 @@
|
|||
if student === true
|
||||
div(class="marksdetails" id="visibl")
|
||||
table
|
||||
tr
|
||||
th(colspan="2") Details
|
||||
tr
|
||||
td DS 1
|
||||
tr
|
||||
td Rang : 10/29
|
||||
tr
|
||||
td Coeff : 1.5
|
||||
tr
|
||||
td Moyenne de classe : 12
|
||||
div(class="row" id="marks")
|
||||
div(class="col s12 m6 l4")
|
||||
table
|
||||
thead
|
||||
tr
|
||||
th(colspan="2") Maths
|
||||
tbody
|
||||
tr
|
||||
td
|
||||
p DS 1
|
||||
p 18/20
|
||||
td
|
||||
p DS 2
|
||||
p 16/20
|
||||
tr
|
||||
td
|
||||
p DS 1
|
||||
p 18/20
|
||||
td
|
||||
p DS 2
|
||||
p 16/20
|
||||
tr
|
||||
td
|
||||
p DS 1
|
||||
p 18/20
|
||||
td
|
||||
p DS 2
|
||||
p 16/20
|
||||
|
||||
div(class="col s12 m6 l4")
|
||||
table
|
||||
thead
|
||||
tr
|
||||
th(colspan="2") TP SE
|
||||
tbody
|
||||
tr
|
||||
td
|
||||
p DS 1
|
||||
p 18/20
|
||||
td
|
||||
p DS 2
|
||||
p 16/20
|
||||
tr
|
||||
td
|
||||
p DS 1
|
||||
p 18/20
|
||||
td
|
||||
p DS 2
|
||||
p 16/20
|
||||
|
||||
div(class="col s12 m6 l4")
|
||||
table
|
||||
thead
|
||||
tr
|
||||
th(colspan="2") PHP
|
||||
tbody
|
||||
tr
|
||||
td
|
||||
p DS 1
|
||||
p 18/20
|
||||
td
|
||||
p DS 2
|
||||
p 16/20
|
||||
tr
|
||||
td
|
||||
p DS 1
|
||||
p 18/20
|
||||
td
|
||||
p DS 2
|
||||
p 16/20
|
||||
|
||||
div(class="col s12 m6 l4")
|
||||
table
|
||||
thead
|
||||
tr
|
||||
th(colspan="2") Anglais
|
||||
tbody
|
||||
tr
|
||||
td
|
||||
p DS 1
|
||||
p 18/20
|
||||
td
|
||||
p DS 2
|
||||
p 16/20
|
||||
tr
|
||||
td
|
||||
p DS 1
|
||||
p 18/20
|
||||
td
|
||||
p DS 2
|
||||
p 16/20
|
||||
|
||||
if teacher === true
|
||||
div(class="row")
|
||||
div(class="col s12 m10 offset-m1 marksgroup")
|
||||
h3 Selectionnez un groupe
|
||||
div(id="flexgroup")
|
||||
p G1S1
|
||||
p G2S2
|
||||
p G3S3
|
||||
|
||||
form
|
||||
table(id="markstable")
|
||||
thead
|
||||
tr
|
||||
th Noms
|
||||
th
|
||||
input(type="text" value="DS1")
|
||||
th
|
||||
input(type="text" placeholder="Ajouter une note")
|
||||
tbody
|
||||
tr
|
||||
td Test
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
tr
|
||||
td Keze
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
tr
|
||||
td Kezel
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
tr
|
||||
td Kezel
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
tr
|
||||
td Kezel
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
tr
|
||||
td Kezel
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
tr
|
||||
td Kezel
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
tr
|
||||
td Kezel
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
tr
|
||||
td Kezel
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
tr
|
||||
td Kezel
|
||||
td
|
||||
input(type="number" value="16")
|
||||
td
|
||||
input(type="number")
|
||||
input(id="marksubmit" type="submit" value="Enregistrer")
|
||||
Reference in a new issue