Add visual indicator for setup checks
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
parent
55d0f35576
commit
6afe3e42f3
|
@ -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;
|
||||
|
|
|
@ -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');
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in New Issue