Finish new install page, almost ready for 0.5 release

This commit is contained in:
Unknwon 2014-09-07 19:02:58 -04:00
parent ab7206d6b7
commit 0ddb1eb769
11 changed files with 424 additions and 315 deletions

View file

@ -669,6 +669,19 @@ ol.linenums {
#feature-wrapper .grid-1-2 {
margin-bottom: 30px;
}
#install-form {
padding: 15px;
}
#install-form label {
width: 35%;
}
#install-form input {
width: 30%;
}
#install-form input[type="checkbox"],
#install-form input[type="radio"] {
width: auto;
}
/*
The dashboard page style
*/

View file

@ -521,7 +521,7 @@ function initAdmin() {
e.preventDefault();
return true;
}
var $form = $('user-profile-form');
var $form = $('#user-profile-form');
$form.attr('action', $form.data('delete-url'));
});
// Create authorization.
@ -547,6 +547,43 @@ function initAdmin() {
});
}
function initInstall() {
// Change database type.
(function () {
var mysql_default = '127.0.0.1:3306';
var postgres_default = '127.0.0.1:5432';
$('#install-database').on("change", function () {
var val = $(this).val();
if (val != "SQLite3") {
$('.server-sql').show();
$('.sqlite-setting').addClass("hide");
if (val == "PostgreSQL") {
$('.pgsql-setting').removeClass("hide");
// Change the host value to the Postgres default, but only
// if the user hasn't already changed it from the MySQL
// default.
if ($('#database-host').val() == mysql_default) {
$('#database-host').val(postgres_default);
}
} else if (val == 'MySQL') {
$('.pgsql-setting').addClass("hide");
if ($('#database-host').val() == postgres_default) {
$('#database-host').val(mysql_default);
}
} else {
$('.pgsql-setting').addClass("hide");
}
} else {
$('.server-sql').hide();
$('.pgsql-setting').hide();
$('.sqlite-setting').removeClass("hide");
}
});
}());
}
$(document).ready(function () {
initCore();
if ($('#user-profile-setting').length) {
@ -579,6 +616,9 @@ $(document).ready(function () {
if ($('#admin-setting').length) {
initAdmin();
}
if ($('#install-form').length) {
initInstall();
}
Tabs('#dashboard-sidebar-menu');

File diff suppressed because one or more lines are too long

View file

@ -1,97 +1,105 @@
@import "base";
@import "../ui/var";
#promo-wrapper {
padding-top: 50px;
background-color: @headerBgColor;
padding-top: 50px;
background-color: @headerBgColor;
}
#promo-logo {
img {
max-width: 250px;
}
margin-right: 50px;
padding-bottom: 50px;
margin-right: 50px;
padding-bottom: 50px;
img {
max-width: 250px;
}
}
#promo-content {
color: #FFF;
margin-left: 300px;
h1,
h2 {
font-family: 'PT Sans Narrow', sans-serif;
line-height: 60px;
margin-bottom: 0;
text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}
h1 {
font-size: 96px;
line-height: 96px;
margin-bottom: 30px;
}
h2 {
font-size: 52px;
line-height: 70px;
font-weight: normal;
}
color: #FFF;
margin-left: 300px;
h1,
h2 {
font-family: 'PT Sans Narrow', sans-serif;
line-height: 60px;
margin-bottom: 0;
text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
}
h1 {
font-size: 96px;
line-height: 96px;
margin-bottom: 30px;
}
h2 {
font-size: 52px;
line-height: 70px;
font-weight: normal;
}
}
#promo-form {
padding: 40px 0;
.ipt-large {
border: none;
border-radius: 4px;
font-size: 18px;
&:focus {
box-shadow: 0 0 3px #FFF;
padding: 40px 0;
.ipt-large {
border: none;
border-radius: 4px;
font-size: 18px;
margin-right: 12px;
&:focus {
box-shadow: 0 0 3px #FFF;
}
}
.btn-large {
border-radius: 4px;
font-size: 18px;
margin-right: 12px;
}
margin-right: 12px;
}
.btn-large {
border-radius: 4px;
font-size: 18px;
margin-right: 12px;
}
}
#promo-social {
padding-bottom: 60px;
.qq{
box-shadow: 0 0 1px #1c6399;
}
}
#feature-wrapper {
font-family: Lato, sans-serif;
font-size: 18px;
padding: 50px 0 100px 0;
.octicon {
color: @btnRedColor;
font-size: 60px;
height: 60px;
width: 60px;
line-height: 60px;
margin-right: 12px;
vertical-align: middle;
display: inline-block;
}
b {
color: #000;
font-size: 24px;
display: inline-block;
line-height: 60px;
}
p {
margin: 1em 0;
line-height: 40px;
padding-right: 30px;
}
a {
color: @btnRedColor;
&:hover {
color: @btnHoverRedColor;
padding-bottom: 60px;
.qq{
box-shadow: 0 0 1px #1c6399;
}
}
#feature-wrapper {
font-family: Lato, sans-serif;
font-size: 18px;
padding: 50px 0 100px 0;
.octicon {
color: @btnRedColor;
font-size: 60px;
height: 60px;
width: 60px;
line-height: 60px;
margin-right: 12px;
vertical-align: middle;
display: inline-block;
}
b {
color: #000;
font-size: 24px;
display: inline-block;
line-height: 60px;
}
p {
margin: 1em 0;
line-height: 40px;
padding-right: 30px;
}
a {
color: @btnRedColor;
&:hover {
color: @btnHoverRedColor;
}
}
.grid-1-2 {
margin-bottom: 30px;
}
}
#install-form {
padding: 15px;
label {
width: 35%;
}
input {
width: 30%;
}
input[type="checkbox"],
input[type="radio"] {
width: auto;
}
}
.grid-1-2 {
margin-bottom: 30px;
}
}