Commit dcab32ad88599c111bed42508680d1976d9b9795

Authored by unknown
1 parent 88b46c70

Refactor Annotation Code

400-SOURCECODE/AIAHTML5.API/Web.config
@@ -39,7 +39,7 @@ @@ -39,7 +39,7 @@
39 <add key="EnableSSL" value="false" /> 39 <add key="EnableSSL" value="false" />
40 <add key="Site_Url" value ="//52.2.38.120"/> 40 <add key="Site_Url" value ="//52.2.38.120"/>
41 <add key ="HostAddress" value="10.100.12.13" /> 41 <add key ="HostAddress" value="10.100.12.13" />
42 - <add key="isUserAuthenticated" value="false"/> 42 + <add key="isUserAuthenticated" value="true"/>
43 <add key="AdminSupport" value="amrita.vishnoi@ebix.com,nikita.kulshreshtha@ebix.com"/> 43 <add key="AdminSupport" value="amrita.vishnoi@ebix.com,nikita.kulshreshtha@ebix.com"/>
44 </appSettings> 44 </appSettings>
45 <system.web> 45 <system.web>
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
@@ -3112,41 +3112,27 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo @@ -3112,41 +3112,27 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
3112 3112
3113 3113
3114 $scope.createDynamicSpeechBubble = function (event, x, y, isAnnotationForTBox) { 3114 $scope.createDynamicSpeechBubble = function (event, x, y, isAnnotationForTBox) {
3115 -  
3116 -  
3117 if (isAnnotationForTBox == true) { 3115 if (isAnnotationForTBox == true) {
3118 //1. In transparency box we shows two annotation at a time, so we need to decide the max length of annotation in btween two annotation because based on that 3116 //1. In transparency box we shows two annotation at a time, so we need to decide the max length of annotation in btween two annotation because based on that
3119 // we decide the size of speech bubble 3117 // we decide the size of speech bubble
3120 $scope.longestAnnotation = $scope.MultiLanguageAnnationArray.reduce(function (firstAnnotation, seconAnnotation) { return firstAnnotation.length > seconAnnotation.length ? firstAnnotation : seconAnnotation; }); 3118 $scope.longestAnnotation = $scope.MultiLanguageAnnationArray.reduce(function (firstAnnotation, seconAnnotation) { return firstAnnotation.length > seconAnnotation.length ? firstAnnotation : seconAnnotation; });
3121 -  
3122 //2. 3119 //2.
3123 if (event.ctrlKey) { 3120 if (event.ctrlKey) {
3124 -  
3125 console.log('ctrl pressed'); 3121 console.log('ctrl pressed');
3126 -  
3127 $scope.multiAnnotationIsON = true; 3122 $scope.multiAnnotationIsON = true;
3128 -  
3129 //2.1 create unique speech bubbles 3123 //2.1 create unique speech bubbles
3130 $scope.speechBubbleCounter = $scope.speechBubbleCounter + 1; 3124 $scope.speechBubbleCounter = $scope.speechBubbleCounter + 1;
3131 var id = "speechBubble" + $scope.speechBubbleCounter; 3125 var id = "speechBubble" + $scope.speechBubbleCounter;
3132 -  
3133 //2.2 Get clicked locationa and find if it is already clicked earlier too on same location 3126 //2.2 Get clicked locationa and find if it is already clicked earlier too on same location
3134 var pointClicked = parseInt(x) + parseInt(y); 3127 var pointClicked = parseInt(x) + parseInt(y);
3135 -  
3136 var isClickedOnSamePoint = $("#canvasDiv").find("div[id=" + pointClicked + "]").length; 3128 var isClickedOnSamePoint = $("#canvasDiv").find("div[id=" + pointClicked + "]").length;
3137 -  
3138 console.log('isClickedOnSamePoint: ' + isClickedOnSamePoint); 3129 console.log('isClickedOnSamePoint: ' + isClickedOnSamePoint);
3139 -  
3140 // if user has not clciked on smae point then create speech bubble otherwise not 3130 // if user has not clciked on smae point then create speech bubble otherwise not
3141 if (isClickedOnSamePoint == 0) { 3131 if (isClickedOnSamePoint == 0) {
3142 console.log('not clicked on same point') 3132 console.log('not clicked on same point')
3143 $scope.createSpeechBubbleBasedOnAnnotationLength(pointClicked, x, y, id); 3133 $scope.createSpeechBubbleBasedOnAnnotationLength(pointClicked, x, y, id);
3144 -  
3145 $scope.speechbubbleList.push({ xaxis: x, yaxis: y, ids: id }); 3134 $scope.speechbubbleList.push({ xaxis: x, yaxis: y, ids: id });
3146 -  
3147 } 3135 }
3148 -  
3149 -  
3150 $('.appendDragg').draggable({ 3136 $('.appendDragg').draggable({
3151 drag: function (evt) { 3137 drag: function (evt) {
3152 $(this).prev('div').css("display", "none"); 3138 $(this).prev('div').css("display", "none");
@@ -3154,384 +3140,59 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo @@ -3154,384 +3140,59 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
3154 var sub_id1 = $(this).attr('id'); 3140 var sub_id1 = $(this).attr('id');
3155 var verticalScrollPosition = canvasDiv.scrollTop; 3141 var verticalScrollPosition = canvasDiv.scrollTop;
3156 var horizontlScrollPosition = canvasDiv.scrollLeft; 3142 var horizontlScrollPosition = canvasDiv.scrollLeft;
3157 -  
3158 if ($scope.speechbubbleList != null || $scope.speechbubbleList != undefined) { 3143 if ($scope.speechbubbleList != null || $scope.speechbubbleList != undefined) {
3159 for (var m = 0; m <= $scope.speechbubbleList.length - 1; m++) { 3144 for (var m = 0; m <= $scope.speechbubbleList.length - 1; m++) {
3160 if ($scope.speechbubbleList[m].ids == sub_id1) { 3145 if ($scope.speechbubbleList[m].ids == sub_id1) {
3161 -  
3162 $scope.angle1($scope.speechbubbleList[m].xaxis, $scope.speechbubbleList[m].yaxis, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, bor_id); 3146 $scope.angle1($scope.speechbubbleList[m].xaxis, $scope.speechbubbleList[m].yaxis, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, bor_id);
3163 break; 3147 break;
3164 -  
3165 } 3148 }
3166 } 3149 }
3167 } 3150 }
3168 -  
3169 }, 3151 },
3170 }); 3152 });
3171 -  
3172 -  
3173 -  
3174 $('.dynCross').on('click', function (evt) { 3153 $('.dynCross').on('click', function (evt) {
3175 //$(this).parent().parent().parent().css('display', 'none'); 3154 //$(this).parent().parent().parent().css('display', 'none');
3176 $(this).parent().parent().parent().remove(); 3155 $(this).parent().parent().parent().remove();
3177 -  
3178 }); 3156 });
3179 -  
3180 } 3157 }
3181 -  
3182 -  
3183 else { 3158 else {
3184 $scope.multiAnnotationIsON = false; 3159 $scope.multiAnnotationIsON = false;
3185 -  
3186 - //$(".com").css("display", "none");  
3187 - //$("#bord").css({ "width": "0px", "display": "none" });  
3188 -  
3189 //history maintained issue 3160 //history maintained issue
3190 if ($rootScope.isAnnotaionToolBarDrawingModeActive == false) { 3161 if ($rootScope.isAnnotaionToolBarDrawingModeActive == false) {
3191 $("#sppeachBubble").remove(); 3162 $("#sppeachBubble").remove();
3192 $("#dot").remove(); 3163 $("#dot").remove();
3193 } 3164 }
3194 -  
3195 -  
3196 -  
3197 $(".com").remove(); 3165 $(".com").remove();
3198 $("#bord").remove(); 3166 $("#bord").remove();
3199 -  
3200 - var sppechBubbleDotHTML = '<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'  
3201 - + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;position:absolute;color:#fff;text-align:left;font-size:12px;background-color:#19100e;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;font-weight:bold;">'  
3202 - + '<span style="position:absolute;right:-3px;top:-4px;color:#ffffff;cursor:pointer;">'  
3203 - + '<img class="crossDiv_temp" style="width:18px" src=' + $rootScope.path + '></span></div>'  
3204 -  
3205 - + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'  
3206 - + '</div>';  
3207 -  
3208 - //Issue #7286 :Undefined annotation should not appear  
3209 - for (var i = 0; i <= $scope.MultiLanguageAnnationArray.length - 1; i++) {  
3210 - var MultipleLanguage = $scope.MultiLanguageAnnationArray[i];  
3211 - }  
3212 -  
3213 - if (MultipleLanguage == undefined) {  
3214 - console.log("No text is found");  
3215 - } else {  
3216 - $('#canvasDiv').append(sppechBubbleDotHTML);  
3217 -  
3218 - if ($scope.MultiLanguageAnnationArray.length > 0) {  
3219 - for (var i = 0; i <= $scope.MultiLanguageAnnationArray.length - 1; i++) {  
3220 - var MultipleLanguage = $scope.MultiLanguageAnnationArray[i];  
3221 - $("#sppeachBubble").append("<p style='margin-bottom:2px;'>" + MultipleLanguage + "</p>");  
3222 - }  
3223 - }  
3224 - else {  
3225 - console.log('MultiLanguageAnnationArray.length is :' + $scope.MultiLanguageAnnationArray.length)  
3226 - }  
3227 - if ($scope.longestAnnotation != null || $scope.longestAnnotation != undefined) {  
3228 - if ($scope.longestAnnotation.length <= 10) {  
3229 -  
3230 -  
3231 - $("#sppeachBubble").css("width", "100px");  
3232 -  
3233 - }  
3234 -  
3235 - else if ($scope.longestAnnotation.length > 10 && $scope.longestAnnotation.length <= 17) {  
3236 -  
3237 -  
3238 -  
3239 - $("#sppeachBubble").css("width", "140px");  
3240 -  
3241 - }  
3242 - else if ($scope.longestAnnotation.length > 17 && $scope.longestAnnotation.length <= 26) {  
3243 -  
3244 -  
3245 - $("#sppeachBubble").css("width", "195px");  
3246 -  
3247 - }  
3248 - else if ($scope.longestAnnotation.length > 26 && $scope.longestAnnotation.length <= 34) {  
3249 -  
3250 - $("#sppeachBubble").css("width", "248px");  
3251 -  
3252 - }  
3253 - else if ($scope.longestAnnotation.length > 34 && $scope.longestAnnotation.length <= 44) {  
3254 -  
3255 -  
3256 - $("#sppeachBubble").css("width", "300px");  
3257 - }  
3258 -  
3259 - else if ($scope.longestAnnotation.length > 44 && $scope.longestAnnotation.length <= 54) {  
3260 -  
3261 - $("#sppeachBubble").css("width", "370px");  
3262 -  
3263 - }  
3264 -  
3265 - else if ($scope.longestAnnotation.length > 54 && $scope.longestAnnotation.length <= 69) {  
3266 -  
3267 -  
3268 - $("#sppeachBubble").css("width", "450px");  
3269 -  
3270 - }  
3271 -  
3272 - else if ($scope.longestAnnotation.length > 69 && $scope.longestAnnotation.length <= 75) {  
3273 -  
3274 -  
3275 - $("#sppeachBubble").css("width", "510px");  
3276 -  
3277 - }  
3278 -  
3279 - else {  
3280 -  
3281 -  
3282 - $("#sppeachBubble").css("width", ($scope.longestAnnotation.length) + "%");  
3283 -  
3284 -  
3285 - }  
3286 -  
3287 - }  
3288 - }  
3289 - var Globe = [];  
3290 - Globe.push({ currentX: x, currentY: y });  
3291 -  
3292 - document.getElementById('dot').style.display = 'block';  
3293 - document.getElementById('dot').style.left = ((Globe[0].currentX) - 10) + 'px';  
3294 - document.getElementById('dot').style.top = ((Globe[0].currentY) + 10) + 'px';  
3295 - document.getElementById('sppeachBubble').style.display = 'block';  
3296 - document.getElementById('sppeachBubble').style.left = (Globe[0].currentX) + 'px';  
3297 - document.getElementById('sppeachBubble').style.top = (Globe[0].currentY) + 'px';  
3298 -  
3299 - 3167 + $scope.createSpeechBubbleBasedOnAnnotationLengthwithoutCtrl(x, y);
3300 //history maintained issue 3168 //history maintained issue
3301 if ($rootScope.isAnnotaionToolBarDrawingModeActive == false) { document.getElementById('sppeachBubble').style.zIndex = "60000"; } 3169 if ($rootScope.isAnnotaionToolBarDrawingModeActive == false) { document.getElementById('sppeachBubble').style.zIndex = "60000"; }
3302 -  
3303 -  
3304 -  
3305 -  
3306 $('#sppeachBubble').draggable( 3170 $('#sppeachBubble').draggable(
3307 - {  
3308 - drag: function (evt) {  
3309 -  
3310 - //$("#dot").css("display", "none"); 3171 + {
  3172 + drag: function (evt) {
3311 $("#dot").css("visibility", "hidden"); 3173 $("#dot").css("visibility", "hidden");
3312 var verticalScrollPosition = canvasDiv.scrollTop; 3174 var verticalScrollPosition = canvasDiv.scrollTop;
3313 var horizontlScrollPosition = canvasDiv.scrollLeft; 3175 var horizontlScrollPosition = canvasDiv.scrollLeft;
3314 $scope.angle(x, y, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, true); 3176 $scope.angle(x, y, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, true);
3315 -  
3316 -  
3317 - },  
3318 - });  
3319 -  
3320 - 3177 + },
  3178 + });
3321 $('.crossDiv_temp').on('click', function (evt) { 3179 $('.crossDiv_temp').on('click', function (evt) {
3322 - //$('#sppeachBubble').css('display', 'none');  
3323 -  
3324 - //$("#bord").css("display", "none");  
3325 - //$("#dot").css("display", "none");  
3326 $('#sppeachBubble').remove(); 3180 $('#sppeachBubble').remove();
3327 -  
3328 $("#bord").remove(); 3181 $("#bord").remove();
3329 $("#dot").remove(); 3182 $("#dot").remove();
3330 -  
3331 }); 3183 });
3332 -  
3333 } 3184 }
3334 } 3185 }
3335 -  
3336 else { 3186 else {
3337 -  
3338 - // alert("false");  
3339 $scope.longest_annotationT1 = $scope.annotationTextArrayT1.reduce(function (a, b) { return a.length > b.length ? a : b; }); 3187 $scope.longest_annotationT1 = $scope.annotationTextArrayT1.reduce(function (a, b) { return a.length > b.length ? a : b; });
3340 $scope.longest_annotationT2 = $scope.annotationTextArrayT2.reduce(function (a, b) { return a.length > b.length ? a : b; }); 3188 $scope.longest_annotationT2 = $scope.annotationTextArrayT2.reduce(function (a, b) { return a.length > b.length ? a : b; });
3341 -  
3342 if (event.ctrlKey) { 3189 if (event.ctrlKey) {
3343 -  
3344 - // $scope.multiAnnotationIsON = true;  
3345 -  
3346 $scope.j = $scope.j + 1; 3190 $scope.j = $scope.j + 1;
3347 -  
3348 var sub_id_annotation = "black_annotation" + $scope.j; 3191 var sub_id_annotation = "black_annotation" + $scope.j;
3349 - // alert(sub_id_annotation);  
3350 var pointClicked_annotation = parseInt(x) + parseInt(y); 3192 var pointClicked_annotation = parseInt(x) + parseInt(y);
3351 var Exists_annotation = $("#canvasDiv").find("div[id=" + pointClicked_annotation + "]").length; 3193 var Exists_annotation = $("#canvasDiv").find("div[id=" + pointClicked_annotation + "]").length;
3352 - // alert(Exists_annotation);  
3353 - // alert(pointClicked_annotation);  
3354 - var sppechBubbleHTML_annotation = "<div id ='" + pointClicked_annotation + "' class='com_anno'><div style='z-index:59000;position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.j + "'></div><div data=" + $scope.j + " id=" + sub_id_annotation + " class='appendDragg_annotation' style='z-index:60000;margin-left:25px;border:1px solid #000;padding:5px 10px;position:absolute;color:#fff;text-align:left;font-size: 12px;background-color:#19100e;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;font-weight:bold;left:" + x + "px;top:" + y + "px;'><div style='z-index:7000;position:absolute;right:-3px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.j + " class='dynCross_anno' style='width:18px' src=" + $rootScope.path + "></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:59000;' id='bord_annotation" + $scope.j + "'></div></div>";  
3355 - if ($scope.longest_annotationT1.length > $scope.longest_annotationT2.length) {  
3356 - if (Exists_annotation == 0) {  
3357 - $("#canvasDiv").append(sppechBubbleHTML_annotation);  
3358 -  
3359 - for (var l = 0; l <= $scope.annotationTextArrayT1.length - 1; l++) {  
3360 - var MultipleLang_annotation_T1 = $scope.annotationTextArrayT1[l];  
3361 - // alert(MultipleLang_annotation_T1);  
3362 - // alert(sub_id_annotation);  
3363 - $("#" + sub_id_annotation).append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T1 + "</p>");  
3364 - }  
3365 -  
3366 - $("#" + sub_id_annotation).append("<p style='border-bottom:1px solid black;margin-bottom:0;'></p>");  
3367 -  
3368 - for (var k = 0; k <= $scope.annotationTextArrayT2.length - 1; k++) {  
3369 - // alert(MultipleLang_annotation_T2);  
3370 - var MultipleLang_annotation_T2 = $scope.annotationTextArrayT2[k];  
3371 - $("#" + sub_id_annotation).append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T2 + "</p>");  
3372 - }  
3373 -  
3374 -  
3375 -  
3376 - if ($scope.longest_annotationT1.length <= 10) {  
3377 -  
3378 -  
3379 - $("#" + sub_id_annotation).css("width", "100px");  
3380 -  
3381 -  
3382 - }  
3383 -  
3384 - else if ($scope.longest_annotationT1.length > 10 && $scope.longest_annotationT1.length <= 17) {  
3385 -  
3386 -  
3387 - $("#" + sub_id_annotation).css("width", "140px");  
3388 -  
3389 -  
3390 - }  
3391 -  
3392 - else if ($scope.longest_annotationT1.length > 17 && $scope.longest_annotationT1.length <= 26) {  
3393 -  
3394 -  
3395 -  
3396 - $("#" + sub_id_annotation).css("width", "195px");  
3397 -  
3398 - }  
3399 - else if ($scope.longest_annotationT1.length > 26 && $scope.longest_annotationT1.length <= 34) {  
3400 -  
3401 -  
3402 -  
3403 - $("#" + sub_id_annotation).css("width", "248px");  
3404 - }  
3405 - else if ($scope.longest_annotationT1.length > 34 && $scope.longest_annotationT1.length <= 44) {  
3406 -  
3407 -  
3408 -  
3409 - $("#" + sub_id_annotation).css("width", "300px");  
3410 - }  
3411 -  
3412 - else if ($scope.longest_annotationT1.length > 44 && $scope.longest_annotationT1.length <= 54) {  
3413 -  
3414 -  
3415 -  
3416 - $("#" + sub_id_annotation).css("width", "370px");  
3417 - }  
3418 - else if ($scope.longest_annotationT1.length > 54 && $scope.longest_annotationT1.length <= 69) {  
3419 -  
3420 -  
3421 -  
3422 - $("#" + sub_id_annotation).css("width", "450px");  
3423 - }  
3424 - else if ($scope.longest_annotationT1.length > 69 && $scope.longest_annotationT1.length <= 75) {  
3425 -  
3426 -  
3427 - $("#" + sub_id_annotation).css("width", "510px");  
3428 -  
3429 - }  
3430 - else {  
3431 -  
3432 -  
3433 - $("#" + sub_id_annotation).css("width", ($scope.longest_annotationT1.length) + "%");  
3434 - }  
3435 - }  
3436 - else {  
3437 -  
3438 - $("#canvasDiv").find("div[id=" + pointClicked_annotation + "]").css("display", "block");  
3439 -  
3440 - }  
3441 -  
3442 - }  
3443 - else {  
3444 -  
3445 - if (Exists_annotation == 0) {  
3446 -  
3447 -  
3448 -  
3449 - $("#canvasDiv").append(sppechBubbleHTML_annotation);  
3450 -  
3451 - for (var l = 0; l <= $scope.annotationTextArrayT1.length - 1; l++) {  
3452 - var MultipleLang_annotation_T1 = $scope.annotationTextArrayT1[l];  
3453 - // alert(MultipleLang_annotation_T1);  
3454 - $("#" + sub_id_annotation).append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T1 + "</p>");  
3455 - }  
3456 -  
3457 - $("#" + sub_id_annotation).append("<p style='border-bottom:1px dotted white;margin-bottom:0;'></p>");  
3458 -  
3459 - for (var k = 0; k <= $scope.annotationTextArrayT2.length - 1; k++) {  
3460 - var MultipleLang_annotation_T2 = $scope.annotationTextArrayT2[k];  
3461 - // alert(MultipleLang_annotation_T2);  
3462 - $("#" + sub_id_annotation).append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T2 + "</p>");  
3463 - }  
3464 -  
3465 - if ($scope.longest_annotationT2.length <= 10) {  
3466 -  
3467 -  
3468 - $("#" + sub_id_annotation).css("width", "100px");  
3469 -  
3470 -  
3471 - }  
3472 -  
3473 - else if ($scope.longest_annotationT2.length > 10 && $scope.longest_annotationT2.length <= 17) {  
3474 -  
3475 -  
3476 - $("#" + sub_id_annotation).css("width", "140px");  
3477 -  
3478 -  
3479 - }  
3480 -  
3481 - else if ($scope.longest_annotationT2.length > 17 && $scope.longest_annotationT2.length <= 26) {  
3482 -  
3483 -  
3484 -  
3485 - $("#" + sub_id_annotation).css("width", "195px");  
3486 -  
3487 - }  
3488 - else if ($scope.longest_annotationT2.length > 26 && $scope.longest_annotationT2.length <= 34) {  
3489 -  
3490 -  
3491 -  
3492 - $("#" + sub_id_annotation).css("width", "248px");  
3493 - }  
3494 - else if ($scope.longest_annotationT2.length > 34 && $scope.longest_annotationT2.length <= 44) {  
3495 -  
3496 -  
3497 -  
3498 - $("#" + sub_id_annotation).css("width", "300px");  
3499 - }  
3500 -  
3501 - else if ($scope.longest_annotationT2.length > 44 && $scope.longest_annotationT2.length <= 54) {  
3502 -  
3503 -  
3504 -  
3505 - $("#" + sub_id_annotation).css("width", "370px");  
3506 - }  
3507 - else if ($scope.longest_annotationT2.length > 54 && $scope.longest_annotationT2.length <= 69) {  
3508 -  
3509 -  
3510 -  
3511 - $("#" + sub_id_annotation).css("width", "450px");  
3512 - }  
3513 - else if ($scope.longest_annotationT2.length > 69 && $scope.longest_annotationT2.length <= 75) {  
3514 -  
3515 -  
3516 - $("#" + sub_id_annotation).css("width", "510px");  
3517 -  
3518 - }  
3519 - else {  
3520 -  
3521 -  
3522 - $("#" + sub_id_annotation).css("width", ($scope.longest_annotationT2.length) + "%");  
3523 - }  
3524 - }  
3525 - else {  
3526 -  
3527 - $("#canvasDiv").find("div[id=" + pointClicked_annotation + "]").css("display", "block");  
3528 -  
3529 - }  
3530 -  
3531 - }  
3532 - 3194 + $scope.createSpeechBubbleBasedOnTransparencyWithCtrl(pointClicked_annotation, Exists_annotation, x, y, sub_id_annotation);
3533 $scope.speachBubbleArrayAnnotation.push({ xaxis: x, yaxis: y, ids: sub_id_annotation }); 3195 $scope.speachBubbleArrayAnnotation.push({ xaxis: x, yaxis: y, ids: sub_id_annotation });
3534 -  
3535 $('.appendDragg_annotation').draggable({ 3196 $('.appendDragg_annotation').draggable({
3536 drag: function (evt) { 3197 drag: function (evt) {
3537 $(this).prev('div').css("display", "none"); 3198 $(this).prev('div').css("display", "none");
@@ -3539,264 +3200,48 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo @@ -3539,264 +3200,48 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
3539 var sub_id1_anno = $(this).attr('id'); 3200 var sub_id1_anno = $(this).attr('id');
3540 var verticalScrollPosition = canvasDiv.scrollTop; 3201 var verticalScrollPosition = canvasDiv.scrollTop;
3541 var horizontlScrollPosition = canvasDiv.scrollLeft; 3202 var horizontlScrollPosition = canvasDiv.scrollLeft;
3542 -  
3543 if ($scope.speachBubbleArrayAnnotation != null || $scope.speachBubbleArrayAnnotation != undefined) { 3203 if ($scope.speachBubbleArrayAnnotation != null || $scope.speachBubbleArrayAnnotation != undefined) {
3544 for (var m = 0; m <= $scope.speachBubbleArrayAnnotation.length - 1; m++) { 3204 for (var m = 0; m <= $scope.speachBubbleArrayAnnotation.length - 1; m++) {
3545 if ($scope.speachBubbleArrayAnnotation[m].ids == sub_id1_anno) { 3205 if ($scope.speachBubbleArrayAnnotation[m].ids == sub_id1_anno) {
3546 -  
3547 $scope.angle1($scope.speachBubbleArrayAnnotation[m].xaxis, $scope.speachBubbleArrayAnnotation[m].yaxis, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, bor_id_anno); 3206 $scope.angle1($scope.speachBubbleArrayAnnotation[m].xaxis, $scope.speachBubbleArrayAnnotation[m].yaxis, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, bor_id_anno);
3548 break; 3207 break;
3549 -  
3550 } 3208 }
3551 } 3209 }
3552 } 3210 }
3553 -  
3554 }, 3211 },
3555 }); 3212 });
3556 -  
3557 -  
3558 -  
3559 $('.dynCross_anno').on('click', function (evt) { 3213 $('.dynCross_anno').on('click', function (evt) {
3560 - //$(this).parent().parent().parent().css('display', 'none');  
3561 $(this).parent().parent().parent().remove(); 3214 $(this).parent().parent().parent().remove();
3562 - // $("#bord").css("display", "none");  
3563 - // $("#dot").css("display", "none");  
3564 -  
3565 -  
3566 }); 3215 });
3567 -  
3568 -  
3569 -  
3570 } 3216 }
3571 -  
3572 else { 3217 else {
3573 -  
3574 $scope.multiAnnotationIsON = false; 3218 $scope.multiAnnotationIsON = false;
3575 -  
3576 $(".com_annotation").css("display", "none"); 3219 $(".com_annotation").css("display", "none");
3577 $("#bord_annotation").css({ "width": "0px", "display": "none" }); 3220 $("#bord_annotation").css({ "width": "0px", "display": "none" });
3578 $('.dynCross_anno').parent().parent().parent().remove(); 3221 $('.dynCross_anno').parent().parent().parent().remove();
3579 - var sppechBubbleDotHTML_annotation = '<div id="dot_annotation" style="position:absolute;height:15px;width:35px;display:none;z-index:59000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'  
3580 - + '<div id="sppeachBubble_annotation" style="height:auto!important;z-index:60000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;position:absolute;color:#fff;text-align:left;font-size:12px;background-color:#19100e;font-weight:bold;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;font-weight:bold;">'  
3581 - + '<span style="position:absolute;right:-3px;top:-4px;color:#ffffff;cursor:pointer;">'  
3582 - + '<img class="crossDiv_temp_annotation" style="width:18px" src=' + $rootScope.path + '></span></div>'  
3583 -  
3584 - + '<div style="position:absolute;border:1px solid #000;display:none;z-index:59000;" id="bord_annotation">'  
3585 - + '</div>';  
3586 -  
3587 -  
3588 -  
3589 - if ($scope.longest_annotationT1.length > $scope.longest_annotationT2.length) {  
3590 -  
3591 - $("#sppeachBubble_annotation p").remove();  
3592 - $('#canvasDiv').append(sppechBubbleDotHTML_annotation);  
3593 - for (var l = 0; l <= $scope.annotationTextArrayT1.length - 1; l++) {  
3594 - var MultipleLang_annotation_T1 = $scope.annotationTextArrayT1[l];  
3595 - $("#sppeachBubble_annotation").append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T1 + "</p>");  
3596 - }  
3597 -  
3598 - $("#sppeachBubble_annotation").append("<p style='border-bottom:1px dotted white;margin-bottom:0;'></p>");  
3599 -  
3600 - for (var k = 0; k <= $scope.annotationTextArrayT2.length - 1; k++) {  
3601 - var MultipleLang_annotation_T2 = $scope.annotationTextArrayT2[k];  
3602 - $("#sppeachBubble_annotation").append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T2 + "</p>");  
3603 - }  
3604 -  
3605 - if ($scope.longest_annotationT1.length <= 10) {  
3606 -  
3607 -  
3608 - $("#sppeachBubble_annotation").css("width", "100px");  
3609 -  
3610 -  
3611 - }  
3612 -  
3613 - else if ($scope.longest_annotationT1.length > 10 && $scope.longest_annotationT1.length <= 17) {  
3614 -  
3615 -  
3616 - $("#sppeachBubble_annotation").css("width", "140px");  
3617 -  
3618 -  
3619 - }  
3620 -  
3621 - else if ($scope.longest_annotationT1.length > 17 && $scope.longest_annotationT1.length <= 26) {  
3622 -  
3623 -  
3624 -  
3625 - $("#sppeachBubble_annotation").css("width", "195px");  
3626 -  
3627 - }  
3628 - else if ($scope.longest_annotationT1.length > 26 && $scope.longest_annotationT1.length <= 34) {  
3629 -  
3630 -  
3631 -  
3632 - $("#sppeachBubble_annotation").css("width", "248px");  
3633 - }  
3634 - else if ($scope.longest_annotationT1.length > 34 && $scope.longest_annotationT1.length <= 44) {  
3635 -  
3636 -  
3637 -  
3638 - $("#sppeachBubble_annotation").css("width", "300px");  
3639 - }  
3640 -  
3641 - else if ($scope.longest_annotationT1.length > 44 && $scope.longest_annotationT1.length <= 54) {  
3642 -  
3643 -  
3644 -  
3645 - $("#sppeachBubble_annotation").css("width", "370px");  
3646 - }  
3647 - else if ($scope.longest_annotationT1.length > 54 && $scope.longest_annotationT1.length <= 69) {  
3648 -  
3649 -  
3650 -  
3651 - $("#sppeachBubble_annotation").css("width", "450px");  
3652 - }  
3653 - else if ($scope.longest_annotationT1.length > 69 && $scope.longest_annotationT1.length <= 75) {  
3654 -  
3655 -  
3656 - $("#sppeachBubble_annotation").css("width", "510px");  
3657 -  
3658 - }  
3659 - else {  
3660 -  
3661 -  
3662 - $("#sppeachBubble_annotation").css("width", ($scope.longest_annotationT1.length) + "%");  
3663 - }  
3664 - }  
3665 -  
3666 -  
3667 - else {  
3668 - $("#sppeachBubble_annotation p").remove();  
3669 - $('#canvasDiv').append(sppechBubbleDotHTML_annotation);  
3670 - for (var l = 0; l <= $scope.annotationTextArrayT1.length - 1; l++) {  
3671 - var MultipleLang_annotation_T1 = $scope.annotationTextArrayT1[l];  
3672 - $("#sppeachBubble_annotation").append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T1 + "</p>");  
3673 - }  
3674 -  
3675 - $("#sppeachBubble_annotation").append("<p style='border-bottom:1px dotted white;margin-bottom:0;'></p>");  
3676 -  
3677 - for (var k = 0; k <= $scope.annotationTextArrayT2.length - 1; k++) {  
3678 - var MultipleLang_annotation_T2 = $scope.annotationTextArrayT2[k];  
3679 - $("#sppeachBubble_annotation").append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T2 + "</p>");  
3680 - }  
3681 -  
3682 - if ($scope.longest_annotationT2.length <= 10) {  
3683 -  
3684 -  
3685 - $("#sppeachBubble_annotation").css("width", "100px");  
3686 -  
3687 -  
3688 - }  
3689 -  
3690 - else if ($scope.longest_annotationT2.length > 10 && $scope.longest_annotationT2.length <= 17) {  
3691 -  
3692 -  
3693 - $("#sppeachBubble_annotation").css("width", "140px");  
3694 -  
3695 -  
3696 - }  
3697 -  
3698 - else if ($scope.longest_annotationT2.length > 17 && $scope.longest_annotationT2.length <= 26) {  
3699 -  
3700 -  
3701 -  
3702 - $("#sppeachBubble_annotation").css("width", "195px");  
3703 -  
3704 - }  
3705 - else if ($scope.longest_annotationT2.length > 26 && $scope.longest_annotationT2.length <= 34) {  
3706 -  
3707 -  
3708 -  
3709 - $("#sppeachBubble_annotation").css("width", "248px");  
3710 - }  
3711 - else if ($scope.longest_annotationT2.length > 34 && $scope.longest_annotationT2.length <= 44) {  
3712 -  
3713 -  
3714 -  
3715 - $("#sppeachBubble_annotation").css("width", "300px");  
3716 - }  
3717 -  
3718 - else if ($scope.longest_annotationT2.length > 44 && $scope.longest_annotationT2.length <= 54) {  
3719 -  
3720 -  
3721 -  
3722 - $("#sppeachBubble_annotation").css("width", "370px");  
3723 - }  
3724 - else if ($scope.longest_annotationT2.length > 54 && $scope.longest_annotationT2.length <= 69) {  
3725 -  
3726 -  
3727 -  
3728 - $("#sppeachBubble_annotation").css("width", "450px");  
3729 - }  
3730 - else if ($scope.longest_annotationT2.length > 69 && $scope.longest_annotationT2.length <= 75) {  
3731 -  
3732 -  
3733 - $("#sppeachBubble_annotation").css("width", "510px");  
3734 -  
3735 - }  
3736 - else {  
3737 -  
3738 -  
3739 - $("#sppeachBubble_annotation").css("width", ($scope.longest_annotationT2.length) + "%");  
3740 - }  
3741 - var Globe = [];  
3742 - Globe.push({ currentX: x, currentY: y });  
3743 -  
3744 - document.getElementById('dot_annotation').style.display = 'block';  
3745 - document.getElementById('dot_annotation').style.left = ((Globe[0].currentX) - 10) + 'px';  
3746 - document.getElementById('dot_annotation').style.top = ((Globe[0].currentY) + 10) + 'px';  
3747 - document.getElementById('sppeachBubble_annotation').style.display = 'block';  
3748 - document.getElementById('sppeachBubble_annotation').style.left = (Globe[0].currentX) + 'px';  
3749 - document.getElementById('sppeachBubble_annotation').style.top = (Globe[0].currentY) + 'px';  
3750 -  
3751 - $('#sppeachBubble_annotation').draggable(  
3752 - {  
3753 - drag: function (evt) {  
3754 -  
3755 - //$("#dot_annotation").css("display", "none");  
3756 - $("#dot_annotation").remove();  
3757 -  
3758 - var verticalScrollPosition = canvasDiv.scrollTop;  
3759 - var horizontlScrollPosition = canvasDiv.scrollLeft;  
3760 - $scope.angle(x, y, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, false);  
3761 -  
3762 -  
3763 - },  
3764 - });  
3765 -  
3766 -  
3767 - $('.crossDiv_temp_annotation').on('click', function (evt) {  
3768 - //$('#sppeachBubble_annotation').css('display', 'none');  
3769 -  
3770 - //$("#bord_annotation").css("display", "none");  
3771 - //$("#dot_annotation").css("display", "none");  
3772 -  
3773 -  
3774 - $('#sppeachBubble_annotation').remove();  
3775 -  
3776 - $("#bord_annotation").remove();  
3777 - $("#dot_annotation").remove();  
3778 -  
3779 - });  
3780 - }  
3781 -  
3782 -  
3783 - 3222 + $scope.createSpeechBubbleBasedOnTransparencyWithoutCtrl(x, y);
  3223 + $('#sppeachBubble_annotation').draggable(
  3224 + {
  3225 + drag: function (evt) {
  3226 + $("#dot_annotation").remove();
  3227 + var verticalScrollPosition = canvasDiv.scrollTop;
  3228 + var horizontlScrollPosition = canvasDiv.scrollLeft;
  3229 + $scope.angle(x, y, evt.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left, evt.pageY + verticalScrollPosition - $('#canvasDiv').offset().top, false);
  3230 + },
  3231 + });
  3232 + $('.crossDiv_temp_annotation').on('click', function (evt) {
  3233 + $('#sppeachBubble_annotation').remove();
  3234 + $("#bord_annotation").remove();
  3235 + $("#dot_annotation").remove();
  3236 + });
