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,93 +704,93 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
704 704
705 break; 705 break;
706 case "TextArea": 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 break; 794 break;
795 795
796 case "DrawPolygon": 796 case "DrawPolygon":
@@ -821,369 +821,369 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout @@ -821,369 +821,369 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
821 // will refactor this code later 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 // deleting text area on close button 1188 // deleting text area on close button
1189 $rootScope.closeModal = function () { 1189 $rootScope.closeModal = function () {