IUT_Informatique/letu
Archived
1
0
Fork 0
Code Activity

Adding teacher marks

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

95
public/stylesheets/style.css
View file

@ -50,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; }
@ -91,7 +93,6 @@ i {
padding-top: 1vh;
padding-bottom: 1vh;
margin: 0;
background: radial-gradient(circle, #014f74 20%, #0f0f63 100%);
text-align: center; }
#navprofile p {
margin-top: 1vh;
@ -99,6 +100,15 @@ i {
#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; }
@ -227,6 +237,7 @@ h3 {
font-size: 30px; }
#marks table td {
font-size: 25px;
cursor: pointer;
padding: 0;
text-align: center;
background-color: #2a2a2a;
@ -260,6 +271,80 @@ div#visible {
display: block; }
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 */

2
public/stylesheets/style.css.map
View file

File diff suppressed because one or more lines are too long

91
public/stylesheets/style.sass
View file

@ -62,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;
@ -103,7 +105,6 @@ i
padding-top: 1vh;
padding-bottom: 1vh;
margin: 0;
background: radial-gradient(circle, rgb(1, 79, 116) 20%, rgb(15, 15, 99) 100%);
text-align: center;
p
@ -113,6 +114,13 @@ i
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;
@ -247,6 +255,7 @@ h3
font-size: 30px;
td
font-size: 25px;
cursor: pointer;
padding: 0;
text-align: center;
background-color: $dark2;
@ -281,4 +290,80 @@ div#visible
display: block;
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;

26
views/index.pug
View file

@ -6,10 +6,19 @@ block content
- var admin = false
div(class="row" id="page")
div(class="col s2" id="panel")
div(id="navprofile")
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
@ -26,6 +35,17 @@ block content
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
@ -36,5 +56,5 @@ block content
li
a Gestion des profils
div(class="col s10 main")
include edt.pug
div(class="col s10" id="main")
include marks.pug

84
views/marks.pug
View file

@ -1,4 +1,5 @@
div(class="marksdetails")
if student === true
div(class="marksdetails" id="visibl")
table
tr
th(colspan="2") Details
@ -101,3 +102,84 @@ div(class="row" id="marks")
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")