]> git.agnieray.net Git - galette.git/blobdiff - galette/install/steps/db.php
Display installation steps vertically (#354)
[galette.git] / galette / install / steps / db.php
index 396fdfbbb396f44a8c77e93b4e7067a6e3f54f80..0ccbacbf137d36cffa8b432cdfcaa05becacd844 100644 (file)
@@ -45,10 +45,7 @@ if (!isset($_POST['install_dbtype']) || $_POST['install_dbtype'] == 'mysql') {
     $default_dbport = GaletteDb::PGSQL_DEFAULT_PORT;
 }
 ?>
-            <form action="installer.php" method="post" class="ui form">
-                <div class="ui segment">
-                    <div class="content field">
-                        <div class="ui text container">
+    <form action="installer.php" method="post" class="ui form">
 <?php
 echo '<div class="ui blue message">';
 if ($install->getMode() === GaletteInstall::INSTALL) {
@@ -64,70 +61,67 @@ if ($install->isUpgrade()) {
     }
 }
 ?>
-                            <div class="inline field">
-                                <label for="install_dbtype"><?php echo _T("Database type:"); ?></label>
-                                <select name="install_dbtype" id="install_dbtype" class="ui dropdown nochosen">
-                                    <option value="mysql"<?php if ($install->getDbType() === GaletteDb::MYSQL) {echo ' selected="selected"'; } ?>>Mysql</option>
-                                    <option value="pgsql"<?php if ($install->getDbType() === GaletteDb::PGSQL) {echo ' selected="selected"'; } ?>>Postgresql</option>
-                                </select>
-                            </div>
-                            <div id="install_dbconfig">
-                                <div class="inline field">
-                                    <label for="install_dbhost"><?php echo _T("Host:"); ?></label>
-                                    <input type="text" name="install_dbhost" id="install_dbhost" value="<?php echo ($install->getDbHost() !== null) ? $install->getDbHost() : 'localhost'; ?>" required/>
-                                </div>
-                                <div class="inline field">
-                                    <label for="install_dbport"><?php echo _T("Port:"); ?></label>
-                                    <input type="text" name="install_dbport" id="install_dbport" value="<?php echo ($install->getDbPort() !== null) ? $install->getDbPort() : $default_dbport; ?>" required/>
-                                </div>
-                                <div class="inline field">
-                                    <label for="install_dbuser"><?php echo _T("User:"); ?></label>
-                                    <input type="text" name="install_dbuser" id="install_dbuser" value="<?php echo $install->getDbUser(); ?>" required/>
-                                </div>
-                                <div class="inline field">
-                                    <label for="install_dbpass"><?php echo _T("Password:"); ?></label>
-                                    <input type="password" name="install_dbpass" id="install_dbpass" value="" required/>
-                                </div>
-                                <div class="inline field">
-                                    <label for="install_dbname"><?php echo _T("Database:"); ?></label>
-                                    <input type="text" name="install_dbname" id="install_dbname" value="<?php echo $install->getDbName(); ?>" required/>
-                                </div>
-                                <div class="inline field">
-                                    <label for="install_dbprefix"><?php echo _T("Table prefix:"); ?></label>
-                                    <input type="text" name="install_dbprefix" id="install_dbprefix" value="<?php echo ($install->getTablesPrefix() !== null) ? $install->getTablesPrefix() : 'galette_'; ?>" required/>
-                                </div>
+        <div class="inline required field">
+            <label for="install_dbtype"><?php echo _T("Database type:"); ?></label>
+            <select name="install_dbtype" id="install_dbtype" class="ui dropdown nochosen">
+                <option value="mysql"<?php if ($install->getDbType() === GaletteDb::MYSQL) {echo ' selected="selected"'; } ?>>Mysql</option>
+                <option value="pgsql"<?php if ($install->getDbType() === GaletteDb::PGSQL) {echo ' selected="selected"'; } ?>>Postgresql</option>
+            </select>
+        </div>
+        <div id="install_dbconfig">
+            <div class="inline required field">
+                <label for="install_dbhost"><?php echo _T("Host:"); ?></label>
+                <input type="text" name="install_dbhost" id="install_dbhost" value="<?php echo ($install->getDbHost() !== null) ? $install->getDbHost() : 'localhost'; ?>" required/>
+            </div>
+            <div class="inline required field">
+                <label for="install_dbport"><?php echo _T("Port:"); ?></label>
+                <input type="text" name="install_dbport" id="install_dbport" value="<?php echo ($install->getDbPort() !== null) ? $install->getDbPort() : $default_dbport; ?>" required/>
+            </div>
+            <div class="inline required field">
+                <label for="install_dbuser"><?php echo _T("User:"); ?></label>
+                <input type="text" name="install_dbuser" id="install_dbuser" value="<?php echo $install->getDbUser(); ?>" required/>
+            </div>
+            <div class="inline required field">
+                <label for="install_dbpass"><?php echo _T("Password:"); ?></label>
+                <input type="password" name="install_dbpass" id="install_dbpass" value="" required/>
+            </div>
+            <div class="inline required field">
+                <label for="install_dbname"><?php echo _T("Database:"); ?></label>
+                <input type="text" name="install_dbname" id="install_dbname" value="<?php echo $install->getDbName(); ?>" required/>
+            </div>
+            <div class="inline required field info">
+                <label for="install_dbprefix"><?php echo _T("Table prefix:"); ?></label>
+                <input type="text" name="install_dbprefix" id="install_dbprefix" value="<?php echo ($install->getTablesPrefix() !== null) ? $install->getTablesPrefix() : 'galette_'; ?>" required/>
 <?php
 if ($install->isUpgrade()) {
-    echo '<div class="ui orange message"><p>' .
+    echo '<div class="ui compact floating orange message"><p>' .
         _T("(Indicate the CURRENT prefix of your Galette tables)") .
         '</p></div>';
 }
 ?>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="ui mobile tablet computer reversed equal width grid">
-                    <div class="right aligned column">
-                        <button type="submit" class="ui right labeled icon button"><i class="angle double right icon"></i> <?php echo _T("Next step"); ?></button>
-                    </div>
-                    <div class="left aligned column">
-                        <button type="submit" id="btnback" name="stepback_btn" formnovalidate class="ui labeled icon button"><i class="angle double left icon"></i> <?php echo _T("Back"); ?></button>
-                    </div>
-                </div>
-            </form>
-            <script type="text/javascript">
-                $(function(){
-                    $('#install_dbtype').change(function(){
-                        var _db = $(this).val();
-                        var _port = null;
-                        if ( _db === 'pgsql' ) {
-                            _port = <?php echo GaletteDb::PGSQL_DEFAULT_PORT; ?>;
-                        } else if ( _db === 'mysql' ) {
-                            _port = <?php echo GaletteDb::MYSQL_DEFAULT_PORT; ?>;
-                        }
-                        $('#install_dbport').val(_port);
-                    });
-                });
-            </script>
+            </div>
+        </div>
+        <div class="ui section divider"></div>
+        <div class="ui mobile reversed tablet reversed computer reversed equal width grid">
+            <div class="right aligned column">
+                <button type="submit" class="ui right labeled icon button"><i class="angle double right icon"></i> <?php echo _T("Next step"); ?></button>
+            </div>
+            <div class="left aligned column">
+                <button type="submit" id="btnback" name="stepback_btn" formnovalidate class="ui labeled icon button"><i class="angle double left icon"></i> <?php echo _T("Back"); ?></button>
+            </div>
+        </div>
+    </form>
+    <script type="text/javascript">
+        $(function(){
+            $('#install_dbtype').change(function(){
+                var _db = $(this).val();
+                var _port = null;
+                if ( _db === 'pgsql' ) {
+                    _port = <?php echo GaletteDb::PGSQL_DEFAULT_PORT; ?>;
+                } else if ( _db === 'mysql' ) {
+                    _port = <?php echo GaletteDb::MYSQL_DEFAULT_PORT; ?>;
+                }
+                $('#install_dbport').val(_port);
+            });
+        });
+    </script>