Commit 538312a10369a408e048ec8449ffa3dabc8f4b90
Fixed after conflict resolve
Showing
2 changed files
with
41 additions
and
33 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -459,29 +459,34 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | @@ -459,29 +459,34 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | ||
459 | 459 | ||
460 | $rootScope.setPropertiesForShapes = function (id) { | 460 | $rootScope.setPropertiesForShapes = function (id) { |
461 | 461 | ||
462 | - document.getElementById('modelbackground').style.display = "none"; | ||
463 | - document.getElementById('modeleditstyle').style.display = "none"; | 462 | + |
463 | + if ((document.getElementById('fill-option').checked == false) && (document.getElementById('Outline-Option').checked == false)) { | ||
464 | + // $('#btnShapeStyle').attr('disabled', 'disabled'); | ||
465 | + } else { | ||
466 | + //$('#btnShapeStyle').removeAttr('disabled', 'disabled'); | ||
467 | + document.getElementById('modelbackground').style.display = "none"; | ||
468 | + document.getElementById('modeleditstyle').style.display = "none"; | ||
464 | 469 | ||
465 | - $rootScope.shapestyleOpacity = $("#" + id).css('opacity'); | ||
466 | - $("#shapeStyleDiv").parent().css("opacity", $rootScope.shapestyleOpacity); | ||
467 | - $rootScope.shapestyleFillColor = $("#" + id).css('background-color'); | ||
468 | - $("#shapeStyleDiv").css("background-color", $rootScope.shapestyleFillColor); | ||
469 | - $rootScope.shapestyleborderColor = $("#" + id).parent().css("border-top-color"); | ||
470 | - $("#shapeStyleDiv").parent().css("border-color", $rootScope.shapestyleborderColor); | ||
471 | - $rootScope.shapestyleborderWidthSeparatingPixel = $("#" + id).parent().css("border-top-width"); | ||
472 | - $("#shapeStyleDiv").parent().css("border-width", $rootScope.shapestyleborderWidthSeparatingPixel); | ||
473 | - var pixelSeparation = $rootScope.shapestyleborderWidthSeparatingPixel; | ||
474 | - var intPart = pixelSeparation.split("p"); | 470 | + $rootScope.shapestyleOpacity = $("#" + id).css('opacity'); |
471 | + $("#shapeStyleDiv").parent().css("opacity", $rootScope.shapestyleOpacity); | ||
472 | + $rootScope.shapestyleFillColor = $("#" + id).css('background-color'); | ||
473 | + $("#shapeStyleDiv").css("background-color", $rootScope.shapestyleFillColor); | ||
474 | + $rootScope.shapestyleborderColor = $("#" + id).parent().css("border-top-color"); | ||
475 | + $("#shapeStyleDiv").parent().css("border-color", $rootScope.shapestyleborderColor); | ||
476 | + $rootScope.shapestyleborderWidthSeparatingPixel = $("#" + id).parent().css("border-top-width"); | ||
477 | + $("#shapeStyleDiv").parent().css("border-width", $rootScope.shapestyleborderWidthSeparatingPixel); | ||
478 | + var pixelSeparation = $rootScope.shapestyleborderWidthSeparatingPixel; | ||
479 | + var intPart = pixelSeparation.split("p"); | ||
475 | 480 | ||
476 | - $rootScope.shapestyleborderWidth = intPart[0]; | ||
477 | - $rootScope.shapestyleborderStyles = "solid"; | 481 | + $rootScope.shapestyleborderWidth = intPart[0]; |
482 | + $rootScope.shapestyleborderStyles = "solid"; | ||
478 | 483 | ||
479 | 484 | ||
480 | - $('#editshapestyle').modal('hide'); | 485 | + $('#editshapestyle').modal('hide'); |
481 | 486 | ||
482 | - //Edit Shape Style popup should open at it's default position | ||
483 | - $("#modeleditstyle").css({ "left": "40%", "right": "0", "top": "70px" }); | ||
484 | - | 487 | + //Edit Shape Style popup should open at it's default position |
488 | + $("#modeleditstyle").css({ "left": "40%", "right": "0", "top": "70px" }); | ||
489 | + } | ||
485 | } | 490 | } |
486 | 491 | ||
487 | $rootScope.enableAnnotationToolBar = function () { | 492 | $rootScope.enableAnnotationToolBar = function () { |
@@ -591,7 +596,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | @@ -591,7 +596,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | ||
591 | $('.btnCursor').addClass('activebtncolor'); | 596 | $('.btnCursor').addClass('activebtncolor'); |
592 | } | 597 | } |
593 | 598 | ||
594 | - $rootScope.DrawRectangleOnOpenModuleItem = function (canvasId, RectNumber, shapestyleFillColor, shapestyleborderColor, shapestyleOpacity, shapestyleborderWidth, offsetX1, offsetY1, x, y) { | 599 | + $rootScope.DrawRectangleOnModuleItem = function (canvasId, RectNumber, shapestyleFillColor, shapestyleborderColor, shapestyleOpacity, shapestyleborderWidth, offsetX1, offsetY1, x, y) { |
595 | 600 | ||
596 | $(canvasId).addLayer({ | 601 | $(canvasId).addLayer({ |
597 | layer: true, | 602 | layer: true, |
@@ -1161,7 +1166,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | @@ -1161,7 +1166,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | ||
1161 | 1166 | ||
1162 | case "Rectangle": | 1167 | case "Rectangle": |
1163 | $rootScope.rectNumber = $rootScope.ObjectIndex++; | 1168 | $rootScope.rectNumber = $rootScope.ObjectIndex++; |
1164 | - $rootScope.DrawRectangleOnOpenModuleItem('#canvas', $rootScope.rectNumber, $rootScope.shapestyleFillColor, $rootScope.shapestyleborderColor, $rootScope.shapestyleOpacity, $rootScope.shapestyleborderWidth, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y); | 1169 | + $rootScope.DrawRectangleOnModuleItem('#canvas', $rootScope.rectNumber, $rootScope.shapestyleFillColor, $rootScope.shapestyleborderColor, $rootScope.shapestyleOpacity, $rootScope.shapestyleborderWidth, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y); |
1165 | 1170 | ||
1166 | break; | 1171 | break; |
1167 | 1172 | ||
@@ -1202,12 +1207,6 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | @@ -1202,12 +1207,6 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | ||
1202 | //} | 1207 | //} |
1203 | 1208 | ||
1204 | } | 1209 | } |
1205 | - | ||
1206 | - | ||
1207 | - | ||
1208 | - | ||
1209 | - | ||
1210 | - | ||
1211 | ///----- | 1210 | ///----- |
1212 | 1211 | ||
1213 | $rootScope.saveText = function () { | 1212 | $rootScope.saveText = function () { |
@@ -1836,7 +1835,6 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | @@ -1836,7 +1835,6 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", | ||
1836 | $rootScope.switchCanvas(); | 1835 | $rootScope.switchCanvas(); |
1837 | $("#annotationpaintbrushsize").attr("href", "#"); | 1836 | $("#annotationpaintbrushsize").attr("href", "#"); |
1838 | console.log('ShowListManager') | 1837 | console.log('ShowListManager') |
1839 | - | ||
1840 | $rootScope.disableAnnotationtoolOnListManager = true; | 1838 | $rootScope.disableAnnotationtoolOnListManager = true; |
1841 | $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').attr('disabled', 'disabled'); | 1839 | $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').attr('disabled', 'disabled'); |
1842 | $('#slider-range-min-2').slider('disable'); | 1840 | $('#slider-range-min-2').slider('disable'); |
400-SOURCECODE/AIAHTML5.Web/index.html
@@ -787,13 +787,13 @@ | @@ -787,13 +787,13 @@ | ||
787 | </div> | 787 | </div> |
788 | </div> | 788 | </div> |
789 | <div class="col-sm-6 enableDisableOpacity"> | 789 | <div class="col-sm-6 enableDisableOpacity"> |
790 | - <div class="radio"> | 790 | + <!--<div class="radio"> |
791 | <label> | 791 | <label> |
792 | <input type="radio" name="filloption" id="filloption1" value="filloption1"> | 792 | <input type="radio" name="filloption" id="filloption1" value="filloption1"> |
793 | <span class="">Texture</span> | 793 | <span class="">Texture</span> |
794 | <img id="editstyleTexture" src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern"> | 794 | <img id="editstyleTexture" src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern"> |
795 | </label> | 795 | </label> |
796 | - </div> | 796 | + </div>--> |
797 | <div class="radio"> | 797 | <div class="radio"> |
798 | <label> | 798 | <label> |
799 | <input type="radio" name="filloption" id="filloption2" value="filloption2" checked style="margin-top:8px;"> | 799 | <input type="radio" name="filloption" id="filloption2" value="filloption2" checked style="margin-top:8px;"> |
@@ -886,7 +886,7 @@ | @@ -886,7 +886,7 @@ | ||
886 | </div> | 886 | </div> |
887 | </div> | 887 | </div> |
888 | <div class="modal-footer"> | 888 | <div class="modal-footer"> |
889 | - <button type="button" class="btn btn-primary btn-sm" ng-click="setPropertiesForShapes('imgOpacity')"> | 889 | + <button id="btnShapeStyle" type="button" class="btn btn-primary btn-sm" ng-click="shapestyle('imgOpacity')"> |
890 | OK | 890 | OK |
891 | </button> | 891 | </button> |
892 | <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button> | 892 | <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button> |
@@ -1018,12 +1018,17 @@ | @@ -1018,12 +1018,17 @@ | ||
1018 | </div>--> | 1018 | </div>--> |
1019 | 1019 | ||
1020 | <script> | 1020 | <script> |
1021 | + | ||
1021 | function enableDisableFillOption() { | 1022 | function enableDisableFillOption() { |
1022 | - | 1023 | + //debugger; |
1023 | if (document.getElementById('fill-option').checked) { | 1024 | if (document.getElementById('fill-option').checked) { |
1024 | - | 1025 | + // $('#imgOpacity').attr("background-color"); |
1026 | + //$('#imgOpacity').css({"background-color"}) | ||
1025 | //$("#filloption1").css({ "pointer-events": "auto" }); | 1027 | //$("#filloption1").css({ "pointer-events": "auto" }); |
1026 | //$("#filloption12").css({ "pointer-events": "auto" }); | 1028 | //$("#filloption12").css({ "pointer-events": "auto" }); |
1029 | + | ||
1030 | + var x = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color'); | ||
1031 | + $("#imgOpacity").css("background-color", x); | ||
1027 | $("#edit-slider-3").css({ "pointer-events": "auto" }); | 1032 | $("#edit-slider-3").css({ "pointer-events": "auto" }); |
1028 | $("#edit-slider-4").css({ "pointer-events": "auto" }); | 1033 | $("#edit-slider-4").css({ "pointer-events": "auto" }); |
1029 | $("#editstylebackgroundcolor").css({ "pointer-events": "auto" }); | 1034 | $("#editstylebackgroundcolor").css({ "pointer-events": "auto" }); |
@@ -1039,7 +1044,7 @@ | @@ -1039,7 +1044,7 @@ | ||
1039 | 1044 | ||
1040 | } | 1045 | } |
1041 | else { | 1046 | else { |
1042 | - | 1047 | + $('#imgOpacity').css("background-color","transparent"); |
1043 | //$("#filloption1").css({ "pointer-events": "none" }); | 1048 | //$("#filloption1").css({ "pointer-events": "none" }); |
1044 | //$("#filloption2").css({ "pointer-events": "none" }); | 1049 | //$("#filloption2").css({ "pointer-events": "none" }); |
1045 | $("#edit-slider-3").css({ "pointer-events": "none" }); | 1050 | $("#edit-slider-3").css({ "pointer-events": "none" }); |
@@ -1061,12 +1066,17 @@ | @@ -1061,12 +1066,17 @@ | ||
1061 | function enableDisableOutline() { | 1066 | function enableDisableOutline() { |
1062 | 1067 | ||
1063 | if (document.getElementById('Outline-Option').checked) { | 1068 | if (document.getElementById('Outline-Option').checked) { |
1069 | + var x = $("#outlineColor span.minicolors-swatch-color").css('background-color'); | ||
1070 | + $(".marginTopBtm10 div.outlinediv").css("border-color", x); | ||
1071 | + // var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width'); | ||
1072 | + // $("#imgOpacity").css("border-width", borderWidth); | ||
1064 | 1073 | ||
1065 | $("#borderWidthCanvasElement").css({ "pointer-events": "auto" }); | 1074 | $("#borderWidthCanvasElement").css({ "pointer-events": "auto" }); |
1066 | $("#outlineColor").css({ "pointer-events": "auto" }); | 1075 | $("#outlineColor").css({ "pointer-events": "auto" }); |
1067 | $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" }) | 1076 | $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" }) |
1068 | } | 1077 | } |
1069 | else { | 1078 | else { |
1079 | + $('.marginTopBtm10 div.outlinediv').css("border-color", "transparent"); | ||
1070 | $("#borderWidthCanvasElement").css({ "pointer-events": "none" }); | 1080 | $("#borderWidthCanvasElement").css({ "pointer-events": "none" }); |
1071 | $("#outlineColor").css({ "pointer-events": "none" }); | 1081 | $("#outlineColor").css({ "pointer-events": "none" }); |
1072 | $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" }) | 1082 | $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" }) |