ADAM / AIAHTML5

Commit 74791ddc0f929798ca09827ab83327193a499a1a

Authored by Amrita Vishnoi
1 parent 92180c06

removed worker process

Inline Side-by-side
Showing 1 changed file with 380 additions and 381 deletions
400-SOURCECODE/AIAHTML5.Web/index.html
  View file @74791dd
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">&times;</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">&times;</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>&nbsp;
263   - <div class="marginL2 pull-left"><input type="number" id="amount-2" value="25" step="1" style="width:60px;"></div>&nbsp;
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">&times;</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">&times;</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>&nbsp;
  263 + <div class="marginL2 pull-left"><input type="number" id="amount-2" value="25" step="1" style="width:60px;"></div>&nbsp;
  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
... ...