2007-05-27 Raul Mateos <raulofpandora@gmail.com>

* include/styles/pandora.css: Cleaned and moved install styles
	to a new file only using in install.php file.
	* include/styles/pandora_red.css: Cleaned and moved install styles
	to a new file only using in install.php file.
	* include/styles/install.css: New file.
	* install.php: Updated with new styles.

git-svn-id: https://svn.code.sf.net/p/pandora/code/trunk@472 c3f86ba8-e40f-0410-aaad-9ba5e7f4b01f
This commit is contained in:
raulmateos 2007-05-27 12:11:15 +00:00
parent e42393821f
commit 478ad30747
4 changed files with 127 additions and 156 deletions

View File

@ -1,3 +1,15 @@
2007-05-27 Raul Mateos <raulofpandora@gmail.com>
* include/styles/pandora.css: Cleaned and moved install styles
to a new file only using in install.php file.
* include/styles/pandora_red.css: Cleaned and moved install styles
to a new file only using in install.php file.
* include/styles/install.css: New file.
* install.php: Updated with new styles.
2007-05-26 Raul Mateos <raulofpandora@gmail.com> 2007-05-26 Raul Mateos <raulofpandora@gmail.com>
* include/styles/pandora.css: Cleaned and updated some styles. * include/styles/pandora.css: Cleaned and updated some styles.

View File

