Add visual indicator for setup checks

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2018-06-06 12:20:44 +02:00 committed by Morris Jobke
parent 55d0f35576
commit 6afe3e42f3
No known key found for this signature in database
GPG Key ID: FE03C3A163FEDE68
3 changed files with 44 additions and 14 deletions

View File

@ -1038,10 +1038,29 @@ table.grid td.date {
margin-top: 20px;
}
#security-warning-state span {
padding-left: 25px;
background-position: 5px center;
margin-left: -5px;
#security-warning-state-ok,
#security-warning-state-failure,
#security-warning-state-loading {
span {
vertical-align: middle;
&.message {
padding: 12px;
}
&.icon {
width: 32px;
height: 32px;
background-position: center center;
display: inline-block;
border-radius: 50%;
}
&.icon-checkmark-white {
background-color: $color-success;
}
&.icon-close-white {
background-color: $color-error;
}
}
}
#shareAPI {
@ -1204,6 +1223,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
list-style: circle;
}
}
.loading {
height: 50px;
background-position: left center;

View File

@ -256,7 +256,7 @@ $(document).ready(function(){
).then(function(check1, check2, check3, check4, check5, check6) {
var messages = [].concat(check1, check2, check3, check4, check5, check6);
var $el = $('#postsetupchecks');
$el.find('.loading').addClass('hidden');
$('#security-warning-state-loading').addClass('hidden');
var hasMessages = false;
var $errorsEl = $el.find('.errors');
@ -291,11 +291,14 @@ $(document).ready(function(){
}
if (hasMessages) {
$el.find('.hint').removeClass('hidden');
$('#postsetupchecks-hint').removeClass('hidden');
$('#security-warning-state-failure').removeClass('hidden');
} else {
var securityWarning = $('#security-warning');
if (securityWarning.children('ul').children().length === 0) {
$('#security-warning-state').find('span').removeClass('hidden');
$('#security-warning-state-ok').removeClass('hidden');
} else {
$('#security-warning-state-failure').removeClass('hidden');
}
}
});

View File

@ -151,18 +151,25 @@
<?php endif; ?>
</ul>
<div id="security-warning-state-ok" class="hidden">
<span class="icon icon-checkmark-white"></span><span class="message"><?php p($l->t('All checks passed.'));?></span>
</div>
<div id="security-warning-state-failure" class="hidden">
<span class="icon icon-close-white"></span><span class="message"><?php p($l->t('Some checks have failed.'));?></span>
</div>
<div id="security-warning-state-loading">
<span class="icon loading"></span><span class="message"><?php p($l->t('Checking for system and security issues.'));?></span>
</div>
<div id="postsetupchecks" data-check-wellknown="<?php if($_['checkForWorkingWellKnownSetup']) { p('true'); } else { p('false'); } ?>">
<div class="loading"></div>
<ul class="errors hidden"></ul>
<ul class="warnings hidden"></ul>
<ul class="info hidden"></ul>
<p class="hint hidden">
</div>
<p id="postsetupchecks-hint" class="hidden">
<?php print_unescaped($l->t('Please double check the <a target="_blank" rel="noreferrer noopener" href="%s">installation guides ↗</a>, and check for any errors or warnings in the <a href="%s">log</a>.', [link_to_docs('admin-install'), \OC::$server->getURLGenerator()->linkToRoute('settings.AdminSettings.index', ['section' => 'logging'])] )); ?>
</p>
</div>
<div id="security-warning-state">
<span class="hidden icon-checkmark"><?php p($l->t('All checks passed.'));?></span>
</div>
</div>
<div class="section">