Login: Adjust markup for login view redesign

This commit is contained in:
Florian Strohmaier 2021-03-18 13:39:09 +01:00 committed by Johannes Meyer
parent e863344dad
commit f9a801f1a4
1 changed files with 62 additions and 66 deletions

View File

@ -1,72 +1,68 @@
<div id="login"> <div id="login">
<div class="login-wrapper"> <div class="login-form" data-base-target="layout">
<div class="login-form centered-ghost" data-base-target="layout"> <div role="status" class="sr-only">
<div class="login-form-content centered-content"> <?= $this->translate(
<div role="status" class="sr-only"> 'Welcome to Icinga Web 2. For users of the screen reader Jaws full and expectant compliant'
<?= $this->translate( . ' accessibility is possible only with use of the Firefox browser. VoiceOver on Mac OS X is tested on'
'Welcome to Icinga Web 2. For users of the screen reader Jaws full and expectant compliant' . ' Chrome, Safari and Firefox.'
. ' accessibility is possible only with use of the Firefox browser. VoiceOver on Mac OS X is tested on' ) ?>
. ' Chrome, Safari and Firefox.' </div>
) ?> <div class="logo-wrapper"><div id="icinga-logo" aria-hidden="true"></div></div>
</div> <?php if ($requiresSetup): ?>
<div class="logo-wrapper"><div id="icinga-logo" aria-hidden="true"></div></div> <p class="config-note"><?= sprintf(
<?php if ($requiresSetup): ?> $this->translate(
<p class="config-note"><?= sprintf( 'It appears that you did not configure Icinga Web 2 yet so it\'s not possible to log in without any defined '
$this->translate( . 'authentication method. Please define a authentication method by following the instructions in the'
'It appears that you did not configure Icinga Web 2 yet so it\'s not possible to log in without any defined ' . ' %1$sdocumentation%3$s or by using our %2$sweb-based setup-wizard%3$s.'
. 'authentication method. Please define a authentication method by following the instructions in the' ),
. ' %1$sdocumentation%3$s or by using our %2$sweb-based setup-wizard%3$s.' '<a href="https://icinga.com/docs/" title="' . $this->translate('Icinga Web 2 Documentation') . '">', // TODO: More exact documentation link
), '<a href="' . $this->href('setup') . '" title="' . $this->translate('Icinga Web 2 Setup-Wizard') . '">',
'<a href="https://icinga.com/docs/" title="' . $this->translate('Icinga Web 2 Documentation') . '">', // TODO: More exact documentation link '</a>'
'<a href="' . $this->href('setup') . '" title="' . $this->translate('Icinga Web 2 Setup-Wizard') . '">', ) ?></p>
'</a>' <?php endif ?>
) ?></p> <?= $this->form ?>
<?php endif ?> <div id="login-footer">
<?= $this->form ?> <p>Icinga Web 2 &copy; 2013-<?= date('Y') ?></p>
<div id="login-footer"> <?= $this->qlink($this->translate('icinga.com'), 'https://icinga.com') ?>
<p>Icinga Web 2 &copy; 2013-<?= date('Y') ?></p>
<?= $this->qlink($this->translate('icinga.com'), 'https://icinga.com') ?>
</div>
</div>
</div> </div>
<ul id="social">
<li>
<?= $this->qlink(
null,
'https://twitter.com/icinga',
null,
array(
'target' => '_blank',
'icon' => 'twitter',
'title' => $this->translate('Icinga on Twitter')
)
) ?>
</li>
<li>
<?= $this->qlink(
null,
'https://www.facebook.com/icinga',
null,
array(
'target' => '_blank',
'icon' => 'facebook-squared',
'title' => $this->translate('Icinga on Facebook')
)
) ?>
</li>
<li><?= $this->qlink(
null,
'https://github.com/Icinga',
null,
array(
'target' => '_blank',
'icon' => 'github-circled',
'title' => $this->translate('Icinga on GitHub')
)
) ?>
</li>
</ul>
</div> </div>
<ul id="social">
<li>
<?= $this->qlink(
null,
'https://twitter.com/icinga',
null,
array(
'target' => '_blank',
'icon' => 'twitter',
'title' => $this->translate('Icinga on Twitter')
)
) ?>
</li>
<li>
<?= $this->qlink(
null,
'https://www.facebook.com/icinga',
null,
array(
'target' => '_blank',
'icon' => 'facebook-squared',
'title' => $this->translate('Icinga on Facebook')
)
) ?>
</li>
<li><?= $this->qlink(
null,
'https://github.com/Icinga',
null,
array(
'target' => '_blank',
'icon' => 'github-circled',
'title' => $this->translate('Icinga on GitHub')
)
) ?>
</li>
</ul>
</div> </div>
<div id="orb-analytics" class="orb" ><img src="/icingaweb2/img/orb-analytics.png"></div> <div id="orb-analytics" class="orb" ><img src="/icingaweb2/img/orb-analytics.png"></div>
<div id="orb-automation" class="orb"><img src="/icingaweb2/img/orb-automation.png"></div> <div id="orb-automation" class="orb"><img src="/icingaweb2/img/orb-automation.png"></div>