TinyViewListController.js
2.92 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
'use strict';
AIA.controller("TinyViewListController", ["$scope", "$rootScope", "$compile", "$http", "$log", "$location", "$timeout", "Modules", "$routeParams", "DataService",
function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, Modules, $routeParam, DataService)
{
var ATLAS_ANATOMY = 'Atlas Anatomy';
var CLINICAL_ILLUSTRATION ='Clinical Illustrations';
var CLINICAL_ANIMATION='Clinical Animations';
$scope.loadForModuleById = function (moduleId) {
var moduleName = Modules[moduleId].Name;
$scope.loadDataForModule(moduleName);
}
$scope.loadDataForModule = function(moduleName)
{
if(moduleName==ATLAS_ANATOMY)
{
var promise = DataService.getJson('~/../content/data/json/aa/aa_dat_contentlist.json')
promise.then(
function (result) {
$scope.AtlasAnatomyData = result;
$scope.data = new jinqJs()
.from($scope.AtlasAnatomyData.root.Item)
.orderBy([{ field: '_Title', sort: 'asc' }])
.select();
//console.log($scope.selectedCIListViewData);
//$('#grid-view').empty();
angular.forEach($scope.data, function (value, key) {
$scope.imagePath = "~/../content/images/aa/thumbnails/" + value._TinyImageName;
var $el = $('<div id="' + value._Id + '" class="col-sm-3 col-md-2" title = "' + value._Title + '" data-ng-click="openView($event)">'
+ '<div class="thumbnail" >'
+ '<img id="' + value._Title + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
+ '<div class="caption"><p>' + value._Title + '</p></div></a></div></div>').appendTo('#grid-view');
$compile($el)($scope);
//$(".sidebar").mCustomScrollbar({
// autoHideScrollbar: true,
// //theme:"rounded"
//});
});
$scope.scroll();
},
function (error) {
// handle errors here
console.log(' $scope.IllustrationData = ' + error.statusText);
}
);
}
else if(moduleName==CLINICAL_ANIMATION)
{
}
else if(moduleName == CLINICAL_ILLUSTRATION)
{
}
}
$scope.scroll = function () {
$("html,body").scrollTop(0);
}
}]);