ADAM / AIAHTML5

Commit ac023e81d1355e46957c5aa760524935da167443

Authored by unknown
1 parent 8372190f

Commit changes : 

Commented textArea  functionality
Inline Side-by-side
Showing 1 changed file with 450 additions and 450 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js
  View file @ac023e8
... ... @@ -704,93 +704,93 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
704 704  
705 705 break;
706 706 case "TextArea":
707   - $rootScope.IsTextAlreadySaveCI = false;
708   - $("#text_area").val('');
709   - // Draw text
710   - $rootScope.resetTextRectCI = $rootScope.ObjectIndexCI++;
711   - $rootScope.resetTextCI = $rootScope.ObjectIndexCI++;
712   - $('#canvas').drawText({
713   - layer: true,
714   - draggable: true,
715   - // opacity: $rootScope.shapestyleOpacity,
716   - name: 'TextArea_' + $rootScope.resetTextCI,
717   - groups: ['TextArea_' + $rootScope.resetTextCI],
718   - dragGroups: ['TextArea_' + $rootScope.resetTextCI],
719   - fillStyle: '#36c',
720   - strokeWidth: 0,
721   - x: $scope.offsetX1, y: $scope.offsetY1,
722   - fontSize: '14pt',
723   - align: "left",
724   - fontFamily: 'Verdana, sans-serif',
725   - text: ''
726   -
727   - })
728   - // Draw rect as wide as the text
729   - .drawRect({
730   - layer: true,
731   - name: "TextRect_" + $rootScope.resetTextRectCI,
732   - dragGroups: ['shapes'],
733   - opacity: $rootScope.shapestyleOpacity,
734   - strokeStyle: $rootScope.shapestyleborderColor,
735   - strokeWidth: $rootScope.shapestyleborderWidth,
736   - fillStyle: $rootScope.shapestyleFillColor,
737   - x: $scope.offsetX1, y: $scope.offsetY1,
738   - width: $scope.x - $scope.offsetX1,
739   - height: $scope.y - $scope.offsetY1,
740   - click: function (layer) {
741   -
742   - $rootScope.canvasLayerNameCollectionCI = [];
743   - $rootScope.canvasLayerNameCollectionCI.push(layer.name);
744   - $('#canvas').setLayer(layer.name, {
745   - handle: {
746   - type: 'rectangle',
747   - fillStyle: '#fff',
748   - strokeStyle: '#c33',
749   - strokeWidth: 2,
750   - width: 5, height: 5,
751   - cornerRadius: 3
752   - }
753   - }).drawLayers();
754   -
755   - },
756   - mouseout: function (layer) {
757   - $rootScope.canvasLayerNameCollectionCI = [];
758   - $('#canvas').setLayer(layer.name, {
759   - handle: {
760   - type: 'rectangle',
761   - fillStyle: 'pink',
762   - strokeStyle: 'yellow',
763   - strokeWidth: 0,
764   - width: 0, height: 0,
765   - cornerRadius: 0
766   - }
767   -
768   - }).drawLayers();
769   -
770   - },
771   - mouseover: function (layer) {
772   -
773   - $('#canvas').setLayer(layer.name, {
774   - handle: {
775   - type: 'rectangle',
776   - fillStyle: '#fff',
777   - strokeStyle: '#c33',
778   - strokeWidth: 2,
779   - width: 5, height: 5,
780   - cornerRadius: 3
781   - }
782   - }).drawLayers();
783   -
784   - }
785   - });
786   -
787   -
788   - $("#annotationTextModal").modal("toggle");
789   - $('.btnCursor').trigger('click');
790   - $("#text_area").val('');
791   - $("#text_area").css({ " font-family": 'Verdana, sans-serif', "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
792   - $(".btn-annotation").removeClass("activebtncolor");
793   - $('.btnCursor').addClass('activebtncolor');
  707 + //$rootScope.IsTextAlreadySaveCI = false;
  708 + //$("#text_area").val('');
  709 + //// Draw text
  710 + //$rootScope.resetTextRectCI = $rootScope.ObjectIndexCI++;
  711 + //$rootScope.resetTextCI = $rootScope.ObjectIndexCI++;
  712 + //$('#canvas').drawText({
  713 + // layer: true,
  714 + // draggable: true,
  715 + // // opacity: $rootScope.shapestyleOpacity,
  716 + // name: 'TextArea_' + $rootScope.resetTextCI,
  717 + // groups: ['TextArea_' + $rootScope.resetTextCI],
  718 + // dragGroups: ['TextArea_' + $rootScope.resetTextCI],
  719 + // fillStyle: '#36c',
  720 + // strokeWidth: 0,
  721 + // x: $scope.offsetX1, y: $scope.offsetY1,
  722 + // fontSize: '14pt',
  723 + // align: "left",
  724 + // fontFamily: 'Verdana, sans-serif',
  725 + // text: ''
  726 +
  727 + //})
  728 + //// Draw rect as wide as the text
  729 + //.drawRect({
  730 + // layer: true,
  731 + // name: "TextRect_" + $rootScope.resetTextRectCI,
  732 + // dragGroups: ['shapes'],
  733 + // opacity: $rootScope.shapestyleOpacity,
  734 + // strokeStyle: $rootScope.shapestyleborderColor,
  735 + // strokeWidth: $rootScope.shapestyleborderWidth,
  736 + // fillStyle: $rootScope.shapestyleFillColor,
  737 + // x: $scope.offsetX1, y: $scope.offsetY1,
  738 + // width: $scope.x - $scope.offsetX1,
  739 + // height: $scope.y - $scope.offsetY1,
  740 + // click: function (layer) {
  741 +
  742 + // $rootScope.canvasLayerNameCollectionCI = [];
  743 + // $rootScope.canvasLayerNameCollectionCI.push(layer.name);
  744 + // $('#canvas').setLayer(layer.name, {
  745 + // handle: {
  746 + // type: 'rectangle',
  747 + // fillStyle: '#fff',
  748 + // strokeStyle: '#c33',
  749 + // strokeWidth: 2,
  750 + // width: 5, height: 5,
  751 + // cornerRadius: 3
  752 + // }
  753 + // }).drawLayers();
  754 +
  755 + // },
  756 + // mouseout: function (layer) {
  757 + // $rootScope.canvasLayerNameCollectionCI = [];
  758 + // $('#canvas').setLayer(layer.name, {
  759 + // handle: {
  760 + // type: 'rectangle',
  761 + // fillStyle: 'pink',
  762 + // strokeStyle: 'yellow',
  763 + // strokeWidth: 0,
  764 + // width: 0, height: 0,
  765 + // cornerRadius: 0
  766 + // }
  767 +
  768 + // }).drawLayers();
  769 +
  770 + // },
  771 + // mouseover: function (layer) {
  772 +
  773 + // $('#canvas').setLayer(layer.name, {
  774 + // handle: {
  775 + // type: 'rectangle',
  776 + // fillStyle: '#fff',
  777 + // strokeStyle: '#c33',
  778 + // strokeWidth: 2,
  779 + // width: 5, height: 5,
  780 + // cornerRadius: 3
  781 + // }
  782 + // }).drawLayers();
  783 +
  784 + // }
  785 + //});
  786 +
  787 +
  788 + //$("#annotationTextModal").modal("toggle");
  789 + //$('.btnCursor').trigger('click');
  790 + //$("#text_area").val('');
  791 + //$("#text_area").css({ " font-family": 'Verdana, sans-serif', "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
  792 + //$(".btn-annotation").removeClass("activebtncolor");
  793 + //$('.btnCursor').addClass('activebtncolor');
794 794 break;
795 795  
796 796 case "DrawPolygon":
... ... @@ -821,369 +821,369 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
821 821 // will refactor this code later
822 822  
823 823  
824   - $rootScope.saveText = function () {
825   - // this part will work first time when save button will be clicked
826   - if ($rootScope.IsTextAlreadySaveCI == false) {
827   - // getting textarea style properties
828   - $rootScope.fontSizesCI = $("#text_area").css("font-size");
829   - $rootScope.fontWeightCI = $("#text_area").css("font-weight");
830   - $rootScope.fontStyleCI = $("#text_area").css("font-style");
831   - $rootScope.textAlignmtCI = $("#text_area").css("text-align");
832   - $rootScope.fontColorCI = $("#text_area").css("color");
833   - $rootScope.fontFamilyCI = $("#text_area").css("font-family");
834   - $rootScope.underlineTextCI = $("#text_area").css("text-decoration");
835   - $rootScope.textAreaCI = $("#text_area").val();
836   -
837   - // deleting previous text area
838   -
839   - $("#canvas").removeLayer('TextArea_' + $rootScope.resetTextCI).drawLayers();
840   - $("#canvas").removeLayer("TextRect_" + $rootScope.resetTextRectCI).drawLayers();
841   -
842   - // Text After Saving in Rectangle
843   - $('#canvas').drawText({
844   - layer: true,
845   - draggable: true,
846   - name: 'TextArea_' + $rootScope.resetTextCI,
847   - groups: ['TextArea_' + $rootScope.resetTextCI],
848   - dragGroups: ['TextArea_' + $rootScope.resetTextCI],
849   - fillStyle: $rootScope.fontColorCI,
850   - fontStyle: $rootScope.fontWeightCI + " " + $rootScope.fontStyleCI,
851   - fontSize: $rootScope.fontSizesCI,
852   - fontFamily: $rootScope.fontFamilyCI,
853   - align: $rootScope.textAlignmtCI,
854   - strokeWidth: 0,
855   - text: $rootScope.textAreaCI,
856   - x: $scope.offsetX1, y: $scope.offsetY1,
857   - maxWidth: $scope.x - $scope.offsetX1,
858   - maxHeight: $scope.y - $scope.offsetY1,
859   - add: function (layer) {
860   - $rootScope.TextPropertyArrayCI.push({ Text1: '', Align: '', FontColor: '', FontSize: '', FontStyle: '', FontFamily: '' });
861   - $rootScope.TextPropertyArrayCI.push({ Text1: layer.text, Align: layer.align, FontColor: layer.fillStyle, FontSize: layer.fontSize, FontStyle: layer.fontStyle, FontFamily: layer.fontFamily, TextDecoration: $rootScope.underlineTextCI });
862   - }
863   - })
864   - // Draw rectangle
865   - .drawRect({
866   - name: 'TextArea1_' + $rootScope.resetTextCI,
867   - layer: true,
868   - draggable: true,
869   - groups: ['TextArea_' + $rootScope.resetTextCI],
870   - dragGroups: ['TextArea_' + $rootScope.resetTextCI],
871   - opacity: $rootScope.shapestyleOpacity,
872   - strokeStyle: $rootScope.shapestyleborderColor,
873   - strokeWidth: $rootScope.shapestyleborderWidth,
874   - x: $scope.offsetX1, y: $scope.offsetY1,
875   - width: $scope.x - $scope.offsetX1,
876   - height: $scope.y - $scope.offsetY1,
877   - click: function (layer) {
878   - $rootScope.shapeTypeTextCI = "textAreaRect";
879   -
880   - var layerNameSplit = layer.name;
881   - var splitedName = layerNameSplit.split("_");
882   - var textValName = "TextArea_";
883   - var concatinateResult = textValName.concat(splitedName[1]);
884   - $rootScope.canvasLayerNameCollectionCI = [];
885   - $rootScope.canvasLayerNameCollectionCI.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
886   - $('#canvas').setLayer(layer.name, {
887   - handle: {
888   - type: 'rectangle',
889   - fillStyle: '#fff',
890   - strokeStyle: '#c33',
891   - strokeWidth: 2,
892   - width: 5, height: 5,
893   - cornerRadius: 3
894   - }
895   - }).drawLayers();
896   - },
897   - dblclick: function (layer) {
898   - $rootScope.IsTextAlreadySaveCI = true;
899   - $rootScope.isTextAreaClosedButtonActiveCI = false;
900   - var _rectLayerOnSave = layer.name;
901   - var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
902   - var TextAreaRectName = "TextArea_";
903   - var TextAreaRectNameConcatenated = TextAreaRectName.concat(_rectLayerOnSaveSplit[1]);
904   - $rootScope.modifySavedTextCI.push({ TextName: layer.name, RectText: TextAreaRectNameConcatenated });
905   - $rootScope.rectDimensionCI.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
906   - var _rectLayerOnSaveSplitInt;
907   - //if (_rectLayerOnSaveSplit[1] >= 3)
908   - // _rectLayerOnSaveSplitInt = parseInt(_rectLayerOnSaveSplit[1] - 2);
909   - //else
910   - _rectLayerOnSaveSplitInt = parseInt(_rectLayerOnSaveSplit[1]);
911   - var b = $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Text1;
912   - $("#text_area").val(b);
913   - var fontStyleProp = $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontStyle;
914   - var fontWeightProp = fontStyleProp.split(" ");
915   -
916   - $("#text_area").css("font-size", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontSize);
917   - $("#text_area").css("font-weight", fontWeightProp[0]);
918   - $("#text_area").css("font-style", fontWeightProp[1]);
919   - $("#text_area").css("text-align", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align);
920   - $("#text_area").css("color", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontColor);
921   - $("#text_area").css("font-family", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontFamily);
922   - $("#text_area").css("text-decoration", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].TextDecoration);
923   -
924   -
925   - //adding text text decoration active class in text edit pop-up
926   -
927   - if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].TextDecoration == "underline") {
928   - $("#text-underline").addClass("ActiveFormattingButtonClass");
929   - }
930   - else {
931   - $("#text-underline").removeClass("ActiveFormattingButtonClass");
932   - }
933   -
934   - //adding text font weight active class in text edit pop-up
935   -
936   - if (fontWeightProp[0] == 700) {
937   - $("#text-bold").addClass("ActiveFormattingButtonClass");
938   - }
939   - else {
940   - $("#text-bold").removeClass("ActiveFormattingButtonClass");
941   - }
942   -
943   - //adding text font style active class in text edit pop-up
944   -
945   - if (fontWeightProp[1] == "italic") {
946   - $("#text-italic").addClass("ActiveFormattingButtonClass");
947   - }
948   - else {
949   - $("#text-italic").removeClass("ActiveFormattingButtonClass");
950   - }
951   -
952   -
953   -
954   - //adding text alignment active class in text edit pop-up
955   -
956   - if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align == "left") {
957   - $("#text-right").removeClass("ActiveFormattingButtonClass");
958   - $("#text-center").removeClass("ActiveFormattingButtonClass")
959   - $("#text-left").addClass("ActiveFormattingButtonClass");
960   - }
961   -
962   - else if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align == "right") {
963   - $("#text-center").removeClass("ActiveFormattingButtonClass")
964   - $("#text-left").removeClass("ActiveFormattingButtonClass");
965   - $("#text-right").addClass("ActiveFormattingButtonClass");
966   - }
967   -
968   - else if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align == "center") {
969   - $("#text-left").removeClass("ActiveFormattingButtonClass");
970   - $("#text-right").removeClass("ActiveFormattingButtonClass");
971   - $("#text-center").addClass("ActiveFormattingButtonClass");
972   - }
973   -
974   -
975   - _rectLayerOnSaveSplitInt = ''; b = '';
976   - $("#annotationTextModal").modal("toggle");
977   - },
978   - mouseout: function (layer) {
979   - $rootScope.canvasLayerNameCollectionCI = [];
980   - $('#canvas').setLayer(layer.name, {
981   - handle: {
982   - type: 'rectangle',
983   - fillStyle: 'pink',
984   - strokeStyle: 'yellow',
985   - strokeWidth: 0,
986   - width: 0, height: 0,
987   - cornerRadius: 0
988   - }
989   - }).drawLayers();
990   - },
991   - mouseover: function (layer) {
992   - $('#canvas').setLayer(layer.name, {
993   - handle: {
994   - type: 'rectangle',
995   - fillStyle: '#fff',
996   - strokeStyle: '#c33',
997   - strokeWidth: 2,
998   - width: 5, height: 5,
999   - cornerRadius: 3
1000   - }
1001   - }).drawLayers();
1002   -
1003   - }
1004   - });
1005   - $("#text_area").val('');
1006   - $("#text_area").css({ " font-family": "'Verdana, sans-serif'", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
1007   - $("#text-italic").removeClass("ActiveFormattingButtonClass");
1008   - $("#text-bold").removeClass("ActiveFormattingButtonClass");
1009   - $("#text-underline").removeClass("ActiveFormattingButtonClass");
1010   - $("#text-left").removeClass("ActiveFormattingButtonClass");
1011   - $("#text-right").removeClass("ActiveFormattingButtonClass");
1012   - $("#text-center").removeClass("ActiveFormattingButtonClass");
1013   - }
1014   -
1015   - // this part will work second time when save button will be clicked
1016   - else {
1017   - // getting textarea style properties
1018   - var _modifiedText = $("#text_area").val();
1019   - var _modifiedFontSize = $("#text_area").css("font-size");
1020   - var _modifiedFontWeight = $("#text_area").css("font-weight");
1021   - var _modifiedFontStyle = $("#text_area").css("font-style");
1022   - var _modifiedTextAlign = $("#text_area").css("text-align");
1023   - var _modifiedFontColor = $("#text_area").css("color");
1024   - var _modifiedFontFamily = $("#text_area").css("font-family");
1025   - var _modifiedFontDecoration = $("#text_area").css("text-decoration");
1026   -
1027   - // deleting previous textarea
1028   - $("#canvas").removeLayer($rootScope.modifySavedTextCI[0].RectText).drawLayers();
1029   - $("#canvas").removeLayer($rootScope.modifySavedTextCI[0].TextName).drawLayers();
1030   - $rootScope.resetTextRectSaveCI = $rootScope.ObjectIndexSaveCI++;
1031   - $rootScope.resetTextSaveCI = $rootScope.ObjectIndexSaveCI++;
1032   -
1033   - // generating new text area
1034   - $('#canvas').drawText({
1035   - layer: true,
1036   - draggable: true,
1037   - name: 'TextAreaAfterEdit_' + $rootScope.resetTextSaveCI,
1038   - groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI],
1039   - dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI],
1040   - fillStyle: _modifiedFontColor,
1041   - fontStyle: _modifiedFontWeight + " " + _modifiedFontStyle,
1042   - fontSize: _modifiedFontSize,
1043   - fontFamily: _modifiedFontFamily,
1044   - align: _modifiedTextAlign,
1045   - strokeWidth: 0,
1046   - text: _modifiedText,
1047   - x: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].x, y: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].y,
1048   - maxWidth: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].width,
1049   - maxHeight: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].height
1050   -
1051   - })
1052   - // Draw rect as wide as the text
1053   - .drawRect({
1054   - name: 'TextAreaAfterEditRect_' + $rootScope.resetTextSaveCI,
1055   - layer: true,
1056   - draggable: true,
1057   - groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI],
1058   - dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI],
1059   - opacity: $rootScope.shapestyleOpacity,
1060   - strokeStyle: $rootScope.shapestyleborderColor,
1061   - strokeWidth: $rootScope.shapestyleborderWidth,
1062   - x: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].x, y: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].y,
1063   - width: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].width,
1064   - height: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].height,
1065   - click: function (layer) {
1066   - $rootScope.shapeTypeTextCI = "textAreaRect";
1067   - var layerNameSplit = layer.name;
1068   - var splitedName = layerNameSplit.split("_");
1069   - var textValName = "TextAreaAfterEdit_";
1070   - var concatinateResult = textValName.concat(splitedName[1]);
1071   - $rootScope.canvasLayerNameCollectionCI = [];
1072   - $rootScope.canvasLayerNameCollectionCI.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
1073   -
1074   - $('#canvas').setLayer(layer.name, {
1075   - handle: {
1076   - type: 'rectangle',
1077   - fillStyle: '#fff',
1078   - strokeStyle: '#c33',
1079   - strokeWidth: 2,
1080   - width: 5, height: 5,
1081   - cornerRadius: 3
1082   - }
1083   - }).drawLayers();
1084   -
1085   - },
1086   - dblclick: function (layer) {
1087   - //debugger;
1088   - $rootScope.isTextAreaClosedButtonActiveCI = false;
1089   - $rootScope.IsTextAlreadySaveCI = true;
1090   - var _rectLayerOnSave = layer.name;
1091   - var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
1092   - var RectNameAfterEdit = "TextAreaAfterEdit_";
1093   - var RectNameAfterEditResult = RectNameAfterEdit.concat(_rectLayerOnSaveSplit[1]);
1094   - $rootScope.modifySavedTextCI.push({ TextName: layer.name, RectText: RectNameAfterEditResult });
1095   - $rootScope.rectDimensionCI.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
1096   - $("#text_area").val(_modifiedText);
1097   - $("#text_area").css("font-size", _modifiedFontSize);
1098   - $("#text_area").css("font-weight", _modifiedFontWeight);
1099   - $("#text_area").css("font-style", _modifiedFontStyle);
1100   - $("#text_area").css("text-align", _modifiedTextAlign);
1101   - $("#text_area").css("color", _modifiedFontColor);
1102   - $("#text_area").css("font-family", _modifiedFontFamily);
1103   - $("#text_area").css("text-decoration", _modifiedFontDecoration);
1104   -
1105   - //adding text text decoration active class in text edit pop-up
1106   - if (_modifiedFontDecoration == "underline") {
1107   - $("#text-underline").addClass("ActiveFormattingButtonClass");
1108   - }
1109   - else {
1110   - $("#text-underline").removeClass("ActiveFormattingButtonClass");
1111   - }
1112   -
1113   - //adding text font weight active class in text edit pop-up
1114   - if (_modifiedFontWeight == 700) {
1115   -
1116   - $("#text-bold").addClass("ActiveFormattingButtonClass");
1117   - }
1118   - else {
1119   -
1120   - $("#text-bold").removeClass("ActiveFormattingButtonClass");
1121   -
1122   - }
1123   -
1124   - //adding text font style active class in text edit pop-up
1125   - if (_modifiedFontStyle == "italic") {
1126   -
1127   - $("#text-italic").addClass("ActiveFormattingButtonClass");
1128   - }
1129   - else {
1130   - $("#text-italic").removeClass("ActiveFormattingButtonClass");
1131   -
1132   - }
1133   -
1134   - //adding text alignment active class in text edit pop-up
1135   - if (_modifiedTextAlign == "left") {
1136   - $("#text-right").removeClass("ActiveFormattingButtonClass");
1137   - $("#text-center").removeClass("ActiveFormattingButtonClass")
1138   - $("#text-left").addClass("ActiveFormattingButtonClass");
1139   - }
1140   - else if (_modifiedTextAlign == "right") {
1141   -
1142   - $("#text-center").removeClass("ActiveFormattingButtonClass")
1143   - $("#text-left").removeClass("ActiveFormattingButtonClass");
1144   - $("#text-right").addClass("ActiveFormattingButtonClass");
1145   -
1146   - }
1147   - else if (_modifiedTextAlign == "center") {
1148   - $("#text-left").removeClass("ActiveFormattingButtonClass");
1149   - $("#text-right").removeClass("ActiveFormattingButtonClass");
1150   - $("#text-center").addClass("ActiveFormattingButtonClass");
1151   -
1152   - }
1153   -
1154   - $("#annotationTextModal").modal("toggle");
1155   - },
1156   - mouseout: function (layer) {
1157   - $rootScope.canvasLayerNameCollectionCI = [];
1158   - $('#canvas').setLayer(layer.name, {
1159   - handle: {
1160   - type: 'rectangle',
1161   - fillStyle: 'pink',
1162   - strokeStyle: 'yellow',
1163   - strokeWidth: 0,
1164   - width: 0, height: 0,
1165   - cornerRadius: 0
1166   - }
1167   - }).drawLayers();
1168   - },
1169   - mouseover: function (layer) {
1170   - $('#canvas').setLayer(layer.name, {
1171   - handle: {
1172   - type: 'rectangle',
1173   - fillStyle: '#fff',
1174   - strokeStyle: '#c33',
1175   - strokeWidth: 2,
1176   - width: 5, height: 5,
1177   - cornerRadius: 3
1178   - }
1179   - }).drawLayers();
1180   -
1181   - }
1182   - });
1183   - $rootScope.modifySavedTextCI = [];
1184   -
1185   - }
1186   - }
  824 + //$rootScope.saveText = function () {
  825 + // // this part will work first time when save button will be clicked
  826 + // if ($rootScope.IsTextAlreadySaveCI == false) {
  827 + // // getting textarea style properties
  828 + // $rootScope.fontSizesCI = $("#text_area").css("font-size");
  829 + // $rootScope.fontWeightCI = $("#text_area").css("font-weight");
  830 + // $rootScope.fontStyleCI = $("#text_area").css("font-style");
  831 + // $rootScope.textAlignmtCI = $("#text_area").css("text-align");
  832 + // $rootScope.fontColorCI = $("#text_area").css("color");
  833 + // $rootScope.fontFamilyCI = $("#text_area").css("font-family");
  834 + // $rootScope.underlineTextCI = $("#text_area").css("text-decoration");
  835 + // $rootScope.textAreaCI = $("#text_area").val();
  836 +
  837 + // // deleting previous text area
  838 +
  839 + // $("#canvas").removeLayer('TextArea_' + $rootScope.resetTextCI).drawLayers();
  840 + // $("#canvas").removeLayer("TextRect_" + $rootScope.resetTextRectCI).drawLayers();
  841 +
  842 + // // Text After Saving in Rectangle
  843 + // $('#canvas').drawText({
  844 + // layer: true,
  845 + // draggable: true,
  846 + // name: 'TextArea_' + $rootScope.resetTextCI,
  847 + // groups: ['TextArea_' + $rootScope.resetTextCI],
  848 + // dragGroups: ['TextArea_' + $rootScope.resetTextCI],
  849 + // fillStyle: $rootScope.fontColorCI,
  850 + // fontStyle: $rootScope.fontWeightCI + " " + $rootScope.fontStyleCI,
  851 + // fontSize: $rootScope.fontSizesCI,
  852 + // fontFamily: $rootScope.fontFamilyCI,
  853 + // align: $rootScope.textAlignmtCI,
  854 + // strokeWidth: 0,
  855 + // text: $rootScope.textAreaCI,
  856 + // x: $scope.offsetX1, y: $scope.offsetY1,
  857 + // maxWidth: $scope.x - $scope.offsetX1,
  858 + // maxHeight: $scope.y - $scope.offsetY1,
  859 + // add: function (layer) {
  860 + // $rootScope.TextPropertyArrayCI.push({ Text1: '', Align: '', FontColor: '', FontSize: '', FontStyle: '', FontFamily: '' });
  861 + // $rootScope.TextPropertyArrayCI.push({ Text1: layer.text, Align: layer.align, FontColor: layer.fillStyle, FontSize: layer.fontSize, FontStyle: layer.fontStyle, FontFamily: layer.fontFamily, TextDecoration: $rootScope.underlineTextCI });
  862 + // }
  863 + // })
  864 + // // Draw rectangle
  865 + // .drawRect({
  866 + // name: 'TextArea1_' + $rootScope.resetTextCI,
  867 + // layer: true,
  868 + // draggable: true,
  869 + // groups: ['TextArea_' + $rootScope.resetTextCI],
  870 + // dragGroups: ['TextArea_' + $rootScope.resetTextCI],
  871 + // opacity: $rootScope.shapestyleOpacity,
  872 + // strokeStyle: $rootScope.shapestyleborderColor,
  873 + // strokeWidth: $rootScope.shapestyleborderWidth,
  874 + // x: $scope.offsetX1, y: $scope.offsetY1,
  875 + // width: $scope.x - $scope.offsetX1,
  876 + // height: $scope.y - $scope.offsetY1,
  877 + // click: function (layer) {
  878 + // $rootScope.shapeTypeTextCI = "textAreaRect";
  879 +
  880 + // var layerNameSplit = layer.name;
  881 + // var splitedName = layerNameSplit.split("_");
  882 + // var textValName = "TextArea_";
  883 + // var concatinateResult = textValName.concat(splitedName[1]);
  884 + // $rootScope.canvasLayerNameCollectionCI = [];
  885 + // $rootScope.canvasLayerNameCollectionCI.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
  886 + // $('#canvas').setLayer(layer.name, {
  887 + // handle: {
  888 + // type: 'rectangle',
  889 + // fillStyle: '#fff',
  890 + // strokeStyle: '#c33',
  891 + // strokeWidth: 2,
  892 + // width: 5, height: 5,
  893 + // cornerRadius: 3
  894 + // }
  895 + // }).drawLayers();
  896 + // },
  897 + // dblclick: function (layer) {
  898 + // $rootScope.IsTextAlreadySaveCI = true;
  899 + // $rootScope.isTextAreaClosedButtonActiveCI = false;
  900 + // var _rectLayerOnSave = layer.name;
  901 + // var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
  902 + // var TextAreaRectName = "TextArea_";
  903 + // var TextAreaRectNameConcatenated = TextAreaRectName.concat(_rectLayerOnSaveSplit[1]);
  904 + // $rootScope.modifySavedTextCI.push({ TextName: layer.name, RectText: TextAreaRectNameConcatenated });
  905 + // $rootScope.rectDimensionCI.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
  906 + // var _rectLayerOnSaveSplitInt;
  907 + // //if (_rectLayerOnSaveSplit[1] >= 3)
  908 + // // _rectLayerOnSaveSplitInt = parseInt(_rectLayerOnSaveSplit[1] - 2);
  909 + // //else
  910 + // _rectLayerOnSaveSplitInt = parseInt(_rectLayerOnSaveSplit[1]);
  911 + // var b = $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Text1;
  912 + // $("#text_area").val(b);
  913 + // var fontStyleProp = $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontStyle;
  914 + // var fontWeightProp = fontStyleProp.split(" ");
  915 +
  916 + // $("#text_area").css("font-size", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontSize);
  917 + // $("#text_area").css("font-weight", fontWeightProp[0]);
  918 + // $("#text_area").css("font-style", fontWeightProp[1]);
  919 + // $("#text_area").css("text-align", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align);
  920 + // $("#text_area").css("color", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontColor);
  921 + // $("#text_area").css("font-family", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontFamily);
  922 + // $("#text_area").css("text-decoration", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].TextDecoration);
  923 +
  924 +
  925 + // //adding text text decoration active class in text edit pop-up
  926 +
  927 + // if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].TextDecoration == "underline") {
  928 + // $("#text-underline").addClass("ActiveFormattingButtonClass");
  929 + // }
  930 + // else {
  931 + // $("#text-underline").removeClass("ActiveFormattingButtonClass");
  932 + // }
  933 +
  934 + // //adding text font weight active class in text edit pop-up
  935 +
  936 + // if (fontWeightProp[0] == 700) {
  937 + // $("#text-bold").addClass("ActiveFormattingButtonClass");
  938 + // }
  939 + // else {
  940 + // $("#text-bold").removeClass("ActiveFormattingButtonClass");
  941 + // }
  942 +
  943 + // //adding text font style active class in text edit pop-up
  944 +
  945 + // if (fontWeightProp[1] == "italic") {
  946 + // $("#text-italic").addClass("ActiveFormattingButtonClass");
  947 + // }
  948 + // else {
  949 + // $("#text-italic").removeClass("ActiveFormattingButtonClass");
  950 + // }
  951 +
  952 +
  953 +
  954 + // //adding text alignment active class in text edit pop-up
  955 +
  956 + // if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align == "left") {
  957 + // $("#text-right").removeClass("ActiveFormattingButtonClass");
  958 + // $("#text-center").removeClass("ActiveFormattingButtonClass")
  959 + // $("#text-left").addClass("ActiveFormattingButtonClass");
  960 + // }
  961 +
  962 + // else if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align == "right") {
  963 + // $("#text-center").removeClass("ActiveFormattingButtonClass")
  964 + // $("#text-left").removeClass("ActiveFormattingButtonClass");
  965 + // $("#text-right").addClass("ActiveFormattingButtonClass");
  966 + // }
  967 +
  968 + // else if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align == "center") {
  969 + // $("#text-left").removeClass("ActiveFormattingButtonClass");
  970 + // $("#text-right").removeClass("ActiveFormattingButtonClass");
  971 + // $("#text-center").addClass("ActiveFormattingButtonClass");
  972 + // }
  973 +
  974 +
  975 + // _rectLayerOnSaveSplitInt = ''; b = '';
  976 + // $("#annotationTextModal").modal("toggle");
  977 + // },
  978 + // mouseout: function (layer) {
  979 + // $rootScope.canvasLayerNameCollectionCI = [];
  980 + // $('#canvas').setLayer(layer.name, {
  981 + // handle: {
  982 + // type: 'rectangle',
  983 + // fillStyle: 'pink',
  984 + // strokeStyle: 'yellow',
  985 + // strokeWidth: 0,
  986 + // width: 0, height: 0,
  987 + // cornerRadius: 0
  988 + // }
  989 + // }).drawLayers();
  990 + // },
  991 + // mouseover: function (layer) {
  992 + // $('#canvas').setLayer(layer.name, {
  993 + // handle: {
  994 + // type: 'rectangle',
  995 + // fillStyle: '#fff',
  996 + // strokeStyle: '#c33',
  997 + // strokeWidth: 2,
  998 + // width: 5, height: 5,
  999 + // cornerRadius: 3
  1000 + // }
  1001 + // }).drawLayers();
  1002 +
  1003 + // }
  1004 + // });
  1005 + // $("#text_area").val('');
  1006 + // $("#text_area").css({ " font-family": "'Verdana, sans-serif'", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
  1007 + // $("#text-italic").removeClass("ActiveFormattingButtonClass");
  1008 + // $("#text-bold").removeClass("ActiveFormattingButtonClass");
  1009 + // $("#text-underline").removeClass("ActiveFormattingButtonClass");
  1010 + // $("#text-left").removeClass("ActiveFormattingButtonClass");
  1011 + // $("#text-right").removeClass("ActiveFormattingButtonClass");
  1012 + // $("#text-center").removeClass("ActiveFormattingButtonClass");
  1013 + // }
  1014 +
  1015 + // // this part will work second time when save button will be clicked
  1016 + // else {
  1017 + // // getting textarea style properties
  1018 + // var _modifiedText = $("#text_area").val();
  1019 + // var _modifiedFontSize = $("#text_area").css("font-size");
  1020 + // var _modifiedFontWeight = $("#text_area").css("font-weight");
  1021 + // var _modifiedFontStyle = $("#text_area").css("font-style");
  1022 + // var _modifiedTextAlign = $("#text_area").css("text-align");
  1023 + // var _modifiedFontColor = $("#text_area").css("color");
  1024 + // var _modifiedFontFamily = $("#text_area").css("font-family");
  1025 + // var _modifiedFontDecoration = $("#text_area").css("text-decoration");
  1026 +
  1027 + // // deleting previous textarea
  1028 + // $("#canvas").removeLayer($rootScope.modifySavedTextCI[0].RectText).drawLayers();
  1029 + // $("#canvas").removeLayer($rootScope.modifySavedTextCI[0].TextName).drawLayers();
  1030 + // $rootScope.resetTextRectSaveCI = $rootScope.ObjectIndexSaveCI++;
  1031 + // $rootScope.resetTextSaveCI = $rootScope.ObjectIndexSaveCI++;
  1032 +
  1033 + // // generating new text area
  1034 + // $('#canvas').drawText({
  1035 + // layer: true,
  1036 + // draggable: true,
  1037 + // name: 'TextAreaAfterEdit_' + $rootScope.resetTextSaveCI,
  1038 + // groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI],
  1039 + // dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI],
  1040 + // fillStyle: _modifiedFontColor,
  1041 + // fontStyle: _modifiedFontWeight + " " + _modifiedFontStyle,
  1042 + // fontSize: _modifiedFontSize,
  1043 + // fontFamily: _modifiedFontFamily,
  1044 + // align: _modifiedTextAlign,
  1045 + // strokeWidth: 0,
  1046 + // text: _modifiedText,
  1047 + // x: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].x, y: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].y,
  1048 + // maxWidth: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].width,
  1049 + // maxHeight: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].height
  1050 +
  1051 + // })
  1052 + // // Draw rect as wide as the text
  1053 + // .drawRect({
  1054 + // name: 'TextAreaAfterEditRect_' + $rootScope.resetTextSaveCI,
  1055 + // layer: true,
  1056 + // draggable: true,
  1057 + // groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI],
  1058 + // dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI],
  1059 + // opacity: $rootScope.shapestyleOpacity,
  1060 + // strokeStyle: $rootScope.shapestyleborderColor,
  1061 + // strokeWidth: $rootScope.shapestyleborderWidth,
  1062 + // x: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].x, y: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].y,
  1063 + // width: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].width,
  1064 + // height: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].height,
  1065 + // click: function (layer) {
  1066 + // $rootScope.shapeTypeTextCI = "textAreaRect";
  1067 + // var layerNameSplit = layer.name;
  1068 + // var splitedName = layerNameSplit.split("_");
  1069 + // var textValName = "TextAreaAfterEdit_";
  1070 + // var concatinateResult = textValName.concat(splitedName[1]);
  1071 + // $rootScope.canvasLayerNameCollectionCI = [];
  1072 + // $rootScope.canvasLayerNameCollectionCI.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
  1073 +
  1074 + // $('#canvas').setLayer(layer.name, {
  1075 + // handle: {
  1076 + // type: 'rectangle',
  1077 + // fillStyle: '#fff',
  1078 + // strokeStyle: '#c33',
  1079 + // strokeWidth: 2,
  1080 + // width: 5, height: 5,
  1081 + // cornerRadius: 3
  1082 + // }
  1083 + // }).drawLayers();
  1084 +
  1085 + // },
  1086 + // dblclick: function (layer) {
  1087 + // //debugger;
  1088 + // $rootScope.isTextAreaClosedButtonActiveCI = false;
  1089 + // $rootScope.IsTextAlreadySaveCI = true;
  1090 + // var _rectLayerOnSave = layer.name;
  1091 + // var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
  1092 + // var RectNameAfterEdit = "TextAreaAfterEdit_";
  1093 + // var RectNameAfterEditResult = RectNameAfterEdit.concat(_rectLayerOnSaveSplit[1]);
  1094 + // $rootScope.modifySavedTextCI.push({ TextName: layer.name, RectText: RectNameAfterEditResult });
  1095 + // $rootScope.rectDimensionCI.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
  1096 + // $("#text_area").val(_modifiedText);
  1097 + // $("#text_area").css("font-size", _modifiedFontSize);
  1098 + // $("#text_area").css("font-weight", _modifiedFontWeight);
  1099 + // $("#text_area").css("font-style", _modifiedFontStyle);
  1100 + // $("#text_area").css("text-align", _modifiedTextAlign);
  1101 + // $("#text_area").css("color", _modifiedFontColor);
  1102 + // $("#text_area").css("font-family", _modifiedFontFamily);
  1103 + // $("#text_area").css("text-decoration", _modifiedFontDecoration);
  1104 +
  1105 + // //adding text text decoration active class in text edit pop-up
  1106 + // if (_modifiedFontDecoration == "underline") {
  1107 + // $("#text-underline").addClass("ActiveFormattingButtonClass");
  1108 + // }
  1109 + // else {
  1110 + // $("#text-underline").removeClass("ActiveFormattingButtonClass");
  1111 + // }
  1112 +
  1113 + // //adding text font weight active class in text edit pop-up
  1114 + // if (_modifiedFontWeight == 700) {
  1115 +
  1116 + // $("#text-bold").addClass("ActiveFormattingButtonClass");
  1117 + // }
  1118 + // else {
  1119 +
  1120 + // $("#text-bold").removeClass("ActiveFormattingButtonClass");
  1121 +
  1122 + // }
  1123 +
  1124 + // //adding text font style active class in text edit pop-up
  1125 + // if (_modifiedFontStyle == "italic") {
  1126 +
  1127 + // $("#text-italic").addClass("ActiveFormattingButtonClass");
  1128 + // }
  1129 + // else {
  1130 + // $("#text-italic").removeClass("ActiveFormattingButtonClass");
  1131 +
  1132 + // }
  1133 +
  1134 + // //adding text alignment active class in text edit pop-up
  1135 + // if (_modifiedTextAlign == "left") {
  1136 + // $("#text-right").removeClass("ActiveFormattingButtonClass");
  1137 + // $("#text-center").removeClass("ActiveFormattingButtonClass")
  1138 + // $("#text-left").addClass("ActiveFormattingButtonClass");
  1139 + // }
  1140 + // else if (_modifiedTextAlign == "right") {
  1141 +
  1142 + // $("#text-center").removeClass("ActiveFormattingButtonClass")
  1143 + // $("#text-left").removeClass("ActiveFormattingButtonClass");
  1144 + // $("#text-right").addClass("ActiveFormattingButtonClass");
  1145 +
  1146 + // }
  1147 + // else if (_modifiedTextAlign == "center") {
  1148 + // $("#text-left").removeClass("ActiveFormattingButtonClass");
  1149 + // $("#text-right").removeClass("ActiveFormattingButtonClass");
  1150 + // $("#text-center").addClass("ActiveFormattingButtonClass");
  1151 +
  1152 + // }
  1153 +
  1154 + // $("#annotationTextModal").modal("toggle");
  1155 + // },
  1156 + // mouseout: function (layer) {
  1157 + // $rootScope.canvasLayerNameCollectionCI = [];
  1158 + // $('#canvas').setLayer(layer.name, {
  1159 + // handle: {
  1160 + // type: 'rectangle',
  1161 + // fillStyle: 'pink',
  1162 + // strokeStyle: 'yellow',
  1163 + // strokeWidth: 0,
  1164 + // width: 0, height: 0,
  1165 + // cornerRadius: 0
  1166 + // }
  1167 + // }).drawLayers();
  1168 + // },
  1169 + // mouseover: function (layer) {
  1170 + // $('#canvas').setLayer(layer.name, {
  1171 + // handle: {
  1172 + // type: 'rectangle',
  1173 + // fillStyle: '#fff',
  1174 + // strokeStyle: '#c33',
  1175 + // strokeWidth: 2,
  1176 + // width: 5, height: 5,
  1177 + // cornerRadius: 3
  1178 + // }
  1179 + // }).drawLayers();
  1180 +
  1181 + // }
  1182 + // });
  1183 + // $rootScope.modifySavedTextCI = [];
  1184 +
  1185 + // }
  1186 + //}
1187 1187  
1188 1188 // deleting text area on close button
1189 1189 $rootScope.closeModal = function () {
... ...