Important: The GCConnex decommission will not affect GCCollab or GCWiki. Thank you and happy collaborating!

Difference between revisions of "ESDC Workplace & You"

From wiki
Jump to navigation Jump to search
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>
 
<html>
 
<head>
 
<head>
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
 
<style>
 
<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>
 
</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;
 
 
}
 
}
  

Revision as of 12:40, 4 June 2021

<html> <head> <style> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="user-scalable=no, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, width=device-width"> <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>

<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>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.7.0/jquery.modal.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <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> <body> <iframe class="hidden" style="margin-top:-60px"></iframe>


<script> lang = document.getElementsByTagName("html")[0].getAttribute("lang");

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[1]+"
"+content[i]+"
"+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>

Retrieved from "https://wiki.gccollab.ca/index.php?title=ESDC_Workplace_%26_You&oldid=48893"