1
0
mirror of https://github.com/monstra-cms/monstra.git synced 2025-08-02 19:27:52 +02:00

Monstra Installer - Frontend Improvements

This commit is contained in:
Awilum
2014-01-02 00:59:56 +02:00
parent 8cacd03c40
commit e3a623b31f

View File

@@ -114,46 +114,50 @@
<meta name="description" content="Monstra Install Area"> <meta name="description" content="Monstra Install Area">
<link rel="icon" href="<?php echo $site_url; ?>favicon.ico" type="image/x-icon" /> <link rel="icon" href="<?php echo $site_url; ?>favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="<?php echo $site_url; ?>favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="<?php echo $site_url; ?>favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?php echo $site_url; ?>public/assets/css/bootstrap.css" media="all" type="text/css" /> <link rel="stylesheet" href="<?php echo $site_url; ?>public/assets/css/bootstrap.min.css" media="all" type="text/css" />
<link rel="stylesheet" href="<?php echo $site_url; ?>public/assets/css/bootstrap-responsive.css" media="all" type="text/css" />
<link rel="stylesheet" href="<?php echo $site_url; ?>admin/themes/default/css/default.css" media="all" type="text/css" /> <link rel="stylesheet" href="<?php echo $site_url; ?>admin/themes/default/css/default.css" media="all" type="text/css" />
<style> <style>
.input-xlarge { .install-body {
width: 285px; margin-top: 40px;
background: #FAFAFA;
} }
.install-languages { .install-languages {
margin: 0 auto 15px; margin: 20px auto 15px;
text-align: center; text-align: center;
width: 390px; width: 390px;
} }
.install-block { .install-block,
.monstra-dialog,
.install-block-footer {
margin: 0 auto; margin: 0 auto;
float: none!important; width: 600px;
max-width: 300px;
padding: 19px 29px 29px;
background: none repeat scroll 0 0 #fff;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.15);
box-shadow: 0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} }
.install-block-footer { .install-block-footer {
margin: 0 auto; margin-top: 20px;
float: none!important; margin-bottom: 20px;
margin-top:10px;
margin-bottom:10px;
max-width: 300px;
} }
.install-body { .well {
background-color: #FBFBFB; border: none;
padding-top:40px; border-radius: 0px;
background: #fff;
color: #555;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
box-shadow: 0 1px 3px rgba(0,0,0,.13);
}
.form-control {
border-radius: 0px;
}
.monstra-says {
margin: 10px;
} }
.error { .error {
@@ -176,8 +180,8 @@
.language-link img { .language-link img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30); filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3; -khtml-opacity: 0.3;
-moz-opacity:0.3;
opacity: 0.3; opacity: 0.3;
} }
@@ -197,30 +201,14 @@
opacity: 1.0; opacity: 1.0;
} }
@media (max-width: 480px) {
.input-xlarge {
width: 100%;
}
.install-languages {
text-align: left;
}
.install-languages a {
padding: 0;
}
}
</style> </style>
<script type="text/javascript" src="<?php echo $site_url; ?>public/assets/js/jquery.js"></script> <script type="text/javascript" src="<?php echo $site_url; ?>public/assets/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo $site_url; ?>public/assets/js/bootstrap.js"></script> <script type="text/javascript" src="<?php echo $site_url; ?>public/assets/js/bootstrap.min.js"></script>
</head> </head>
<body class="install-body"> <body class="install-body">
<?php <?php
if (version_compare(PHP_VERSION, "5.2.0", "<")) { if (version_compare(PHP_VERSION, "5.2.3", "<")) {
$errors['php'] = 'error'; $errors['php'] = 'error';
} else { } else {
$errors['php'] = ''; $errors['php'] = '';
@@ -270,15 +258,17 @@
} }
?> ?>
<div class="text-center"><a class="brand" href="<?php echo Html::toText($site_url); ?>"><img src="<?php echo $site_url; ?>public/assets/img/monstra-logo-256px.png" alt="Monstra"></a></div>
<div class="install-languages"> <div class="install-languages">
<?php foreach ($languages_array as $lang_code) { ?> <?php foreach ($languages_array as $lang_code) { ?>
<a data-placement="top" class="language-link<?php if (Option::get('language') == $lang_code) echo ' language-link-current';?>" title="<?php echo I18n::$locales[$lang_code]; ?>" href="<?php echo $site_url.'?language=' . $lang_code; ?>"><img src="<?php echo $site_url; ?>public/assets/img/flags/<?php echo $lang_code?>.png" alt="<?php echo $lang_code?>"></a> <a data-placement="bottom" data-toggle="tooltip" class="language-link<?php if (Option::get('language') == $lang_code) echo ' language-link-current';?>" title="<?php echo I18n::$locales[$lang_code]; ?>" href="<?php echo $site_url.'?language=' . $lang_code; ?>"><img src="<?php echo $site_url; ?>public/assets/img/flags/<?php echo $lang_code?>.png" alt="<?php echo $lang_code?>"></a>
<?php } ?> <?php } ?>
</div> </div>
<div class="install-block">
<div style="text-align:center;"><a class="brand" href="<?php echo Html::toText($site_url); ?>"><img src="<?php echo $site_url; ?>public/assets/img/monstra-logo.png" height="27" width="171" alt="Monstra"></a></div>
<hr>
<div> <div>
<div>
<div class="install-block well">
<form action="install.php" method="post"> <form action="install.php" method="post">
<input type="hidden" name="php" value="<?php echo $errors['php']; ?>" /> <input type="hidden" name="php" value="<?php echo $errors['php']; ?>" />
<input type="hidden" name="simplexml" value="<?php echo $errors['simplexml']; ?>" /> <input type="hidden" name="simplexml" value="<?php echo $errors['simplexml']; ?>" />
@@ -291,20 +281,29 @@
<input type="hidden" name="backups" value="<?php echo $errors['backups']; ?>" /> <input type="hidden" name="backups" value="<?php echo $errors['backups']; ?>" />
<input type="hidden" name="tmp" value="<?php echo $errors['tmp']; ?>" /> <input type="hidden" name="tmp" value="<?php echo $errors['tmp']; ?>" />
<div class="form-group">
<label><?php echo __('Site Name', 'system'); ?></label> <label><?php echo __('Site Name', 'system'); ?></label>
<input class="input-xlarge" name="sitename" type="text" value="<?php if (Request::post('sitename')) echo Html::toText(Request::post('sitename')); ?>" /> <input class="form-control" name="sitename" type="text" value="<?php if (Request::post('sitename')) echo Html::toText(Request::post('sitename')); ?>" />
<br /> </div>
<div class="form-group">
<label><?php echo __('Site Url', 'system'); ?></label> <label><?php echo __('Site Url', 'system'); ?></label>
<input class="input-xlarge" name="siteurl" type="text" value="<?php echo Html::toText($site_url); ?>" /> <input class="form-control" name="siteurl" type="text" value="<?php echo Html::toText($site_url); ?>" />
<br /> </div>
<div class="form-group">
<label><?php echo __('Username', 'users'); ?></label> <label><?php echo __('Username', 'users'); ?></label>
<input class="input-xlarge login" name="login" value="<?php if(Request::post('login')) echo Html::toText(Request::post('login')); ?>" type="text" /> <input class="form-control login" name="login" value="<?php if(Request::post('login')) echo Html::toText(Request::post('login')); ?>" type="text" />
<br /> </div>
<div class="form-group">
<label><?php echo __('Password', 'users'); ?></label> <label><?php echo __('Password', 'users'); ?></label>
<input class="input-xlarge" name="password" type="password" /> <input class="form-control" name="password" type="password" />
<br /> </div>
<div class="form-group">
<label><?php echo __('Time zone', 'system'); ?></label> <label><?php echo __('Time zone', 'system'); ?></label>
<select class="input-xlarge" name="timezone"> <select class="form-control" name="timezone">
<option value="Kwajalein">(GMT-12:00) International Date Line West</option> <option value="Kwajalein">(GMT-12:00) International Date Line West</option>
<option value="Pacific/Samoa">(GMT-11:00) Midway Island, Samoa</option> <option value="Pacific/Samoa">(GMT-11:00) Midway Island, Samoa</option>
<option value="Pacific/Honolulu">(GMT-10:00) Hawaii</option> <option value="Pacific/Honolulu">(GMT-10:00) Hawaii</option>
@@ -392,17 +391,21 @@
<option value="Pacific/Auckland">(GMT+12:00) Auckland, Wellington</option> <option value="Pacific/Auckland">(GMT+12:00) Auckland, Wellington</option>
<option value="Pacific/Tongatapu">(GMT+13:00) Nukualofa</option> <option value="Pacific/Tongatapu">(GMT+13:00) Nukualofa</option>
</select> </select>
</div>
<div class="form-group">
<label><?php echo __('Email', 'users'); ?></label> <label><?php echo __('Email', 'users'); ?></label>
<input name="email" class="input-xlarge" value="<?php if (Request::post('email')) echo Html::toText(Request::post('email')); ?>" type="text" /> <input name="email" class="form-control" value="<?php if (Request::post('email')) echo Html::toText(Request::post('email')); ?>" type="text" />
<br /><br /> </div>
<input type="submit" class="btn" name="install_submit" value="<?php echo __('Install', 'system'); ?>" /> <div class="form-group">
<input type="submit" class="btn btn-primary" name="install_submit" value="<?php echo __('Install', 'system'); ?>" />
</div>
</form> </form>
</div> </div>
<hr> </div>
<p class="text-center"><strong><?php echo __('...Monstra says...', 'system'); ?></strong></p> <p class="text-center monstra-says"><strong><?php echo __('...Monstra says...', 'system'); ?></strong></p>
<div> <div class="monstra-dialog well">
<ul> <ul class="list-unstyled">
<?php <?php
if (version_compare(PHP_VERSION, "5.2.0", "<")) { if (version_compare(PHP_VERSION, "5.2.0", "<")) {
@@ -470,7 +473,7 @@
</div> </div>
</div> </div>
<div class="install-block-footer"> <div class="install-block-footer">
<div style="text-align:center;"> <div class="text-center">
<span class="small-grey-text">© 2012 - 2014 <a href="http://monstra.org" class="small-grey-text" target="_blank">Monstra</a> <?php echo __('Version', 'system'); ?> <?php echo Monstra::VERSION; ?></span> <span class="small-grey-text">© 2012 - 2014 <a href="http://monstra.org" class="small-grey-text" target="_blank">Monstra</a> <?php echo __('Version', 'system'); ?> <?php echo Monstra::VERSION; ?></span>
</div> </div>
</div> </div>