Display: Improve installation process style

pull/4013/head
Yannick Warnier 4 years ago
parent ffbf23d5d1
commit bbab9caf7b
  1. 7
      assets/css/app.scss
  2. 9
      public/main/install/index.php
  3. 16
      public/main/install/install.lib.php

@ -66,15 +66,15 @@
}
.btn-warning {
@apply text-ch-text-warning bg-ch-warning hover:bg-ch-warning-dark focus:bg-ch-warning-light;
@apply text-ch-text-warning bg-ch-warning hover:bg-ch-warning-dark focus:ring-ch-warning-light;
}
.btn-success {
@apply text-ch-text-success bg-ch-success hover:bg-ch-success-dark focus:bg-ch-success-light;
@apply text-ch-text-success bg-ch-success hover:bg-ch-success-dark focus:ring-ch-success-light;
}
.btn-danger {
@apply text-ch-text-error bg-ch-error hover:bg-ch-error-dark focus:bg-ch-error-light;
@apply text-ch-text-error bg-ch-error hover:bg-ch-error-dark focus:ring-ch-error-light;
}
// Buttons with icons.
@ -224,6 +224,7 @@
// Forms
input {
appearance: auto !important;
border-width: 1px !important;
}
// Special

@ -506,7 +506,7 @@ if (isset($_POST['step2'])) {
if ('new' === $installType) {
echo Display::return_message(
'<h4 style="text-align: center">'.get_lang(
'<h4 style="text-align: center" class="m-2">'.get_lang(
'Warning'
).'</h4>'.
get_lang('The install script will erase all tables of the selected database. We heavily recommend you do a full backup of them before confirming this last install step.'),
@ -774,9 +774,8 @@ $poweredBy = 'Powered by <a href="http://www.chamilo.org" target="_blank"> Chami
</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="../../build/css/app.css">
<link rel="stylesheet" href="../../build/vue.css">
<link rel="stylesheet" href="../../build/css/bootstrap.css">
<link rel="stylesheet" href="../../build/css/app.css">
<script type="text/javascript" src="../../../build/runtime.js"></script>
<script type="text/javascript" src="../../../build/app.js"></script>
<script>
@ -860,7 +859,7 @@ $poweredBy = 'Powered by <a href="http://www.chamilo.org" target="_blank"> Chami
}
</script>
</head>
<body class="w-full justify-center bg-gradient-to-r from-blue-400 to-blue-600">
<body class="w-full justify-center bg-gradient-to-br from-ch-primary to-ch-primary-light">
<div class="flex flex-col items-center justify-center ">
<div class="rounded p-4 m-8 w-3/5 bg-white flex">
<div class="w-1/3 p-4">
@ -903,7 +902,7 @@ $poweredBy = 'Powered by <a href="http://www.chamilo.org" target="_blank"> Chami
</ol>
</div>
<div id="note">
<a class="btn btn-info btn-block" href="<?php echo $installationGuideLink; ?>" target="_blank">
<a class="btn btn-info btn-block m-2" href="<?php echo $installationGuideLink; ?>" target="_blank">
<em class="fa fa-file-alt"></em>
<?php echo $translator->trans('Read the installation guide'); ?>
</a>

@ -440,11 +440,11 @@ function display_language_selection()
<label for="language_list"><?php echo get_lang('Please select installation language'); ?></label>
<div class="form-group">
<?php echo display_language_selection_box('language_list', api_get_language_isocode()); ?>
<button type="submit" name="step1" class="btn btn-primary" value="<?php echo get_lang('Next'); ?>">
<em class="fa fa-forward"> </em>
<?php echo get_lang('Next'); ?>
</button>
</div>
<button type="submit" name="step1" class="btn btn-success" value="<?php echo get_lang('Next'); ?>">
<em class="fa fa-forward"> </em>
<?php echo get_lang('Next'); ?>
</button>
<input type="hidden" name="is_executable" id="is_executable" value="-" />
<div class="RequirementHeading">
<?php echo get_lang('Cannot find your language in the list? Contact us at info@chamilo.org to contribute as a translator.'); ?>
@ -881,7 +881,7 @@ function display_requirements(
</button>
<button
type="submit" name="step2_install"
class="btn btn-success"
class="btn btn-primary"
value="<?php echo get_lang('New installation'); ?>" <?php if ($error) {
echo 'disabled="disabled"';
} ?> >
@ -1286,7 +1286,7 @@ function display_database_settings_form(
);
echo '</div></div>';
if (INSTALL_TYPE_UPDATE != $installType) { ?>
<button type="submit" class="btn btn-primary" name="step3" value="step3">
<button type="submit" class="btn btn-primary m-2" name="step3" value="step3">
<em class="fa fa-sync"> </em>
<?php echo get_lang('Check database connection'); ?>
</button>
@ -1414,7 +1414,7 @@ function display_configuration_parameter(
$displayWhenUpdate = 'true'
) {
$html = '<div class="form-group row">';
$html .= '<label class="col-sm-6 control-label">'.$parameterName.'</label>';
$html .= '<label class="col-sm-6 p-2 control-label">'.$parameterName.'</label>';
if (INSTALL_TYPE_UPDATE == $installType && $displayWhenUpdate) {
$html .= '<input
type="hidden"
@ -1749,7 +1749,7 @@ function display_after_install_message()
'To protect your site, make the whole %s directory read-only (chmod -R 0555 on Linux) and delete the %s directory.'), 'var/config/', 'main/install/');
$html .= '</div></form>
<br />
<a class="btn btn-success btn-block" href="../../">
<a class="btn btn-success" href="../../">
'.$trans->trans('Go to your newly created portal.').'
</a>';

Loading…
Cancel
Save