ADAM / AIAHTML5

Commit 8ac9b02652c52206447606a0ad9578b4395095ad

Authored by Nikita Kulshreshtha
2 parents 77827e1d 81f751c7

merged labelAASlider

Inline Side-by-side
Showing 1 changed file with 105 additions and 97 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/TileViewListController.js
  View file @8ac9b02
@@ -294,13 +294,35 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou @@ -294,13 +294,35 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
294 range: "min", 294 range: "min",
295 orientation: "vertical", 295 orientation: "vertical",
296 slide: function (event, ui) { 296 slide: function (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) { 297 + changeThumbnailSize(event, ui);
  298 + },
  299 + change: function (event, ui) {
  300 +
  301 + changeThumbnailSize(event, ui);
  302 + }
  303 + })
  304 + .slider("pips", {
  305 + rest: "label",
  306 + step: "15"
  307 + });
  308 + }, 500);
  309 + }
  310 +
  311 + openedImage.onerror = loadFailure;
  312 + openedImage.src = $rootScope.OpenItemImagePath;
  313 + }
  314 +
  315 + }
  316 +
  317 +
  318 + function changeThumbnailSize(event, ui) {
  319 + var scope = angular.element(document.getElementById("aaDetailPageDiv")).scope();
  320 + scope.$apply(function () {
  321 + scope.sliderVal = ui.value;
  322 + scope.removeSpeechBubble();
  323 + var relativeWidth = 0;
  324 + var relativeHeight = 0;
  325 + if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {
304 $("#listManager").css("display", "none"); 326 $("#listManager").css("display", "none");
305 $("#optionsListManagerTab").removeClass("active"); 327 $("#optionsListManagerTab").removeClass("active");
306 //make the head green 328 //make the head green
@@ -322,107 +344,93 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou @@ -322,107 +344,93 @@ function ($scope, $window, $rootScope, $compile, $http, $log, $location, $timeou
322 344
323 }, 1000); 345 }, 1000);
324 346
325 - if (ui.value == 100) {  
326 - relativeWidth = scope.ViewImageWidth;  
327 - relativeHeight = scope.ViewImageHeight  
328 - scope.sliderPercentValue = 1.0;  
329 - }  
330 - else if (ui.value == 85) {  
331 - relativeWidth = scope.ViewImageWidth * 0.85;  
332 - relativeHeight = scope.ViewImageHeight * 0.85;  
333 - scope.sliderPercentValue = 0.85;  
334 -  
335 - } else if (ui.value == 70) {  
336 - relativeWidth = scope.ViewImageWidth * 0.70;  
337 - relativeHeight = scope.ViewImageHeight * 0.70;  
338 - scope.sliderPercentValue = 0.70;  
339 - } else if (ui.value == 55) { 347 + if (ui.value == 100) {
  348 + relativeWidth = scope.ViewImageWidth;
  349 + relativeHeight = scope.ViewImageHeight
  350 + scope.sliderPercentValue = 1.0;
  351 + }
  352 + else if (ui.value == 85) {
  353 + relativeWidth = scope.ViewImageWidth * 0.85;
  354 + relativeHeight = scope.ViewImageHeight * 0.85;
  355 + scope.sliderPercentValue = 0.85;
340 356
341 - relativeWidth = scope.ViewImageWidth * 0.55;  
342 - relativeHeight = scope.ViewImageHeight * 0.55;  
343 - scope.sliderPercentValue = 0.55; 357 + } else if (ui.value == 70) {
  358 + relativeWidth = scope.ViewImageWidth * 0.70;
  359 + relativeHeight = scope.ViewImageHeight * 0.70;
  360 + scope.sliderPercentValue = 0.70;
  361 + } else if (ui.value == 55) {
344 362
345 - } else if (ui.value == 40) { 363 + relativeWidth = scope.ViewImageWidth * 0.55;
  364 + relativeHeight = scope.ViewImageHeight * 0.55;
  365 + scope.sliderPercentValue = 0.55;
346 366
347 - relativeWidth = scope.ViewImageWidth * 0.40;  
348 - relativeHeight = scope.ViewImageHeight * 0.40;  
349 - scope.sliderPercentValue = 0.40; 367 + } else if (ui.value == 40) {
350 368
351 - } else if (ui.value == 25) { 369 + relativeWidth = scope.ViewImageWidth * 0.40;
  370 + relativeHeight = scope.ViewImageHeight * 0.40;
  371 + scope.sliderPercentValue = 0.40;
352 372
353 - relativeWidth = scope.ViewImageWidth * 0.25;  
354 - relativeHeight = scope.ViewImageHeight * 0.25;  
355 - scope.sliderPercentValue = 0.25; 373 + } else if (ui.value == 25) {
356 374
357 - }  
358 - } 375 + relativeWidth = scope.ViewImageWidth * 0.25;
  376 + relativeHeight = scope.ViewImageHeight * 0.25;
  377 + scope.sliderPercentValue = 0.25;
359 378
360 - if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {  
361 - $("#modItemImage").css("width", relativeWidth + "px");  
362 - $("#modItemImage").css("height", relativeHeight + "px");  
363 - $("#aaDetailViewCanvas").css("width", relativeWidth + "px");  
364 - $("#modItemImage").css("height", relativeHeight + "px");  
365 -  
366 - $("#modItemImage").attr('src', '');  
367 -  
368 -  
369 - $("#aaDetailViewCanvas").remove();  
370 - //0.5 create canvas on the top of image so that I can draw a line over the canvas.  
371 - var canvas = document.createElement('canvas');  
372 - canvas.id = 'aaDetailViewCanvas';  
373 - canvas.className = 'aaCanvas';  
374 - canvas.height = relativeHeight;  
375 - canvas.width = relativeWidth;  
376 - canvas.style.left = '0px';  
377 - canvas.style.top = '0px';  
378 - canvas.style.position = "absolute";  
379 -  
380 - $("#canvasDiv").append(canvas);  
381 - scope.context = canvas.getContext("2d")  
382 - $("#modItemImage").attr('src', scope.OpenItemImagePath);  
383 - scope.isSliderChange = true;  
384 - var btnID = '';  
385 - $("div.tools div:eq(1) div").each(function () {  
386 - if ($(this).find("button").hasClass("btn-primary")) {  
387 - btnID = $(this).find("button").attr("id");  
388 - $('#' + btnID).removeClass("btn-black");  
389 - $('#' + btnID).addClass("btn-primary");  
390 - }  
391 - });  
392 - scope.isSelectedPinBtnClickedAftrSliderCange = true;  
393 - switch (btnID) {  
394 -  
395 - case "hidePinBtn":  
396 - break;  
397 - case "allPinBtn":  
398 - scope.showAllPins();  
399 - break;  
400 - case "selectedPin":  
401 - scope.showAllPins();  
402 - setTimeout(function () {  
403 - console.log(scope.allPinDataArray);  
404 - scope.activePinOnSliderChange();  
405 - }, 1000);  
406 - break;  
407 - }  
408 - }  
409 -  
410 - });  
411 - }  
412 - })  
413 - .slider("pips", {  
414 - rest: "label",  
415 - step: "15"  
416 - });  
417 - }, 500); 379 + }
418 } 380 }
419 381
420 - openedImage.onerror = loadFailure;  
421 - openedImage.src = $rootScope.OpenItemImagePath;  
422 - } 382 + if (ui.value == 25 || ui.value == 40 || ui.value == 55 || ui.value == 70 || ui.value == 85 || ui.value == 100) {
  383 + $("#modItemImage").css("width", relativeWidth + "px");
  384 + $("#modItemImage").css("height", relativeHeight + "px");
  385 + $("#aaDetailViewCanvas").css("width", relativeWidth + "px");
  386 + $("#modItemImage").css("height", relativeHeight + "px");
  387 +
  388 + $("#modItemImage").attr('src', '');
  389 +
  390 +
  391 + $("#aaDetailViewCanvas").remove();
  392 + //0.5 create canvas on the top of image so that I can draw a line over the canvas.
  393 + var canvas = document.createElement('canvas');
  394 + canvas.id = 'aaDetailViewCanvas';
  395 + canvas.className = 'aaCanvas';
  396 + canvas.height = relativeHeight;
  397 + canvas.width = relativeWidth;
  398 + canvas.style.left = '0px';
  399 + canvas.style.top = '0px';
  400 + canvas.style.position = "absolute";
  401 +
  402 + $("#canvasDiv").append(canvas);
  403 + scope.context = canvas.getContext("2d")
  404 + $("#modItemImage").attr('src', scope.OpenItemImagePath);
  405 + scope.isSliderChange = true;
  406 + var btnID = '';
  407 + $("div.tools div:eq(1) div").each(function () {
  408 + if ($(this).find("button").hasClass("btn-primary")) {
  409 + btnID = $(this).find("button").attr("id");
  410 + $('#' + btnID).removeClass("btn-black");
  411 + $('#' + btnID).addClass("btn-primary");
  412 + }
  413 + });
  414 + scope.isSelectedPinBtnClickedAftrSliderCange = true;
  415 + switch (btnID) {
  416 +
  417 + case "hidePinBtn":
  418 + break;
  419 + case "allPinBtn":
  420 + scope.showAllPins();
  421 + break;
  422 + case "selectedPin":
  423 + scope.showAllPins();
  424 + setTimeout(function () {
  425 + console.log(scope.allPinDataArray);
  426 + scope.activePinOnSliderChange();
  427 + }, 1000);
  428 + break;
  429 + }
  430 + }
423 431
  432 + });
424 } 433 }
425 -  
426 $scope.highlightBodySystemList = function () { 434 $scope.highlightBodySystemList = function () {
427 $rootScope.bodySystemNames = $rootScope.bodySystemName.trim().split(/\s*,\s*/); 435 $rootScope.bodySystemNames = $rootScope.bodySystemName.trim().split(/\s*,\s*/);
428 var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a"); 436 var bodySystemListObj = document.getElementById("bodySystemList").getElementsByTagName("a");