| Line 1: |
Line 1: |
| − | {{DISPLAYTITLE:<span style="position:absolute; top: -9999px">Gateway Technical</span >}}
| |
| − | <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="<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;
| |
| − | }
| |
| − |
| |
| − | function createboxMenu(id,fa,boxName,title,ToolTip){
| |
| − | 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 7px 0px 7px'><div title='"+ToolTip+"'><div class='titleBox'>"+title+"</div></div></td></tr></table>";
| |
| − | document.getElementById(boxName).innerHTML=str;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | function changeColorActL1Gateway(id){
| |
| − | document.getElementById(id).className= "ActBSCL1selected";
| |
| − | }
| |
| − |
| |
| − | function changeColorActL2Gateway(id){
| |
| − | document.getElementById(id).className= "ActBSCL2selected";
| |
| − | }
| |
| − |
| |
| − | </script>
| |
| − | </body>
| |
| − | </html>
| |