diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
index 37d9cd0..81ccf43 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
@@ -294,13 +294,35 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
range: "min",
orientation: "vertical",
slide: function (event, ui) {
- var scope = angular.element(document.getElementById("aaDetailPageDiv")).scope();
- scope.$apply(function () {
- scope.sliderVal = ui.value;
- scope.removeSpeechBubble();
- var relativeWidth = 0;
- var relativeHeight = 0;
- if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {
+ changeThumbnailSize(event, ui);
+ },
+ change: function (event, ui) {
+
+ changeThumbnailSize(event, ui);
+ }
+ })
+ .slider("pips", {
+ rest: "label",
+ step: "15"
+ });
+ }, 500);
+ }
+
+ openedImage.onerror = loadFailure;
+ openedImage.src = $rootScope.OpenItemImagePath;
+ }
+
+ }
+
+
+ function changeThumbnailSize(event, ui) {
+ var scope = angular.element(document.getElementById("aaDetailPageDiv")).scope();
+ scope.$apply(function () {
+ scope.sliderVal = ui.value;
+ scope.removeSpeechBubble();
+ var relativeWidth = 0;
+ var relativeHeight = 0;
+ if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {
$("#listManager").css("display", "none");
$("#optionsListManagerTab").removeClass("active");
//make the head green
@@ -322,107 +344,93 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
}, 1000);
- if (ui.value == 100) {
- relativeWidth = scope.ViewImageWidth;
- relativeHeight = scope.ViewImageHeight
- scope.sliderPercentValue = 1.0;
- }
- else if (ui.value == 85) {
- relativeWidth = scope.ViewImageWidth * 0.85;
- relativeHeight = scope.ViewImageHeight * 0.85;
- scope.sliderPercentValue = 0.85;
-
- } else if (ui.value == 70) {
- relativeWidth = scope.ViewImageWidth * 0.70;
- relativeHeight = scope.ViewImageHeight * 0.70;
- scope.sliderPercentValue = 0.70;
- } else if (ui.value == 55) {
+ if (ui.value == 100) {
+ relativeWidth = scope.ViewImageWidth;
+ relativeHeight = scope.ViewImageHeight
+ scope.sliderPercentValue = 1.0;
+ }
+ else if (ui.value == 85) {
+ relativeWidth = scope.ViewImageWidth * 0.85;
+ relativeHeight = scope.ViewImageHeight * 0.85;
+ scope.sliderPercentValue = 0.85;
- relativeWidth = scope.ViewImageWidth * 0.55;
- relativeHeight = scope.ViewImageHeight * 0.55;
- scope.sliderPercentValue = 0.55;
+ } else if (ui.value == 70) {
+ relativeWidth = scope.ViewImageWidth * 0.70;
+ relativeHeight = scope.ViewImageHeight * 0.70;
+ scope.sliderPercentValue = 0.70;
+ } else if (ui.value == 55) {
- } else if (ui.value == 40) {
+ relativeWidth = scope.ViewImageWidth * 0.55;
+ relativeHeight = scope.ViewImageHeight * 0.55;
+ scope.sliderPercentValue = 0.55;
- relativeWidth = scope.ViewImageWidth * 0.40;
- relativeHeight = scope.ViewImageHeight * 0.40;
- scope.sliderPercentValue = 0.40;
+ } else if (ui.value == 40) {
- } else if (ui.value == 25) {
+ relativeWidth = scope.ViewImageWidth * 0.40;
+ relativeHeight = scope.ViewImageHeight * 0.40;
+ scope.sliderPercentValue = 0.40;
- relativeWidth = scope.ViewImageWidth * 0.25;
- relativeHeight = scope.ViewImageHeight * 0.25;
- scope.sliderPercentValue = 0.25;
+ } else if (ui.value == 25) {
- }
- }
+ relativeWidth = scope.ViewImageWidth * 0.25;
+ relativeHeight = scope.ViewImageHeight * 0.25;
+ scope.sliderPercentValue = 0.25;
- if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {
- $("#modItemImage").css("width", relativeWidth + "px");
- $("#modItemImage").css("height", relativeHeight + "px");
- $("#aaDetailViewCanvas").css("width", relativeWidth + "px");
- $("#modItemImage").css("height", relativeHeight + "px");
-
- $("#modItemImage").attr('src', '');
-
-
- $("#aaDetailViewCanvas").remove();
- //0.5 create canvas on the top of image so that I can draw a line over the canvas.
- var canvas = document.createElement('canvas');
- canvas.id = 'aaDetailViewCanvas';
- canvas.className = 'aaCanvas';
- canvas.height = relativeHeight;
- canvas.width = relativeWidth;
- canvas.style.left = '0px';
- canvas.style.top = '0px';
- canvas.style.position = "absolute";
-
- $("#canvasDiv").append(canvas);
- scope.context = canvas.getContext("2d")
- $("#modItemImage").attr('src', scope.OpenItemImagePath);
- scope.isSliderChange = true;
- var btnID = '';
- $("div.tools div:eq(1) div").each(function () {
- if ($(this).find("button").hasClass("btn-primary")) {
- btnID = $(this).find("button").attr("id");
- $('#' + btnID).removeClass("btn-black");
- $('#' + btnID).addClass("btn-primary");
- }
- });
- scope.isSelectedPinBtnClickedAftrSliderCange = true;
- switch (btnID) {
-
- case "hidePinBtn":
- break;
- case "allPinBtn":
- scope.showAllPins();
- break;
- case "selectedPin":
- scope.showAllPins();
- setTimeout(function () {
- console.log(scope.allPinDataArray);
- scope.activePinOnSliderChange();
- }, 1000);
- break;
- }
- }
-
- });
- }
- })
- .slider("pips", {
- rest: "label",
- step: "15"
- });
- }, 500);
+ }
}
- openedImage.onerror = loadFailure;
- openedImage.src = $rootScope.OpenItemImagePath;
- }
+ if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {
+ $("#modItemImage").css("width", relativeWidth + "px");
+ $("#modItemImage").css("height", relativeHeight + "px");
+ $("#aaDetailViewCanvas").css("width", relativeWidth + "px");
+ $("#modItemImage").css("height", relativeHeight + "px");
+
+ $("#modItemImage").attr('src', '');
+
+
+ $("#aaDetailViewCanvas").remove();
+ //0.5 create canvas on the top of image so that I can draw a line over the canvas.
+ var canvas = document.createElement('canvas');
+ canvas.id = 'aaDetailViewCanvas';
+ canvas.className = 'aaCanvas';
+ canvas.height = relativeHeight;
+ canvas.width = relativeWidth;
+ canvas.style.left = '0px';
+ canvas.style.top = '0px';
+ canvas.style.position = "absolute";
+
+ $("#canvasDiv").append(canvas);
+ scope.context = canvas.getContext("2d")
+ $("#modItemImage").attr('src', scope.OpenItemImagePath);
+ scope.isSliderChange = true;
+ var btnID = '';
+ $("div.tools div:eq(1) div").each(function () {
+ if ($(this).find("button").hasClass("btn-primary")) {
+ btnID = $(this).find("button").attr("id");
+ $('#' + btnID).removeClass("btn-black");
+ $('#' + btnID).addClass("btn-primary");
+ }
+ });
+ scope.isSelectedPinBtnClickedAftrSliderCange = true;
+ switch (btnID) {
+
+ case "hidePinBtn":
+ break;
+ case "allPinBtn":
+ scope.showAllPins();
+ break;
+ case "selectedPin":
+ scope.showAllPins();
+ setTimeout(function () {
+ console.log(scope.allPinDataArray);
+ scope.activePinOnSliderChange();
+ }, 1000);
+ break;
+ }
+ }
+ });
}
-
$scope.highlightBodySystemList = function () {
$rootScope.bodySystemNames = $rootScope.bodySystemName.trim().split(/\s*,\s*/);
var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a");