fusionpbx/themes/accessible/template.php

662 lines
15 KiB
PHP

<?php
//get the browser version
$user_agent = http_user_agent();
$browser_version = $user_agent['version'];
$browser_name = $user_agent['name'];
$browser_version_array = explode('.', $browser_version);
//set the doctype
if ($browser_name == "Internet Explorer") {
echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n";
}
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title><!--{title}--></title>
<!--{head}-->
<link rel="icon" href="<!--{project_path}-->/themes/accessible/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type='text/css'>
img {
border: none;
}
A {
color: #004083;
width: 100%;
}
body {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
/*background-image: url('<!--{project_path}-->/themes/accessible/background.gif');*/
background-image: url('<!--{project_path}-->/themes/accessible/images/menu_background.jpg');
background-repeat: repeat-x;
background-color: #FFFFFF;
background-attachment:fixed;
}
th {
border-top: 1px solid #999999;
border-bottom: 1px solid #777777;
color: #FFFFFF;
font-size: 12px;
font-family: arial;
font-weight: bold;
background-color: #FFFFFF;
background-image: url('<!--{project_path}-->/themes/accessible/images/background_th.png');
padding-top: 4px;
padding-bottom: 4px;
padding-right: 7px;
padding-left: 7px;
}
th a:link{ color:#FFFFFF; }
th a:visited{ color:#FFFFFF; }
th a:hover{ color:#FFBF00; }
th a:active{ color:#FFBF00; }
td {
color: #5f5f5f;
font-size: 12px;
font-family: arial;
}
form {
margin: 0px;
}
td.list_control_icons {
/* multiple icons exist (horizontally) */
padding: none;
padding-left: 3px;
width: 50px;
text-align: right;
vertical-align: top;
white-space: nowrap;
}
td.list_control_icon {
/* a single icon exists */
padding: none;
padding-left: 3px;
width: 25px;
text-align: right;
vertical-align: top;
white-space: nowrap;
}
INPUT.btn {
font-family: verdana;
font-size: 11px;
}
INPUT.button {
font-family: verdana;
font-size: 11px;
}
SELECT.txt {
font-family: arial;
font-size: 12px;
width: 98.75%;
border: solid 1px #CCCCCC;
color: #666666;
background-color: #EFEFEF;
background-repeat:repeat-x;
height: 19px;
}
TEXTAREA.txt {
font-family: arial;
font-size: 12px;
width: 98.75%;
border: solid 1px #CCCCCC;
color: #666666;
background-color: #EFEFEF;
background-repeat:repeat-x;
overflow: auto;
padding: 4px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px
}
INPUT.txt {
font-family: arial;
font-size: 12px;
width: 98.75%;
border: solid 1px #CCCCCC;
color: #666666;
background-color: #EFEFEF;
background-repeat:repeat-x;
}
.formfld {
border: solid 1px #CCCCCC;
color: #666666;
background-color: #F7F7F7;
width: 50%;
text-align: left;
/*width: 300px;*/
padding-left: 4px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
border-bottom-right-radius:5px
}
/*
.th {
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
*/
.vncell {
background: #EFEFEF;
color: gray;
border-bottom: 1px solid #CCCCCC;
background-image: url('<!--{project_path}-->/themes/accessible/images/background_cell.gif');
padding-right: 20px;
padding-left: 8px;
text-align: left;
color: #555555;
border-bottom: 1px solid #999999;
}
.vncell a:link{ color:#555555; }
.vncell a:visited{ color:#555555; }
.vncell style0 a:hover{ color:#FFBF00; }
.vncell a:active{ color:#555555; }
.vncellreq {
background-image: url('<!--{project_path}-->/themes/accessible/images/background_cell.gif');
border-bottom: 1px solid #999999;
background-color: #639BC1;
padding-right: 20px;
padding-left: 8px;
text-align: left;
font-weight: bold;
color: #555555;
}
.vtable {
text-align: left;
border-bottom: 1px solid #DFDFDF;
}
.listbg {
border-bottom: 1px solid #999999;
font-size: 11px;
background-color: #990000;
color: #FFFFFF;
padding-right: 16px;
padding-left: 6px;
padding-top: 4px;
padding-bottom: 4px;*/
}
.row_style0 {
background-image: url('<!--{project_path}-->/themes/accessible/images/background_cell.gif');
border-bottom: 1px solid #999999;
/*background-color: #ECE9D8; */
background-color: #639BC1;
color: #555555;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 7px;
padding-left: 7px;
}
.row_style0 a:link{ color:#555555; }
.row_style0 a:visited{ color:#555555; }
.row_style0 a:hover{ color:#FFBF00; }
.row_style0 a:active{ color:#FFBF00; }
.row_style1 {
border-bottom: 1px solid #999999;
background-color: #FFFFFF;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 7px;
padding-left: 7px;
}
.row_stylebg {
border-bottom: 1px solid #999999;
background-color: #5F5F5F;
color: #FFFFFF;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
padding-left: 10px;
}
.border {
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
.headermain {
background-color: #7FAEDE;
}
.frm {
border: solid 1px #CCCCCC;
color: #666666;
background-color: #EFEFEF;
}
.smalltext {
color: #BBBBBB;
font-size: 11px;
font-family: arial;
}
table tr:first-child th:first-child {
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
border-top-left-radius:7px
}
table tr:first-child th:last-of-type {
-moz-border-radius-topright:7px;
-webkit-border-top-right-radius:7px;
border-top-right-radius:7px
}
table tr:nth-last-child(-5) td:first-of-type {
-moz-border-radius-bottomleft:7px;
-webkit-border-bottom-left-radius:7px;
border-bottom-left-radius:7px
}
table tr:nth-last-child(-5) td:first-of-type {
-moz-border-radius-topleft:7px;
-webkit-border-top-left-radius:7px;
border-bottom-top-radius:7px
}
/*
table tr:last-child td:first-of-type {
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px
}
table tr:last-child td:first-child {
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px
}
table tr:last-child td:last-child {
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px
}
*/
/* begin the menu css*/
.menu_bg {
background-image: url('<!--{project_path}-->/themes/accessible/images/menu_background.jpg');
background-repeat: repeat-x;
background-color: #FFFFFF;
text-align: left;
padding-top: 4px;
padding-bottom: 25px;
padding-left: 5px;
padding-right:20px;
}
.menu_bg h2 {
text-align: left;
}
#menu ul {
list-style-type:none;
padding:0px;
margin:0px;
}
#menu li {
margin-top: 0;
border-top-width: 0;
padding-top: 0;
margin-bottom: 0;
border-bottom-width: 0;
padding-bottom: 0;
list-style-type:none;
padding:0px;
margin:0px;
padding-left:15px;
}
#menu {
width:100%;
float:left;
}
#menu a, #menu h2 {
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
/*border-color:#ccc #888 #555 #bbb;*/
/*border: solid 0.5px #222222;*/
white-space:nowrap;
margin:0;
padding-top:2px;
padding-bottom:2px;
}
#menu h2 {
color:#FFFFFF;
align: left;
/*text-transform:uppercase*/
}
#menu a {
/*background:#333333;*/
text-decoration:none;
}
#menu a:hover {
list-style-type:disc;
text-decoration:underline;
/*list-style-image: url("images/img.gif");*/
}
/* end the menu css*/
#message_container {
z-index: 99999;
position: absolute;
left: 0px;
top: -200px;
right: 0px;
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity:0;
-khtml-opacity: 0;
}
#message_block {
margin: 0px auto;
width: 300px;
height: auto;
background-color: #000;
background-repeat: repeat-x;
background-image: url('<?php echo PROJECT_PATH?>/themes/accessible/images/background_black.png');
background-position: top center;
padding: 10px;
-webkit-border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-radius: 0px 0px 7px 7px;
text-align: center;
}
#message_block .text {
font-family: arial, san-serif;
font-size: 10pt;
font-weight: bold;
color: #fff;
}
DIV.login_message {
border: 1px solid #bae0ba;
background-color: #eeffee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 20px;
margin-bottom: 15px;
}
/* dashboard hud styles begin */
td.hud_box {
height: auto;
vertical-align: top;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
background-image: url('<?php echo PROJECT_PATH?>/themes/accessible/images/menu_background.jpg');
background-repeat: repeat-x;
background-position: top center;
}
span.hud_title {
display: block;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
text-shadow: 0px 1px 2px #000;
letter-spacing: -0.02em;
font-size: 12pt;
color: #fff;
width: 100%;
height: 40px;
cursor: default;
text-align: center;
line-height: 40px;
background-color: #4f66b6;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-top: 3px solid #000e41;
border-bottom: 1px solid #000;
}
span.hud_stat {
display: block;
cursor: pointer;
text-align: center;
text-shadow: 0px 2px 2px #aaa;
width: 100%;
height: 130px;
color: #000;
font-size: 75px;
font-weight: normal;
padding-top: 10px;
margin-bottom: 6px;
}
span.hud_stat_title {
display: block;
width: 100%;
height: 30px;
cursor: pointer;
text-align: center;
text-shadow: 0px 1px 1px #aaa;
color: #000;
font-size: 14px;
font-weight: normal;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
span.hud_stat:hover {
opacity: 0.9;
cursor: pointer;
}
th.hud_heading {
font-size: 11px;
font-weight: bold;
color: black;
text-align: left;
}
td.hud_text {
font-size: 11px;
color: black;
text-align: left;
}
/* dashboard hud styles end */
</style>
<script language="javascript" type="text/javascript" src="<?php echo PROJECT_PATH?>/resources/jquery/jquery-1.8.3.js"></script>
<script language="JavaScript" type="text/javascript">
function display_message(msg) {
$("#message_text").html(msg);
$("#message_container").animate({top: '+=200'}, 0).animate({ opacity: 0.9 }, "fast").delay(1750).animate({top: '-=200'}, 1000).animate({opacity: 0});
}
</script>
</head>
<?php
// set message_onload
if (strlen($_SESSION['message']) > 0) {
$message_text = addslashes($_SESSION['message']);
$onload .= "display_message('".$message_text."');";
unset($_SESSION['message']);
}
?>
<body onload="<?php echo $onload;?>">
<div id='message_container'>
<div id='message_block'>
<span id='message_text' class='text'></span>
</div>
</div>
<?php
// qr code container for contacts
echo "<div id='qr_code_container' style='display: none;' onclick='$(this).fadeOut(400);'>";
echo " <table cellpadding='0' cellspacing='0' border='0' width='100%' height='100%'><tr><td align='center' valign='middle'>";
echo " <span id='qr_code' onclick=\"$('#qr_code_container').fadeOut(400);\"></span>";
echo " </td></tr></table>";
echo "</div>";
?>
<div align='center'>
<table width='90%' class='border' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td class='headermain' style='background-color:#FFFFFF;' width='100%'>
<table cellpadding='0' cellspacing='0' border='0' style="background-image: url('<!--{project_path}-->/themes/accessible/images/background_head.png'); color: #FFFFFF; font-size: 20px;" width='100%'>
<tr>
<td align='center' colspan='2' style='' width='100%' height='4'>
</td>
</tr>
<tr>
<td></td>
<td align='left' valign='middle' nowrap>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='50%'>
<a href='/<!--{project_path}-->'><img src='<!--{project_path}-->/themes/accessible/images/logo.png' /></a>
</td>
<td width='50%' class='' align='right' valign='middle'>
<?php
if (permission_exists("domain_select") && count($_SESSION['domains']) > 1) {
//$tmp_style = "style=\"opacity:0.7;filter:alpha(opacity=70)\" ";
//$tmp_style .= "onmouseover=\"this.style.opacity=1;this.filters.alpha.opacity=90\" ";
//$tmp_style .= "onmouseout=\"this.style.opacity=0.7;this.filters.alpha.opacity=70\" ";
$tmp_style = "style=\"opacity:0.7;\" ";
$tmp_style .= "onmouseover=\"this.style.opacity=1;\" ";
$tmp_style .= "onmouseout=\"this.style.opacity=0.7;\" ";
echo " <select id='domain_uuid' name='domain_uuid' class='formfld' onchange=\"window.location='".PROJECT_PATH."/core/domain_settings/domains.php?domain_uuid='+this.value+'&domain_change=true';\" $tmp_style>\n";
foreach($_SESSION['domains'] as $row) {
if ($row['domain_uuid'] == $_SESSION['domain_uuid']) {
echo " <option value='".$row['domain_uuid']."' selected='selected'>".$row['domain_name']."</option>\n";
}
else {
echo " <option value='".$row['domain_uuid']."'>".$row['domain_name']."</option>\n";
}
}
echo " </select>\n";
unset($tmp_style);
}
?>
&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align='center' colspan='2' style="background-image: url('<!--{project_path}-->/themes/accessible/images/background_black.png');" width='100%' height='22'>
<!--{menu.disabled}-->
</td>
</tr>
</table>
</td>
</tr>
<!--
<tr><td colspan='100%'><img src='<!--{project_path}-->/images/spacer.gif' width='100%' height='1' style='background-color: #BBBBBB;'></td></tr>
-->
<tr>
<td valign='top' align='center' width='100%'>
<table width='100%' cellpadding='30' cellspacing='0' border='0'>
<tr>
<td width='140' align='left' valign='top' class='menu_bg'>
<br />
<!--{menu}-->
</td>
<td align='left' valign='top'>
<!--{body}-->
</td>
</tr>
</table>
</td>
</tr>
</table>
<span class='smalltext'>
<a class='smalltext' target='_blank' href='http://www.fusionpbx.com'>fusionpbx.com</a>. Copyright 2008 - 2012. All Rights Reserved
</span>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<br>
</body>
</html>