Style welcome page and fill placeholders

refs #7163
This commit is contained in:
Johannes Meyer 2014-10-17 11:19:04 +02:00
parent 223502c314
commit 2ecb862fc3
2 changed files with 94 additions and 2 deletions

View File

@ -31,7 +31,32 @@ class WelcomePage extends Form
new Note(
'welcome',
array(
'value' => t('%WELCOME%')
'value' => t('Welcome to the installation of Icinga Web 2!'),
'decorators' => array(
'ViewHelper',
array('HtmlTag', array('tag' => 'h2'))
)
)
)
);
$this->addElement( // TODO: Remove this once we release the first public version
new Note(
'wip',
array(
'value' => 'Icinga Web 2 is still in development and not meant for production deployment.'
. ' Watch the <a href="https://dev.icinga.org/projects/icingaweb2/roadmap">development roadmap</a>'
. ' and <a href="https://www.icinga.org/">Icinga website</a> for release schedule updates!',
'decorators' => array(
'ViewHelper',
array(
'HtmlTag',
array(
'tag' => 'div',
'style' => 'border:1px solid #777;border-radius:1em;background-color:beige;'
. 'padding:1em;margin-bottom:1em;display:inline-block;'
)
)
)
)
)
);
@ -39,7 +64,58 @@ class WelcomePage extends Form
new Note(
'description',
array(
'value' => t('%DESCRIPTION%')
'value' => sprintf(
t(
'Icinga Web 2 is the next generation monitoring web interface,'
. ' framework and CLI tool developed by the %s.'
),
'<a href="https://www.icinga.org/community/team/">' . t('Icinga Project') . '</a>'
)
)
)
);
$this->addElement(
new Note(
'facts',
array(
'value' => t(
'Responsive and fast, rewritten from scratch supporting multiple backends and'
. ' providing a CLI tool. Compatible with Icinga Core 2.x and 1.x.'
)
)
)
);
$this->addElement(
new Note(
'insights',
array(
'value' => sprintf(
t('Check the Icinga website for some %s.', 'setup.welcome.screenshots'),
'<a href="https://www.icinga.org/icinga/screenshots/icinga-web-2/">'
. t('insights', 'setup.welcome.screenshots.label') . '</a>'
)
)
)
);
$this->addDisplayGroup(
array('description', 'facts', 'insights'),
'info',
array(
'decorators' => array(
'FormElements',
array('HtmlTag', array('tag' => 'div', 'class' => 'info'))
)
)
);
$this->addElement(
new Note(
'purpose',
array(
'value' => t(
'This wizard will guide you through the installation of Icinga Web 2.'
. ' Once completed and successfully finished you are able to log in '
. 'and to explore all the new and stunning features!'
)
)
)
);

View File

@ -263,4 +263,20 @@
div.buttons {
text-align: center;
}
}
#setup_welcome {
text-align: center;
h2 {
font-size: 1.5em;
}
div.info {
display: inline-block;
padding: 0 1em;
border-radius: 1em;
background-color: #eee;
border: 1px solid lightgrey;
}
}