'
@@ -434,23 +425,6 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
//1.Remove all the pins first
$scope.ClearAllPins();
-
- //clear speech bubble
- var speechBubbles = $("div[id*='sppeachBubble']");
- if (speechBubbles != null || speechBubbles != undefined && speechBubbles.length > 0) {
- for (var j = 0; j < speechBubbles.length; j++) {
-
- speechBubbles[j].parentNode.removeChild(speechBubbles[j]);
- }
- }
- var speechBubbleLines = $("div[id*='sppeachBubbleLine']");
- if (speechBubbleLines != null || speechBubbleLines != undefined && speechBubbleLines.length > 0) {
- for (var j = 0; j < speechBubbleLines.length; j++) {
-
- speechBubbleLines[j].parentNode.removeChild(speechBubbleLines[j]);
- }
- }
-
var selectedSystemName = event.currentTarget.title;
//2. get pinData
@@ -467,39 +441,27 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
$scope.TermInfo = response.data.Terms.Term;
- //on gettng all required data, draw pins
- var selectedSystemPinData = new jinqJs()
- .from($scope.aaPinData)
- .where("_BodySystemName == " + selectedSystemName)
- .select();
- angular.forEach(selectedSystemPinData, function (value, key) {
-
- $scope.context.beginPath();
- $scope.context.moveTo(value._PinX, value._PinY);
- $scope.context.lineTo(value._HeadX, value._HeadY);
- $scope.context.stroke();
-
- var headX = (parseInt(value._HeadX)) - 20;
- var headY = (parseInt(value._HeadY)) - 15;
-
- var img = new Image();
- img.src = "~/../../../content/images/noraml-pin.png";
- img.onload = function () {
- $scope.context.drawImage(img, headX, headY);
-
-
- }
- })
+ //on gettng all required data, draw pins
+ var selectedSystemPinData = new jinqJs()
+ .from($scope.aaPinData)
+ .where("_BodySystemName == " + selectedSystemName)
+ .select();
+ angular.forEach(selectedSystemPinData, function (value, key) {
+
+
+ $scope.DrawStaticPinsOnImage('aaDetailViewCanvas', value._PinId, value._PinX, value._PinY, value._HeadX, value._HeadY)
+
+ })
//show annotation on first pin of the sysyem
- $scope.showAnnotation(selectedSystemPinData);
- },
+ $scope.showAnnotation(selectedSystemPinData, false, false);
+ },
function (error) {
// handle errors here
console.log(' error: ' + error.statusText);
}
)
-
+
console.log(JSON.stringify(result, null, 4));
},
@@ -510,9 +472,10 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
)
}
- $scope.showAnnotation = function (selectedSystemPinData)
- {
+ $scope.showAnnotation = function (selectedSystemPinData, isCtrlPressed, isPinClicked) {
+ $scope.selectedPin = [];
+ var isSameTermWithMultiPin = false;
var firstPinId = selectedSystemPinData[0]._PinId;
var pinTermNumber = selectedSystemPinData[0]._TermId;
@@ -521,38 +484,119 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
.from($scope.aaPinData)
.where("_TermId == " + pinTermNumber)
.select();
- var termTextdata = new jinqJs()
- .from($scope.TermInfo)
- .where("__ActualTermNumber == " + pinTermNumber)
- .select();
- var termText = termTextdata[0].__TermText;
- $scope.MultiLanguageAnnationArray = [];
- $scope.MultiLanguageAnnationArray.push(termText);
- angular.forEach(pinDataWithFirstTermNumber, function (value, key) {
-
- var headX = (parseInt(value._HeadX));
- var headY = (parseInt(value._HeadY));
- $scope.createSpeechBubble(headX, parseInt(headY),value._PinId);
- // alert('headX: ' + headX + ', headY: ' + headY + ',termText: ' + termText);
- })
+
+
+
+ //3. get termText info
+ var promise = ModuleService.getTermTextForPin($scope.moduleName)
+ .then(
+ function (response) {
+
+ $scope.TermInfo = response.data.Terms.Term;
+
+
+ var termTextdata = new jinqJs()
+ .from($scope.TermInfo)
+ .where("__ActualTermNumber == " + pinTermNumber)
+ .select();
+
+ var termText = termTextdata[0].__TermText;
+ $scope.MultiLanguageAnnationArray = [];
+ $scope.MultiLanguageAnnationArray.push(termText);
+
+ if (isCtrlPressed) {
+
+ }
+ else {
+ if (isPinClicked) {
+ var existingSpeechBubble = $("div[id*='sppeachBubble']");
+ for (var i = 0; i < existingSpeechBubble.length; i++) {
+ existingSpeechBubble[i].parentNode.removeChild(existingSpeechBubble[i]);
+
+ //make all pin heads grey
+ var radial = $('#aaDetailViewCanvas').createGradient({
+ x1: 50, y1: 50,
+ x2: 50, y2: 50,
+ r1: 10, r2: 30,
+ c1: 'rgba(100, 50, 0,0)',
+ c2: 'rgb(216, 216, 216)'
+ });
+
+
+ $('#aaDetailViewCanvas').setLayers({
+ fillStyle: radial,
+ }).drawLayers();
+ }
+
+ var existingSpeechBubbleLine = $("div[id*='speechBubbleLine']");
+ for (var i = 0; i < existingSpeechBubbleLine.length; i++) {
+ existingSpeechBubbleLine[i].parentNode.removeChild(existingSpeechBubbleLine[i]);
+ }
+ var speechBubbleDraggedLine = $("div[id*='speechBubbleDraggedLine']");
+ for (var i = 0; i < speechBubbleDraggedLine.length; i++) {
+ speechBubbleDraggedLine[i].parentNode.removeChild(speechBubbleDraggedLine[i]);
+ }
+ }
+ }
+ if (pinDataWithFirstTermNumber.length > 1) {
+ isSameTermWithMultiPin = true;
+ }
+
+ angular.forEach(pinDataWithFirstTermNumber, function (value, key) {
+ $scope.selectedPin.push(value._PinId);
+ var headX = (parseInt(value._HeadX));
+ var headY = (parseInt(value._HeadY));
+ $scope.createSpeechBubble(parseInt(headX) + 10, parseInt(headY) + 10, value._PinId, isCtrlPressed, isPinClicked, isSameTermWithMultiPin);
+ })
+
+ },
+ function (error) { })
}
$scope.ClearAllPins = function () {
- var canvasHeight = document.getElementById('aaDetailViewCanvas').height;
- var canvasWidth = document.getElementById('aaDetailViewCanvas').width;
+ //var canvasHeight = document.getElementById('aaDetailViewCanvas').height;
+ //var canvasWidth = document.getElementById('aaDetailViewCanvas').width;
+
+ //$scope.context.clearRect(0, 0, canvasWidth, canvasHeight);
+
+ $('#aaDetailViewCanvas').clearCanvas();
+
+ //clear speech bubbles
+ var speechBubbles = $("div[id*='sppeachBubble']");
+ if (speechBubbles != null || speechBubbles != undefined && speechBubbles.length > 0) {
+ for (var j = 0; j < speechBubbles.length; j++) {
+
+ speechBubbles[j].parentNode.removeChild(speechBubbles[j]);
+ }
+ }
+ var speechBubbleLines = $("div[id*='sppeachBubbleLine']");
+ if (speechBubbleLines != null || speechBubbleLines != undefined && speechBubbleLines.length > 0) {
+ for (var j = 0; j < speechBubbleLines.length; j++) {
- $scope.context.clearRect(0, 0, canvasWidth, canvasHeight);
+ speechBubbleLines[j].parentNode.removeChild(speechBubbleLines[j]);
+ }
+ }
};
- $scope.createSpeechBubble = function (x, y, PinId) {
- //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
- // we decide the size of speech bubble
+
+ $scope.createSpeechBubble = function (x, y, PinId, isCtrlPressed, isPinClicked, isSameTermWithMultiPin) {
+
$scope.longestAnnotation = $scope.MultiLanguageAnnationArray.reduce(function (firstAnnotation, seconAnnotation) { return firstAnnotation.length > seconAnnotation.length ? firstAnnotation : seconAnnotation; });
- $scope.createSpeechBubbleBasedOnAnnotationLengthwithoutCtrl(x, y,PinId);
-
-
+
+ $scope.createSpeechBubbleBasedOnAnnotationLength(x, y, PinId);
+
+ $('#sppeachBubble').draggable(
+ {
+ drag: function (evt) {
+ $("#dot").css("visibility", "hidden");
+ var verticalScrollPosition = canvasDiv.scrollTop;
+ var horizontlScrollPosition = canvasDiv.scrollLeft;
+ $scope.angle(x, y, evt.pageX + horizontlScrollPosition - $('#imageDiv').offset().left, evt.pageY + verticalScrollPosition - $('#imageDiv').offset().top, true);
+ },
+ });
+
}
$scope.GetAnnotationBasedOnActualTermNo = function (actualTermNo, language) {
@@ -632,64 +676,13 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo
}
- $scope.createSpeechBubbleBasedOnAnnotationLength = function (pointClicked, x, y, id) {
- var sppechBubbleHTML = "
";
- //Issue #7286 :Undefined annotation should not appear
- for (var i = 0; i <= $scope.MultiLanguageAnnationArray.length - 1; i++) {
- var annotation = $scope.MultiLanguageAnnationArray[i];
- }
-
- if (annotation == undefined) {
- console.log("No text found");
- } else {
-
- $("#canvasDiv").append(sppechBubbleHTML);
-
- for (var i = 0; i <= $scope.MultiLanguageAnnationArray.length - 1; i++) {
- var annotation = $scope.MultiLanguageAnnationArray[i];
-
- $("#" + id).append("
" + annotation + "
");
- }
-
- if ($scope.longestAnnotation.length <= 10) {
- $("#" + id).css("width", "100px");
- }
-
- else if ($scope.longestAnnotation.length > 10 && $scope.longestAnnotation.length <= 17) {
- $("#" + id).css("width", "140px");
- }
- else if ($scope.longestAnnotation.length > 17 && $scope.longestAnnotation.length <= 26) {
- $("#" + id).css("width", "195px");
-
- }
- else if ($scope.longestAnnotation.length > 26 && $scope.longestAnnotation.length <= 34) {
- $("#" + id).css("width", "248px");
- }
- else if ($scope.longestAnnotation.length > 34 && $scope.longestAnnotation.length <= 44) {
- $("#" + id).css("width", "300px");
- }
- else if ($scope.longestAnnotation.length > 44 && $scope.longestAnnotation.length <= 54) {
- $("#" + id).css("width", "370px");
- }
- else if ($scope.longestAnnotation.length > 54 && $scope.longestAnnotation.length <= 69) {
- $("#" + id).css("width", "450px");
- }
- else if ($scope.longestAnnotation.length > 69 && $scope.longestAnnotation.length <= 75) {
- $("#" + id).css("width", "510px");
+ $scope.createSpeechBubbleBasedOnAnnotationLength = function (x, y, PinId) {
- }
- else {
- $("#" + id).css("width", ($scope.longestAnnotation.length) + "%");
- }
- }
- }
- $rootScope.Globe1 = [];
- $scope.createSpeechBubbleBasedOnAnnotationLengthwithoutCtrl = function (x, y, PinId) {
- var sppechBubbleDotHTML = '
'
+ var speechBubbleHTML = '
'
+ '
'
+ '
'
- + '
'
+ + '