Commit 7c5e4de9 authored by Olivier Lézoray's avatar Olivier Lézoray 🇫🇷
Browse files

Initial commit

parents

css/jquery.skeduler.css

0 → 100755
+125 −0
Original line number Diff line number Diff line 


@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

css/types.css

0 → 100755
+73 −0
Original line number Diff line number Diff line 
/* 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

displayEDTOfOneRessource.html

0 → 100644
+50 −0
Original line number Diff line number Diff line 
<!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

displayEDTWithAutomaticSwitch.html

0 → 100644
+77 −0
Original line number Diff line number Diff line 
<!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

displayEDTWithChoiceOfRessource.html

0 → 100755
+103 −0
Original line number Diff line number Diff line 
<!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