Clean up of the published cache status dashboard (#6666)

This commit is contained in:
Poornima Nayar
2019-10-29 18:57:26 +00:00
committed by Sebastiaan Janssen
parent 40358ff6fb
commit c314ab1e0b
4 changed files with 88 additions and 43 deletions

View File

@@ -217,6 +217,7 @@
@import "dashboards/umbraco-forms.less";
@import "dashboards/examine-management.less";
@import "dashboards/healthcheck.less";
@import "dashboards/nucache.less";
@import "typeahead.less";
@import "hacks.less";

View File

@@ -0,0 +1,13 @@
#nuCache {
.no-background {
background-color: transparent;
}
.top-border {
border-top: 2px solid #f3f3f5;
}
.no-left-padding {
padding-left: 0;
}
}

View File

@@ -3,52 +3,86 @@
<div ng-show="vm.loading || vm.working" style="background: rgba(255, 255, 255, 0.60); position: absolute; left: 0; right: 0; top: 0; bottom: 0;">
<umb-load-indicator></umb-load-indicator>
</div>
<p>
<span ng-show="vm.working">(wait)</span>
<span ng-show="!vm.working">{{vm.status}}</span>
</p>
<div>
<button type="button" ng-click="vm.verify($event)" class="btn btn-danger">Refresh status</button>
<div class="umb-panel-group__details-group">
<div class="umb-panel-group__details-group-title">
<div class="umb-panel-group__details-group-name">Published Cache Status</div>
</div>
<div class="umb-panel-group__details-checks">
<div class="umb-panel-group__details-check">
<div class="umb-panel-group__details-status">
<div class="umb-panel-group__details-status-content">
<div class="umb-panel-group__details-status-text">
<p class="umb-panel-group__details-status-action" ng-show="!vm.working">{{vm.status}}</p>
</div>
<div class="umb-panel-group__details-status-actions">
<div class="umb-panel-group__details-status-action no-background no-left-padding">
<button type="button" ng-click="vm.verify($event)" class="btn btn-danger">Refresh status</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br />
<div class="umb-panel-group__details-group">
<div class="umb-panel-group__details-group-title">
<div class="umb-panel-group__details-group-name">Caches</div>
</div>
<div class="umb-panel-group__details-checks">
<div class="umb-panel-group__details-check">
<div class="umb-panel-group__details-check-title">
<div class="umb-panel-group__details-check-name">Memory Cache</div>
<div class="umb-panel-group__details-check-description">
This button lets you reload the in-memory cache, by entirely reloading it from the database
cache (but it does not rebuild that database cache). This is relatively fast.
Use it when you think that the memory cache has not been properly refreshed, after some events
triggered&mdash;which would indicate a minor Umbraco issue.
(note: triggers the reload on all servers in an LB environment).
</div>
<h4 class="mt4">Memory Cache</h4>
<div class="umb-panel-group__details-status-actions">
<div class="umb-panel-group__details-status-action no-background no-left-padding">
<button type="button" ng-click="vm.reload($event)" class="btn btn-danger">Reload</button>
</div>
</div>
</div>
<p>
This button lets you reload the in-memory cache, by entirely reloading it from the database
cache (but it does not rebuild that database cache). This is relatively fast.
Use it when you think that the memory cache has not been properly refreshed, after some events
triggered&mdash;which would indicate a minor Umbraco issue.
(note: triggers the reload on all servers in an LB environment).
</p>
<div>
<button type="button" ng-click="vm.reload($event)" class="btn btn-danger">Reload</button>
</div>
<div class="umb-panel-group__details-check-title top-border">
<div class="umb-panel-group__details-check-name">Database Cache</div>
<div class="umb-panel-group__details-check-description">
This button lets you rebuild the database cache, ie the content of the cmsContentNu table.
<strong>Rebuilding can be expensive.</strong>
Use it when reloading is not enough, and you think that the database cache has not been
properly generated&mdash;which would indicate some critical Umbraco issue.
</div>
<div class="umb-panel-group__details-status-actions">
<div class="umb-panel-group__details-status-action no-background no-left-padding">
<button type="button" ng-click="vm.rebuild($event)" class="btn btn-danger">Rebuild</button>
</div>
</div>
</div>
<h4 class="mt4">Database Cache</h4>
<p>
This button lets you rebuild the database cache, ie the content of the cmsContentNu table.
<strong>Rebuilding can be expensive.</strong>
Use it when reloading is not enough, and you think that the database cache has not been
properly generated&mdash;which would indicate some critical Umbraco issue.
</p>
<div>
<button type="button" ng-click="vm.rebuild($event)" class="btn btn-danger">Rebuild</button>
</div>
<h4 class="mt4">Internals</h4>
<p>
This button lets you trigger a NuCache snapshots collection (after running a fullCLR GC).
Unless you know what that means, you probably do <em>not</em> need to use it.
</p>
<div>
<button type="button" ng-click="vm.collect($event)" class="btn btn-danger">Collect</button>
<div class="umb-panel-group__details-check-title top-border">
<div class="umb-panel-group__details-check-name">Internals</div>
<div class="umb-panel-group__details-check-description">
This button lets you trigger a NuCache snapshots collection (after running a fullCLR GC).
Unless you know what that means, you probably do <em>not</em> need to use it.
</div>
<div class="umb-panel-group__details-status-actions">
<div class="umb-panel-group__details-status-action no-background no-left-padding">
<button type="button" ng-click="vm.collect($event)" class="btn btn-danger">Collect</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -1,11 +1,8 @@
<div id="published" ng-controller="Umbraco.Dashboard.PublishedStatusController as vm">
<umb-box>
<umb-box-content>
<h3 class="bold">Published Cache</h3>
<div ng-show="vm.loading">
<umb-load-indicator></umb-load-indicator>
</div>
<umb-load-indicator ng-show="vm.loading"></umb-load-indicator>
<div ng-include="vm.includeUrl"></div>
<div ng-include="vm.includeUrl"></div>
</umb-box-content>
</umb-box>
</div>