@ -289,7 +289,7 @@ td.datos_id {
td.datos_jus, td.datos2_jus { td.datos_jus, td.datos2_jus {
text-align: justify; text-align: justify;
} }
.bg { /* op menu */ .bg { /* op menu */
background-color: #786; background-color: #786;
} }
.bg2 { /* main page */ .bg2 { /* main page */
@ -417,22 +417,6 @@ div.nf {
margin-left: 7px; margin-left: 7px;
padding: 2px 1px 6px 25px; padding: 2px 1px 6px 25px;
} }
div#wizard {
text-align: left;
border: 1px solid #999;
margin-top: 3em;
margin-bottom: -1em;
padding: 20px;
width: 600px;
background-color: #fff;
background: url(../../images/background8.jpg);
}
div#install_box {
float: right;
padding-right: 20px;
margin-top: 10px;
width: 350px;
}
div.title_line { div.title_line {
background-color: #4e682c; background-color: #4e682c;
height: 5px; height: 5px;

View File

@ -32,7 +32,7 @@
font-size: 8pt; font-size: 8pt;
} }
body { body {
margin-top: 0; text-align: center;
} }
input, textarea { input, textarea {
border: 1px solid #ddd; border: 1px solid #ddd;
@ -43,7 +43,7 @@ textarea {
padding: 5px; padding: 5px;
height: 100px; height: 100px;
font-family: verdana, sans-serif; font-family: verdana, sans-serif;
font-size: 8pt; font-size: 8pt;
} }
input { input {
padding: 2px 3px 4px 3px; padding: 2px 3px 4px 3px;
@ -60,7 +60,7 @@ select {
padding: 0px; padding: 0px;
border:1px solid #ddd; border:1px solid #ddd;
font-family: verdana, sans-serif; font-family: verdana, sans-serif;
font-size: 8pt; font-size: 8pt;
} }
checkbox { checkbox {
padding: 4px; padding: 4px;
@ -69,19 +69,19 @@ checkbox {
h1, h2, h3 { h1, h2, h3 {
font: bold 1em Arial, Sans-serif; font: bold 1em Arial, Sans-serif;
text-transform: uppercase; text-transform: uppercase;
color: #778855; color: #786;
padding-bottom: 5px; padding-bottom: 5px;
padding-top: 7px; padding-top: 7px;
} }
h3 {
font-size: 13px;
}
h1 { h1 {
font-size: 16px; font-size: 16px;
} }
h2 { h2 {
font-size: 15px; font-size: 15px;
} }
h3 {
font-size: 13px;
}
a { a {
color: #d81616; color: #d81616;
font-weight: bold; font-weight: bold;
@ -92,54 +92,43 @@ a:hover {
text-decoration: underline; text-decoration: underline;
} }
a.white_bold { a.white_bold {
color: #eeeeee; color: #eee;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
} }
a.white { a.white {
color: #eeeeee; color: #eee;
text-decoration: none; text-decoration: none;
} }
p.center { p.center {
text-align: center; text-align: center;
} }
h1#log { h1#log {
border-bottom: 1px solid #778866; font-size: 18px;
padding-bottom: 3px; margin-bottom: 0px;
margin-top: 5em; color: #000;
width: 29em;
text-align: left;
} }
h1#log_f, h1#db_fh1 { h1#log_f {
color: #ff0000; color: #f00;
border-bottom: 1px solid #ff0000; border-bottom: 1px solid #f00;
padding-bottom: 3px; padding-bottom: 3px;
} }
div#login { div#login {
text-align: left; margin: 0 auto;
border: 1px solid #999999; margin-top: 200px;
margin-top: 2em; width: 460px;
margin-bottom: -1em; border-left: solid 1px #000;
padding: 0.5em; border-top: solid 1px #000;
width: 40em; border-bottom: solid 2px #000;
background: url(../../images/backgrounds/background10.jpg); border-right: solid 2px #000
}
div#login_in, #login_f {
margin: 0 auto;
width: 400px;
} }
div#login_f { div#login_f {
text-align: left; margin-top: 10px;
margin: auto; margin-bottom: 25px;
padding: 0.5em;
width: 48em;
margin-top: 5em;
}
div#login_box {
float: right;
padding-right: 10px;
margin-top: 25px;
width: 140px;
}
div#logo_box {
margin-top: 25px;
padding-left: 5px;
} }
div#noaccess { div#noaccess {
width: 350px; width: 350px;
@ -165,11 +154,21 @@ div#db_ftxt {
float: right; float: right;
padding-top: 10px; padding-top: 10px;
} }
div#container {
margin: 0 auto;
width: 960px;
text-align: left;
border-left: solid 2px #000;
border-right: solid 2px #000;
border-top: solid 2px #000;
margin-top: 5px;
}
div#page { div#page {
width: 960px; width: 960px;
background: #fff; background: #fff;
clear: both; clear: both;
border-bottom: solid 5px #778855; border-bottom: solid 5px #786;
border-top: solid 5px #786;
} }
div#main { div#main {
width: 780px; width: 780px;
@ -211,7 +210,7 @@ div#foot {
} }
#ip { #ip {
margin-top: 10px; margin-top: 10px;
clear: both; margin-bottom: 5px;
} }
label { label {
display: block; display: block;
@ -235,7 +234,7 @@ input.datos_readonly {
background-color: #050505; background-color: #050505;
} }
input.login { input.login {
border-color: #778866; border-color: #786;
background-color: #f5f5f5; background-color: #f5f5f5;
margin: 2px 0 8px; margin: 2px 0 8px;
width: 90px; width: 90px;
@ -266,14 +265,9 @@ input.delete {
table, img { table, img {
border: 0px; border: 0px;
} }
th, td.lb { th, td.lb, td.lb_view {
color: #fff; color: #fff;
background-color: #778866; background-color: #786;
}
td.lb_view {
color: #fff;
/*background-color: #7ba04a;*/
background-color: #778866;
} }
td.lb, td.lb_view { td.lb, td.lb_view {
height: 16px; height: 16px;
@ -287,7 +281,6 @@ td.datos2, td.datos2t, td.datos2b, td.datos2_id , td.datos2f9 {
background-color: #efefef; background-color: #efefef;
} }
td.datos3 { td.datos3 {
/*background-color: #a7b896;*/
background-color: #d4ddc6; background-color: #d4ddc6;
} }
td.datos_id { td.datos_id {
@ -296,8 +289,8 @@ td.datos_id {
td.datos_jus, td.datos2_jus { td.datos_jus, td.datos2_jus {
text-align: justify; text-align: justify;
} }
.bg , .bgt { /* op menu */ .bg { /* op menu */
background-color: #778855; background-color: #786;
} }
.bg2 { /* main page */ .bg2 { /* main page */
background-color: #d84437; background-color: #d84437;
@ -366,7 +359,7 @@ td.datos_jus, td.datos2_jus {
font-weight: bold; font-weight: bold;
} }
.raya { .raya {
border-top: 1px solid #778866; border-top: 1px solid #786;
width: 100%; width: 100%;
} }
.raya, .noraya { .raya, .noraya {
@ -405,12 +398,6 @@ td.datos_jus, td.datos2_jus {
margin-top: 15px; margin-top: 15px;
text-align: justify; text-align: justify;
} }
.mr40 {
margin-right: 40px;
}
.mt35 {
margin-top: 35px;
}
ul.mn { ul.mn {
list-style: none; list-style: none;
padding: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
@ -430,22 +417,6 @@ div.nf {
margin-left: 7px; margin-left: 7px;
padding: 2px 1px 6px 25px; padding: 2px 1px 6px 25px;
} }
div#wizard {
text-align: left;
border: 1px solid #999;
margin-top: 3em;
margin-bottom: -1em;
padding: 20px;
width: 600px;
background-color: #fff;
background: url(../../images/background8.jpg);
}
div#install_box {
float: right;
padding-right: 20px;
margin-top: 10px;
width: 350px;
}
div.title_line { div.title_line {
background-color: #4e682c; background-color: #4e682c;
height: 5px; height: 5px;
@ -493,8 +464,7 @@ div.title_line {
float: left; float: left;
position: relative; position: relative;
} }
#menu_tab_left li a, #menu_tab_left li.nomn a { #menu_tab_left li a {
background: #ac4444;
background: #d84437; background: #d84437;
padding: 2px 10px 2px 10px; padding: 2px 10px 2px 10px;
color: #fff; color: #fff;
@ -505,6 +475,13 @@ div.title_line {
display: block; display: block;
text-decoration: none; text-decoration: none;
} }
#menu_tab_left li.view a {
background: #6a4;
padding: 2px 10px 2px 10px;
color: #fff;
font-weight: bold;
line-height: 18px;
}
span.users { span.users {
background: url(../../images/group.png) no-repeat; background: url(../../images/group.png) no-repeat;
} }
@ -544,17 +521,16 @@ span.master, span.snmp, span.binary, span.recon {
} }
/* New styles for data box */ /* New styles for data box */
.databox, .databox_color, .databox_frame { .databox, .databox_color, .databox_frame {
margin-bottom: 10px; margin-bottom: 15px;
margin-top: 5px; margin-top: 5px;
margin-left: 0px; margin-left: 0px;
border: 1px solid #f2f2f2; border: 1px solid #f2f2f2;
} }
.databox { .databox {
margin: 0px;
background-color: #fafafa; background-color: #fafafa;
} }
.databox_color { .databox_color {
border-left: 4px solid #778855; border-left: 4px solid #786;
} }
#head_l { #head_l {
float: left; float: left;

View File

@ -34,8 +34,11 @@
<meta name="robots" content="index, follow"> <meta name="robots" content="index, follow">
<link rel="icon" href="images/pandora.ico" type="image/ico"> <link rel="icon" href="images/pandora.ico" type="image/ico">
<link rel="stylesheet" href="include/styles/pandora.css" type="text/css"> <link rel="stylesheet" href="include/styles/pandora.css" type="text/css">
</head><body background='images/backgrounds/background11.jpg'> <link rel="stylesheet" href="include/styles/install.css" type="text/css">
<?PHP </head>
<body>
<?php
error_reporting(0); error_reporting(0);
@ -146,42 +149,40 @@ function random_name ($size){
function install_step1() { function install_step1() {
echo " echo "
<div align='center' style='margin-top: 35px;'> <div id='install_container'>
<h1>Pandora FMS installation wizard. Step #1 of 4</h1> <h1>Pandora FMS installation wizard. Step #1 of 4</h1>
<div id='wizard' style='height: 300px;'> <div id='wizard' style='height: 300px;'>
<div id='install_box'> <div id='install_box'>
<h1>Welcome to Pandora FMS installation Wizard</h1> <h1>Welcome to Pandora FMS installation Wizard</h1>
<p>This wizard helps you to quick install Pandora FMS console in your system.</p> <p>This wizard helps you to quick install Pandora FMS console in your system.</p>
<p>In three steps checks all dependencies and make your configuration for a quick installation.</p> <p>In three steps checks all dependencies and make your configuration for a quick installation.</p>
<p>For more information, please refer to documentation.</p> <p>For more information, please refer to documentation.</p>
<i>Pandora FMS Development team</i> <i>Pandora FMS Development Team</i>
"; ";
if (file_exists("include/config.php")){ if (file_exists("include/config.php")){
echo "<p><img src='images/info.png' valign='bottom'><b> Warning: You already have a config.php file. Configuration and database would be overwritten if you continued.</b></p>"; echo "<div class='warn'><b>Warning:</b> You already have a config.php file. Configuration and database would be overwritten if you continued.</div>";
} }
echo " echo "
</div> </div>
<div class='box'> <div id='logo_img'>
<img src='images/logo_login.gif' border='0'><br> <img src='images/logo_login.gif' border='0'><br><br>
</div>
<div class='box'>
<img src='images/step0.png' border='0'> <img src='images/step0.png' border='0'>
</div> </div>
<div id='install_box' style='margin-bottom: 25px;margin-left: 25px;'> <div id='install_img'>
<a href='install.php?step=2'><img align='right' src='images/arrow_next.png' border=0></a> <a href='install.php?step=2'><img align='right' src='images/arrow_next.png' border=0></a>
</div>
</div>
<div id='foot'>
<i>Pandora FMS is a Free Software project registered at
<a target='_new' href='http://pandora.sourceforge.net'>SourceForge</a></i>
</div> </div>
</div>
<div id='foot_install'>
<i>Pandora FMS is a Free Software project registered at
<a target='_new' href='http://pandora.sourceforge.net'>SourceForge</a></i>
</div>
</div>"; </div>";
} }
function install_step2() { function install_step2() {
echo " echo "
<div align='center' style='margin-top: 35px'> <div id='install_container'>
<h1>Pandora FMS console installation wizard. Step #2 of 4</h1> <h1>Pandora FMS console installation wizard. Step #2 of 4</h1>
<div id='wizard' style='height: 300px;'> <div id='wizard' style='height: 300px;'>
<div id='install_box'>"; <div id='install_box'>";
@ -198,34 +199,34 @@ function install_step2() {
//$res += check_exists ("/usr/bin/pdflatex","PDF Latex in /usr/bin/pdflatex"); //$res += check_exists ("/usr/bin/pdflatex","PDF Latex in /usr/bin/pdflatex");
echo "</table> echo "</table>
</div> </div>
<div class='box'> <div id='logo_img'>
<img src='images/logo_login.gif' border='0'' alt=''> <img src='images/logo_login.gif' border='0'' alt=''><br><br>
</div>
<div class='box'>
<img src='images/step1.png' border='0' alt=''> <img src='images/step1.png' border='0' alt=''>
</div> </div>
<div id='install_box' style='margin-bottom: 25px;margin-left: 25px;'>"; <div id='install_img'>";
if ($res > 0) { if ($res > 0) {
echo "<p><img src='images/info.png'> You have some uncomplete echo "<div class='warn'>You have some uncomplete
dependencies. Please correct them or this installer dependencies. Please correct them or this installer
will not be able to finish your installation. will not be able to finish your installation.
</p> </div>
Ignore it. <a href='install.php?step=3'>Force install Step #3</a>"; Ignore it. <a href='install.php?step=3'>Force install Step #3</a>";
} else { } else {
echo "<a href='install.php?step=3'><img align='right' src='images/arrow_next.png' border=0 alt=''></a>"; echo "<a href='install.php?step=3'><img align='right' src='images/arrow_next.png' border=0 alt=''></a>";
} }
echo " echo "
</div> </div>
</div> </div>
</div> <div id='foot_install'>
<div id='foot'>"; <i>Pandora FMS is a Free Software project registered at
echo '<i>Pandora FMS is a Free Software project registered at <a target="_new" href="http://pandora.sourceforge.net">SourceForge</a></i>'; <a target='_new' href='http://pandora.sourceforge.net'>SourceForge</a></i>
echo "</div></div>"; </div>
</div>";
} }
function install_step3() { function install_step3() {
echo " echo "
<div align='center' style='margin-top: 35px'> <div id='install_container'>
<h1>Pandora FMS console installation wizard. Step #3 of 4 </h1> <h1>Pandora FMS console installation wizard. Step #3 of 4 </h1>
<div id='wizard' style='height: 580px;'> <div id='wizard' style='height: 580px;'>
<div id='install_box'> <div id='install_box'>
@ -236,7 +237,10 @@ function install_step3() {
Information about <i>root</i> user will not be used or stored anymore. Information about <i>root</i> user will not be used or stored anymore.
</p> </p>
<p> <p>
Now, please, complete all details to configure your database and enviroment setup. <b>NOTICE</b> that database will be destroyed if it already exists!. Now, please, complete all details to configure your database and enviroment setup.
</p>
<p>
<b>NOTICE</b> that database will be destroyed if it already exists!
</p> </p>
<form method='post' action='install.php?step=4'> <form method='post' action='install.php?step=4'>
<div>DB User with privileges on MySQL</div> <div>DB User with privileges on MySQL</div>
@ -259,27 +263,24 @@ function install_step3() {
<div>Full local URL to Pandora FMS Console. <br> <div>Full local URL to Pandora FMS Console. <br>
<span class='f9b'>For example http://localhost/pandora_console</span> <span class='f9b'>For example http://localhost/pandora_console</span>
</div> </div>
<input class='login' type='text' name='url' style='width: 250px;' value='http://localhost/pandora_console'> <input class='login' type='text' name='url' style='width: 250px;' value='http://localhost/pandora_console'>
<div><input align='right' style='align: right; width:70px; height: 16px;' type='image' src='images/arrow_next.png' value='Step #4'></div> <div align='right'><input type='image' src='images/arrow_next.png' value='Step #4' id='step4'></div>
</form> </form>
</div> </div>
<div class='box'> <div id='logo_img'>
<img src='images/logo_login.gif' border='0' alt=''> <img src='images/logo_login.gif' border='0' alt=''><br><br>
</div>
<div class='box'>
<img src='images/step2.png' border='0' alt=''> <img src='images/step2.png' border='0' alt=''>
</div> </div>
</div> </div>
<div id='foot'> <div id='foot_install'>
<i>Pandora FMS is a Free Software project registered at <i>Pandora FMS is a Free Software project registered at
<a target='_ne' href='http://pandora.sourceforge.net'>SourceForge</a></i> <a target='_new' href='http://pandora.sourceforge.net'>SourceForge</a></i>
</div> </div>
</div>"; </div>";
} }
function install_step4() { function install_step4() {
$pandora_config = "include/config.php"; $pandora_config = "include/config.php";
@ -308,7 +309,7 @@ function install_step4() {
$step3=0; $step3=0;
$step4=0; $step5=0; $step6=0; $step7=0; $step4=0; $step5=0; $step6=0; $step7=0;
echo " echo "
<div align='center' style='margin-top: 35px'> <div id='install_container'>
<h1>Pandora FMS Console installation wizard. Step #4 of 4</h1> <h1>Pandora FMS Console installation wizard. Step #4 of 4</h1>
<div id='wizard' style='height: 300px;'> <div id='wizard' style='height: 300px;'>
<div id='install_box'> <div id='install_box'>
@ -343,7 +344,7 @@ function install_step4() {
$cfgout = fopen ($pandora_config,"w"); $cfgout = fopen ($pandora_config,"w");
$config_contents = fread ($cfgin, filesize("include/config.inc.php")); $config_contents = fread ($cfgin, filesize("include/config.inc.php"));
$config_new = '<?PHP $config_new = '<?php
// Begin of automatic config file // Begin of automatic config file
$dbname="'.$dbname.'"; // MySQL DataBase name $dbname="'.$dbname.'"; // MySQL DataBase name
$dbuser="pandora"; // DB User $dbuser="pandora"; // DB User
@ -366,54 +367,52 @@ $BASE_URL="'.$url.'"; // Base URL
$everything_ok = 1; $everything_ok = 1;
} }
echo "</table></div> echo "</table></div>
<div class='box'> <div id='logo_img'>
<img src='images/logo_login.gif' border='0' alt=''> <img src='images/logo_login.gif' border='0' alt=''><br><br>
</div>
<div class='box'>
<img src='images/step3.png' border='0' alt=''> <img src='images/step3.png' border='0' alt=''>
</div> </div>
<div id='install_box' style='margin-bottom: 25px;margin-left: 25px;'>"; <div id='install_img'>";
if ($everything_ok == 1) { if ($everything_ok == 1) {
echo "<a href='install.php?step=5'><img align='right' src='images/arrow_next.png' border=0 class=''></a>"; echo "<a href='install.php?step=5'><img align='right' src='images/arrow_next.png' border=0 class=''></a>";
} else { } else {
echo "<img src='images/info.png'> You got some problems. Installation is not completed. echo "<div class='warn'><b>There was some problems. Installation is not completed.</b>
<p>Please correct failures before trying again. All database schemes created in this step have been dropped.</p>"; <p>Please correct failures before trying again.
All database schemes created in this step have been dropped.</p></div>";
if (mysql_error() != "") if (mysql_error() != "")
echo "<p><img src='images/info.png'> <b>ERROR:</b> ". mysql_error()."</p>"; echo "<div class='warn'> <b>ERROR:</b> ". mysql_error().".</div>";
mysql_query ("DROP DATABASE $dbname"); mysql_query ("DROP DATABASE $dbname");
} }
echo " echo "
</div> </div>
</div> </div>
<div id='foot'> <div id='foot_install'>
<i>Pandora FMS is a Free Software project registered at <i>Pandora FMS is a Free Software project registered at
<a target='_new' href='http://pandora.sourceforge.net'>SourceForge</a></i> <a target='_new' href='http://pandora.sourceforge.net'>SourceForge</a></i>
</div> </div>
</div>"; </div>";
} }
function install_step5() { function install_step5() {
echo " echo "
<div align='center' style='margin-top: 35px'> <div id='install_container'>
<h1>Pandora FMS console installation wizard. Finished</h1> <h1>Pandora FMS console installation wizard. Finished</h1>
<div id='wizard' style='height: 300px;'> <div id='wizard' style='height: 300px;'>
<div id='install_box'> <div id='install_box'>
<h1>Installation complete</h1> <h1>Installation complete</h1>
<p>You now must delete manually this installer for security, ('install.php') before trying to access to your Pandora FMS console. <p>You now must delete manually this installer ('<i>install.php</i>') file for security before trying to access to your Pandora FMS console.
<p>Don't forget to check <a href='http://pandora.sourceforge.net'>http://pandora.sourceforge.net</a> for updates. <p>Don't forget to check <a href='http://pandora.sourceforge.net'>http://pandora.sourceforge.net</a> for updates.
<p><a href='index.php'>Click here to access to your Pandora FMS console</A></p> <p><a href='index.php'>Click here to access to your Pandora FMS console</a></p>
</div> </div>
<div class='box'> <div id='logo_img'>
<img src='images/logo_login.gif' border='0'></a><br> <img src='images/logo_login.gif' border='0'><br><br>
</div>
<div class='box'>
<img src='images/step4.png' border='0'><br> <img src='images/step4.png' border='0'><br>
</div> </div>
</div> </div>
<div id='foot'> <div id='foot_install'>
<i>Pandora FMS is a Free Software project registered at <i>Pandora FMS is a Free Software project registered at
<a target='_new' href='http://pandora.sourceforge.net'>SourceForge</a></i> <a target='_new' href='http://pandora.sourceforge.net'>SourceForge</a></i>
</div> </div>