ADAM / AIAHTML5

Commit 3bf57ca9bbe24c7ac3244568707338c389ff48f9

Authored by Amrita Vishnoi
1 parent d5b0ebfb

wait cursor stop if pixel data is not available

Inline Side-by-side
Showing 2 changed files with 139 additions and 129 deletions
400-SOURCECODE/AIAHTML5.API/Models/PixelLocator.cs
  View file @3bf57ca
@@ -14,6 +14,7 @@ namespace AIAHTML5.API.Models @@ -14,6 +14,7 @@ namespace AIAHTML5.API.Models
14 { 14 {
15 try 15 try
16 { 16 {
  17 + //var client = new MongoClient("mongodb://192.168.90.43:27017");
17 var client = new MongoClient(); 18 var client = new MongoClient();
18 var db = client.GetDatabase("AIAHTML5"); 19 var db = client.GetDatabase("AIAHTML5");
19 20
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
  View file @3bf57ca
@@ -2847,193 +2847,202 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l @@ -2847,193 +2847,202 @@ AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$l
2847 2847
2848 .then( 2848 .then(
2849 function (result) { 2849 function (result) {
2850 - console.log('1. HighlightBodyByTermListForBodySystem is called');  
2851 - $rootScope.macthedTermList = result;  
2852 - var termNo = 0;  
2853 - var pixcelLocation = 0;  
2854 - var prevBRID = 0;  
2855 - if ($rootScope.macthedTermList.length > 0) {  
2856 - console.log('2. HighlightBodyByTermListForBodySystem is called');  
2857 - //remove existing data and draw fresh data  
2858 - for(var i=0; i<$rootScope.grayImageDataList.length;i++){  
2859 - var grayCanvasID = 'imageCanvas' + parseInt(i+1);  
2860 - var grayCanvas = document.getElementById(grayCanvasID);  
2861 -  
2862 - if (grayCanvas != null) {  
2863 - var grayCanvasContext = grayCanvas.getContext("2d");  
2864 -  
2865 - var canvasHeight = grayCanvas.height;  
2866 - var canvasWidth = grayCanvas.width;  
2867 - grayCanvasContext.clearRect(0, 0, canvasHeight, canvasWidth)  
2868 - grayCanvasContext.putImageData($rootScope.grayImageDataList[parseInt(i)], 0, 0); 2850 +
  2851 + if (result.length == 0)
  2852 + {
  2853 + $rootScope.isLoading = false;
  2854 + $('#spinner').css('visibility', 'hidden');
  2855 +
  2856 + }
  2857 + else {
  2858 + console.log('1. HighlightBodyByTermListForBodySystem is called');
  2859 + $rootScope.macthedTermList = result;
  2860 + var termNo = 0;
  2861 + var pixcelLocation = 0;
  2862 + var prevBRID = 0;
  2863 + if ($rootScope.macthedTermList.length > 0) {
  2864 + console.log('2. HighlightBodyByTermListForBodySystem is called');
  2865 + //remove existing data and draw fresh data
  2866 + for (var i = 0; i < $rootScope.grayImageDataList.length; i++) {
  2867 + var grayCanvasID = 'imageCanvas' + parseInt(i + 1);
  2868 + var grayCanvas = document.getElementById(grayCanvasID);
  2869 +
  2870 + if (grayCanvas != null) {
  2871 + var grayCanvasContext = grayCanvas.getContext("2d");
  2872 +
  2873 + var canvasHeight = grayCanvas.height;
  2874 + var canvasWidth = grayCanvas.width;
  2875 + grayCanvasContext.clearRect(0, 0, canvasHeight, canvasWidth)
  2876 + grayCanvasContext.putImageData($rootScope.grayImageDataList[parseInt(i)], 0, 0);
  2877 + }
2869 } 2878 }
2870 - }  
2871 - for (var i = 4; i <= $rootScope.grayImageMRDataList.length; i++) {  
2872 - var grayCanvasMRID = 'imageCanvas' + i+'_MR';  
2873 - var grayCanvasMR = document.getElementById(grayCanvasMRID); 2879 + for (var i = 4; i <= $rootScope.grayImageMRDataList.length; i++) {
  2880 + var grayCanvasMRID = 'imageCanvas' + i + '_MR';
  2881 + var grayCanvasMR = document.getElementById(grayCanvasMRID);
2874 2882
2875 - if (grayCanvasMR != null) {  
2876 - var grayCanvasContextMR = grayCanvasMR.getContext("2d"); 2883 + if (grayCanvasMR != null) {
  2884 + var grayCanvasContextMR = grayCanvasMR.getContext("2d");
2877 2885
2878 - var canvasHeight = grayCanvasMR.height;  
2879 - var canvasWidth = grayCanvasMR.width;  
2880 - grayCanvasContextMR.clearRect(0, 0, canvasHeight, canvasWidth)  
2881 - grayCanvasContextMR.putImageData($rootScope.grayImageMRDataList[parseInt(i)], 0, 0); 2886 + var canvasHeight = grayCanvasMR.height;
  2887 + var canvasWidth = grayCanvasMR.width;
  2888 + grayCanvasContextMR.clearRect(0, 0, canvasHeight, canvasWidth)
  2889 + grayCanvasContextMR.putImageData($rootScope.grayImageMRDataList[parseInt(i)], 0, 0);
  2890 + }
2882 } 2891 }
2883 - }  
2884 2892
2885 - angular.forEach($rootScope.macthedTermList, function (value, key) { 2893 + angular.forEach($rootScope.macthedTermList, function (value, key) {
2886 2894
2887 2895
2888 - var TermExistInBodyRegionId = value.bodyRegionId;  
2889 - console.log('3. HighlightBodyByTermListForBodySystem is called TermExistInBodyRegionId=' + TermExistInBodyRegionId);  
2890 - if (TermExistInBodyRegionId != undefined) {  
2891 - if (prevBRID != TermExistInBodyRegionId) { 2896 + var TermExistInBodyRegionId = value.bodyRegionId;
  2897 + console.log('3. HighlightBodyByTermListForBodySystem is called TermExistInBodyRegionId=' + TermExistInBodyRegionId);
  2898 + if (TermExistInBodyRegionId != undefined) {
  2899 + if (prevBRID != TermExistInBodyRegionId) {
2892 2900
2893 2901
2894 - var grayCanvasID = 'imageCanvas' + TermExistInBodyRegionId;  
2895 - var grayCanvas = document.getElementById(grayCanvasID); 2902 + var grayCanvasID = 'imageCanvas' + TermExistInBodyRegionId;
  2903 + var grayCanvas = document.getElementById(grayCanvasID);
2896 2904
2897 - if (grayCanvas != null) { 2905 + if (grayCanvas != null) {
2898 2906
2899 - var grayCanvasContext = grayCanvas.getContext("2d"); 2907 + var grayCanvasContext = grayCanvas.getContext("2d");
2900 2908
2901 - var canvasHeight = grayCanvas.height;  
2902 - var canvasWidth = grayCanvas.width;  
2903 - var canvasX = grayCanvas.style.left;  
2904 - var canvasY = grayCanvas.style.top; 2909 + var canvasHeight = grayCanvas.height;
  2910 + var canvasWidth = grayCanvas.width;
  2911 + var canvasX = grayCanvas.style.left;
  2912 + var canvasY = grayCanvas.style.top;
2905 2913
2906 2914
2907 - grayCanvasContext.clearRect(0, 0, canvasHeight, canvasWidth)  
2908 - grayCanvasContext.putImageData($rootScope.grayImageDataList[parseInt(TermExistInBodyRegionId) - 1], 0, 0); 2915 + grayCanvasContext.clearRect(0, 0, canvasHeight, canvasWidth)
  2916 + grayCanvasContext.putImageData($rootScope.grayImageDataList[parseInt(TermExistInBodyRegionId) - 1], 0, 0);
2909 2917
2910 - var gData = grayCanvasContext.getImageData(0, 0, canvasWidth, canvasHeight); 2918 + var gData = grayCanvasContext.getImageData(0, 0, canvasWidth, canvasHeight);
2911 2919
2912 - //for mirror images  
2913 - var grayCanvasMRID = 'imageCanvas' + TermExistInBodyRegionId + '_MR';  
2914 - var grayCanvasMR = document.getElementById(grayCanvasMRID);  
2915 - var grayCanvasMRX;  
2916 - var grayCanvasMRY; 2920 + //for mirror images
  2921 + var grayCanvasMRID = 'imageCanvas' + TermExistInBodyRegionId + '_MR';
  2922 + var grayCanvasMR = document.getElementById(grayCanvasMRID);
  2923 + var grayCanvasMRX;
  2924 + var grayCanvasMRY;
2917 2925
2918 - //draw a canvas for same bodyregion wich will be flipped after coloring the body system  
2919 - if (TermExistInBodyRegionId == 4 || TermExistInBodyRegionId == 5 || TermExistInBodyRegionId == 6) { 2926 + //draw a canvas for same bodyregion wich will be flipped after coloring the body system
  2927 + if (TermExistInBodyRegionId == 4 || TermExistInBodyRegionId == 5 || TermExistInBodyRegionId == 6) {
2920 2928
2921 2929
2922 - var grayCanvasMRID = 'imageCanvas' + TermExistInBodyRegionId + '_MR';  
2923 - var grayCanvasMR = document.getElementById(grayCanvasMRID);  
2924 - grayCanvasMRX = grayCanvasMR.style.left;  
2925 - grayCanvasMRY = grayCanvasMR.style.top; 2930 + var grayCanvasMRID = 'imageCanvas' + TermExistInBodyRegionId + '_MR';
  2931 + var grayCanvasMR = document.getElementById(grayCanvasMRID);
  2932 + grayCanvasMRX = grayCanvasMR.style.left;
  2933 + grayCanvasMRY = grayCanvasMR.style.top;
2926 2934
2927 - var FlipedImgCanvas = document.createElement('canvas');  
2928 - FlipedImgCanvas.height = canvasHeight;  
2929 - FlipedImgCanvas.width = canvasWidth;  
2930 - FlipedImgCanvas.setAttribute("data-IsMirrored", "Y")  
2931 - FlipedImgCanvas.style.position = "absolute";  
2932 - FlipedImgCanvas.style.left = canvasX + "px";  
2933 - FlipedImgCanvas.style.top = canvasY + "px";  
2934 - FlipedImgCanvas.style.visibility = 'hidden';  
2935 - FlipedImgCanvas.id = 'imageCanvas' + TermExistInBodyRegionId + '_MR'; 2935 + var FlipedImgCanvas = document.createElement('canvas');
  2936 + FlipedImgCanvas.height = canvasHeight;
  2937 + FlipedImgCanvas.width = canvasWidth;
  2938 + FlipedImgCanvas.setAttribute("data-IsMirrored", "Y")
  2939 + FlipedImgCanvas.style.position = "absolute";
  2940 + FlipedImgCanvas.style.left = canvasX + "px";
  2941 + FlipedImgCanvas.style.top = canvasY + "px";
  2942 + FlipedImgCanvas.style.visibility = 'hidden';
  2943 + FlipedImgCanvas.id = 'imageCanvas' + TermExistInBodyRegionId + '_MR';
2936 2944
2937 - //remove previous canavs  
2938 - $('#' + grayCanvasMRID).remove(); 2945 + //remove previous canavs
  2946 + $('#' + grayCanvasMRID).remove();
2939 2947
2940 - //add new canvas on same location and after flipping it will be added to mirrored position  
2941 - document.getElementById('canvasDiv').appendChild(FlipedImgCanvas);  
2942 - //put grayData 2948 + //add new canvas on same location and after flipping it will be added to mirrored position
  2949 + document.getElementById('canvasDiv').appendChild(FlipedImgCanvas);
  2950 + //put grayData
2943 2951
2944 - var filppedCanvasContx = FlipedImgCanvas.getContext("2d");  
2945 - filppedCanvasContx.putImageData(gData, 0, 0); 2952 + var filppedCanvasContx = FlipedImgCanvas.getContext("2d");
  2953 + filppedCanvasContx.putImageData(gData, 0, 0);
2946 2954
2947 - } 2955 + }
2948 2956
2949 - grayImageDataVar = null;  
2950 - var macthedData = new jinqJs()  
2951 - .from($rootScope.macthedTermList)  
2952 - .where('bodyRegionId == ' + TermExistInBodyRegionId)  
2953 - .select(); 2957 + grayImageDataVar = null;
  2958 + var macthedData = new jinqJs()
  2959 + .from($rootScope.macthedTermList)
  2960 + .where('bodyRegionId == ' + TermExistInBodyRegionId)
  2961 + .select();
2954 2962
2955 2963
2956 2964
2957 - var coloredImageDataVar = $rootScope.coloredImageCanvasList[parseInt(TermExistInBodyRegionId) - 1]; 2965 + var coloredImageDataVar = $rootScope.coloredImageCanvasList[parseInt(TermExistInBodyRegionId) - 1];
2958 2966
2959 - var grayImageDataValue = gData.data;  
2960 - var coloredImageDataValue = coloredImageDataVar.data; 2967 + var grayImageDataValue = gData.data;
  2968 + var coloredImageDataValue = coloredImageDataVar.data;
2961 2969
2962 2970
2963 - angular.forEach(macthedData, function (value2, key) { 2971 + angular.forEach(macthedData, function (value2, key) {
2964 2972
2965 - $rootScope.termListWithLocation = value2.terms; 2973 + $rootScope.termListWithLocation = value2.terms;
2966 2974
2967 - //pick the color from coloredImage data and put on gray imagedata  
2968 - angular.forEach($rootScope.termListWithLocation.PixelLocations, function (value1, key1) { 2975 + //pick the color from coloredImage data and put on gray imagedata
  2976 + angular.forEach($rootScope.termListWithLocation.PixelLocations, function (value1, key1) {
2969 2977
2970 - var RED = coloredImageDataValue[value1];  
2971 - var GREEN = coloredImageDataValue[value1 + 1];  
2972 - var BLUE = coloredImageDataValue[value1 + 2]; 2978 + var RED = coloredImageDataValue[value1];
  2979 + var GREEN = coloredImageDataValue[value1 + 1];
  2980 + var BLUE = coloredImageDataValue[value1 + 2];
2973 2981
2974 - grayImageDataValue[value1] = RED;  
2975 - grayImageDataValue[value1 + 1] = GREEN;  
2976 - grayImageDataValue[value1 + 2] = BLUE;  
2977 - }) 2982 + grayImageDataValue[value1] = RED;
  2983 + grayImageDataValue[value1 + 1] = GREEN;
  2984 + grayImageDataValue[value1 + 2] = BLUE;
  2985 + })
2978 2986
2979 - //for non mirrored bpdy regions  
2980 - var grayCanvasID = 'imageCanvas' + TermExistInBodyRegionId;  
2981 - var grayCanvas = document.getElementById(grayCanvasID); 2987 + //for non mirrored bpdy regions
  2988 + var grayCanvasID = 'imageCanvas' + TermExistInBodyRegionId;
  2989 + var grayCanvas = document.getElementById(grayCanvasID);
2982 2990
2983 - if (grayCanvas != null) { 2991 + if (grayCanvas != null) {
2984 2992
2985 - var grayCanvasContext = grayCanvas.getContext("2d"); 2993 + var grayCanvasContext = grayCanvas.getContext("2d");
2986 2994
2987 - grayCanvasContext.putImageData(gData, 0, 0); 2995 + grayCanvasContext.putImageData(gData, 0, 0);
2988 2996
2989 - } 2997 + }
2990 2998
2991 - //for mirror body regions  
2992 - if (TermExistInBodyRegionId == 4 || TermExistInBodyRegionId == 5 || TermExistInBodyRegionId == 6) { 2999 + //for mirror body regions
  3000 + if (TermExistInBodyRegionId == 4 || TermExistInBodyRegionId == 5 || TermExistInBodyRegionId == 6) {
2993 3001
2994 - var grayCanvasMRID = 'imageCanvas' + TermExistInBodyRegionId + '_MR'; 3002 + var grayCanvasMRID = 'imageCanvas' + TermExistInBodyRegionId + '_MR';
2995 3003
2996 - var grayCanvasMR = document.getElementById(grayCanvasMRID); 3004 + var grayCanvasMR = document.getElementById(grayCanvasMRID);
2997 3005
2998 - if (grayCanvasMR != null) { 3006 + if (grayCanvasMR != null) {
2999 3007
3000 - var grayCanvasMRContext = grayCanvasMR.getContext("2d"); 3008 + var grayCanvasMRContext = grayCanvasMR.getContext("2d");
3001 3009
3002 - grayCanvasMRContext.save();  
3003 - grayCanvasMRContext.translate(canvasWidth, 0);  
3004 - grayCanvasMRContext.scale(-1, 1);  
3005 - //flip does not work with putImageData, that is why we used drawImage  
3006 - grayCanvasMRContext.drawImage(grayCanvas, 0, 0, canvasWidth, canvasHeight, 0, 0, canvasWidth, canvasHeight);  
3007 - grayCanvasMRContext.restore(); 3010 + grayCanvasMRContext.save();
  3011 + grayCanvasMRContext.translate(canvasWidth, 0);
  3012 + grayCanvasMRContext.scale(-1, 1);
  3013 + //flip does not work with putImageData, that is why we used drawImage
  3014 + grayCanvasMRContext.drawImage(grayCanvas, 0, 0, canvasWidth, canvasHeight, 0, 0, canvasWidth, canvasHeight);
  3015 + grayCanvasMRContext.restore();
3008 3016
3009 - //set this canavs on the actual posution of mirror image  
3010 - grayCanvasMR.style.left = grayCanvasMRX;  
3011 - grayCanvasMR.style.top = grayCanvasMRY;  
3012 - grayCanvasMR.style.visibility = 'visible'; 3017 + //set this canavs on the actual posution of mirror image
  3018 + grayCanvasMR.style.left = grayCanvasMRX;
  3019 + grayCanvasMR.style.top = grayCanvasMRY;
  3020 + grayCanvasMR.style.visibility = 'visible';
3013 3021
3014 3022
  3023 + }
3015 } 3024 }
3016 - }  
3017 3025
3018 - $('#spinner').css('visibility', 'hidden')  
3019 - $rootScope.isLoading = false; 3026 + $('#spinner').css('visibility', 'hidden')
  3027 + $rootScope.isLoading = false;
3020 3028
3021 - prevBRID = TermExistInBodyRegionId;  
3022 - }) 3029 + prevBRID = TermExistInBodyRegionId;
  3030 + })
  3031 + }
3023 } 3032 }
3024 } 3033 }
3025 - }  
3026 - else {  
3027 - $('#spinner').css('visibility', 'hidden')  
3028 - $rootScope.isLoading = false;  
3029 - } 3034 + else {
  3035 + $('#spinner').css('visibility', 'hidden')
  3036 + $rootScope.isLoading = false;
  3037 + }
3030 3038
3031 - }) 3039 + })
  3040 +
  3041 + }
3032 3042
3033 - }  
3034 3043
3035 -  
3036 3044
  3045 + }
3037 }, 3046 },
3038 function (error) { 3047 function (error) {
3039 console.log(' Error in getting term data = ' + error.statusText); 3048 console.log(' Error in getting term data = ' + error.statusText);