Commit 06e0644a191de9332c8a6ac1ec5953ad48eb3b07
1 parent
6415e52e
fixed console errors and removed console logs
Showing
2 changed files
with
406 additions
and
473 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/DAController.js
... | ... | @@ -3,7 +3,7 @@ |
3 | 3 | AIA.controller("DAController", ["$scope", "$rootScope", "$compile", "$http", "$log", "$location", "$timeout", "DA", "Modules", "$routeParams", "DataService", |
4 | 4 | function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Modules, $routeParam, DataService) { |
5 | 5 | |
6 | - console.log('DAController initialized') | |
6 | + | |
7 | 7 | $scope.genderId = ""; |
8 | 8 | $scope.BodyViewData; |
9 | 9 | $scope.selectedGenderBodyViewData; |
... | ... | @@ -367,11 +367,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
367 | 367 | .orderBy([{ field: '_TermText', sort: 'asc' }]) |
368 | 368 | .select('_ActualTermNumber', '_TermText', '_cdId'); |
369 | 369 | |
370 | - //$scope.VocabTermTxt = vocabTermTxt; | |
371 | - | |
372 | - //console.log(vocabTermTxt); | |
373 | - //console.log($scope.TermNumberData); | |
374 | - //console.log($scope.VocabTermTxt); | |
370 | + | |
375 | 371 | |
376 | 372 | $scope.currentTitleFromJson = localStorage.getItem("currentViewTitleFromJson"); |
377 | 373 | |
... | ... | @@ -385,25 +381,11 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
385 | 381 | console.log(data); |
386 | 382 | }); |
387 | 383 | |
388 | - // var path = '~/../content/data/json/da/vocab/english/cm_dat_vocabterm_1.json'; | |
389 | - | |
390 | - // //load vocabterm data | |
391 | - // //$http({ method: 'GET', url: '~/../content/data/json/cm_dat_vocabterm_1.json' }).success(function (data) { | |
392 | - // $http({ method: 'GET', url: path }).success(function (data) { | |
393 | - | |
394 | - // $scope.VocabTermData = data; | |
395 | - // $scope.VocabTermTxt = $scope.VocabTermData.VocabTerms.Term; | |
396 | - // //console.log($scope.VocabTermTxt); | |
397 | - | |
398 | - // }) | |
399 | - //.error(function (data, status, headers, config) { | |
400 | - // console.log(data); | |
401 | - //}); | |
384 | + | |
402 | 385 | |
403 | 386 | var openViews; |
404 | 387 | |
405 | 388 | |
406 | - // debugger; | |
407 | 389 | if ($rootScope.openViews.length > 0) { |
408 | 390 | openViews = new jinqJs() |
409 | 391 | .from($rootScope.openViews) |
... | ... | @@ -412,7 +394,6 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
412 | 394 | } |
413 | 395 | var counter = 1; |
414 | 396 | |
415 | - // var tittle = $rootScope.ViewTitle; | |
416 | 397 | var tittle = localStorage.getItem("currentViewTitleFromJson"); |
417 | 398 | |
418 | 399 | if (openViews != null && openViews.length > 0) { |
... | ... | @@ -525,17 +506,15 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
525 | 506 | .from($scope.NavigatorData.Navigtor.ViewOrientation) |
526 | 507 | .where("_ViewOrientationId == " + $rootScope.currentBodyViewId) |
527 | 508 | .select(); |
528 | - console.log(navdtlOrient); | |
529 | - console.log(navdtlOrient[0].ImageInfo); | |
509 | + | |
530 | 510 | var navOrientationdata = new jinqJs() |
531 | 511 | .from(navdtlOrient[0].ImageInfo) |
532 | 512 | .where("_Ethnicity == " + $scope.skinTone) |
533 | 513 | .select(); |
534 | - //console.log(navOrientationdata); | |
514 | + | |
535 | 515 | |
536 | 516 | $scope.NavOrientationdata = navOrientationdata; |
537 | - console.log("$scope.NavOrientationdata: "); | |
538 | - console.log($scope.NavOrientationdata); | |
517 | + | |
539 | 518 | |
540 | 519 | var navimagemodesty; |
541 | 520 | |
... | ... | @@ -616,7 +595,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
616 | 595 | //calculate coordinates for body region images |
617 | 596 | $scope.CalculateImageCordinates = function (viewOrientationId) { |
618 | 597 | |
619 | - console.log('CalculateImageCordinates'); | |
598 | + | |
620 | 599 | //remove the previous layer mask data from array |
621 | 600 | var n = $rootScope.MaskCanvasData.length |
622 | 601 | |
... | ... | @@ -1547,11 +1526,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1547 | 1526 | |
1548 | 1527 | $scope.highLightBodyBasedOnIcolor = function (RGBColor) { |
1549 | 1528 | |
1550 | - // console.log(' $scope.highLightBodyBasedOnIcolor') | |
1551 | - | |
1552 | - | |
1553 | - | |
1554 | - | |
1529 | + | |
1555 | 1530 | //2. Find Actul Term No Based on Icolor. |
1556 | 1531 | var ActualTermNo = $scope.getActualTermNumber(RGBColor); |
1557 | 1532 | |
... | ... | @@ -1604,15 +1579,11 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1604 | 1579 | |
1605 | 1580 | |
1606 | 1581 | var n = $rootScope.MaskCanvasData.length; |
1607 | - //console.log('$rootScope.MaskCanvasData.length= ' + n) | |
1608 | - | |
1609 | - // console.log('Start time taken for term: ' + TermList[i]._TermNumber + 'in posting: ' + new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1")); | |
1610 | - //debugger | |
1582 | + | |
1611 | 1583 | |
1612 | 1584 | $timeout(function () { |
1613 | 1585 | for (var x = 0; x < 9; x++) { |
1614 | - // console.log('$rootScope.MaskCanvasData.length= ' + n) | |
1615 | - //debugger | |
1586 | + | |
1616 | 1587 | |
1617 | 1588 | var bodyRegionId = $rootScope.MaskCanvasData[x].bodyRegionId; |
1618 | 1589 | var canvasId = $rootScope.MaskCanvasData[x].canvasId; |
... | ... | @@ -1625,13 +1596,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1625 | 1596 | if (canvasId.match('_MR')) { |
1626 | 1597 | coloredImageDataVar = $rootScope.coloredImageMRCanvasList[bodyRegionId]; |
1627 | 1598 | |
1628 | - //alert('is mutiAnnotation on= ' + $rootScope.multiAnnotationIsON); | |
1629 | - | |
1630 | - //if ($rootScope.multiAnnotationIsON == true) { | |
1631 | - | |
1632 | - // white = $rootScope.updatedWhiteImageMRDataList[bodyRegionId] | |
1633 | - //} | |
1634 | - //else | |
1599 | + | |
1635 | 1600 | white = $rootScope.whiteImageMRDataList[bodyRegionId]; |
1636 | 1601 | } |
1637 | 1602 | |
... | ... | @@ -1639,24 +1604,11 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1639 | 1604 | |
1640 | 1605 | coloredImageDataVar = $rootScope.coloredImageCanvasList[bodyRegionId - 1]; |
1641 | 1606 | |
1642 | - //alert('is mutiAnnotation on= ' + $rootScope.multiAnnotationIsON); | |
1643 | - //if ($rootScope.multiAnnotationIsON == true) { | |
1644 | - | |
1645 | - // //if (($rootScope.updatedWhiteImageDataList[bodyRegionId - 1]) != null && ($rootScope.updatedWhiteImageDataList[bodyRegionId - 1].length>0)) { | |
1646 | - // if (($rootScope.updatedWhiteImageDataList[bodyRegionId - 1]) == null) { | |
1647 | - // alert('came inside for getting updated data'); | |
1648 | - // white = $rootScope.whiteImageDataList[bodyRegionId - 1]; | |
1649 | - | |
1650 | - // } | |
1651 | - // else | |
1652 | - // { | |
1607 | + | |
1653 | 1608 | white = $rootScope.whiteImageDataList[bodyRegionId - 1] |
1654 | - // } | |
1609 | + | |
1655 | 1610 | } |
1656 | - //else | |
1657 | - //{ | |
1658 | - // white = $rootScope.whiteImageDataList[bodyRegionId - 1]; | |
1659 | - //} | |
1611 | + | |
1660 | 1612 | |
1661 | 1613 | |
1662 | 1614 | var worker = new Worker('extract-wp.js'); |
... | ... | @@ -1664,7 +1616,6 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1664 | 1616 | //push workers in array to further used the refernece to delete the workers |
1665 | 1617 | $scope.runningWorkers.push({ 'workerName': worker }) |
1666 | 1618 | |
1667 | - // console.log('for bodyRegionId = ' + bodyRegionId + ', time: ' + new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1")) | |
1668 | 1619 | worker.postMessage({ |
1669 | 1620 | |
1670 | 1621 | 'termList': multiTermList, |
... | ... | @@ -1679,7 +1630,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1679 | 1630 | //} |
1680 | 1631 | |
1681 | 1632 | worker.onmessage = function (e) { |
1682 | - console.log('callback in extract for e.data.bodyRegionId: ' + e.data.bodyRegionId + ', time: ' + new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1")); | |
1633 | + // console.log('callback in extract for e.data.bodyRegionId: ' + e.data.bodyRegionId + ', time: ' + new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1")); | |
1683 | 1634 | |
1684 | 1635 | |
1685 | 1636 | var updatedData = e.data.value; |
... | ... | @@ -1728,8 +1679,6 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1728 | 1679 | $scope.HighlightBodyByTermList = function (TermList) { |
1729 | 1680 | |
1730 | 1681 | |
1731 | - console.log('HighlightBodyByTermList is called'); | |
1732 | - | |
1733 | 1682 | $scope.highlightedBR = null; |
1734 | 1683 | $scope.highlightedBR = []; |
1735 | 1684 | |
... | ... | @@ -1746,15 +1695,12 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1746 | 1695 | |
1747 | 1696 | |
1748 | 1697 | var n = $rootScope.MaskCanvasData.length; |
1749 | - //console.log('$rootScope.MaskCanvasData.length= ' + n) | |
1750 | - | |
1751 | - // console.log('Start time taken for term: ' + TermList[i]._TermNumber + 'in posting: ' + new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1")); | |
1752 | - //debugger | |
1698 | + | |
1753 | 1699 | |
1754 | 1700 | $timeout(function () { |
1755 | 1701 | for (var x = 0; x < 9; x++) { |
1756 | 1702 | |
1757 | - console.log('$rootScope.MaskCanvasData.length= ' + n) | |
1703 | + // console.log('$rootScope.MaskCanvasData.length= ' + n) | |
1758 | 1704 | // debugger |
1759 | 1705 | |
1760 | 1706 | var bodyRegionId = $rootScope.MaskCanvasData[x].bodyRegionId; |
... | ... | @@ -1825,7 +1771,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1825 | 1771 | |
1826 | 1772 | |
1827 | 1773 | worker.onmessage = function (e) { |
1828 | - console.log('callback for e.data.bodyRegionId: ' + e.data.bodyRegionId + ', time: ' + new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1")); | |
1774 | + // console.log('callback for e.data.bodyRegionId: ' + e.data.bodyRegionId + ', time: ' + new Date().toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, "$1")); | |
1829 | 1775 | |
1830 | 1776 | var updatedData = e.data.value; |
1831 | 1777 | |
... | ... | @@ -1858,7 +1804,6 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
1858 | 1804 | |
1859 | 1805 | $scope.highlightedBR.push({ 'bodyRegionId': bodyRegionId }); |
1860 | 1806 | |
1861 | - console.log('$scope.highlightedBR.length= ' + $scope.highlightedBR.length) | |
1862 | 1807 | |
1863 | 1808 | if ($scope.highlightedBR.length == 9) { |
1864 | 1809 | //debugger; |
... | ... | @@ -2131,8 +2076,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
2131 | 2076 | |
2132 | 2077 | |
2133 | 2078 | $scope.changeLayer = function () { |
2134 | - //console.log('changeLayer'); | |
2135 | - // alert('slide') | |
2079 | + | |
2136 | 2080 | } |
2137 | 2081 | |
2138 | 2082 | $('layerChangeSlider').slider().on('slideStop', function (ev) { |
... | ... | @@ -4332,7 +4276,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
4332 | 4276 | |
4333 | 4277 | $scope.highLightBody = function () { |
4334 | 4278 | |
4335 | - console.log('highLightBody is called'); | |
4279 | + | |
4336 | 4280 | |
4337 | 4281 | if ($rootScope.isHighLight == true) { |
4338 | 4282 | |
... | ... | @@ -4439,7 +4383,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
4439 | 4383 | if ($scope.grayeddBR.length == 9) { |
4440 | 4384 | if ($scope.isHighlightByListManager == true) { |
4441 | 4385 | |
4442 | - console.log('$scope.grayeddBR.length is ' + $scope.grayeddBR.length); | |
4386 | + // console.log('$scope.grayeddBR.length is ' + $scope.grayeddBR.length); | |
4443 | 4387 | $timeout(function () { |
4444 | 4388 | |
4445 | 4389 | // $rootScope.isHighLight = false; |
... | ... | @@ -4464,7 +4408,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
4464 | 4408 | //and then highlight the previously selected body regions at the time of normal mode. |
4465 | 4409 | |
4466 | 4410 | if ($scope.grayeddBR.length == 9) { |
4467 | - console.log('normal,extract,highlight and this time the length: ' + $scope.grayeddBR.length); | |
4411 | + // console.log('normal,extract,highlight and this time the length: ' + $scope.grayeddBR.length); | |
4468 | 4412 | if ($rootScope.previousHighlightList.length > 0) { |
4469 | 4413 | |
4470 | 4414 | var multiTermList = []; |
... | ... | @@ -4718,8 +4662,6 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
4718 | 4662 | $scope.$on('jsPanelCloseEvent', function (event, data) { |
4719 | 4663 | |
4720 | 4664 | |
4721 | - | |
4722 | - console.log('terminate worker process') | |
4723 | 4665 | //terminate previous running workers to create space for new workers |
4724 | 4666 | if ($scope.runningWorkers != null) { |
4725 | 4667 | var workerCount = $scope.runningWorkers.length; |
... | ... | @@ -4916,17 +4858,14 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
4916 | 4858 | .from($scope.NavigatorData.Navigtor.ViewOrientation) |
4917 | 4859 | .where("_ViewOrientationId == " + $scope.voId) |
4918 | 4860 | .select(); |
4919 | - //console.log(navdtlOrient); | |
4920 | - //console.log(navdtlOrient[0].ImageInfo); | |
4861 | + | |
4921 | 4862 | var navOrientationdata = new jinqJs() |
4922 | 4863 | .from(navdtlOrient[0].ImageInfo) |
4923 | 4864 | .where("_Ethnicity == " + $scope.skinTone) |
4924 | 4865 | .select(); |
4925 | - //console.log(navOrientationdata); | |
4926 | 4866 | |
4927 | 4867 | $scope.NavOrientationdata = navOrientationdata; |
4928 | - //console.log("$scope.NavOrientationdata: "); | |
4929 | - //console.log($scope.NavOrientationdata); | |
4868 | + | |
4930 | 4869 | |
4931 | 4870 | var navimagemodesty; |
4932 | 4871 | |
... | ... | @@ -4946,9 +4885,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
4946 | 4885 | |
4947 | 4886 | //Annotation tool event lsitener |
4948 | 4887 | $scope.$on('annotationToolEvent', function (event, data) { |
4949 | - //console.log('annotation window opend'); | |
4950 | - //draw new canvas on canavs div to draw/paint on that | |
4951 | - //debugger; | |
4888 | + | |
4952 | 4889 | if (document.getElementById('paintCanvas') == null) { |
4953 | 4890 | var paintCanvas = document.createElement('canvas'); |
4954 | 4891 | paintCanvas.id = 'paintCanvas'; |
... | ... | @@ -5494,7 +5431,6 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
5494 | 5431 | } |
5495 | 5432 | |
5496 | 5433 | $scope.aligneCanvasWithTerm = function () { |
5497 | - console.log('aligneCanvasWithTerm') | |
5498 | 5434 | var newX = parseInt($scope.scaleValue($scope.termCoordinate.x, $scope.zoomInOut, DA[0].ZOOM_TERM_DATA)); |
5499 | 5435 | var newY = parseInt($scope.scaleValue($scope.termCoordinate.y, $scope.zoomInOut, DA[0].ZOOM_TERM_DATA)); |
5500 | 5436 | |
... | ... | @@ -5516,9 +5452,7 @@ function ($scope, $rootScope, $compile, $http, $log, $location, $timeout, DA, Mo |
5516 | 5452 | } |
5517 | 5453 | |
5518 | 5454 | |
5519 | - | |
5520 | - console.log('newX =' + newX + ',newY= ' + newY) | |
5521 | - $('#canvasDiv').scrollLeft(newX); | |
5455 | + $('#canvasDiv').scrollLeft(newX); | |
5522 | 5456 | $('#canvasDiv').scrollTop(newY); |
5523 | 5457 | |
5524 | 5458 | ... | ... |
400-SOURCECODE/AIAHTML5.Web/index.html
1 | -๏ปฟ<!DOCTYPE html> | |
2 | -<html lang="en" ng-cloak ng-app="AIA"> | |
3 | -<head> | |
4 | - <base href="/AIA/" /> | |
5 | - <meta charset="utf-8"> | |
6 | - <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
7 | - <!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">--> | |
8 | - <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0 maximum-scale=1.0" /> | |
9 | - <title>A.D.A.M. Interactive Anatomy</title> | |
10 | - | |
11 | - <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" /> | |
12 | - | |
13 | - | |
14 | - <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" /> | |
15 | - | |
16 | - <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" /> | |
17 | - | |
18 | - <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | |
19 | - <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic"> | |
20 | - | |
21 | - <link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" /> | |
22 | - | |
23 | - <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> | |
24 | - <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |
25 | - <!--[if lt IE 9]> | |
26 | - <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
27 | - <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
28 | - <![endif]--> | |
29 | - <link href="themes/default/css/bootstrap/3.3.6/jquery.mCustomScrollbar.css" rel="stylesheet" /> | |
30 | - | |
31 | - <link href="themes/default/css/bootstrap/3.3.6/jquery-ui.css" rel="stylesheet" /> | |
32 | - | |
33 | - <link href="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.css" rel="stylesheet" /> | |
34 | - <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" /> | |
35 | - <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" /> | |
36 | - | |
37 | - | |
38 | - | |
39 | -</head> | |
40 | -<body ng-controller="HomeController" id="bo"> | |
41 | - <div class="container-fluid "> | |
42 | - <!--Header--> | |
43 | - | |
44 | - <nav class="navbar navbar-inverse navbar-fixed-top"> | |
45 | - <div class="container-fluid"> | |
46 | - <!-- Brand and toggle get grouped for better mobile display --> | |
47 | - <div class="navbar-header"> | |
48 | - <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false"> | |
49 | - <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> | |
50 | - </button> | |
51 | - <a class="frameLogo navbar-brand" href="home"><img src="content/images/logo-main.png" class="img-responsive" alt=""></a> | |
52 | - </div> | |
53 | - <div ng-include="'app/widget/TopMenu.html'"></div> | |
54 | - </div> | |
55 | - </nav> | |
56 | - <div class="bodyWrap row container-fluid"> | |
57 | - | |
58 | - <div id="spinner" class="spinner" ng-show="isLoading"> | |
59 | - <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" /> | |
60 | - </div> | |
61 | - <div ng-view></div> | |
62 | - | |
63 | - </div> | |
64 | - </div>> | |
65 | - | |
66 | - | |
67 | - <!--list manager Modal--> | |
68 | - <div class="modal fade" id="ShowListManager" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" ng-init="tab = 1" style="width:27%;left:50%;overflow:hidden;height:500px;top:100px"> | |
69 | - <div class="modal-dialog" role="document" style="width:400px;"> | |
70 | - <div class="modal-content" style="width:100%;max-width:400px;"> | |
71 | - <div class="modal-header setting-modal-header" style="padding: 5px 10px; border-bottom: 1px solid #e5e5e5;"> | |
72 | - <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | |
73 | - <h4 class="modal-title" id="myModalLabel">Setting</h4> | |
74 | - </div> | |
75 | - <div class="modal-body"> | |
76 | - <div class="row" style="padding-top:20px;"> | |
77 | - <div class="col-sm-12"> | |
78 | - | |
79 | - <div aria-label="..." role="group" class="btn-group btn-group-justified"> | |
80 | - <div role="group" class="btn-group"> | |
81 | - <button class="btn btn-sm btn-success" type="button" ng-click="tab = 1">Appearance</button> | |
82 | - </div> | |
83 | - <div role="group" class="btn-group"> | |
84 | - <button class="btn btn-sm btn-success" type="button" ng-click="tab = 2">Lexicons</button> | |
85 | - </div> | |
86 | - <div role="group" class="btn-group"> | |
87 | - <button class="btn btn-sm btn-success" type="button" ng-click="tab = 3">Dissectible</button> | |
88 | - </div> | |
89 | - </div> | |
90 | - | |
91 | - </div> | |
92 | - | |
93 | - | |
94 | - <div class="col-sm-12" ng-show="tab === 1"> | |
95 | - | |
96 | - | |
97 | - <div class="row"> | |
98 | - <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;"> | |
99 | - <div class="row" style="padding-top: 22px;"> | |
100 | - <div class="center-block col-md-10" style="float: none; "> | |
101 | - <h5><strong>System Font</strong></h5> | |
102 | - | |
103 | - <div style="border:2px solid #ACACAC;float:left;padding:15px;background-color:#CCCCCC;"> | |
104 | - <div class="col-md-3" style="padding-left:0px;"> | |
105 | - Sample | |
106 | - </div> | |
107 | - <div class="col-md-6" style="padding-right:0px;"> | |
108 | - <input type="text" value="" style="width:85%;"> | |
109 | - </div> | |
110 | - <div class="col-md-3" style="padding-left:0px;"> | |
111 | - <button class="btn btn-primary" style="margin-bottom:5px;">Change</button> | |
112 | - <button class="btn btn-primary" style="margin-bottom:5px;">Default</button> | |
113 | - </div> | |
114 | - | |
115 | - </div> | |
116 | - </div> | |
117 | - </div> | |
118 | - | |
119 | - </div> | |
120 | - </div> | |
121 | - | |
122 | - </div> | |
123 | - <div class="col-sm-12" ng-show="tab === 2"> | |
124 | - | |
125 | - | |
126 | - <div class="row"> | |
127 | - <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;"> | |
128 | - <div class="col-md-6"> | |
129 | - <h6><strong>Primary Lexicon</strong></h6> | |
130 | - <input type="text" value="English" style="width:90%;"> | |
131 | - <button class="btn btn-primary" style="float:right;margin-bottom:5px;margin-top:5px;">Change</button> | |
132 | - <h6>Secondry Lexicon</h6> | |
133 | - <textarea style="width:90%;"></textarea> | |
134 | - <button>Change</button> | |
135 | - <button>Change</button> | |
136 | - </div> | |
137 | - <div class="col-md-6"> | |
138 | - <h6>Available Lexicon</h6> | |
139 | - <select multiple class="form-control" id="sel2"> | |
140 | - <option>1</option> | |
141 | - <option>2</option> | |
142 | - <option>3</option> | |
143 | - <option>4</option> | |
144 | - <option>5</option> | |
145 | - </select> | |
146 | - | |
147 | - <p>Note: Some languages require special system fonts to display correctly</p> | |
148 | - </div> | |
149 | - | |
150 | - </div> | |
151 | - </div> | |
152 | - | |
153 | - </div> | |
154 | - <div class="col-sm-12" ng-show="tab === 3"> | |
155 | - | |
156 | - <div class="row"> | |
157 | - <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;"> | |
158 | - <h6>Skin Tones</h6> | |
159 | - <div class="center-block col-md-8" style="float: none;"> | |
160 | - <div class="col-md-6"> | |
161 | - <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
162 | - </div> | |
163 | - <div class="col-md-6"> | |
164 | - <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
165 | - </div> | |
166 | - <div class="col-md-6"> | |
167 | - <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
168 | - </div> | |
169 | - <div class="col-md-6"> | |
170 | - <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
171 | - </div> | |
172 | - | |
173 | - </div> | |
174 | - <h6>Modesty Setting</h6> | |
175 | - <div class="col-md-6"> | |
176 | - <div class="col-md-4"> | |
177 | - <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
178 | - </div> | |
179 | - <div class="col-md-8"> | |
180 | - | |
181 | - <div class="radio"> | |
182 | - <label><input type="radio" name="optradio" checked>On</label> | |
183 | - </div> | |
184 | - <div class="radio"> | |
185 | - <label><input type="radio" name="optradio">Off</label> | |
186 | - </div> | |
187 | - | |
188 | - </div> | |
189 | - </div> | |
190 | - <div class="col-md-6"> | |
191 | - <h6>Annotaion</h6> | |
192 | - <div class="checkbox"> | |
193 | - <label><input type="checkbox" value="" checked>Erase Annotations when changeing layers</label> | |
194 | - </div> | |
195 | - </div> | |
196 | - </div> | |
197 | - | |
198 | - </div> | |
199 | - | |
200 | - | |
201 | - | |
202 | - </div> | |
203 | - </div> | |
204 | - <div class="modal-footer"> | |
205 | - <button type="button" class="btn btn-primary">Ok</button> | |
206 | - <button type="button" class="btn btn-primary" data-dismiss="modal">Cancle</button> | |
207 | - <button type="button" class="btn btn-primary">Apply</button> | |
208 | - </div> | |
209 | - </div> | |
210 | - </div> | |
211 | - </div> | |
212 | - </div> | |
213 | - | |
214 | - <!--Annotation Modal--> | |
215 | - <div class="annotationTollbar" style="position:fixed;top:80px;right:500px;display:none;z-index:1100;"> | |
216 | - <div class="annotationbar"> | |
217 | - <div class="modal-content"> | |
218 | - <div class="modal-header annotation-modal-header"> | |
219 | - <button type="button" class="close" aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">×</span></button> | |
220 | - <h4 class="modal-title" id="myModalLabel">Annotation</h4> | |
221 | - </div> | |
222 | - <div class="modal-body"> | |
223 | - <div class="row"> | |
224 | - <div class="col-sm-12"> | |
225 | - <h5>Mode</h5> | |
226 | - | |
227 | - <div class="btn-group btn-group-justified" role="group" aria-label="..."> | |
228 | - <div class="btn-group" role="group"> | |
229 | - <button type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button> | |
230 | - </div> | |
231 | - <div class="btn-group" role="group"> | |
232 | - <button type="button" class="btn btn-sm btn-success">Draw</button> | |
233 | - </div> | |
234 | - </div> | |
235 | - | |
236 | - </div> | |
237 | - <div class="col-sm-12"> | |
238 | - <h5>Tools</h5> | |
239 | - <div class="well well-popup"> | |
240 | - <div class="" role="" aria-label="..."> | |
241 | - <div class="" role="group" align="center"> | |
242 | - <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Select Shapes(S)"><img src="content/images/icon-identity.png" alt="" title=""></button> | |
243 | - <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Pin" ng-click="DrawPin()"><img src="content/images/draw-pin.png" alt="" title=""></button> | |
244 | - <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Arrow" ng-click="DrawArrow()"><img src="content/images/draw-arrow.png" alt="" title=""></button> | |
245 | - <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Text" ng-click="DrawText()"><img src="content/images/draw-text.png" alt="" title=""></button> | |
246 | - </div> | |
247 | - <div class="" role="group" align="center"> | |
248 | - <button type="button" class="btn btn-black btn-xs " data-toggle="tooltip" data-placement="top" title="Draw Line" ng-click="DrawLine()"><img src="content/images/draw-line.png" alt="" title=""></button> | |
249 | - <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Rectangle" ng-click="DrawRectangle()"><img src="content/images/draw-rec.png" alt="" title=""></button> | |
250 | - <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Circle" ng-click="DrawCircle()"><img src="content/images/draw-cir.png" alt="" title=""></button> | |
251 | - <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Polygon" ng-click="DrawPolygon()"><img src="content/images/draw-poly.png" alt="" title=""></button> | |
252 | - </div> | |
253 | - </div> | |
254 | - </div> | |
255 | - <div class="well-popup well"> | |
256 | - <img src="content/images/blank-shape.jpg" alt="..." class="img-rounded img-responsive"> | |
257 | - </div> | |
258 | - <div class="well well-popup"> | |
259 | - <div class="" role="group" aria-label="..."> | |
260 | - <div> | |
261 | - <button type="button" class="btn btn-primary btn-xs pull-left" data-toggle="tooltip" data-placement="top" title="Paint" style="margin-right:1%;"><i class="fa fa-paint-brush"></i></button> | |
262 | - <button type="button" class="btn btn-primary btn-xs pull-left" data-toggle="tooltip" data-placement="top" title="Erase" ng-click="EraseDrawing()"><i class="fa fa-eraser"></i></button> | |
263 | - <div class="marginL2 pull-left"><input type="number" id="amount-2" value="25" step="1" style="width:60px;"></div> | |
264 | - <div class="pull-left" style="width:45%; margin-left:2%;"> | |
265 | - <div id="slider-range-min-2"></div> | |
266 | - </div> | |
267 | - <div class="clearfix"></div> | |
268 | - </div> | |
269 | - | |
270 | - | |
271 | - </div> | |
272 | - | |
273 | - | |
274 | - </div> | |
275 | - | |
276 | - </div> | |
277 | - </div> | |
278 | - </div> | |
279 | - | |
280 | - </div> | |
281 | - </div> | |
282 | - </div> | |
283 | - | |
284 | - <!--List manager--> | |
285 | - <style> | |
1 | +๏ปฟ<!DOCTYPE html> | |
2 | +<html lang="en" ng-cloak ng-app="AIA"> | |
3 | +<head> | |
4 | + <base href="/AIAHTML5/" /> | |
5 | + <meta charset="utf-8"> | |
6 | + <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
7 | + <!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">--> | |
8 | + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0 maximum-scale=1.0" /> | |
9 | + <title>A.D.A.M. Interactive Anatomy</title> | |
10 | + | |
11 | + <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" /> | |
12 | + | |
13 | + | |
14 | + <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" /> | |
15 | + | |
16 | + <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" /> | |
17 | + | |
18 | + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | |
19 | + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic"> | |
20 | + | |
21 | + <link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" /> | |
22 | + | |
23 | + <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> | |
24 | + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |
25 | + <!--[if lt IE 9]> | |
26 | + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> | |
27 | + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> | |
28 | + <![endif]--> | |
29 | + <link href="themes/default/css/bootstrap/3.3.6/jquery.mCustomScrollbar.css" rel="stylesheet" /> | |
30 | + | |
31 | + <link href="themes/default/css/bootstrap/3.3.6/jquery-ui.css" rel="stylesheet" /> | |
32 | + | |
33 | + <link href="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.css" rel="stylesheet" /> | |
34 | + <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" /> | |
35 | + <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" /> | |
36 | + | |
37 | + | |
38 | + | |
39 | +</head> | |
40 | +<body ng-controller="HomeController" id="bo"> | |
41 | + <div class="container-fluid "> | |
42 | + <!--Header--> | |
43 | + | |
44 | + <nav class="navbar navbar-inverse navbar-fixed-top"> | |
45 | + <div class="container-fluid"> | |
46 | + <!-- Brand and toggle get grouped for better mobile display --> | |
47 | + <div class="navbar-header"> | |
48 | + <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false"> | |
49 | + <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> | |
50 | + </button> | |
51 | + <a class="frameLogo navbar-brand" href="home"><img src="content/images/logo-main.png" class="img-responsive" alt=""></a> | |
52 | + </div> | |
53 | + <div ng-include="'app/widget/TopMenu.html'"></div> | |
54 | + </div> | |
55 | + </nav> | |
56 | + <div class="bodyWrap row container-fluid"> | |
57 | + | |
58 | + <div id="spinner" class="spinner" ng-show="isLoading"> | |
59 | + <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" /> | |
60 | + </div> | |
61 | + <div ng-view></div> | |
62 | + | |
63 | + </div> | |
64 | + </div>> | |
65 | + | |
66 | + | |
67 | + <!--list manager Modal--> | |
68 | + <div class="modal fade" id="ShowListManager" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" ng-init="tab = 1" style="width:27%;left:50%;overflow:hidden;height:500px;top:100px"> | |
69 | + <div class="modal-dialog" role="document" style="width:400px;"> | |
70 | + <div class="modal-content" style="width:100%;max-width:400px;"> | |
71 | + <div class="modal-header setting-modal-header" style="padding: 5px 10px; border-bottom: 1px solid #e5e5e5;"> | |
72 | + <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> | |
73 | + <h4 class="modal-title" id="myModalLabel">Setting</h4> | |
74 | + </div> | |
75 | + <div class="modal-body"> | |
76 | + <div class="row" style="padding-top:20px;"> | |
77 | + <div class="col-sm-12"> | |
78 | + | |
79 | + <div aria-label="..." role="group" class="btn-group btn-group-justified"> | |
80 | + <div role="group" class="btn-group"> | |
81 | + <button class="btn btn-sm btn-success" type="button" ng-click="tab = 1">Appearance</button> | |
82 | + </div> | |
83 | + <div role="group" class="btn-group"> | |
84 | + <button class="btn btn-sm btn-success" type="button" ng-click="tab = 2">Lexicons</button> | |
85 | + </div> | |
86 | + <div role="group" class="btn-group"> | |
87 | + <button class="btn btn-sm btn-success" type="button" ng-click="tab = 3">Dissectible</button> | |
88 | + </div> | |
89 | + </div> | |
90 | + | |
91 | + </div> | |
92 | + | |
93 | + | |
94 | + <div class="col-sm-12" ng-show="tab === 1"> | |
95 | + | |
96 | + | |
97 | + <div class="row"> | |
98 | + <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;"> | |
99 | + <div class="row" style="padding-top: 22px;"> | |
100 | + <div class="center-block col-md-10" style="float: none; "> | |
101 | + <h5><strong>System Font</strong></h5> | |
102 | + | |
103 | + <div style="border:2px solid #ACACAC;float:left;padding:15px;background-color:#CCCCCC;"> | |
104 | + <div class="col-md-3" style="padding-left:0px;"> | |
105 | + Sample | |
106 | + </div> | |
107 | + <div class="col-md-6" style="padding-right:0px;"> | |
108 | + <input type="text" value="" style="width:85%;"> | |
109 | + </div> | |
110 | + <div class="col-md-3" style="padding-left:0px;"> | |
111 | + <button class="btn btn-primary" style="margin-bottom:5px;">Change</button> | |
112 | + <button class="btn btn-primary" style="margin-bottom:5px;">Default</button> | |
113 | + </div> | |
114 | + | |
115 | + </div> | |
116 | + </div> | |
117 | + </div> | |
118 | + | |
119 | + </div> | |
120 | + </div> | |
121 | + | |
122 | + </div> | |
123 | + <div class="col-sm-12" ng-show="tab === 2"> | |
124 | + | |
125 | + | |
126 | + <div class="row"> | |
127 | + <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;"> | |
128 | + <div class="col-md-6"> | |
129 | + <h6><strong>Primary Lexicon</strong></h6> | |
130 | + <input type="text" value="English" style="width:90%;"> | |
131 | + <button class="btn btn-primary" style="float:right;margin-bottom:5px;margin-top:5px;">Change</button> | |
132 | + <h6>Secondry Lexicon</h6> | |
133 | + <textarea style="width:90%;"></textarea> | |
134 | + <button>Change</button> | |
135 | + <button>Change</button> | |
136 | + </div> | |
137 | + <div class="col-md-6"> | |
138 | + <h6>Available Lexicon</h6> | |
139 | + <select multiple class="form-control" id="sel2"> | |
140 | + <option>1</option> | |
141 | + <option>2</option> | |
142 | + <option>3</option> | |
143 | + <option>4</option> | |
144 | + <option>5</option> | |
145 | + </select> | |
146 | + | |
147 | + <p>Note: Some languages require special system fonts to display correctly</p> | |
148 | + </div> | |
149 | + | |
150 | + </div> | |
151 | + </div> | |
152 | + | |
153 | + </div> | |
154 | + <div class="col-sm-12" ng-show="tab === 3"> | |
155 | + | |
156 | + <div class="row"> | |
157 | + <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;"> | |
158 | + <h6>Skin Tones</h6> | |
159 | + <div class="center-block col-md-8" style="float: none;"> | |
160 | + <div class="col-md-6"> | |
161 | + <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
162 | + </div> | |
163 | + <div class="col-md-6"> | |
164 | + <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
165 | + </div> | |
166 | + <div class="col-md-6"> | |
167 | + <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
168 | + </div> | |
169 | + <div class="col-md-6"> | |
170 | + <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
171 | + </div> | |
172 | + | |
173 | + </div> | |
174 | + <h6>Modesty Setting</h6> | |
175 | + <div class="col-md-6"> | |
176 | + <div class="col-md-4"> | |
177 | + <img class="img-responsive" alt="" src="http://placehold.it/400x300"> | |
178 | + </div> | |
179 | + <div class="col-md-8"> | |
180 | + | |
181 | + <div class="radio"> | |
182 | + <label><input type="radio" name="optradio" checked>On</label> | |
183 | + </div> | |
184 | + <div class="radio"> | |
185 | + <label><input type="radio" name="optradio">Off</label> | |
186 | + </div> | |
187 | + | |
188 | + </div> | |
189 | + </div> | |
190 | + <div class="col-md-6"> | |
191 | + <h6>Annotaion</h6> | |
192 | + <div class="checkbox"> | |
193 | + <label><input type="checkbox" value="" checked>Erase Annotations when changeing layers</label> | |
194 | + </div> | |
195 | + </div> | |
196 | + </div> | |
197 | + | |
198 | + </div> | |
199 | + | |
200 | + | |
201 | + | |
202 | + </div> | |
203 | + </div> | |
204 | + <div class="modal-footer"> | |
205 | + <button type="button" class="btn btn-primary">Ok</button> | |
206 | + <button type="button" class="btn btn-primary" data-dismiss="modal">Cancle</button> | |
207 | + <button type="button" class="btn btn-primary">Apply</button> | |
208 | + </div> | |
209 | + </div> | |
210 | + </div> | |
211 | + </div> | |
212 | + </div> | |
213 | + | |
214 | + <!--Annotation Modal--> | |
215 | + <div class="annotationTollbar" style="position:fixed;top:80px;right:500px;display:none;z-index:1100;"> | |
216 | + <div class="annotationbar"> | |
217 | + <div class="modal-content"> | |
218 | + <div class="modal-header annotation-modal-header"> | |
219 | + <button type="button" class="close" aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">×</span></button> | |
220 | + <h4 class="modal-title" id="myModalLabel">Annotation</h4> | |
221 | + </div> | |
222 | + <div class="modal-body"> | |
223 | + <div class="row"> | |
224 | + <div class="col-sm-12"> | |
225 | + <h5>Mode</h5> | |
226 | + | |
227 | + <div class="btn-group btn-group-justified" role="group" aria-label="..."> | |
228 | + <div class="btn-group" role="group"> | |
229 | + <button type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button> | |
230 | + </div> | |
231 | + <div class="btn-group" role="group"> | |
232 | + <button type="button" class="btn btn-sm btn-success">Draw</button> | |
233 | + </div> | |
234 | + </div> | |
235 | + | |
236 | + </div> | |
237 | + <div class="col-sm-12"> | |
238 | + <h5>Tools</h5> | |
239 | + <div class="well well-popup"> | |
240 | + <div class="" role="" aria-label="..."> | |
241 | + <div class="" role="group" align="center"> | |
242 | + <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Select Shapes(S)"><img src="content/images/icon-identity.png" alt="" title=""></button> | |
243 | + <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Pin" ng-click="DrawPin()"><img src="content/images/draw-pin.png" alt="" title=""></button> | |
244 | + <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Arrow" ng-click="DrawArrow()"><img src="content/images/draw-arrow.png" alt="" title=""></button> | |
245 | + <button type="button" class="btn btn-black btn-xs mrgnBtm5" data-toggle="tooltip" data-placement="top" title="Draw Text" ng-click="DrawText()"><img src="content/images/draw-text.png" alt="" title=""></button> | |
246 | + </div> | |
247 | + <div class="" role="group" align="center"> | |
248 | + <button type="button" class="btn btn-black btn-xs " data-toggle="tooltip" data-placement="top" title="Draw Line" ng-click="DrawLine()"><img src="content/images/draw-line.png" alt="" title=""></button> | |
249 | + <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Rectangle" ng-click="DrawRectangle()"><img src="content/images/draw-rec.png" alt="" title=""></button> | |
250 | + <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Circle" ng-click="DrawCircle()"><img src="content/images/draw-cir.png" alt="" title=""></button> | |
251 | + <button type="button" class="btn btn-black btn-xs" data-toggle="tooltip" data-placement="top" title="Draw Polygon" ng-click="DrawPolygon()"><img src="content/images/draw-poly.png" alt="" title=""></button> | |
252 | + </div> | |
253 | + </div> | |
254 | + </div> | |
255 | + <div class="well-popup well"> | |
256 | + <img src="content/images/blank-shape.jpg" alt="..." class="img-rounded img-responsive"> | |
257 | + </div> | |
258 | + <div class="well well-popup"> | |
259 | + <div class="" role="group" aria-label="..."> | |
260 | + <div> | |
261 | + <button type="button" class="btn btn-primary btn-xs pull-left" data-toggle="tooltip" data-placement="top" title="Paint" style="margin-right:1%;"><i class="fa fa-paint-brush"></i></button> | |
262 | + <button type="button" class="btn btn-primary btn-xs pull-left" data-toggle="tooltip" data-placement="top" title="Erase" ng-click="EraseDrawing()"><i class="fa fa-eraser"></i></button> | |
263 | + <div class="marginL2 pull-left"><input type="number" id="amount-2" value="25" step="1" style="width:60px;"></div> | |
264 | + <div class="pull-left" style="width:45%; margin-left:2%;"> | |
265 | + <div id="slider-range-min-2"></div> | |
266 | + </div> | |
267 | + <div class="clearfix"></div> | |
268 | + </div> | |
269 | + | |
270 | + | |
271 | + </div> | |
272 | + | |
273 | + | |
274 | + </div> | |
275 | + | |
276 | + </div> | |
277 | + </div> | |
278 | + </div> | |
279 | + | |
280 | + </div> | |
281 | + </div> | |
282 | + </div> | |
283 | + | |
284 | + <!--List manager--> | |
285 | + <style> | |
286 | 286 | #listManager { |
287 | 287 | background:#fff; border-radius:3px; border:1px solid #ededed; |
288 | 288 | -webkit-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1); |
... | ... | @@ -377,100 +377,99 @@ |
377 | 377 | } |
378 | 378 | div.style.display = 'block'; |
379 | 379 | } |
380 | - </script> | |
381 | - | |
382 | - | |
383 | - | |
384 | - | |
385 | - | |
386 | - | |
387 | - | |
388 | - <script> | |
389 | - function mytoggle() { | |
390 | - var div = document.getElementById("divSection"); | |
391 | - if (div.style.display == 'block') { | |
392 | - div.style.display = 'none'; | |
393 | - return; | |
394 | - } | |
395 | - div.style.display = 'block'; | |
396 | - } | |
397 | - </script> | |
398 | - | |
399 | - | |
400 | - <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>--> | |
401 | - <script src="libs/jquery/2.1.3/jquery.min.js"></script> | |
402 | - <script src="libs/jquery/1.11.4/jquery-ui.js"></script> | |
403 | - <script src="libs/jquery/jquery_plugin/jquery.mCustomScrollbar.concat.min.js"></script> | |
404 | - <script src="themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script> | |
405 | - <script src="libs/angular/1.4.9/angular.min.js"></script> | |
406 | - <script src="libs/angular/1.4.9/angular-route.min.js"></script> | |
407 | - <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script> | |
408 | - <script src="libs/angular/1.4.9/ngStorage.js"></script> | |
409 | - <script src="content/js/custom/custom.js"></script> | |
410 | - <script src="libs/jinqJs.js"></script> | |
411 | - <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script> | |
412 | - <script src="libs/jquery/jquery_plugin/SpeechBubble/bubble.js"></script> | |
413 | - <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script> | |
414 | - <!--<script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.js"></script>--> | |
415 | - <script src="app/main/AIA.js"></script> | |
416 | - <script src="app/main/Link.js"></script> | |
417 | - <script src="content/scripts/js/custom/custom.js"></script> | |
418 | - <script src="app/filters/ColorMatrixFilter.js"></script> | |
419 | - <script src="app/utility/Matrix.js"></script> | |
420 | - <script src="app/utility/Point.js"></script> | |
421 | - <script src="app/utility/Rectangle.js"></script> | |
422 | - <script src="app/utility/BitmapData.js"></script> | |
423 | - <script src="app/utility/Paint.js"></script> | |
424 | - <script src="app/controllers/DAController.js"></script> | |
425 | - <script src="app/controllers/CIController.js"></script> | |
426 | - <script src="app/controllers/CAController.js"></script> | |
427 | - <script src="app/controllers/3dAController.js"></script> | |
428 | - <script src="app/controllers/CurrBuildController.js"></script> | |
429 | - <script src="app/controllers/AnatTestController.js"></script> | |
430 | - <script src="app/controllers/LabExercController.js"></script> | |
431 | - <script src="app/controllers/ADAMImgController.js"></script> | |
432 | - <script src="app/controllers/AODController.js"></script> | |
433 | - <script src="app/controllers/HomeController.js"></script> | |
434 | - <script src="app/controllers/LinkController.js"></script> | |
435 | - <script src="app/services/DataService.js"></script> | |
436 | - <script src="libs/jquery/jquery_plugin/jqueryui.js"></script> | |
437 | - <script src="../app/workeroprocess/match-pixel-wp.js"></script> | |
438 | - <script src="../app/workeroprocess/term-number-wp.js"></script> | |
439 | - | |
440 | - <script> | |
441 | - $(function () { | |
442 | - $("#slider-range-min-2").slider({ | |
443 | - range: "min", | |
444 | - min: 1, | |
445 | - max: 60, | |
446 | - value: 10, | |
447 | - slide: function (event, ui) { | |
448 | - $("#amount-2").val(ui.value); | |
449 | - } | |
450 | - }); | |
451 | - $("#amount-2").val($("#slider-vertical-2").slider("value")); | |
452 | - | |
453 | - $(function () { | |
454 | - $('[data-toggle="tooltip"]').tooltip(); | |
455 | - }) | |
456 | - }); | |
457 | - </script> | |
458 | - <script> | |
459 | - (function ($) { | |
460 | - $(window).load(function () { | |
461 | - $(".sidebar").mCustomScrollbar({ | |
462 | - autoHideScrollbar: true, | |
463 | - //theme:"rounded" | |
464 | - }); | |
465 | - | |
466 | - }); | |
467 | - })(jQuery); | |
468 | - </script> | |
469 | - <script> | |
470 | - $(function () { | |
471 | - $(".modal").draggable(); | |
472 | - $(".annotationTollbar").draggable(); | |
473 | - }); | |
474 | - </script> | |
475 | -</body> | |
380 | + </script> | |
381 | + | |
382 | + | |
383 | + | |
384 | + | |
385 | + | |
386 | + | |
387 | + | |
388 | + <script> | |
389 | + function mytoggle() { | |
390 | + var div = document.getElementById("divSection"); | |
391 | + if (div.style.display == 'block') { | |
392 | + div.style.display = 'none'; | |
393 | + return; | |
394 | + } | |
395 | + div.style.display = 'block'; | |
396 | + } | |
397 | + </script> | |
398 | + | |
399 | + | |
400 | + <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>--> | |
401 | + <script src="libs/jquery/2.1.3/jquery.min.js"></script> | |
402 | + <script src="libs/jquery/1.11.4/jquery-ui.js"></script> | |
403 | + <script src="libs/jquery/jquery_plugin/jquery.mCustomScrollbar.concat.min.js"></script> | |
404 | + <script src="themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script> | |
405 | + <script src="libs/angular/1.4.9/angular.min.js"></script> | |
406 | + <script src="libs/angular/1.4.9/angular-route.min.js"></script> | |
407 | + <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script> | |
408 | + <script src="libs/angular/1.4.9/ngStorage.js"></script> | |
409 | + <script src="content/js/custom/custom.js"></script> | |
410 | + <script src="libs/jinqJs.js"></script> | |
411 | + <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script> | |
412 | + <script src="libs/jquery/jquery_plugin/SpeechBubble/bubble.js"></script> | |
413 | + <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script> | |
414 | + <!--<script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.js"></script>--> | |
415 | + <script src="app/main/AIA.js"></script> | |
416 | + <script src="app/main/Link.js"></script> | |
417 | + <script src="content/scripts/js/custom/custom.js"></script> | |
418 | + <script src="app/filters/ColorMatrixFilter.js"></script> | |
419 | + <script src="app/utility/Matrix.js"></script> | |
420 | + <script src="app/utility/Point.js"></script> | |
421 | + <script src="app/utility/Rectangle.js"></script> | |
422 | + <script src="app/utility/BitmapData.js"></script> | |
423 | + <script src="app/utility/Paint.js"></script> | |
424 | + <script src="app/controllers/DAController.js"></script> | |
425 | + <script src="app/controllers/CIController.js"></script> | |
426 | + <script src="app/controllers/CAController.js"></script> | |
427 | + <script src="app/controllers/3dAController.js"></script> | |
428 | + <script src="app/controllers/CurrBuildController.js"></script> | |
429 | + <script src="app/controllers/AnatTestController.js"></script> | |
430 | + <script src="app/controllers/LabExercController.js"></script> | |
431 | + <script src="app/controllers/ADAMImgController.js"></script> | |
432 | + <script src="app/controllers/AODController.js"></script> | |
433 | + <script src="app/controllers/HomeController.js"></script> | |
434 | + <script src="app/controllers/LinkController.js"></script> | |
435 | + <script src="app/services/DataService.js"></script> | |
436 | + <script src="libs/jquery/jquery_plugin/jqueryui.js"></script> | |
437 | + | |
438 | + | |
439 | + <script> | |
440 | + $(function () { | |
441 | + $("#slider-range-min-2").slider({ | |
442 | + range: "min", | |
443 | + min: 1, | |
444 | + max: 60, | |
445 | + value: 10, | |
446 | + slide: function (event, ui) { | |
447 | + $("#amount-2").val(ui.value); | |
448 | + } | |
449 | + }); | |
450 | + $("#amount-2").val($("#slider-vertical-2").slider("value")); | |
451 | + | |
452 | + $(function () { | |
453 | + $('[data-toggle="tooltip"]').tooltip(); | |
454 | + }) | |
455 | + }); | |
456 | + </script> | |
457 | + <script> | |
458 | + (function ($) { | |
459 | + $(window).load(function () { | |
460 | + $(".sidebar").mCustomScrollbar({ | |
461 | + autoHideScrollbar: true, | |
462 | + //theme:"rounded" | |
463 | + }); | |
464 | + | |
465 | + }); | |
466 | + })(jQuery); | |
467 | + </script> | |
468 | + <script> | |
469 | + $(function () { | |
470 | + $(".modal").draggable(); | |
471 | + $(".annotationTollbar").draggable(); | |
472 | + }); | |
473 | + </script> | |
474 | +</body> | |
476 | 475 | </html> |
477 | 476 | \ No newline at end of file | ... | ... |