3784 } 3237 }
3785 -  
3786 -  
3787 } 3238 }
3788 -  
3789 -  
3790 if (document.getElementById("btnStrutureBox").name == "showAnnotationStructure") { 3239 if (document.getElementById("btnStrutureBox").name == "showAnnotationStructure") {
3791 $scope.showAnnotation() 3240 $scope.showAnnotation()
3792 -  
3793 } 3241 }
3794 else { 3242 else {
3795 $scope.hideAnnotation() 3243 $scope.hideAnnotation()
3796 -  
3797 -  
3798 } 3244 }
3799 -  
3800 if ($rootScope.isTBCompleted == true) { 3245 if ($rootScope.isTBCompleted == true) {
3801 $('#sppeachBubble').remove(); 3246 $('#sppeachBubble').remove();
3802 $('#dot').remove(); 3247 $('#dot').remove();
@@ -3883,6 +3328,288 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo @@ -3883,6 +3328,288 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
3883 } 3328 }
3884 } 3329 }
3885 } 3330 }
  3331 + $scope.createSpeechBubbleBasedOnAnnotationLengthwithoutCtrl = function (x, y) {
  3332 +
  3333 +
  3334 +
  3335 + var sppechBubbleDotHTML = '<div id="dot" style="position:absolute;height:15px;width:35px;display:none;z-index:10000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
  3336 + + '<div id="sppeachBubble" style="height:auto!important;z-index:10000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;position:absolute;color:#fff;text-align:left;font-size:12px;background-color:#19100e;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;font-weight:bold;">'
  3337 + + '<span style="position:absolute;right:-3px;top:-4px;color:#ffffff;cursor:pointer;">'
  3338 + + '<img class="crossDiv_temp" style="width:18px" src=' + $rootScope.path + '></span></div>'
  3339 +
  3340 + + '<div style="position:absolute;border:1px solid #000;display:none;z-index:9000;" id="bord">'
  3341 + + '</div>';
  3342 +
  3343 + //Issue #7286 :Undefined annotation should not appear
  3344 + for (var i = 0; i <= $scope.MultiLanguageAnnationArray.length - 1; i++) {
  3345 + var MultipleLanguage = $scope.MultiLanguageAnnationArray[i];
  3346 + }
  3347 +
  3348 + if (MultipleLanguage == undefined) {
  3349 + console.log("No text is found");
  3350 + } else {
  3351 + $('#canvasDiv').append(sppechBubbleDotHTML);
  3352 +
  3353 + if ($scope.MultiLanguageAnnationArray.length > 0) {
  3354 + for (var i = 0; i <= $scope.MultiLanguageAnnationArray.length - 1; i++) {
  3355 + var MultipleLanguage = $scope.MultiLanguageAnnationArray[i];
  3356 + $("#sppeachBubble").append("<p style='margin-bottom:2px;'>" + MultipleLanguage + "</p>");
  3357 + }
  3358 + }
  3359 + else {
  3360 + console.log('MultiLanguageAnnationArray.length is :' + $scope.MultiLanguageAnnationArray.length)
  3361 + }
  3362 + if ($scope.longestAnnotation != null || $scope.longestAnnotation != undefined) {
  3363 + if ($scope.longestAnnotation.length <= 10) {
  3364 +
  3365 +
  3366 + $("#sppeachBubble").css("width", "100px");
  3367 +
  3368 + }
  3369 +
  3370 + else if ($scope.longestAnnotation.length > 10 && $scope.longestAnnotation.length <= 17) {
  3371 +
  3372 +
  3373 +
  3374 + $("#sppeachBubble").css("width", "140px");
  3375 +
  3376 + }
  3377 + else if ($scope.longestAnnotation.length > 17 && $scope.longestAnnotation.length <= 26) {
  3378 +
  3379 +
  3380 + $("#sppeachBubble").css("width", "195px");
  3381 +
  3382 + }
  3383 + else if ($scope.longestAnnotation.length > 26 && $scope.longestAnnotation.length <= 34) {
  3384 +
  3385 + $("#sppeachBubble").css("width", "248px");
  3386 +
  3387 + }
  3388 + else if ($scope.longestAnnotation.length > 34 && $scope.longestAnnotation.length <= 44) {
  3389 +
  3390 +
  3391 + $("#sppeachBubble").css("width", "300px");
  3392 + }
  3393 +
  3394 + else if ($scope.longestAnnotation.length > 44 && $scope.longestAnnotation.length <= 54) {
  3395 +
  3396 + $("#sppeachBubble").css("width", "370px");
  3397 + }
  3398 +
  3399 + else if ($scope.longestAnnotation.length > 54 && $scope.longestAnnotation.length <= 69) {
  3400 + $("#sppeachBubble").css("width", "450px");
  3401 + }
  3402 + else if ($scope.longestAnnotation.length > 69 && $scope.longestAnnotation.length <= 75) {
  3403 + $("#sppeachBubble").css("width", "510px");
  3404 + }
  3405 + else {
  3406 + $("#sppeachBubble").css("width", ($scope.longestAnnotation.length) + "%");
  3407 + }
  3408 + }
  3409 + }
  3410 + var Globe = [];
  3411 + Globe.push({ currentX: x, currentY: y });
  3412 + document.getElementById('dot').style.display = 'block';
  3413 + document.getElementById('dot').style.left = ((Globe[0].currentX) - 10) + 'px';
  3414 + document.getElementById('dot').style.top = ((Globe[0].currentY) + 10) + 'px';
  3415 + document.getElementById('sppeachBubble').style.display = 'block';
  3416 + document.getElementById('sppeachBubble').style.left = (Globe[0].currentX) + 'px';
  3417 + document.getElementById('sppeachBubble').style.top = (Globe[0].currentY) + 'px';
  3418 +
  3419 +
  3420 +
  3421 + }
  3422 + $scope.createSpeechBubbleBasedOnTransparencyWithCtrl = function (pointClicked_annotation, Exists_annotation, x, y, sub_id_annotation) {
  3423 + var sppechBubbleHTML_annotation = "<div id ='" + pointClicked_annotation + "' class='com_anno'><div style='z-index:59000;position:absolute;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);height:15px;width:35px;left:" + (x - 10) + "px;top:" + (y + 10) + "px;'' id='bubble" + $scope.j + "'></div><div data=" + $scope.j + " id=" + sub_id_annotation + " class='appendDragg_annotation' style='z-index:60000;margin-left:25px;border:1px solid #000;padding:5px 10px;position:absolute;color:#fff;text-align:left;font-size: 12px;background-color:#19100e;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;font-weight:bold;left:" + x + "px;top:" + y + "px;'><div style='z-index:7000;position:absolute;right:-3px;top:-4px;color:#ffffff;cursor:pointer;'><img id=" + $scope.j + " class='dynCross_anno' style='width:18px' src=" + $rootScope.path + "></div></div><div style='position:absolute;border:1px solid #000;display:none;z-index:59000;' id='bord_annotation" + $scope.j + "'></div></div>";
  3424 + if ($scope.longest_annotationT1.length > $scope.longest_annotationT2.length) {
  3425 + if (Exists_annotation == 0) {
  3426 + $("#canvasDiv").append(sppechBubbleHTML_annotation);
  3427 + for (var l = 0; l <= $scope.annotationTextArrayT1.length - 1; l++) {
  3428 + var MultipleLang_annotation_T1 = $scope.annotationTextArrayT1[l];
  3429 + $("#" + sub_id_annotation).append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T1 + "</p>");
  3430 + }
  3431 + $("#" + sub_id_annotation).append("<p style='border-bottom:1px solid black;margin-bottom:0;'></p>");
  3432 + for (var k = 0; k <= $scope.annotationTextArrayT2.length - 1; k++) {
  3433 + var MultipleLang_annotation_T2 = $scope.annotationTextArrayT2[k];
  3434 + $("#" + sub_id_annotation).append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T2 + "</p>");
  3435 + }
  3436 + if ($scope.longest_annotationT1.length <= 10) {
  3437 + $("#" + sub_id_annotation).css("width", "100px");
  3438 + }
  3439 + else if ($scope.longest_annotationT1.length > 10 && $scope.longest_annotationT1.length <= 17) {
  3440 + $("#" + sub_id_annotation).css("width", "140px");
  3441 + }
  3442 + else if ($scope.longest_annotationT1.length > 17 && $scope.longest_annotationT1.length <= 26) {
  3443 + $("#" + sub_id_annotation).css("width", "195px");
  3444 + }
  3445 + else if ($scope.longest_annotationT1.length > 26 && $scope.longest_annotationT1.length <= 34) {
  3446 + $("#" + sub_id_annotation).css("width", "248px");
  3447 + }
  3448 + else if ($scope.longest_annotationT1.length > 34 && $scope.longest_annotationT1.length <= 44) {
  3449 + $("#" + sub_id_annotation).css("width", "300px");
  3450 + }
  3451 + else if ($scope.longest_annotationT1.length > 44 && $scope.longest_annotationT1.length <= 54) {
  3452 + $("#" + sub_id_annotation).css("width", "370px");
  3453 + }
  3454 + else if ($scope.longest_annotationT1.length > 54 && $scope.longest_annotationT1.length <= 69) {
  3455 + $("#" + sub_id_annotation).css("width", "450px");
  3456 + }
  3457 + else if ($scope.longest_annotationT1.length > 69 && $scope.longest_annotationT1.length <= 75) {
  3458 + $("#" + sub_id_annotation).css("width", "510px");
  3459 + }
  3460 + else {
  3461 + $("#" + sub_id_annotation).css("width", ($scope.longest_annotationT1.length) + "%");
  3462 + }
  3463 + }
  3464 + else {
  3465 + $("#canvasDiv").find("div[id=" + pointClicked_annotation + "]").css("display", "block");
  3466 + }
  3467 + }
  3468 + else {
  3469 + if (Exists_annotation == 0) {
  3470 + $("#canvasDiv").append(sppechBubbleHTML_annotation);
  3471 + for (var l = 0; l <= $scope.annotationTextArrayT1.length - 1; l++) {
  3472 + var MultipleLang_annotation_T1 = $scope.annotationTextArrayT1[l];
  3473 + $("#" + sub_id_annotation).append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T1 + "</p>");
  3474 + }
  3475 +
  3476 + $("#" + sub_id_annotation).append("<p style='border-bottom:1px dotted white;margin-bottom:0;'></p>");
  3477 + for (var k = 0; k <= $scope.annotationTextArrayT2.length - 1; k++) {
  3478 + var MultipleLang_annotation_T2 = $scope.annotationTextArrayT2[k];
  3479 + $("#" + sub_id_annotation).append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T2 + "</p>");
  3480 + }
  3481 + if ($scope.longest_annotationT2.length <= 10) {
  3482 + $("#" + sub_id_annotation).css("width", "100px");
  3483 + }
  3484 + else if ($scope.longest_annotationT2.length > 10 && $scope.longest_annotationT2.length <= 17) {
  3485 + $("#" + sub_id_annotation).css("width", "140px");
  3486 + }
  3487 + else if ($scope.longest_annotationT2.length > 17 && $scope.longest_annotationT2.length <= 26) {
  3488 + $("#" + sub_id_annotation).css("width", "195px");
  3489 + }
  3490 + else if ($scope.longest_annotationT2.length > 26 && $scope.longest_annotationT2.length <= 34) {
  3491 + $("#" + sub_id_annotation).css("width", "248px");
  3492 + }
  3493 + else if ($scope.longest_annotationT2.length > 34 && $scope.longest_annotationT2.length <= 44) {
  3494 + $("#" + sub_id_annotation).css("width", "300px");
  3495 + }
  3496 + else if ($scope.longest_annotationT2.length > 44 && $scope.longest_annotationT2.length <= 54) {
  3497 + $("#" + sub_id_annotation).css("width", "370px");
  3498 + }
  3499 + else if ($scope.longest_annotationT2.length > 54 && $scope.longest_annotationT2.length <= 69) {
  3500 + $("#" + sub_id_annotation).css("width", "450px");
  3501 + }
  3502 + else if ($scope.longest_annotationT2.length > 69 && $scope.longest_annotationT2.length <= 75) {
  3503 + $("#" + sub_id_annotation).css("width", "510px");
  3504 + }
  3505 + else {
  3506 + $("#" + sub_id_annotation).css("width", ($scope.longest_annotationT2.length) + "%");
  3507 + }
  3508 + }
  3509 + else {
  3510 + $("#canvasDiv").find("div[id=" + pointClicked_annotation + "]").css("display", "block");
  3511 + }
  3512 + }
  3513 + }
  3514 + $scope.createSpeechBubbleBasedOnTransparencyWithoutCtrl = function (x, y) {
  3515 +
  3516 + var sppechBubbleDotHTML_annotation = '<div id="dot_annotation" style="position:absolute;height:15px;width:35px;display:none;z-index:59000;border-top:2px solid #000;transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);-webkit-transform:rotate(40deg);"></div>'
  3517 + + '<div id="sppeachBubble_annotation" style="height:auto!important;z-index:60000;margin-left:25px;border:1px solid #000;display:none;padding:5px 10px;position:absolute;color:#fff;text-align:left;font-size:12px;background-color:#19100e;font-weight:bold;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;font-weight:bold;">'
  3518 + + '<span style="position:absolute;right:-3px;top:-4px;color:#ffffff;cursor:pointer;">'
  3519 + + '<img class="crossDiv_temp_annotation" style="width:18px" src=' + $rootScope.path + '></span></div>'
  3520 +
  3521 + + '<div style="position:absolute;border:1px solid #000;display:none;z-index:59000;" id="bord_annotation">'
  3522 + + '</div>';
  3523 + if ($scope.longest_annotationT1.length > $scope.longest_annotationT2.length) {
  3524 + $("#sppeachBubble_annotation p").remove();
  3525 + $('#canvasDiv').append(sppechBubbleDotHTML_annotation);
  3526 + for (var l = 0; l <= $scope.annotationTextArrayT1.length - 1; l++) {
  3527 + var MultipleLang_annotation_T1 = $scope.annotationTextArrayT1[l];
  3528 + $("#sppeachBubble_annotation").append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T1 + "</p>");
  3529 + }
  3530 + $("#sppeachBubble_annotation").append("<p style='border-bottom:1px dotted white;margin-bottom:0;'></p>");
  3531 + for (var k = 0; k <= $scope.annotationTextArrayT2.length - 1; k++) {
  3532 + var MultipleLang_annotation_T2 = $scope.annotationTextArrayT2[k];
  3533 + $("#sppeachBubble_annotation").append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T2 + "</p>");
  3534 + }
  3535 + if ($scope.longest_annotationT1.length <= 10) {
  3536 + $("#sppeachBubble_annotation").css("width", "100px");
  3537 + }
  3538 + else if ($scope.longest_annotationT1.length > 10 && $scope.longest_annotationT1.length <= 17) {
  3539 + $("#sppeachBubble_annotation").css("width", "140px");
  3540 + }
  3541 + else if ($scope.longest_annotationT1.length > 17 && $scope.longest_annotationT1.length <= 26) {
  3542 + $("#sppeachBubble_annotation").css("width", "195px");
  3543 + }
  3544 + else if ($scope.longest_annotationT1.length > 26 && $scope.longest_annotationT1.length <= 34) {
  3545 + $("#sppeachBubble_annotation").css("width", "248px");
  3546 + }
  3547 + else if ($scope.longest_annotationT1.length > 34 && $scope.longest_annotationT1.length <= 44) {
  3548 + $("#sppeachBubble_annotation").css("width", "300px");
  3549 + }
  3550 + else if ($scope.longest_annotationT1.length > 44 && $scope.longest_annotationT1.length <= 54) {
  3551 + $("#sppeachBubble_annotation").css("width", "370px");
  3552 + }
  3553 + else if ($scope.longest_annotationT1.length > 54 && $scope.longest_annotationT1.length <= 69) {
  3554 + $("#sppeachBubble_annotation").css("width", "450px");
  3555 + }
  3556 + else if ($scope.longest_annotationT1.length > 69 && $scope.longest_annotationT1.length <= 75) {
  3557 + $("#sppeachBubble_annotation").css("width", "510px");
  3558 + }
  3559 + else {
  3560 + $("#sppeachBubble_annotation").css("width", ($scope.longest_annotationT1.length) + "%");
  3561 + }
  3562 + }
  3563 + else {
  3564 + $("#sppeachBubble_annotation p").remove();
  3565 + $('#canvasDiv').append(sppechBubbleDotHTML_annotation);
  3566 + for (var l = 0; l <= $scope.annotationTextArrayT1.length - 1; l++) {
  3567 + var MultipleLang_annotation_T1 = $scope.annotationTextArrayT1[l];
  3568 + $("#sppeachBubble_annotation").append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T1 + "</p>");
  3569 + }
  3570 + $("#sppeachBubble_annotation").append("<p style='border-bottom:1px dotted white;margin-bottom:0;'></p>");
  3571 + for (var k = 0; k <= $scope.annotationTextArrayT2.length - 1; k++) {
  3572 + var MultipleLang_annotation_T2 = $scope.annotationTextArrayT2[k];
  3573 + $("#sppeachBubble_annotation").append("<p style='margin-bottom:2px;'>" + MultipleLang_annotation_T2 + "</p>");
  3574 + }
  3575 + if ($scope.longest_annotationT2.length <= 10) {
  3576 + $("#sppeachBubble_annotation").css("width", "100px");
  3577 + }
  3578 + else if ($scope.longest_annotationT2.length > 10 && $scope.longest_annotationT2.length <= 17) {
  3579 + $("#sppeachBubble_annotation").css("width", "140px");
  3580 + }
  3581 + else if ($scope.longest_annotationT2.length > 17 && $scope.longest_annotationT2.length <= 26) {
  3582 + $("#sppeachBubble_annotation").css("width", "195px");
  3583 + }
  3584 + else if ($scope.longest_annotationT2.length > 26 && $scope.longest_annotationT2.length <= 34) {
  3585 + $("#sppeachBubble_annotation").css("width", "248px");
  3586 + }
  3587 + else if ($scope.longest_annotationT2.length > 34 && $scope.longest_annotationT2.length <= 44) {
  3588 + $("#sppeachBubble_annotation").css("width", "300px");
  3589 + }
  3590 + else if ($scope.longest_annotationT2.length > 44 && $scope.longest_annotationT2.length <= 54) {
  3591 + $("#sppeachBubble_annotation").css("width", "370px");
  3592 + }
  3593 + else if ($scope.longest_annotationT2.length > 54 && $scope.longest_annotationT2.length <= 69) {
  3594 + $("#sppeachBubble_annotation").css("width", "450px");
  3595 + }
  3596 + else if ($scope.longest_annotationT2.length > 69 && $scope.longest_annotationT2.length <= 75) {
  3597 + $("#sppeachBubble_annotation").css("width", "510px");
  3598 + }
  3599 + else {
  3600 + $("#sppeachBubble_annotation").css("width", ($scope.longest_annotationT2.length) + "%");
  3601 + }
  3602 + }
  3603 + var Globe = [];
  3604 + Globe.push({ currentX: x, currentY: y });
  3605 + document.getElementById('dot_annotation').style.display = 'block';
  3606 + document.getElementById('dot_annotation').style.left = ((Globe[0].currentX) - 10) + 'px';
  3607 + document.getElementById('dot_annotation').style.top = ((Globe[0].currentY) + 10) + 'px';
  3608 + document.getElementById('sppeachBubble_annotation').style.display = 'block';
  3609 + document.getElementById('sppeachBubble_annotation').style.left = (Globe[0].currentX) + 'px';
  3610 + document.getElementById('sppeachBubble_annotation').style.top = (Globe[0].currentY) + 'px';
  3611 +
  3612 + }
3886 3613
3887 $scope.angle1 = function (cx1, cy1, ex1, ey1, id, id2) { 3614 $scope.angle1 = function (cx1, cy1, ex1, ey1, id, id2) {
3888 3615