Adding teacher marks
This commit is contained in:
parent
82e4770a50
commit
6a96565ca3
5 changed files with 377 additions and 105 deletions
|
@ -50,10 +50,12 @@ i {
|
||||||
background-color: #2a2a2a;
|
background-color: #2a2a2a;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
border-right: 2px solid #a1a1a1;
|
border-right: 2px solid #a1a1a1;
|
||||||
padding: 0; }
|
padding: 0;
|
||||||
|
position: fixed; }
|
||||||
|
|
||||||
.main {
|
#main {
|
||||||
background-color: #101010; }
|
background-color: #101010;
|
||||||
|
margin-left: 16vw; }
|
||||||
|
|
||||||
#navtop {
|
#navtop {
|
||||||
font-size: 30px; }
|
font-size: 30px; }
|
||||||
|
@ -91,7 +93,6 @@ i {
|
||||||
padding-top: 1vh;
|
padding-top: 1vh;
|
||||||
padding-bottom: 1vh;
|
padding-bottom: 1vh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: radial-gradient(circle, #014f74 20%, #0f0f63 100%);
|
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
#navprofile p {
|
#navprofile p {
|
||||||
margin-top: 1vh;
|
margin-top: 1vh;
|
||||||
|
@ -99,6 +100,15 @@ i {
|
||||||
#navprofile a {
|
#navprofile a {
|
||||||
cursor: pointer; }
|
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 {
|
#page {
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
|
|
||||||
|
@ -227,6 +237,7 @@ h3 {
|
||||||
font-size: 30px; }
|
font-size: 30px; }
|
||||||
#marks table td {
|
#marks table td {
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
|
cursor: pointer;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: #2a2a2a;
|
background-color: #2a2a2a;
|
||||||
|
@ -260,6 +271,80 @@ div#visible {
|
||||||
display: block; }
|
display: block; }
|
||||||
|
|
||||||
div#visible + div {
|
div#visible + div {
|
||||||
filter: blur(4px); }
|
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 */
|
/*# sourceMappingURL=style.css.map */
|
File diff suppressed because one or more lines are too long
|
@ -62,9 +62,11 @@ i
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
border-right: 2px solid $light3;
|
border-right: 2px solid $light3;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
position: fixed;
|
||||||
|
|
||||||
.main
|
#main
|
||||||
background-color: $dark1;
|
background-color: $dark1;
|
||||||
|
margin-left: 16vw;
|
||||||
|
|
||||||
#navtop
|
#navtop
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
|
@ -103,7 +105,6 @@ i
|
||||||
padding-top: 1vh;
|
padding-top: 1vh;
|
||||||
padding-bottom: 1vh;
|
padding-bottom: 1vh;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
background: radial-gradient(circle, rgb(1, 79, 116) 20%, rgb(15, 15, 99) 100%);
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
p
|
p
|
||||||
|
@ -113,6 +114,13 @@ i
|
||||||
a
|
a
|
||||||
cursor: pointer;
|
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
|
#page
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
|
@ -247,6 +255,7 @@ h3
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
td
|
td
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
|
cursor: pointer;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: $dark2;
|
background-color: $dark2;
|
||||||
|
@ -281,4 +290,80 @@ div#visible
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
div#visible + div
|
div#visible + div
|
||||||
filter: blur(4px);
|
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;
|
|
@ -6,10 +6,19 @@ block content
|
||||||
- var admin = false
|
- var admin = false
|
||||||
div(class="row" id="page")
|
div(class="row" id="page")
|
||||||
div(class="col s2" id="panel")
|
div(class="col s2" id="panel")
|
||||||
div(id="navprofile")
|
if student === true
|
||||||
|
div(id="navprofile" class="student")
|
||||||
p Kezel Benoit
|
p Kezel Benoit
|
||||||
p G4S3
|
p G4S3
|
||||||
a Logout
|
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")
|
div(id="navtop")
|
||||||
ul
|
ul
|
||||||
|
@ -26,6 +35,17 @@ block content
|
||||||
a(href="https://clarolineconnect.univ-lyon1.fr/") Claroline
|
a(href="https://clarolineconnect.univ-lyon1.fr/") Claroline
|
||||||
li
|
li
|
||||||
a School and student life
|
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
|
if admin === true
|
||||||
li(class="active")
|
li(class="active")
|
||||||
a Accueil
|
a Accueil
|
||||||
|
@ -36,5 +56,5 @@ block content
|
||||||
li
|
li
|
||||||
a Gestion des profils
|
a Gestion des profils
|
||||||
|
|
||||||
div(class="col s10 main")
|
div(class="col s10" id="main")
|
||||||
include edt.pug
|
include marks.pug
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
div(class="marksdetails")
|
if student === true
|
||||||
|
div(class="marksdetails" id="visibl")
|
||||||
table
|
table
|
||||||
tr
|
tr
|
||||||
th(colspan="2") Details
|
th(colspan="2") Details
|
||||||
|
@ -101,3 +102,84 @@ div(class="row" id="marks")
|
||||||
td
|
td
|
||||||
p DS 2
|
p DS 2
|
||||||
p 16/20
|
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