You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
377 lines
16 KiB
377 lines
16 KiB
<!doctype html><html><head><meta charset="utf-8"><title>TeachDoc engine</title><link href="css/scorm.css?v=3" rel="stylesheet" type="text/css" /></head><div class=div-teachdoc><div class=deco-teachdoc ></div><img class="logotop-teachdoc" src="img/classique/oel_back.jpg" /><div class="progress-teachdoc" ><div class="left-text-progress" >0%</div><div class="left-teach-progress" ><div class="left-barre-progress" ></div></div></div><div class="list-teachdoc_wrapper"><ul class="list-teachdoc"><li style='position:relative;' pagebehav='0' onClick='ctrlpl(53,2,1,0);' class='NodeLvl1 subMenuSco1 pgh53 subMenuMini0' ><span class='dotSubLudi' ></span><span>Jitsi</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(54,2,2,2);' class='NodeLvl2 subMenuSco2 pgh54 subMenuMini1' ><span class='dotSubLudi' ></span><span>Créer une réunion et inviter des participants</span></li><li style='position:relative;' pagebehav='0' onClick='ctrlpl(56,2,3,0);' class='NodeLvl2 subMenuSco3 pgh56 subMenuMini2' ><span class='dotSubLudi' ></span><span>Participer à une réunion</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(55,2,4,2);' class='NodeLvl2 subMenuSco4 pgh55 subMenuMini3' ><span class='dotSubLudi' ></span><span>Régler son matériel</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(58,2,5,2);' class='NodeLvl2 subMenuSco5 pgh58 activeli' ><span class='dotSubLudi' ></span><span>Gérer son environnement</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(57,2,6,2);' class='NodeLvl2 subMenuSco6 pgh57 subMenuMini5' ><span class='dotSubLudi' ></span><span>Animer une réunion</span></li><li style='position:relative;' pagebehav='2' onClick='ctrlpl(59,2,7,2);' class='NodeLvl2 subMenuSco7 pgh59 subMenuMini6' ><span class='dotSubLudi' ></span><span>Autres options</span></li></ul></div></div><nav id="nav-bottom" class="fixed-top-nav fixed-top-nav-classic" ><div class="span-ludi-progress" ><div class="barre-ludi-progress" ></div></div><button id="btn-next" onClick="ctrlpl(basePages[6],2);" class="btn btn-outline-light" > > </button><button id="btn-prev" onClick="ctrlpl(basePages[4],0);" class="btn btn-outline-light" > < </button></nav><div id="message-bottom" class="fixed-top-message" >Page not complete.</div><body style="background-color:#D8D8D8;" ><div class="panel-teachdoc"><h1>Gérer son environnement</h1><h2>Afficher les utilisateurs connectés</h2><div class="c2501"><table class="teachdoctext c1291"><tbody><tr><td class="teachdoctextContent"><p>This is a demo content for Oel. For the development, you shouldn't edit this file, instead you can modufy and rename it.</p></td></tr></tbody></table></div><img src="img/classique/docs-icon.png" class="bandeImg"/><div class="c2501"><h2>Les modes d'affichage</h2><table class="teachdoctext c1433"><tbody><tr><td class="teachdoctextContent"><h3 data-highlightable="1">Target audience and prerequisites</h3><ul data-highlightable="1"><li data-highlightable="1">Who is this training for?</li><li data-highlightable="1">Who is this training for?</li></ul><h3 data-highlightable="1">Objectives of the course</h3><ul data-highlightable="1"><li data-highlightable="1">Read and analyse accounting and financial documents</li><li data-highlightable="1">Conducting a project to carry out work</li><li data-highlightable="1">Mastering the tools</li></ul></td></tr></tbody></table></div><div><br/></div><div class="c2508"></div></div><style>body,html {height: 100%;margin: 0;}* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.panel{width:90%;max-width:800px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding-top:30px;padding-right:20px;padding-bottom:30px;padding-left:20px;margin-top:50px;margin-right:auto;margin-left:auto;margin-bottom:30px;background-color:white;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:gray;border-right-color:gray;border-bottom-color:gray;border-left-color:gray;border-image-source:initial;border-image-slice:initial;border-image-width:initial;border-image-outset:initial;border-image-repeat:initial;box-shadow:rgba(0, 0, 0, 0.25) 0px 3px 10px 0px;color:black;font-weight:100;}h1{text-align:center;font-weight:100;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.logo path{pointer-events:none;fill:none;stroke-linecap:round;stroke-width:7;stroke:rgb(255, 255, 255);}blockquote{border-left-width:2px;border-left-style:solid;border-left-color:rgb(204, 204, 204);margin-left:1.5rem;padding-left:1rem;}.bandeImg{margin-top:5px;margin-bottom:5px;width:100%;display:block;}@media (min-width: 500px){.bandeImg{margin-left:auto;margin-right:auto;max-width:450px;}}
|
|
.teachdoctext{
|
|
width:100%;
|
|
}
|
|
.teachdoctext tr td{
|
|
padding-top:15px;
|
|
padding-bottom:15px;
|
|
}
|
|
|
|
.audioByLudi{
|
|
display: block;
|
|
margin-top:5px;
|
|
margin-bottom:5px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
.bandeImg{
|
|
margin-top : 5px;
|
|
margin-bottom : 5px;
|
|
width : 100%;
|
|
display : block;
|
|
position : relative;
|
|
}
|
|
|
|
.videoByLudi{
|
|
margin:5px;
|
|
}
|
|
.teachdocbtn{
|
|
width : 100%;
|
|
text-align : center;
|
|
}
|
|
.teachdocbtn td{
|
|
width : 100%;
|
|
text-align : center;
|
|
padding : 10px;
|
|
}
|
|
|
|
.teachdocbtnteach td{
|
|
width : 100%;
|
|
text-align : center;
|
|
padding : 10px;
|
|
}
|
|
|
|
.teachdocplugteach{
|
|
position : relative;
|
|
width : 100%;
|
|
}
|
|
.teachdocplugteach td{
|
|
position : relative;
|
|
width : 100%;
|
|
}
|
|
.teachdocplugteach a{
|
|
display: none;
|
|
}
|
|
.plugteachcontain{
|
|
position : relative;
|
|
display: inline-block;
|
|
width : 99%;
|
|
margin : 0.5%;
|
|
min-height : 150px;
|
|
border : dotted 0px gray;
|
|
}
|
|
.plugteachuicontain{
|
|
position : relative;
|
|
display: inline-block;
|
|
width : 100%;
|
|
margin : 0px;
|
|
background-color: #E8DAEF;
|
|
padding : 7px;
|
|
min-height : 30px;
|
|
border : dotted 1px rgb(204, 26, 174);
|
|
}
|
|
|
|
.topinactiveteach{
|
|
position : absolute;
|
|
right : 0px;
|
|
top : 0px;
|
|
bottom : 10px;
|
|
left : 20px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.cell{
|
|
vertical-align: middle;
|
|
}
|
|
@media (max-width: 768px){
|
|
.cell{
|
|
min-width : 300px;
|
|
width : 100%;
|
|
display: table;
|
|
height : auto;
|
|
vertical-align : middle;
|
|
}
|
|
}
|
|
:root {
|
|
--main-color-1: #289FED;
|
|
}
|
|
|
|
body{
|
|
background-color :#d1d1e0!important;
|
|
font-family: sans-serif;
|
|
}
|
|
.teachdoctextContent {line-height: 1.4;}
|
|
|
|
h1{
|
|
text-align:center;
|
|
font-weight: 100;
|
|
margin: 0px;
|
|
}
|
|
h2{
|
|
text-align : left;
|
|
font-weight : 100;
|
|
font-size : 20px;
|
|
margin : 0px;
|
|
margin-top : 10px;
|
|
margin-left : -40px;
|
|
margin-right : 25px;
|
|
padding-left : 25px;
|
|
padding-top : 5px;
|
|
padding-bottom : 5px;
|
|
background-color : rgb(83, 83, 143);
|
|
color : white;
|
|
-webkit-box-shadow: 5px 5px 0px 0px #289FED, 5px 5px 15px 5px rgba(0,0,0,0);
|
|
box-shadow: 5px 5px 0px 0px #289FED, 5px 5px 15px 5px rgba(0,0,0,0);
|
|
}
|
|
.sectioncollapse{
|
|
text-align : center;
|
|
font-size : 22px;
|
|
background-color : rgb(83, 83, 143);
|
|
color:white;
|
|
padding : 10px;
|
|
margin : 10px;
|
|
margin-left : 0px;
|
|
margin-right : 0px;
|
|
background-image : url(img/classique/arrow-collapsel.png);
|
|
background-position: right center;
|
|
background-repeat: no-repeat;
|
|
cursor : pointer;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 2px solid #ccc;
|
|
margin-left: 1.5rem;
|
|
padding-left: 1rem;
|
|
}
|
|
|
|
|
|
/*button only*/
|
|
.btnteachgreen{
|
|
color: #fff;
|
|
background-color: #229954;
|
|
border-color: #1E8449 ;
|
|
padding: 7px 13px;
|
|
margin-bottom: 0;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
}
|
|
.btnteachblue{
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
border-color: #2e6da4;
|
|
padding: 7px 13px;
|
|
margin-bottom: 0;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
}
|
|
.btnroundblue{
|
|
color: transparent;
|
|
background-color : rgb(0, 151, 169);
|
|
border: 1px solid #2e6da4;
|
|
background-image : url(img/btn/mat-right.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
overflow: hidden;
|
|
width: 56px;
|
|
height: 56px;
|
|
padding: 0px 0px;
|
|
margin-bottom : 0;
|
|
font-size : 15px;
|
|
font-weight : 400;
|
|
line-height : 56px;
|
|
border-radius: 50%;
|
|
}
|
|
.btnroundblueprev{
|
|
color: transparent;
|
|
background-color : rgb(0, 151, 169);
|
|
border: 1px solid #2e6da4;
|
|
background-image : url(img/btn/mat-left.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
overflow: hidden;
|
|
width: 56px;
|
|
height: 56px;
|
|
padding: 0px 0px;
|
|
margin-bottom : 0;
|
|
font-size : 15px;
|
|
font-weight : 400;
|
|
line-height : 56px;
|
|
border-radius: 50%;
|
|
}
|
|
.btnroundbluecheck{
|
|
color: transparent;
|
|
background-color : rgb(0, 151, 169);
|
|
border: 1px solid #2e6da4;
|
|
background-image : url(img/btn/mat-check.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
overflow: hidden;
|
|
width: 56px;
|
|
height: 56px;
|
|
padding: 0px 0px;
|
|
margin-bottom : 0;
|
|
font-size : 15px;
|
|
font-weight : 400;
|
|
line-height : 56px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.btn-btnTeach{
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.btn-btnTeach:hover{
|
|
transform: scale(0.96);
|
|
}
|
|
/*button only*/
|
|
.qcmbarre{
|
|
text-align: left;
|
|
width:100%;
|
|
}
|
|
.quizzTextqcm{
|
|
text-align: left;
|
|
}
|
|
.qcmbarre{
|
|
background-color : #FBFCFC;
|
|
border: 1px solid #dadce0;
|
|
border-radius: 8px;
|
|
padding-bottom : 20px;
|
|
font-family: 'Times New Roman', Times, serif;
|
|
|
|
}
|
|
.qcmbarre td{
|
|
padding : 1px;
|
|
margin : 0px;
|
|
}
|
|
.qcmbarre .quizzTextqcm{
|
|
padding : 20px;
|
|
padding-bottom : 20px;
|
|
padding-left:20px;
|
|
}
|
|
.qcmbarre .quizzTextqcm p{
|
|
padding : 0px;
|
|
margin : 0px;
|
|
}
|
|
.qcmbarre .quizzTextTd{
|
|
width: 54px;
|
|
padding : 0px;
|
|
}
|
|
.checkboxqcm{
|
|
padding : 0px;
|
|
margin : 0px;
|
|
width:30px;
|
|
height:30px;
|
|
margin-left:15px;
|
|
}
|
|
|
|
.videoByLudi{
|
|
max-width:960px;
|
|
min-height:100px;
|
|
max-height:540px;
|
|
width:98%;
|
|
margin-left:1%;
|
|
}
|
|
|
|
.audioByLudi{
|
|
width:90%;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
.cell{border:dashed 0px #A9CCE3;}</style><script>var pageBindex=5;</script><script>var localIdTeachdoc=25;var progressBtop=7;var basePages = new Array();basePages[0]=0;basePages[1]=53;basePages[2]=54;basePages[3]=56;basePages[4]=55;basePages[5]=58;basePages[6]=57;basePages[7]=59;
|
|
function installEdit(){
|
|
|
|
var icoAd = 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAE64AABOuAbGhbCcAAARKSURBVEhLrVRraFtlGH7Pl5xzck6TNGmWLjPpWqStOnRM50SxVsqcG3PVX2IVb6CoKJ1uiGOrs6gwKdKOIfhDpPOGE4bu0ipMZeAPhzCEuuLa1PSWNPelaXOSk3M/fudbOqpu68U9/85zHp7ney/fR8ENQu+n/WspCnYhZNuNbKgZU4YsS9/dkIC+/v5bsfEhu93+GEVRyOJUVYVioWCQj/+Dn8+dC/EcdwCb71xsXhIEUBUF2YhqlUjk836fx/MGQuiRfEFwG4Zh0zSNmCuKQjSrDvg2nHBNCEqvDNRzTbW+Ghqh2WQmwwuFAkXMTdOSiasKOBlOeAuGfiReVp9PlzWWwiXU+7xOUFQhnUnjIjQ7likUmIdWPORTkUQgJ2n7sor+qmGajMWJ5TIwwixs5JCpi0VlfHqyVBLFMxqF9q6ogpOReCAraa/nFeNF3TSrLK4gijA0MQ3noykwTETdXFON1rhdv5Ql6eB8SZhadgUDYzPejKLvzqtGp2qYPosrSRL8MT4FsUwONF0HjrZDS6h2+InmQGdVFffrHU1N2rLWdDAcp/Gpn51TjT0L5qqmw4XxaYimLxFzCyxN5+ws3805eWJucUtW8EM07bhUlF9Jy3qfZphEL6sanA9HYDqVIRq8/+B2sLkdtwVfOLjtgVOErOC6FZyOzDjTJeWZrKy/u2AuygoMT+C2pLNEY5l7ODaxObi2i6O4QUIuwjUDvh+L8Zmy3pGXtHdwW9wWJ8oyjEzPwEQygwdqEvNqB5u6pbbmcNDj/PrNh+6+3KtFuGrAYCTFpFTzUUE3uhTDDFlXRsbXPxyLY/MU7j9pL7gcTG5DwPdxQ7Xr6L6tWwRC/gv/CRiYTFA5VWkrqnqvrJsNljl+ArB5AsZiSXyXLpuztF2+py7wWUON+8jbO+7LEfIq+MeQB8Ix26wOLfOqfqakGazFWRtycSoGw5NRorHAM7TU1lj3UU9761sV6pq4UoFpmtS8brYVVP2rBXPrtGMzSRiJxonGAm5L6c6b/F8wFOquUNfFlYDcfHF9XRW73wAIWt8K7vN4IkWGurDnLpYVG9d4jnl4tvv9XS1lQi4BEpBKpfCTYexsdrGbNnt5/EYZMIk3ZTQ6A1Ll2eUZu9Lorz4RcDvf62l/MEXIZYAESKrpw4O8l0aUt9HJQD0oMIpPbu28BTtCxsZ1/rO+Km7Ph+2tMUIuE+Sx0/jA/aORqb3VbqfbSlRmc+Bi7BArSdZvY1MocLa/Y/v23775XLSIlcB2+OgJ6sKfI1tG/pp8eiwyZdN1FfxeN9RyNHAsIzh47ifahp76/fiXJG2lQMX5Ag8mbBAEgR4avgjHT/8IiXRWcrHMUGvQ19vRHHr5k8e3zVX0KwbKzWZrONa+1ck75PrQuhEK0P54Mvskxzte8rn5vofvuj1Z0a4K1GsHPmBy+bn1+XyBDgb8Zb/fn+7p6lzWCi4NgL8BrsYOB26chCcAAAAASUVORK5CYII=")';
|
|
|
|
var sty = " style='background-image:"+icoAd+";background-position:center center;background-repeat:no-repeat;";
|
|
sty += " border:1px solid #8dcbf3;background-color:#ffffff;height:32px;width:32px;font-size:16px;line-height:19px;padding:0px;";
|
|
sty += " position:absolute;top:10px;right:5px;text-align:center;border-radius:50%;border:1px solid #8dcbf3;cursor:pointer;' ";
|
|
|
|
if(window.parent){
|
|
var url = window.parent.location;
|
|
if(url.href.indexOf("teachdoc=edit")!=-1){
|
|
var main = url.href.substring(0,url.href.indexOf('main/'));
|
|
var renderBtn = '<a ' + sty + ' class="menu-button fa icons" onClick="window.parent.location=\''+main+'plugin/adv_oel_tools_teachdoc/oel_tools_teachdoc_link.php?action=redir&idLudiLP='+localIdTeachdoc+'\'" > </a>';
|
|
var panelTools = document.querySelector(".deco-teachdoc");
|
|
if(panelTools){
|
|
panelTools.innerHTML = renderBtn;
|
|
} else {
|
|
panelTools = document.getElementById("nav-bottom");
|
|
if(panelTools){
|
|
panelTools.innerHTML = panelTools.innerHTML + renderBtn;
|
|
}
|
|
}
|
|
var panel = document.querySelector(".panel-teachdoc-large");
|
|
if(panel){
|
|
panelTools = document.getElementById("nav-bottom");
|
|
if(panelTools){
|
|
renderBtn = renderBtn.replace("right:5px;","left:200px;");
|
|
renderBtn = renderBtn.replace("background-color:#ffffff;","background-color:black;");
|
|
renderBtn = renderBtn.replace("#8dcbf3","black");
|
|
renderBtn = renderBtn.replace("#8dcbf3","black");
|
|
renderBtn = renderBtn.replace("32px","38px");
|
|
renderBtn = renderBtn.replace("32px","38px");
|
|
panelTools.innerHTML = panelTools.innerHTML + renderBtn;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function correctPosition(){
|
|
|
|
var panel = document.querySelector(".panel-teachdoc");
|
|
if(!panel){
|
|
panel = document.querySelector(".panel-teachdoc-large");
|
|
}
|
|
|
|
if(panel){
|
|
var panelHeight = panel.clientHeight;
|
|
|
|
var larg = window.innerWidth;
|
|
var haut = window.innerHeight-70;
|
|
|
|
if(panelHeight<haut){
|
|
panel.style.top = ((haut-panelHeight)/2) + 'px';
|
|
}else{
|
|
panel.style.top = '10px';
|
|
panel.style.marginTop = '50px';
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function checkObj(obj){
|
|
|
|
var src = obj.attr("src");
|
|
if(src.indexOf("matgreen0")!=-1){
|
|
var oCh = obj.parent().parent().parent();
|
|
oCh.find(".checkboxqcm").attr("src","img/qcm/matgreen0.png");
|
|
obj.attr("src","img/qcm/matgreen1.png");
|
|
}else{
|
|
obj.attr("src","img/qcm/matgreen0.png");
|
|
}
|
|
|
|
}
|
|
|
|
setTimeout(function(){correctPosition();},100);
|
|
setTimeout(function(){installEdit();},1000);
|
|
</script><script type="text/javascript" src="jq.js?v=8"></script><script type="text/javascript" src="api.js?v=8"></script><script type="text/javascript" src="ng.js?v=8"></script><link type="text/css" href="css/plug.css?v=8" rel="stylesheet" /></body></html> |