Change display of errors and warnings on backup logs

This commit is contained in:
Mikael Mello
2018-11-23 08:46:20 -02:00
parent a62d0575ba
commit 3c5cf719bc
3 changed files with 37 additions and 25 deletions
+13 -7
View File
@@ -159,10 +159,16 @@ wait-area {
margin-bottom: 0px;
}
.title {
color: darken(@hColor, 10%);
font-weight: bold;
font-size: 30px;
}
.item {
display: block;
.title {
.key {
color: @hColor;
font-weight: bold;
}
@@ -183,19 +189,18 @@ wait-area {
grid-row: 1;
}
.three {
.wide {
grid-column: span 2;
grid-row: 2;
align-items: center;
border-top: 1px solid @border;
padding-top: 10px;
}
.three {
grid-row: 2;
}
.four {
grid-column: span 2;
grid-row: 3;
border-top: 1px solid @border;
padding-top: 10px;
margin-bottom: 10px;
.prewrapped-text {
@@ -203,6 +208,7 @@ wait-area {
overflow-y: auto;
}
}
}
ul.tabs {
File diff suppressed because one or more lines are too long
@@ -16,63 +16,69 @@
</div>
<div ng-show="expanded && item.Result" class="backup-result">
<div class="one">
<span class="title">Time</span>
<span class="item">
<span class="title">{{ "Start" | translate }} </span>
<span class="key">{{ "Start" | translate }} </span>
<span class="value">{{ parseTimestampToSeconds(item.Result.BeginTime) }}</span>
</span>
<span class="item">
<span class="title">{{ "End" | translate }} </span>
<span class="key">{{ "End" | translate }} </span>
<span class="value">{{ parseTimestampToSeconds(item.Result.EndTime) }}</span>
</span>
<span class="item">
<span class="title">{{ "Duration" | translate }} </span>
<span class="key">{{ "Duration" | translate }} </span>
<span class="value">{{ formatDuration(item.Result.Duration) }}</span>
</span>
</div>
<div class="two">
<span class="title">Files</span>
<span class="item">
<span class="title">{{ "Examined" | translate }} </span>
<span class="key">{{ "Examined" | translate }} </span>
<span class="value">{{ item.Result.ExaminedFiles }} ({{ formatSize(item.Result.SizeOfExaminedFiles) }})</span>
</span>
<span class="item">
<span class="title">{{ "Opened" | translate }} </span>
<span class="key">{{ "Opened" | translate }} </span>
<span class="value">{{ item.Result.OpenedFiles }} ({{ formatSize(item.Result.SizeOfOpenedFiles) }})</span>
</span>
<span class="item">
<span class="title">{{ "Added" | translate }} </span>
<span class="key">{{ "Added" | translate }} </span>
<span class="value">{{ item.Result.AddedFiles }} ({{ formatSize(item.Result.SizeOfAddedFiles) }})</span>
</span>
<span class="item">
<span class="title">{{ "Modified" | translate }} </span>
<span class="key">{{ "Modified" | translate }} </span>
<span class="value">{{ item.Result.ModifiedFiles }} ({{ formatSize(item.Result.SizeOfModifiedFiles) }})</span>
</span>
<span class="item">
<span class="title">{{ "Deleted" | translate }} </span>
<span class="key">{{ "Deleted" | translate }} </span>
<span class="value">{{ item.Result.DeletedFiles }} ({{ formatSize(item.Result.SizeOfDeletedFiles) }})</span>
</span>
</div>
<div class="three">
<div class="wide three">
<span class="item">
<span class="title">{{ "Warnings" | translate }} </span>
<span class="key">{{ "Warnings" | translate }} </span>
<span class="value" ng-click="w_expanded = !w_expanded" ng-style="{ cursor: (item.Result.Warnings.length > 0) ? 'pointer' : '' }">
{{ item.Result.Warnings.length }} {{item.Result.Warnings.length > 0 ? (w_expanded ? "▼" : "►") : ""}}
</span>
<div ng-show="w_expanded" style="margin: 10px;" class="prewrapped-text exceptiontext">
{{item.Result.Warnings}}
<div ng-show="w_expanded" style="margin: 10px;">
<ul>
<li ng-repeat="warning in item.Result.Warnings">{{warning}}</li>
</ul>
</div>
</span>
<span class="item">
<span class="title">{{ "Errors" | translate }} </span>
<span class="key">{{ "Errors" | translate }} </span>
<span class="value" ng-click="e_expanded = !e_expanded" ng-style="{ cursor: (item.Result.Errors.length > 0) ? 'pointer' : '' }">
{{ item.Result.Errors.length }} {{item.Result.Errors.length > 0 ? (e_expanded ? "▼" : "►") : ""}}
</span>
<div ng-show="e_expanded" style="margin: 10px;" class="prewrapped-text exceptiontext">
{{item.Result.Errors}}
<div ng-show="e_expanded" style="margin: 10px;">
<ul>
<li ng-repeat="warning in item.Result.Warnings">{{warning}}</li>
</ul>
</div>
</span>
</div>
<div class="four item">
<span class="title">{{ "Complete log" | translate }}</span>
<div class="item wide four">
<span class="key">{{ "Complete log" | translate }}</span>
<div class="prewrapped-text exceptiontext">{{ item.Formatted }}</div>
</div>
</div>