Difference between revisions of "ESDC Workplace & You"

Revision as of 12:40, 4 June 2021

<style>

.Title{text-align:center;padding:10pt;color:white;font-size:normal;font-weight:bold;font-size:150%} .background{background-repeat: repeat;}

.MenuGeneral{width:1px;white-space: nowrap;vertical-align:top;padding:0px} .MainContent{vertical-align:top;padding:10px 20px 10px 20px;border-right:solid windowtext 1pt;border-left:solid windowtext 1pt;border-color:grey ;text-align:justify} .tdSpace{padding:0px 0px 0px 0px;border-bottom:solid windowtext 1pt;border-color:grey }

.TitleMenu{padding:5px 10px 5px 10px;color:white;font-weight:bold; vertical-align:middle} .BorderMenu{border-right:solid windowtext 0pt;border-left:solid windowtext 0pt;border-color:grey ;white-space: nowrap} .Menu{padding:5px 10px 5px 10px;background-color:white;cursor:pointer;cursor:hand;font-weight:bold} .MenuSelected{padding:5px 10px 5px 10px;cursor:pointer;cursor:hand;font-weight:bold}

</style>

</head> <body> <iframe class="hidden" style="margin-top:-60px"></iframe>

function createbox(id,fa,boxName,title,ToolTip,content){

str="

" +"

"+title+"

" +""; fLen = content.length; if(fLen===2){str+="";}

else{

str+="";

for (i = 2; i < fLen-1; i++) { idtd=content[0]+i;

str+="";}

idtd=content[0]+i;

str+="";

}

str+="

"+content[1]+"

"+content[i]+"

";

document.getElementById(boxName).innerHTML=str; }

function createboxMenu(id,fa,boxName,title,ToolTip){

str="

" +"

"+title+"

";

document.getElementById(boxName).innerHTML=str; }

function changeColorActL1Gateway(id){ document.getElementById(id).className= "ActBSCL1selected"; }

function changeColorActL2Gateway(id){ document.getElementById(id).className= "ActBSCL2selected"; }

</script> </body> </html>

