Commit c52ed36955a02c0af57fe60edf1d65e42c4acc6d

Authored by unknown
1 parent e26f5798

Commit changes for Issue :Ref

#I7908:Annotation Toolbar | Incorrect state of the button
#7930:Annotation: Defect in Opacity Level.
#7177:Annotation toolbar is not working in IE Browser
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -127,6 +127,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", @@ -127,6 +127,7 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location",
127 127
128 $rootScope.CloseAnnotationTool = function () { 128 $rootScope.CloseAnnotationTool = function () {
129 console.log('close') 129 console.log('close')
  130 + $('.btnCursor').removeClass('activebtncolor');
130 $(".annotationTollbar").css("display", "none"); 131 $(".annotationTollbar").css("display", "none");
131 $rootScope.isAnnotationWindowClose = true; 132 $rootScope.isAnnotationWindowClose = true;
132 $("#canvasPaint").css("display", "none"); 133 $("#canvasPaint").css("display", "none");
@@ -349,7 +350,12 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", @@ -349,7 +350,12 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location",
349 document.getElementById('modelbackground').style.display = "block"; 350 document.getElementById('modelbackground').style.display = "block";
350 //$("#editshapestyle").modal('show'); 351 //$("#editshapestyle").modal('show');
351 document.getElementById('modeleditstyle').style.display = "block"; 352 document.getElementById('modeleditstyle').style.display = "block";
352 - 353 + if ($('#modeleditstyle').css("display") == "block") { //Check if the modal is already showing
  354 + var previewOpacity = $('#imgOpacity').css("opacity");
  355 + $('#slider-range-min-4 div.ui-slider-range-min').css("width", (previewOpacity*100) + "%");
  356 + $('#slider-range-min-4 span.ui-slider-handle').css("left", (previewOpacity * 100) + "%");
  357 +
  358 + };
353 } 359 }
354 360
355 $rootScope.disableAnnotationToolBar = function () { 361 $rootScope.disableAnnotationToolBar = function () {
400-SOURCECODE/AIAHTML5.Web/index.html
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en" ng-cloak ng-app="AIA"> 2 <html lang="en" ng-cloak ng-app="AIA">
3 <head> 3 <head>
4 - <!--<base href="/AIA/" />-->  
5 - <base href="/" /> 4 + <base href="/AIA/" />
  5 + <!--<base href="/" />-->
6 <meta charset="utf-8"> 6 <meta charset="utf-8">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 <!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">--> 8 <!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">-->
@@ -401,7 +401,7 @@ @@ -401,7 +401,7 @@
401 </div> 401 </div>
402 402
403 <!--Annotation Modal--> 403 <!--Annotation Modal-->
404 - <div class="annotationTollbar" style="position:fixed;top:80px;right:20px;display:none;z-index:1200000;"> 404 + <div class="annotationTollbar" style="width: 300px;position: fixed; top: 80px; right: 20px; display: none; z-index: 1200000;">
405 <div class="annotationbar"> 405 <div class="annotationbar">
406 <div class="modal-content"> 406 <div class="modal-content">
407 <div class="modal-header annotation-modal-header"> 407 <div class="modal-header annotation-modal-header">
@@ -1295,8 +1295,7 @@ @@ -1295,8 +1295,7 @@
1295 1295
1296 }); 1296 });
1297 </script> 1297 </script>
1298 -  
1299 - 1298 +
1300 <script> 1299 <script>
1301 $(function () { 1300 $(function () {
1302 $("#slider-range-min-3").slider({ 1301 $("#slider-range-min-3").slider({
@@ -1328,7 +1327,7 @@ @@ -1328,7 +1327,7 @@
1328 max: 1, 1327 max: 1,
1329 step: .1, 1328 step: .1,
1330 slide: function (event, ui) { 1329 slide: function (event, ui) {
1331 - 1330 +
1332 $(".marginTopBtm10 img.imgopacity").css("opacity", ui.value); 1331 $(".marginTopBtm10 img.imgopacity").css("opacity", ui.value);
1333 // $("#slider-value").html(ui.value); 1332 // $("#slider-value").html(ui.value);
1334 1333