From 8dc9fde24d665088039407fde2b6807aa89eb659 Mon Sep 17 00:00:00 2001
From: maTh <math-home@web.de>
Date: Wed, 4 Aug 2021 11:38:54 +0200
Subject: Install routine freshup (#3721)

* navigation: disable next steps

* change icon to full icon (incl. text)

* navigation is a ordered list

* set mouse title on each navigation item

* navigation: next steps in grey italc
---
 app/install.php | 52 +++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 41 insertions(+), 11 deletions(-)

(limited to 'app/install.php')

diff --git a/app/install.php b/app/install.php
index 013b40d09..0b601e87f 100644
--- a/app/install.php
+++ b/app/install.php
@@ -655,7 +655,7 @@ if (_t('gen.dir') === 'rtl') {
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="initial-scale=1.0" />
 		<script id="jsonVars" type="application/json">{}</script>
-		<title><?= _t('install.title') ?></title>
+		<title><?= _t('install.title') ?>: <?= _t('install.step', STEP+1) ?></title>
 		<link rel="stylesheet" href="../themes/base-theme/template.css?<?= @filemtime(PUBLIC_PATH . '/themes/base-theme/template.css') ?>" />
 		<link rel="stylesheet" href="../themes/Origine/origine.css?<?= @filemtime(PUBLIC_PATH . '/themes/Origine/origine.css') ?>" />
 		<meta name="robots" content="noindex,nofollow" />
@@ -664,24 +664,54 @@ if (_t('gen.dir') === 'rtl') {
 
 <header class="header">
 	<div class="item title">
-		<h1><a href="index.php"><?= _t('install.title') ?></a></h1>
-		<h2><?= _t('install.step', STEP) ?></h2>
+		<div id="logo-wrapper">
+			<a href="./">
+				<img class="logo" src="../themes/icons/FreshRSS-logo.svg" alt="">
+			</a>
+		</div>
 	</div>
 </header>
 
 <main id="global">
 	<nav class="nav nav-list aside">
-		<ul>
-			<li class="nav-header"><?= _t('install.steps') ?></li>
-			<li class="item<?= STEP == 0 ? ' active' : '' ?>"><a href="?step=0"><?= _t('install.language') ?></a></li>
-			<li class="item<?= STEP == 1 ? ' active' : '' ?>"><a href="?step=1"><?= _t('install.check') ?></a></li>
-			<li class="item<?= STEP == 2 ? ' active' : '' ?>"><a href="?step=2"><?= _t('install.bdd.conf') ?></a></li>
-			<li class="item<?= STEP == 3 ? ' active' : '' ?>"><a href="?step=3"><?= _t('install.conf') ?></a></li>
-			<li class="item<?= STEP == 4 ? ' active' : '' ?>"><a href="?step=4"><?= _t('install.this_is_the_end') ?></a></li>
-		</ul>
+		<div class="nav-header"><?= _t('install.steps') ?></div>
+		<ol>
+			<li class="item<?= STEP == 0 ? ' active' : '' ?>">
+				<a href="?step=0" title="<?= _t('install.step', 0) ?>: <?= _t('install.language') ?>"><?= _t('install.language') ?></a>
+			</li>
+			<li class="item<?= STEP == 1 ? ' active' : '' ?>">
+				<?php if (STEP > 0) {?>
+				<a href="?step=1" title="<?= _t('install.step', 1) ?>: <?= _t('install.check') ?>"><?= _t('install.check') ?></a>
+				<?php } else { ?>
+				<span><?= _t('install.check') ?></span>
+				<?php } ?>
+			</li>
+			<li class="item<?= STEP == 2 ? ' active' : '' ?>">
+				<?php if (STEP > 1) {?>
+				<a href="?step=2" title="<?= _t('install.step', 2) ?>: <?= _t('install.bdd.conf') ?>"><?= _t('install.bdd.conf') ?></a>
+				<?php } else { ?>
+				<span><?= _t('install.bdd.conf') ?></span>
+				<?php } ?>
+			</li>
+			<li class="item<?= STEP == 3 ? ' active' : '' ?>">
+				<?php if (STEP > 2) {?>
+				<a href="?step=3" title="<?= _t('install.step', 3) ?>: <?= _t('install.conf') ?>"><?= _t('install.conf') ?></a>
+				<?php } else { ?>
+				<span><?= _t('install.conf') ?></span>
+				<?php } ?>
+			</li>
+			<li class="item<?= STEP == 4 ? ' active' : '' ?>">
+				<?php if (STEP > 3) {?>
+				<a href="?step=4" title="<?= _t('install.step', 4) ?>: <?= _t('install.this_is_the_end') ?>"><?= _t('install.this_is_the_end') ?></a>
+				<?php } else { ?>
+				<span><?= _t('install.this_is_the_end') ?></span>
+				<?php } ?>
+			</li>
+		</ol>
 	</nav>
 
 	<div class="post">
+		<h1><?= _t('install.title') ?>: <?= _t('install.step', STEP+1) ?></h1>
 		<?php
 		switch (STEP) {
 		case 0:
-- 
cgit v1.2.3