1
0
Fork 0

Adding teacher marks

This commit is contained in:
benoit.kezel@gmail.com 2020-11-02 13:28:49 +01:00
parent 82e4770a50
commit 6a96565ca3
5 changed files with 377 additions and 105 deletions

View file

@ -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

View file

@ -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;

View file

@ -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

View file

@ -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
@ -10,7 +11,7 @@ div(class="marksdetails")
td Coeff : 1.5 td Coeff : 1.5
tr tr
td Moyenne de classe : 12 td Moyenne de classe : 12
div(class="row" id="marks") div(class="row" id="marks")
div(class="col s12 m6 l4") div(class="col s12 m6 l4")
table table
thead thead
@ -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")