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 9aebe0f1aa
commit 9cd5f26a0e
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>
* include/styles/pandora.css: Cleaned and updated some styles.

View File

@ -417,22 +417,6 @@ div.nf {
margin-left: 7px;
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 {
background-color: #4e682c;
height: 5px;

View File

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

View File

@ -34,8 +34,11 @@
<meta name="robots" content="index, follow">
<link rel="icon" href="images/pandora.ico" type="image/ico">
<link rel="stylesheet" href="include/styles/pandora.css" type="text/css">
</head><body background='images/backgrounds/background11.jpg'>
<?PHP
<link rel="stylesheet" href="include/styles/install.css" type="text/css">
</head>
<body>
<?php
error_reporting(0);
@ -146,7 +149,7 @@ function random_name ($size){
function install_step1() {
echo "
<div align='center' style='margin-top: 35px;'>
<div id='install_container'>
<h1>Pandora FMS installation wizard. Step #1 of 4</h1>
<div id='wizard' style='height: 300px;'>
<div id='install_box'>
@ -154,24 +157,22 @@ function install_step1() {
<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>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")){
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 "
</div>
<div class='box'>
<img src='images/logo_login.gif' border='0'><br>
</div>
<div class='box'>
<div id='logo_img'>
<img src='images/logo_login.gif' border='0'><br><br>
<img src='images/step0.png' border='0'>
</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>
</div>
</div>
<div id='foot'>
<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>
@ -181,7 +182,7 @@ function install_step1() {
function install_step2() {
echo "
<div align='center' style='margin-top: 35px'>
<div id='install_container'>
<h1>Pandora FMS console installation wizard. Step #2 of 4</h1>
<div id='wizard' style='height: 300px;'>
<div id='install_box'>";
@ -198,18 +199,16 @@ function install_step2() {
//$res += check_exists ("/usr/bin/pdflatex","PDF Latex in /usr/bin/pdflatex");
echo "</table>
</div>
<div class='box'>
<img src='images/logo_login.gif' border='0'' alt=''>
</div>
<div class='box'>
<div id='logo_img'>
<img src='images/logo_login.gif' border='0'' alt=''><br><br>
<img src='images/step1.png' border='0' alt=''>
</div>
<div id='install_box' style='margin-bottom: 25px;margin-left: 25px;'>";
<div id='install_img'>";
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
will not be able to finish your installation.
</p>
</div>
Ignore it. <a href='install.php?step=3'>Force install Step #3</a>";
} else {
echo "<a href='install.php?step=3'><img align='right' src='images/arrow_next.png' border=0 alt=''></a>";
@ -217,15 +216,17 @@ function install_step2() {
echo "
</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 id='foot'>";
echo '<i>Pandora FMS is a Free Software project registered at <a target="_new" href="http://pandora.sourceforge.net">SourceForge</a></i>';
echo "</div></div>";
</div>";
}
function install_step3() {
echo "
<div align='center' style='margin-top: 35px'>
<div id='install_container'>
<h1>Pandora FMS console installation wizard. Step #3 of 4 </h1>
<div id='wizard' style='height: 580px;'>
<div id='install_box'>
@ -236,7 +237,10 @@ function install_step3() {
Information about <i>root</i> user will not be used or stored anymore.
</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>
<form method='post' action='install.php?step=4'>
<div>DB User with privileges on MySQL</div>
@ -261,25 +265,22 @@ function install_step3() {
</div>
<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>
</div>
<div class='box'>
<img src='images/logo_login.gif' border='0' alt=''>
</div>
<div class='box'>
<div id='logo_img'>
<img src='images/logo_login.gif' border='0' alt=''><br><br>
<img src='images/step2.png' border='0' alt=''>
</div>
</div>
<div id='foot'>
<div id='foot_install'>
<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>";
}
function install_step4() {
$pandora_config = "include/config.php";
@ -308,7 +309,7 @@ function install_step4() {
$step3=0;
$step4=0; $step5=0; $step6=0; $step7=0;
echo "
<div align='center' style='margin-top: 35px'>
<div id='install_container'>
<h1>Pandora FMS Console installation wizard. Step #4 of 4</h1>
<div id='wizard' style='height: 300px;'>
<div id='install_box'>
@ -343,7 +344,7 @@ function install_step4() {
$cfgout = fopen ($pandora_config,"w");
$config_contents = fread ($cfgin, filesize("include/config.inc.php"));
$config_new = '<?PHP
$config_new = '<?php
// Begin of automatic config file
$dbname="'.$dbname.'"; // MySQL DataBase name
$dbuser="pandora"; // DB User
@ -366,54 +367,52 @@ $BASE_URL="'.$url.'"; // Base URL
$everything_ok = 1;
}
echo "</table></div>
<div class='box'>
<img src='images/logo_login.gif' border='0' alt=''>
</div>
<div class='box'>
<div id='logo_img'>
<img src='images/logo_login.gif' border='0' alt=''><br><br>
<img src='images/step3.png' border='0' alt=''>
</div>
<div id='install_box' style='margin-bottom: 25px;margin-left: 25px;'>";
<div id='install_img'>";
if ($everything_ok == 1) {
echo "<a href='install.php?step=5'><img align='right' src='images/arrow_next.png' border=0 class=''></a>";
} else {
echo "<img src='images/info.png'> You got some problems. Installation is not completed.
<p>Please correct failures before trying again. All database schemes created in this step have been dropped.</p>";
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></div>";
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");
}
echo "
</div>
</div>
<div id='foot'>
<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>";
}
function install_step5() {
echo "
<div align='center' style='margin-top: 35px'>
<div id='install_container'>
<h1>Pandora FMS console installation wizard. Finished</h1>
<div id='wizard' style='height: 300px;'>
<div id='install_box'>
<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><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 class='box'>
<img src='images/logo_login.gif' border='0'></a><br>
</div>
<div class='box'>
<div id='logo_img'>
<img src='images/logo_login.gif' border='0'><br><br>
<img src='images/step4.png' border='0'><br>
</div>
</div>
<div id='foot'>
<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>