diff --git a/application/controllers/SetupController.php b/application/controllers/SetupController.php index cbcc2865f..3b59e266f 100644 --- a/application/controllers/SetupController.php +++ b/application/controllers/SetupController.php @@ -36,7 +36,8 @@ class SetupController extends ActionController $this->view->report = $installer->getReport(); } else { $wizard->handleRequest(); - $this->view->wizard = $wizard; } + + $this->view->wizard = $wizard; } } diff --git a/application/views/scripts/setup/index.phtml b/application/views/scripts/setup/index.phtml index 5c08ba950..c42851647 100644 --- a/application/views/scripts/setup/index.phtml +++ b/application/views/scripts/setup/index.phtml @@ -1,9 +1,101 @@ +getPages(); +$finished = isset($success); +$configPages = array_slice($pages, 2, count($pages) - 3, true); +$currentPos = array_search($wizard->getCurrentPage(), $pages, true); +list($configPagesLeft, $configPagesRight) = array_chunk($configPages, count($configPages) / 2, true); + +?>
+
+ img('img/logo_icinga_big.png'); ?> +
+
+

+ 0 ? 'complete' : 'active'; ?> + + + + +
+
+
+

+ 1 ? ' complete' : ''); ?> + + + + +
+
+
+

+ + + + +
+ + $page): ?> + 1 ? ' active' : ''); ?> + +
+ +
+ +
+ + +
+
+
+ + $page): ?> + 1 ? ' active' : ''); ?> + +
+ +
+ +
+ + +
+
+
+

+ + + + + +
+
+
+

+ + + + + +
+
+
+
- - render('setup/parts/wizard.phtml'); ?> - + render('setup/parts/install.phtml'); ?> + + render('setup/parts/wizard.phtml'); ?>
\ No newline at end of file diff --git a/public/css/icinga/setup.less b/public/css/icinga/setup.less index 2666000b7..07bfdc9ba 100644 --- a/public/css/icinga/setup.less +++ b/public/css/icinga/setup.less @@ -2,8 +2,95 @@ overflow: auto; // TODO: Shouldn't be necessary, here, IMHO } -#setup .setup-content { - margin: 1.5em 1.8em 0 1.8em; +#setup { + .header { + width: 100%; + height: 5.4em; + background-color: #555; + background-image: -moz-linear-gradient(top, #777, #555); + background-image: -webkit-linear-gradient(top, #777, #555); + background-image: -o-linear-gradient(top, #777, #555); + background-image: -ms-linear-gradient(top, #777, #555); + background-image: linear-gradient(top, #777, #555); + + img { + width: 12.5em; + margin: 0.5em; + float: left; + } + + .progress-bar { + overflow: hidden; + padding-top: 1em; + + .step { + float: left; + + h1 { + margin: 0; + color: white; + font-size: 1em; + text-align: center; + } + + table { + margin-top: 0.7em; + + td { + padding: 0; + + &.left, &.right { + width: 50%; + } + } + } + + div { + background-color: lightgrey; + + &.line { + height: 0.5em; + + &.left { + margin-left: 0.1em; + margin-right: -0.1em; + border-top-left-radius: 0.5em; + border-bottom-left-radius: 0.5em; + } + + &.right { + margin-left: -0.1em; + margin-right: 0.1em; + border-top-right-radius: 0.5em; + border-bottom-right-radius: 0.5em; + } + } + + &.bubble { + width: 1.5em; + height: 1.5em; + border-radius: 1.5em; + + // Make sure that such a bubble overlays lines + position: relative; + z-index: 1337; + } + + &.active { + background-color: white; + } + + &.complete { + background-color: green; + } + } + } + } + } + + .setup-content { + margin: 1.5em 1.8em 0 1.8em; + } } #setup div.buttons {