Commit 7c5e4de9 authored by Olivier Lezoray's avatar Olivier Lezoray 🇫🇷
Browse files

Initial commit

parents
@import 'types.css';
.skeduler-container {
font-family: Helvetica, Arial, sans-serif;
}
.skeduler-container * {
box-sizing: content-box;
}
.skeduler-headers {
border-left: 1px solid #b0cee9;
display: flex;
padding-left: 60px;
position: relative;
}
.skeduler-headers:before {
border-top: 1px solid #b0cee9;
content: attr(value);
width: 60px;
position: absolute;
left: 0;
color:red;
padding-left:5px;
padding-top:5px;
font-size:24px;
}
.skeduler-headers > div {
flex: 0 0 200px;
height: 30px;
padding-top: 10px;
background-color: #D3E0EF;
border-left: 1px solid #B0CEE9;
border-bottom: 1px solid #B0CEE9;
border-top: 1px solid #b0cee9;
text-align: center;
}
.skeduler-headers > div:last-child,
.skeduler-main-body > div > div.skeduler-cell {
border-right: 1px solid #B0CEE9;
}
.skeduler-main {
display: flex;
}
.skeduler-main-timeline {
margin-top: -1px;
}
.skeduler-main-timeline div {
width: 50px;
height: 27px;
text-align: left;
padding-left: 10px;
padding-top: 3px;
color: #333333;
border-right: 1px solid #B0CEE9;
border-left: 1px solid #B0CEE9;
}
.skeduler-main-timeline div:first-child {
border-top: 1px solid #B0CEE9;
}
.skeduler-main-body {
display: flex;
}
.skeduler-main-timeline div,
.skeduler-main-body > div > div.skeduler-cell {
background-color: #FFFFFF;
}
.skeduler-main-timeline div:nth-child(even),
.skeduler-main-body > div > div.skeduler-cell:nth-child(odd) {
border-top: 1px dotted #B0CEE9;
border-bottom: 1px solid #B0CEE9;
}
.skeduler-main-body > div > div.skeduler-cell {
width: 200px;
height: 30px;
}
.skeduler-main-body > div > .skeduler-task-placeholder {
height: 0;
position: relative;
}
.skeduler-main-body > div > .skeduler-task-placeholder > div {
position: absolute;
overflow: hidden;
background-color: #576D7C;
padding: 10px;
box-sizing: border-box;
box-shadow: 0px .125em .25em rgba(0,0,0,.25);
margin-top: 2px;
cursor: pointer;
color: #FFFFFF;
word-wrap: break-word;
min-width: 0;
min-height: 0;
transition: all .4s;
}
div.skeduler-actualtime {
border-top: 2px dotted red;
background-color:transparent;
position:absolute;
}
.skeduler-main-body > div > .skeduler-task-placeholder > div:hover {
box-shadow: 0 .25em .5em rgba(0,0,0,.5);
background-color: #3A9852;
min-height: 150px;
min-width: 200px;
opacity: 0.8;
z-index: 9999;
}
\ No newline at end of file
/* http://htmlcolorcodes.com/fr/ */
* {
font-family: Helvetica, Arial, sans-serif;
}
#CM{
background-color: #070C9E;
}
#CTRL, #CTP {
background-color: #D60F02;
}
#TD {
background-color: #067305;
}
#TP {
background-color: #9E9C07;
}
#choice {
font-family: Helvetica, Arial, sans-serif;
}
#footer {
font-family: Helvetica, Arial, sans-serif;
}
.theGroup {
font-family: Helvetica, Arial, sans-serif;
color:red;
padding-left:100px;
font-size:24px;
}
p {
font-family: Helvetica, Arial, sans-serif;
}
.container {
width:650px;
height:390px;
color:black;
overflow:hidden;
}
.container ul{
list-style:none;
overflow: hidden;
}
.container li{
text-align:left;
border:1px solid #000;
color:black;
margin-bottom:5px;
}
.container h1 {
margin: 0px 0px 0px 0px;
background-color: #b30000;
text-align:center;
color:white;
}
.container h2{
padding-left:10px;
margin: 0px 0px 0px 0px;
background-color: #062e70;
color:white;
}
.container h3{
text-align:left;
padding-left:20px;
margin: 0px 0px 0px 0px;
background-color: #dbd6d0;
}
\ No newline at end of file
<!doctype html>
<html lang="fr">
<head>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600" rel="stylesheet">
<meta charset="utf-8">
<title>Emploi du temps</title>
<!-- jQuery library -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>');
</script>
<link rel="stylesheet" href="css/jquery.skeduler.css" type="text/css">
<script type="text/javascript" src="js/jquery.skeduler.js"></script>
<script type="text/javascript" src="js/weekSchedule.js"></script>
<script type="text/javascript" src="js/edt.js"></script>
</head>
<body>
<script type="text/javascript">
//sets global vars
//the sole ADE ressource to be diplayed
var ADERessource=2480;
//the URL of the EDT Reader webservice
var _webservice="https://dev-lezoray.users.greyc.fr/edt/php/EDTReader.php";
//the format of EDT display
var _format="week";
/**
* Initializes the whole display of the schedule
*
* @returns {none}
*/
$(document).ready(function(){
displayDate("_date");
showEDT(ADERessource,"edt");
}
);
</script>
<div id="edt">
<!-- The div that will display the schedule -->
</div>
<div id="footer">
<a target="_blank" href="http://www.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo-UNICAEN.jpg"/></a>
<a target="_blank" href="http://iutcherbourgmanche.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo_iutcherbourg.jpg"/></a>
<a target="_blank" href="https://www.stlo.unicaen.fr/mmi/"><img style="height:50px;padding:10px" src="img/logos/mmi-logo.jpg"/></a>
<div>&copy; <span id="_date"></span> - All rights reserved. O. Lézoray</div>
</div>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html lang="fr">
<head>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600" rel="stylesheet">
<meta charset="utf-8">
<title>Emploi du temps</title>
<!-- jQuery library -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>');
</script>
<link rel="stylesheet" href="css/jquery.skeduler.css" type="text/css">
<script type="text/javascript" src="js/jquery.skeduler.js"></script>
<script type="text/javascript" src="js/weekSchedule.js"></script>
<script type="text/javascript" src="js/edt.js"></script>
</head>
<body>
<script type="text/javascript">
//the ressources to be displayed
var theRessources = {
"MMI-1 TP1" : 90512,
"MMI-1 TP2" : 90513,
"MMI-1 TP3" : 18730,
"MMI-1 TP4" : 23035
};
//sets global vars
//the URL of the EDT Reader webservice
var _webservice="https://dev-lezoray.users.greyc.fr/edt/php/EDTReader.php";
//the format of EDT display
var _format="week";
var keys=Object.keys(theRessources);
var displayed=0;
/**
* Initializes the whole display of the schedule
*
* @returns {none}
*/
$(document).ready(function(){
displayDate("_date");
showTheEDT();
}
);
/**
* Displays the schedule of the selected ressource
*
* @returns {none}
*/
function showTheEDT() {
var _ressource=theRessources[keys[displayed]];
showEDT(_ressource,"edt");
$('#theGroup').fadeOut('slow', function() {
$('#theGroup').html(keys[displayed]);
$('#theGroup').fadeIn('fast');
displayed++;
if(displayed==keys.length) displayed=0;
});
setTimeout(showTheEDT, 7000);
}
</script>
<div id="theGroup" class="theGroup"></div>
<div id="edt">
<!-- The div that will display the schedule -->
</div>
<div id="footer">
<a target="_blank" href="http://www.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo-UNICAEN.jpg"/></a>
<a target="_blank" href="http://iutcherbourgmanche.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo_iutcherbourg.jpg"/></a>
<a target="_blank" href="https://www.stlo.unicaen.fr/mmi/"><img style="height:50px;padding:10px" src="img/logos/mmi-logo.jpg"/></a>
<div>&copy; <span id="_date"></span> - All rights reserved. O. Lézoray</div>
</div>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html lang="fr">
<head>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600" rel="stylesheet">
<meta charset="utf-8">
<title>Emploi du temps</title>
<!-- jQuery library -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>');
</script>
<link rel="stylesheet" href="css/jquery.skeduler.css" type="text/css">
<script type="text/javascript" src="js/jquery.skeduler.js"></script>
<script type="text/javascript" src="js/weekSchedule.js"></script>
<script type="text/javascript" src="js/edt.js"></script>
</head>
<body>
<script type="text/javascript">
//the ressources to be displayed
var theRessources = {
"MMI-1": {
"TD1" : {
"TP1" : 90512, "TP2" : 90513
},
"TD2" : {
"TP3" : 18730, "TP4" : 23035
}
},
"MMI-2":{
"TD1" : {
"TP1" : 90519, "TP2" : 90520
},
"TD2" : {
"TP3" : 90517, "TP4" : 90518
}
},
"Salles":{
"Amphithéatre":68315,
"100":115198,//Pb salle 100 ?
"113":115200,
"Salle Examen":68670,
"Salle Multimédia":67790
}
};
//sets global vars
//the set of ADE ressources
var ADERessources={};
//the set of ADE groups of ressources
var ADEGroups=[];
//the URL of the EDT Reader webservice
var _webservice="https://dev-lezoray.users.greyc.fr/edt/php/EDTReader.php";
//the format of EDT display
var _format="week";
/**
* Initializes the whole display of the schedule
*
* @returns {none}
*/
$(document).ready(function(){
displayDate("_date");
$('#choiceOfRessourceLabel').hide();
$('#choiceOfRessource').hide();
generateListOfRessourcesAndGroups(theRessources,ADERessources,ADEGroups);
$('#choiceOfPromotion').html(generatePromotionOptions("choiceOfPromotion",ADEGroups));
showTheEDT();
}
);
/**
* Displays the schedule of the selected ressource
*
* @returns {none}
*/
function showTheEDT() {
var _ressource=$('#choiceOfRessource').val();
showEDT(_ressource,"edt");
}
</script>
<div id="choice">
<form>
<label for="choiceOfPromotion">Choisissez un groupe: </label>
<select id="choiceOfPromotion"
onChange="generateChoiceWithOption(ADERessources,'edt','choiceOfRessource','choiceOfPromotion')">
</select>
<label id="choiceOfRessourceLabel" for="choiceOfRessource">puis une ressource : </label>
<select id="choiceOfRessource" onChange="showTheEDT()">
</select>
</form>
</div>
<div id="edt">
<!-- The div that will display the schedule -->
</div>
<div id="footer">
<a target="_blank" href="http://www.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo-UNICAEN.jpg"/></a>
<a target="_blank" href="http://iutcherbourgmanche.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo_iutcherbourg.jpg"/></a>
<a target="_blank" href="https://www.stlo.unicaen.fr/mmi/"><img style="height:50px;padding:10px" src="img/logos/mmi-logo.jpg"/></a>
<div>&copy; <span id="_date"></span> - All rights reserved. O. Lézoray</div>
</div>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html lang="fr">
<head>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600" rel="stylesheet">
<meta charset="utf-8">
<title>Emploi du temps</title>
<!-- jQuery library -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>');
</script>
<link rel="stylesheet" href="css/jquery.skeduler.css" type="text/css">
<script type="text/javascript" src="js/jquery.skeduler.js"></script>
<script type="text/javascript" src="js/weekSchedule.js"></script>
<script type="text/javascript" src="js/edt.js"></script>
</head>
<body>
<script type="text/javascript">
//the ressources to be displayed
var theRessources1 = {
"MMI-1 TP1" : 90512,
"MMI-1 TP2" : 90513,
"MMI-1 TP3" : 18730,
"MMI-1 TP4" : 23035
};
var theRessources2 = {
"MMI-2 TP1" : 90519,
"MMI-2 TP2" : 90520,
"MMI-2 TP3" : 90517,
"MMI-2 TP4" : 90518
};
//sets global vars
//the URL of the EDT Reader webservice
var _webservice="https://dev-lezoray.users.greyc.fr/edt/php/EDTReader.php";
//the format of EDT display
var _format="day";
var theRessources=[theRessources1,theRessources2];
var keys=[Object.keys(theRessources1),Object.keys(theRessources2)];
var displayed=0;
/**
* Initializes the whole display of the schedule
*
* @returns {none}
*/
$(document).ready(function(){
displayDate("_date");
showTheEDT();
}
);
/**
* Displays the schedule of the selected ressource
*
* @returns {none}
*/
function showTheEDT() {
for(var i=0;i<keys.length;i++){
var _ressource=theRessources[i][keys[i][displayed]];
var j=i+1;
showEDT(_ressource,"edt"+j);
var txt=keys[i][displayed];
$('#theGroup'+j).html(txt).fadeIn('slow');
}
displayed++;
if(displayed==keys[0].length) displayed=0;
setTimeout(showTheEDT, 7000);
}
</script>
<div id="edtWidget1" style="position:absolute;top:0px;">
<div id="theGroup1" class="theGroup"></div>
<div id="edt1">
<!-- The div that will display the first schedule -->
</div>
</div>
<div id="edtWidget2" style="position:absolute;top:0px;left:350px;">
<div id="theGroup2" class="theGroup"></div>
<div id="edt2">
<!-- The div that will display the second schedule -->
</div>
</div>
<div id="footer" style="position:absolute;top:750px;">
<a target="_blank" href="http://www.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo-UNICAEN.jpg"/></a>
<a target="_blank" href="http://iutcherbourgmanche.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo_iutcherbourg.jpg"/></a>
<a target="_blank" href="https://www.stlo.unicaen.fr/mmi/"><img style="height:50px;padding:10px" src="img/logos/mmi-logo.jpg"/></a>
<div>&copy; <span id="_date"></span> - All rights reserved. O. Lézoray</div>
</div>
</body>
</html>
\ No newline at end of file
<!doctype html>
<html lang="fr">
<head>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600" rel="stylesheet">
<meta charset="utf-8">
<title>Emploi du temps</title>
<!-- jQuery library -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>');
</script>
<link rel="stylesheet" href="css/jquery.skeduler.css" type="text/css">
<script type="text/javascript" src="js/weekSchedule.js"></script>
<script type="text/javascript" src="js/edt.js"></script>
<script src="js/jquery.scrollbox.js"></script>
</head>
<body>
<script type="text/javascript">
//sets global vars
//the ADE ressources to be displayed
var theRessources = {
"MMI-1 TP1" : 90512,
"MMI-1 TP2" : 90513,
"MMI-1 TP3" : 18730,
"MMI-1 TP4" : 23035,
"MMI-2 TP1" : 90519,
"MMI-2 TP2" : 90520,
"MMI-2 TP3" : 90517,
"MMI-2 TP4" : 90518
};
var ADERessource=Object.values(theRessources).join();
var keys=Object.keys(theRessources);
//the URL of the EDT Reader webservice
var _webservice="https://dev-lezoray.users.greyc.fr/edt/php/EDTReader.php";
//the format of EDT display
var _format="hour";
/**
* Initializes the whole display of the schedule
*
* @returns {none}
*/
$(document).ready(function(){
displayDate("_date");
showTheEDT();
$('#edtByHour').scrollbox({delay: 5, speed: 100});
}
);
/**
* Displays the schedule of the selected ressource
*
* @returns {none}
*/
function showTheEDT() {
$("#edt").html();
Object.values(theRessources).forEach(
function(ressource,index){
displayEDTOfAnHour(_webservice,ressource,keys[index],"edt");
}
);
setTimeout(showTheEDT, 700);
}
</script>
<div id="edtByHour" class="container">
<!-- The div that will display the schedule -->
<ul id="edt">
</ul>
</div>
<div id="footer">
<a target="_blank" href="http://www.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo-UNICAEN.jpg"/></a>
<a target="_blank" href="http://iutcherbourgmanche.unicaen.fr"><img style="height:50px;padding:10px" src="img/logos/logo_iutcherbourg.jpg"/></a>
<a target="_blank" href="https://www.stlo.unicaen.fr/mmi/"><img style="height:50px;padding:10px" src="img/logos/mmi-logo.jpg"/></a>
<div>&copy; <span id="_date"></span> - All rights reserved. O. Lézoray</div>
</div>
</body>
</html>
\ No newline at end of file