@@ Line 1: / Line 1: @@
-{{DISPLAYTITLE:<span style="position:absolute; top: -9999px">Move to 4900 Yonge</span >}}
+{{DISPLAYTITLE:<span style="position:absolute; top: -9999px">Gateway Technical</span >}}
 <html>
 <head>
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <style>
-.background{background-color:#DAD8A7;margin-top:-80px;background-size: cover }
+<meta charset="utf-8">
-.Title{background-color:#C0416C;}
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
-.TitleMenu{background-color:#DAD8A7;}
+<meta name="viewport" content="user-scalable=no, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, width=device-width">
-.MenuSelected{background-color:#AADFD4;}
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap-theme.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
 </style>
-</head>
-<body>
-<div ></html>{{:Gateway_Technical}}<html></div>
-<div class="background" >
-<br><br>
-<table width=100% align=center border=0 style='max-width: 1200px;background-color:white'>
-<tr><td colspan=2><div id='TitlePage' class='Title'></div></td></tr>
-<tr>
-<td class='MenuGeneral'><div id='BoxMenuText'></div></td>
-<td class='MainContent'>
-<div id="Main4900" class="content"></html>{{:Move_4900_Main}}<html></div>
-<div id="FAQ4900" class="hidden"></html>{{:Move_4900_FAQ}}<html></div>
-<div id="ROD4900" class="hidden"></html>{{:Move_4900_ROD}}<html></div>
-<div id="Contact4900" class="hidden"></html>{{:Move_4900_Contact}}<html></div>
-</td>
+<style>
-</tr>
-</table>
+.Title{text-align:center;padding:10pt;color:white;font-size:normal;font-weight:bold;font-size:150%}
-<br><br>
+.background{background-repeat: repeat;}
-</div>
-<script>
-$(document).ready(function() {declaration();fillpage()})
-function declaration(){
+.MenuGeneral{width:1px;white-space: nowrap;vertical-align:top;padding:0px}
+.MainContent{vertical-align:top;padding:10px 20px 10px 20px;border-right:solid windowtext 1pt;border-left:solid windowtext 1pt;border-color:grey ;text-align:justify}
+.tdSpace{padding:0px 0px 0px 0px;border-bottom:solid windowtext 1pt;border-color:grey }
-List=["Main4900","FAQ4900", "ROD4900","Contact4900"]
+.TitleMenu{padding:5px 10px 5px 10px;color:white;font-weight:bold; vertical-align:middle}
-ListMenu=["MMain","MFAQ","MROD","MContact"]
+.BorderMenu{border-right:solid windowtext 0pt;border-left:solid windowtext 0pt;border-color:grey ;white-space: nowrap}
+.Menu{padding:5px 10px 5px 10px;background-color:white;cursor:pointer;cursor:hand;font-weight:bold}
+.MenuSelected{padding:5px 10px 5px 10px;cursor:pointer;cursor:hand;font-weight:bold}
-if(lang==="en"){
+</style>
-TitlePageT="Health Canada<br>Move to 4900 Yonge";
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.7.0/jquery.modal.js"></script>
-TextMain4900="Main page";
+<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
-TextFAQ4900="Frequently Asked Questions";
+<script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
-TextROD4900="Records of Decision";
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-TextContact4900="Contact Us";
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
+<script>
+if (navigator.userAgent.match(/IEMobile\/10\.0/)) {var msViewportStyle = document.createElement("style");
+msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:100% !important}"));
+document.getElementsByTagName("head")[0].appendChild(msViewportStyle);}
+</script>
-}
+</head>
-else
+<body>
-{
+<iframe  class="hidden" style="margin-top:-60px"></iframe>
-TitlePageT="Initiatives de la GI/TI<br>Santé Canada (SC) & Agence de la santé publique du Canada (ASPC)";
-TextMainM365="Page d’accueil";
+<script>
-TextUserM365="Trouvez votre nom d'utilisateur <br>et votre mot de passe";
+lang = document.getElementsByTagName("html")[0].getAttribute("lang");
-TextFAQM365Email="Foire aux questions -- Services de courriel M365";
-TextFAQM365="Foire aux questions";
-TextQuikRef365="Comment faire - Guides de référence rapide";
-TextTrainingM365="Guide de formation pour SC et l'ASPC";
-TextSSCM365="GCwiki sur le M365";
-TextMicroM365="Ressources Microsoft";
-TextSupportM365="Contactez-nous";
+function createbox(id,fa,boxName,title,ToolTip,content){
+str="<div class='panel panel-primary'>"
++"<div class='panel-heading"+id+"'>"
++"<table width=100%><tr><td width=10% valign=top align=center><span class='fa fa-"+fa+" fa-2x'></span></td><td valign=middle style='padding:0px 0px 0px 7px'><div title='"+ToolTip+"'><div class='titleBox'>"+title+"</div></div></td></tr></table></div>"
++"<table border='0' class='table table-hover' style='padding:3px'>";
+fLen = content.length;
+if(fLen===2){str+="<tr><td style='border: 0;padding:5px 5px 5px 10px' align=justify id='"+content[0]+"1'>"+content[1]+"</td></tr>";}
+else{
+str+="<tr><td style='border: 0;padding:5px 5px 0px 10px' align=justify id='"+content[0]+"1'>"+content[1]+"</td></tr>";
+for (i = 2; i < fLen-1; i++) {
+idtd=content[0]+i;
+str+="<tr><td style='border: 0;padding:0px 0px 0px 10px' align=justify  id='"+idtd+"'>"+content[i]+"</td></tr>";}
+idtd=content[0]+i;
+str+="<tr><td style='border: 0;padding:0px 5px 5px 10px' align=justify  id='"+idtd+"'>"+content[i]+"</td></tr>";
+}
+str+="</table>";
+document.getElementById(boxName).innerHTML=str;
 }
-MenuT="<table class='BorderMenu' border=0>"
+function createboxMenu(id,fa,boxName,title,ToolTip){
-+"<tr><td class='tdSpace'><div id='MMain' class='MenuSelected' onclick='displayMain()'>"+TextMain4900+"</div></td></tr>"
+str="<div class='panel panel-primary'>"
-+"<tr><td class='tdSpace'><div id='MFAQ' class='Menu' onclick='displayFAQ()'>"+TextFAQ4900+"</div></td></tr>"
++"<div class='panel-heading"+id+"'>"
-+"<tr><td class='tdSpace'><div id='MROD' class='Menu' onclick='displayROD()'>"+TextROD4900+"</div></td></tr>"
++"<table width=100%><tr><td width=10% valign=top align=center><span class='fa fa-"+fa+" fa-2x'></span></td><td valign=middle style='padding:0px 7px 0px 7px'><div title='"+ToolTip+"'><div class='titleBox'>"+title+"</div></div></td></tr></table>";
-+"<tr><td class='tdSpace'><div id='MContact' class='Menu' onclick='displayContact()'>"+TextContact4900+"</div></td></tr>"
+document.getElementById(boxName).innerHTML=str;
-+"</table>";
 }
-function displayMain(){callContent("Main4900","MMain")}
-function displayFAQ(){callContent("FAQ4900","MFAQ")}
-function displayROD(){callContent("ROD4900","MROD")}
-function displayContact(){callContent("Contact4900","MContact")}
+function changeColorActL1Gateway(id){
-function callContent(id,idMenu){
+document.getElementById(id).className= "ActBSCL1selected";
-for(r=0;r<List.length;r++){
-document.getElementById(List[r]).className ="hidden";
-document.getElementById(ListMenu[r]).className ="Menu";
 }
-document.getElementById(id).className="content";
-document.getElementById(idMenu).className="MenuSelected";
-}
-function fillpage(){
+function changeColorActL2Gateway(id){
-document.getElementById("BoxMenuText").innerHTML=MenuT;
+document.getElementById(id).className= "ActBSCL2selected";
-document.getElementById("TitlePage").innerHTML=TitlePageT;
 }

Difference between revisions of "ESDC Workplace & You"

Revision as of 12:40, 4 June 2021

Navigation menu

Search