yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fake loading the auditTrail

Browse Source
This commit is contained in:
Mads Rasmussen
2017-08-31 11:31:41 +02:00
parent 08e8e3918e
commit 8c07af9505
2 changed files with 43 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/Umbraco.Web.UI.Client/src/common/directives/components/content/edit.controller.js
View File

@@ -177,8 +177,12 @@
// get available templates
$scope.availableTemplates = getAvailableTemplates($scope.content);
// get the auditTrail
setAuditTrailActionColor($scope.auditTrail);
// get the auditTrail - fake loading
$scope.loadingAuditTrail = true;
$timeout(function(){
setAuditTrailActionColor($scope.auditTrail);
$scope.loadingAuditTrail = false;
}, 2000);
}

67
src/Umbraco.Web.UI.Client/src/views/components/content/edit.html
View File

@@ -34,39 +34,46 @@
</umb-box>
<umb-box>
<umb-box-header title="History"></umb-box-header>
<umb-box-content class="block-form">
<!-- item 1 -->
<div class="history-item" ng-repeat="item in auditTrail" ng-class="{'last-history-item': $last}">
<div class="history-row">
<umb-avatar
color="secondary"
size="xs"
name="{{item.user.name}}"
img-src="{{item.user.avatars[3]}}"
img-srcset="{{item.user.avatars[4]}} 2x, {{item.user.avatars[4]}} 3x">
</umb-avatar>
<div class="name-date-container">
<h1>{{ item.user.name }}</h1>
<h2>{{ item.date }}</h2>
<umb-box-content class="block-form" style="position: relative;">
<umb-load-indicator ng-if="loadingAuditTrail"></umb-load-indicator>
<div ng-if="!loadingAuditTrail">
<div class="history-item" ng-repeat="item in auditTrail" ng-class="{'last-history-item': $last}">
<div class="history-row">
<umb-avatar
color="secondary"
size="xs"
name="{{item.user.name}}"
img-src="{{item.user.avatars[3]}}"
img-srcset="{{item.user.avatars[4]}} 2x, {{item.user.avatars[4]}} 3x">
</umb-avatar>
<div class="name-date-container">
<h1>{{ item.user.name }}</h1>
<h2>{{ item.date }}</h2>
</div>
<umb-badge
size="s"
color="{{item.actionColor}}">
{{ item.action }}
</umb-badge>
<h4>{{ item.description }}</h4>
</div>
<umb-badge
size="s"
color="{{item.actionColor}}">
{{ item.action }}
</umb-badge>
<h4>{{ item.description }}</h4>
<div class="history-line"></div>
</div>
<div class="history-line"></div>
<div class="flex justify-center">
<umb-pagination
page-number="pagination.pageNumber"
total-pages="pagination.totalPages"
on-next="nextPage"
on-prev="prevPage"
on-go-to-page="goToPage">
</umb-pagination>
</div>
</div>
<div class="flex justify-center">
<umb-pagination
page-number="pagination.pageNumber"
total-pages="pagination.totalPages"
on-next="nextPage"
on-prev="prevPage"
on-go-to-page="goToPage">
</umb-pagination>
</div>
</umb-box-content>
</umb-box>
</div>