diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js index 113e6ad..968ed69 100644 --- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js +++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/CIController.js @@ -704,93 +704,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout break; case "TextArea": - //$rootScope.IsTextAlreadySaveCI = false; - //$("#text_area").val(''); - //// Draw text - //$rootScope.resetTextRectCI = $rootScope.ObjectIndexCI++; - //$rootScope.resetTextCI = $rootScope.ObjectIndexCI++; - //$('#canvas').drawText({ - // layer: true, - // draggable: true, - // // opacity: $rootScope.shapestyleOpacity, - // name: 'TextArea_' + $rootScope.resetTextCI, - // groups: ['TextArea_' + $rootScope.resetTextCI], - // dragGroups: ['TextArea_' + $rootScope.resetTextCI], - // fillStyle: '#36c', - // strokeWidth: 0, - // x: $scope.offsetX1, y: $scope.offsetY1, - // fontSize: '14pt', - // align: "left", - // fontFamily: 'Verdana, sans-serif', - // text: '' - - //}) - //// Draw rect as wide as the text - //.drawRect({ - // layer: true, - // name: "TextRect_" + $rootScope.resetTextRectCI, - // dragGroups: ['shapes'], - // opacity: $rootScope.shapestyleOpacity, - // strokeStyle: $rootScope.shapestyleborderColor, - // strokeWidth: $rootScope.shapestyleborderWidth, - // fillStyle: $rootScope.shapestyleFillColor, - // x: $scope.offsetX1, y: $scope.offsetY1, - // width: $scope.x - $scope.offsetX1, - // height: $scope.y - $scope.offsetY1, - // click: function (layer) { - - // $rootScope.canvasLayerNameCollectionCI = []; - // $rootScope.canvasLayerNameCollectionCI.push(layer.name); - // $('#canvas').setLayer(layer.name, { - // handle: { - // type: 'rectangle', - // fillStyle: '#fff', - // strokeStyle: '#c33', - // strokeWidth: 2, - // width: 5, height: 5, - // cornerRadius: 3 - // } - // }).drawLayers(); - - // }, - // mouseout: function (layer) { - // $rootScope.canvasLayerNameCollectionCI = []; - // $('#canvas').setLayer(layer.name, { - // handle: { - // type: 'rectangle', - // fillStyle: 'pink', - // strokeStyle: 'yellow', - // strokeWidth: 0, - // width: 0, height: 0, - // cornerRadius: 0 - // } - - // }).drawLayers(); - - // }, - // mouseover: function (layer) { - - // $('#canvas').setLayer(layer.name, { - // handle: { - // type: 'rectangle', - // fillStyle: '#fff', - // strokeStyle: '#c33', - // strokeWidth: 2, - // width: 5, height: 5, - // cornerRadius: 3 - // } - // }).drawLayers(); - - // } - //}); - - - //$("#annotationTextModal").modal("toggle"); - //$('.btnCursor').trigger('click'); - //$("#text_area").val(''); - //$("#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" }); - //$(".btn-annotation").removeClass("activebtncolor"); - //$('.btnCursor').addClass('activebtncolor'); + break; case "DrawPolygon": @@ -821,369 +735,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout // will refactor this code later - //$rootScope.saveText = function () { - // // this part will work first time when save button will be clicked - // if ($rootScope.IsTextAlreadySaveCI == false) { - // // getting textarea style properties - // $rootScope.fontSizesCI = $("#text_area").css("font-size"); - // $rootScope.fontWeightCI = $("#text_area").css("font-weight"); - // $rootScope.fontStyleCI = $("#text_area").css("font-style"); - // $rootScope.textAlignmtCI = $("#text_area").css("text-align"); - // $rootScope.fontColorCI = $("#text_area").css("color"); - // $rootScope.fontFamilyCI = $("#text_area").css("font-family"); - // $rootScope.underlineTextCI = $("#text_area").css("text-decoration"); - // $rootScope.textAreaCI = $("#text_area").val(); - - // // deleting previous text area - - // $("#canvas").removeLayer('TextArea_' + $rootScope.resetTextCI).drawLayers(); - // $("#canvas").removeLayer("TextRect_" + $rootScope.resetTextRectCI).drawLayers(); - - // // Text After Saving in Rectangle - // $('#canvas').drawText({ - // layer: true, - // draggable: true, - // name: 'TextArea_' + $rootScope.resetTextCI, - // groups: ['TextArea_' + $rootScope.resetTextCI], - // dragGroups: ['TextArea_' + $rootScope.resetTextCI], - // fillStyle: $rootScope.fontColorCI, - // fontStyle: $rootScope.fontWeightCI + " " + $rootScope.fontStyleCI, - // fontSize: $rootScope.fontSizesCI, - // fontFamily: $rootScope.fontFamilyCI, - // align: $rootScope.textAlignmtCI, - // strokeWidth: 0, - // text: $rootScope.textAreaCI, - // x: $scope.offsetX1, y: $scope.offsetY1, - // maxWidth: $scope.x - $scope.offsetX1, - // maxHeight: $scope.y - $scope.offsetY1, - // add: function (layer) { - // $rootScope.TextPropertyArrayCI.push({ Text1: '', Align: '', FontColor: '', FontSize: '', FontStyle: '', FontFamily: '' }); - // $rootScope.TextPropertyArrayCI.push({ Text1: layer.text, Align: layer.align, FontColor: layer.fillStyle, FontSize: layer.fontSize, FontStyle: layer.fontStyle, FontFamily: layer.fontFamily, TextDecoration: $rootScope.underlineTextCI }); - // } - // }) - // // Draw rectangle - // .drawRect({ - // name: 'TextArea1_' + $rootScope.resetTextCI, - // layer: true, - // draggable: true, - // groups: ['TextArea_' + $rootScope.resetTextCI], - // dragGroups: ['TextArea_' + $rootScope.resetTextCI], - // opacity: $rootScope.shapestyleOpacity, - // strokeStyle: $rootScope.shapestyleborderColor, - // strokeWidth: $rootScope.shapestyleborderWidth, - // x: $scope.offsetX1, y: $scope.offsetY1, - // width: $scope.x - $scope.offsetX1, - // height: $scope.y - $scope.offsetY1, - // click: function (layer) { - // $rootScope.shapeTypeTextCI = "textAreaRect"; - - // var layerNameSplit = layer.name; - // var splitedName = layerNameSplit.split("_"); - // var textValName = "TextArea_"; - // var concatinateResult = textValName.concat(splitedName[1]); - // $rootScope.canvasLayerNameCollectionCI = []; - // $rootScope.canvasLayerNameCollectionCI.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(); - // }, - // dblclick: function (layer) { - // $rootScope.IsTextAlreadySaveCI = true; - // $rootScope.isTextAreaClosedButtonActiveCI = false; - // var _rectLayerOnSave = layer.name; - // var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_"); - // var TextAreaRectName = "TextArea_"; - // var TextAreaRectNameConcatenated = TextAreaRectName.concat(_rectLayerOnSaveSplit[1]); - // $rootScope.modifySavedTextCI.push({ TextName: layer.name, RectText: TextAreaRectNameConcatenated }); - // $rootScope.rectDimensionCI.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y }); - // var _rectLayerOnSaveSplitInt; - // //if (_rectLayerOnSaveSplit[1] >= 3) - // // _rectLayerOnSaveSplitInt = parseInt(_rectLayerOnSaveSplit[1] - 2); - // //else - // _rectLayerOnSaveSplitInt = parseInt(_rectLayerOnSaveSplit[1]); - // var b = $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Text1; - // $("#text_area").val(b); - // var fontStyleProp = $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontStyle; - // var fontWeightProp = fontStyleProp.split(" "); - - // $("#text_area").css("font-size", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontSize); - // $("#text_area").css("font-weight", fontWeightProp[0]); - // $("#text_area").css("font-style", fontWeightProp[1]); - // $("#text_area").css("text-align", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align); - // $("#text_area").css("color", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontColor); - // $("#text_area").css("font-family", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].FontFamily); - // $("#text_area").css("text-decoration", $rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].TextDecoration); - - - // //adding text text decoration active class in text edit pop-up - - // if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].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.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align == "left") { - // $("#text-right").removeClass("ActiveFormattingButtonClass"); - // $("#text-center").removeClass("ActiveFormattingButtonClass") - // $("#text-left").addClass("ActiveFormattingButtonClass"); - // } - - // else if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align == "right") { - // $("#text-center").removeClass("ActiveFormattingButtonClass") - // $("#text-left").removeClass("ActiveFormattingButtonClass"); - // $("#text-right").addClass("ActiveFormattingButtonClass"); - // } - - // else if ($rootScope.TextPropertyArrayCI[_rectLayerOnSaveSplitInt].Align == "center") { - // $("#text-left").removeClass("ActiveFormattingButtonClass"); - // $("#text-right").removeClass("ActiveFormattingButtonClass"); - // $("#text-center").addClass("ActiveFormattingButtonClass"); - // } - - - // _rectLayerOnSaveSplitInt = ''; b = ''; - // $("#annotationTextModal").modal("toggle"); - // }, - // mouseout: function (layer) { - // $rootScope.canvasLayerNameCollectionCI = []; - // $('#canvas').setLayer(layer.name, { - // handle: { - // type: 'rectangle', - // fillStyle: 'pink', - // strokeStyle: 'yellow', - // strokeWidth: 0, - // width: 0, height: 0, - // cornerRadius: 0 - // } - // }).drawLayers(); - // }, - // mouseover: function (layer) { - // $('#canvas').setLayer(layer.name, { - // handle: { - // type: 'rectangle', - // fillStyle: '#fff', - // strokeStyle: '#c33', - // strokeWidth: 2, - // width: 5, height: 5, - // cornerRadius: 3 - // } - // }).drawLayers(); - - // } - // }); - // $("#text_area").val(''); - // $("#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" }); - // $("#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 { - // // 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 - // $("#canvas").removeLayer($rootScope.modifySavedTextCI[0].RectText).drawLayers(); - // $("#canvas").removeLayer($rootScope.modifySavedTextCI[0].TextName).drawLayers(); - // $rootScope.resetTextRectSaveCI = $rootScope.ObjectIndexSaveCI++; - // $rootScope.resetTextSaveCI = $rootScope.ObjectIndexSaveCI++; - - // // generating new text area - // $('#canvas').drawText({ - // layer: true, - // draggable: true, - // name: 'TextAreaAfterEdit_' + $rootScope.resetTextSaveCI, - // groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI], - // dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI], - // fillStyle: _modifiedFontColor, - // fontStyle: _modifiedFontWeight + " " + _modifiedFontStyle, - // fontSize: _modifiedFontSize, - // fontFamily: _modifiedFontFamily, - // align: _modifiedTextAlign, - // strokeWidth: 0, - // text: _modifiedText, - // x: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].x, y: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].y, - // maxWidth: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].width, - // maxHeight: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].height - - // }) - // // Draw rect as wide as the text - // .drawRect({ - // name: 'TextAreaAfterEditRect_' + $rootScope.resetTextSaveCI, - // layer: true, - // draggable: true, - // groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI], - // dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSaveCI], - // opacity: $rootScope.shapestyleOpacity, - // strokeStyle: $rootScope.shapestyleborderColor, - // strokeWidth: $rootScope.shapestyleborderWidth, - // x: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].x, y: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].y, - // width: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].width, - // height: $rootScope.rectDimensionCI[$rootScope.rectDimensionCI.length - 1].height, - // click: function (layer) { - // $rootScope.shapeTypeTextCI = "textAreaRect"; - // var layerNameSplit = layer.name; - // var splitedName = layerNameSplit.split("_"); - // var textValName = "TextAreaAfterEdit_"; - // var concatinateResult = textValName.concat(splitedName[1]); - // $rootScope.canvasLayerNameCollectionCI = []; - // $rootScope.canvasLayerNameCollectionCI.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(); - - // }, - // dblclick: function (layer) { - // //debugger; - // $rootScope.isTextAreaClosedButtonActiveCI = false; - // $rootScope.IsTextAlreadySaveCI = true; - // var _rectLayerOnSave = layer.name; - // var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_"); - // var RectNameAfterEdit = "TextAreaAfterEdit_"; - // var RectNameAfterEditResult = RectNameAfterEdit.concat(_rectLayerOnSaveSplit[1]); - // $rootScope.modifySavedTextCI.push({ TextName: layer.name, RectText: RectNameAfterEditResult }); - // $rootScope.rectDimensionCI.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); - - // //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"); - - // } - - // $("#annotationTextModal").modal("toggle"); - // }, - // mouseout: function (layer) { - // $rootScope.canvasLayerNameCollectionCI = []; - // $('#canvas').setLayer(layer.name, { - // handle: { - // type: 'rectangle', - // fillStyle: 'pink', - // strokeStyle: 'yellow', - // strokeWidth: 0, - // width: 0, height: 0, - // cornerRadius: 0 - // } - // }).drawLayers(); - // }, - // mouseover: function (layer) { - // $('#canvas').setLayer(layer.name, { - // handle: { - // type: 'rectangle', - // fillStyle: '#fff', - // strokeStyle: '#c33', - // strokeWidth: 2, - // width: 5, height: 5, - // cornerRadius: 3 - // } - // }).drawLayers(); - - // } - // }); - // $rootScope.modifySavedTextCI = []; - - // } - //} + // deleting text area on close button $rootScope.closeModal = function () {