<div ng-controller="DamVersionsController">
<h3>Versions</h3>
<umb-table ng-if="versions"
items="versions"
item-properties="includeProperties">
</umb-table>
</div>
angular.module("umbraco").controller("DamVersionsController", function ($scope, $http, $routeParams) {
$scope.versions = [];
$scope.currentMediaId = $routeParams.id;
$scope.loadVersions = function (mediaId) {
$http.get("/umbraco/surface/damversions/getversions", { params: { mediaId: mediaId } })
.then(function (response) {
if (response.data && response.data.length > 0) {
$scope.versions = response.data;
} else {
console.log('No versions data received');
}
}, function (error) {
console.error('Error fetching versions:', error);
});
};
$scope.includeProperties = [
{
alias: "versionNumber",
header: "VersionNumber"
},
{
alias: "uploadDate",
header: "UploadDate",
allowSorting: true,
isSortColumn: true,
sortDirection: "desc",
//doesn't work
template: "<span>{{item.uploadDate ? (item.uploadDate | date:'yyyy-MM-dd HH:mm:ss') : ''}}</span>"
},
{
alias: "isPublished",
header: "IsPublished",
//doesn't work
cellRenderer: function (item) {
return item.isPublished ? 'Published' : 'Unpublished';
}
}
];
$scope.loadVersions($scope.currentMediaId);
});
It doesn’t work by either of the following
template: “{{item.uploadDate ? (item.uploadDate | date:‘yyyy-MM-dd HH:mm:ss’) : ‘’}}”
format: function (item) {
return item.isPublished ? ‘Published’ : ‘Unpublished’;
}