ADAM / AIAHTML5

Commit 81f751c7a2dd80e1fef676a5fe1d8e14f673847e

Authored by Mukul Rajput
1 parent 6059d537

this is solution for the bug 28784

Inline Side-by-side
Showing 1 changed file with 100 additions and 93 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
  View file @81f751c
@@ -272,100 +272,11 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou @@ -272,100 +272,11 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
272 range: "min", 272 range: "min",
273 orientation: "vertical", 273 orientation: "vertical",
274 slide: function (event, ui) { 274 slide: function (event, ui) {
275 - $rootScope.isSliderSlide = true;  
276 - var scope = angular.element(document.getElementById("aaDetailPageDiv")).scope();  
277 - scope.$apply(function () {  
278 - scope.sliderVal = ui.value;  
279 - scope.removeSpeechBubble();  
280 - var relativeWidth = 0;  
281 - var relativeHeight = 0;  
282 - if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {  
283 - if (ui.value == 100) {  
284 - relativeWidth = scope.ViewImageWidth;  
285 - relativeHeight = scope.ViewImageHeight  
286 - scope.sliderPercentValue = 1.0;  
287 - }  
288 - else if (ui.value == 85) {  
289 - relativeWidth = scope.ViewImageWidth * 0.85;  
290 - relativeHeight = scope.ViewImageHeight * 0.85;  
291 - scope.sliderPercentValue = 0.85;  
292 -  
293 - } else if (ui.value == 70) {  
294 - relativeWidth = scope.ViewImageWidth * 0.70;  
295 - relativeHeight = scope.ViewImageHeight * 0.70;  
296 - scope.sliderPercentValue = 0.70;  
297 - } else if (ui.value == 55) {  
298 -  
299 - relativeWidth = scope.ViewImageWidth * 0.55;  
300 - relativeHeight = scope.ViewImageHeight * 0.55;  
301 - scope.sliderPercentValue = 0.55;  
302 -  
303 - } else if (ui.value == 40) {  
304 -  
305 - relativeWidth = scope.ViewImageWidth * 0.40;  
306 - relativeHeight = scope.ViewImageHeight * 0.40;  
307 - scope.sliderPercentValue = 0.40;  
308 -  
309 - } else if (ui.value == 25) {  
310 -  
311 - relativeWidth = scope.ViewImageWidth * 0.25;  
312 - relativeHeight = scope.ViewImageHeight * 0.25;  
313 - scope.sliderPercentValue = 0.25;  
314 -  
315 - }  
316 - }  
317 -  
318 - if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {  
319 - $("#modItemImage").css("width", relativeWidth + "px");  
320 - $("#modItemImage").css("height", relativeHeight + "px");  
321 - $("#aaDetailViewCanvas").css("width", relativeWidth + "px");  
322 - $("#modItemImage").css("height", relativeHeight + "px");  
323 -  
324 - $("#modItemImage").attr('src', '');  
325 -  
326 -  
327 - $("#aaDetailViewCanvas").remove();  
328 - //0.5 create canvas on the top of image so that I can draw a line over the canvas.  
329 - var canvas = document.createElement('canvas');  
330 - canvas.id = 'aaDetailViewCanvas';  
331 - canvas.className = 'aaCanvas';  
332 - canvas.height = relativeHeight;  
333 - canvas.width = relativeWidth;  
334 - canvas.style.left = '0px';  
335 - canvas.style.top = '0px';  
336 - canvas.style.position = "absolute";  
337 -  
338 - $("#canvasDiv").append(canvas);  
339 - scope.context = canvas.getContext("2d")  
340 - $("#modItemImage").attr('src', scope.OpenItemImagePath);  
341 - scope.isSliderChange = true;  
342 - var btnID = '';  
343 - $("div.tools div:eq(1) div").each(function () {  
344 - if ($(this).find("button").hasClass("btn-primary")) {  
345 - btnID = $(this).find("button").attr("id");  
346 - $('#' + btnID).removeClass("btn-black");  
347 - $('#' + btnID).addClass("btn-primary");  
348 - }  
349 - });  
350 - scope.isSelectedPinBtnClickedAftrSliderCange = true;  
351 - switch (btnID) {  
352 -  
353 - case "hidePinBtn":  
354 - break;  
355 - case "allPinBtn":  
356 - scope.showAllPins();  
357 - break;  
358 - case "selectedPin":  
359 - scope.showAllPins();  
360 - setTimeout(function () {  
361 - console.log(scope.allPinDataArray);  
362 - scope.activePinOnSliderChange();  
363 - }, 1000);  
364 - break;  
365 - }  
366 - } 275 + changeThumbnailSize(event, ui);
  276 + },
  277 + change: function (event, ui) {
367 278
368 - }); 279 + changeThumbnailSize(event, ui);
369 } 280 }
370 }) 281 })
371 .slider("pips", { 282 .slider("pips", {
@@ -381,6 +292,102 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou @@ -381,6 +292,102 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
381 292
382 } 293 }
383 294
  295 +
  296 + function changeThumbnailSize(event, ui) {
  297 + var scope = angular.element(document.getElementById("aaDetailPageDiv")).scope();
  298 + scope.$apply(function () {
  299 + scope.sliderVal = ui.value;
  300 + scope.removeSpeechBubble();
  301 + var relativeWidth = 0;
  302 + var relativeHeight = 0;
  303 + if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {
  304 + if (ui.value == 100) {
  305 + relativeWidth = scope.ViewImageWidth;
  306 + relativeHeight = scope.ViewImageHeight
  307 + scope.sliderPercentValue = 1.0;
  308 + }
  309 + else if (ui.value == 85) {
  310 + relativeWidth = scope.ViewImageWidth * 0.85;
  311 + relativeHeight = scope.ViewImageHeight * 0.85;
  312 + scope.sliderPercentValue = 0.85;
  313 +
  314 + } else if (ui.value == 70) {
  315 + relativeWidth = scope.ViewImageWidth * 0.70;
  316 + relativeHeight = scope.ViewImageHeight * 0.70;
  317 + scope.sliderPercentValue = 0.70;
  318 + } else if (ui.value == 55) {
  319 +
  320 + relativeWidth = scope.ViewImageWidth * 0.55;
  321 + relativeHeight = scope.ViewImageHeight * 0.55;
  322 + scope.sliderPercentValue = 0.55;
  323 +
  324 + } else if (ui.value == 40) {
  325 +
  326 + relativeWidth = scope.ViewImageWidth * 0.40;
  327 + relativeHeight = scope.ViewImageHeight * 0.40;
  328 + scope.sliderPercentValue = 0.40;
  329 +
  330 + } else if (ui.value == 25) {
  331 +
  332 + relativeWidth = scope.ViewImageWidth * 0.25;
  333 + relativeHeight = scope.ViewImageHeight * 0.25;
  334 + scope.sliderPercentValue = 0.25;
  335 +
  336 + }
  337 + }
  338 +
  339 + if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {
  340 + $("#modItemImage").css("width", relativeWidth + "px");
  341 + $("#modItemImage").css("height", relativeHeight + "px");
  342 + $("#aaDetailViewCanvas").css("width", relativeWidth + "px");
  343 + $("#modItemImage").css("height", relativeHeight + "px");
  344 +
  345 + $("#modItemImage").attr('src', '');
  346 +
  347 +
  348 + $("#aaDetailViewCanvas").remove();
  349 + //0.5 create canvas on the top of image so that I can draw a line over the canvas.
  350 + var canvas = document.createElement('canvas');
  351 + canvas.id = 'aaDetailViewCanvas';
  352 + canvas.className = 'aaCanvas';
  353 + canvas.height = relativeHeight;
  354 + canvas.width = relativeWidth;
  355 + canvas.style.left = '0px';
  356 + canvas.style.top = '0px';
  357 + canvas.style.position = "absolute";
  358 +
  359 + $("#canvasDiv").append(canvas);
  360 + scope.context = canvas.getContext("2d")
  361 + $("#modItemImage").attr('src', scope.OpenItemImagePath);
  362 + scope.isSliderChange = true;
  363 + var btnID = '';
  364 + $("div.tools div:eq(1) div").each(function () {
  365 + if ($(this).find("button").hasClass("btn-primary")) {
  366 + btnID = $(this).find("button").attr("id");
  367 + $('#' + btnID).removeClass("btn-black");
  368 + $('#' + btnID).addClass("btn-primary");
  369 + }
  370 + });
  371 + scope.isSelectedPinBtnClickedAftrSliderCange = true;
  372 + switch (btnID) {
  373 +
  374 + case "hidePinBtn":
  375 + break;
  376 + case "allPinBtn":
  377 + scope.showAllPins();
  378 + break;
  379 + case "selectedPin":
  380 + scope.showAllPins();
  381 + setTimeout(function () {
  382 + console.log(scope.allPinDataArray);
  383 + scope.activePinOnSliderChange();
  384 + }, 1000);
  385 + break;
  386 + }
  387 + }
  388 +
  389 + });
  390 + }
384 $scope.highlightBodySystemList = function () { 391 $scope.highlightBodySystemList = function () {
385 $rootScope.bodySystemNames = $rootScope.bodySystemName.trim().split(/\s*,\s*/); 392 $rootScope.bodySystemNames = $rootScope.bodySystemName.trim().split(/\s*,\s*/);
386 var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a"); 393 var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a");