From be0655334d53b292fcb0b414aca7d6920bbe68bd Mon Sep 17 00:00:00 2001
From: enriquecd <enrique.camargo@artica.com>
Date: Wed, 20 Sep 2017 13:04:36 +0200
Subject: [PATCH] Change installer next button style - #1349

---
 pandora_console/include/styles/install.css | 43 +++++++++++++++++++++-
 pandora_console/install.php                | 16 ++++----
 2 files changed, 49 insertions(+), 10 deletions(-)
 mode change 100644 => 100755 pandora_console/install.php

diff --git a/pandora_console/include/styles/install.css b/pandora_console/include/styles/install.css
index 4a84b7723c..59b1fb98cc 100644
--- a/pandora_console/include/styles/install.css
+++ b/pandora_console/include/styles/install.css
@@ -156,12 +156,51 @@ div.installation_step {
 }
 
 .btn_install_next {
+	transition-property: background-color, color;
+	transition-duration: 1s;
+	transition-timing-function: ease-out;
+	-webkit-transition-property: background-color, color;
+	-webkit-transition-duration: 1s;
+	-o-transition-property: background-color, color;
+	-o-transition-duration: 1s;
 	margin: 10px;
 	padding: 8px 20px 8px 20px;
 	background-color: transparent;
 	border: 1px solid #82B92E;
-	font: bold 1em Verdana;
-	font-size: 14pt;
+	font: 1em Verdana;
+	font-size: 11pt;
 	color: #82B92E;
 	border-radius: 0%;
 }
+.btn_install_next:hover {
+	cursor: pointer;
+	transition-property: background-color, color;
+	transition-duration: 1s;
+  transition-timing-function: ease-out;
+  -webkit-transition-property: background-color, color;
+  -webkit-transition-duration: 1s;
+  -o-transition-property: background-color, color;
+  -o-transition-duration: 1s;
+  background-color:#82b92e;
+}
+.btn_install_next_text {
+  transition-property: background-color, color;
+	transition-duration: 1s;
+  transition-timing-function: ease-out;
+  -webkit-transition-property: background-color, color;
+  -webkit-transition-duration: 1s;
+  -o-transition-property: background-color, color;
+  -o-transition-duration: 1s;
+  color:#82b92e;
+}
+.btn_install_next:hover .btn_install_next_text {
+  transition-property: background-color, color;
+	transition-duration: 1s;
+  transition-timing-function: ease-out;
+  -webkit-transition-property: background-color, color;
+  -webkit-transition-duration: 1s;
+  -o-transition-property: background-color, color;
+  -o-transition-duration: 1s;
+  color:white;
+}
+
diff --git a/pandora_console/install.php b/pandora_console/install.php
old mode 100644
new mode 100755
index 6acecb6d2e..10d9919854
--- a/pandora_console/install.php
+++ b/pandora_console/install.php
@@ -379,7 +379,7 @@ function install_step1() {
 
 		if ($writable == 0) {
 			echo "<div style='text-align:right; width:100%;'>";
-			echo "<a id='step11' href='install.php?step=11'><button type='submit' class='btn_install_next'>Next</button></a>";
+			echo "<a id='step11' href='install.php?step=11'><button type='submit' class='btn_install_next'><span class='btn_install_next_text'>Next</span></button></a>";
 			echo "</div>";
 		}
 		else {
@@ -419,7 +419,7 @@ function install_step1_licence() {
 		echo file_get_contents ("COPYING");
 		echo "</textarea>";
 		echo "<p>";
-		echo "<div style='text-align: right;'><button id='btn_accept' class='btn_install_next' type='submit'>Yes, I accept licence terms</button></div>";
+		echo "<div style='text-align: right;'><button id='btn_accept' class='btn_install_next' type='submit'><span class='btn_install_next_text'>Yes, I accept licence terms</span></button></div>";
 	}
 	echo "</div>";
 		
@@ -490,13 +490,13 @@ function install_step2() {
 					modules.
 				</div>
 				<div style='text-align:right; width:100%;'>
-				Ignore it. <a id='step3' href='install.php?step=3' style='font-weight: bolder;'><button class='btn_install_next' type='submit'>Force install Step #3</button></a>
+				Ignore it. <a id='step3' href='install.php?step=3' style='font-weight: bolder;'><button class='btn_install_next' type='submit'><span class='btn_install_next_text'>Force install Step #3</span></button></a>
 				</div>";
 			}
 			else {
 				echo "<div style='text-align:right; width:100%;'>";
 				echo "<a id='step3' href='install.php?step=3'>
-				<button class='btn_install_next' type='submit'>Next</button></a>";
+				<button class='btn_install_next' type='submit'><span class='btn_install_next_text'>Next</span></button></a>";
 				echo "</div>";
 			}
 			echo "</div>";
@@ -637,7 +637,7 @@ function install_step3() {
 	if (!$error) {
 		echo "<div style='text-align:right; width:100%;'>";
 		echo "<a id='step4' href='install.php?step=4'>
-				<button class='btn_install_next' type='submit'>Next</button></a>";
+				<button class='btn_install_next' type='submit'><span class='btn_install_next_text'>Next</span></button></a>";
 		echo "</div>";
 	}
 
@@ -898,7 +898,7 @@ function install_step4() {
 			if ($everything_ok == 1) {
 				echo "<div style='text-align:right; width:100%;'>";
 				echo "<a id='step5' href='install.php?step=5'>
-				<button class='btn_install_next' type='submit'>Next</button></a>";
+				<button class='btn_install_next' type='submit'><span class='btn_install_next_text'>Next</span></button></a>";
 				echo "</div>";
 			}
 			else {
@@ -966,10 +966,10 @@ function install_step5() {
 			for updates.
 			<p>Select if you want to rename '<i>install.php</i>'.</p>
 			<form method='post' action='index.php'>
-				<button class='btn_install_next' type='submit' name='rn_file'>Yes, rename the file</button>
+				<button class='btn_install_next' type='submit' name='rn_file'><span class='btn_install_next_text'>Yes, rename the file</span></button>
 				<input type='hidden' name='rename_file' value='1'>
 			</form>
-			<p><br><b><a id='access_pandora' href='index.php'><button class='btn_install_next' type='submit'>Click here to access to your Pandora FMS console</button></a>.</b>
+			<p><br><b><a id='access_pandora' href='index.php'><button class='btn_install_next' type='submit'><span class='btn_install_next_text'>Click here to access to your Pandora FMS console</span></button></a>.</b>
 			</p>
 		</div>";