tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Style installation report 

refs #7163
This commit is contained in:
Johannes Meyer 2014-10-17 09:18:10 +02:00
parent d4acbeb061
commit 223502c314
2 changed files with 57 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
application/views/scripts/setup/parts/install.phtml
View File

@ -1,9 +1,15 @@
<div id="installer">
<div class="report"> <div class="report">
<?php foreach ($report as $entry): ?> <?php foreach ($report as $entry): ?>
<p class="<?= $entry->state ? 'ok' : 'failure'; ?>"> <p<?= false === $entry->state ? ' class="error"' : ''; ?>>
<?= $entry->message; ?> <?= $entry->message; ?>
</p> </p>
<?php endforeach ?> <?php endforeach ?>
<?php if ($success): ?>
<p class="success"><?= t('Congratulations! The installation of Icinga Web 2 was successfully completed.'); ?></p>
<?php else: ?>
<p class="failure"><?= t('Sorry! The installation of Icinga Web 2 has failed.'); ?></p>
<?php endif ?>
</div> </div>
<div class="buttons"> <div class="buttons">
<?php if ($success): ?> <?php if ($success): ?>
@ -12,3 +18,4 @@
<a href="<?= $this->href(); ?>" class="button-like"><?= t('Back'); ?></a> <a href="<?= $this->href(); ?>" class="button-like"><?= t('Back'); ?></a>
<?php endif ?> <?php endif ?>
</div> </div>
</div>

49
public/css/icinga/setup.less
View File

@ -118,25 +118,15 @@
background-color: #333; background-color: #333;
} }
&.install { &.install, &.login {
width: 25em; width: 25em;
color: #fffafa; color: #fffafa;
background: #aaa; background: #aaa;
&:hover { &:hover, &:focus {
background: #888; background: #888;
} }
} }
&.login {
width: 25em;
color: #333;
background: #9e4;
&:hover {
background: #7c2;
}
}
} }
a.button-like { a.button-like {
@ -234,16 +224,43 @@
} }
} }
#setup div.report { .conspicuous-state-notification {
width: 66%;
margin: 0 auto;
padding: 0.5em;
color: white;
font-weight: bold;
border-radius: 1em;
}
#installer {
div.report {
padding: 1em;
border-radius: 2em;
background-color: #eee;
p { p {
margin: 1em; margin: 1em;
color: #444;
text-align: center;
&.ok { &.error {
color: green; color: red;
} }
&.failure { &.failure {
color: red; .conspicuous-state-notification;
background-color: @colorCritical;
}
&.success {
.conspicuous-state-notification;
background-color: @colorOk;
} }
} }
} }
div.buttons {
text-align: center;
}
}