");
- html2canvas($("#canvasDiv"), {
- onrendered: function (canvas) {
- var imgsrc = canvas.toDataURL("image/png");
- var printContent = '");
+ $rootScope.Annotationangle();
+ break;
+ case "Pin":
+ $(".pin").remove();
+ $rootScope.isPinPreviewCompleted = true;
+ $("#canvasDiv").append("
");
+ $rootScope.Annotationangle();
+ break;
+ case "Circle":
+ $(".circle").remove();
+ $rootScope.isCirclePreviewCompleted = true;
+ $("#canvasDiv").append("");
+ break;
+ case "Rectangle":
+ $(".rectangle").remove();
+ $rootScope.isRectanglePreviewCompleted = true;
+ $("#canvasDiv").append("");
+ break;
+ case "TextArea":
+ $(".textarea").remove();
+ $rootScope.isTextAreaPreviewCompleted = true;
+ $("#canvasDiv").append("");
+ break;
+
+ }
+ }
+ $rootScope.Annotationangle = function (event) {
+ var dy = $rootScope.MouseMoveYAxis - $rootScope.offsetY1;
+ var dx = $rootScope.MouseMoveXAxis - $rootScope.offsetX1;
+ var theta = 0;
+ if (dx < 0) {
+ theta = Math.atan(dy / dx) * (180 / Math.PI);
+ theta = theta + 180;
+ }
+ else if (dy < 0) {
+ theta = Math.atan(dy / dx) * (180 / Math.PI);
+ theta = theta + 360;
+ }
+ else {
+ theta = Math.atan(dy / dx) * (180 / Math.PI);
+ }
+ var dottedLineWidth = Math.sqrt(($rootScope.offsetX1 - $rootScope.MouseMoveXAxis) * ($rootScope.offsetX1 - $rootScope.MouseMoveXAxis) + ($rootScope.offsetY1 - $rootScope.MouseMoveYAxis) * ($rootScope.offsetY1 - $rootScope.MouseMoveYAxis));
+ switch ($rootScope.shapeType) {
+ case "Line":
+ $('.line').css({ 'transform': 'rotate(' + theta + 'deg)', '-moz-transform': 'rotate(' + theta + 'deg)', '-webkit-transform': 'rotate(' + theta + 'deg)', 'transform-origin': '0% 0%', 'width': dottedLineWidth + 'px' });
+ break;
+ case "Arrow":
+ $('.arrow').css({ 'transform': 'rotate(' + theta + 'deg)', '-moz-transform': 'rotate(' + theta + 'deg)', '-webkit-transform': 'rotate(' + theta + 'deg)', 'transform-origin': '0% 0%', 'width': dottedLineWidth + 'px' });
+ break;
+ case "Pin":
+ $('.pin').css({ 'transform': 'rotate(' + theta + 'deg)', '-moz-transform': 'rotate(' + theta + 'deg)', '-webkit-transform': 'rotate(' + theta + 'deg)', 'transform-origin': '0% 0%', 'width': dottedLineWidth + 'px' });
+ break;
+ }
+ }
+ $rootScope.iniiaTextAreaValues = [];
+ $rootScope.initTextAreaValues = [];
+ ///-----
+
+ var isDoubleTouchSaveText = null;
+ var isDoubleTouchSaveTextAgain = null;
+ $rootScope.saveText = function () {
+
+ document.getElementById('modelbackground').style.display = "none";
+ $rootScope.selectedBGColorForTextArea = $("#drawTextBGColorpicker span.minicolors-swatch-color").css('background-color');
+
+
+
+
+ // this part will work first time when save button will be clicked
+ if ($rootScope.IsTextAlreadySave == false) {
+
+
+ if ($location.path() == "/module-item-view") {
+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
+ if ($rootScope.jcanvasObjectArray[i].name == $rootScope.initialTextAreaName) {
+ $rootScope.jcanvasObjectArray.splice(i, 1);
+ $rootScope.initialTextAreaName = '';
+ }
+ }
+ }
+
+
+
+ // getting textarea style properties
+ $rootScope.fontSizes = $("#text_area").css("font-size");
+ $rootScope.fontWeight = $("#text_area").css("font-weight");
+ $rootScope.fontStyle = $("#text_area").css("font-style");
+ $rootScope.textAlignmt = $("#text_area").css("text-align");
+ $rootScope.fontColor = $("#text_area").css("color");
+ $rootScope.fontFamily = $("#text_area").css("font-family");
+ $rootScope.underlineText = $("#text_area").css("text-decoration");
+ $rootScope.textArea = $("#text_area").val();
+
+
+ // code for horizonatl text going out
+ if (/\s/.test($rootScope.textArea)) {
+
+ }
+ else
+ {
+ var contentWidthArray = [];
+ var contentWidth = Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width);
+ $("#atTextDiv").css({ "width": contentWidth, "font-size": $rootScope.fontSizes});
+ var text = $rootScope.textArea;
+ $("#textspan").empty();
+ $("#duptextspan").empty();
+ for (var i = 0; i <= text.length - 1; i++) {
+ if (contentWidthArray.length > 0) {
+ if (parseInt(contentWidthArray[0]) < $("#atTextDiv").width()) {
+ $("#duptextspan").append(text[i]);
+ $("#textspan").append(text[i]);
+ contentWidthArray = [];
+ contentWidthArray.push(Math.ceil($("#textspan").width()));
+ }
+ else {
+ contentWidthArray = [];
+ $("#duptextspan").append("\r\n");
+ $("#textspan").append("\r\n");
+ $("#duptextspan").append(text[i]);
+ $("#textspan").text('');
+ $("#textspan").append(text[i]);
+ contentWidthArray.push(Math.ceil($("#textspan").width()));
+
+ }
+ }
+ else {
+ $("#duptextspan").text(text[i]);
+ $("#textspan").text(text[i]);
+ contentWidthArray = [];
+ contentWidthArray.push(Math.ceil($("#textspan").width()));
+ }
+ }
+ $rootScope.textArea = $("#duptextspan").text();
+ console.log($rootScope.textArea);
+ }
+ // code for horizonatl text going out
+
+
+
+
+ // deleting previous text area
+ $("#canvas").removeLayer($rootScope.TextID).drawLayers();
+ $("#canvas").removeLayer($rootScope.TextAreaRectID).drawLayers();
+ // Text After Saving in Rectangle
+ $rootScope.resetTextRect = $rootScope.ObjectIndex++;
+
+ $('#canvas').drawRect({
+ name: 'TextArea1_' + $rootScope.resetTextRect,
+ layer: true,
+ draggable: true,
+ groups: ['TextAreaNew_' + $rootScope.resetTextRect],
+ dragGroups: ['TextAreaNew_' + $rootScope.resetTextRect],
+ opacity: $rootScope.shapestyleOpacity,
+ strokeStyle: $rootScope.shapestyleborderColor,
+ strokeWidth: $rootScope.shapestyleborderWidth,
+ fillStyle: $rootScope.selectedBGColorForTextArea,
+ fromCenter: false,
+ x: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].x, y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
+ width: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
+ height: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
+ resizeFromCenter: false,
+ add: function (layer) {
+ var TextAreaLayerName = layer.name;
+ var TextAreaLayerNameAftrSplit = TextAreaLayerName.split("_");
+ $rootScope.postFixLayerNumber = TextAreaLayerNameAftrSplit[1];
+ $rootScope.iniiaTextAreaValues.push({ "name": layer.name, "width": layer.width, "height": layer.height });
+ if ($location.path() == "/module-item-view") {
+ $rootScope.initialTextAreaName = layer.name;
+ $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
+ }
+ },
+ dragstop: function (layer) {
+
+ if ($location.path() == "/module-item-view") {
+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
+ $rootScope.jcanvasObjectArray[i].x = layer.x;
+ $rootScope.jcanvasObjectArray[i].y = layer.y;
+ $rootScope.jcanvasObjectArray[i].width = layer.width;
+ $rootScope.jcanvasObjectArray[i].height = layer.height;
+ }
+ }
+ }
+ },
+
+ click: function (layer) {
+
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.shapeTypeText = "textAreaRect";
+ var layerName = layer.name;
+ var splitedName = layerName.split("_");
+ var textValName = "TextAreaNew_";
+ var concatinateResult = textValName.concat(splitedName[1]);
+ $rootScope.canvasLayerNameCollection = [];
+ $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
+ $('#canvas').setLayer(layer.name, {
+ handle: {
+ type: 'rectangle',
+ fillStyle: '#fff',
+ strokeStyle: '#c33',
+ strokeWidth: 2,
+ width: 5, height: 5,
+ cornerRadius: 3,
+ }
+ }).drawLayers();
+
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+ },
+ dblclick: function (layer) {
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.isTextAreaClosedButtonActive = false;
+ $rootScope.IsTextAlreadySave = true;
+
+ var _rectLayerOnSave = layer.name;
+ var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
+ var TextAreaRectName = "TextAreaNew_";
+ var TextAreaRectNameConcatenated = TextAreaRectName.concat(_rectLayerOnSaveSplit[1]);
+
+ $rootScope.layerNameArr = layer.name;
+ $rootScope.rectTextArr = TextAreaRectNameConcatenated;
+
+
+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
+
+ for (var i = 0; i <= $rootScope.TextPropertyArray.length - 1; i++) {
+ if ($rootScope.TextPropertyArray[i].layerName == TextAreaRectNameConcatenated) {
+
+ var textArrVal = $rootScope.TextPropertyArray[i].Rect_Text;
+ // this line of code replace the line breaks and convert into a single line.
+ textArrVal = textArrVal.replace(/(\r\n)/gm, "");
+
+ $("#text_area").val(textArrVal);
+ var fontStyleProp = $rootScope.TextPropertyArray[i].FontStyle;
+ var fontWeightProp = fontStyleProp.split(" ");
+
+ $("#text_area").css("font-size", $rootScope.TextPropertyArray[i].FontSize);
+ $("#text_area").css("font-weight", fontWeightProp[0]);
+ $("#text_area").css("font-style", fontWeightProp[1]);
+ $("#text_area").css("text-align", $rootScope.TextPropertyArray[i].Align);
+ $("#text_area").css("color", $rootScope.TextPropertyArray[i].FontColor);
+ $("#text_area").css("font-family", $rootScope.TextPropertyArray[i].FontFamily);
+ $("#text_area").css("text-decoration", $rootScope.TextPropertyArray[i].TextDecoration);
+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": $rootScope.TextPropertyArray[i].FontColor });
+
+ var CurrentFontFamily = $rootScope.TextPropertyArray[i].FontFamily;
+ var CurrentFontSize = parseInt($rootScope.TextPropertyArray[i].FontSize);
+ $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
+ $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
+
+ CurrentFontFamily = '';
+ CurrentFontSize = '';
+
+
+ if ($rootScope.TextPropertyArray[i].TextDecoration == "underline") {
+
+ $("#text-underline").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ else {
+
+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
+
+ }
+
+ //adding text font weight active class in text edit pop-up
+
+ if (fontWeightProp[0] == 700) {
+
+ $("#text-bold").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ else {
+
+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
+
+ }
+
+ //adding text font style active class in text edit pop-up
+
+ if (fontWeightProp[1] == "italic") {
+
+
+ $("#text-italic").addClass("ActiveFormattingButtonClass");
+ }
+ else {
+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
+
+
+ }
+
+ //adding text alignment active class in text edit pop-up
+
+ if ($rootScope.TextPropertyArray[i].Align == "left") {
+
+ $("#text-right").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-center").removeClass("ActiveFormattingButtonClass")
+
+ $("#text-left").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ else if ($rootScope.TextPropertyArray[i].Align == "right") {
+
+
+
+ $("#text-center").removeClass("ActiveFormattingButtonClass")
+
+ $("#text-left").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-right").addClass("ActiveFormattingButtonClass");
+ }
+
+ else if ($rootScope.TextPropertyArray[i].Align == "center") {
+
+ $("#text-left").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-right").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-center").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ }
+ else {
+ // alert("no");
+
+ }
+
+ }
+
+
+ // _rectLayerOnSaveSplitInt = '';
+ textArrVal = '';
+ $("#annotationTextModal").css("padding-right", "0px");
+ document.getElementById('modelbackground').style.display = "block";
+ $("#annotationTextModal").modal("toggle");
+
+ // $("#selected-font-family").val(CurrentFontFamily);
+ // $("#selected-font-size").val(CurrentFontSize);
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+
+ },
+ touchstart: function (layer) {
+
+ if (isDoubleTouchSaveText == null) {
+ isDoubleTouchSaveText = setTimeout(function () {
+ isDoubleTouchSaveText = null;
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.shapeTypeText = "textAreaRect";
+ var layerName = layer.name;
+ var splitedName = layerName.split("_");
+ var textValName = "TextAreaNew_";
+ var concatinateResult = textValName.concat(splitedName[1]);
+ $rootScope.canvasLayerNameCollection = [];
+ $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
+ $('#canvas').setLayer(layer.name, {
+ handle: {
+ type: 'rectangle',
+ fillStyle: '#fff',
+ strokeStyle: '#c33',
+ strokeWidth: 2,
+ width: 5, height: 5,
+ cornerRadius: 3,
+ }
+ }).drawLayers();
+
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+
+ }, 1000)
+ } else {
+ clearTimeout(isDoubleTouchSaveText);
+ isDoubleTouchSaveText = null;
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.isTextAreaClosedButtonActive = false;
+ $rootScope.IsTextAlreadySave = true;
+
+ var _rectLayerOnSave = layer.name;
+ var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
+ var TextAreaRectName = "TextAreaNew_";
+ var TextAreaRectNameConcatenated = TextAreaRectName.concat(_rectLayerOnSaveSplit[1]);
+
+ $rootScope.layerNameArr = layer.name;
+ $rootScope.rectTextArr = TextAreaRectNameConcatenated;
+
+
+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
+
+ for (var i = 0; i <= $rootScope.TextPropertyArray.length - 1; i++) {
+ if ($rootScope.TextPropertyArray[i].layerName == TextAreaRectNameConcatenated) {
+
+ var textArrVal = $rootScope.TextPropertyArray[i].Rect_Text;
+ $("#text_area").val(textArrVal);
+ var fontStyleProp = $rootScope.TextPropertyArray[i].FontStyle;
+ var fontWeightProp = fontStyleProp.split(" ");
+
+ $("#text_area").css("font-size", $rootScope.TextPropertyArray[i].FontSize);
+ $("#text_area").css("font-weight", fontWeightProp[0]);
+ $("#text_area").css("font-style", fontWeightProp[1]);
+ $("#text_area").css("text-align", $rootScope.TextPropertyArray[i].Align);
+ $("#text_area").css("color", $rootScope.TextPropertyArray[i].FontColor);
+ $("#text_area").css("font-family", $rootScope.TextPropertyArray[i].FontFamily);
+ $("#text_area").css("text-decoration", $rootScope.TextPropertyArray[i].TextDecoration);
+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": $rootScope.TextPropertyArray[i].FontColor });
+
+ var CurrentFontFamily = $rootScope.TextPropertyArray[i].FontFamily;
+ var CurrentFontSize = parseInt($rootScope.TextPropertyArray[i].FontSize);
+ $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
+ $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
+
+ CurrentFontFamily = '';
+ CurrentFontSize = '';
+
+
+ if ($rootScope.TextPropertyArray[i].TextDecoration == "underline") {
+
+ $("#text-underline").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ else {
+
+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
+
+ }
+
+ //adding text font weight active class in text edit pop-up
+
+ if (fontWeightProp[0] == 700) {
+
+ $("#text-bold").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ else {
+
+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
+
+ }
+
+ //adding text font style active class in text edit pop-up
+
+ if (fontWeightProp[1] == "italic") {
+
+
+ $("#text-italic").addClass("ActiveFormattingButtonClass");
+ }
+ else {
+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
+
+
+ }
+
+ //adding text alignment active class in text edit pop-up
+
+ if ($rootScope.TextPropertyArray[i].Align == "left") {
+
+ $("#text-right").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-center").removeClass("ActiveFormattingButtonClass")
+
+ $("#text-left").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ else if ($rootScope.TextPropertyArray[i].Align == "right") {
+
+
+
+ $("#text-center").removeClass("ActiveFormattingButtonClass")
+
+ $("#text-left").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-right").addClass("ActiveFormattingButtonClass");
+ }
+
+ else if ($rootScope.TextPropertyArray[i].Align == "center") {
+
+ $("#text-left").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-right").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-center").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ }
+ else {
+ // alert("no");
+
+ }
+
+ }
+
+
+ // _rectLayerOnSaveSplitInt = '';
+ textArrVal = '';
+ $("#annotationTextModal").css("padding-right", "0px");
+ document.getElementById('modelbackground').style.display = "block";
+ $("#annotationTextModal").modal("toggle");
+
+ // $("#selected-font-family").val(CurrentFontFamily);
+ // $("#selected-font-size").val(CurrentFontSize);
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+
+ }
+ },
+ mouseout: function (layer) {
+
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.canvasLayerNameCollection = [];
+ $('#canvas').setLayer(layer.name, {
+ handle: {
+ type: 'rectangle',
+ fillStyle: 'pink',
+ strokeStyle: 'yellow',
+ strokeWidth: 0,
+ width: 0, height: 0,
+ cornerRadius: 0
+
+ }
+ }).drawLayers();
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+
+ },
+ mouseover: function (layer) {
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $('#canvas').setLayer(layer.name, {
+ handle: {
+ type: 'rectangle',
+ fillStyle: '#fff',
+ strokeStyle: '#c33',
+ strokeWidth: 2,
+ width: 5, height: 5,
+ cornerRadius: 3,
+ click: function () {
+ $rootScope.isTextAReaRectangleClicked = true;
+
+ }
+
+ }
+ }).drawLayers();
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+ },
+ change: function (layer) {
+
+ if ($rootScope.isTextAReaRectangleClicked == true) {
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ console.log(layer.x + " " + layer.y);
+ console.log($rootScope.textXAxisAftrResize + " " + $rootScope.textYAxisAftrResize);
+ $rootScope.isTextAReaRectangleClicked = false;
+ for (var i = 0; i <= $rootScope.iniiaTextAreaValues.length-1; i++) {
+
+ if ($rootScope.iniiaTextAreaValues[i].name == layer.name) {
+
+ if (($rootScope.iniiaTextAreaValues[i].width == layer.width) || ($rootScope.iniiaTextAreaValues[i].height == layer.height))
+ {
+ }
+ else
+ {
+ var textAreaName = layer.name;
+ var textAreaNameAftrSplit = textAreaName.split("_");
+ var CangedTextAreaName = 'TextAreaNew_' + textAreaNameAftrSplit[1];
+ $('#canvas').setLayer(CangedTextAreaName, {
+ x: layer.x,
+ y: layer.y
+ });
+ }
+ }
+
+ }
+
+ $rootScope.textXAxisAftrResize = layer.x;
+ $rootScope.textYAxisAftrResize = layer.y;
+
+
+ if ($location.path() == "/module-item-view") {
+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
+ $rootScope.jcanvasObjectArray[i].x = layer.x;
+ $rootScope.jcanvasObjectArray[i].y = layer.y;
+ $rootScope.jcanvasObjectArray[i].width = layer.width;
+ $rootScope.jcanvasObjectArray[i].height = layer.height;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ }).drawText({
+ layer: true,
+ draggable: true,
+ name: 'TextAreaNew_' + $rootScope.resetTextRect,
+ groups: ['TextAreaNew_' + $rootScope.resetTextRect],
+ dragGroups: ['TextAreaNew_' + $rootScope.resetTextRect],
+ fillStyle: $rootScope.fontColor,
+ fontStyle: $rootScope.fontWeight + " " + $rootScope.fontStyle,
+ fontSize: $rootScope.fontSizes,
+ fromCenter: false,
+ fontFamily: $rootScope.fontFamily,
+ align: $rootScope.textAlignmt,
+ strokeWidth: 0,
+ text: $rootScope.textArea,
+ x: ($rootScope.rectDimension[$rootScope.rectDimension.length - 1].x), y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
+ maxWidth: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
+ maxHeight: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
+ add: function (layer) {
+ // console.log(layer.x + " " + layer.y);
+ $rootScope.textXAxisAftrResize = layer.x;
+ $rootScope.textYAxisAftrResize = layer.y;
+
+ //$rootScope.TextPropertyArray.push({ Text1: '', Align: '', FontColor: '', FontSize: '', FontStyle: '', FontFamily: '' });
+ $rootScope.TextPropertyArray.push({ layerName: layer.name, Rect_Text: layer.text, Align: layer.align, FontColor: layer.fillStyle, FontSize: layer.fontSize, FontStyle: layer.fontStyle, FontFamily: layer.fontFamily, TextDecoration: $rootScope.underlineText });
+ },
+ dblclick: function (layer) {
+
+ }
+
+ });
+ $("#text_area").val('');
+ $("#text_area").css({ " font-family": "Arial", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
+
+ $("#selected-font-family option:eq(0)").prop('selected', true);
+ $("#selected-font-size option:eq(0)").prop('selected', true);
+
+ // $("#selected-font-family option:eq(0)").prop('selected', true);
+ // $("#selected-font-size option:eq(0)").prop('selected', true);
+
+ // $("#selected-font-family option[value='Arial']").prop('selected', true);
+ // $("#selected-font-size option[value=14]").prop('selected', true);
+
+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-left").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-right").removeClass("ActiveFormattingButtonClass");
+
+ $("#text-center").removeClass("ActiveFormattingButtonClass");
+
+
+ }
+
+ // this part will work second time when save button will be clicked
+ else {
+
+
+ if ($location.path() == "/module-item-view") {
+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
+ if ($rootScope.jcanvasObjectArray[i].name == $rootScope.initialTextAreaName) {
+ $rootScope.jcanvasObjectArray.splice(i, 1);
+ $rootScope.initialTextAreaName = '';
+ }
+ }
+ }
+
+
+ // getting textarea style properties
+ var _modifiedText = $("#text_area").val();
+ var _modifiedFontSize = $("#text_area").css("font-size");
+ var _modifiedFontWeight = $("#text_area").css("font-weight");
+ var _modifiedFontStyle = $("#text_area").css("font-style");
+ var _modifiedTextAlign = $("#text_area").css("text-align");
+ var _modifiedFontColor = $("#text_area").css("color");
+ var _modifiedFontFamily = $("#text_area").css("font-family");
+ var _modifiedFontDecoration = $("#text_area").css("text-decoration");
+
+ // deleting previous textarea
+
+
+ // code for horizonatl text going out
+ if (/\s/.test(_modifiedText)) {
+
+ }
+ else {
+ var contentWidthArray = [];
+ var contentWidth = Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width);
+ $("#atTextDiv").css({ "width": contentWidth, "font-size": _modifiedFontSize });
+ var text = _modifiedText;
+ $("#textspan").empty();
+ $("#duptextspan").empty();
+ for (var i = 0; i <= text.length - 1; i++) {
+ if (contentWidthArray.length > 0) {
+ if (parseInt(contentWidthArray[0]) < $("#atTextDiv").width()) {
+ $("#duptextspan").append(text[i]);
+ $("#textspan").append(text[i]);
+ contentWidthArray = [];
+ contentWidthArray.push(Math.ceil($("#textspan").width()));
+ }
+ else {
+ contentWidthArray = [];
+ $("#duptextspan").append("\r\n");
+ $("#textspan").append("\r\n");
+ $("#duptextspan").append(text[i]);
+ $("#textspan").text('');
+ $("#textspan").append(text[i]);
+ contentWidthArray.push(Math.ceil($("#textspan").width()));
+
+ }
+ }
+ else {
+ $("#duptextspan").text(text[i]);
+ $("#textspan").text(text[i]);
+ contentWidthArray = [];
+ contentWidthArray.push(Math.ceil($("#textspan").width()));
+ }
+ }
+ _modifiedText = $("#duptextspan").text();
+ console.log(_modifiedText);
+ }
+ // code for horizonatl text going out
+
+
+ $("#canvas").removeLayer($rootScope.layerNameArr).drawLayers();
+ $("#canvas").removeLayer($rootScope.rectTextArr).drawLayers();
+
+ $rootScope.resetTextRectSave = $rootScope.ObjectIndexSave++;
+ $rootScope.resetTextSave = $rootScope.ObjectIndexSave++;
+
+ // generating new text area
+ // $('#canvas')
+ // Draw rect as wide as the text
+ $('#canvas').drawRect({
+ name: 'TextAreaAfterEditRect_' + $rootScope.resetTextSave,
+ layer: true,
+ draggable: true,
+ groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
+ dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
+ opacity: $rootScope.shapestyleOpacity,
+ fromCenter: false,
+ strokeStyle: $rootScope.shapestyleborderColor,
+ strokeWidth: $rootScope.shapestyleborderWidth,
+ fillStyle: $rootScope.selectedBGColorForTextArea,
+ x: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].x, y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
+ width: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
+ height: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
+ resizeFromCenter: false,
+ add: function (layer) {
+ var TextAreaLayerName = layer.name;
+ var TextAreaLayerNameAftrSplit = TextAreaLayerName.split("_");
+ $rootScope.postFixLayerNumberAftrEdit = TextAreaLayerNameAftrSplit[1];
+ $rootScope.initTextAreaValues.push({ "name": layer.name, "width": layer.width, "height": layer.height });
+ if ($location.path() == "/module-item-view") {
+ $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
+ }
+ },
+ dragstop: function (layer) {
+
+ if ($location.path() == "/module-item-view") {
+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
+ $rootScope.jcanvasObjectArray[i].x = layer.x;
+ $rootScope.jcanvasObjectArray[i].y = layer.y;
+ $rootScope.jcanvasObjectArray[i].width = layer.width;
+ $rootScope.jcanvasObjectArray[i].height = layer.height;
+ }
+ }
+ }
+ },
+ click: function (layer) {
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.shapeTypeText = "textAreaRect";
+ var layerName = layer.name;
+ var splitedName = layerName.split("_");
+ var textValName = "TextAreaAfterEdit_";
+ var concatinateResult = textValName.concat(splitedName[1]);
+ $rootScope.canvasLayerNameCollection = [];
+ $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
+
+ $('#canvas').setLayer(layer.name, {
+ handle: {
+ type: 'rectangle',
+ fillStyle: '#fff',
+ strokeStyle: '#c33',
+ strokeWidth: 2,
+ width: 5, height: 5,
+ cornerRadius: 3,
+ }
+ }).drawLayers();
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+
+ },
+ dblclick: function (layer) {
+
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.isTextAreaClosedButtonActive = false;
+ $rootScope.IsTextAlreadySave = true;
+ var _rectLayerOnSave = layer.name;
+ var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
+ var RectNameAfterEdit = "TextAreaAfterEdit_";
+ var RectNameAfterEditResult = RectNameAfterEdit.concat(_rectLayerOnSaveSplit[1]);
+ $rootScope.modifySavedTextIndexNumber = _rectLayerOnSaveSplit[1];
+
+ $rootScope.layerNameArr = layer.name;
+ $rootScope.rectTextArr = RectNameAfterEditResult;
+
+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
+ // this line of code replace the line breaks and convert into a single line.
+ _modifiedText = _modifiedText.replace(/(\r\n)/gm, "");
+ $("#text_area").val(_modifiedText);
+ $("#text_area").css("font-size", _modifiedFontSize);
+ $("#text_area").css("font-weight", _modifiedFontWeight);
+ $("#text_area").css("font-style", _modifiedFontStyle);
+ $("#text_area").css("text-align", _modifiedTextAlign);
+ $("#text_area").css("color", _modifiedFontColor);
+ $("#text_area").css("font-family", _modifiedFontFamily);
+ $("#text_area").css("text-decoration", _modifiedFontDecoration);
+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": _modifiedFontColor });
+
+ // $(".ActiveDefaultColorAnnotation").css({ "background-color": _modifiedFontColor + "!important" });
+ // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
+
+ //khushbu
+ var CurrentFontFamily = _modifiedFontFamily;
+ // alert(CurrentFontFamily);
+ // CurrentFontFamily = CurrentFontFamily.replace(/'/g, "");
+ var CurrentFontSize = parseInt(_modifiedFontSize);
+ $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
+ $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
+ CurrentFontFamily = '';
+ CurrentFontSize = '';
+ //adding text text decoration active class in text edit pop-up
+ if (_modifiedFontDecoration == "underline") {
+ $("#text-underline").addClass("ActiveFormattingButtonClass");
+ }
+ else {
+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
+ }
+
+ //adding text font weight active class in text edit pop-up
+ if (_modifiedFontWeight == 700) {
+
+ $("#text-bold").addClass("ActiveFormattingButtonClass");
+ }
+ else {
+
+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
+
+ }
+
+ //adding text font style active class in text edit pop-up
+ if (_modifiedFontStyle == "italic") {
+
+ $("#text-italic").addClass("ActiveFormattingButtonClass");
+ }
+ else {
+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
+
+ }
+
+ //adding text alignment active class in text edit pop-up
+ if (_modifiedTextAlign == "left") {
+ $("#text-right").removeClass("ActiveFormattingButtonClass");
+ $("#text-center").removeClass("ActiveFormattingButtonClass")
+ $("#text-left").addClass("ActiveFormattingButtonClass");
+ }
+ else if (_modifiedTextAlign == "right") {
+
+ $("#text-center").removeClass("ActiveFormattingButtonClass")
+ $("#text-left").removeClass("ActiveFormattingButtonClass");
+ $("#text-right").addClass("ActiveFormattingButtonClass");
+
+ }
+ else if (_modifiedTextAlign == "center") {
+ $("#text-left").removeClass("ActiveFormattingButtonClass");
+ $("#text-right").removeClass("ActiveFormattingButtonClass");
+ $("#text-center").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ document.getElementById('modelbackground').style.display = "block";
+ $("#annotationTextModal").modal("toggle");
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+ },
+ touchstart: function (layer) {
+
+ if (isDoubleTouchSaveTextAgain == null) {
+ isDoubleTouchSaveTextAgain = setTimeout(function () {
+ isDoubleTouchSaveTextAgain = null;
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.shapeTypeText = "textAreaRect";
+ var layerName = layer.name;
+ var splitedName = layerName.split("_");
+ var textValName = "TextAreaAfterEdit_";
+ var concatinateResult = textValName.concat(splitedName[1]);
+ $rootScope.canvasLayerNameCollection = [];
+ $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
+
+ $('#canvas').setLayer(layer.name, {
+ handle: {
+ type: 'rectangle',
+ fillStyle: '#fff',
+ strokeStyle: '#c33',
+ strokeWidth: 2,
+ width: 5, height: 5,
+ cornerRadius: 3,
+ }
+ }).drawLayers();
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+
+ }, 1000)
+ } else {
+ clearTimeout(isDoubleTouchSaveTextAgain);
+ isDoubleTouchSaveTextAgain = null;
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.isTextAreaClosedButtonActive = false;
+ $rootScope.IsTextAlreadySave = true;
+ var _rectLayerOnSave = layer.name;
+ var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
+ var RectNameAfterEdit = "TextAreaAfterEdit_";
+ var RectNameAfterEditResult = RectNameAfterEdit.concat(_rectLayerOnSaveSplit[1]);
+ $rootScope.modifySavedTextIndexNumber = _rectLayerOnSaveSplit[1];
+
+ $rootScope.layerNameArr = layer.name;
+ $rootScope.rectTextArr = RectNameAfterEditResult;
+
+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
+ $("#text_area").val(_modifiedText);
+ $("#text_area").css("font-size", _modifiedFontSize);
+ $("#text_area").css("font-weight", _modifiedFontWeight);
+ $("#text_area").css("font-style", _modifiedFontStyle);
+ $("#text_area").css("text-align", _modifiedTextAlign);
+ $("#text_area").css("color", _modifiedFontColor);
+ $("#text_area").css("font-family", _modifiedFontFamily);
+ $("#text_area").css("text-decoration", _modifiedFontDecoration);
+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": _modifiedFontColor });
+
+ // $(".ActiveDefaultColorAnnotation").css({ "background-color": _modifiedFontColor + "!important" });
+ // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
+
+ //khushbu
+ var CurrentFontFamily = _modifiedFontFamily;
+ // alert(CurrentFontFamily);
+ // CurrentFontFamily = CurrentFontFamily.replace(/'/g, "");
+ var CurrentFontSize = parseInt(_modifiedFontSize);
+ $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
+ $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
+ CurrentFontFamily = '';
+ CurrentFontSize = '';
+ //adding text text decoration active class in text edit pop-up
+ if (_modifiedFontDecoration == "underline") {
+ $("#text-underline").addClass("ActiveFormattingButtonClass");
+ }
+ else {
+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
+ }
+
+ //adding text font weight active class in text edit pop-up
+ if (_modifiedFontWeight == 700) {
+
+ $("#text-bold").addClass("ActiveFormattingButtonClass");
+ }
+ else {
+
+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
+
+ }
+
+ //adding text font style active class in text edit pop-up
+ if (_modifiedFontStyle == "italic") {
+
+ $("#text-italic").addClass("ActiveFormattingButtonClass");
+ }
+ else {
+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
+
+ }
+
+ //adding text alignment active class in text edit pop-up
+ if (_modifiedTextAlign == "left") {
+ $("#text-right").removeClass("ActiveFormattingButtonClass");
+ $("#text-center").removeClass("ActiveFormattingButtonClass")
+ $("#text-left").addClass("ActiveFormattingButtonClass");
+ }
+ else if (_modifiedTextAlign == "right") {
+
+ $("#text-center").removeClass("ActiveFormattingButtonClass")
+ $("#text-left").removeClass("ActiveFormattingButtonClass");
+ $("#text-right").addClass("ActiveFormattingButtonClass");
+
+ }
+ else if (_modifiedTextAlign == "center") {
+ $("#text-left").removeClass("ActiveFormattingButtonClass");
+ $("#text-right").removeClass("ActiveFormattingButtonClass");
+ $("#text-center").addClass("ActiveFormattingButtonClass");
+
+ }
+
+ document.getElementById('modelbackground').style.display = "block";
+ $("#annotationTextModal").modal("toggle");
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+
+ }
+ },
+ mouseout: function (layer) {
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $rootScope.canvasLayerNameCollection = [];
+ $('#canvas').setLayer(layer.name, {
+ handle: {
+ type: 'rectangle',
+ fillStyle: 'pink',
+ strokeStyle: 'yellow',
+ strokeWidth: 0,
+ width: 0, height: 0,
+ cornerRadius: 0
+ }
+ }).drawLayers();
+
+ }
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+ $rootScope.RectXAxisAftrResize = layer.x;
+ $rootScope.RectYAxisAftrResize = layer.y;
+ },
+ mouseover: function (layer) {
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ //jcanvas property
+ layer.draggable = true;
+ $('#canvas').setLayer(layer.name, {
+ handle: {
+ type: 'rectangle',
+ fillStyle: '#fff',
+ strokeStyle: '#c33',
+ strokeWidth: 2,
+ width: 5, height: 5,
+ cornerRadius: 3,
+ click: function () {
+ $rootScope.isTextAReaRectangleClickedAftrEdit = true;
+ }
+ }
+ }).drawLayers();
+
+ }
+
+ else {
+ //jcanvas property
+ layer.draggable = false;
+ }
+ },
+ change: function (layer) {
+
+ if ($rootScope.isTextAReaRectangleClickedAftrEdit == true) {
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
+ console.log(layer.x + " " + layer.y);
+ console.log($rootScope.textXAxisAftrResize + " " + $rootScope.textYAxisAftrResize);
+ $rootScope.isTextAReaRectangleClickedAftrEdit = false;
+
+ for (var i = 0; i <= $rootScope.initTextAreaValues.length - 1; i++) {
+
+ if ($rootScope.initTextAreaValues[i].name == layer.name) {
+
+ if (($rootScope.initTextAreaValues[i].width == layer.width) || ($rootScope.initTextAreaValues[i].height == layer.height)) {
+
+ }
+ else {
+ var textAreaName = layer.name;
+ var textAreaNameAftrSplit = textAreaName.split("_");
+ var CangedTextAreaName = 'TextAreaAfterEdit_' + textAreaNameAftrSplit[1];
+ $('#canvas').setLayer(CangedTextAreaName, {
+ x: layer.x,
+ y: layer.y
+ });
+ }
+ }
+
+ }
+
+
+ $rootScope.editTextXAxisAftrResize = layer.x;
+ $rootScope.editTextYAxisAftrResize = layer.y;
+ if ($location.path() == "/module-item-view") {
+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
+ $rootScope.jcanvasObjectArray[i].x = layer.x;
+ $rootScope.jcanvasObjectArray[i].y = layer.y;
+ $rootScope.jcanvasObjectArray[i].width = layer.width;
+ $rootScope.jcanvasObjectArray[i].height = layer.height;
+ }
+ }
+
+ }
+
+
+ }
+ }
+
+
+ }
+
+ }).drawText({
+ layer: true,
+ draggable: true,
+ name: 'TextAreaAfterEdit_' + $rootScope.resetTextSave,
+ groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
+ dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
+ fillStyle: _modifiedFontColor,
+ fontStyle: _modifiedFontWeight + " " + _modifiedFontStyle,
+ fontSize: _modifiedFontSize,
+ fontFamily: _modifiedFontFamily,
+ align: _modifiedTextAlign,
+ strokeWidth: 0,
+ fromCenter: false,
+ text: _modifiedText,
+ x: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].x, y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
+ maxWidth: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
+ maxHeight: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
+ add: function (layer) {
+ // console.log(layer.x + " " + layer.y);
+ $rootScope.editTextXAxisAftrResize = layer.x;
+ $rootScope.editTextYAxisAftrResize = layer.y;
+ }
+ });
+
+ }
+ }
+ //----
+
+ $rootScope.onDrawingCanvasClick = function (event) {
+
+ $rootScope.clicked = true;
+ // OnPaintCanvasMouseDown(event);
+
+ var annotationCanvas = document.getElementById('canvas');
+ if (annotationCanvas != null || annotationCanvas != undefined) {
+
+ annotationCanvas.addEventListener('mousedown', $rootScope.OnPaintCanvasMouseDown, false);
+ annotationCanvas.addEventListener('mouseup', $rootScope.OnPaintCanvasMouseUp, false);
+
+
+ annotationCanvas.addEventListener("touchstart", $rootScope.OnPaintCanvasMouseDown, false);
+ annotationCanvas.addEventListener("touchend", $rootScope.OnPaintCanvasMouseUp, false);
+
+ }
+
+ // alert("doclick");
+ // annotation history
+ if (event != undefined) {
+
+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == false) {
+
+ $rootScope.getAnnotationTextBasedOnSelectedBodyRegion(event);
+
+ }
+ }
+
+
+ };
+
+
+ $(document).keydown(function (event) {
+
+ // predefined function for detecting keyboard key
+ if (event.which == 46) {
+
+ if ($rootScope.shapeTypePin == "Pin") {
+
+
+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].pinName).drawLayers();
+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].ArcName).drawLayers();
+ $rootScope.shapeTypePin = "";
+
+ }
+ else if ($rootScope.shapeTypeText == "textAreaRect") {
+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].textareaRectangle).drawLayers();
+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].textareaString).drawLayers();
+ $rootScope.shapeTypeText = "";
+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
+
+ if ($rootScope.canvasLayerNameCollection[0].textareaRectangle == $rootScope.jcanvasObjectArray[i].name) {
+
+ $rootScope.jcanvasObjectArray.splice(i, 1);
+
+ }
+ // console.log($rootScope.jcanvasObjectArray);
+ }
+
+ }
+ else {
+
+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection).drawLayers();
+ if ($location.path() == "/module-item-view") {
+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
+
+ if ($rootScope.canvasLayerNameCollection == $rootScope.jcanvasObjectArray[i].name) {
+
+ $rootScope.jcanvasObjectArray.splice(i, 1);
+ }
+ }
+ }
+ }
+ }
+
+ });
+
+
+ $rootScope.closeModal = function () {
+
+ document.getElementById('modelbackground').style.display = "none";
+ $("#drawTextBGColorpicker span.minicolors-swatch-color").css('background-color', $rootScope.selectedBGColorForTextArea);
+
+ }
+ //-- End ----------------------------
+
+
+ $rootScope.AddClick = function (x, y, dragging) {
+ $rootScope.clickX.push(x);
+ $rootScope.clickY.push(y);
+ $rootScope.clickDrag.push(dragging);
+ }
+
+ $rootScope.Redraw = function () {
+ var context = document.getElementById('paintCanvas').getContext('2d');
+
+ context.clearRect(0, 0, context.canvas.width, context.canvas.height); // Clears the canvas
+
+ context.strokeStyle = "#FFFFFF";
+ context.lineJoin = "round";
+ context.lineWidth = 5;
+
+
+ for (var i = 0; i < $rootScope.clickX.length; i++) {
+ context.beginPath();
+ if ($rootScope.clickDrag[i] && i) {
+ context.moveTo($rootScope.clickX[i - 1], $rootScope.clickY[i - 1]);
+ } else {
+ context.moveTo($rootScope.clickX[i] - 1, $rootScope.clickY[i]);
+ }
+ context.lineTo($rootScope.clickX[i], $rootScope.clickY[i]);
+ context.closePath();
+ context.stroke();
+ }
+ }
+
+ $rootScope.PaintCanvasMousedownListener = function (canvasContext, x, y) {
+ if ($rootScope.isLineDrawSelecyed == true) {
+
+ canvasContext.lineWidth = 0.1;
+ canvasContext.strokeStyle = 'red';
+ canvasContext.beginPath();
+ canvasContext.moveTo(x, y);
+ }
+
+ }
+
+ $rootScope.PaintCanvasMouseupListener = function (canvasContext) {
+ if ($scope.isLineDrawSelecyed == true) {
+
+ }
+ }
+
+ $rootScope.PaintCanvasMousemoveListener = function (canvasContext, x, y) {
+ if ($rootScope.isLineDrawSelecyed == true) {
+ console.log('hm moving')
+ canvasContext.lineTo(x, y);
+ canvasContext.stroke();
+ }
+ }
+
+ $rootScope.Draw = function (x, y, isDown, context) {
+ if (isDown) {
+ context.beginPath();
+ context.strokeStyle = '#000000';
+ context.lineWidth = 1//$('#selWidth').val();
+ context.lineJoin = "round";
+ context.moveTo($rootScope.lastX, $rootScope.lastY);
+ context.lineTo(x, y);
+ context.closePath();
+ context.stroke();
+ }
+ $rootScope.lastX = x; $rootScope.lastY = y;
+ }
+
+ $rootScope.disableAnnotationTB = false;
+ $rootScope.disableAnnotationTBFn = function () {
+ $rootScope.disableAnnotationTB = true;
+ }
+
+ //list manager function
+
+ //list manager function
+
+ $rootScope.disableAnnotationtoolOnListManager = false;
+ $rootScope.ShowListManager = function () {
+
+ $rootScope.switchCanvas();
+ $("#annotationpaintbrushsize").attr("href", "#");
+ $("#annotationpainteraser").attr("href", "#");
+ console.log('ShowListManager')
+ $rootScope.disableAnnotationtoolOnListManager = true;
+ $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').attr('disabled', 'disabled');
+ $('#slider-range-min-2').slider('disable');
+ $("#annotationpaintbrushsize").attr('disabled', 'disabled');
+ $("#annotationpainteraser").attr('disabled', 'disabled');
+ $("#annotationpaintbrushsize").css('pointer-events', 'none');
+ $("#annotationpainteraser").css('pointer-events', 'none');
+ $rootScope.isLoading = true;
+ $('#spinner').css('visibility', 'visible');
+
+ $('#listManager').css('display', 'block');
+ $("#listManager").css("visibility", "visible");
+
+ $('#listManager').draggable();
+ $rootScope.islistManagerEventAlredayDispachted = true;
+
+ $rootScope.$broadcast('listManagerEvent', true);
+
+ if ($rootScope.selectedBodySystemName == undefined && $rootScope.slectedActualTermNumber == undefined) {
+ if ($location.path() == "/module-item-view") {
+ $timeout(function () {
+ $('#termList option[selected="selected"]').prop("selected", false);
+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').prop("selected", true);
+ $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').css({ "background-color": "#3399FF", "color": "#ffffff" });
+
+ }, 1000);
+ }
+ else {
+ $('#termList option[selected="selected"]').prop("selected", false);
+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').prop("selected", true);
+ $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').css({ "background-color": "#3399FF", "color": "#ffffff" });
+ }
+ }
+ else {
+
+ if ($rootScope.selectedBodySystemId == undefined) {
+ $rootScope.selectedBodySystemId = 0;
+ if ($location.path() == "/module-item-view") {
+ $rootScope.refreshTermListOnAASystemSelection($rootScope.selectedBodySystemId);
+ }
+ else {
+ if ($location.path() == "/module-item-view") {
+ $rootScope.refreshTermListOnAASystemSelection($rootScope.selectedBodySystemId);
+ }
+ else {
+ $rootScope.refreshTermListOnSystemSelection($rootScope.selectedBodySystemId);
+ }
+
+ }
+ }
+ else {
+ if ($location.path() == "/module-item-view") {
+ $rootScope.refreshTermListOnAASystemSelection($rootScope.selectedBodySystemId);
+ }
+ else {
+ $rootScope.refreshTermListOnSystemSelection($rootScope.selectedBodySystemId);
+ }
+
+ }
+
+ $timeout(function () {
+ $('#bodySystems option[selected="selected"]').prop("selected", false);
+ $('#bodySystems option[value="' + $rootScope.selectedBodySystemName + '"]').prop("selected", true);
+ $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').css({ "background-color": "#3399FF", "color": "#ffffff" });
+
+ }, 1000);
+ }
+ $("#optionsListManagerTab").addClass("active");
+ var viewNameAftrSplit;
+ if ($("#viewName").val() !== null) {
+ viewNameAftrSplit = $("#viewName").val().split(" ");
+
+ if (viewNameAftrSplit[0] == "null") {
+ document.location.href = "/";
+ }
+ }
+ if ($location.url() == "/module-item-view") {
+ $("#termList").attr("onclick", "if (typeof(this.selectedIndex) != 'undefined') onSearchItemSelection(this.options[this.selectedIndex].id)");
+ }
+ else {
+ $("#termList").attr("onclick", "if (typeof(this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id, true)");
+ }
+
+ }
+
+ $rootScope.CloseListManager = function () {
+ $("#btnTranparency").removeAttr('disabled', 'disabled');
+ $("#optionsListManagerTab").removeClass("active");
+ $rootScope.isListManagerMenuSelected = false;
+ console.log('listManager closed');
+ $rootScope.disableAnnotationtoolOnListManager = false;
+ if ($rootScope.MenuModuleName == "DA" || $rootScope.MenuModuleName == "AA") {
+ $("#annotationpaintbrushsize").attr("href", "#canvasPaint");
+ $("#annotationpainteraser").attr("href", "#canvasPaint");
+ if ($rootScope.disableAnnotationtoolOnListManager == false) {
+ $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').removeAttr('disabled', 'disabled');
+ $('#slider-range-min-2').slider('enable');
+ $("#annotationpaintbrushsize").removeAttr('disabled', 'disabled');
+ $("#annotationpainteraser").removeAttr('disabled', 'disabled');
+ $("#annotationpaintbrushsize").css('pointer-events', 'auto');
+ $("#annotationpainteraser").css('pointer-events', 'auto');
+ if ($(".annotationTollbar").css("display") == "block") {
+ $rootScope.switchCanvasToPaintCanvas();
+ }
+ }
+ }
+ if ($location.path() == "/module-item-view") {
+ $rootScope.selectedBodySystemName = $("#AABodySystems").val();
+ $rootScope.selectedBodySystemId = $('#AABodySystems option[value="' + $rootScope.selectedBodySystemName + '"]').attr("id");
+ }
+ $('#listManager').css('display', 'none');
+ $("#listManager").css("visibility", "hidden");
+
+ $rootScope.isLoading = false;
+ $('#spinner').css('visibility', 'hidden');
+ //$('#spinner').css('display', 'none');
+ // $rootScope.isAnnotationWindowClose = true;
+ // if('#termList')
+ if ($('#termList option').length > 0) {
+ //$('#termList option') = null;
+ //$('#termList').innerHTML='';
+ $('#termList')
+ .find('option')
+ .remove()
+ .end()
+ if ($('#termList option').length > 0) {
+
+ }
+ }
+
+ $rootScope.prevId = "";
+ }
+
+ function fillListManagerTerms() {
+
+ var len = $rootScope.openModules.length;
+ var openViewLen = $rootScope.openViews.length;
+
+ var currentOpenModuleId = $rootScope.openModules[len - 1].ModuleId;
+ var currentOpenViewId = $rootScope.openViews[openViewLen - 1].BodyViewId;
+ if (currentOpenModuleId == 1) {
+
+ }
+
+ }
+
+ //setrtings
+ $rootScope.SetSettingActiveTab = function (tabToSet) {
+ $rootScope.SettingsTab = tabToSet;
+ };
+
+ $rootScope.loadsettings = function () {
+
+ //1. For now we are by default opening DA settings tab
+ $rootScope.SettingsTab = 3;
+
+ //2.
+ var curentEthnicity = $rootScope.getLocalStorageValue("globalEthnicity");
+ if (typeof (curentEthnicity) !== "undefined" && curentEthnicity !== null) {
+ $rootScope.globalSetting.ethnicity = curentEthnicity;
+ }
+ else {
+ localStorage.setItem("globalEthnicity", $rootScope.globalSetting.ethnicity);
+ }
+
+ var curentmodesty = $rootScope.getLocalStorageValue("globalModesty");
+ if (typeof (curentmodesty) !== "undefined" && curentmodesty !== null) {
+ $rootScope.globalSetting.modesty = curentmodesty
+ }
+ else {
+ localStorage.setItem("globalModesty", $rootScope.globalSetting.modesty);
+ }
+
+ //3.
+ $rootScope.setModestySettings($rootScope.globalSetting.modesty);
+
+ //4.
+ $rootScope.setEthncitySettings($rootScope.globalSetting.ethnicity);
+
+
+ };
+
+ $rootScope.setModestySettings = function (currentmodsetting) {
+
+ if (currentmodsetting == 'Y') {
+ $rootScope.isModestyOn = true;
+ $rootScope.isModestyOff = false;
+ }
+ else {
+ $rootScope.isModestyOn = false;
+ $rootScope.isModestyOff = true;
+ }
+ }
+
+ $rootScope.setEthncitySettings = function (currentEthncitysetting) {
+
+ // this code is used for maintaing the currently selected Ethencity.
+ if (currentEthncitysetting == 'L') {
+ $("#btnEthnicA").addClass("skindefault");
+ if ($("#btnEthnicB").hasClass("skindefault")) { $("#btnEthnicB").removeClass("skindefault"); }
+ if ($("#btnEthnicL").hasClass("skindefault")) { $("#btnEthnicL").removeClass("skindefault"); }
+ if ($("#btnEthnicW").hasClass("skindefault")) { $("#btnEthnicW").removeClass("skindefault"); }
+ }
+ if (currentEthncitysetting == 'B') {
+ $("#btnEthnicB").addClass("skindefault");
+ if ($("#btnEthnicL").hasClass("skindefault")) { $("#btnEthnicL").removeClass("skindefault"); }
+ if ($("#btnEthnicW").hasClass("skindefault")) { $("#btnEthnicW").removeClass("skindefault"); }
+ if ($("#btnEthnicA").hasClass("skindefault")) { $("#btnEthnicA").removeClass("skindefault"); }
+ }
+ if (currentEthncitysetting == 'A') {
+ $("#btnEthnicL").addClass("skindefault");
+ if ($("#btnEthnicB").hasClass("skindefault")) { $("#btnEthnicB").removeClass("skindefault"); }
+ if ($("#btnEthnicW").hasClass("skindefault")) { $("#btnEthnicW").removeClass("skindefault"); }
+ if ($("#btnEthnicA").hasClass("skindefault")) { $("#btnEthnicA").removeClass("skindefault"); }
+ }
+ if (currentEthncitysetting == 'W') {
+ $("#btnEthnicW").addClass("skindefault");
+ if ($("#btnEthnicB").hasClass("skindefault")) { $("#btnEthnicB").removeClass("skindefault"); }
+ if ($("#btnEthnicL").hasClass("skindefault")) { $("#btnEthnicL").removeClass("skindefault"); }
+ if ($("#btnEthnicA").hasClass("skindefault")) { $("#btnEthnicA").removeClass("skindefault"); }
+ }
+ }
+
+ $rootScope.ChangeEthnicity = function (formsetting, skintone) {
+
+ if ($rootScope.isCloseSettingClicked == true) {
+ formsetting.ethnicity = localStorage.getItem("globalEthnicity");
+ $rootScope.isCloseSettingClicked = false;
+ }
+ else {
+ formsetting.ethnicity = skintone;
+ }
+ $rootScope.setEthncitySettings(formsetting.ethnicity);
+
+
+
+ }
+
+ $rootScope.ChangeModesty = function (formsetting, modestyValue) {
+ formsetting.modesty = modestyValue;
+ $rootScope.setModestySettings(formsetting.modesty);
+
+ }
+ $rootScope.isApplyBtnClicked = false;
+ $rootScope.CloseSetting = function () {
+ $rootScope.isCloseSettingClicked = true;
+ $rootScope.setEthncitySettings($rootScope.globalSetting.ethnicity);
+ $rootScope.setModestySettings($rootScope.globalSetting.modesty);
+ if ($rootScope.isApplyBtnClicked == false) {
+
+ $rootScope.deSelectLanguageOptions();
+ }
+ else {
+
+ $rootScope.isApplyBtnClicked = false;
+ }
+ $('#modal-settings').css("display", "none");
+ $("#modelsettingsbackground").css("display", "none");
+ }
+
+ $rootScope.UpdateAndCloseSetting = function (setting) {
+
+ $rootScope.UpdateSetting(setting);
+ if ($rootScope.MenuModuleName == "DA" || $rootScope.MenuModuleName == "AA") {
+ $rootScope.loadSearchData();
+ }
+ $rootScope.isApplyBtnClicked = false;
+ //$timeout(function () {
+ $('#modal-settings').css("display", "none");
+ $("#modelsettingsbackground").css("display", "none");
+ // $("#setting-spinner").css("display", "none");
+ if ($rootScope.MenuModuleName == "DA" || $rootScope.MenuModuleName == "AA") {
+ $("#setting-spinner").css("display", "block");
+ }
+
+ $rootScope.lexiconLanguageArrayLength = $rootScope.lexiconLanguageArray.length;
+
+ // }, 6000);
+ };
+
+
+
+ $rootScope.deSelectLanguageOptions = function () {
+
+ var languageDifference = ($rootScope.lexiconLanguageArrayLength) - ($rootScope.lexiconLanguageArray.length);
+ languageDifference = parseInt(languageDifference);
+ if (languageDifference > 0) {
+ for (var i = 0; i <= $rootScope.lexiconRemovedLanguage.length - 1; i++) {
+ $("#lexiconLangDropdown option").each(function () {
+ if ($rootScope.lexiconRemovedLanguage[i].language == $(this).val()) {
+ $(this).remove();
+ $('#secondLax').append('');
+ $rootScope.lexiconLanguageArray.push({ "id": $rootScope.lexiconRemovedLanguage[i].id, "language": $rootScope.lexiconRemovedLanguage[i].language });
+ }
+ });
+
+ if ($rootScope.lexiconRemovedLanguage[i].language == $("#primarylaxican").val()) {
+
+ $rootScope.lexiconLanguageArray[0].id = $rootScope.primaryLangID;
+ $rootScope.lexiconLanguageArray[0].language = $rootScope.lexiconPrimaryLanguage;
+ $("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
+ $('#primarylaxican').attr("name", $rootScope.primaryLangID);
+ $('#secondLax').append('');
+ $rootScope.lexiconLanguageArray.push({ "id": $rootScope.lexiconRemovedLanguage[i].id, "language": $rootScope.lexiconRemovedLanguage[i].language });
+ $("#lexiconLangDropdown option").each(function () {
+ if($rootScope.lexiconPrimaryLanguage == $(this).val()){
+ $(this).remove();
+ }
+ });
+ }
+
+ //$("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
+ //$('#primarylaxican').attr("name", $rootScope.primaryLangID);
+
+ }
+ }
+ else if (languageDifference < 0) {
+ languageDifference = Math.abs(languageDifference);
+ for (var i = 1; i <= languageDifference; i++) {
+ var lexiconArrayLength = $rootScope.lexiconLanguageArray.length;
+
+ $("#secondLax option").each(function () {
+ if ($rootScope.lexiconLanguageArray[lexiconArrayLength - 1].language == $(this).val()) {
+ $(this).remove();
+ }
+
+ })
+ $('#lexiconLangDropdown').append('');
+ $rootScope.lexiconLanguageArray.pop();
+ }
+ if ($rootScope.lexiconPrimaryLanguage == $("#primarylaxican").val()) {
+ }
+ else
+ {
+ $rootScope.lexiconLanguageArray[0].id = $rootScope.primaryLangID;
+ $rootScope.lexiconLanguageArray[0].language = $rootScope.lexiconPrimaryLanguage;
+ $("#lexiconLangDropdown option").each(function () {
+ if ($rootScope.lexiconPrimaryLanguage == $(this).val()) {
+ $(this).remove();
+ }
+ })
+ $('#lexiconLangDropdown').append('');
+ $("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
+ $('#primarylaxican').attr("name", $rootScope.primaryLangID);
+ }
+ }
+
+ else if (languageDifference == 0) {
+ if ($rootScope.lexiconPrimaryLanguage == $("#primarylaxican").val()) {
+ // alert("same name");
+ }
+ else {
+ $rootScope.lexiconLanguageArray[0].id = $rootScope.primaryLangID;
+ $rootScope.lexiconLanguageArray[0].language = $rootScope.lexiconPrimaryLanguage;
+ $("#lexiconLangDropdown option").each(function () {
+ if ($rootScope.lexiconPrimaryLanguage == $(this).val()) {
+ $(this).remove();
+ }
+ })
+ $('#lexiconLangDropdown').append('');
+ $("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
+ $('#primarylaxican').attr("name", $rootScope.primaryLangID);
+ }
+ }
+ }
+
+
+ $rootScope.UpdateSetting = function (setting) {
+
+ $rootScope.isApplyBtnClicked = true;
+ var isReloadingViewRequired = false;
+ //1.
+ if (typeof (setting.ethnicity) !== "undefined" && setting.ethnicity !== null) {
+ $rootScope.ChangeEthnicity(setting, setting.ethnicity);
+ }
+ if (typeof (setting.modesty) !== "undefined" && setting.modesty !== null) {
+ $rootScope.ChangeModesty(setting, setting.modesty);
+ }
+
+ //2.
+ if ((setting.ethnicity != null && setting.ethnicity != $rootScope.globalSetting.ethnicity) && (setting.modesty != null && setting.modesty != $rootScope.globalSetting.modesty)) {
+ $rootScope.globalSetting.ethnicity = setting.ethnicity;
+ localStorage.setItem("globalEthnicity", $rootScope.globalSetting.ethnicity);
+
+ $rootScope.globalSetting.modesty = setting.modesty;
+ localStorage.setItem("globalModesty", setting.modesty);
+
+ isReloadingViewRequired = true;
+
+ }
+
+ else if (setting.ethnicity != null && setting.ethnicity != $rootScope.globalSetting.ethnicity) {
+
+ $rootScope.globalSetting.ethnicity = setting.ethnicity;
+ localStorage.setItem("globalEthnicity", $rootScope.globalSetting.ethnicity);
+
+ $rootScope.globalSetting.modesty = $rootScope.getLocalStorageValue("globalModesty");
+
+ isReloadingViewRequired = true;
+ }
+ else if (setting.modesty != null && setting.modesty != $rootScope.globalSetting.modesty) {
+ $rootScope.globalSetting.modesty = setting.modesty;
+ localStorage.setItem("globalModesty", $rootScope.globalSetting.modesty);
+
+ $rootScope.globalSetting.ethnicity = $rootScope.getLocalStorageValue("globalEthnicity");
+
+ if ($('.modestyImg') != null) {
+ if (($rootScope.globalSetting.modesty == 'Y')) {
+ $('.modestyImg').css('visibility', 'visible');
+ }
+
+ else {
+ $('.modestyImg').css('visibility', 'hidden');
+ }
+ }
+
+ if ($('.transModestyImg') != null) {
+ if (($rootScope.globalSetting.modesty == 'Y')) {
+ $('.transModestyImg').css('visibility', 'visible');
+ }
+
+ else {
+ $('.transModestyImg').css('visibility', 'hidden');
+ }
+ }
+ $rootScope.changeNavigatorModesty();
+ }
+
+ var len = $rootScope.openModules.length;
+ if (len > 0) {
+ if (isReloadingViewRequired == true) {
+ $rootScope.reloadChildController();
+ }
+ }
+ else {
+
+ $('#modal-settings').css("display", "none");
+ $("#modelsettingsbackground").css("display", "none");
+ }
+ $rootScope.lexiconRemovedLanguage = [];
+ $("#secondLax option").each(function () {
+ $rootScope.lexiconRemovedLanguage.push({ "id": $(this).attr("val"), "language": $(this).val() });
+ });
+ };
+
+
+
+
+
+
+
+
+
+
+
+
+ $rootScope.reloadChildController = function () {
+
+ var len = $rootScope.openModules.length;
+
+ var currentOpenModuleId = $rootScope.openModules[len - 1].ModuleId;
+
+ //checking is DA module is opend.
+ if (currentOpenModuleId == 1) {
+
+ //Check that what current bodyview is open
+ if ($rootScope.openViews.length > 0) {
+ var openViewLen = $rootScope.openViews.length;
+ var currentOpenViewId = $rootScope.getLocalStorageValue("currentBodyViewId");//$rootScope.openViews[openViewLen - 1].BodyViewId;
+ $rootScope.isSettingEventAlredayDispachted = true;
+ $rootScope.$broadcast('reloadDABodyViewEvent', { reloadDABodyViewId: currentOpenViewId }, true);
+ }
+ else {
+ $rootScope.$broadcast('reloadDAControllerEvent', true);
+
+ }
+ }
+ };
+
+
+ $rootScope.changeNavigatorModesty = function () {
+ var currentOpenViewId = $rootScope.getLocalStorageValue("currentBodyViewId");//$rootScope.openViews[openViewLen - 1].BodyViewId;
+
+ $rootScope.$broadcast('changeNavigatorModestyEvent', { bodyViewId: currentOpenViewId }, true);
+
+ };
+
+ $rootScope.ShowExportImageWindow = function () {
+ $(".export-image").modal("show").draggable({ handle: ".modal-header" });
+
+ $(".modal-backdrop").css("opacity", ".5");
+ $(".modal-backdrop").css("z-index", "1200001");
+ };
+
+
+
+ $rootScope.ShowPrintWindow = function () { // Print Active Viewer
+ html2canvas($("#canvasDiv"), {
+ onrendered: function (canvas) {
+ var dataURL = canvas.toDataURL("image/jpeg");
+ var imageToPrint = new Image();
+ imageToPrint.src = dataURL;
+ $('#snipImage').attr('src', dataURL);
+
+ $('#spnModule').text($rootScope.currentActiveModuleTitle);
+ $('#spnBodyViewTitle').text($rootScope.getLocalStorageValue('currentViewTitle'));
+
+ PrintDivContentByID('printBox'); // Open Print Window
+ }
+ });
+ };
+
+ $rootScope.ShowPrintPreviewWindow = function (event) { // Print Preview
+ if ($location.url() == "/module-item-view") {
+ if ($("#hidePinBtn").hasClass("btn-primary")) {
+ $rootScope.isHidePinBtnActiveInPrintPreview = true;
+ }
+ if ($("#selectedPin").hasClass("btn-primary")) {
+ $rootScope.isShowSelectedPinActiveInPrintPrevMode = true;
+ }
+ if ($("#allPinBtn").hasClass("btn-primary")) {
+ $rootScope.isShowAllPinBtnActiveInPrintPreviewMode = true;
+ }
+ }
+ $(".tools").css("z-index", "1029");
+ $rootScope.CloseListManager();
+ $rootScope.CloseAnnotationTool();
+ $("#annotationButton").parent().addClass("disableMenuannotation");
+ $("#annotationToolBarOptions").addClass("disableMenuoption");
+ $("#optionsListManagerTab").addClass("disableMenuoption");
+ $('#dvPrintPreview').css('display', 'block');
+ html2canvas($("#canvasDiv"), {
+ onrendered: function (canvas) {
+ var dataURL = canvas.toDataURL("image/jpeg");
+ var imageToPrint = new Image();
+ imageToPrint.src = dataURL;
+
+ OpenJSPanel(); // open jsPanel here
+ if ($('#jsPanel-1').length > 0) {
+ $('.jsPanel-btn-norm').attr('style', 'display: none');
+ }
+
+ console.log('jsPanel loaded exist= ' + document.getElementById('jsPanel-1')); // document.getElementsByClassName('ppImagePanel'));
+
+ var curModule = $rootScope.currentActiveModuleTitle;
+ var curPosture = $rootScope.getLocalStorageValue('currentViewTitle');
+
+ if (document.getElementById('jsPanel-1')) { //document.getElementsByClassName('ppImagePanel')) {
+ if (dataURL == "" || dataURL == undefined) {
+
+ setTimeout(function () {
+ document.getElementById('imgPortrait').setAttribute('src', dataURL);
+ document.getElementById('imgLandscape').setAttribute('src', dataURL);
+ document.getElementById('spnModulePor').innerHTML = curModule;
+ document.getElementById('spnBodyViewTitlePor').innerHTML = curPosture;
+ document.getElementById('spnModuleLan').innerHTML = curModule;
+ document.getElementById('spnBodyViewTitleLan').innerHTML = curPosture;
+ if ($('#printcontainer').length > 0) {
+ $("#printcontainer").css('width', $(window).outerWidth());
+ $("#printcontainer").css('height', $(window).outerHeight());
+ }
+ if ($location.url() == "/module-item-view") {
+ $("#aaDetailViewCanvas").css("display", "none");
+ $("#canvasPaint").css("display", "none");
+ $("#canvas").css("display", "none");
+
+ }
+ }, 520);
+ }
+ else {
+ setTimeout(function () {
+ document.getElementById('imgPortrait').setAttribute('src', dataURL);
+ document.getElementById('imgLandscape').setAttribute('src', dataURL);
+ document.getElementById('spnModulePor').innerHTML = curModule;
+ document.getElementById('spnBodyViewTitlePor').innerHTML = curPosture;
+ document.getElementById('spnModuleLan').innerHTML = curModule;
+ document.getElementById('spnBodyViewTitleLan').innerHTML = curPosture;
+ if ($('#printcontainer').length > 0) {
+ $("#printcontainer").css('width', $(window).outerWidth());
+ $("#printcontainer").css('height', $(window).outerHeight());
+ }
+ if ($location.url() == "/module-item-view") {
+ $("#aaDetailViewCanvas").css("display", "none");
+ $("#canvasPaint").css("display", "none");
+ $("#canvas").css("display", "none");
+ }
+ }, 320);
+ }
+
+ }
+
+ $('#fileMenuAnchor').parent().addClass('disableFileMenu');
+ if ($('#daImagePanel').length > 0) {
+ console.log('close')
+ //$('#daImagePanel').css('display', 'none');
+ // $('#daImagePanel').remove();
+ }
+ }
+ });
+
+ if ($location.url() == "/module-item-view") {
+ $timeout(function () {
+ $rootScope.hidePins();
+ }, 100);
+ }
+ $timeout(function () {
+ var $ua = navigator.userAgent;
+ if (($ua.match(/(iPod|iPhone|iPad|android)/i))) {
+ var printContainerWidth = $("#printcontainer").css("width");
+ $("#printcontainer").css({ "width": "100%", "min-width": printContainerWidth });
+ var jspanelContainerWidth = $("#jsPanel-1 .jsPanel-content").css("width");
+ $("#jsPanel-1 .jsPanel-content").css({ "width": "100%", "min-width": jspanelContainerWidth });
+ $("#jsPanel-1").css("width", "100%");
+
+ }
+ }, 500)
+ };
+
+ function OpenJSPanel() {
+ $("#daImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
+ $("#ciImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
+ $("#ImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
+ $.jsPanel({
+ id: 'jsPanel-1',
+ selector: '#dvPrintPreview',
+ theme: 'success',
+ currentController: 'HomeController',
+ //parentSlug: 'da-view-list', //After closing panel, control moves to here
+ ajax: {
+ url: 'app/views/home/printPreview.html'
+ },
+ title: $rootScope.getLocalStorageValue("currentViewTitle"),
+ position: {
+ top: 70,
+ left: 1,
+ },
+ controls: { buttons: 'closeonly' },
+ size: { width: $(window).outerWidth(), height: $(window).outerHeight() + 60 },
+ //size: { width: $(window).outerWidth() - 10, height: $(window).outerHeight() - 110 },
+ });
+ }
+ $rootScope.getLocalStorageValue = function (localStorageParam) {
+
+
+
+ if ((localStorage.getItem('loggedInUserDetails') == null) && ($rootScope.isVisibleLogin == false)) {
+ if ($location.url().indexOf('?em') == -1 && $location.url().indexOf('?unb') == -1)
+ $rootScope.LogoutUser();
+
+
+ }
+ else {
+ return localStorage.getItem(localStorageParam);
+ }
+
+
+ }
+ // $(
");
+ html2canvas($("#canvasDiv"), {
+ onrendered: function (canvas) {
+ var imgsrc = canvas.toDataURL("image/png");
+ var printContent = '
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
- A.D.A.M. Interactive Anatomy
-The most compresive online interactive anatomy learning resource
-
-
-
-
-
-
-
-
-
- Subscribe Now
- Learn More
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
>
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Setting
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- System Font
- -
-
-
- Sample
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Primary Lexicon
- - -Secondry Lexicon
- - - -
-
-
- Available Lexicon
- - -Note: Some languages require special system fonts to display correctly
-
-
-
-
-
-
-
-
-
-
-
- Skin Tones
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
- Modesty Setting
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Annotaion
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- List Manager
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Restrict List to
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  |
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ A.D.A.M. Interactive Anatomy
+The most compresive online interactive anatomy learning resource
+
+
+
+
+
+
+
+
+
+ Subscribe Now
+ Learn More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Setting
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ System Font
+ +
+
+
+ Sample
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Primary Lexicon
+ + +Secondry Lexicon
+ + + +
+
+
+ Available Lexicon
+ + +Note: Some languages require special system fonts to display correctly
+
+
+
+
+
+
+
+
+
+
+
+ Skin Tones
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Modesty Setting
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Annotaion
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ List Manager
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Restrict List to
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
+
+
+