ADAM / AIAHTML5

Browse Code »

Commit 63560c2e9f2508d0d35c79f3670efe424ba6003f

Authored by Nikita Kulshreshtha 2018-01-24 15:48:52 +0530

2 parents 519b7396 2b8b72c8

manually merged CALandscapeIssue into develop.

Inline Side-by-side

Showing 2 changed files with 7233 additions and 7095 deletions

400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js

View file @63560c2

Changes suppressed. Click to show

1		-'use strict';
2		-
3		-AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", "$timeout", "DataService", "AuthenticationService", "LoginConstants", "UserModules", "LoginMessageConstants", "AdminService", "$http", "AdminConstants", "UserTypeConstants", "AIAConstants",
4		-function ($rootScope, Modules, $log, $location, $timeout, DataService, AuthenticationService, LoginConstants, UserModules, LoginMessageConstants, AdminService, $http, AdminConstants, UserTypeConstants,AIAConstants) {
5		-
6		- //$scope.pageToOpen = {
7		- // name: 'MainMenu'
8		- //};
9		- $rootScope.pageToOpen = 'app/widget/MainMenu.html';
10		- $rootScope.currentBodyViewId;
11		- $rootScope.currentActiveModuleTitle = 'Welcome to A.D.A.M. Interactive Anatomy';//Modules[0].Name;
12		- $rootScope.currentActiveViewTitle;
13		- $rootScope.cuurentActiveModuleId;
14		- $rootScope.openModules = [];
15		- $rootScope.openViews = [];
16		- $rootScope.currentSlug;
17		- $rootScope.jsPanelTitle;
18		- $rootScope.ViewTitle;
19		- $rootScope.isLoading = false;
20		- $rootScope.isAnnotationWindowOpen = false;
21		- $rootScope.isDrawingToolSelected = false;
22		- $rootScope.isIdetifyClicked = true;
23		- $rootScope.paint = false;
24		- $rootScope.clickX = new Array();
25		- $rootScope.clickY = new Array();
26		- $rootScope.clickDrag = new Array();
27		- $rootScope.isLineDrawSelecyed = false;
28		- $rootScope.isAnnotationWindowClose = false;
29		- $rootScope.setListManagerZindex = false;
30		- $rootScope.lastX;
31		- $rootScope.lastY;
32		- $rootScope.CommonData;
33		- $rootScope.shapeType;
34		- $rootScope.globalSetting = {
35		- ethnicity: 'W',
36		- modesty: 'Y',
37		- };
38		- $rootScope.formsetting = {
39		- ethnicity: null,
40		- modesty: null
41		- };
42		-
43		- // on refersh this variable will also get null that is why we are only checking this variable on initialize that if it is null that means page gets refershed.
44		- $rootScope.refreshcheck = null;
45		- $rootScope.isCloseSettingClicked = false;
46		-
47		-
48		- $rootScope.isModestyOn;
49		- $rootScope.isModestyOff;
50		- $rootScope.SetSettingActiveTab;
51		- $rootScope.disableMenuannotation = "disableMenuannotation";
52		- $rootScope.disableMenuoption = "disableMenuoption";
53		- $rootScope.menuLabExer;
54		- $rootScope.menuLabExer = 0;
55		-
56		-
57		- $rootScope.fontSizes;
58		- $rootScope.fontWeight;
59		- $rootScope.fontStyle;
60		- $rootScope.textAlignmt;
61		- $rootScope.fontColor;
62		- $rootScope.underlineText;
63		- $rootScope.textArea;
64		- $rootScope.fontFamily;
65		- $rootScope.TextPropertyArray = [];
66		- $rootScope.modifySavedText = [];
67		- $rootScope.TextRectangleArr = [];
68		- $rootScope.rectDimension = [];
69		- $rootScope.isMousedownOnPaintCanvas = false;
70		- //opacity code
71		- $rootScope.shapestyleOpacity = 1;
72		- $rootScope.shapestyleFillColor = "#fff";
73		- $rootScope.shapestyleFillBorderColor = "black";
74		- $rootScope.shapestyleborderWidth = 2;
75		- $rootScope.shapestyleborderStyles = "solid";
76		- //$rootScope.errorMessage = ''; // Commented initialization to retain message when coming to login after password reset success screen
77		- $rootScope.disableFileMenu = "disableFileMenu";
78		-
79		- $rootScope.userInfo = {
80		- username: null,
81		- password: null,
82		- emailId: null,
83		- newPassword: null,
84		- confirmPassword: null,
85		- userMessage: null,
86		- unblockUser: false,
87		- isMailForForgotPassword:false
88		- };
89		- $rootScope.userLicenseInfo = {
90		- userLicenseId: 0,
91		- licenseeAccountNumber: null
92		- };
93		- $rootScope.userData;
94		- $rootScope.userModules;
95		- $rootScope.passwordMismatchMessage;
96		- $rootScope.isVisibleLogin;
97		- $rootScope.haveRoleAdmin;
98		- $rootScope.checked = false;
99		- var isfilloptionChecked = "";
100		- var isOutlineOptionChecked = "";
101		- $rootScope.forgotPwdModalShow = function () {
102		- document.getElementById("forgetPwdForm").reset()
103		- $("#forgotPwdModal").modal("show");
104		- $(".modal-backdrop").css("opacity", ".5");
105		- $("body.modal-open").css("padding-right", "0px");
106		- }
107		- $rootScope.forgotUserModalShow = function () {
108		- document.getElementById("forgetUSerIdForm").reset();
109		- $("#forgotUserModal").modal("show");
110		- $(".modal-backdrop").css("opacity", ".5");
111		- $("body.modal-open").css("padding-right", "0px");
112		-
113		- }
114		-
115		- $rootScope.promptUserForCookies= function()
116		- {
117		- $rootScope.errorMessage = AIAConstants.COOKIES_MESSAGE;
118		- $("#messageModal").modal('show');
119		-
120		- }
121		-
122		-
123		- $rootScope.initializeAIA = function () {
124		-
125		- if (navigator.cookieEnabled) {
126		-
127		- $rootScope.isLoading = false;
128		-
129		- var url = $location.url();
130		-
131		- //unblock user
132		- if (url.indexOf('?unb:') != -1) {
133		-
134		- $rootScope.isVisibleLogin = true;
135		- $rootScope.UnblockUser();
136		- }
137		- else if (url.indexOf('?em:') != -1) {
138		-
139		- $rootScope.isVisibleLogin = false;
140		- $rootScope.isVisibleResetPass = true;
141		- }
142		- else {
143		- $rootScope.isVisibleLogin = true;
144		- $rootScope.isVisibleResetPass = false;
145		- getUserDetails();
146		- }
147		- }
148		-
149		- else {
150		-
151		- $rootScope.isVisibleLogin = true;
152		-
153		- $rootScope.promptUserForCookies();
154		- }
155		-
156		-
157		- }
158		-
159		- $rootScope.AuthenticateUser = function (userInfo)
160		- {
161		- if (navigator.cookieEnabled) {
162		-
163		- $rootScope.errorMessage = "";
164		- if (userInfo.username == "" \|\| userInfo.username == null \|\| userInfo.password == "" \|\| userInfo.password == null) {
165		-
166		- // alert(LoginMessageConstants.USER_CREDENTIALS_MISSING);
167		- $rootScope.errorMessage = LoginMessageConstants.USER_CREDENTIALS_MISSING;
168		- $("#messageModal").modal('show');
169		- }
170		- else {
171		-
172		- AuthenticationService.authenticateUser(userInfo)
173		- .then(
174		-
175		- function (result) {
176		- if (result == LoginConstants.USER_NOT_FOUND) {
177		- $rootScope.isVisibleLogin = true;
178		- // alert(LoginMessageConstants.USER_OR_PASSWORD_INCORRECT);
179		- $rootScope.errorMessage = LoginMessageConstants.INVALID_USER;
180		- $("#messageModal").modal('show');
181		- }
182		- else {
183		- if (typeof result.LoginId != undefined \|\| result.LoginId != "" \|\| result.LoginId != null) {
184		-
185		- if ($("#messageModal").length > 0) {
186		- $("#messageModal").modal('hide');
187		- }
188		- if (result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_PASSWORD_NOT_MATCH) {
189		- $rootScope.isVisibleLogin = true;
190		- $rootScope.errorMessage = LoginMessageConstants.INVALID_PASSWORD;
191		- $("#messageModal").modal('show');
192		- }
193		- else if (result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_ID_BLOCKED_24_HRS) {
194		- $rootScope.isVisibleLogin = true;
195		- $rootScope.errorMessage = LoginMessageConstants.USER_BLOCKED;
196		- $("#messageModal").modal('show');
197		- }
198		- else if ((result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) && (result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (result.LicenseInfo.IsActive) && result.IsSubscriptionExpired) {
199		- $rootScope.isVisibleLogin = true;
200		- $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
201		- $rootScope.errorMessage = $rootScope.errorMessage + ' ' + LoginMessageConstants.USER_INACTIVE_MESSAGE;
202		- $("#messageModal").modal('show');
203		- }
204		- else if ((result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) && (result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && result.IsSubscriptionExpired) {
205		- $rootScope.isVisibleLogin = true;
206		- $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
207		- $rootScope.errorMessage = $rootScope.errorMessage + ' ' + LoginMessageConstants.LICENSE_INACTIVE_MESSAGE + ' ' + LoginMessageConstants.USER_INACTIVE_MESSAGE;
208		- $("#messageModal").modal('show');
209		- }
210		- else if ((result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) && (result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && result.IsSubscriptionExpired) {
211		- $rootScope.isVisibleLogin = true;
212		- $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
213		- $rootScope.errorMessage = $rootScope.errorMessage + ' ' + LoginMessageConstants.LICENSE_INACTIVE_MESSAGE + ' ' + LoginMessageConstants.USER_INACTIVE_MESSAGE;
214		- $("#messageModal").modal('show');
215		- }
216		- else if ((result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) && (result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && (!result.IsSubscriptionExpired)) {
217		- $rootScope.isVisibleLogin = true;
218		- $rootScope.errorMessage = LoginMessageConstants.LICENSE_INACTIVE_MESSAGE + ' ' + LoginMessageConstants.USER_INACTIVE_MESSAGE;
219		- $("#messageModal").modal('show');
220		- }
221		- else if (result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) {
222		- $rootScope.isVisibleLogin = true;
223		- $rootScope.errorMessage = LoginMessageConstants.USER_INACTIVE_MESSAGE;
224		- $("#messageModal").modal('show');
225		- }
226		- else if ((result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && (result.IsSubscriptionExpired)) {
227		- $rootScope.isVisibleLogin = true;
228		- $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
229		- $rootScope.errorMessage = $rootScope.errorMessage + ' ' + LoginMessageConstants.LICENSE_INACTIVE_MESSAGE;
230		- $("#messageModal").modal('show');
231		- }
232		- else if ((result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (result.LicenseInfo.IsActive) && (result.IsSubscriptionExpired)) {
233		- $rootScope.isVisibleLogin = true;
234		- $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
235		- $("#messageModal").modal('show');
236		- }
237		- else if ((result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && (!result.IsSubscriptionExpired)) {
238		- $rootScope.isVisibleLogin = true;
239		- $rootScope.errorMessage = LoginMessageConstants.LICENSE_INACTIVE_MESSAGE;
240		- $("#messageModal").modal('show');
241		- }
242		- else {
243		-
244		- //if (result.UserType == UserTypeConstants.SUPER_ADMIN && result.IsActive) { //(!result.IsSubscriptionExpired) &&
245		- if (result.LicenseId == 0 && result.IsActive) {
246		- $rootScope.userData = result;
247		- $rootScope.userModules = result.Modules;
248		- $rootScope.isVisibleLogin = false;
249		- $rootScope.haveRoleAdmin = true;
250		- localStorage.setItem('loggedInUserDetails', JSON.stringify(result));
251		- ShowAssignedModulesPopup(result.Modules);
252		- $location.path('/');
253		-
254		- }
255		- else {
256		- if (result.LicenseInfo != null && result.LicenseInfo.IsTermAccepted) {
257		- $rootScope.userData = result;
258		- $rootScope.userModules = result.Modules;
259		- $rootScope.isVisibleLogin = false;
260		- $rootScope.haveRoleAdmin = false;
261		- localStorage.setItem('loggedInUserDetails', JSON.stringify(result));
262		- ShowAssignedModulesPopup(result.Modules);
263		- $location.path('/');
264		-
265		- }
266		- else {
267		- if ($('#dvTerms').length > 0) {
268		- $('#dvTerms').html(result.TermsAndConditionsText);
269		- }
270		- $rootScope.isVisibleLogin = true;
271		- $('#dvTermCondition').fadeIn();
272		- $rootScope.userData = result;
273		- $rootScope.haveRoleAdmin = false;
274		- localStorage.setItem('loggedInUserDetails', JSON.stringify(result));
275		- $location.path('/');
276		- }
277		- }
278		-
279		- }
280		-
281		- }
282		- }
283		- }),
284		-
285		- function (error) {
286		- console.log(' Error in authentication = ' + error.statusText);
287		- // alert(LoginMessageConstants.ERROR_IN_FECTHING_DETAILS);
288		- $rootScope.isVisibleLogin = true;
289		- $rootScope.errorMessage = error;
290		- $("#messageModal").modal('show');
291		- }
292		- }
293		- }
294		-
295		- else
296		- {
297		- $rootScope.promptUserForCookies();
298		- }
299		-
300		- }
301		-
302		- function ShowAssignedModulesPopup(userModules) {
303		- var allModules = Modules;
304		- var arrPendingModules = [];
305		- if ($('#dvPendingModules').length > 0) {
306		- $('#dvPending').hide();
307		- }
308		- for (var module = 1; module <= allModules.length; module++) {
309		- $('#moduleDiv' + module).hide();
310		- }
311		- if (('#moduleDiv1017').length > 0) {
312		- $('#moduleDiv1017').hide();
313		- }
314		-
315		- for (var count = 0; count < userModules.length; count++) {
316		- for (var module = 0; module < allModules.length; module++) {
317		- if (userModules[count].id == allModules[module].Id) {
318		- $('#moduleDiv' + userModules[count].id).show();
319		- break;
320		- }
321		-
322		- if (userModules[count].id == 7)
323		- arrPendingModules.push(userModules[count].id);
324		- if (userModules[count].id == 8)
325		- arrPendingModules.push(userModules[count].id);
326		- if (userModules[count].id == 10)
327		- arrPendingModules.push(userModules[count].id);
328		- }
329		- }
330		- if (userModules.length > 0) {
331		- $('#dvUserModulesInfo').modal('show');
332		- }
333		-
334		- if (arrPendingModules.length > 0) {
335		- $('#dvPendingModules').show();
336		- }
337		- }
338		- $rootScope.UpdateLicenseTermStatus = function () {
339		- $('#dvTermCondition').fadeOut();
340		- var currentUserDetails = $rootScope.getLocalStorageValue('loggedInUserDetails');
341		- if (currentUserDetails) {
342		- var userInfo = JSON.parse(currentUserDetails);
343		- }
344		- if (userInfo.LicenseInfo.AccountNumber != null && userInfo.LicenseInfo.Id != 0) {
345		- $rootScope.userLicenseInfo.userLicenseId = userInfo.LicenseInfo.Id;
346		- $rootScope.userLicenseInfo.licenseeAccountNumber = userInfo.LicenseInfo.AccountNumber;
347		-
348		- AuthenticationService.UpdateLicenseTerm($rootScope.userLicenseInfo)
349		- .then(function (result) {
350		- if (result.Modules !=="" && result.Modules !== null) { // LoginMessageConstants.LICENSE_TERM_CONDITION_UPDATE_SUCCESS) {
351		- console.log(' Term and Condition acceptance status updated successfully.');
352		- if (currentUserDetails) {
353		- var userInfo = JSON.parse(currentUserDetails);
354		- userInfo.Modules = result.Modules;
355		-
356		- if (userInfo.LoginId != undefined \|\| userInfo.LoginId != "" \|\| userInfo.LoginId != null) {
357		- $rootScope.isVisibleLogin = false;
358		- $rootScope.userData = userInfo;
359		- $rootScope.userModules = userInfo.Modules;
360		- ShowAssignedModulesPopup(userInfo.Modules);;
361		- }
362		- }
363		- }
364		- else if (result = LoginConstants.LICENSE_TERM_CONDITION_UPDATE_FAILED) {
365		- console.log(result);
366		- $rootScope.isVisibleLogin = true;
367		- $('#dvTermCondition').fadeIn();
368		- $rootScope.errorMessage = LoginConstants.LICENSE_TERM_CONDITION_UPDATE_FAILED;
369		- $("#messageModal").modal('show');
370		- $("#messageModal").css("z-index", 111112);
371		- localStorage.removeItem("loggedInUserDetails");
372		- }
373		-
374		- },
375		- function (error) {
376		- console.log(' Error in Term and Condition acceptance status update = ' + error);//.statusText
377		- $rootScope.isVisibleLogin = true;
378		- $rootScope.isVisibleLogin = true;
379		- $rootScope.errorMessage = error;
380		- $("#messageModal").modal('show');
381		- $('#dvTermCondition').fadeIn();
382		- });
383		- }
384		- };
385		-
386		-
387		- $rootScope.LogoutUser = function () {
388		- localStorage.removeItem('loggedInUserDetails');
389		- localStorage.clear();
390		- document.location = '/';
391		- $rootScope.isVisibleLogin = true;
392		- }
393		-
394		- function getUserDetails() { //Retain logged in user details
395		- var currentUserDetails = $rootScope.getLocalStorageValue('loggedInUserDetails');
396		- if (currentUserDetails) {
397		- try {
398		- var userInfo = JSON.parse(currentUserDetails);
399		-
400		- if (userInfo.LoginId != undefined \|\| userInfo.LoginId != "" \|\| userInfo.LoginId != null) {
401		-
402		- if (userInfo.UserType == UserTypeConstants.SUPER_ADMIN && userInfo.IsActive) { //(!result.IsSubscriptionExpired) &&
403		-
404		- $rootScope.userData = userInfo;
405		-
406		- $rootScope.userModules = userInfo.Modules;
407		-
408		- $rootScope.isVisibleLogin = false;
409		- $rootScope.haveRoleAdmin = true;
410		-
411		- if ($rootScope.refreshcheck == null) {
412		-
413		- $location.path('/');
414		-
415		- }
416		- }
417		-
418		- else
419		- {
420		- $rootScope.haveRoleAdmin = false;
421		-
422		- if (userInfo.LicenseInfo.IsTermAccepted) {
423		- $rootScope.userData = userInfo;
424		- $rootScope.userModules = userInfo.Modules;
425		- $rootScope.isVisibleLogin = false;
426		- //$rootScope.haveRoleAdmin = true;
427		-
428		- if ($rootScope.refreshcheck == null) {
429		- $location.path('/');
430		- }
431		-
432		- }
433		- else {
434		- if ($('#dvTerms').length > 0) {
435		- $('#dvTerms').html(userInfo.TermsAndConditionsText);
436		- }
437		- $rootScope.isVisibleLogin = true;
438		- $('#dvTermCondition').fadeIn();
439		- $rootScope.userData = userInfo;
440		- $rootScope.userModules = userInfo.Modules;
441		- //$rootScope.haveRoleAdmin = true;
442		- $location.path('/');
443		- }
444		- }
445		- }
446		- }
447		- catch (e) {
448		- localStorage.removeItem('loggedInUserDetails');
449		- }
450		- }
451		- }
452		-
453		- $rootScope.SendMailToUser = function (userInfo, isMailForForgotPassword) {
454		- //
455		-
456		- if ((userInfo.emailId != null) && (userInfo.emailId != '')) {
457		- if (validateEmail(userInfo.emailId)) {
458		- if (isMailForForgotPassword) {
459		-
460		- var selectedOption = $("input[name='inlineRadioOptions']:checked").val();
461		-
462		- if (selectedOption == LoginMessageConstants.UNBLOCK_SELECTED) {
463		- userInfo.unblockUser = true;
464		- userInfo.isMailForForgotPassword = true;
465		- }
466		- else if (selectedOption == LoginMessageConstants.FORGOT_PASSWORD_SELECTED) {
467		- userInfo.unblockUser = false;
468		- userInfo.isMailForForgotPassword = true;
469		- }
470		- }
471		- else
472		- userInfo.isMailForForgotPassword = false;
473		-
474		- AuthenticationService.SendMailToUser(userInfo)
475		- .then(function (result) {
476		- if (result == LoginConstants.USER_NOT_FOUND) {
477		- removeEmailPopUp();
478		- // alert(LoginMessageConstants.INCORRECT_EMAIL_ID);
479		- $rootScope.errorMessage = LoginMessageConstants.INCORRECT_EMAIL_ID;
480		- $("#messageModal").modal('show');
481		- }
482		- else if (result == LoginConstants.MAIL_NOT_SENT) {
483		- removeEmailPopUp();
484		- // alert(LoginMessageConstants.MAIL_NOT_SENT);
485		- $rootScope.errorMessage = LoginMessageConstants.MAIL_NOT_SENT;
486		- $("#messageModal").modal('show');
487		- }
488		- else {
489		- if (result == LoginMessageConstants.MAIL_SENT) {
490		- var message;
491		- removeEmailPopUp();
492		-
493		- if (isMailForForgotPassword) {
494		- if (userInfo.unblockUser)
495		- message = LoginMessageConstants.USER_UNBLOCK_LINK_IN_EMAIL;
496		- else
497		- message = LoginMessageConstants.RESET_PASSWORD;
498		- }
499		- else
500		- message = LoginMessageConstants.USERID_SENT_IN_EMAIL
501		- //alert(message);
502		- $rootScope.errorMessage = message;
503		- $("#messageModal").modal('show');
504		-
505		-
506		- }
507		- }
508		-
509		- },
510		- function (error) {
511		- console.log(' Error in authentication = ' + error.statusText);
512		- removeEmailPopUp();
513		- // alert(LoginConstants.ERROR_IN_FECTHING_DETAILS);
514		- $rootScope.errorMessage = error;
515		- $("#messageModal").modal('show');
516		- });
517		- }
518		- else {
519		- // alert(LoginMessageConstants.INCORRECT_EMAIL_ID);
520		- removeEmailPopUp();
521		- $rootScope.errorMessage = LoginMessageConstants.INCORRECT_EMAIL_ID;
522		- $("#messageModal").modal('show');
523		- }
524		- }
525		- else {
526		- //alert(LoginMessageConstants.BLANK_EMAIL_ID);
527		- removeEmailPopUp();
528		- $rootScope.errorMessage = LoginMessageConstants.BLANK_EMAIL_ID;
529		- $("#messageModal").modal('show');
530		-
531		- }
532		- };
533		-
534		- function removeEmailPopUp()
535		- {
536		- if ($('#forgotUserModal').length > 0) {
537		- $('#forgotUserModal').fadeOut();
538		- $('#forgotUserModal').modal('hide');
539		- }
540		- if ($('#forgotPwdModal').length > 0) {
541		- $('#forgotPwdModal').fadeOut();
542		- $('#forgotPwdModal').modal('hide');
543		- }
544		- }
545		-
546		-
547		- function validateEmail(email) {
548		- var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
549		- return re.test(email);
550		- }
551		-
552		- $rootScope.ResetUserPassword = function (userInfo) {
553		-
554		- var url = $location.url();
555		- if (url.indexOf('?em:') != -1) {
556		- var split = url.split('?em:');
557		- userInfo.emailId = split[1];
558		- }
559		-
560		- if (userInfo.newPassword != null) {
561		-
562		- if (userInfo.newPassword === userInfo.confirmPassword) {
563		- $rootScope.passwordMismatchMessage = null;
564		-
565		- AuthenticationService.ResetUserPassword(userInfo)
566		- .then(
567		- function (result) {
568		- if (result == LoginConstants.USER_NOT_FOUND) {
569		- // alert(LoginMessageConstants.USER_OR_PASSWORD_INCORRECT);
570		- $rootScope.errorMessage = LoginMessageConstants.USER_NOT_FOUND;
571		- $("#messageModal").modal('show');
572		-
573		- }
574		- else if (result == LoginConstants.EXCEPTION_OCCURED) {
575		- // alert(LoginMessageConstants.ERROR_IN_FECTHING_DETAILS);
576		- $rootScope.errorMessage = LoginConstants.ERROR_IN_FECTHING_DETAILS;
577		- $("#messageModal").modal('show');
578		-
579		- }
580		- else if (result == LoginConstants.SQL_CONNECTION_ERROR) {
581		- $rootScope.errorMessage = LoginConstants.SQL_CONNECTION_ERROR_MESSAGE;
582		- $("#messageModal").modal('show');
583		- }
584		- else {
585		- //if ((result.IsAcknowledged == true) && (result.IsModifiedCountAvailable == true)) {
586		- if (result == LoginMessageConstants.PASSWORD_UPDATE_SUCCESS) {
587		- // alert(LoginMessageConstants.PASSWORD_RESET_MESSAGE);
588		- $rootScope.errorMessage = LoginMessageConstants.PASSWORD_RESET_MESSAGE;
589		- $("#messageModal").modal('show');
590		- $rootScope.isVisibleLogin = true;
591		- $rootScope.isVisibleResetPass = false;
592		- $location.url("/");
593		- }
594		- else {
595		- $rootScope.errorMessage = LoginMessageConstants.PASSWORD_RESET_FAILURE;
596		- $("#messageModal").modal('show');
597		- $rootScope.isVisibleLogin = true;
598		- $rootScope.isVisibleResetPass = false;
599		- $location.url("/");
600		- }
601		- }
602		- },
603		- function (error) {
604		- console.log(' Error in authentication = ' + error.statusText);
605		- // alert(LoginMessageConstants.ERROR_IN_FECTHING_DETAILS);
606		- $rootScope.errorMessage = error;
607		- $("#messageModal").modal('show');
608		-
609		- });
610		- }
611		- else {
612		- $rootScope.errorMessage = LoginMessageConstants.NEW_AND_OLD_PASSWORD_DONOT_MATCH;
613		- $("#messageModal").modal('show');
614		- }
615		- }
616		- else {
617		- $rootScope.errorMessage = LoginMessageConstants.NEW_PASSWORD_FIELD_IS_EMPTY;
618		- $("#messageModal").modal('show');
619		- }
620		-
621		- }
622		-
623		- $rootScope.UnblockUser = function () {
624		-
625		- var userEmailId = '';
626		- var url = $location.url();
627		-
628		- var split = url.split('?unb:');
629		- userEmailId = split[1];
630		-
631		-
632		- AuthenticationService.UnblockUser(userEmailId)
633		- .then(
634		- function (result) {
635		- if (result == LoginMessageConstants.USER_UNBLOCK_SUCCESS) {
636		- $rootScope.errorMessage = LoginMessageConstants.USER_UNBLOCK_SUCCESS_MESSAGE;
637		- $("#messageModal").modal('show');
638		- $rootScope.isVisibleLogin = true;
639		- $location.url("/");
640		- }
641		- else {
642		- $rootScope.errorMessage = LoginMessageConstants.UNABLE_TO_UNBLOCK;
643		- $("#messageModal").modal('show');
644		- $rootScope.isVisibleLogin = true;
645		- $location.url("/");
646		- }
647		- },
648		- function (error) {
649		- console.log(' Error in UnblockUser = ' + error.statusText);
650		- $rootScope.errorMessage = error;
651		- $("#messageModal").modal('show');
652		- }
653		- );
654		- }
655		-
656		- $rootScope.lexiconLanguageArray = [];
657		- $rootScope.lexiconLanguageArray.push({ id: "1", language: "English" });
658		- $(document).ready(function () {
659		-
660		- $rootScope.isLexiconTabClicked = true;
661		- $rootScope.lexiconData = function () {
662		- if ($rootScope.isLexiconTabClicked == true) {
663		- $rootScope.isLexiconTabClicked = false;
664		- $.ajax({
665		- url: '~/../content/data/json/da/uc_dat_default.json',
666		- dataType: "json",
667		- success: function (result) {
668		- $(result.root.uc.al.lx).each(function (key, value) {
669		-
670		- $('#lexiconLangDropdown').append('<option val="' + this._id + '">' + this._tl + '</option>');
671		-
672		- });
673		-
674		- }
675		-
676		- });
677		- }
678		- $('#lexiconLangDropdown').change(function () {
679		- $rootScope.isLexiconLanguageClicked = true;
680		- $('#laxiconLangAdd').removeAttr('disabled');
681		- $('#laxicanlanguageChagne').removeAttr('disabled');
682		- $rootScope.selectedId = $("#lexiconLangDropdown option:selected").attr('val');
683		- $rootScope.selectedText = $("#lexiconLangDropdown option:selected").text();
684		- });
685		-
686		- $('#laxiconLangAdd').click(function () {
687		- if ($rootScope.isLexiconLanguageClicked == true) {
688		- $rootScope.isLexiconLanguageClicked = false;
689		- $("#lexiconLangDropdown :selected").remove();
690		- $('#secondLax').append('<option val="' + $rootScope.selectedId + '">' + $rootScope.selectedText + '</option>');
691		- $rootScope.lexiconLanguageArray.push({ id: $rootScope.selectedId, language: $rootScope.selectedText });
692		- }
693		- });
694		-
695		- $('#secondLax').change(function () {
696		- $rootScope.isActiveLexiconLanguageClicked = true;
697		- $rootScope.secondlaxdid = $("#secondLax option:selected").attr('val');
698		- $rootScope.secondlaxtext = $("#secondLax option:selected").text();
699		-
700		- });
701		-
702		- $("#laxiconLangRemove").click(function () {
703		- if ($rootScope.isActiveLexiconLanguageClicked == true) {
704		- $rootScope.isActiveLexiconLanguageClicked = false;
705		- $("#secondLax :selected").remove();
706		- $('#lexiconLangDropdown').append('<option val="' + $rootScope.secondlaxdid + '">' + $rootScope.secondlaxtext + '</option>');
707		- // $rootScope.lexiconLanguageArray.splice($rootScope.secondlaxtext, 1);
708		- $rootScope.lexiconLanguageArray = [];
709		- $("#secondLax > option").each(function () {
710		- $rootScope.lexiconLanguageArray.push({ id: $(this).attr("val"), language: this.value });
711		- });
712		- $rootScope.lexiconLanguageArray.unshift({ id: $("#primarylaxican").attr("name"), language: $("#primarylaxican").val() });
713		- }
714		- });
715		-
716		- $("#laxicanlanguageChagne").click(function () {
717		- if ($rootScope.isLexiconLanguageClicked == true) {
718		- $rootScope.isLexiconLanguageClicked = false;
719		- var primarylaxiid = $("#lexiconLangDropdown option:selected").attr('val');
720		- var primarylaxicantext = $("#lexiconLangDropdown option:selected").text();
721		- $("#lexiconLangDropdown :selected").remove();
722		- $('#lexiconLangDropdown').append('<option val="' + $('#primarylaxican').attr("name") + '">' + $('#primarylaxican').val() + '</option>');
723		- $('#primarylaxican').val(primarylaxicantext);
724		- $('#primarylaxican').attr("name", primarylaxiid);
725		- $rootScope.lexiconLanguageArray[0].id = primarylaxiid;
726		- $rootScope.lexiconLanguageArray[0].language = primarylaxicantext;
727		- }
728		- });
729		- }
730		-
731		-
732		- if ($.browser.msie) {
733		- $("#resetBtn").css("display", "inline-block");
734		- // $rootScope.refreshCanvas();
735		-
736		- }
737		- $(function () {
738		- var colpick = $('.demo').each(function () {
739		-
740		- $(this).minicolors({
741		- control: $(this).attr('data-control') \|\| 'hue',
742		- inline: $(this).attr('data-inline') === 'true',
743		- letterCase: 'lowercase',
744		- opacity: false,
745		- change: function (hex, opacity) {
746		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").removeClass("ActiveDefaultColorAnnotation");
747		- if (!hex) return;
748		- if (opacity) hex += ', ' + opacity;
749		- try {
750		- console.log(hex);
751		- $("#text_area").css("color", hex);
752		- } catch (e) { }
753		- $(this).select();
754		- },
755		- theme: 'bootstrap'
756		- });
757		- });
758		-
759		- var $inlinehex = $('#inlinecolorhex h3 small');
760		- //alert($inlinehex);
761		- $('#inlinecolors').minicolors({
762		- inline: true,
763		- theme: 'bootstrap',
764		- change: function (hex) {
765		- if (!hex) return;
766		-
767		- $inlinehex.html(hex);
768		- }
769		- });
770		- });
771		-
772		-
773		- $(function () {
774		- var colpick = $('.drawTextBG').each(function () {
775		- $(this).minicolors({
776		- control: $(this).attr('data-control') \|\| 'hue',
777		- inline: $(this).attr('data-inline') === 'true',
778		- letterCase: 'lowercase',
779		- opacity: false,
780		- change: function (hex, opacity) {
781		- $("#drawTextBGColorpicker .minicolors .minicolors-swatch .minicolors-swatch-color").removeClass("ActiveDefaultColorAnnotation");
782		- if (!hex) return;
783		- if (opacity) hex += ', ' + opacity;
784		- try {
785		- console.log(hex);
786		- // $("#text_area").css("background-color", hex);
787		- } catch (e) { }
788		- $(this).select();
789		- },
790		- theme: 'bootstrap'
791		- });
792		- });
793		- var $inlinehex = $('#inlinecolorhex h3 small');
794		- //alert($inlinehex);
795		- $('#inlinecolors').minicolors({
796		- inline: true,
797		- theme: 'bootstrap',
798		- change: function (hex) {
799		-
800		- if (!hex) return;
801		- $inlinehex.html(hex);
802		- }
803		- });
804		- });
805		-
806		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
807		- $("#drawTextBGColorpicker .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#ffffff" });
808		-
809		- });
810		-
811		- $rootScope.$on("$locationChangeSuccess", function () {
812		-
813		- $rootScope.HightLightModuleSelection = function (moduleUrl) {
814		- var currentRoute = $location.path().substring(1);
815		- return moduleUrl === currentRoute ? 'active' : '';
816		- }
817		- $("#annotationToolBarOptions").removeClass("disableMenuoption");
818		- $("#optionsListManagerTab").removeClass("disableMenuoption");
819		-
820		-
821		- if (($location.url() == "/da-body-view")) {
822		- $rootScope.disableMenuannotation = " ";
823		- $rootScope.disableMenuoption = " ";
824		- $rootScope.disableSubMenu = "disableSubMenu";
825		- $rootScope.disableFileMenu = " ";
826		- }
827		- else if ($location.url() == "/clinical-illustrations-detail") {
828		- $rootScope.disableMenuannotation = " ";
829		- $rootScope.disableMenuoption = " ";
830		- $rootScope.disableSubMenu = "disableSubMenu";
831		- $("#annotationToolBarOptions").removeClass("disableSubMenu");
832		- $("#optionsListManagerTab").addClass("disableSubMenu");
833		- $rootScope.disableFileMenu = " ";
834		- }
835		- else if ($location.url() == "/module-item-view") {
836		- $rootScope.disableMenuannotation = " ";
837		- $rootScope.disableMenuoption = " ";
838		- $rootScope.disableSubMenu = "disableSubMenu";
839		- $("#annotationToolBarOptions").removeClass("disableSubMenu");
840		- $rootScope.disableFileMenu = " ";
841		- }
842		-
843		- else if ($location.url() == "/clinical-animations-detail") {
844		- $rootScope.disableMenuannotation = "disableMenuannotation";
845		- $rootScope.disableMenuoption = " ";
846		- $rootScope.disableSubMenu = "disableSubMenu";
847		- $("#annotationToolBarOptions").addClass("disableSubMenu");
848		- $("#optionsListManagerTab").addClass("disableSubMenu");
849		- $rootScope.disableFileMenu = "disableFileMenu";
850		- }
851		- else {
852		- $("#annotationToolBarOptions").removeClass("disableSubMenu");
853		- $("#optionsListManagerTab").removeClass("disableSubMenu");
854		- $rootScope.disableMenuannotation = "disableMenuannotation";
855		- $rootScope.disableMenuoption = "disableMenuoption";
856		- $rootScope.disableSubMenu = "";
857		- $rootScope.CloseAnnotationTool();
858		- $rootScope.CloseListManager();
859		- angular.element('#modal-settings').css('display', 'none');
860		- if ($location.url() == "/lab-exercises") {
861		-
862		- $rootScope.menuLabExer = 0;
863		- }
864		- if ($rootScope.menuLabExer == 1) {
865		- $rootScope.disableMenuoption = " ";
866		- }
867		- $rootScope.disableFileMenu = "disableFileMenu";
868		- }
869		-
870		- });
871		-
872		- //jspanel functionality..
873		-
874		- $rootScope.getModuleScrollPosition = function () {
875		- $rootScope.refreshcheck = "check";
876		- $('.mCSB_container ul li').click(function () {
877		-
878		- $rootScope.scrollTopPosition = $(this).position().top;
879		-
880		- });
881		- setTimeout(function () {
882		-
883		- $(".sidebar").mCustomScrollbar("scrollTo", $rootScope.scrollTopPosition + "px");
884		-
885		-
886		-
887		- }, 300);
888		- }
889		-
890		- $rootScope.openParent = function (slug) {
891		- if ($('#jsPanel-1').length > 0) {
892		-
893		- }
894		- else {
895		- var openViews = $rootScope.openViews;
896		- if (openViews.length > 0) {
897		- $rootScope.openViews.splice(openViews.length - 1);
898		- }
899		- if (openViews.length > 0) {
900		- var lastOpenMoudle = $rootScope.openViews[openViews.length - 1];
901		- }
902		- // $('#daImagePanel').remove();
903		- if ($('#jsPanel-1').length > 0)
904		- $('#jsPanel-1').remove();
905		-
906		- if ($('#3DImagePanel').length > 0)
907		- $('#3DImagePanel').remove();
908		-
909		- if ($('#ciImagePanel').length > 0)
910		- $('#ciImagePanel').remove();
911		-
912		- if ($('#caVideoPanel').length > 0)
913		- $('#caVideoPanel').remove();
914		-
915		- if ($('#ImagePanel').length > 0)
916		- $('#ImagePanel').remove();
917		-
918		- $location.url('/' + slug);
919		-
920		- $rootScope.$broadcast('jsPanelCloseEvent', true);
921		- }
922		- }
923		-
924		- //called on jsanel minimize
925		- $rootScope.setState = function (state, title) {
926		-
927		-
928		- var alreadyOpenThisView = new jinqJs()
929		- .from($rootScope.openViews)
930		- .where("body-views == " + title)
931		- .select();
932		- var k = 0;
933		- if (alreadyOpenThisView != null) {
934		- for (var i = 0; i < $rootScope.openViews.length; i++) {
935		- k++;
936		- if ($rootScope.openViews[i].body - views == title) {
937		- $rootScope.openViews.splice((k - 1), 1);
938		-
939		- $rootScope.openViews.push(
940		- {
941		- "module": $rootScope.currentActiveModuleTitle, "bodyView": title, "state": state, "BodyViewId": $rootScope.currentBodyViewId,
942		- "slug": $rootScope.currentSlug
943		- }
944		- );
945		- }
946		- }
947		- }
948		- if (state == 'max') {
949		- $('#daBodyview').css('width', '100%')
950		- }
951		- }
952		-
953		- $rootScope.ClearIframe = function () {
954		- if ($('#daImagePanel') != null)
955		- $('#daImagePanel').remove();
956		- if ($('#jsPanel-1').length > 0)
957		- $('#jsPanel-1').remove();
958		-
959		- $rootScope.hideScrollbar();
960		- }
961		-
962		- //ends
963		-
964		- $rootScope.hideScrollbar = function () {
965		- $(".sidebar").mCustomScrollbar({
966		- autoHideScrollbar: true,
967		- //theme:"rounded"
968		- });
969		- }
970		- $rootScope.isFontFamilyLoaded = false;
971		- //annotation tool custom events
972		- $rootScope.ShowAnnotationWindow = function () {
973		- //7904
974		-
975		- $rootScope.isAnnotatiomToolBarPopupActive = true;
976		- $rootScope.isAnnotatiomToolBarPopupClosed = false;
977		- $rootScope.isAnnotaionToolBarDrawingModeActive = false;
978		- if ($rootScope.MenuModuleName == "DA" \|\| $rootScope.MenuModuleName == "CI" \|\| $rootScope.MenuModuleName == "AA") {
979		- if ($rootScope.disableAnnotationtoolOnListManager == true) {
980		- $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').attr('disabled', 'disabled');
981		- $('#slider-range-min-2').slider('disable');
982		- $("#annotationpaintbrushsize").attr('disabled', 'disabled');
983		- $("#annotationpainteraser").attr('disabled', 'disabled');
984		-
985		- // $rootScope.disableAnnotationTB = false;
986		- } else {
987		- $('#AnnotaionPopupDiv').find('input, textarea, button, select,img,div').removeAttr('disabled', 'disabled');
988		- $('#slider-range-min-2').slider('enable');
989		- $("#annotationpaintbrushsize").removeAttr('disabled', 'disabled');
990		- $("#annotationpainteraser").removeAttr('disabled', 'disabled');
991		- }
992		- // document.getElementById('modelbackground').style.display = "block";
993		- // document.getElementById('modeleditstyle').style.display = "block";
994		-
995		- }
996		- if ($rootScope.MenuModuleName == "CA") {
997		- $("#annotationpaintbrushsize").attr("href", "#");
998		- $("#annotationpainteraser").attr("href", "#");
999		- $("#annotationpainteraser").attr('disabled', 'disabled');
1000		- $("#annotationpainteraser").css('pointer-events', 'none');
1001		- }
1002		- else {
1003		- $("#annotationpaintbrushsize").attr("href", "#canvasPaint");
1004		- $("#annotationpainteraser").attr("href", "#canvasPaint");
1005		- $("#annotationpainteraser").removeAttr('disabled', 'disabled');
1006		- $("#annotationpainteraser").css('pointer-events', 'auto');
1007		- }
1008		- $("#OnIdentify").addClass("annotationtoolbartab");
1009		- $("#annotationToolBarOptions").addClass("active");
1010		- $("#annotationButton").addClass("active");
1011		-
1012		- $rootScope.isAnnotationWindowOpen = true;
1013		- $(".annotationTollbar").css("display", "block");
1014		- $rootScope.$broadcast('annotationToolEvent', true);
1015		- // $("#canvasPaint").css("display", "none");
1016		- // $("#canvas").css("display", "none");
1017		-
1018		- var FontFamilyJson = '~/../content/data/json/settings/fontstyle.json';
1019		- if ($rootScope.isFontFamilyLoaded == false) {
1020		-
1021		-
1022		- DataService.getJson(FontFamilyJson)
1023		- .then(
1024		- function (result) {
1025		-
1026		- $rootScope.AnnotationFontFamily = result;
1027		- // alert($rootScope.AnnotationFontFamily.FontStyle.length);
1028		-
1029		- for (var i = 0; i <= $rootScope.AnnotationFontFamily.FontFamily.length - 1; i++) {
1030		- var fontName = $rootScope.AnnotationFontFamily.FontFamily[i].FontName;
1031		- if (/\s/g.test(fontName)) { //Check if white-space exists in between strings
1032		- fontName = fontName.replace(" ", "_"); // replace white-space with an underscore
1033		- }
1034		- //$rootScope.AnnotationFontFamily.FontFamily[i].FontName
1035		- $("#selected-font-family").append("<option value=" + fontName + ">" + $rootScope.AnnotationFontFamily.FontFamily[i].FontName + "</option>");
1036		-
1037		- }
1038		- $rootScope.isFontFamilyLoaded = true;
1039		-
1040		- },
1041		- function (error) {
1042		- console.log(error.statusText)
1043		- }
1044		- )
1045		-
1046		- }
1047		-
1048		- if ($("#transparencyScale").css("display") == "block") {
1049		-
1050		- $rootScope.switchToTransparencycanvas();
1051		- }
1052		-
1053		-
1054		- if ($location.url() == "/module-item-view") {
1055		-
1056		- var canvasZIndex = $("#canvas").css("z-index");
1057		- var canvasPaintZIndex = $("#canvasPaint").css("z-index");
1058		-
1059		- if (parseInt(canvasZIndex) < parseInt(canvasPaintZIndex)) {
1060		- canvasPaintZIndex = parseInt(canvasPaintZIndex) + 1;
1061		- $("#aaDetailViewCanvas").css("z-index", canvasPaintZIndex);
1062		-
1063		- }
1064		- else
1065		- {
1066		- canvasZIndex = parseInt(canvasZIndex) + 1;
1067		- $("#aaDetailViewCanvas").css("z-index", canvasZIndex);
1068		- }
1069		-
1070		- }
1071		- }
1072		-
1073		- $rootScope.CloseAnnotationTool = function () {
1074		- console.log('close');
1075		- $rootScope.isAnnotatiomToolBarPopupActive = false;
1076		- $rootScope.isAnnotatiomToolBarPopupClosed = true;
1077		- $("#OnIdentify").removeClass("annotationtoolbartab");
1078		- $("#DrawMode").removeClass("annotationtoolbartab");
1079		- $('.btnCursor').removeClass('activebtncolor');
1080		- $("#annotationButton").removeClass("active");
1081		- $("#annotationButton").blur();
1082		- $("#annotationToolBarOptions").removeClass("active");
1083		-
1084		-
1085		- $(".annotationTollbar").css("display", "none");
1086		- $rootScope.isAnnotationWindowClose = true;
1087		- // $("#canvasPaint").css("display", "none");
1088		- // $("#canvas").css("display", "none");
1089		- $('.btnCursor').removeClass('activebtncolor');
1090		- $(".btn-annotation").removeClass("activebtncolor");
1091		- $rootScope.isAnnotaionToolBarDrawingModeActive = false;
1092		-
1093		- if ($("#transparencyScale").css("display") == "block") {
1094		- $rootScope.switchToTransparencycanvas();
1095		- }
1096		- else {
1097		- $rootScope.switchCanvas();
1098		- }
1099		- $rootScope.shapeType = '';
1100		- if ($location.url() == "/module-item-view") {
1101		-
1102		- var canvasZIndex = $("#canvas").css("z-index");
1103		- var canvasPaintZIndex = $("#canvasPaint").css("z-index");
1104		-
1105		- if (parseInt(canvasZIndex) < parseInt(canvasPaintZIndex)) {
1106		- canvasPaintZIndex = parseInt(canvasPaintZIndex) + 1;
1107		- $("#aaDetailViewCanvas").css("z-index", canvasPaintZIndex);
1108		-
1109		- }
1110		- else {
1111		- canvasZIndex = parseInt(canvasZIndex) + 1;
1112		- $("#aaDetailViewCanvas").css("z-index", canvasZIndex);
1113		- }
1114		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
1115		-
1116		- for (var j = 0; j <= $rootScope.aaPinDataArray.length - 1; j++) {
1117		-
1118		- if (($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._HeadX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._HeadY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._HeadX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._HeadY)) \|\| ($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._PinX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._PinY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._PinX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._PinY))) {
1119		-
1120		- var pinName = 'Pin_' + $rootScope.aaPinDataArray[j]._PinId;
1121		- var pinArcName = 'PinArc_' + $rootScope.aaPinDataArray[j]._PinId;
1122		-
1123		- $('#aaDetailViewCanvas').setLayer(pinName, {
1124		- visible: false // set to true instead to show the layer again
1125		- }).drawLayers();
1126		-
1127		- $('#aaDetailViewCanvas').setLayer(pinArcName, {
1128		- visible: false // set to true instead to show the layer again
1129		- }).drawLayers();
1130		-
1131		- }
1132		-
1133		- }
1134		- }
1135		- }
1136		- }
1137		- $rootScope.CIAnotationIdentifyModeOff = false;
1138		- $rootScope.OnIdentifyClick = function () {
1139		-
1140		- $("#OnIdentify").addClass("annotationtoolbartab");
1141		- $("#DrawMode").removeClass("annotationtoolbartab");
1142		-
1143		- if ($rootScope.CIAnotationIdentifyModeOff == true) {
1144		- $('.btnCursor').removeClass('activebtncolor');
1145		-
1146		- } else {
1147		-
1148		- $('.btnCursor').removeClass('activebtncolor');
1149		-
1150		- }
1151		-
1152		- $("#annotationpaintbrushsize").removeClass("activebtncolor");
1153		- $("#annotationpainteraser").removeClass("activebtncolor");
1154		-
1155		- $rootScope.isAnnotaionToolBarDrawingModeActive = false;
1156		- $rootScope.switchCanvas();
1157		-
1158		- if ($("#transparencyScale").css("display") == "block") {
1159		-
1160		- $rootScope.switchToTransparencycanvas();
1161		- }
1162		- if ($location.url() == "/module-item-view") {
1163		-
1164		- var canvasZIndex = $("#canvas").css("z-index");
1165		- var canvasPaintZIndex = $("#canvasPaint").css("z-index");
1166		-
1167		- if (parseInt(canvasZIndex) < parseInt(canvasPaintZIndex)) {
1168		- canvasPaintZIndex = parseInt(canvasPaintZIndex) + 1;
1169		- $("#aaDetailViewCanvas").css("z-index", canvasPaintZIndex);
1170		-
1171		- }
1172		- else {
1173		- canvasZIndex = parseInt(canvasZIndex) + 1;
1174		- $("#aaDetailViewCanvas").css("z-index", canvasZIndex);
1175		- }
1176		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
1177		-
1178		- for (var j = 0; j <= $rootScope.aaPinDataArray.length - 1; j++) {
1179		-
1180		- if (($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._HeadX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._HeadY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._HeadX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._HeadY)) \|\| ($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._PinX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._PinY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._PinX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._PinY))) {
1181		-
1182		- var pinName = 'Pin_' + $rootScope.aaPinDataArray[j]._PinId;
1183		- var pinArcName = 'PinArc_' + $rootScope.aaPinDataArray[j]._PinId;
1184		-
1185		- $('#aaDetailViewCanvas').setLayer(pinName, {
1186		- visible: false // set to true instead to show the layer again
1187		- }).drawLayers();
1188		-
1189		- $('#aaDetailViewCanvas').setLayer(pinArcName, {
1190		- visible: false // set to true instead to show the layer again
1191		- }).drawLayers();
1192		-
1193		- }
1194		-
1195		- }
1196		- }
1197		-
1198		- }
1199		- }
1200		-
1201		- $rootScope.switchToTransparencycanvas = function () {
1202		-
1203		- if ($rootScope.isTBoxModestyVisible == true) {
1204		- var modestyTransCanvases = $("canvas[id*='modestyTransCanavs']");
1205		- if (modestyTransCanvases != null \|\| modestyTransCanvases != undefined && modestyTransCanvases.length > 0) {
1206		- for (var j = 0; j < modestyTransCanvases.length; j++) {
1207		- var ctx = document.getElementById(modestyTransCanvases[j].id);
1208		-
1209		- if (ctx.style.visibility == "visible") {
1210		-
1211		- if ($("#OnIdentify").hasClass("annotationtoolbartab")) {
1212		-
1213		- var drawCanvasZindex = $("#canvas").css("z-index");
1214		- var paintCanvasZindex = $("#canvasPaint").css("z-index");
1215		- var TransCanvasZindex = ctx.style.zIndex;
1216		- var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex, TransCanvasZindex);
1217		- MaxZindexVal = MaxZindexVal + 1;
1218		- $("#canvas").css("z-index", MaxZindexVal);
1219		- if ($rootScope.currentBodyViewId == "11") {
1220		- $(".ui-wrapper").css("z-index", MaxZindexVal + 1);
1221		- $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
1222		-
1223		- }
1224		- else {
1225		- $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
1226		- }
1227		- }
1228		- else {
1229		- var drawCanvasZindex = $("#canvas").css("z-index");
1230		- var paintCanvasZindex = $("#canvasPaint").css("z-index");
1231		- var TransCanvasZindex = ctx.style.zIndex;
1232		- var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex, TransCanvasZindex);
1233		- MaxZindexVal = parseInt(MaxZindexVal + 1);
1234		-
1235		- if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
1236		- $("#canvasPaint").css("z-index", MaxZindexVal);
1237		- }
1238		- else {
1239		-
1240		- $("#canvas").css("z-index", MaxZindexVal);
1241		- if ($rootScope.currentBodyViewId == "11") {
1242		- $(".ui-wrapper").css("z-index", MaxZindexVal);
1243		- }
1244		- else
1245		- {
1246		- $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
1247		- }
1248		-
1249		- }
1250		-
1251		- }
1252		- }
1253		- else {
1254		- var drawCanvasZindex = $("#canvas").css("z-index");
1255		- var paintCanvasZindex = $("#canvasPaint").css("z-index");
1256		- drawCanvasZindex = parseInt(drawCanvasZindex) + 1;
1257		- paintCanvasZindex = parseInt(paintCanvasZindex) + 1;
1258		- if (drawCanvasZindex > paintCanvasZindex) {
1259		- $(".ui-wrapper").css("z-index", drawCanvasZindex);
1260		- $("#canvas").css("z-index", drawCanvasZindex);
1261		- $rootScope.UIWrapperZIndex = drawCanvasZindex;
1262		- }
1263		- else {
1264		- $(".ui-wrapper").css("z-index", paintCanvasZindex);
1265		- $("#canvas").css("z-index", paintCanvasZindex);
1266		- $rootScope.UIWrapperZIndex = paintCanvasZindex;
1267		- }
1268		-
1269		- }
1270		- }
1271		- }
1272		-
1273		- }
1274		- else {
1275		- var drawCanvasZindex = $("#canvas").css("z-index");
1276		- var paintCanvasZindex = $("#canvasPaint").css("z-index");
1277		- drawCanvasZindex = parseInt(drawCanvasZindex) + 1;
1278		- paintCanvasZindex = parseInt(paintCanvasZindex) + 1;
1279		- if (drawCanvasZindex > paintCanvasZindex) {
1280		- $(".ui-wrapper").css("z-index", drawCanvasZindex);
1281		- $("#canvas").css("z-index", drawCanvasZindex);
1282		- $rootScope.UIWrapperZIndex = drawCanvasZindex;
1283		- }
1284		- else {
1285		- $(".ui-wrapper").css("z-index", paintCanvasZindex);
1286		- $("#canvas").css("z-index", paintCanvasZindex);
1287		- $rootScope.UIWrapperZIndex = paintCanvasZindex;
1288		- }
1289		- }
1290		- }
1291		-
1292		- $rootScope.DrawingMode = function () {
1293		-
1294		- //Annotation History
1295		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1296		- $("#OnIdentify").removeClass("annotationtoolbartab");
1297		- $("#DrawMode").addClass("annotationtoolbartab");
1298		- $('.btnCursor').addClass('activebtncolor');
1299		- $rootScope.switchCanvas();
1300		- $("#annotationpaintbrushsize").removeClass("activebtncolor");
1301		- $("#annotationpainteraser").removeClass("activebtncolor");
1302		- $rootScope.isEraseToolSelected = false;
1303		-
1304		- if ($location.url() == "/module-item-view") {
1305		-
1306		- $rootScope.switchToAnnotationCanvas();
1307		-
1308		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
1309		-
1310		- for (var j = 0; j <= $rootScope.aaPinDataArray.length - 1; j++) {
1311		-
1312		- if (($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._HeadX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._HeadY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._HeadX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._HeadY)) \|\| ($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._PinX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._PinY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._PinX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._PinY))) {
1313		-
1314		- var pinName = 'Pin_' + $rootScope.aaPinDataArray[j]._PinId;
1315		- var pinArcName = 'PinArc_' + $rootScope.aaPinDataArray[j]._PinId;
1316		-
1317		- $('#aaDetailViewCanvas').setLayer(pinName, {
1318		- visible: true // set to true instead to show the layer again
1319		- }).drawLayers();
1320		-
1321		- $('#aaDetailViewCanvas').setLayer(pinArcName, {
1322		- visible: true // set to true instead to show the layer again
1323		- }).drawLayers();
1324		-
1325		- }
1326		- }
1327		- }
1328		-
1329		- }
1330		-
1331		- }
1332		-
1333		- // Dissectible Anatomy > Settings should be disable if Annotation is Open.
1334		- $rootScope.ShowSettingWindow = function () {
1335		- if ($(".annotationTollbar").css("display") == "block") {
1336		- // alert("already open");
1337		- $('#modal-settings').css("display", "none");
1338		- $("#modelsettingsbackground").css("display", "none");
1339		- }
1340		- else {
1341		-
1342		- $('#modal-settings').css("display", "block");
1343		- $("#modelsettingsbackground").css("display", "block");
1344		- }
1345		-
1346		- $rootScope.lexiconLanguageArrayLength = $rootScope.lexiconLanguageArray.length;
1347		- $rootScope.lexiconPrimaryLanguage = $("#primarylaxican").val();
1348		- $rootScope.primaryLangID = $('#primarylaxican').attr("name");
1349		- }
1350		-
1351		- //----Annotation Toolbar: Jcanvas-----
1352		-
1353		- $rootScope.DrawLine = function (e) {
1354		- $rootScope.setListManagerZindex = true;
1355		- $("#canvasPaint").css("display", "block");
1356		- $("#canvas").css("display", "block");
1357		-
1358		- $('.btnCursor').removeClass('activebtncolor');
1359		- $(".btn-annotation").removeClass("activebtncolor");
1360		- $(".btn-annotation-line").addClass("activebtncolor");
1361		- $("#OnIdentify").removeClass('annotationtoolbartab');
1362		- $("#DrawMode").addClass('annotationtoolbartab');
1363		-
1364		-
1365		- $rootScope.switchCanvas();
1366		- $rootScope.shapeType = "Line";
1367		-
1368		-
1369		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1370		- if ($location.url() == "/module-item-view") {
1371		-
1372		- $rootScope.switchToAnnotationCanvas();
1373		-
1374		- }
1375		- }
1376		-
1377		- $rootScope.switchToAnnotationCanvas = function () {
1378		- var aaViewCanvasZIndex = $("#aaDetailViewCanvas").css("z-index");
1379		- var canvasPaintZIndex = $("#canvasPaint").css("z-index");
1380		- if (parseInt(aaViewCanvasZIndex) < parseInt(canvasPaintZIndex)) {
1381		- canvasPaintZIndex = parseInt(canvasPaintZIndex) + 1;
1382		- $("#canvas").css("z-index", canvasPaintZIndex);
1383		- }
1384		- else {
1385		- aaViewCanvasZIndex = parseInt(aaViewCanvasZIndex) + 1;
1386		- $("#canvas").css("z-index", aaViewCanvasZIndex);
1387		- }
1388		- }
1389		-
1390		-
1391		- $rootScope.DrawPin = function (e) {
1392		- $("#canvasPaint").css("display", "block");
1393		- $("#canvas").css("display", "block");
1394		-
1395		- $('.btnCursor').removeClass('activebtncolor');
1396		- $(".btn-annotation").removeClass("activebtncolor");
1397		- $(".btn-annotation-pin").addClass("activebtncolor");
1398		- $("#OnIdentify").removeClass('annotationtoolbartab');
1399		- $("#DrawMode").addClass('annotationtoolbartab');
1400		-
1401		- $rootScope.switchCanvas();
1402		- $rootScope.setListManagerZindex = true;
1403		- $rootScope.shapeType = "Pin";
1404		-
1405		-
1406		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1407		- if ($location.url() == "/module-item-view") {
1408		-
1409		- $rootScope.switchToAnnotationCanvas();
1410		-
1411		- }
1412		- }
1413		-
1414		- $rootScope.Cursor = function () {
1415		- $rootScope.switchCanvas();
1416		- $rootScope.shapeType = "cursor";
1417		-
1418		- $(".btn-annotation").removeClass("activebtncolor");
1419		- // $("#" + e.currentTarget.id).removeClass("activebtncolor");
1420		- $('.btnCursor').addClass('activebtncolor');
1421		- $("#OnIdentify").removeClass('annotationtoolbartab');
1422		- $("#DrawMode").addClass('annotationtoolbartab');
1423		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1424		- if ($location.url() == "/module-item-view") {
1425		-
1426		- $rootScope.switchToAnnotationCanvas();
1427		-
1428		- }
1429		- }
1430		-
1431		-
1432		- $rootScope.DrawRectangle = function (e) {
1433		- $rootScope.setListManagerZindex = true;
1434		- $("#canvasPaint").css("display", "block");
1435		- $("#canvas").css("display", "block");
1436		-
1437		- $('.btnCursor').removeClass('activebtncolor');
1438		- $(".btn-annotation").removeClass("activebtncolor");
1439		- $(".btn-annotation-rectangle").addClass("activebtncolor");
1440		- $("#OnIdentify").removeClass('annotationtoolbartab');
1441		- $("#DrawMode").addClass('annotationtoolbartab');
1442		-
1443		- $rootScope.switchCanvas();
1444		- $rootScope.shapeType = "Rectangle";
1445		-
1446		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1447		- if ($location.url() == "/module-item-view") {
1448		-
1449		- $rootScope.switchToAnnotationCanvas();
1450		-
1451		- }
1452		- }
1453		-
1454		- $rootScope.paintBrush = function () {
1455		-
1456		- $('.btnCursor').removeClass('activebtncolor');
1457		- $(".btn-annotation").removeClass("activebtncolor");
1458		- $(".btn-annotation-brush").addClass("activebtncolor");
1459		- $("#OnIdentify").removeClass('annotationtoolbartab');
1460		- $("#DrawMode").addClass('annotationtoolbartab');
1461		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1462		- if ($rootScope.disableAnnotationtoolOnListManager == true) {
1463		- $rootScope.switchCanvas();
1464		- var canvasPaintZindex = $('#canvasPaint').css("z-index"); //x
1465		-
1466		- var canvasZindex = $('#canvas').css("z-index"); //y
1467		- var listManagerZindex = $('#listManager').css("z-index"); //z
1468		- if (canvasPaintZindex > canvasZindex) {
1469		-
1470		- $('#listManager').css("z-index", canvasPaintZindex);
1471		-
1472		- } else {
1473		-
1474		- $('#listManager').css("z-index", canvasZindex);
1475		- }
1476		-
1477		- } else {
1478		-
1479		- $rootScope.setListManagerZindex = true;
1480		- $("#canvasPaint").css("display", "block");
1481		- $("#canvas").css("display", "block");
1482		-
1483		- if ((document.getElementById('fill-option').checked == false) && ($rootScope.isShapeSyleOkBtnClicked == true)) {
1484		-
1485		- $rootScope.switchCanvas();
1486		- }
1487		- else if (($("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color') == "transparent") \|\| ($("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color') == "rgba(0, 0, 0, 0)")) {
1488		- // we are switching canvas from paint to draw to prevent paint because it does not take transparent color and we need control default black color for the case where user has unchecked fill option from Edit Shape Style window
1489		-
1490		- $rootScope.switchCanvas();
1491		- }
1492		- else {
1493		-
1494		- $rootScope.switchCanvasToPaintCanvas();
1495		- }
1496		- $rootScope.shapeType = "FreeStylePaint";
1497		- var btnBrushSizeValue = $("#btnBrushSize").val();
1498		- $rootScope.shapeSize = parseInt(btnBrushSizeValue);
1499		- $("#annotationpaintbrushsize").attr("data-size", $rootScope.shapeSize);
1500		-
1501		- $("#annotationpaintbrushsize").attr("data-color", $rootScope.shapestyleColorWithOpacity);
1502		-
1503		- if ($rootScope.shapeSize == '') {
1504		- $('#canvasPaint').sketch({ defaultSize: 1 });
1505		- }
1506		- else {
1507		- $('#canvasPaint').sketch();
1508		-
1509		- }
1510		- }
1511		-
1512		-
1513		- }
1514		-
1515		- $rootScope.switchCanvasToPaintCanvas = function (e) {
1516		- if ($rootScope.isTBoxModestyVisible == true) {
1517		- var modestyTransCanvases = $("canvas[id*='modestyTransCanavs']");
1518		- if (modestyTransCanvases != null \|\| modestyTransCanvases != undefined && modestyTransCanvases.length > 0) {
1519		- for (var j = 0; j < modestyTransCanvases.length; j++) {
1520		- var ctx = document.getElementById(modestyTransCanvases[j].id);
1521		- if (ctx.style.visibility == "visible") {
1522		- var drawCanvasZindex = $("#canvas").css("z-index");
1523		- var paintCanvasZindex = $("#canvasPaint").css("z-index");
1524		- var TransCanvasZindex = ctx.style.zIndex;
1525		- var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex, TransCanvasZindex);
1526		- MaxZindexVal = MaxZindexVal + 1;
1527		- if (($("#canvasPaint").css("display") == "block") && ($("#canvas").css("display") == "block")) {
1528		- if ($("#OnIdentify").hasClass("annotationtoolbartab")) {
1529		- $("#canvas").css("z-index", MaxZindexVal);
1530		- $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
1531		- }
1532		- else {
1533		-
1534		- if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
1535		- $("#canvasPaint").css("z-index", MaxZindexVal);
1536		- }
1537		- else {
1538		- $("#canvas").css("z-index", MaxZindexVal);
1539		- }
1540		- }
1541		- }
1542		- }
1543		- else {
1544		-
1545		- var drawCanvasZindex = $("#canvas").css("z-index");
1546		- var paintCanvasZindex = $("#canvasPaint").css("z-index");
1547		- var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex);
1548		- MaxZindexVal = parseInt(MaxZindexVal + 1);
1549		-
1550		- if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
1551		- $("#canvasPaint").css("z-index", MaxZindexVal);
1552		- }
1553		-
1554		- else {
1555		- $("#canvas").css("z-index", MaxZindexVal);
1556		- }
1557		-
1558		- }
1559		- }
1560		- }
1561		-
1562		- }
1563		- else {
1564		- var canvasPaint_zIndex = $('#canvasPaint').css("z-index");
1565		- var canvas_zIndex = $('#canvas').css("z-index");
1566		- if (canvas_zIndex > canvasPaint_zIndex) {
1567		- canvasPaint_zIndex = parseInt(canvas_zIndex) + 1;
1568		-
1569		- }
1570		- else {
1571		- canvasPaint_zIndex = parseInt(canvasPaint_zIndex) + 1;
1572		- }
1573		- $('#canvasPaint').css("z-index", canvasPaint_zIndex);
1574		- }
1575		- }
1576		-
1577		- $rootScope.DrawCircle = function (e) {
1578		- $rootScope.setListManagerZindex = true;
1579		- $("#canvasPaint").css("display", "block");
1580		- $("#canvas").css("display", "block");
1581		-
1582		- $('.btnCursor').removeClass('activebtncolor');
1583		- $(".btn-annotation").removeClass("activebtncolor");
1584		- $(".btn-annotation-circle").addClass("activebtncolor");
1585		- $("#OnIdentify").removeClass('annotationtoolbartab');
1586		- $("#DrawMode").addClass('annotationtoolbartab');
1587		-
1588		- $rootScope.switchCanvas();
1589		- $rootScope.shapeType = "Circle";
1590		-
1591		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1592		- if ($location.url() == "/module-item-view") {
1593		-
1594		- $rootScope.switchToAnnotationCanvas();
1595		-
1596		- }
1597		- }
1598		-
1599		- $rootScope.DrawArrow = function (e) {
1600		- $rootScope.setListManagerZindex = true;
1601		- $("#canvasPaint").css("display", "block");
1602		- $("#canvas").css("display", "block");
1603		-
1604		- $('.btnCursor').removeClass('activebtncolor');
1605		- $(".btn-annotation").removeClass("activebtncolor");
1606		- $(".btn-annotation-arrow").addClass("activebtncolor");
1607		- $("#OnIdentify").removeClass('annotationtoolbartab');
1608		- $("#DrawMode").addClass('annotationtoolbartab');
1609		-
1610		- $rootScope.switchCanvas();
1611		- $rootScope.shapeType = "Arrow";
1612		-
1613		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1614		- if ($location.url() == "/module-item-view") {
1615		-
1616		- $rootScope.switchToAnnotationCanvas();
1617		-
1618		- }
1619		- }
1620		- $rootScope.DrawText = function () {
1621		-
1622		- $rootScope.setListManagerZindex = true;
1623		- $("#canvasPaint").css("display", "block");
1624		- $("#canvas").css("display", "block");
1625		-
1626		- $('.btnCursor').removeClass('activebtncolor');
1627		- $(".btn-annotation").removeClass("activebtncolor");
1628		- $(".btn-annotation-Text").addClass("activebtncolor");
1629		- $("#OnIdentify").removeClass('annotationtoolbartab');
1630		- $("#DrawMode").addClass('annotationtoolbartab');
1631		-
1632		- $rootScope.switchCanvas();
1633		-
1634		- $rootScope.shapeType = "TextArea";
1635		-
1636		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1637		- if ($location.url() == "/module-item-view") {
1638		-
1639		- $rootScope.switchToAnnotationCanvas();
1640		-
1641		- }
1642		- }
1643		-
1644		- $rootScope.DrawPolygon = function () {
1645		- $rootScope.setListManagerZindex = true;
1646		- $("#canvasPaint").css("display", "block");
1647		- $("#canvas").css("display", "block");
1648		- $rootScope.shapeType = "DrawPolygon";
1649		- $("#OnIdentify").removeClass('annotationtoolbartab');
1650		- $("#DrawMode").addClass('annotationtoolbartab');
1651		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1652		- if ($location.url() == "/module-item-view") {
1653		-
1654		- $rootScope.switchToAnnotationCanvas();
1655		-
1656		- }
1657		- }
1658		-
1659		-
1660		- $rootScope.switchCanvas = function () {
1661		-
1662		- if ($rootScope.isTBoxModestyVisible == true) {
1663		- var modestyTransCanvases = $("canvas[id*='modestyTransCanavs']");
1664		- if (modestyTransCanvases != null \|\| modestyTransCanvases != undefined && modestyTransCanvases.length > 0) {
1665		- for (var j = 0; j < modestyTransCanvases.length; j++) {
1666		- var ctx = document.getElementById(modestyTransCanvases[j].id);
1667		-
1668		- if (ctx.style.visibility == "visible") {
1669		-
1670		- var drawCanvasZindex = $("#canvas").css("z-index");
1671		- var paintCanvasZindex = $("#canvasPaint").css("z-index");
1672		- var TransCanvasZindex = ctx.style.zIndex;
1673		- var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex, TransCanvasZindex);
1674		- MaxZindexVal = MaxZindexVal + 1;
1675		-
1676		-
1677		- if ($("#OnIdentify").hasClass("annotationtoolbartab")) {
1678		-
1679		- $("#canvas").css("z-index", MaxZindexVal);
1680		- $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
1681		-
1682		- }
1683		- else {
1684		-
1685		- if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
1686		- if ($rootScope.currentBodyViewId == "11") { $("#canvasPaint").css("z-index", MaxZindexVal + 1); }
1687		- else{ $("#canvasPaint").css("z-index", MaxZindexVal);}
1688		- }
1689		- else {
1690		- if ($rootScope.currentBodyViewId == "11") {
1691		- $("#canvas").css("z-index", MaxZindexVal + 1);
1692		- }
1693		- else
1694		- {
1695		- $("#canvas").css("z-index", MaxZindexVal);
1696		- }
1697		- }
1698		-
1699		- }
1700		- }
1701		- else {
1702		-
1703		- var drawCanvasZindex = $("#canvas").css("z-index");
1704		- var paintCanvasZindex = $("#canvasPaint").css("z-index");
1705		-
1706		- var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex);
1707		- MaxZindexVal = parseInt(MaxZindexVal + 1);
1708		-
1709		- if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
1710		-
1711		- $("#canvasPaint").css("z-index", MaxZindexVal);
1712		- }
1713		-
1714		- else {
1715		- $("#canvas").css("z-index", MaxZindexVal);
1716		- }
1717		- }
1718		- }
1719		- }
1720		- }
1721		- else {
1722		-
1723		- var drawCanvasZindex = $("#canvas").css("z-index");
1724		- var paintCanvasZindex = $("#canvasPaint").css("z-index");
1725		-
1726		-
1727		- if (drawCanvasZindex > paintCanvasZindex) {
1728		- paintCanvasZindex = parseInt(drawCanvasZindex) + 1;
1729		- } else {
1730		- paintCanvasZindex = parseInt(paintCanvasZindex) + 1;
1731		- }
1732		- $('#canvas').css("z-index", paintCanvasZindex);
1733		- }
1734		-
1735		- }
1736		- $rootScope.EraseDrawing = function () {
1737		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
1738		- $('.btnCursor').removeClass('activebtncolor');
1739		- $(".btn-annotation").removeClass("activebtncolor");
1740		- $(".btn-annotation-erase").addClass("activebtncolor");
1741		- $("#OnIdentify").removeClass('annotationtoolbartab');
1742		- $("#DrawMode").addClass('annotationtoolbartab');
1743		- $rootScope.switchCanvasToPaintCanvas();
1744		- var btneraseBrushSizeValue = $("#btnBrushSize").val();
1745		- $('#canvasPaint').sketch();
1746		- $rootScope.eraseshapeSize = parseInt(btneraseBrushSizeValue);
1747		-
1748		- $("#annotationpainteraser").attr("data-size", $rootScope.eraseshapeSize);
1749		- return $.sketch.tools.eraser = {
1750		- onEvent: function (e) {
1751		- return $.sketch.tools.marker.onEvent.call(this, e);
1752		- },
1753		- draw: function (action) {
1754		- var oldcomposite;
1755		- oldcomposite = this.context.globalCompositeOperation;
1756		- this.context.globalCompositeOperation = "destination-out";
1757		- action.color = "#000000";
1758		- $.sketch.tools.marker.draw.call(this, action);
1759		- return this.context.globalCompositeOperation = oldcomposite;
1760		- }
1761		- }
1762		-
1763		-
1764		- }
1765		-
1766		- $rootScope.isShapeSyleOkBtnClicked = false;
1767		-
1768		- $rootScope.setPropertiesForShapes = function (id) {
1769		- isfilloptionChecked = document.getElementById('fill-option').checked;
1770		- isOutlineOptionChecked = document.getElementById('Outline-Option').checked;
1771		- $rootScope.isShapeSyleOkBtnClicked = true;
1772		- if ($("#annotationpaintbrushsize").hasClass('activebtncolor')) {
1773		- $("#annotationpaintbrushsize").removeClass('activebtncolor')
1774		- $rootScope.switchCanvas();
1775		-
1776		- }
1777		- if ($("#annotationpainteraser").hasClass('activebtncolor')) {
1778		- $("#annotationpainteraser").removeClass('activebtncolor')
1779		- $rootScope.switchCanvas();
1780		-
1781		- }
1782		- if ((document.getElementById('fill-option').checked == false) && (document.getElementById('Outline-Option').checked == false)) {
1783		- // $('#btnShapeStyle').attr('disabled', 'disabled');
1784		- } else {
1785		- //$('#btnShapeStyle').removeAttr('disabled', 'disabled');
1786		- document.getElementById('modelbackground').style.display = "none";
1787		- document.getElementById('modeleditstyle').style.display = "none";
1788		-
1789		- $rootScope.shapestyleOpacity = $("#" + id).css('opacity');
1790		- $("#shapeStyleDiv").parent().css("opacity", $rootScope.shapestyleOpacity);
1791		- $rootScope.shapestyleFillColor = $("#" + id).css('background-color');
1792		- $rootScope.shapeStyleColorRGBA = $rootScope.shapestyleFillColor.replace("rgb", "rgba");
1793		- $rootScope.shapestyleColorWithOpacity = $rootScope.shapeStyleColorRGBA.substring(0, $rootScope.shapeStyleColorRGBA.length - 1) + " " + "," + $rootScope.shapestyleOpacity + ")";
1794		- $("#shapeStyleDiv").css("background-color", $rootScope.shapestyleFillColor);
1795		- $rootScope.shapestyleborderColor = $("#" + id).parent().css("border-top-color");
1796		- // $("#shapeStyleDiv").parent().css("border-color", $rootScope.shapestyleborderColor);
1797		- $rootScope.borderDimensions = $("#" + id).parent().css("border-top-width");
1798		-
1799		- document.getElementById("shapeStyleDiv").parentNode.style.border = $rootScope.borderDimensions + " " + "solid" + " " + $rootScope.shapestyleborderColor;
1800		-
1801		- // $("#shapeStyleDiv").parent().css("border-width", $rootScope.shapestyleborderWidthSeparatingPixel);
1802		-
1803		- var borderDimensions = $rootScope.borderDimensions;
1804		- var borderDimensionSplitArray = borderDimensions.split("p");
1805		-
1806		- $rootScope.shapestyleborderWidth = borderDimensionSplitArray[0];
1807		- $rootScope.shapestyleborderStyles = "solid";
1808		-
1809		-
1810		- $('#editshapestyle').modal('hide');
1811		-
1812		- //Edit Shape Style popup should open at it's default position
1813		- $("#modeleditstyle").css({ "left": "40%", "right": "0", "top": "70px" });
1814		- }
1815		- }
1816		-
1817		- $rootScope.enableAnnotationToolBar = function () {
1818		- if ($rootScope.disableAnnotationTB == true) {
1819		- document.getElementById('modelbackground').style.display = "none";
1820		- document.getElementById('modeleditstyle').style.display = "none";
1821		- }
1822		- else {
1823		- document.getElementById('modelbackground').style.display = "block";
1824		- document.getElementById('modeleditstyle').style.display = "block";
1825		-
1826		- // alert(document.getElementById('outlinedivId').style.border);
1827		- // alert(document.getElementById('imgOpacity').style.backgroundColor);
1828		- $('#editstylebackgroundcolor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", document.getElementById('imgOpacity').style.backgroundColor);
1829		- $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", document.getElementById('outlinedivId').style.border);
1830		-
1831		- if ($('#modeleditstyle').css("display") == "block") { //Check if the modal is already showing
1832		- var previewOpacity = $('#imgOpacity').css("opacity");
1833		- $('#slider-range-min-4 div.ui-slider-range-min').css("width", (previewOpacity * 100) + "%");
1834		- $('#slider-range-min-4 span.ui-slider-handle').css("left", (previewOpacity * 100) + "%");
1835		-
1836		- };
1837		-
1838		- }
1839		- }
1840		-
1841		-
1842		- $rootScope.enableEditShapeTooltip = function () {
1843		-
1844		- $("#edit-block").addClass("custom-tooltip-annotation");
1845		- $(".custom-tooltip-annotation").css('display', 'block');
1846		-
1847		- }
1848		-
1849		- $rootScope.disableEditShapeTooltip = function () {
1850		-
1851		- $(".custom-tooltip-annotation").css('display', 'none');
1852		- $("#edit-block").removeClass("custom-tooltip-annotation");
1853		- }
1854		-
1855		-
1856		- $rootScope.disableAnnotationToolBar = function () {
1857		-
1858		- if ($rootScope.isShapeSyleOkBtnClicked == false) {
1859		- $('#editstylebackgroundcolor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", "rgb(255,255,255)");
1860		- $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", "rgb(0,0,0)");
1861		- var previewBorderColor = $("#outlineColor span.minicolors-swatch-color").css('background-color');
1862		- $(".marginTopBtm10 div.outlinediv").css("border-color", previewBorderColor);
1863		- var previewBgColor = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color');
1864		- $("#imgOpacity").css("background-color", previewBgColor);
1865		- $('#borderWidthCanvasElement').val(1);
1866		- $('.marginTopBtm10 div.outlinediv').css("border-width", 1);
1867		- $("#imgOpacity").css("opacity", 1);
1868		- $(".marginTopBtm10 div.outlinediv").css("opacity", 1);
1869		- document.getElementById("editStyleForm").reset();
1870		- isOutlineOptionChecked = document.getElementById('Outline-Option').checked;
1871		- isfilloptionChecked = document.getElementById('fill-option').checked;
1872		- if (isOutlineOptionChecked == true) {
1873		- $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" });
1874		- $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
1875		- $("#outlineColor").css({ "pointer-events": "auto" });
1876		- }
1877		- else {
1878		- $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" });
1879		- $("#borderWidthCanvasElement").css({ "pointer-events": "none" });
1880		- $("#outlineColor").css({ "pointer-events": "none" });
1881		- }
1882		- if (isfilloptionChecked == true) {
1883		- $(".enableDisableOpacity label").css({ "cursor": "pointer" });
1884		- $(".enableDisableOpacity").css({ "opacity": "1" });
1885		- $("#edit-slider-3").css({ "pointer-events": "auto" });
1886		- $("#edit-slider-4").css({ "pointer-events": "auto" });
1887		- $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
1888		- }
1889		- else {
1890		- $(".enableDisableOpacity label").css({ "cursor": "pointer" });
1891		- $(".enableDisableOpacity").css({ "opacity": ".5" });
1892		- $("#edit-slider-3").css({ "pointer-events": "none" });
1893		- $("#edit-slider-4").css({ "pointer-events": "none" });
1894		- $("#editstylebackgroundcolor").css({ "pointer-events": "none" });
1895		- }
1896		-
1897		- } else {
1898		-
1899		- document.getElementById('fill-option').checked = isfilloptionChecked;
1900		- document.getElementById('Outline-Option').checked = isOutlineOptionChecked;
1901		- if (isfilloptionChecked == true) {
1902		- $(".enableDisableOpacity label").css({ "cursor": "pointer" });
1903		- $(".enableDisableOpacity").css({ "opacity": "1" });
1904		- $("#edit-slider-3").css({ "pointer-events": "auto" });
1905		- $("#edit-slider-4").css({ "pointer-events": "auto" });
1906		- $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
1907		- }
1908		- else {
1909		- $(".enableDisableOpacity label").css({ "cursor": "pointer" });
1910		- $(".enableDisableOpacity").css({ "opacity": ".5" });
1911		- $("#edit-slider-3").css({ "pointer-events": "none" });
1912		- $("#edit-slider-4").css({ "pointer-events": "none" });
1913		- $("#editstylebackgroundcolor").css({ "pointer-events": "none" });
1914		- }
1915		- if (isOutlineOptionChecked == true) {
1916		- $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" });
1917		- $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
1918		- $("#outlineColor").css({ "pointer-events": "auto" });
1919		- }
1920		- else {
1921		- $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" });
1922		- $("#borderWidthCanvasElement").css({ "pointer-events": "none" });
1923		- $("#outlineColor").css({ "pointer-events": "none" });
1924		- }
1925		- if ((isfilloptionChecked == false) && (isOutlineOptionChecked == false)) {
1926		- $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" });
1927		- $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
1928		- $("#outlineColor").css({ "pointer-events": "auto" });
1929		- $(".enableDisableOpacity label").css({ "cursor": "pointer" });
1930		- $(".enableDisableOpacity").css({ "opacity": "1" });
1931		- $("#edit-slider-3").css({ "pointer-events": "auto" });
1932		- $("#edit-slider-4").css({ "pointer-events": "auto" });
1933		- $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
1934		- document.getElementById("editStyleForm").reset();
1935		- }
1936		- var previewBgColor = $("#shapeStyleDiv").css('background-color');
1937		- var previewBorderColor = $('#previewBorder').css('border-top-color');
1938		- var previewBorderWidth = $('#previewBorder').css('border-top-width');
1939		- var previewOpacity = $('#previewBorder').css('opacity');
1940		- $('#editstylebackgroundcolor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", previewBgColor);
1941		- $("#imgOpacity").css("background-color", previewBgColor);
1942		- $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", previewBorderColor);
1943		- $(".marginTopBtm10 div.outlinediv").css("border-color", previewBorderColor);
1944		- $('.marginTopBtm10 div.outlinediv').css("border-width", previewBorderWidth);
1945		- $('#borderWidthCanvasElement').val(previewBorderWidth.split("px"));
1946		- $("#imgOpacity").css("opacity", previewOpacity);
1947		- $(".marginTopBtm10 div.outlinediv").css("opacity", previewOpacity);
1948		-
1949		- }
1950		- document.getElementById('modelbackground').style.display = "none";
1951		- document.getElementById('modeleditstyle').style.display = "none";
1952		- //Edit Shape Style popup should open at it's default position
1953		- $("#modeleditstyle").css({ "left": "40%", "right": "0", "top": "70px" });
1954		- }
1955		- //--Common code of Annotation Toolbar for CI and DA-------
1956		- $rootScope.DrawLineOnModuleItem = function (canvasId, LineNumber, shapestyleborderColor, shapestyleborderWidth, offsetX1, offsetY1, x, y) {
1957		- // alert('inside DrawLineOnModuleItem');
1958		- // alert("canvasId" + canvasId + ",LineNumber" + LineNumber + ",shapestyleborderColor" + shapestyleborderColor + ",shapestyleborderWidth" + shapestyleborderWidth + ",offsetX1" + offsetX1 + ",offsetY1" + offsetY1 + ",x" + x);
1959		- if ($rootScope.isLinePreviewCompleted == true) {
1960		- // alert('$rootScope.isLinePreviewCompleted == true')
1961		- $rootScope.isLinePreviewCompleted = false;
1962		- $(canvasId).addLayer({
1963		- name: 'Line_' + LineNumber,
1964		- layer: true,
1965		- type: 'line',
1966		- draggable: true,
1967		- strokeStyle: shapestyleborderColor,
1968		- strokeWidth: shapestyleborderWidth,
1969		- rounded: true,
1970		- x1: offsetX1, y1: offsetY1,
1971		- x2: x, y2: y,
1972		- click: function (layer) {
1973		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
1974		- //jcanvas property
1975		- layer.draggable = true;
1976		- $rootScope.canvasLayerNameCollection = [];
1977		- $rootScope.canvasLayerNameCollection.push(layer.name);
1978		- $(canvasId).setLayer(layer.name, {
1979		- handle: {
1980		- type: 'arc',
1981		- fillStyle: '#fff',
1982		- strokeStyle: '#c33',
1983		- strokeWidth: 2,
1984		- radius: 3
1985		- }
1986		- }).drawLayers();
1987		-
1988		- }
1989		- else {
1990		- //jcanvas property
1991		- layer.draggable = false;
1992		- }
1993		- },
1994		- mouseout: function (layer) {
1995		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
1996		- //jcanvas property
1997		- layer.draggable = true;
1998		- $rootScope.canvasLayerNameCollection = [];
1999		- $(canvasId).setLayer(layer.name, {
2000		- handle: {
2001		- type: 'arc',
2002		- fillStyle: '#fff',
2003		- strokeStyle: '#c33',
2004		- strokeWidth: 0,
2005		- radius: 0
2006		- }
2007		-
2008		- }).drawLayers();
2009		- }
2010		- else {
2011		- //jcanvas property
2012		- layer.draggable = false;
2013		- }
2014		- },
2015		- mouseover: function (layer) {
2016		-
2017		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2018		- //jcanvas property
2019		- layer.draggable = true;
2020		-
2021		- $(canvasId).setLayer(layer.name, {
2022		- handle: {
2023		- type: 'arc',
2024		- fillStyle: '#fff',
2025		- strokeStyle: '#c33',
2026		- strokeWidth: 2,
2027		- radius: 3
2028		- }
2029		- }).drawLayers();
2030		- }
2031		- else {
2032		- //jcanvas property
2033		- layer.draggable = false;
2034		- }
2035		- }
2036		-
2037		- }).drawLayers();
2038		-
2039		- }
2040		-
2041		-
2042		- $('.btnCursor').trigger('click');
2043		- $(".btn-annotation").removeClass("activebtncolor");
2044		- $('.btnCursor').addClass('activebtncolor');
2045		- }
2046		- $rootScope.jcanvasObjectArray = [];
2047		- $rootScope.DrawRectangleOnModuleItem = function (canvasId, RectNumber, shapestyleFillColor, shapestyleborderColor, shapestyleOpacity, shapestyleborderWidth, offsetX1, offsetY1, x, y) {
2048		- if ($rootScope.isRectanglePreviewCompleted == true) {
2049		- $rootScope.isRectanglePreviewCompleted = false;
2050		- $(canvasId).addLayer({
2051		- layer: true,
2052		- name: 'Rect_' + RectNumber,
2053		- fillStyle: shapestyleFillColor,
2054		- type: 'rectangle',
2055		- draggable: true,
2056		- strokeStyle: shapestyleborderColor,
2057		- opacity: shapestyleOpacity,
2058		- strokeWidth: shapestyleborderWidth,
2059		- fromCenter: false,
2060		- x: offsetX1, y: offsetY1,
2061		- width: Math.abs(x - offsetX1),
2062		- height: Math.abs(y - offsetY1),
2063		- resizeFromCenter: false,
2064		- add: function (layer) {
2065		- if ($location.path() == "/module-item-view") {
2066		- $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
2067		- }
2068		- },
2069		- dragstop: function (layer) {
2070		- if ($location.path() == "/module-item-view") {
2071		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
2072		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
2073		- $rootScope.jcanvasObjectArray[i].x = layer.x;
2074		- $rootScope.jcanvasObjectArray[i].y = layer.y;
2075		- $rootScope.jcanvasObjectArray[i].width = layer.width;
2076		- $rootScope.jcanvasObjectArray[i].height = layer.height;
2077		- }
2078		- }
2079		- }
2080		- },
2081		- change: function (layer) {
2082		- if ($location.path() == "/module-item-view") {
2083		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
2084		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
2085		- $rootScope.jcanvasObjectArray[i].x = layer.x;
2086		- $rootScope.jcanvasObjectArray[i].y = layer.y;
2087		- $rootScope.jcanvasObjectArray[i].width = layer.width;
2088		- $rootScope.jcanvasObjectArray[i].height = layer.height;
2089		- }
2090		- }
2091		- }
2092		- },
2093		- click: function (layer) {
2094		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2095		- //jcanvas property
2096		- layer.draggable = true;
2097		- $rootScope.canvasLayerNameCollection = [];
2098		- $rootScope.canvasLayerNameCollection.push(layer.name);
2099		- $(canvasId).setLayer(layer.name, {
2100		- handle: {
2101		- type: 'rectangle',
2102		- fillStyle: '#fff',
2103		- strokeStyle: '#c33',
2104		- strokeWidth: 2,
2105		- width: 5, height: 5,
2106		- cornerRadius: 3,
2107		- }
2108		- }).drawLayers();
2109		- }
2110		- else {
2111		- //jcanvas property
2112		- layer.draggable = false;
2113		- }
2114		- },
2115		- mouseout: function (layer) {
2116		-
2117		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2118		- //jcanvas property
2119		- layer.draggable = true;
2120		- $rootScope.canvasLayerNameCollection = [];
2121		- $(canvasId).setLayer(layer.name, {
2122		- handle: {
2123		- type: 'rectangle',
2124		- fillStyle: 'pink',
2125		- strokeStyle: 'yellow',
2126		- strokeWidth: 0,
2127		- width: 0, height: 0,
2128		- cornerRadius: 0,
2129		- }
2130		-
2131		- }).drawLayers();
2132		- }
2133		- else {
2134		- //jcanvas property
2135		- layer.draggable = false;
2136		- }
2137		- },
2138		- mouseover: function (layer) {
2139		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2140		- //jcanvas property
2141		- layer.draggable = true;
2142		-
2143		- $(canvasId).setLayer(layer.name, {
2144		- handle: {
2145		- type: 'rectangle',
2146		- fillStyle: '#fff',
2147		- strokeStyle: '#c33',
2148		- strokeWidth: 2,
2149		- width: 5, height: 5,
2150		- cornerRadius: 3,
2151		- }
2152		- }).drawLayers();
2153		- }
2154		- else {
2155		- //jcanvas property
2156		- layer.draggable = false;
2157		- }
2158		- }
2159		- }).drawLayers();
2160		- }
2161		- $('.btnCursor').trigger('click');
2162		- $(".btn-annotation").removeClass("activebtncolor");
2163		- $('.btnCursor').addClass('activebtncolor');
2164		-
2165		- }
2166		-
2167		- $rootScope.DrawCircleOnModuleItem = function (canvasId, CircleNumber, shapestyleOpacity, shapestyleborderColor, shapestyleborderWidth, shapestyleFillColor, offsetX1, offsetY1, x, y) {
2168		-
2169		- if ($rootScope.isCirclePreviewCompleted == true) {
2170		- $rootScope.isCirclePreviewCompleted = false;
2171		- $(canvasId).addLayer({
2172		- layer: true,
2173		- name: 'Circle_' + CircleNumber,
2174		- type: 'ellipse',
2175		- opacity: shapestyleOpacity,
2176		- draggable: true,
2177		- strokeStyle: shapestyleborderColor,
2178		- strokeWidth: shapestyleborderWidth,
2179		- fillStyle: shapestyleFillColor,
2180		- fromCenter: false,
2181		- x: (offsetX1), y: (offsetY1),
2182		- //added abs
2183		- width: Math.abs(x - offsetX1), height: Math.abs(y - offsetY1),
2184		- // Place a handle at each side and each corner
2185		- resizeFromCenter: false,
2186		- handlePlacement: 'both',
2187		-
2188		- add: function (layer) {
2189		-
2190		- if ($location.path() == "/module-item-view") {
2191		- $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
2192		- }
2193		- },
2194		- dragstop: function (layer) {
2195		-
2196		- if ($location.path() == "/module-item-view") {
2197		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
2198		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
2199		- $rootScope.jcanvasObjectArray[i].x = layer.x;
2200		- $rootScope.jcanvasObjectArray[i].y = layer.y;
2201		- $rootScope.jcanvasObjectArray[i].width = layer.width;
2202		- $rootScope.jcanvasObjectArray[i].height = layer.height;
2203		- }
2204		- }
2205		- }
2206		- },
2207		- change: function (layer) {
2208		- if ($location.path() == "/module-item-view") {
2209		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
2210		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
2211		- $rootScope.jcanvasObjectArray[i].x = layer.x;
2212		- $rootScope.jcanvasObjectArray[i].y = layer.y;
2213		- $rootScope.jcanvasObjectArray[i].width = layer.width;
2214		- $rootScope.jcanvasObjectArray[i].height = layer.height;
2215		- }
2216		- }
2217		- }
2218		- },
2219		- click: function (layer) {
2220		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2221		- //jcanvas property
2222		- layer.draggable = true;
2223		- $rootScope.canvasLayerNameCollection = [];
2224		- $rootScope.canvasLayerNameCollection.push(layer.name);
2225		- $(canvasId).setLayer(layer.name, {
2226		- handle: {
2227		- type: 'arc',
2228		- fillStyle: '#fff',
2229		- strokeStyle: '#c33',
2230		- strokeWidth: 2,
2231		- radius: 3
2232		- }
2233		- }).drawLayers();
2234		- }
2235		- else {
2236		- //jcanvas property
2237		- layer.draggable = false;
2238		- }
2239		- },
2240		- mouseout: function (layer) {
2241		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2242		- //jcanvas property
2243		- layer.draggable = true;
2244		- $rootScope.canvasLayerNameCollection = [];
2245		-
2246		- $(canvasId).setLayer(layer.name, {
2247		- handle: {
2248		- type: 'arc',
2249		- fillStyle: '#fff',
2250		- strokeStyle: '#c33',
2251		- strokeWidth: 0,
2252		- // width: 0, height: 0,
2253		- radius: 0
2254		- }
2255		-
2256		- }).drawLayers();
2257		- }
2258		- else {
2259		- layer.draggable = false;
2260		- }
2261		- },
2262		- mouseover: function (layer) {
2263		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2264		- //jcanvas property
2265		- layer.draggable = true;
2266		-
2267		- $(canvasId).setLayer(layer.name, {
2268		- handle: {
2269		- type: 'arc',
2270		- fillStyle: '#fff',
2271		- strokeStyle: '#c33',
2272		- strokeWidth: 2,
2273		- // width: 5, height: 5,
2274		- radius: 3,
2275		- }
2276		- }).drawLayers();
2277		- }
2278		- else {
2279		- //jcanvas property
2280		- layer.draggable = false;
2281		- }
2282		- }
2283		- }).drawLayers();
2284		- }
2285		- $('.btnCursor').trigger('click');
2286		- $(".btn-annotation").removeClass("activebtncolor");
2287		- $('.btnCursor').addClass('activebtncolor');
2288		- }
2289		-
2290		- $rootScope.DrawArrowOnModuleItem = function (canvasId, ArrowNumber, shapestyleborderColor, shapestyleborderWidth, offsetX1, offsetY1, x, y) {
2291		- if ($rootScope.isArrowPreviewCompleted == true) {
2292		- $rootScope.isArrowPreviewCompleted = false;
2293		- $('#canvas').drawLine({
2294		- layer: true,
2295		- name: 'Arrow_' + ArrowNumber,
2296		- draggable: true,
2297		- strokeStyle: shapestyleborderColor,
2298		- strokeWidth: shapestyleborderWidth,
2299		- rounded: true,
2300		- startArrow: true,
2301		- arrowRadius: 7,
2302		- arrowAngle: 90,
2303		- x1: offsetX1, y1: offsetY1,
2304		- x2: x, y2: y,
2305		-
2306		- click: function (layer) {
2307		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2308		- //jcanvas property
2309		- layer.draggable = true;
2310		- $rootScope.canvasLayerNameCollection = [];
2311		- $rootScope.canvasLayerNameCollection.push(layer.name);
2312		- $(canvasId).setLayer(layer.name, {
2313		- handle: {
2314		- type: 'arc',
2315		- fillStyle: '#fff',
2316		- strokeStyle: '#c33',
2317		- strokeWidth: 2,
2318		- // width: 5, height: 5,
2319		- radius: 3
2320		- }
2321		- }).drawLayers();
2322		- // $("#canvas").removeLayer(layer.name).drawLayers();
2323		- }
2324		- else {
2325		- //jcanvas property
2326		- layer.draggable = false;
2327		- }
2328		-
2329		- },
2330		- mouseout: function (layer) {
2331		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2332		- //jcanvas property
2333		- layer.draggable = true;
2334		- $rootScope.canvasLayerNameCollection = [];
2335		- $(canvasId).setLayer(layer.name, {
2336		- handle: {
2337		- type: 'arc',
2338		- fillStyle: '#fff',
2339		- strokeStyle: '#c33',
2340		- strokeWidth: 0,
2341		- // width: 0, height: 0,
2342		- radius: 0
2343		- }
2344		-
2345		- }).drawLayers();
2346		- }
2347		- else {
2348		- //jcanvas property
2349		- layer.draggable = false;
2350		- }
2351		- },
2352		- mouseover: function (layer) {
2353		-
2354		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2355		- //jcanvas property
2356		- layer.draggable = true;
2357		- $(canvasId).setLayer(layer.name, {
2358		- handle: {
2359		- type: 'arc',
2360		- fillStyle: '#fff',
2361		- strokeStyle: '#c33',
2362		- strokeWidth: 2,
2363		- // width: 5, height: 5,
2364		- radius: 3
2365		- }
2366		- }).drawLayers();
2367		- }
2368		- else {
2369		- //jcanvas property
2370		- layer.draggable = false;
2371		- }
2372		- }
2373		-
2374		- });
2375		- }
2376		-
2377		- $('.btnCursor').trigger('click');
2378		- $(".btn-annotation").removeClass("activebtncolor");
2379		- $('.btnCursor').addClass('activebtncolor');
2380		- }
2381		-
2382		- $rootScope.DrawPinOnModuleItem = function (canvasId, PinNumber, offsetX1, offsetY1, x, y, PinArcNumber) {
2383		-
2384		- if ($rootScope.isPinPreviewCompleted == true) {
2385		- $rootScope.isPinPreviewCompleted = false;
2386		- var radial = $('#canvas').createGradient({
2387		- x1: 50, y1: 50,
2388		- x2: 50, y2: 50,
2389		- r1: 10, r2: 30,
2390		- c1: 'rgba(100, 50, 0,0)',
2391		- c2: 'grey'
2392		- });
2393		- $(canvasId).drawLine({
2394		- draggable: true,
2395		- layer: true,
2396		- name: "Pin_" + PinNumber,
2397		- groups: ["Pin_" + PinNumber],
2398		- dragGroups: ["Pin_" + PinNumber],
2399		- strokeStyle: 'black',
2400		- strokeWidth: 2,
2401		- x1: offsetX1, y1: offsetY1,
2402		- x2: x, y2: y,
2403		-
2404		- click: function (layer) {
2405		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2406		- //jcanvas property
2407		- layer.draggable = true;
2408		- $rootScope.shapeTypePin = "Pin";
2409		- $rootScope.canvasLayerNameCollection = [];
2410		- var pinLine_layer = layer.name;
2411		- var pinLine_layer_split = pinLine_layer.split("_");
2412		- var pinArcName = "ArcPin_";
2413		- var pinResult = pinArcName.concat(pinLine_layer_split[1]);
2414		-
2415		- $rootScope.canvasLayerNameCollection.push({ pinName: layer.name, ArcName: pinResult });
2416		-
2417		- $(canvasId).setLayer(layer.name, {
2418		- handle: {
2419		- type: 'arc',
2420		- fillStyle: '#fff',
2421		- strokeStyle: '#c33',
2422		- strokeWidth: 2,
2423		- // width: 5, height: 5,
2424		- radius: 3
2425		- }
2426		- }).drawLayers();
2427		-
2428		- }
2429		- else {
2430		- //jcanvas property
2431		- layer.draggable = false;
2432		- }
2433		- },
2434		- mouseout: function (layer) {
2435		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2436		- //jcanvas property
2437		- layer.draggable = true;
2438		- $rootScope.canvasLayerNameCollection = [];
2439		- $(canvasId).setLayer(layer.name, {
2440		- handle: {
2441		- type: 'arc',
2442		- fillStyle: '#fff',
2443		- strokeStyle: '#c33',
2444		- strokeWidth: 0,
2445		- // width: 0, height: 0,
2446		- radius: 0
2447		- }
2448		-
2449		- }).drawLayers();
2450		- }
2451		- else {
2452		- //jcanvas property
2453		- layer.draggable = false;
2454		- }
2455		- },
2456		- mouseover: function (layer) {
2457		-
2458		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2459		- //jcanvas property
2460		- layer.draggable = true;
2461		- $(canvasId).setLayer(layer.name, {
2462		- handle: {
2463		- type: 'arc',
2464		- fillStyle: '#fff',
2465		- strokeStyle: '#c33',
2466		- strokeWidth: 2,
2467		- // width: 5, height: 5,
2468		- radius: 3
2469		- }
2470		- }).drawLayers();
2471		- }
2472		- else {
2473		- //jcanvas property
2474		- layer.draggable = false;
2475		- }
2476		- }
2477		- }).drawArc({
2478		- draggable: true,
2479		- name: "ArcPin_" + PinArcNumber,
2480		- // name: "Pin_" + $rootScope.resetPin,
2481		- layer: true,
2482		- groups: ["Pin_" + PinNumber],
2483		- dragGroups: ["Pin_" + PinNumber],
2484		- strokeStyle: 'grey',
2485		- strokeWidth: 2,
2486		- fillStyle: radial,
2487		- x: offsetX1, y: offsetY1,
2488		- radius: 5,
2489		-
2490		-
2491		- add: function (layer) {
2492		-
2493		- $rootScope.PinArcNumber = layer.name;
2494		- // $scope.arr = [];
2495		-
2496		-
2497		- },
2498		-
2499		- }).drawLayers();
2500		- }
2501		-
2502		-
2503		- $('.btnCursor').trigger('click');
2504		- $(".btn-annotation").removeClass("activebtncolor");
2505		- $('.btnCursor').addClass('activebtncolor');
2506		- }
2507		- var isDoubleTouch = null;
2508		- $rootScope.TextEditorFunctionality = function (canvasId, TextNumber, offsetX1, offsetY1, resetTextRect, shapestyleOpacity, shapestyleborderColor, shapestyleborderWidth, shapestyleFillColor, x, y) {
2509		- if ($rootScope.isTextAreaPreviewCompleted == true) {
2510		- $rootScope.isTextAreaPreviewCompleted = false;
2511		- $('#canvas').drawText({
2512		- layer: true,
2513		- draggable: true,
2514		- // opacity: $rootScope.shapestyleOpacity,
2515		- name: 'TextArea_' + $rootScope.TextNumber,
2516		- groups: ['TextArea_' + $rootScope.TextNumber],
2517		- dragGroups: ['TextArea_' + $rootScope.TextNumber],
2518		- fillStyle: '#36c',
2519		- strokeWidth: 0,
2520		- x: $rootScope.offsetX1, y: $rootScope.offsetY1,
2521		- fromCenter: false,
2522		- fontSize: '14pt',
2523		- align: "left",
2524		- fontFamily: 'Verdana, sans-serif',
2525		- text: '',
2526		- add: function (layer) {
2527		-
2528		- $rootScope.TextID = layer.name;
2529		- }
2530		-
2531		-
2532		- })
2533		- // Draw rect as wide as the text
2534		- .drawRect({
2535		- layer: true,
2536		- name: "TextRect_" + $rootScope.TextNumber,
2537		- dragGroups: ['shapes'],
2538		- opacity: $rootScope.shapestyleOpacity,
2539		- strokeStyle: $rootScope.shapestyleborderColor,
2540		- fromCenter: false,
2541		- strokeWidth: $rootScope.shapestyleborderWidth,
2542		- fillStyle: $rootScope.shapestyleFillColor,
2543		- x: $rootScope.offsetX1, y: $rootScope.offsetY1,
2544		- width: Math.abs($rootScope.x - $rootScope.offsetX1),
2545		- height: Math.abs($rootScope.y - $rootScope.offsetY1),
2546		- resizeFromCenter: false,
2547		- add: function (layer) {
2548		-
2549		- $rootScope.TextAreaRectID = layer.name;
2550		- $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
2551		-
2552		- if ($location.path() == "/module-item-view") {
2553		- $rootScope.initialTextAreaName = layer.name;
2554		- $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
2555		- }
2556		-
2557		- },
2558		-
2559		- dragstop: function (layer) {
2560		-
2561		- if ($location.path() == "/module-item-view") {
2562		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
2563		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
2564		- $rootScope.jcanvasObjectArray[i].x = layer.x;
2565		- $rootScope.jcanvasObjectArray[i].y = layer.y;
2566		- $rootScope.jcanvasObjectArray[i].width = layer.width;
2567		- $rootScope.jcanvasObjectArray[i].height = layer.height;
2568		- }
2569		- }
2570		- }
2571		- },
2572		- change: function (layer) {
2573		- if ($location.path() == "/module-item-view") {
2574		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
2575		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
2576		- $rootScope.jcanvasObjectArray[i].x = layer.x;
2577		- $rootScope.jcanvasObjectArray[i].y = layer.y;
2578		- $rootScope.jcanvasObjectArray[i].width = layer.width;
2579		- $rootScope.jcanvasObjectArray[i].height = layer.height;
2580		- }
2581		- }
2582		- }
2583		- },
2584		-
2585		- click: function (layer) {
2586		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2587		- //jcanvas property
2588		- layer.draggable = true;
2589		- $rootScope.canvasLayerNameCollection = [];
2590		- $rootScope.canvasLayerNameCollection.push(layer.name);
2591		- $('#canvas').setLayer(layer.name, {
2592		- handle: {
2593		- type: 'rectangle',
2594		- fillStyle: '#fff',
2595		- strokeStyle: '#c33',
2596		- strokeWidth: 2,
2597		- width: 5, height: 5,
2598		- cornerRadius: 3,
2599		-
2600		- }
2601		- }).drawLayers();
2602		- }
2603		- else {
2604		- //jcanvas property
2605		- layer.draggable = false;
2606		- }
2607		- },
2608		- dblclick: function (layer) {
2609		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2610		- //jcanvas property
2611		- layer.draggable = true;
2612		- $rootScope.IsTextAlreadySave = false;
2613		- var RectNameArray = (layer.name).split("_");
2614		-
2615		- var TextAreaRectangleName = "TextArea_";
2616		- var TextAreaRectNameConcat = TextAreaRectangleName.concat(RectNameArray[1]);
2617		- $rootScope.TextAreaRectID = layer.name;
2618		- $rootScope.TextID = TextAreaRectNameConcat;
2619		-
2620		- $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
2621		- $("#annotationTextModal").css("padding-right", "0px");
2622		- document.getElementById('modelbackground').style.display = "block";
2623		- $("#annotationTextModal").modal("toggle");
2624		-
2625		- $("#text_area").val('');
2626		- $("#text_area").css({ "font-family": "Arial", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
2627		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
2628		- // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
2629		-
2630		- $("#selected-font-family option:eq(0)").prop('selected', true);
2631		- $("#selected-font-size option:eq(0)").prop('selected', true);
2632		-
2633		- $("#text-italic").removeClass("ActiveFormattingButtonClass");
2634		-
2635		- $("#text-bold").removeClass("ActiveFormattingButtonClass");
2636		-
2637		- $("#text-underline").removeClass("ActiveFormattingButtonClass");
2638		-
2639		- $("#text-left").removeClass("ActiveFormattingButtonClass");
2640		-
2641		- $("#text-right").removeClass("ActiveFormattingButtonClass");
2642		-
2643		- $("#text-center").removeClass("ActiveFormattingButtonClass");
2644		- }
2645		- else {
2646		- //jcanvas property
2647		- layer.draggable = false;
2648		- }
2649		- },
2650		- touchstart: function (layer)
2651		- {
2652		- if (isDoubleTouch == null) {
2653		- isDoubleTouch = setTimeout(function () {
2654		- isDoubleTouch = null;
2655		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2656		- //jcanvas property
2657		- layer.draggable = true;
2658		- $rootScope.canvasLayerNameCollection = [];
2659		- $rootScope.canvasLayerNameCollection.push(layer.name);
2660		- $('#canvas').setLayer(layer.name, {
2661		- handle: {
2662		- type: 'rectangle',
2663		- fillStyle: '#fff',
2664		- strokeStyle: '#c33',
2665		- strokeWidth: 2,
2666		- width: 5, height: 5,
2667		- cornerRadius: 3,
2668		-
2669		- }
2670		- }).drawLayers();
2671		- }
2672		- else {
2673		- //jcanvas property
2674		- layer.draggable = false;
2675		- }
2676		-
2677		- }, 1000)
2678		- } else {
2679		- clearTimeout(isDoubleTouch);
2680		- isDoubleTouch = null;
2681		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2682		- //jcanvas property
2683		- layer.draggable = true;
2684		- $rootScope.IsTextAlreadySave = false;
2685		- var RectNameArray = (layer.name).split("_");
2686		-
2687		- var TextAreaRectangleName = "TextArea_";
2688		- var TextAreaRectNameConcat = TextAreaRectangleName.concat(RectNameArray[1]);
2689		- $rootScope.TextAreaRectID = layer.name;
2690		- $rootScope.TextID = TextAreaRectNameConcat;
2691		-
2692		- $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
2693		- $("#annotationTextModal").css("padding-right", "0px");
2694		- document.getElementById('modelbackground').style.display = "block";
2695		- $("#annotationTextModal").modal("toggle");
2696		-
2697		- $("#text_area").val('');
2698		- $("#text_area").css({ "font-family": "Arial", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
2699		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
2700		- // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
2701		-
2702		- $("#selected-font-family option:eq(0)").prop('selected', true);
2703		- $("#selected-font-size option:eq(0)").prop('selected', true);
2704		-
2705		- $("#text-italic").removeClass("ActiveFormattingButtonClass");
2706		-
2707		- $("#text-bold").removeClass("ActiveFormattingButtonClass");
2708		-
2709		- $("#text-underline").removeClass("ActiveFormattingButtonClass");
2710		-
2711		- $("#text-left").removeClass("ActiveFormattingButtonClass");
2712		-
2713		- $("#text-right").removeClass("ActiveFormattingButtonClass");
2714		-
2715		- $("#text-center").removeClass("ActiveFormattingButtonClass");
2716		- }
2717		- else {
2718		- //jcanvas property
2719		- layer.draggable = false;
2720		- }
2721		-
2722		- }
2723		- },
2724		- mouseout: function (layer) {
2725		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2726		- //jcanvas property
2727		- layer.draggable = true;
2728		- $rootScope.canvasLayerNameCollection = [];
2729		- $('#canvas').setLayer(layer.name, {
2730		- handle: {
2731		- type: 'rectangle',
2732		- fillStyle: 'pink',
2733		- strokeStyle: 'yellow',
2734		- strokeWidth: 0,
2735		- width: 0, height: 0,
2736		- cornerRadius: 0
2737		- }
2738		-
2739		- }).drawLayers();
2740		- }
2741		- else {
2742		- //jcanvas property
2743		- layer.draggable = false;
2744		- }
2745		- },
2746		- mouseover: function (layer) {
2747		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
2748		- //jcanvas property
2749		- layer.draggable = true;
2750		- $('#canvas').setLayer(layer.name, {
2751		- handle: {
2752		- type: 'rectangle',
2753		- fillStyle: '#fff',
2754		- strokeStyle: '#c33',
2755		- strokeWidth: 2,
2756		- width: 5, height: 5,
2757		- cornerRadius: 3,
2758		- }
2759		- }).drawLayers();
2760		-
2761		- }
2762		- else {
2763		- //jcanvas property
2764		- layer.draggable = false;
2765		- }
2766		- }
2767		- });
2768		-
2769		- // Annotation: Edit Text option is missing.
2770		- $("#annotationTextModal").css("padding-right", "0px");
2771		- $("#annotationTextModal").modal("toggle");
2772		- document.getElementById('modelbackground').style.display = "block";
2773		-
2774		- }
2775		- $('.btnCursor').trigger('click');
2776		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
2777		-
2778		- $("#text_area").val('');
2779		-
2780		- $("#text_area").css({ "font-family": "Arial", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
2781		-
2782		- $("#selected-font-family option:eq(0)").prop('selected', true);
2783		- $("#selected-font-size option:eq(0)").prop('selected', true);
2784		-
2785		- // $("#text_area").css({ " font-family": 'Verdana, sans-serif', "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
2786		-
2787		- $("#text-italic").removeClass("ActiveFormattingButtonClass");
2788		-
2789		- $("#text-bold").removeClass("ActiveFormattingButtonClass");
2790		-
2791		- $("#text-underline").removeClass("ActiveFormattingButtonClass");
2792		-
2793		- $("#text-left").removeClass("ActiveFormattingButtonClass");
2794		-
2795		- $("#text-right").removeClass("ActiveFormattingButtonClass");
2796		-
2797		- $("#text-center").removeClass("ActiveFormattingButtonClass");
2798		-
2799		- $(".btn-annotation").removeClass("activebtncolor");
2800		-
2801		- $('.btnCursor').addClass('activebtncolor');
2802		-
2803		- }
2804		-
2805		-
2806		-
2807		- $rootScope.clicked = true;
2808		- $rootScope.offsetX1 = 0;
2809		- $rootScope.offsetY1 = 0;
2810		- $rootScope.x = 0;
2811		- $rootScope.y = 0;
2812		- $rootScope.mousePressed = false;
2813		- $rootScope.lastX; $rootScope.lastY;
2814		- var ctx;
2815		- $rootScope.OnPaintCanvasMouseDown = function (event) {
2816		- event.preventDefault();
2817		- if ($rootScope.isAnnotatiomToolBarPopupClosed == false) {
2818		- var canvasElement = document.getElementById("canvas");
2819		- var ctx = canvasElement.getContext("2d");
2820		- $rootScope.offsetX1 = 0;
2821		- $rootScope.offsetY1 = 0;
2822		- var canvasDiv = document.getElementById('canvasDiv');
2823		- var verticalScrollPosition = canvasDiv.scrollTop;
2824		- var horizontlScrollPosition = canvasDiv.scrollLeft;
2825		- var $ua = navigator.userAgent;
2826		- if (($ua.match(/(iPod\|iPhone\|iPad\|android)/i))) {
2827		- var verticalScrollPosition = canvasDiv.scrollTop;
2828		- var horizontlScrollPosition = canvasDiv.scrollLeft;
2829		- $rootScope.offsetX1 = event.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left;
2830		- $rootScope.offsetY1 = event.pageY + verticalScrollPosition - $('#canvasDiv').offset().top;
2831		- }
2832		- else
2833		- {
2834		- $rootScope.offsetX1 = event.offsetX;
2835		- $rootScope.offsetY1 = event.offsetY;
2836		- }
2837		- ctx.clearRect(0, 0, 2277, 3248);
2838		- $rootScope.clicked = true;
2839		- canvasElement.addEventListener('mousemove', $rootScope.OnPaintCanvasMouseMove, false);
2840		- canvasElement.addEventListener("touchmove", $rootScope.OnPaintCanvasMouseMove, false);
2841		- }
2842		-
2843		- }
2844		- $rootScope.rectNumber = 0;
2845		- $rootScope.LineNumber = 0;
2846		- $rootScope.CircleNumber = 0;
2847		- $rootScope.ArrowNumber = 0;
2848		- $rootScope.PinNumber = 0;
2849		- $rootScope.PinArcNumber = 0;
2850		- $rootScope.ObjectIndex = 0;
2851		- $rootScope.ArcObjectIndex = 0;
2852		- $rootScope.PinObjectIndex = 0;
2853		- $rootScope.TextNumber = 0;
2854		- $rootScope.resetTextSave = 0;
2855		- $rootScope.ObjectIndexSave = 0;
2856		-
2857		- var arrayRect = {};
2858		-
2859		- var storeLine = '';
2860		-
2861		- $rootScope.OnPaintCanvasMouseUp = function (event) {
2862		- event.preventDefault();
2863		- if (!$rootScope.clicked) {
2864		- return;
2865		- }
2866		- if ($rootScope.isAnnotatiomToolBarPopupClosed == false) {
2867		- var AnnotationCanvas = document.getElementById('canvas');
2868		- AnnotationCanvas.removeEventListener('mousemove', $rootScope.OnPaintCanvasMouseMove, false);
2869		- AnnotationCanvas.removeEventListener("touchmove", $rootScope.OnPaintCanvasMouseMove, false);
2870		-
2871		- $(".line").remove();
2872		- $(".arrow").remove();
2873		- $(".pin").remove();
2874		- $(".circle").remove();
2875		- $(".rectangle").remove();
2876		- $(".textarea").remove();
2877		- $rootScope.clicked = false;
2878		- $rootScope.x = 0;
2879		- $rootScope.y = 0;
2880		- var canvasDiv = document.getElementById('canvasDiv');
2881		- var verticalScrollPosition = canvasDiv.scrollTop;
2882		- var horizontlScrollPosition = canvasDiv.scrollLeft;
2883		- $rootScope.x = event.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left;
2884		- $rootScope.y = event.pageY + verticalScrollPosition - $('#canvasDiv').offset().top;
2885		- var canvasElement = document.getElementById("canvas");
2886		- var ctx = canvasElement.getContext("2d");
2887		- var canvasPaintElement = document.getElementById("canvasPaint");
2888		- var PaintCanvasctx = canvasPaintElement.getContext("2d");
2889		- switch ($rootScope.shapeType) {
2890		- case "cursor":
2891		- ctx.beginPath();
2892		- PaintCanvasctx.beginPath();
2893		- break;
2894		- case "Line":
2895		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
2896		- $rootScope.LineNumber = $rootScope.ObjectIndex++;
2897		- // $rootScope.isLinePreviewCompleted = true;
2898		- $rootScope.DrawLineOnModuleItem('#canvas', $rootScope.LineNumber, $rootScope.shapestyleborderColor, $rootScope.shapestyleborderWidth, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y)
2899		- break;
2900		- case "Rectangle":
2901		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
2902		- $rootScope.rectNumber = $rootScope.ObjectIndex++;
2903		- // $rootScope.isRectanglePreviewCompleted = true;
2904		- $rootScope.DrawRectangleOnModuleItem('#canvas', $rootScope.rectNumber, $rootScope.shapestyleFillColor, $rootScope.shapestyleborderColor, $rootScope.shapestyleOpacity, $rootScope.shapestyleborderWidth, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y);
2905		-
2906		- break;
2907		- case "Circle":
2908		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
2909		- $rootScope.CircleNumber = $rootScope.ObjectIndex++;
2910		- // $rootScope.isCirclePreviewCompleted = true;
2911		- $rootScope.DrawCircleOnModuleItem('#canvas', $rootScope.CircleNumber, $rootScope.shapestyleOpacity, $rootScope.shapestyleborderColor, $rootScope.shapestyleborderWidth, $rootScope.shapestyleFillColor, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y);
2912		- break;
2913		- case "Arrow":
2914		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
2915		- $rootScope.ArrowNumber = $rootScope.ObjectIndex++;
2916		- //$rootScope.isArrowPreviewCompleted = true;
2917		- $rootScope.DrawArrowOnModuleItem('#canvas', $rootScope.ArrowNumber, $rootScope.shapestyleborderColor, $rootScope.shapestyleborderWidth, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y);
2918		- break;
2919		- case "Pin":
2920		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
2921		- $rootScope.PinNumber = $rootScope.PinObjectIndex++;
2922		- $rootScope.PinArcNumber = $rootScope.ArcObjectIndex++;
2923		-
2924		- //$rootScope.isPinPreviewCompleted = true;
2925		-
2926		- $rootScope.DrawPinOnModuleItem('#canvas', $rootScope.PinNumber, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y, $rootScope.PinArcNumber);
2927		- break;
2928		- case "TextArea":
2929		- $rootScope.isAnnotaionToolBarDrawingModeActive = true;
2930		- $rootScope.IsTextAlreadySave = false;
2931		- $("#text_area").val('');
2932		- // Draw text
2933		- $rootScope.resetTextRect = $rootScope.ObjectIndex++;
2934		- $rootScope.TextNumber = $rootScope.ObjectIndex++;
2935		- // $rootScope.isTextAreaPreviewCompleted = true;
2936		- $rootScope.TextEditorFunctionality('#canvas', $rootScope.TextNumber, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.resetTextRect, $rootScope.shapestyleOpacity, $rootScope.shapestyleborderColor, $rootScope.shapestyleborderWidth, $rootScope.shapestyleFillColor, $rootScope.x, $rootScope.y);
2937		- break;
2938		- case "DrawPolygon":
2939		- break;
2940		-
2941		- }
2942		- }
2943		- //}
2944		-
2945		- }
2946		- $rootScope.OnPaintCanvasMouseMove = function (event) {
2947		- event.preventDefault();
2948		- var canvasDiv = document.getElementById('canvasDiv');
2949		- var verticalScrollPosition = canvasDiv.scrollTop;
2950		- var horizontlScrollPosition = canvasDiv.scrollLeft;
2951		- $rootScope.MouseMoveXAxis = event.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left;
2952		- $rootScope.MouseMoveYAxis = event.pageY + verticalScrollPosition - $('#canvasDiv').offset().top;
2953		- switch ($rootScope.shapeType) {
2954		- case "Line":
2955		- $(".line").remove();
2956		- $rootScope.isLinePreviewCompleted = true;
2957		- $("#canvasDiv").append("<div class='line' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;'></div>");
2958		- $rootScope.Annotationangle();
2959		- break;
2960		- case "Arrow":
2961		- $(".arrow").remove();
2962		- $rootScope.isArrowPreviewCompleted = true;
2963		- $("#canvasDiv").append("<div class='arrow' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1) + "px;'><div style='border-bottom: 9px solid transparent;border-right: 12px dashed #ccc;border-top: 7px solid transparent;height: 0;left: -6px;position: absolute;top: -8px;width: 0;'></div></div>");
2964		- $rootScope.Annotationangle();
2965		- break;
2966		- case "Pin":
2967		- $(".pin").remove();
2968		- $rootScope.isPinPreviewCompleted = true;
2969		- $("#canvasDiv").append("<div class='pin' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1) + "px;'><div style='background-color:#fff;left: -8px;position: absolute;top: -6px;width: 10;height:12px;width:12px;border:2px dashed #808080;border-radius:50%;'></div></div>");
2970		- $rootScope.Annotationangle();
2971		- break;
2972		- case "Circle":
2973		- $(".circle").remove();
2974		- $rootScope.isCirclePreviewCompleted = true;
2975		- $("#canvasDiv").append("<div class='circle' style='z-index:12001;border-radius:50%;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + (Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1)) + "px;height:" + (Math.abs($rootScope.MouseMoveYAxis - $rootScope.offsetY1)) + "px;'></div>");
2976		- break;
2977		- case "Rectangle":
2978		- $(".rectangle").remove();
2979		- $rootScope.isRectanglePreviewCompleted = true;
2980		- $("#canvasDiv").append("<div class='rectangle' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + (Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1)) + "px;height:" + (Math.abs($rootScope.MouseMoveYAxis - $rootScope.offsetY1)) + "px;'></div>");
2981		- break;
2982		- case "TextArea":
2983		- $(".textarea").remove();
2984		- $rootScope.isTextAreaPreviewCompleted = true;
2985		- $("#canvasDiv").append("<div class='textarea' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + (Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1)) + "px;height:" + (Math.abs($rootScope.MouseMoveYAxis - $rootScope.offsetY1)) + "px;'></div>");
2986		- break;
2987		-
2988		- }
2989		- }
2990		- $rootScope.Annotationangle = function (event) {
2991		- var dy = $rootScope.MouseMoveYAxis - $rootScope.offsetY1;
2992		- var dx = $rootScope.MouseMoveXAxis - $rootScope.offsetX1;
2993		- var theta = 0;
2994		- if (dx < 0) {
2995		- theta = Math.atan(dy / dx) * (180 / Math.PI);
2996		- theta = theta + 180;
2997		- }
2998		- else if (dy < 0) {
2999		- theta = Math.atan(dy / dx) * (180 / Math.PI);
3000		- theta = theta + 360;
3001		- }
3002		- else {
3003		- theta = Math.atan(dy / dx) * (180 / Math.PI);
3004		- }
3005		- var dottedLineWidth = Math.sqrt(($rootScope.offsetX1 - $rootScope.MouseMoveXAxis) * ($rootScope.offsetX1 - $rootScope.MouseMoveXAxis) + ($rootScope.offsetY1 - $rootScope.MouseMoveYAxis) * ($rootScope.offsetY1 - $rootScope.MouseMoveYAxis));
3006		- switch ($rootScope.shapeType) {
3007		- case "Line":
3008		- $('.line').css({ 'transform': 'rotate(' + theta + 'deg)', '-moz-transform': 'rotate(' + theta + 'deg)', '-webkit-transform': 'rotate(' + theta + 'deg)', 'transform-origin': '0% 0%', 'width': dottedLineWidth + 'px' });
3009		- break;
3010		- case "Arrow":
3011		- $('.arrow').css({ 'transform': 'rotate(' + theta + 'deg)', '-moz-transform': 'rotate(' + theta + 'deg)', '-webkit-transform': 'rotate(' + theta + 'deg)', 'transform-origin': '0% 0%', 'width': dottedLineWidth + 'px' });
3012		- break;
3013		- case "Pin":
3014		- $('.pin').css({ 'transform': 'rotate(' + theta + 'deg)', '-moz-transform': 'rotate(' + theta + 'deg)', '-webkit-transform': 'rotate(' + theta + 'deg)', 'transform-origin': '0% 0%', 'width': dottedLineWidth + 'px' });
3015		- break;
3016		- }
3017		- }
3018		-
3019		- ///-----
3020		-
3021		- var isDoubleTouchSaveText = null;
3022		- var isDoubleTouchSaveTextAgain = null;
3023		- $rootScope.saveText = function () {
3024		-
3025		- document.getElementById('modelbackground').style.display = "none";
3026		- $rootScope.selectedBGColorForTextArea = $("#drawTextBGColorpicker span.minicolors-swatch-color").css('background-color');
3027		-
3028		-
3029		-
3030		-
3031		- // this part will work first time when save button will be clicked
3032		- if ($rootScope.IsTextAlreadySave == false) {
3033		-
3034		-
3035		- if ($location.path() == "/module-item-view") {
3036		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
3037		- if ($rootScope.jcanvasObjectArray[i].name == $rootScope.initialTextAreaName) {
3038		- $rootScope.jcanvasObjectArray.splice(i, 1);
3039		- $rootScope.initialTextAreaName = '';
3040		- }
3041		- }
3042		- }
3043		-
3044		-
3045		-
3046		- // getting textarea style properties
3047		- $rootScope.fontSizes = $("#text_area").css("font-size");
3048		- $rootScope.fontWeight = $("#text_area").css("font-weight");
3049		- $rootScope.fontStyle = $("#text_area").css("font-style");
3050		- $rootScope.textAlignmt = $("#text_area").css("text-align");
3051		- $rootScope.fontColor = $("#text_area").css("color");
3052		- $rootScope.fontFamily = $("#text_area").css("font-family");
3053		- $rootScope.underlineText = $("#text_area").css("text-decoration");
3054		- $rootScope.textArea = $("#text_area").val();
3055		-
3056		- // deleting previous text area
3057		- $("#canvas").removeLayer($rootScope.TextID).drawLayers();
3058		- $("#canvas").removeLayer($rootScope.TextAreaRectID).drawLayers();
3059		- // Text After Saving in Rectangle
3060		- $rootScope.resetTextRect = $rootScope.ObjectIndex++;
3061		-
3062		- $('#canvas').drawRect({
3063		- name: 'TextArea1_' + $rootScope.resetTextRect,
3064		- layer: true,
3065		- draggable: true,
3066		- groups: ['TextAreaNew_' + $rootScope.resetTextRect],
3067		- dragGroups: ['TextAreaNew_' + $rootScope.resetTextRect],
3068		- opacity: $rootScope.shapestyleOpacity,
3069		- strokeStyle: $rootScope.shapestyleborderColor,
3070		- strokeWidth: $rootScope.shapestyleborderWidth,
3071		- fillStyle: $rootScope.selectedBGColorForTextArea,
3072		- fromCenter: false,
3073		- x: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].x, y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
3074		- width: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
3075		- height: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
3076		- resizeFromCenter: false,
3077		- add: function (layer) {
3078		- var TextAreaLayerName = layer.name;
3079		- var TextAreaLayerNameAftrSplit = TextAreaLayerName.split("_");
3080		- $rootScope.postFixLayerNumber = TextAreaLayerNameAftrSplit[1];
3081		- if ($location.path() == "/module-item-view") {
3082		- $rootScope.initialTextAreaName = layer.name;
3083		- $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
3084		- }
3085		- },
3086		- dragstop: function (layer) {
3087		-
3088		- if ($location.path() == "/module-item-view") {
3089		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
3090		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
3091		- $rootScope.jcanvasObjectArray[i].x = layer.x;
3092		- $rootScope.jcanvasObjectArray[i].y = layer.y;
3093		- $rootScope.jcanvasObjectArray[i].width = layer.width;
3094		- $rootScope.jcanvasObjectArray[i].height = layer.height;
3095		- }
3096		- }
3097		- }
3098		- },
3099		-
3100		- click: function (layer) {
3101		-
3102		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3103		- //jcanvas property
3104		- layer.draggable = true;
3105		- $rootScope.shapeTypeText = "textAreaRect";
3106		- var layerName = layer.name;
3107		- var splitedName = layerName.split("_");
3108		- var textValName = "TextAreaNew_";
3109		- var concatinateResult = textValName.concat(splitedName[1]);
3110		- $rootScope.canvasLayerNameCollection = [];
3111		- $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
3112		- $('#canvas').setLayer(layer.name, {
3113		- handle: {
3114		- type: 'rectangle',
3115		- fillStyle: '#fff',
3116		- strokeStyle: '#c33',
3117		- strokeWidth: 2,
3118		- width: 5, height: 5,
3119		- cornerRadius: 3,
3120		- }
3121		- }).drawLayers();
3122		-
3123		- }
3124		- else {
3125		- //jcanvas property
3126		- layer.draggable = false;
3127		- }
3128		- },
3129		- dblclick: function (layer) {
3130		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3131		- //jcanvas property
3132		- layer.draggable = true;
3133		- $rootScope.isTextAreaClosedButtonActive = false;
3134		- $rootScope.IsTextAlreadySave = true;
3135		-
3136		- var _rectLayerOnSave = layer.name;
3137		- var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
3138		- var TextAreaRectName = "TextAreaNew_";
3139		- var TextAreaRectNameConcatenated = TextAreaRectName.concat(_rectLayerOnSaveSplit[1]);
3140		-
3141		- $rootScope.layerNameArr = layer.name;
3142		- $rootScope.rectTextArr = TextAreaRectNameConcatenated;
3143		-
3144		-
3145		- $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
3146		-
3147		- for (var i = 0; i <= $rootScope.TextPropertyArray.length - 1; i++) {
3148		- if ($rootScope.TextPropertyArray[i].layerName == TextAreaRectNameConcatenated) {
3149		-
3150		- var textArrVal = $rootScope.TextPropertyArray[i].Rect_Text;
3151		- $("#text_area").val(textArrVal);
3152		- var fontStyleProp = $rootScope.TextPropertyArray[i].FontStyle;
3153		- var fontWeightProp = fontStyleProp.split(" ");
3154		-
3155		- $("#text_area").css("font-size", $rootScope.TextPropertyArray[i].FontSize);
3156		- $("#text_area").css("font-weight", fontWeightProp[0]);
3157		- $("#text_area").css("font-style", fontWeightProp[1]);
3158		- $("#text_area").css("text-align", $rootScope.TextPropertyArray[i].Align);
3159		- $("#text_area").css("color", $rootScope.TextPropertyArray[i].FontColor);
3160		- $("#text_area").css("font-family", $rootScope.TextPropertyArray[i].FontFamily);
3161		- $("#text_area").css("text-decoration", $rootScope.TextPropertyArray[i].TextDecoration);
3162		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": $rootScope.TextPropertyArray[i].FontColor });
3163		-
3164		- var CurrentFontFamily = $rootScope.TextPropertyArray[i].FontFamily;
3165		- var CurrentFontSize = parseInt($rootScope.TextPropertyArray[i].FontSize);
3166		- $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
3167		- $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
3168		-
3169		- CurrentFontFamily = '';
3170		- CurrentFontSize = '';
3171		-
3172		-
3173		- if ($rootScope.TextPropertyArray[i].TextDecoration == "underline") {
3174		-
3175		- $("#text-underline").addClass("ActiveFormattingButtonClass");
3176		-
3177		- }
3178		-
3179		- else {
3180		-
3181		- $("#text-underline").removeClass("ActiveFormattingButtonClass");
3182		-
3183		- }
3184		-
3185		- //adding text font weight active class in text edit pop-up
3186		-
3187		- if (fontWeightProp[0] == 700) {
3188		-
3189		- $("#text-bold").addClass("ActiveFormattingButtonClass");
3190		-
3191		- }
3192		-
3193		- else {
3194		-
3195		- $("#text-bold").removeClass("ActiveFormattingButtonClass");
3196		-
3197		- }
3198		-
3199		- //adding text font style active class in text edit pop-up
3200		-
3201		- if (fontWeightProp[1] == "italic") {
3202		-
3203		-
3204		- $("#text-italic").addClass("ActiveFormattingButtonClass");
3205		- }
3206		- else {
3207		- $("#text-italic").removeClass("ActiveFormattingButtonClass");
3208		-
3209		-
3210		- }
3211		-
3212		- //adding text alignment active class in text edit pop-up
3213		-
3214		- if ($rootScope.TextPropertyArray[i].Align == "left") {
3215		-
3216		- $("#text-right").removeClass("ActiveFormattingButtonClass");
3217		-
3218		- $("#text-center").removeClass("ActiveFormattingButtonClass")
3219		-
3220		- $("#text-left").addClass("ActiveFormattingButtonClass");
3221		-
3222		- }
3223		-
3224		- else if ($rootScope.TextPropertyArray[i].Align == "right") {
3225		-
3226		-
3227		-
3228		- $("#text-center").removeClass("ActiveFormattingButtonClass")
3229		-
3230		- $("#text-left").removeClass("ActiveFormattingButtonClass");
3231		-
3232		- $("#text-right").addClass("ActiveFormattingButtonClass");
3233		- }
3234		-
3235		- else if ($rootScope.TextPropertyArray[i].Align == "center") {
3236		-
3237		- $("#text-left").removeClass("ActiveFormattingButtonClass");
3238		-
3239		- $("#text-right").removeClass("ActiveFormattingButtonClass");
3240		-
3241		- $("#text-center").addClass("ActiveFormattingButtonClass");
3242		-
3243		- }
3244		-
3245		- }
3246		- else {
3247		- // alert("no");
3248		-
3249		- }
3250		-
3251		- }
3252		-
3253		-
3254		- // _rectLayerOnSaveSplitInt = '';
3255		- textArrVal = '';
3256		- $("#annotationTextModal").css("padding-right", "0px");
3257		- document.getElementById('modelbackground').style.display = "block";
3258		- $("#annotationTextModal").modal("toggle");
3259		-
3260		- // $("#selected-font-family").val(CurrentFontFamily);
3261		- // $("#selected-font-size").val(CurrentFontSize);
3262		- }
3263		- else {
3264		- //jcanvas property
3265		- layer.draggable = false;
3266		- }
3267		-
3268		- },
3269		- touchstart: function (layer) {
3270		-
3271		- if (isDoubleTouchSaveText == null) {
3272		- isDoubleTouchSaveText = setTimeout(function () {
3273		- isDoubleTouchSaveText = null;
3274		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3275		- //jcanvas property
3276		- layer.draggable = true;
3277		- $rootScope.shapeTypeText = "textAreaRect";
3278		- var layerName = layer.name;
3279		- var splitedName = layerName.split("_");
3280		- var textValName = "TextAreaNew_";
3281		- var concatinateResult = textValName.concat(splitedName[1]);
3282		- $rootScope.canvasLayerNameCollection = [];
3283		- $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
3284		- $('#canvas').setLayer(layer.name, {
3285		- handle: {
3286		- type: 'rectangle',
3287		- fillStyle: '#fff',
3288		- strokeStyle: '#c33',
3289		- strokeWidth: 2,
3290		- width: 5, height: 5,
3291		- cornerRadius: 3,
3292		- }
3293		- }).drawLayers();
3294		-
3295		- }
3296		- else {
3297		- //jcanvas property
3298		- layer.draggable = false;
3299		- }
3300		-
3301		- }, 1000)
3302		- } else {
3303		- clearTimeout(isDoubleTouchSaveText);
3304		- isDoubleTouchSaveText = null;
3305		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3306		- //jcanvas property
3307		- layer.draggable = true;
3308		- $rootScope.isTextAreaClosedButtonActive = false;
3309		- $rootScope.IsTextAlreadySave = true;
3310		-
3311		- var _rectLayerOnSave = layer.name;
3312		- var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
3313		- var TextAreaRectName = "TextAreaNew_";
3314		- var TextAreaRectNameConcatenated = TextAreaRectName.concat(_rectLayerOnSaveSplit[1]);
3315		-
3316		- $rootScope.layerNameArr = layer.name;
3317		- $rootScope.rectTextArr = TextAreaRectNameConcatenated;
3318		-
3319		-
3320		- $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
3321		-
3322		- for (var i = 0; i <= $rootScope.TextPropertyArray.length - 1; i++) {
3323		- if ($rootScope.TextPropertyArray[i].layerName == TextAreaRectNameConcatenated) {
3324		-
3325		- var textArrVal = $rootScope.TextPropertyArray[i].Rect_Text;
3326		- $("#text_area").val(textArrVal);
3327		- var fontStyleProp = $rootScope.TextPropertyArray[i].FontStyle;
3328		- var fontWeightProp = fontStyleProp.split(" ");
3329		-
3330		- $("#text_area").css("font-size", $rootScope.TextPropertyArray[i].FontSize);
3331		- $("#text_area").css("font-weight", fontWeightProp[0]);
3332		- $("#text_area").css("font-style", fontWeightProp[1]);
3333		- $("#text_area").css("text-align", $rootScope.TextPropertyArray[i].Align);
3334		- $("#text_area").css("color", $rootScope.TextPropertyArray[i].FontColor);
3335		- $("#text_area").css("font-family", $rootScope.TextPropertyArray[i].FontFamily);
3336		- $("#text_area").css("text-decoration", $rootScope.TextPropertyArray[i].TextDecoration);
3337		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": $rootScope.TextPropertyArray[i].FontColor });
3338		-
3339		- var CurrentFontFamily = $rootScope.TextPropertyArray[i].FontFamily;
3340		- var CurrentFontSize = parseInt($rootScope.TextPropertyArray[i].FontSize);
3341		- $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
3342		- $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
3343		-
3344		- CurrentFontFamily = '';
3345		- CurrentFontSize = '';
3346		-
3347		-
3348		- if ($rootScope.TextPropertyArray[i].TextDecoration == "underline") {
3349		-
3350		- $("#text-underline").addClass("ActiveFormattingButtonClass");
3351		-
3352		- }
3353		-
3354		- else {
3355		-
3356		- $("#text-underline").removeClass("ActiveFormattingButtonClass");
3357		-
3358		- }
3359		-
3360		- //adding text font weight active class in text edit pop-up
3361		-
3362		- if (fontWeightProp[0] == 700) {
3363		-
3364		- $("#text-bold").addClass("ActiveFormattingButtonClass");
3365		-
3366		- }
3367		-
3368		- else {
3369		-
3370		- $("#text-bold").removeClass("ActiveFormattingButtonClass");
3371		-
3372		- }
3373		-
3374		- //adding text font style active class in text edit pop-up
3375		-
3376		- if (fontWeightProp[1] == "italic") {
3377		-
3378		-
3379		- $("#text-italic").addClass("ActiveFormattingButtonClass");
3380		- }
3381		- else {
3382		- $("#text-italic").removeClass("ActiveFormattingButtonClass");
3383		-
3384		-
3385		- }
3386		-
3387		- //adding text alignment active class in text edit pop-up
3388		-
3389		- if ($rootScope.TextPropertyArray[i].Align == "left") {
3390		-
3391		- $("#text-right").removeClass("ActiveFormattingButtonClass");
3392		-
3393		- $("#text-center").removeClass("ActiveFormattingButtonClass")
3394		-
3395		- $("#text-left").addClass("ActiveFormattingButtonClass");
3396		-
3397		- }
3398		-
3399		- else if ($rootScope.TextPropertyArray[i].Align == "right") {
3400		-
3401		-
3402		-
3403		- $("#text-center").removeClass("ActiveFormattingButtonClass")
3404		-
3405		- $("#text-left").removeClass("ActiveFormattingButtonClass");
3406		-
3407		- $("#text-right").addClass("ActiveFormattingButtonClass");
3408		- }
3409		-
3410		- else if ($rootScope.TextPropertyArray[i].Align == "center") {
3411		-
3412		- $("#text-left").removeClass("ActiveFormattingButtonClass");
3413		-
3414		- $("#text-right").removeClass("ActiveFormattingButtonClass");
3415		-
3416		- $("#text-center").addClass("ActiveFormattingButtonClass");
3417		-
3418		- }
3419		-
3420		- }
3421		- else {
3422		- // alert("no");
3423		-
3424		- }
3425		-
3426		- }
3427		-
3428		-
3429		- // _rectLayerOnSaveSplitInt = '';
3430		- textArrVal = '';
3431		- $("#annotationTextModal").css("padding-right", "0px");
3432		- document.getElementById('modelbackground').style.display = "block";
3433		- $("#annotationTextModal").modal("toggle");
3434		-
3435		- // $("#selected-font-family").val(CurrentFontFamily);
3436		- // $("#selected-font-size").val(CurrentFontSize);
3437		- }
3438		- else {
3439		- //jcanvas property
3440		- layer.draggable = false;
3441		- }
3442		-
3443		- }
3444		- },
3445		- mouseout: function (layer) {
3446		-
3447		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3448		- //jcanvas property
3449		- layer.draggable = true;
3450		- $rootScope.canvasLayerNameCollection = [];
3451		- $('#canvas').setLayer(layer.name, {
3452		- handle: {
3453		- type: 'rectangle',
3454		- fillStyle: 'pink',
3455		- strokeStyle: 'yellow',
3456		- strokeWidth: 0,
3457		- width: 0, height: 0,
3458		- cornerRadius: 0
3459		-
3460		- }
3461		- }).drawLayers();
3462		- }
3463		- else {
3464		- //jcanvas property
3465		- layer.draggable = false;
3466		- }
3467		-
3468		- },
3469		- mouseover: function (layer) {
3470		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3471		- //jcanvas property
3472		- layer.draggable = true;
3473		- $('#canvas').setLayer(layer.name, {
3474		- handle: {
3475		- type: 'rectangle',
3476		- fillStyle: '#fff',
3477		- strokeStyle: '#c33',
3478		- strokeWidth: 2,
3479		- width: 5, height: 5,
3480		- cornerRadius: 3,
3481		- click: function () {
3482		- $rootScope.isTextAReaRectangleClicked = true;
3483		-
3484		- }
3485		-
3486		- }
3487		- }).drawLayers();
3488		- }
3489		- else {
3490		- //jcanvas property
3491		- layer.draggable = false;
3492		- }
3493		- },
3494		- change: function (layer) {
3495		-
3496		- if ($rootScope.isTextAReaRectangleClicked == true) {
3497		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3498		- console.log(layer.x + " " + layer.y);
3499		- console.log($rootScope.textXAxisAftrResize + " " + $rootScope.textYAxisAftrResize);
3500		- $rootScope.isTextAReaRectangleClicked = false;
3501		- //if ((layer.x > $rootScope.textXAxisAftrResize) && (layer.y > $rootScope.textYAxisAftrResize) \|\| (layer.x == $rootScope.textXAxisAftrResize) && (layer.y > $rootScope.textYAxisAftrResize) \|\| (layer.x > $rootScope.textXAxisAftrResize) && (layer.y == $rootScope.textYAxisAftrResize)) {
3502		- var CangedTextAreaName = 'TextAreaNew_' + $rootScope.postFixLayerNumber;
3503		- $('#canvas').setLayer(CangedTextAreaName, {
3504		- x: layer.x,
3505		- y: layer.y
3506		- });
3507		- //}
3508		- $rootScope.textXAxisAftrResize = layer.x;
3509		- $rootScope.textYAxisAftrResize = layer.y;
3510		-
3511		-
3512		- if ($location.path() == "/module-item-view") {
3513		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
3514		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
3515		- $rootScope.jcanvasObjectArray[i].x = layer.x;
3516		- $rootScope.jcanvasObjectArray[i].y = layer.y;
3517		- $rootScope.jcanvasObjectArray[i].width = layer.width;
3518		- $rootScope.jcanvasObjectArray[i].height = layer.height;
3519		- }
3520		- }
3521		- }
3522		- }
3523		- }
3524		- }
3525		-
3526		- }).drawText({
3527		- layer: true,
3528		- draggable: true,
3529		- name: 'TextAreaNew_' + $rootScope.resetTextRect,
3530		- groups: ['TextAreaNew_' + $rootScope.resetTextRect],
3531		- dragGroups: ['TextAreaNew_' + $rootScope.resetTextRect],
3532		- fillStyle: $rootScope.fontColor,
3533		- fontStyle: $rootScope.fontWeight + " " + $rootScope.fontStyle,
3534		- fontSize: $rootScope.fontSizes,
3535		- fromCenter: false,
3536		- fontFamily: $rootScope.fontFamily,
3537		- align: $rootScope.textAlignmt,
3538		- strokeWidth: 0,
3539		- text: $rootScope.textArea,
3540		- x: ($rootScope.rectDimension[$rootScope.rectDimension.length - 1].x), y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
3541		- maxWidth: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
3542		- maxHeight: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
3543		- add: function (layer) {
3544		- // console.log(layer.x + " " + layer.y);
3545		- $rootScope.textXAxisAftrResize = layer.x;
3546		- $rootScope.textYAxisAftrResize = layer.y;
3547		-
3548		- //$rootScope.TextPropertyArray.push({ Text1: '', Align: '', FontColor: '', FontSize: '', FontStyle: '', FontFamily: '' });
3549		- $rootScope.TextPropertyArray.push({ layerName: layer.name, Rect_Text: layer.text, Align: layer.align, FontColor: layer.fillStyle, FontSize: layer.fontSize, FontStyle: layer.fontStyle, FontFamily: layer.fontFamily, TextDecoration: $rootScope.underlineText });
3550		- }
3551		- });
3552		- $("#text_area").val('');
3553		- $("#text_area").css({ " font-family": "Arial", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
3554		-
3555		- $("#selected-font-family option:eq(0)").prop('selected', true);
3556		- $("#selected-font-size option:eq(0)").prop('selected', true);
3557		-
3558		- // $("#selected-font-family option:eq(0)").prop('selected', true);
3559		- // $("#selected-font-size option:eq(0)").prop('selected', true);
3560		-
3561		- // $("#selected-font-family option[value='Arial']").prop('selected', true);
3562		- // $("#selected-font-size option[value=14]").prop('selected', true);
3563		-
3564		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
3565		- $("#text-italic").removeClass("ActiveFormattingButtonClass");
3566		-
3567		- $("#text-bold").removeClass("ActiveFormattingButtonClass");
3568		-
3569		- $("#text-underline").removeClass("ActiveFormattingButtonClass");
3570		-
3571		- $("#text-left").removeClass("ActiveFormattingButtonClass");
3572		-
3573		- $("#text-right").removeClass("ActiveFormattingButtonClass");
3574		-
3575		- $("#text-center").removeClass("ActiveFormattingButtonClass");
3576		-
3577		-
3578		- }
3579		-
3580		- // this part will work second time when save button will be clicked
3581		- else {
3582		-
3583		-
3584		- if ($location.path() == "/module-item-view") {
3585		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
3586		- if ($rootScope.jcanvasObjectArray[i].name == $rootScope.initialTextAreaName) {
3587		- $rootScope.jcanvasObjectArray.splice(i, 1);
3588		- $rootScope.initialTextAreaName = '';
3589		- }
3590		- }
3591		- }
3592		-
3593		-
3594		- // getting textarea style properties
3595		- var _modifiedText = $("#text_area").val();
3596		- var _modifiedFontSize = $("#text_area").css("font-size");
3597		- var _modifiedFontWeight = $("#text_area").css("font-weight");
3598		- var _modifiedFontStyle = $("#text_area").css("font-style");
3599		- var _modifiedTextAlign = $("#text_area").css("text-align");
3600		- var _modifiedFontColor = $("#text_area").css("color");
3601		- var _modifiedFontFamily = $("#text_area").css("font-family");
3602		- var _modifiedFontDecoration = $("#text_area").css("text-decoration");
3603		-
3604		- // deleting previous textarea
3605		-
3606		-
3607		- $("#canvas").removeLayer($rootScope.layerNameArr).drawLayers();
3608		- $("#canvas").removeLayer($rootScope.rectTextArr).drawLayers();
3609		-
3610		- $rootScope.resetTextRectSave = $rootScope.ObjectIndexSave++;
3611		- $rootScope.resetTextSave = $rootScope.ObjectIndexSave++;
3612		-
3613		- // generating new text area
3614		- // $('#canvas')
3615		- // Draw rect as wide as the text
3616		- $('#canvas').drawRect({
3617		- name: 'TextAreaAfterEditRect_' + $rootScope.resetTextSave,
3618		- layer: true,
3619		- draggable: true,
3620		- groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
3621		- dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
3622		- opacity: $rootScope.shapestyleOpacity,
3623		- fromCenter: false,
3624		- strokeStyle: $rootScope.shapestyleborderColor,
3625		- strokeWidth: $rootScope.shapestyleborderWidth,
3626		- fillStyle: $rootScope.selectedBGColorForTextArea,
3627		- x: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].x, y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
3628		- width: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
3629		- height: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
3630		- resizeFromCenter: false,
3631		- add: function (layer) {
3632		- var TextAreaLayerName = layer.name;
3633		- var TextAreaLayerNameAftrSplit = TextAreaLayerName.split("_");
3634		- $rootScope.postFixLayerNumberAftrEdit = TextAreaLayerNameAftrSplit[1];
3635		- if ($location.path() == "/module-item-view") {
3636		- $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
3637		- }
3638		- },
3639		- dragstop: function (layer) {
3640		-
3641		- if ($location.path() == "/module-item-view") {
3642		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
3643		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
3644		- $rootScope.jcanvasObjectArray[i].x = layer.x;
3645		- $rootScope.jcanvasObjectArray[i].y = layer.y;
3646		- $rootScope.jcanvasObjectArray[i].width = layer.width;
3647		- $rootScope.jcanvasObjectArray[i].height = layer.height;
3648		- }
3649		- }
3650		- }
3651		- },
3652		- click: function (layer) {
3653		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3654		- //jcanvas property
3655		- layer.draggable = true;
3656		- $rootScope.shapeTypeText = "textAreaRect";
3657		- var layerName = layer.name;
3658		- var splitedName = layerName.split("_");
3659		- var textValName = "TextAreaAfterEdit_";
3660		- var concatinateResult = textValName.concat(splitedName[1]);
3661		- $rootScope.canvasLayerNameCollection = [];
3662		- $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
3663		-
3664		- $('#canvas').setLayer(layer.name, {
3665		- handle: {
3666		- type: 'rectangle',
3667		- fillStyle: '#fff',
3668		- strokeStyle: '#c33',
3669		- strokeWidth: 2,
3670		- width: 5, height: 5,
3671		- cornerRadius: 3,
3672		- }
3673		- }).drawLayers();
3674		- }
3675		- else {
3676		- //jcanvas property
3677		- layer.draggable = false;
3678		- }
3679		-
3680		- },
3681		- dblclick: function (layer) {
3682		-
3683		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3684		- //jcanvas property
3685		- layer.draggable = true;
3686		- $rootScope.isTextAreaClosedButtonActive = false;
3687		- $rootScope.IsTextAlreadySave = true;
3688		- var _rectLayerOnSave = layer.name;
3689		- var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
3690		- var RectNameAfterEdit = "TextAreaAfterEdit_";
3691		- var RectNameAfterEditResult = RectNameAfterEdit.concat(_rectLayerOnSaveSplit[1]);
3692		- $rootScope.modifySavedTextIndexNumber = _rectLayerOnSaveSplit[1];
3693		-
3694		- $rootScope.layerNameArr = layer.name;
3695		- $rootScope.rectTextArr = RectNameAfterEditResult;
3696		-
3697		- $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
3698		- $("#text_area").val(_modifiedText);
3699		- $("#text_area").css("font-size", _modifiedFontSize);
3700		- $("#text_area").css("font-weight", _modifiedFontWeight);
3701		- $("#text_area").css("font-style", _modifiedFontStyle);
3702		- $("#text_area").css("text-align", _modifiedTextAlign);
3703		- $("#text_area").css("color", _modifiedFontColor);
3704		- $("#text_area").css("font-family", _modifiedFontFamily);
3705		- $("#text_area").css("text-decoration", _modifiedFontDecoration);
3706		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": _modifiedFontColor });
3707		-
3708		- // $(".ActiveDefaultColorAnnotation").css({ "background-color": _modifiedFontColor + "!important" });
3709		- // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
3710		-
3711		- //khushbu
3712		- var CurrentFontFamily = _modifiedFontFamily;
3713		- // alert(CurrentFontFamily);
3714		- // CurrentFontFamily = CurrentFontFamily.replace(/'/g, "");
3715		- var CurrentFontSize = parseInt(_modifiedFontSize);
3716		- $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
3717		- $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
3718		- CurrentFontFamily = '';
3719		- CurrentFontSize = '';
3720		- //adding text text decoration active class in text edit pop-up
3721		- if (_modifiedFontDecoration == "underline") {
3722		- $("#text-underline").addClass("ActiveFormattingButtonClass");
3723		- }
3724		- else {
3725		- $("#text-underline").removeClass("ActiveFormattingButtonClass");
3726		- }
3727		-
3728		- //adding text font weight active class in text edit pop-up
3729		- if (_modifiedFontWeight == 700) {
3730		-
3731		- $("#text-bold").addClass("ActiveFormattingButtonClass");
3732		- }
3733		- else {
3734		-
3735		- $("#text-bold").removeClass("ActiveFormattingButtonClass");
3736		-
3737		- }
3738		-
3739		- //adding text font style active class in text edit pop-up
3740		- if (_modifiedFontStyle == "italic") {
3741		-
3742		- $("#text-italic").addClass("ActiveFormattingButtonClass");
3743		- }
3744		- else {
3745		- $("#text-italic").removeClass("ActiveFormattingButtonClass");
3746		-
3747		- }
3748		-
3749		- //adding text alignment active class in text edit pop-up
3750		- if (_modifiedTextAlign == "left") {
3751		- $("#text-right").removeClass("ActiveFormattingButtonClass");
3752		- $("#text-center").removeClass("ActiveFormattingButtonClass")
3753		- $("#text-left").addClass("ActiveFormattingButtonClass");
3754		- }
3755		- else if (_modifiedTextAlign == "right") {
3756		-
3757		- $("#text-center").removeClass("ActiveFormattingButtonClass")
3758		- $("#text-left").removeClass("ActiveFormattingButtonClass");
3759		- $("#text-right").addClass("ActiveFormattingButtonClass");
3760		-
3761		- }
3762		- else if (_modifiedTextAlign == "center") {
3763		- $("#text-left").removeClass("ActiveFormattingButtonClass");
3764		- $("#text-right").removeClass("ActiveFormattingButtonClass");
3765		- $("#text-center").addClass("ActiveFormattingButtonClass");
3766		-
3767		- }
3768		-
3769		- document.getElementById('modelbackground').style.display = "block";
3770		- $("#annotationTextModal").modal("toggle");
3771		- }
3772		- else {
3773		- //jcanvas property
3774		- layer.draggable = false;
3775		- }
3776		- },
3777		- touchstart: function (layer) {
3778		-
3779		- if (isDoubleTouchSaveTextAgain == null) {
3780		- isDoubleTouchSaveTextAgain = setTimeout(function () {
3781		- isDoubleTouchSaveTextAgain = null;
3782		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3783		- //jcanvas property
3784		- layer.draggable = true;
3785		- $rootScope.shapeTypeText = "textAreaRect";
3786		- var layerName = layer.name;
3787		- var splitedName = layerName.split("_");
3788		- var textValName = "TextAreaAfterEdit_";
3789		- var concatinateResult = textValName.concat(splitedName[1]);
3790		- $rootScope.canvasLayerNameCollection = [];
3791		- $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
3792		-
3793		- $('#canvas').setLayer(layer.name, {
3794		- handle: {
3795		- type: 'rectangle',
3796		- fillStyle: '#fff',
3797		- strokeStyle: '#c33',
3798		- strokeWidth: 2,
3799		- width: 5, height: 5,
3800		- cornerRadius: 3,
3801		- }
3802		- }).drawLayers();
3803		- }
3804		- else {
3805		- //jcanvas property
3806		- layer.draggable = false;
3807		- }
3808		-
3809		- }, 1000)
3810		- } else {
3811		- clearTimeout(isDoubleTouchSaveTextAgain);
3812		- isDoubleTouchSaveTextAgain = null;
3813		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3814		- //jcanvas property
3815		- layer.draggable = true;
3816		- $rootScope.isTextAreaClosedButtonActive = false;
3817		- $rootScope.IsTextAlreadySave = true;
3818		- var _rectLayerOnSave = layer.name;
3819		- var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
3820		- var RectNameAfterEdit = "TextAreaAfterEdit_";
3821		- var RectNameAfterEditResult = RectNameAfterEdit.concat(_rectLayerOnSaveSplit[1]);
3822		- $rootScope.modifySavedTextIndexNumber = _rectLayerOnSaveSplit[1];
3823		-
3824		- $rootScope.layerNameArr = layer.name;
3825		- $rootScope.rectTextArr = RectNameAfterEditResult;
3826		-
3827		- $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
3828		- $("#text_area").val(_modifiedText);
3829		- $("#text_area").css("font-size", _modifiedFontSize);
3830		- $("#text_area").css("font-weight", _modifiedFontWeight);
3831		- $("#text_area").css("font-style", _modifiedFontStyle);
3832		- $("#text_area").css("text-align", _modifiedTextAlign);
3833		- $("#text_area").css("color", _modifiedFontColor);
3834		- $("#text_area").css("font-family", _modifiedFontFamily);
3835		- $("#text_area").css("text-decoration", _modifiedFontDecoration);
3836		- $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": _modifiedFontColor });
3837		-
3838		- // $(".ActiveDefaultColorAnnotation").css({ "background-color": _modifiedFontColor + "!important" });
3839		- // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
3840		-
3841		- //khushbu
3842		- var CurrentFontFamily = _modifiedFontFamily;
3843		- // alert(CurrentFontFamily);
3844		- // CurrentFontFamily = CurrentFontFamily.replace(/'/g, "");
3845		- var CurrentFontSize = parseInt(_modifiedFontSize);
3846		- $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
3847		- $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
3848		- CurrentFontFamily = '';
3849		- CurrentFontSize = '';
3850		- //adding text text decoration active class in text edit pop-up
3851		- if (_modifiedFontDecoration == "underline") {
3852		- $("#text-underline").addClass("ActiveFormattingButtonClass");
3853		- }
3854		- else {
3855		- $("#text-underline").removeClass("ActiveFormattingButtonClass");
3856		- }
3857		-
3858		- //adding text font weight active class in text edit pop-up
3859		- if (_modifiedFontWeight == 700) {
3860		-
3861		- $("#text-bold").addClass("ActiveFormattingButtonClass");
3862		- }
3863		- else {
3864		-
3865		- $("#text-bold").removeClass("ActiveFormattingButtonClass");
3866		-
3867		- }
3868		-
3869		- //adding text font style active class in text edit pop-up
3870		- if (_modifiedFontStyle == "italic") {
3871		-
3872		- $("#text-italic").addClass("ActiveFormattingButtonClass");
3873		- }
3874		- else {
3875		- $("#text-italic").removeClass("ActiveFormattingButtonClass");
3876		-
3877		- }
3878		-
3879		- //adding text alignment active class in text edit pop-up
3880		- if (_modifiedTextAlign == "left") {
3881		- $("#text-right").removeClass("ActiveFormattingButtonClass");
3882		- $("#text-center").removeClass("ActiveFormattingButtonClass")
3883		- $("#text-left").addClass("ActiveFormattingButtonClass");
3884		- }
3885		- else if (_modifiedTextAlign == "right") {
3886		-
3887		- $("#text-center").removeClass("ActiveFormattingButtonClass")
3888		- $("#text-left").removeClass("ActiveFormattingButtonClass");
3889		- $("#text-right").addClass("ActiveFormattingButtonClass");
3890		-
3891		- }
3892		- else if (_modifiedTextAlign == "center") {
3893		- $("#text-left").removeClass("ActiveFormattingButtonClass");
3894		- $("#text-right").removeClass("ActiveFormattingButtonClass");
3895		- $("#text-center").addClass("ActiveFormattingButtonClass");
3896		-
3897		- }
3898		-
3899		- document.getElementById('modelbackground').style.display = "block";
3900		- $("#annotationTextModal").modal("toggle");
3901		- }
3902		- else {
3903		- //jcanvas property
3904		- layer.draggable = false;
3905		- }
3906		-
3907		- }
3908		- },
3909		- mouseout: function (layer) {
3910		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3911		- //jcanvas property
3912		- layer.draggable = true;
3913		- $rootScope.canvasLayerNameCollection = [];
3914		- $('#canvas').setLayer(layer.name, {
3915		- handle: {
3916		- type: 'rectangle',
3917		- fillStyle: 'pink',
3918		- strokeStyle: 'yellow',
3919		- strokeWidth: 0,
3920		- width: 0, height: 0,
3921		- cornerRadius: 0
3922		- }
3923		- }).drawLayers();
3924		-
3925		- }
3926		- else {
3927		- //jcanvas property
3928		- layer.draggable = false;
3929		- }
3930		- $rootScope.RectXAxisAftrResize = layer.x;
3931		- $rootScope.RectYAxisAftrResize = layer.y;
3932		- },
3933		- mouseover: function (layer) {
3934		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3935		- //jcanvas property
3936		- layer.draggable = true;
3937		- $('#canvas').setLayer(layer.name, {
3938		- handle: {
3939		- type: 'rectangle',
3940		- fillStyle: '#fff',
3941		- strokeStyle: '#c33',
3942		- strokeWidth: 2,
3943		- width: 10, height: 10,
3944		- cornerRadius: 3,
3945		- click: function () {
3946		- $rootScope.isTextAReaRectangleClickedAftrEdit = true;
3947		- }
3948		- }
3949		- }).drawLayers();
3950		-
3951		- }
3952		-
3953		- else {
3954		- //jcanvas property
3955		- layer.draggable = false;
3956		- }
3957		- },
3958		- change: function (layer) {
3959		-
3960		- if ($rootScope.isTextAReaRectangleClickedAftrEdit == true) {
3961		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
3962		- console.log(layer.x + " " + layer.y);
3963		- console.log($rootScope.textXAxisAftrResize + " " + $rootScope.textYAxisAftrResize);
3964		- $rootScope.isTextAReaRectangleClickedAftrEdit = false;
3965		- //if ((layer.x > $rootScope.textXAxisAftrResize) && (layer.y > $rootScope.textYAxisAftrResize) \|\| (layer.x == $rootScope.textXAxisAftrResize) && (layer.y > $rootScope.textYAxisAftrResize) \|\| (layer.x > $rootScope.textXAxisAftrResize) && (layer.y == $rootScope.textYAxisAftrResize)) {
3966		- var CangedTextAreaName = 'TextAreaAfterEdit_' + $rootScope.postFixLayerNumberAftrEdit;
3967		- $('#canvas').setLayer(CangedTextAreaName, {
3968		- x: layer.x,
3969		- y: layer.y
3970		- });
3971		-
3972		- //}
3973		- $rootScope.editTextXAxisAftrResize = layer.x;
3974		- $rootScope.editTextYAxisAftrResize = layer.y;
3975		- if ($location.path() == "/module-item-view") {
3976		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
3977		- if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
3978		- $rootScope.jcanvasObjectArray[i].x = layer.x;
3979		- $rootScope.jcanvasObjectArray[i].y = layer.y;
3980		- $rootScope.jcanvasObjectArray[i].width = layer.width;
3981		- $rootScope.jcanvasObjectArray[i].height = layer.height;
3982		- }
3983		- }
3984		-
3985		- }
3986		-
3987		-
3988		- }
3989		- }
3990		-
3991		-
3992		- }
3993		-
3994		- }).drawText({
3995		- layer: true,
3996		- draggable: true,
3997		- name: 'TextAreaAfterEdit_' + $rootScope.resetTextSave,
3998		- groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
3999		- dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
4000		- fillStyle: _modifiedFontColor,
4001		- fontStyle: _modifiedFontWeight + " " + _modifiedFontStyle,
4002		- fontSize: _modifiedFontSize,
4003		- fontFamily: _modifiedFontFamily,
4004		- align: _modifiedTextAlign,
4005		- strokeWidth: 0,
4006		- fromCenter: false,
4007		- text: _modifiedText,
4008		- x: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].x, y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
4009		- maxWidth: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
4010		- maxHeight: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
4011		- add: function (layer) {
4012		- // console.log(layer.x + " " + layer.y);
4013		- $rootScope.editTextXAxisAftrResize = layer.x;
4014		- $rootScope.editTextYAxisAftrResize = layer.y;
4015		- }
4016		- });
4017		-
4018		- }
4019		- }
4020		- //----
4021		-
4022		- $rootScope.onDrawingCanvasClick = function (event) {
4023		-
4024		- $rootScope.clicked = true;
4025		- // OnPaintCanvasMouseDown(event);
4026		-
4027		- var annotationCanvas = document.getElementById('canvas');
4028		- if (annotationCanvas != null \|\| annotationCanvas != undefined) {
4029		-
4030		- annotationCanvas.addEventListener('mousedown', $rootScope.OnPaintCanvasMouseDown, false);
4031		- annotationCanvas.addEventListener('mouseup', $rootScope.OnPaintCanvasMouseUp, false);
4032		-
4033		-
4034		- annotationCanvas.addEventListener("touchstart", $rootScope.OnPaintCanvasMouseDown, false);
4035		- annotationCanvas.addEventListener("touchend", $rootScope.OnPaintCanvasMouseUp, false);
4036		-
4037		- }
4038		-
4039		- // alert("doclick");
4040		- // annotation history
4041		- if (event != undefined) {
4042		-
4043		- if ($rootScope.isAnnotaionToolBarDrawingModeActive == false) {
4044		-
4045		- $rootScope.getAnnotationTextBasedOnSelectedBodyRegion(event);
4046		-
4047		- }
4048		- }
4049		-
4050		-
4051		- };
4052		-
4053		-
4054		- $(document).keydown(function (event) {
4055		-
4056		- // predefined function for detecting keyboard key
4057		- if (event.which == 46) {
4058		-
4059		- if ($rootScope.shapeTypePin == "Pin") {
4060		-
4061		-
4062		- $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].pinName).drawLayers();
4063		- $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].ArcName).drawLayers();
4064		- $rootScope.shapeTypePin = "";
4065		-
4066		- }
4067		- else if ($rootScope.shapeTypeText == "textAreaRect") {
4068		- $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].textareaRectangle).drawLayers();
4069		- $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].textareaString).drawLayers();
4070		- $rootScope.shapeTypeText = "";
4071		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
4072		-
4073		- if ($rootScope.canvasLayerNameCollection[0].textareaRectangle == $rootScope.jcanvasObjectArray[i].name) {
4074		-
4075		- $rootScope.jcanvasObjectArray.splice(i, 1);
4076		-
4077		- }
4078		- // console.log($rootScope.jcanvasObjectArray);
4079		- }
4080		-
4081		- }
4082		- else {
4083		-
4084		- $("#canvas").removeLayer($rootScope.canvasLayerNameCollection).drawLayers();
4085		- if ($location.path() == "/module-item-view") {
4086		- for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
4087		-
4088		- if ($rootScope.canvasLayerNameCollection == $rootScope.jcanvasObjectArray[i].name) {
4089		-
4090		- $rootScope.jcanvasObjectArray.splice(i, 1);
4091		- }
4092		- }
4093		- }
4094		- }
4095		- }
4096		-
4097		- });
4098		-
4099		-
4100		- $rootScope.closeModal = function () {
4101		-
4102		- document.getElementById('modelbackground').style.display = "none";
4103		- $("#drawTextBGColorpicker span.minicolors-swatch-color").css('background-color', $rootScope.selectedBGColorForTextArea);
4104		-
4105		- }
4106		- //-- End ----------------------------
4107		-
4108		-
4109		- $rootScope.AddClick = function (x, y, dragging) {
4110		- $rootScope.clickX.push(x);
4111		- $rootScope.clickY.push(y);
4112		- $rootScope.clickDrag.push(dragging);
4113		- }
4114		-
4115		- $rootScope.Redraw = function () {
4116		- var context = document.getElementById('paintCanvas').getContext('2d');
4117		-
4118		- context.clearRect(0, 0, context.canvas.width, context.canvas.height); // Clears the canvas
4119		-
4120		- context.strokeStyle = "#FFFFFF";
4121		- context.lineJoin = "round";
4122		- context.lineWidth = 5;
4123		-
4124		-
4125		- for (var i = 0; i < $rootScope.clickX.length; i++) {
4126		- context.beginPath();
4127		- if ($rootScope.clickDrag[i] && i) {
4128		- context.moveTo($rootScope.clickX[i - 1], $rootScope.clickY[i - 1]);
4129		- } else {
4130		- context.moveTo($rootScope.clickX[i] - 1, $rootScope.clickY[i]);
4131		- }
4132		- context.lineTo($rootScope.clickX[i], $rootScope.clickY[i]);
4133		- context.closePath();
4134		- context.stroke();
4135		- }
4136		- }
4137		-
4138		- $rootScope.PaintCanvasMousedownListener = function (canvasContext, x, y) {
4139		- if ($rootScope.isLineDrawSelecyed == true) {
4140		-
4141		- canvasContext.lineWidth = 0.1;
4142		- canvasContext.strokeStyle = 'red';
4143		- canvasContext.beginPath();
4144		- canvasContext.moveTo(x, y);
4145		- }
4146		-
4147		- }
4148		-
4149		- $rootScope.PaintCanvasMouseupListener = function (canvasContext) {
4150		- if ($scope.isLineDrawSelecyed == true) {
4151		-
4152		- }
4153		- }
4154		-
4155		- $rootScope.PaintCanvasMousemoveListener = function (canvasContext, x, y) {
4156		- if ($rootScope.isLineDrawSelecyed == true) {
4157		- console.log('hm moving')
4158		- canvasContext.lineTo(x, y);
4159		- canvasContext.stroke();
4160		- }
4161		- }
4162		-
4163		- $rootScope.Draw = function (x, y, isDown, context) {
4164		- if (isDown) {
4165		- context.beginPath();
4166		- context.strokeStyle = '#000000';
4167		- context.lineWidth = 1//$('#selWidth').val();
4168		- context.lineJoin = "round";
4169		- context.moveTo($rootScope.lastX, $rootScope.lastY);
4170		- context.lineTo(x, y);
4171		- context.closePath();
4172		- context.stroke();
4173		- }
4174		- $rootScope.lastX = x; $rootScope.lastY = y;
4175		- }
4176		-
4177		- $rootScope.disableAnnotationTB = false;
4178		- $rootScope.disableAnnotationTBFn = function () {
4179		- $rootScope.disableAnnotationTB = true;
4180		- }
4181		-
4182		- //list manager function
4183		-
4184		- //list manager function
4185		-
4186		- $rootScope.disableAnnotationtoolOnListManager = false;
4187		- $rootScope.ShowListManager = function () {
4188		-
4189		- $rootScope.switchCanvas();
4190		- $("#annotationpaintbrushsize").attr("href", "#");
4191		- $("#annotationpainteraser").attr("href", "#");
4192		- console.log('ShowListManager')
4193		- $rootScope.disableAnnotationtoolOnListManager = true;
4194		- $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').attr('disabled', 'disabled');
4195		- $('#slider-range-min-2').slider('disable');
4196		- $("#annotationpaintbrushsize").attr('disabled', 'disabled');
4197		- $("#annotationpainteraser").attr('disabled', 'disabled');
4198		- $("#annotationpaintbrushsize").css('pointer-events', 'none');
4199		- $("#annotationpainteraser").css('pointer-events', 'none');
4200		- $rootScope.isLoading = true;
4201		- $('#spinner').css('visibility', 'visible');
4202		-
4203		- $('#listManager').css('display', 'block');
4204		- $("#listManager").css("visibility", "visible");
4205		-
4206		- $('#listManager').draggable();
4207		- $rootScope.islistManagerEventAlredayDispachted = true;
4208		-
4209		- $rootScope.$broadcast('listManagerEvent', true);
4210		-
4211		- if ($rootScope.selectedBodySystemName == undefined && $rootScope.slectedActualTermNumber == undefined) {
4212		- if ($location.path() == "/module-item-view") {
4213		- $timeout(function () {
4214		- $('#termList option[selected="selected"]').prop("selected", false);
4215		- $('#termList option[value="' + $rootScope.searchSelectedText + '"]').prop("selected", true);
4216		- $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
4217		- $('#termList option[value="' + $rootScope.searchSelectedText + '"]').css({ "background-color": "#3399FF", "color": "#ffffff" });
4218		-
4219		- }, 1000);
4220		- }
4221		- else {
4222		- $('#termList option[selected="selected"]').prop("selected", false);
4223		- $('#termList option[value="' + $rootScope.searchSelectedText + '"]').prop("selected", true);
4224		- $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
4225		- $('#termList option[value="' + $rootScope.searchSelectedText + '"]').css({ "background-color": "#3399FF", "color": "#ffffff" });
4226		- }
4227		- }
4228		- else {
4229		-
4230		- if ($rootScope.selectedBodySystemId == undefined) {
4231		- $rootScope.selectedBodySystemId = 0;
4232		- if ($location.path() == "/module-item-view") {
4233		- $rootScope.refreshTermListOnAASystemSelection($rootScope.selectedBodySystemId);
4234		- }
4235		- else {
4236		- if ($location.path() == "/module-item-view") {
4237		- $rootScope.refreshTermListOnAASystemSelection($rootScope.selectedBodySystemId);
4238		- }
4239		- else {
4240		- $rootScope.refreshTermListOnSystemSelection($rootScope.selectedBodySystemId);
4241		- }
4242		-
4243		- }
4244		- }
4245		- else {
4246		- if ($location.path() == "/module-item-view") {
4247		- $rootScope.refreshTermListOnAASystemSelection($rootScope.selectedBodySystemId);
4248		- }
4249		- else {
4250		- $rootScope.refreshTermListOnSystemSelection($rootScope.selectedBodySystemId);
4251		- }
4252		-
4253		- }
4254		-
4255		- $timeout(function () {
4256		- $('#bodySystems option[selected="selected"]').prop("selected", false);
4257		- $('#bodySystems option[value="' + $rootScope.selectedBodySystemName + '"]').prop("selected", true);
4258		- $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
4259		- $('#termList option[value="' + $rootScope.searchSelectedText + '"]').css({ "background-color": "#3399FF", "color": "#ffffff" });
4260		-
4261		- }, 1000);
4262		- }
4263		- $("#optionsListManagerTab").addClass("active");
4264		- var viewNameAftrSplit;
4265		- if ($("#viewName").val() !== null) {
4266		- viewNameAftrSplit = $("#viewName").val().split(" ");
4267		-
4268		- if (viewNameAftrSplit[0] == "null") {
4269		- document.location.href = "/";
4270		- }
4271		- }
4272		- if ($location.url() == "/module-item-view") {
4273		- $("#termList").attr("onclick", "if (typeof(this.selectedIndex) != 'undefined') onSearchItemSelection(this.options[this.selectedIndex].id)");
4274		- }
4275		- else {
4276		- $("#termList").attr("onclick", "if (typeof(this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id, true)");
4277		- }
4278		-
4279		- }
4280		-
4281		- $rootScope.CloseListManager = function () {
4282		- $("#btnTranparency").removeAttr('disabled', 'disabled');
4283		- $("#optionsListManagerTab").removeClass("active");
4284		- $rootScope.isListManagerMenuSelected = false;
4285		- console.log('listManager closed');
4286		- $rootScope.disableAnnotationtoolOnListManager = false;
4287		- if ($rootScope.MenuModuleName == "DA" \|\| $rootScope.MenuModuleName == "AA") {
4288		- $("#annotationpaintbrushsize").attr("href", "#canvasPaint");
4289		- $("#annotationpainteraser").attr("href", "#canvasPaint");
4290		- if ($rootScope.disableAnnotationtoolOnListManager == false) {
4291		- $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').removeAttr('disabled', 'disabled');
4292		- $('#slider-range-min-2').slider('enable');
4293		- $("#annotationpaintbrushsize").removeAttr('disabled', 'disabled');
4294		- $("#annotationpainteraser").removeAttr('disabled', 'disabled');
4295		- $("#annotationpaintbrushsize").css('pointer-events', 'auto');
4296		- $("#annotationpainteraser").css('pointer-events', 'auto');
4297		- if ($(".annotationTollbar").css("display") == "block") {
4298		- $rootScope.switchCanvasToPaintCanvas();
4299		- }
4300		- }
4301		- }
4302		- if ($location.path() == "/module-item-view") {
4303		- $rootScope.selectedBodySystemName = $("#AABodySystems").val();
4304		- $rootScope.selectedBodySystemId = $('#AABodySystems option[value="' + $rootScope.selectedBodySystemName + '"]').attr("id");
4305		- }
4306		- $('#listManager').css('display', 'none');
4307		- $("#listManager").css("visibility", "hidden");
4308		-
4309		- $rootScope.isLoading = false;
4310		- $('#spinner').css('visibility', 'hidden');
4311		- //$('#spinner').css('display', 'none');
4312		- // $rootScope.isAnnotationWindowClose = true;
4313		- // if('#termList')
4314		- if ($('#termList option').length > 0) {
4315		- //$('#termList option') = null;
4316		- //$('#termList').innerHTML='';
4317		- $('#termList')
4318		- .find('option')
4319		- .remove()
4320		- .end()
4321		- if ($('#termList option').length > 0) {
4322		-
4323		- }
4324		- }
4325		-
4326		- $rootScope.prevId = "";
4327		- }
4328		-
4329		- function fillListManagerTerms() {
4330		-
4331		- var len = $rootScope.openModules.length;
4332		- var openViewLen = $rootScope.openViews.length;
4333		-
4334		- var currentOpenModuleId = $rootScope.openModules[len - 1].ModuleId;
4335		- var currentOpenViewId = $rootScope.openViews[openViewLen - 1].BodyViewId;
4336		- if (currentOpenModuleId == 1) {
4337		-
4338		- }
4339		-
4340		- }
4341		-
4342		- //setrtings
4343		- $rootScope.SetSettingActiveTab = function (tabToSet) {
4344		- $rootScope.SettingsTab = tabToSet;
4345		- };
4346		-
4347		- $rootScope.loadsettings = function () {
4348		-
4349		- //1. For now we are by default opening DA settings tab
4350		- $rootScope.SettingsTab = 3;
4351		-
4352		- //2.
4353		- var curentEthnicity = $rootScope.getLocalStorageValue("globalEthnicity");
4354		- if (typeof (curentEthnicity) !== "undefined" && curentEthnicity !== null) {
4355		- $rootScope.globalSetting.ethnicity = curentEthnicity;
4356		- }
4357		- else {
4358		- localStorage.setItem("globalEthnicity", $rootScope.globalSetting.ethnicity);
4359		- }
4360		-
4361		- var curentmodesty = $rootScope.getLocalStorageValue("globalModesty");
4362		- if (typeof (curentmodesty) !== "undefined" && curentmodesty !== null) {
4363		- $rootScope.globalSetting.modesty = curentmodesty
4364		- }
4365		- else {
4366		- localStorage.setItem("globalModesty", $rootScope.globalSetting.modesty);
4367		- }
4368		-
4369		- //3.
4370		- $rootScope.setModestySettings($rootScope.globalSetting.modesty);
4371		-
4372		- //4.
4373		- $rootScope.setEthncitySettings($rootScope.globalSetting.ethnicity);
4374		-
4375		-
4376		- };
4377		-
4378		- $rootScope.setModestySettings = function (currentmodsetting) {
4379		-
4380		- if (currentmodsetting == 'Y') {
4381		- $rootScope.isModestyOn = true;
4382		- $rootScope.isModestyOff = false;
4383		- }
4384		- else {
4385		- $rootScope.isModestyOn = false;
4386		- $rootScope.isModestyOff = true;
4387		- }
4388		- }
4389		-
4390		- $rootScope.setEthncitySettings = function (currentEthncitysetting) {
4391		-
4392		- // this code is used for maintaing the currently selected Ethencity.
4393		- if (currentEthncitysetting == 'L') {
4394		- $("#btnEthnicA").addClass("skindefault");
4395		- if ($("#btnEthnicB").hasClass("skindefault")) { $("#btnEthnicB").removeClass("skindefault"); }
4396		- if ($("#btnEthnicL").hasClass("skindefault")) { $("#btnEthnicL").removeClass("skindefault"); }
4397		- if ($("#btnEthnicW").hasClass("skindefault")) { $("#btnEthnicW").removeClass("skindefault"); }
4398		- }
4399		- if (currentEthncitysetting == 'B') {
4400		- $("#btnEthnicB").addClass("skindefault");
4401		- if ($("#btnEthnicL").hasClass("skindefault")) { $("#btnEthnicL").removeClass("skindefault"); }
4402		- if ($("#btnEthnicW").hasClass("skindefault")) { $("#btnEthnicW").removeClass("skindefault"); }
4403		- if ($("#btnEthnicA").hasClass("skindefault")) { $("#btnEthnicA").removeClass("skindefault"); }
4404		- }
4405		- if (currentEthncitysetting == 'A') {
4406		- $("#btnEthnicL").addClass("skindefault");
4407		- if ($("#btnEthnicB").hasClass("skindefault")) { $("#btnEthnicB").removeClass("skindefault"); }
4408		- if ($("#btnEthnicW").hasClass("skindefault")) { $("#btnEthnicW").removeClass("skindefault"); }
4409		- if ($("#btnEthnicA").hasClass("skindefault")) { $("#btnEthnicA").removeClass("skindefault"); }
4410		- }
4411		- if (currentEthncitysetting == 'W') {
4412		- $("#btnEthnicW").addClass("skindefault");
4413		- if ($("#btnEthnicB").hasClass("skindefault")) { $("#btnEthnicB").removeClass("skindefault"); }
4414		- if ($("#btnEthnicL").hasClass("skindefault")) { $("#btnEthnicL").removeClass("skindefault"); }
4415		- if ($("#btnEthnicA").hasClass("skindefault")) { $("#btnEthnicA").removeClass("skindefault"); }
4416		- }
4417		- }
4418		-
4419		- $rootScope.ChangeEthnicity = function (formsetting, skintone) {
4420		-
4421		- if ($rootScope.isCloseSettingClicked == true) {
4422		- formsetting.ethnicity = localStorage.getItem("globalEthnicity");
4423		- $rootScope.isCloseSettingClicked = false;
4424		- }
4425		- else {
4426		- formsetting.ethnicity = skintone;
4427		- }
4428		- $rootScope.setEthncitySettings(formsetting.ethnicity);
4429		-
4430		-
4431		-
4432		- }
4433		-
4434		- $rootScope.ChangeModesty = function (formsetting, modestyValue) {
4435		- formsetting.modesty = modestyValue;
4436		- $rootScope.setModestySettings(formsetting.modesty);
4437		-
4438		- }
4439		- $rootScope.isApplyBtnClicked = false;
4440		- $rootScope.CloseSetting = function () {
4441		- $rootScope.isCloseSettingClicked = true;
4442		- $rootScope.setEthncitySettings($rootScope.globalSetting.ethnicity);
4443		- $rootScope.setModestySettings($rootScope.globalSetting.modesty);
4444		- if ($rootScope.isApplyBtnClicked == false) {
4445		-
4446		- $rootScope.deSelectLanguageOptions();
4447		- }
4448		- else {
4449		-
4450		- $rootScope.isApplyBtnClicked = false;
4451		- }
4452		- $('#modal-settings').css("display", "none");
4453		- $("#modelsettingsbackground").css("display", "none");
4454		- }
4455		-
4456		- $rootScope.UpdateAndCloseSetting = function (setting) {
4457		-
4458		- $rootScope.UpdateSetting(setting);
4459		- if ($rootScope.MenuModuleName == "DA" \|\| $rootScope.MenuModuleName == "AA") {
4460		- $rootScope.loadSearchData();
4461		- }
4462		- $rootScope.isApplyBtnClicked = false;
4463		- //$timeout(function () {
4464		- $('#modal-settings').css("display", "none");
4465		- $("#modelsettingsbackground").css("display", "none");
4466		- // $("#setting-spinner").css("display", "none");
4467		- if ($rootScope.MenuModuleName == "DA" \|\| $rootScope.MenuModuleName == "AA") {
4468		- $("#setting-spinner").css("display", "block");
4469		- }
4470		-
4471		- $rootScope.lexiconLanguageArrayLength = $rootScope.lexiconLanguageArray.length;
4472		-
4473		- // }, 6000);
4474		- };
4475		-
4476		-
4477		-
4478		- $rootScope.deSelectLanguageOptions = function () {
4479		-
4480		- var languageDifference = ($rootScope.lexiconLanguageArrayLength) - ($rootScope.lexiconLanguageArray.length);
4481		- languageDifference = parseInt(languageDifference);
4482		- if (languageDifference > 0) {
4483		- for (var i = 0; i <= $rootScope.lexiconRemovedLanguage.length - 1; i++) {
4484		- $("#lexiconLangDropdown option").each(function () {
4485		- if ($rootScope.lexiconRemovedLanguage[i].language == $(this).val()) {
4486		- $(this).remove();
4487		- $('#secondLax').append('<option val="' + $rootScope.lexiconRemovedLanguage[i].id + '">' + $rootScope.lexiconRemovedLanguage[i].language + '</option>');
4488		- $rootScope.lexiconLanguageArray.push({ "id": $rootScope.lexiconRemovedLanguage[i].id, "language": $rootScope.lexiconRemovedLanguage[i].language });
4489		- }
4490		- });
4491		-
4492		- if ($rootScope.lexiconRemovedLanguage[i].language == $("#primarylaxican").val()) {
4493		-
4494		- $rootScope.lexiconLanguageArray[0].id = $rootScope.primaryLangID;
4495		- $rootScope.lexiconLanguageArray[0].language = $rootScope.lexiconPrimaryLanguage;
4496		- $("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
4497		- $('#primarylaxican').attr("name", $rootScope.primaryLangID);
4498		- $('#secondLax').append('<option val="' + $rootScope.lexiconRemovedLanguage[i].id + '">' + $rootScope.lexiconRemovedLanguage[i].language + '</option>');
4499		- $rootScope.lexiconLanguageArray.push({ "id": $rootScope.lexiconRemovedLanguage[i].id, "language": $rootScope.lexiconRemovedLanguage[i].language });
4500		- $("#lexiconLangDropdown option").each(function () {
4501		- if($rootScope.lexiconPrimaryLanguage == $(this).val()){
4502		- $(this).remove();
4503		- }
4504		- });
4505		- }
4506		-
4507		- //$("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
4508		- //$('#primarylaxican').attr("name", $rootScope.primaryLangID);
4509		-
4510		- }
4511		- }
4512		- else if (languageDifference < 0) {
4513		- languageDifference = Math.abs(languageDifference);
4514		- for (var i = 1; i <= languageDifference; i++) {
4515		- var lexiconArrayLength = $rootScope.lexiconLanguageArray.length;
4516		-
4517		- $("#secondLax option").each(function () {
4518		- if ($rootScope.lexiconLanguageArray[lexiconArrayLength - 1].language == $(this).val()) {
4519		- $(this).remove();
4520		- }
4521		-
4522		- })
4523		- $('#lexiconLangDropdown').append('<option val="' + $rootScope.lexiconLanguageArray[lexiconArrayLength - 1].id + '">' + $rootScope.lexiconLanguageArray[lexiconArrayLength - 1].language + '</option>');
4524		- $rootScope.lexiconLanguageArray.pop();
4525		- }
4526		- if ($rootScope.lexiconPrimaryLanguage == $("#primarylaxican").val()) {
4527		- }
4528		- else
4529		- {
4530		- $rootScope.lexiconLanguageArray[0].id = $rootScope.primaryLangID;
4531		- $rootScope.lexiconLanguageArray[0].language = $rootScope.lexiconPrimaryLanguage;
4532		- $("#lexiconLangDropdown option").each(function () {
4533		- if ($rootScope.lexiconPrimaryLanguage == $(this).val()) {
4534		- $(this).remove();
4535		- }
4536		- })
4537		- $('#lexiconLangDropdown').append('<option val="' + $('#primarylaxican').attr("name") + '">' + $("#primarylaxican").val() + '</option>');
4538		- $("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
4539		- $('#primarylaxican').attr("name", $rootScope.primaryLangID);
4540		- }
4541		- }
4542		-
4543		- else if (languageDifference == 0) {
4544		- if ($rootScope.lexiconPrimaryLanguage == $("#primarylaxican").val()) {
4545		- // alert("same name");
4546		- }
4547		- else {
4548		- $rootScope.lexiconLanguageArray[0].id = $rootScope.primaryLangID;
4549		- $rootScope.lexiconLanguageArray[0].language = $rootScope.lexiconPrimaryLanguage;
4550		- $("#lexiconLangDropdown option").each(function () {
4551		- if ($rootScope.lexiconPrimaryLanguage == $(this).val()) {
4552		- $(this).remove();
4553		- }
4554		- })
4555		- $('#lexiconLangDropdown').append('<option val="' + $('#primarylaxican').attr("name") + '">' + $("#primarylaxican").val() + '</option>');
4556		- $("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
4557		- $('#primarylaxican').attr("name", $rootScope.primaryLangID);
4558		- }
4559		- }
4560		- }
4561		-
4562		-
4563		- $rootScope.UpdateSetting = function (setting) {
4564		-
4565		- $rootScope.isApplyBtnClicked = true;
4566		- var isReloadingViewRequired = false;
4567		- //1.
4568		- if (typeof (setting.ethnicity) !== "undefined" && setting.ethnicity !== null) {
4569		- $rootScope.ChangeEthnicity(setting, setting.ethnicity);
4570		- }
4571		- if (typeof (setting.modesty) !== "undefined" && setting.modesty !== null) {
4572		- $rootScope.ChangeModesty(setting, setting.modesty);
4573		- }
4574		-
4575		- //2.
4576		- if ((setting.ethnicity != null && setting.ethnicity != $rootScope.globalSetting.ethnicity) && (setting.modesty != null && setting.modesty != $rootScope.globalSetting.modesty)) {
4577		- $rootScope.globalSetting.ethnicity = setting.ethnicity;
4578		- localStorage.setItem("globalEthnicity", $rootScope.globalSetting.ethnicity);
4579		-
4580		- $rootScope.globalSetting.modesty = setting.modesty;
4581		- localStorage.setItem("globalModesty", setting.modesty);
4582		-
4583		- isReloadingViewRequired = true;
4584		-
4585		- }
4586		-
4587		- else if (setting.ethnicity != null && setting.ethnicity != $rootScope.globalSetting.ethnicity) {
4588		-
4589		- $rootScope.globalSetting.ethnicity = setting.ethnicity;
4590		- localStorage.setItem("globalEthnicity", $rootScope.globalSetting.ethnicity);
4591		-
4592		- $rootScope.globalSetting.modesty = $rootScope.getLocalStorageValue("globalModesty");
4593		-
4594		- isReloadingViewRequired = true;
4595		- }
4596		- else if (setting.modesty != null && setting.modesty != $rootScope.globalSetting.modesty) {
4597		- $rootScope.globalSetting.modesty = setting.modesty;
4598		- localStorage.setItem("globalModesty", $rootScope.globalSetting.modesty);
4599		-
4600		- $rootScope.globalSetting.ethnicity = $rootScope.getLocalStorageValue("globalEthnicity");
4601		-
4602		- if ($('.modestyImg') != null) {
4603		- if (($rootScope.globalSetting.modesty == 'Y')) {
4604		- $('.modestyImg').css('visibility', 'visible');
4605		- }
4606		-
4607		- else {
4608		- $('.modestyImg').css('visibility', 'hidden');
4609		- }
4610		- }
4611		-
4612		- if ($('.transModestyImg') != null) {
4613		- if (($rootScope.globalSetting.modesty == 'Y')) {
4614		- $('.transModestyImg').css('visibility', 'visible');
4615		- }
4616		-
4617		- else {
4618		- $('.transModestyImg').css('visibility', 'hidden');
4619		- }
4620		- }
4621		- $rootScope.changeNavigatorModesty();
4622		- }
4623		-
4624		- var len = $rootScope.openModules.length;
4625		- if (len > 0) {
4626		- if (isReloadingViewRequired == true) {
4627		- $rootScope.reloadChildController();
4628		- }
4629		- }
4630		- else {
4631		-
4632		- $('#modal-settings').css("display", "none");
4633		- $("#modelsettingsbackground").css("display", "none");
4634		- }
4635		- $rootScope.lexiconRemovedLanguage = [];
4636		- $("#secondLax option").each(function () {
4637		- $rootScope.lexiconRemovedLanguage.push({ "id": $(this).attr("val"), "language": $(this).val() });
4638		- });
4639		- };
4640		-
4641		-
4642		-
4643		-
4644		-
4645		-
4646		-
4647		-
4648		-
4649		-
4650		-
4651		-
4652		- $rootScope.reloadChildController = function () {
4653		-
4654		- var len = $rootScope.openModules.length;
4655		-
4656		- var currentOpenModuleId = $rootScope.openModules[len - 1].ModuleId;
4657		-
4658		- //checking is DA module is opend.
4659		- if (currentOpenModuleId == 1) {
4660		-
4661		- //Check that what current bodyview is open
4662		- if ($rootScope.openViews.length > 0) {
4663		- var openViewLen = $rootScope.openViews.length;
4664		- var currentOpenViewId = $rootScope.getLocalStorageValue("currentBodyViewId");//$rootScope.openViews[openViewLen - 1].BodyViewId;
4665		- $rootScope.isSettingEventAlredayDispachted = true;
4666		- $rootScope.$broadcast('reloadDABodyViewEvent', { reloadDABodyViewId: currentOpenViewId }, true);
4667		- }
4668		- else {
4669		- $rootScope.$broadcast('reloadDAControllerEvent', true);
4670		-
4671		- }
4672		- }
4673		- };
4674		-
4675		-
4676		- $rootScope.changeNavigatorModesty = function () {
4677		- var currentOpenViewId = $rootScope.getLocalStorageValue("currentBodyViewId");//$rootScope.openViews[openViewLen - 1].BodyViewId;
4678		-
4679		- $rootScope.$broadcast('changeNavigatorModestyEvent', { bodyViewId: currentOpenViewId }, true);
4680		-
4681		- };
4682		-
4683		- $rootScope.ShowExportImageWindow = function () {
4684		- $(".export-image").modal("show").draggable({ handle: ".modal-header" });
4685		-
4686		- $(".modal-backdrop").css("opacity", ".5");
4687		- $(".modal-backdrop").css("z-index", "1200001");
4688		- };
4689		-
4690		-
4691		-
4692		- $rootScope.ShowPrintWindow = function () { // Print Active Viewer
4693		- html2canvas($("#canvasDiv"), {
4694		- onrendered: function (canvas) {
4695		- var dataURL = canvas.toDataURL("image/jpeg");
4696		- var imageToPrint = new Image();
4697		- imageToPrint.src = dataURL;
4698		- $('#snipImage').attr('src', dataURL);
4699		-
4700		- $('#spnModule').text($rootScope.currentActiveModuleTitle);
4701		- $('#spnBodyViewTitle').text($rootScope.getLocalStorageValue('currentViewTitle'));
4702		-
4703		- PrintDivContentByID('printBox'); // Open Print Window
4704		- }
4705		- });
4706		- };
4707		-
4708		- $rootScope.ShowPrintPreviewWindow = function (event) { // Print Preview
4709		- if ($location.url() == "/module-item-view") {
4710		- if ($("#hidePinBtn").hasClass("btn-primary")) {
4711		- $rootScope.isHidePinBtnActiveInPrintPreview = true;
4712		- }
4713		- if ($("#selectedPin").hasClass("btn-primary")) {
4714		- $rootScope.isShowSelectedPinActiveInPrintPrevMode = true;
4715		- }
4716		- if ($("#allPinBtn").hasClass("btn-primary")) {
4717		- $rootScope.isShowAllPinBtnActiveInPrintPreviewMode = true;
4718		- }
4719		- }
4720		- $(".tools").css("z-index", "1029");
4721		- $rootScope.CloseListManager();
4722		- $rootScope.CloseAnnotationTool();
4723		- $("#annotationButton").parent().addClass("disableMenuannotation");
4724		- $("#annotationToolBarOptions").addClass("disableMenuoption");
4725		- $("#optionsListManagerTab").addClass("disableMenuoption");
4726		- $('#dvPrintPreview').css('display', 'block');
4727		- html2canvas($("#canvasDiv"), {
4728		- onrendered: function (canvas) {
4729		- var dataURL = canvas.toDataURL("image/jpeg");
4730		- var imageToPrint = new Image();
4731		- imageToPrint.src = dataURL;
4732		-
4733		- OpenJSPanel(); // open jsPanel here
4734		- if ($('#jsPanel-1').length > 0) {
4735		- $('.jsPanel-btn-norm').attr('style', 'display: none');
4736		- }
4737		-
4738		- console.log('jsPanel loaded exist= ' + document.getElementById('jsPanel-1')); // document.getElementsByClassName('ppImagePanel'));
4739		-
4740		- var curModule = $rootScope.currentActiveModuleTitle;
4741		- var curPosture = $rootScope.getLocalStorageValue('currentViewTitle');
4742		-
4743		- if (document.getElementById('jsPanel-1')) { //document.getElementsByClassName('ppImagePanel')) {
4744		- if (dataURL == "" \|\| dataURL == undefined) {
4745		-
4746		- setTimeout(function () {
4747		- document.getElementById('imgPortrait').setAttribute('src', dataURL);
4748		- document.getElementById('imgLandscape').setAttribute('src', dataURL);
4749		- document.getElementById('spnModulePor').innerHTML = curModule;
4750		- document.getElementById('spnBodyViewTitlePor').innerHTML = curPosture;
4751		- document.getElementById('spnModuleLan').innerHTML = curModule;
4752		- document.getElementById('spnBodyViewTitleLan').innerHTML = curPosture;
4753		- if ($('#printcontainer').length > 0) {
4754		- $("#printcontainer").css('width', $(window).outerWidth());
4755		- $("#printcontainer").css('height', $(window).outerHeight());
4756		- }
4757		- if ($location.url() == "/module-item-view") {
4758		- $("#aaDetailViewCanvas").css("display", "none");
4759		- $("#canvasPaint").css("display", "none");
4760		- $("#canvas").css("display", "none");
4761		-
4762		- }
4763		- }, 520);
4764		- }
4765		- else {
4766		- setTimeout(function () {
4767		- document.getElementById('imgPortrait').setAttribute('src', dataURL);
4768		- document.getElementById('imgLandscape').setAttribute('src', dataURL);
4769		- document.getElementById('spnModulePor').innerHTML = curModule;
4770		- document.getElementById('spnBodyViewTitlePor').innerHTML = curPosture;
4771		- document.getElementById('spnModuleLan').innerHTML = curModule;
4772		- document.getElementById('spnBodyViewTitleLan').innerHTML = curPosture;
4773		- if ($('#printcontainer').length > 0) {
4774		- $("#printcontainer").css('width', $(window).outerWidth());
4775		- $("#printcontainer").css('height', $(window).outerHeight());
4776		- }
4777		- if ($location.url() == "/module-item-view") {
4778		- $("#aaDetailViewCanvas").css("display", "none");
4779		- $("#canvasPaint").css("display", "none");
4780		- $("#canvas").css("display", "none");
4781		- }
4782		- }, 320);
4783		- }
4784		-
4785		- }
4786		-
4787		- $('#fileMenuAnchor').parent().addClass('disableFileMenu');
4788		- if ($('#daImagePanel').length > 0) {
4789		- console.log('close')
4790		- //$('#daImagePanel').css('display', 'none');
4791		- // $('#daImagePanel').remove();
4792		- }
4793		- }
4794		- });
4795		-
4796		- if ($location.url() == "/module-item-view") {
4797		- $timeout(function () {
4798		- $rootScope.hidePins();
4799		- }, 100);
4800		- }
4801		- $timeout(function () {
4802		- var $ua = navigator.userAgent;
4803		- if (($ua.match(/(iPod\|iPhone\|iPad\|android)/i))) {
4804		- var printContainerWidth = $("#printcontainer").css("width");
4805		- $("#printcontainer").css({ "width": "100%", "min-width": printContainerWidth });
4806		- var jspanelContainerWidth = $("#jsPanel-1 .jsPanel-content").css("width");
4807		- $("#jsPanel-1 .jsPanel-content").css({ "width": "100%", "min-width": jspanelContainerWidth });
4808		- $("#jsPanel-1").css("width", "100%");
4809		-
4810		- }
4811		- }, 500)
4812		- };
4813		-
4814		- function OpenJSPanel() {
4815		- $("#daImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
4816		- $("#ciImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
4817		- $("#ImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
4818		- $.jsPanel({
4819		- id: 'jsPanel-1',
4820		- selector: '#dvPrintPreview',
4821		- theme: 'success',
4822		- currentController: 'HomeController',
4823		- //parentSlug: 'da-view-list', //After closing panel, control moves to here
4824		- ajax: {
4825		- url: 'app/views/home/printPreview.html'
4826		- },
4827		- title: $rootScope.getLocalStorageValue("currentViewTitle"),
4828		- position: {
4829		- top: 70,
4830		- left: 1,
4831		- },
4832		- controls: { buttons: 'closeonly' },
4833		- size: { width: $(window).outerWidth(), height: $(window).outerHeight() + 60 },
4834		- //size: { width: $(window).outerWidth() - 10, height: $(window).outerHeight() - 110 },
4835		- });
4836		- }
4837		- $rootScope.getLocalStorageValue = function (localStorageParam) {
4838		-
4839		-
4840		-
4841		- if ((localStorage.getItem('loggedInUserDetails') == null) && ($rootScope.isVisibleLogin == false)) {
4842		- if ($location.url().indexOf('?em') == -1 && $location.url().indexOf('?unb') == -1)
4843		- $rootScope.LogoutUser();
4844		-
4845		-
4846		- }
4847		- else {
4848		- return localStorage.getItem(localStorageParam);
4849		- }
4850		-
4851		-
4852		- }
4853		- // $(<parent>).on('<event>', '<child>', callback);
4854		- $(document).on('change', 'input[name=inlineRadioOptions]', function () {
4855		- if ($(this).attr("value") == "Portrait") {
4856		- $(".print-box").not(".portrait-box").hide();
4857		- $(".portrait-box").show();
4858		- }
4859		- if ($(this).attr("value") == "Landscape") {
4860		- $(".print-box").not(".landscape-box").hide();
4861		- $(".landscape-box").show();
4862		- }
4863		- });
4864		-
4865		- $(document).on('change', '#printPSOptions', function () {
4866		- var option = $('#printPSOptions').find(":selected").text();
4867		- switch (option) {
4868		- case ("10%"):
4869		- ResizeImage(0.1);
4870		- break;
4871		- case ("25%"):
4872		- ResizeImage(0.25);
4873		- break;
4874		- case ("50%"):
4875		- ResizeImage(0.5);
4876		- break;
4877		- case ("75%"):
4878		- ResizeImage(.75);
4879		- break;
4880		- case ("65%"):
4881		- ResizeImage(0.65);
4882		- break;
4883		- case ("100%"):
4884		- ResizeImage(1);
4885		- break;
4886		- case ("150%"):
4887		- ResizeImage(1.5);
4888		- break;
4889		- case ("200%"):
4890		- ResizeImage(2);
4891		- break;
4892		- case ("500%"):
4893		- ResizeImage(5);
4894		- break;
4895		- case ("Auto"):
4896		- ResizeImage(0);
4897		- break;
4898		- default:
4899		- ResizeImage(0);
4900		- }
4901		- });
4902		-
4903		- $(document).on('click', '#btnPrint', function () {
4904		- PrintDivContentByID('printBoxPor');
4905		- });
4906		-
4907		- function PrintDivContentByID(id) {
4908		-
4909		- if (id == 'printBoxPor') {
4910		- $("#printPSOptions").val("100%");
4911		- ResizeImage(1);
4912		- }
4913		- var contents = document.getElementById(id).innerHTML;
4914		- // code for printng in ipads
4915		- var $ua = navigator.userAgent;
4916		- if (($ua.match(/(iPod\|iPhone\|iPad\|android)/i))) {
4917		- $("#canvasDiv").append("<img id='exportlogo' class='img-responsive' src='content/images/adam-logo-small.png'/>");
4918		- html2canvas($("#canvasDiv"), {
4919		- onrendered: function (canvas) {
4920		- var imgsrc = canvas.toDataURL("image/png");
4921		- var printContent = '<div id="img1"><img src="' + imgsrc + '" id="newimg1" style="margin:auto;top:0px;left:0px;right:0px;position:absolute;border:1px solid #ccc;" /></div>';
4922		- var newPrintWindow = window.open();
4923		- $(newPrintWindow.document.body).html(printContent);
4924		- newPrintWindow.print();
4925		- }
4926		- });
4927		- }
4928		- else {
4929		- var frame1 = $('<iframe />');
4930		- frame1[0].name = "frame1";
4931		- frame1.css({ "position": "absolute", "top": "-1000000px" });
4932		- $("body").append(frame1);
4933		- var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;
4934		- frameDoc.document.open();
4935		- //Create a new HTML document.
4936		- frameDoc.document.write('<html><head><title></title>');//Print Preview
4937		- frameDoc.document.write('</head><body>');
4938		- //Append the external CSS file.
4939		- frameDoc.document.write('<link href="content/css/print-Portrait.css" rel="stylesheet" type="text/css" />');
4940		- frameDoc.document.write('<link href="content/css/print-main.css" rel="stylesheet" type="text/css" />');
4941		- //Append the DIV contents.
4942		- frameDoc.document.write(contents);
4943		- frameDoc.document.write('</body></html>');
4944		- frameDoc.document.close();
4945		- setTimeout(function () {
4946		- window.frames["frame1"].focus();
4947		- window.frames["frame1"].print();
4948		- frame1.remove();
4949		- }, 320);
4950		- }
4951		- console.log('close');
4952		- }
4953		-
4954		- $(document).on('click', '#jsPanel-1 .jsglyph-remove', function () {
4955		- $("#daImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
4956		- $("#ciImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
4957		- $("#ImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
4958		- $("#annotationButton").parent().removeClass("disableMenuannotation");
4959		- $("#annotationToolBarOptions").removeClass("disableMenuoption");
4960		- $("#optionsListManagerTab").removeClass("disableMenuoption");
4961		- $('#fileMenuAnchor').parent().removeClass('disableFileMenu');
4962		- if ($location.url() == "/module-item-view") {
4963		- $("#aaDetailViewCanvas").css("display", "block");
4964		- $("#canvasPaint").css("display", "block");
4965		- $("#canvas").css("display", "block");
4966		- }
4967		- if ($('#jsPanel-1').length > 0)
4968		- $('#jsPanel-1').remove();
4969		- console.log('close');
4970		-
4971		- });
4972		-
4973		- $rootScope.restrictBodySystemList = function () {
4974		- var RestrictListDiv = document.getElementById("restrictListDiv");
4975		- if (RestrictListDiv.style.display == 'block') {
4976		- RestrictListDiv.style.display = 'none';
4977		- $(".restrict-carret-icon").css({ "transform": "rotate(0deg)", "-moz-transform": "rotate(0deg)", "-webkit-transform": "rotate(0deg)", "-ms-transform": "rotate(0deg)" });
4978		- return;
4979		- }
4980		- RestrictListDiv.style.display = 'block';
4981		- $(".restrict-carret-icon").css({ "transform": "rotate(90deg)", "-moz-transform": "rotate(90deg)", "-webkit-transform": "rotate(90deg)", "-ms-transform": "rotate(90deg)" });
4982		-
4983		- }
4984		-
4985		- $rootScope.OpenAdminForm = function (userInfo) {
4986		- $('#adminModal').css({ top: '50px' });
4987		- if ($rootScope.userData) {
4988		- $('#adminfName').val($rootScope.userData.FirstName);
4989		- $('#adminlName').val($rootScope.userData.LastName);
4990		- $('#adminEmailId').val($rootScope.userData.EmailId);
4991		- }
4992		- };
4993		-
4994		- $rootScope.SendAdminAccessRequestMail = function (userInfo) {
4995		-
4996		- if ($rootScope.userData) {
4997		- userInfo.firstName = $rootScope.userData.FirstName;
4998		- userInfo.lastName = $rootScope.userData.LastName;
4999		- userInfo.emailId = $rootScope.userData.EmailId;
5000		- }
5001		-
5002		- AdminService.SendAdminAccessRequestMail(userInfo)
5003		- .then(function (result) {
5004		- if (result == AdminConstants.MAIL_SENT) {
5005		- $rootScope.errorMessage = AdminConstants.MAIL_SENT_SUCCESS_MESSAGE;
5006		- $("#messageModal").modal('show');
5007		- }
5008		- $("#adminModal").fadeOut();
5009		- $("#adminModal").modal('hide');
5010		- $('[name="adminAccessTextArea"]').val('');
5011		- },
5012		- function (error) {
5013		- console.log(' Error in sending mail to admin support = ' + error.statusText);
5014		- $rootScope.errorMessage = AdminConstants.ERROR_IN_SENDING_MAIL;
5015		- $("#messageModal").modal('show');
5016		- });
5017		- };
5018		-
5019		- $rootScope.CloseAAModal = function () {
5020		- $("#adminModal").fadeOut();
5021		- $("#adminModal").modal('hide');
5022		- $("adminAccessTextArea").text('');
5023		- }
5024		-
5025		-
5026		- $rootScope.addToolTip = function (toolTipTopPosition, toolTipLeftPosition, toolTipWidth, toolTipText) {
5027		-
5028		- $("#cursor-block").addClass("custom-tooltip-annotation-toolbar");
5029		- $(".custom-tooltip-annotation-toolbar").css({ "display": "block", "top": toolTipTopPosition + "px", "width": toolTipWidth + "px", "left": toolTipLeftPosition + "px" });
5030		- $("#cursor-block").html(toolTipText);
5031		- }
5032		-
5033		- $rootScope.removeToolTipOnMouseOut = function () {
5034		-
5035		- $(".custom-tooltip-annotation-toolbar").css('display', 'none');
5036		- $("#cursor-block").removeClass("custom-tooltip-annotation-toolbar");
5037		- $("#cursor-block").html();
5038		-
5039		- }
5040		- var $ue = navigator.userAgent;
5041		- if (($ue.match(/(iPod\|iPhone\|iPad\|android)/i))) {
5042		-
5043		- $("#text_area").click(function () {
5044		- $("#annotationTextModal").draggable('disable');
5045		- }).blur(function () {
5046		- $("#annotationTextModal").draggable('enable');
5047		- });
5048		- }
5049		- $rootScope.CheckRefresh = function (e) {
5050		- //Checking if 'REFRESHED' or 'RELOADED'
5051		- if ((e.keyCode === 116) \|\| (e.keyCode == 82 && e.ctrlKey))
5052		- $location.path('/'); //Redirecting to landing page
5053		- };
5054		-
5055		- $rootScope.resetDrawing = function (e) {
5056		-
5057		- $('#canvas').removeLayers();
5058		-
5059		- };
5060		-
5061		-}]
5062		-);
5063		-
5064		-
	1	+'use strict';
	2	+
	3	+AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location", "$timeout", "DataService", "AuthenticationService", "LoginConstants", "UserModules", "LoginMessageConstants", "AdminService", "$http", "AdminConstants", "UserTypeConstants", "AIAConstants",
	4	+function ($rootScope, Modules, $log, $location, $timeout, DataService, AuthenticationService, LoginConstants, UserModules, LoginMessageConstants, AdminService, $http, AdminConstants, UserTypeConstants,AIAConstants) {
	5	+
	6	+ //$scope.pageToOpen = {
	7	+ // name: 'MainMenu'
	8	+ //};
	9	+ $rootScope.pageToOpen = 'app/widget/MainMenu.html';
	10	+ $rootScope.currentBodyViewId;
	11	+ $rootScope.currentActiveModuleTitle = 'Welcome to A.D.A.M. Interactive Anatomy';//Modules[0].Name;
	12	+ $rootScope.currentActiveViewTitle;
	13	+ $rootScope.cuurentActiveModuleId;
	14	+ $rootScope.openModules = [];
	15	+ $rootScope.openViews = [];
	16	+ $rootScope.currentSlug;
	17	+ $rootScope.jsPanelTitle;
	18	+ $rootScope.ViewTitle;
	19	+ $rootScope.isLoading = false;
	20	+ $rootScope.isAnnotationWindowOpen = false;
	21	+ $rootScope.isDrawingToolSelected = false;
	22	+ $rootScope.isIdetifyClicked = true;
	23	+ $rootScope.paint = false;
	24	+ $rootScope.clickX = new Array();
	25	+ $rootScope.clickY = new Array();
	26	+ $rootScope.clickDrag = new Array();
	27	+ $rootScope.isLineDrawSelecyed = false;
	28	+ $rootScope.isAnnotationWindowClose = false;
	29	+ $rootScope.setListManagerZindex = false;
	30	+ $rootScope.lastX;
	31	+ $rootScope.lastY;
	32	+ $rootScope.CommonData;
	33	+ $rootScope.shapeType;
	34	+ $rootScope.globalSetting = {
	35	+ ethnicity: 'W',
	36	+ modesty: 'Y',
	37	+ };
	38	+ $rootScope.formsetting = {
	39	+ ethnicity: null,
	40	+ modesty: null
	41	+ };
	42	+
	43	+ // on refersh this variable will also get null that is why we are only checking this variable on initialize that if it is null that means page gets refershed.
	44	+ $rootScope.refreshcheck = null;
	45	+ $rootScope.isCloseSettingClicked = false;
	46	+
	47	+
	48	+ $rootScope.isModestyOn;
	49	+ $rootScope.isModestyOff;
	50	+ $rootScope.SetSettingActiveTab;
	51	+ $rootScope.disableMenuannotation = "disableMenuannotation";
	52	+ $rootScope.disableMenuoption = "disableMenuoption";
	53	+ $rootScope.menuLabExer;
	54	+ $rootScope.menuLabExer = 0;
	55	+
	56	+
	57	+ $rootScope.fontSizes;
	58	+ $rootScope.fontWeight;
	59	+ $rootScope.fontStyle;
	60	+ $rootScope.textAlignmt;
	61	+ $rootScope.fontColor;
	62	+ $rootScope.underlineText;
	63	+ $rootScope.textArea;
	64	+ $rootScope.fontFamily;
	65	+ $rootScope.TextPropertyArray = [];
	66	+ $rootScope.modifySavedText = [];
	67	+ $rootScope.TextRectangleArr = [];
	68	+ $rootScope.rectDimension = [];
	69	+ $rootScope.isMousedownOnPaintCanvas = false;
	70	+ //opacity code
	71	+ $rootScope.shapestyleOpacity = 1;
	72	+ $rootScope.shapestyleFillColor = "#fff";
	73	+ $rootScope.shapestyleFillBorderColor = "black";
	74	+ $rootScope.shapestyleborderWidth = 2;
	75	+ $rootScope.shapestyleborderStyles = "solid";
	76	+ //$rootScope.errorMessage = ''; // Commented initialization to retain message when coming to login after password reset success screen
	77	+ $rootScope.disableFileMenu = "disableFileMenu";
	78	+
	79	+ $rootScope.userInfo = {
	80	+ username: null,
	81	+ password: null,
	82	+ emailId: null,
	83	+ newPassword: null,
	84	+ confirmPassword: null,
	85	+ userMessage: null,
	86	+ unblockUser: false,
	87	+ isMailForForgotPassword:false
	88	+ };
	89	+ $rootScope.userLicenseInfo = {
	90	+ userLicenseId: 0,
	91	+ licenseeAccountNumber: null
	92	+ };
	93	+ $rootScope.userData;
	94	+ $rootScope.userModules;
	95	+ $rootScope.passwordMismatchMessage;
	96	+ $rootScope.isVisibleLogin;
	97	+ $rootScope.haveRoleAdmin;
	98	+ $rootScope.checked = false;
	99	+ var isfilloptionChecked = "";
	100	+ var isOutlineOptionChecked = "";
	101	+ $rootScope.forgotPwdModalShow = function () {
	102	+ document.getElementById("forgetPwdForm").reset()
	103	+ $("#forgotPwdModal").modal("show");
	104	+ $(".modal-backdrop").css("opacity", ".5");
	105	+ $("body.modal-open").css("padding-right", "0px");
	106	+ }
	107	+ $rootScope.forgotUserModalShow = function () {
	108	+ document.getElementById("forgetUSerIdForm").reset();
	109	+ $("#forgotUserModal").modal("show");
	110	+ $(".modal-backdrop").css("opacity", ".5");
	111	+ $("body.modal-open").css("padding-right", "0px");
	112	+
	113	+ }
	114	+
	115	+ $rootScope.promptUserForCookies= function()
	116	+ {
	117	+ $rootScope.errorMessage = AIAConstants.COOKIES_MESSAGE;
	118	+ $("#messageModal").modal('show');
	119	+
	120	+ }
	121	+
	122	+
	123	+ $rootScope.initializeAIA = function () {
	124	+
	125	+ if (navigator.cookieEnabled) {
	126	+
	127	+ $rootScope.isLoading = false;
	128	+
	129	+ var url = $location.url();
	130	+
	131	+ //unblock user
	132	+ if (url.indexOf('?unb:') != -1) {
	133	+
	134	+ $rootScope.isVisibleLogin = true;
	135	+ $rootScope.UnblockUser();
	136	+ }
	137	+ else if (url.indexOf('?em:') != -1) {
	138	+
	139	+ $rootScope.isVisibleLogin = false;
	140	+ $rootScope.isVisibleResetPass = true;
	141	+ }
	142	+ else {
	143	+ $rootScope.isVisibleLogin = true;
	144	+ $rootScope.isVisibleResetPass = false;
	145	+ getUserDetails();
	146	+ }
	147	+ }
	148	+
	149	+ else {
	150	+
	151	+ $rootScope.isVisibleLogin = true;
	152	+
	153	+ $rootScope.promptUserForCookies();
	154	+ }
	155	+
	156	+
	157	+ }
	158	+
	159	+ $rootScope.AuthenticateUser = function (userInfo)
	160	+ {
	161	+ if (navigator.cookieEnabled) {
	162	+
	163	+ $rootScope.errorMessage = "";
	164	+ if (userInfo.username == "" \|\| userInfo.username == null \|\| userInfo.password == "" \|\| userInfo.password == null) {
	165	+
	166	+ // alert(LoginMessageConstants.USER_CREDENTIALS_MISSING);
	167	+ $rootScope.errorMessage = LoginMessageConstants.USER_CREDENTIALS_MISSING;
	168	+ $("#messageModal").modal('show');
	169	+ }
	170	+ else {
	171	+
	172	+ AuthenticationService.authenticateUser(userInfo)
	173	+ .then(
	174	+
	175	+ function (result) {
	176	+ if (result == LoginConstants.USER_NOT_FOUND) {
	177	+ $rootScope.isVisibleLogin = true;
	178	+ // alert(LoginMessageConstants.USER_OR_PASSWORD_INCORRECT);
	179	+ $rootScope.errorMessage = LoginMessageConstants.INVALID_USER;
	180	+ $("#messageModal").modal('show');
	181	+ }
	182	+ else {
	183	+ if (typeof result.LoginId != undefined \|\| result.LoginId != "" \|\| result.LoginId != null) {
	184	+
	185	+ if ($("#messageModal").length > 0) {
	186	+ $("#messageModal").modal('hide');
	187	+ }
	188	+ if (result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_PASSWORD_NOT_MATCH) {
	189	+ $rootScope.isVisibleLogin = true;
	190	+ $rootScope.errorMessage = LoginMessageConstants.INVALID_PASSWORD;
	191	+ $("#messageModal").modal('show');
	192	+ }
	193	+ else if (result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_ID_BLOCKED_24_HRS) {
	194	+ $rootScope.isVisibleLogin = true;
	195	+ $rootScope.errorMessage = LoginMessageConstants.USER_BLOCKED;
	196	+ $("#messageModal").modal('show');
	197	+ }
	198	+ else if ((result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) && (result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (result.LicenseInfo.IsActive) && result.IsSubscriptionExpired) {
	199	+ $rootScope.isVisibleLogin = true;
	200	+ $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
	201	+ $rootScope.errorMessage = $rootScope.errorMessage + ' ' + LoginMessageConstants.USER_INACTIVE_MESSAGE;
	202	+ $("#messageModal").modal('show');
	203	+ }
	204	+ else if ((result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) && (result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && result.IsSubscriptionExpired) {
	205	+ $rootScope.isVisibleLogin = true;
	206	+ $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
	207	+ $rootScope.errorMessage = $rootScope.errorMessage + ' ' + LoginMessageConstants.LICENSE_INACTIVE_MESSAGE + ' ' + LoginMessageConstants.USER_INACTIVE_MESSAGE;
	208	+ $("#messageModal").modal('show');
	209	+ }
	210	+ else if ((result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) && (result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && result.IsSubscriptionExpired) {
	211	+ $rootScope.isVisibleLogin = true;
	212	+ $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
	213	+ $rootScope.errorMessage = $rootScope.errorMessage + ' ' + LoginMessageConstants.LICENSE_INACTIVE_MESSAGE + ' ' + LoginMessageConstants.USER_INACTIVE_MESSAGE;
	214	+ $("#messageModal").modal('show');
	215	+ }
	216	+ else if ((result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) && (result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && (!result.IsSubscriptionExpired)) {
	217	+ $rootScope.isVisibleLogin = true;
	218	+ $rootScope.errorMessage = LoginMessageConstants.LICENSE_INACTIVE_MESSAGE + ' ' + LoginMessageConstants.USER_INACTIVE_MESSAGE;
	219	+ $("#messageModal").modal('show');
	220	+ }
	221	+ else if (result.LoginFailureCauseId != undefined && result.LoginFailureCauseId.toString() == LoginConstants.E_USER_NOT_ACTIVE) {
	222	+ $rootScope.isVisibleLogin = true;
	223	+ $rootScope.errorMessage = LoginMessageConstants.USER_INACTIVE_MESSAGE;
	224	+ $("#messageModal").modal('show');
	225	+ }
	226	+ else if ((result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && (result.IsSubscriptionExpired)) {
	227	+ $rootScope.isVisibleLogin = true;
	228	+ $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
	229	+ $rootScope.errorMessage = $rootScope.errorMessage + ' ' + LoginMessageConstants.LICENSE_INACTIVE_MESSAGE;
	230	+ $("#messageModal").modal('show');
	231	+ }
	232	+ else if ((result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (result.LicenseInfo.IsActive) && (result.IsSubscriptionExpired)) {
	233	+ $rootScope.isVisibleLogin = true;
	234	+ $rootScope.errorMessage = LoginMessageConstants.SUBSCRIPTION_EXPIRATION_MESSAGE + result.SubscriptionExpirationDate + '.';
	235	+ $("#messageModal").modal('show');
	236	+ }
	237	+ else if ((result.LicenseInfo != null) && (result.LicenseInfo != undefined) && (!result.LicenseInfo.IsActive) && (!result.IsSubscriptionExpired)) {
	238	+ $rootScope.isVisibleLogin = true;
	239	+ $rootScope.errorMessage = LoginMessageConstants.LICENSE_INACTIVE_MESSAGE;
	240	+ $("#messageModal").modal('show');
	241	+ }
	242	+ else {
	243	+
	244	+ //if (result.UserType == UserTypeConstants.SUPER_ADMIN && result.IsActive) { //(!result.IsSubscriptionExpired) &&
	245	+ if (result.LicenseId == 0 && result.IsActive) {
	246	+ $rootScope.userData = result;
	247	+ $rootScope.userModules = result.Modules;
	248	+ $rootScope.isVisibleLogin = false;
	249	+ $rootScope.haveRoleAdmin = true;
	250	+ localStorage.setItem('loggedInUserDetails', JSON.stringify(result));
	251	+ ShowAssignedModulesPopup(result.Modules);
	252	+ $location.path('/');
	253	+
	254	+ }
	255	+ else {
	256	+ if (result.LicenseInfo != null && result.LicenseInfo.IsTermAccepted) {
	257	+ $rootScope.userData = result;
	258	+ $rootScope.userModules = result.Modules;
	259	+ $rootScope.isVisibleLogin = false;
	260	+ $rootScope.haveRoleAdmin = false;
	261	+ localStorage.setItem('loggedInUserDetails', JSON.stringify(result));
	262	+ ShowAssignedModulesPopup(result.Modules);
	263	+ $location.path('/');
	264	+
	265	+ }
	266	+ else {
	267	+ if ($('#dvTerms').length > 0) {
	268	+ $('#dvTerms').html(result.TermsAndConditionsText);
	269	+ }
	270	+ $rootScope.isVisibleLogin = true;
	271	+ $('#dvTermCondition').fadeIn();
	272	+ $rootScope.userData = result;
	273	+ $rootScope.haveRoleAdmin = false;
	274	+ localStorage.setItem('loggedInUserDetails', JSON.stringify(result));
	275	+ $location.path('/');
	276	+ }
	277	+ }
	278	+
	279	+ }
	280	+
	281	+ }
	282	+ }
	283	+ }),
	284	+
	285	+ function (error) {
	286	+ console.log(' Error in authentication = ' + error.statusText);
	287	+ // alert(LoginMessageConstants.ERROR_IN_FECTHING_DETAILS);
	288	+ $rootScope.isVisibleLogin = true;
	289	+ $rootScope.errorMessage = error;
	290	+ $("#messageModal").modal('show');
	291	+ }
	292	+ }
	293	+ }
	294	+
	295	+ else
	296	+ {
	297	+ $rootScope.promptUserForCookies();
	298	+ }
	299	+
	300	+ }
	301	+
	302	+ function ShowAssignedModulesPopup(userModules) {
	303	+ var allModules = Modules;
	304	+ var arrPendingModules = [];
	305	+ if ($('#dvPendingModules').length > 0) {
	306	+ $('#dvPending').hide();
	307	+ }
	308	+ for (var module = 1; module <= allModules.length; module++) {
	309	+ $('#moduleDiv' + module).hide();
	310	+ }
	311	+ if (('#moduleDiv1017').length > 0) {
	312	+ $('#moduleDiv1017').hide();
	313	+ }
	314	+
	315	+ for (var count = 0; count < userModules.length; count++) {
	316	+ for (var module = 0; module < allModules.length; module++) {
	317	+ if (userModules[count].id == allModules[module].Id) {
	318	+ $('#moduleDiv' + userModules[count].id).show();
	319	+ break;
	320	+ }
	321	+
	322	+ if (userModules[count].id == 7)
	323	+ arrPendingModules.push(userModules[count].id);
	324	+ if (userModules[count].id == 8)
	325	+ arrPendingModules.push(userModules[count].id);
	326	+ if (userModules[count].id == 10)
	327	+ arrPendingModules.push(userModules[count].id);
	328	+ }
	329	+ }
	330	+ if (userModules.length > 0) {
	331	+ $('#dvUserModulesInfo').modal('show');
	332	+ }
	333	+
	334	+ if (arrPendingModules.length > 0) {
	335	+ $('#dvPendingModules').show();
	336	+ }
	337	+ }
	338	+ $rootScope.UpdateLicenseTermStatus = function () {
	339	+ $('#dvTermCondition').fadeOut();
	340	+ var currentUserDetails = $rootScope.getLocalStorageValue('loggedInUserDetails');
	341	+ if (currentUserDetails) {
	342	+ var userInfo = JSON.parse(currentUserDetails);
	343	+ }
	344	+ if (userInfo.LicenseInfo.AccountNumber != null && userInfo.LicenseInfo.Id != 0) {
	345	+ $rootScope.userLicenseInfo.userLicenseId = userInfo.LicenseInfo.Id;
	346	+ $rootScope.userLicenseInfo.licenseeAccountNumber = userInfo.LicenseInfo.AccountNumber;
	347	+
	348	+ AuthenticationService.UpdateLicenseTerm($rootScope.userLicenseInfo)
	349	+ .then(function (result) {
	350	+ if (result.Modules !=="" && result.Modules !== null) { // LoginMessageConstants.LICENSE_TERM_CONDITION_UPDATE_SUCCESS) {
	351	+ console.log(' Term and Condition acceptance status updated successfully.');
	352	+ if (currentUserDetails) {
	353	+ var userInfo = JSON.parse(currentUserDetails);
	354	+ userInfo.Modules = result.Modules;
	355	+
	356	+ if (userInfo.LoginId != undefined \|\| userInfo.LoginId != "" \|\| userInfo.LoginId != null) {
	357	+ $rootScope.isVisibleLogin = false;
	358	+ $rootScope.userData = userInfo;
	359	+ $rootScope.userModules = userInfo.Modules;
	360	+ ShowAssignedModulesPopup(userInfo.Modules);;
	361	+ }
	362	+ }
	363	+ }
	364	+ else if (result = LoginConstants.LICENSE_TERM_CONDITION_UPDATE_FAILED) {
	365	+ console.log(result);
	366	+ $rootScope.isVisibleLogin = true;
	367	+ $('#dvTermCondition').fadeIn();
	368	+ $rootScope.errorMessage = LoginConstants.LICENSE_TERM_CONDITION_UPDATE_FAILED;
	369	+ $("#messageModal").modal('show');
	370	+ $("#messageModal").css("z-index", 111112);
	371	+ localStorage.removeItem("loggedInUserDetails");
	372	+ }
	373	+
	374	+ },
	375	+ function (error) {
	376	+ console.log(' Error in Term and Condition acceptance status update = ' + error);//.statusText
	377	+ $rootScope.isVisibleLogin = true;
	378	+ $rootScope.isVisibleLogin = true;
	379	+ $rootScope.errorMessage = error;
	380	+ $("#messageModal").modal('show');
	381	+ $('#dvTermCondition').fadeIn();
	382	+ });
	383	+ }
	384	+ };
	385	+
	386	+
	387	+ $rootScope.LogoutUser = function () {
	388	+ localStorage.removeItem('loggedInUserDetails');
	389	+ localStorage.clear();
	390	+ document.location = '/';
	391	+ $rootScope.isVisibleLogin = true;
	392	+ }
	393	+
	394	+ function getUserDetails() { //Retain logged in user details
	395	+ var currentUserDetails = $rootScope.getLocalStorageValue('loggedInUserDetails');
	396	+ if (currentUserDetails) {
	397	+ try {
	398	+ var userInfo = JSON.parse(currentUserDetails);
	399	+
	400	+ if (userInfo.LoginId != undefined \|\| userInfo.LoginId != "" \|\| userInfo.LoginId != null) {
	401	+
	402	+ if (userInfo.UserType == UserTypeConstants.SUPER_ADMIN && userInfo.IsActive) { //(!result.IsSubscriptionExpired) &&
	403	+
	404	+ $rootScope.userData = userInfo;
	405	+
	406	+ $rootScope.userModules = userInfo.Modules;
	407	+
	408	+ $rootScope.isVisibleLogin = false;
	409	+ $rootScope.haveRoleAdmin = true;
	410	+
	411	+ if ($rootScope.refreshcheck == null) {
	412	+
	413	+ $location.path('/');
	414	+
	415	+ }
	416	+ }
	417	+
	418	+ else
	419	+ {
	420	+ $rootScope.haveRoleAdmin = false;
	421	+
	422	+ if (userInfo.LicenseInfo.IsTermAccepted) {
	423	+ $rootScope.userData = userInfo;
	424	+ $rootScope.userModules = userInfo.Modules;
	425	+ $rootScope.isVisibleLogin = false;
	426	+ //$rootScope.haveRoleAdmin = true;
	427	+
	428	+ if ($rootScope.refreshcheck == null) {
	429	+ $location.path('/');
	430	+ }
	431	+
	432	+ }
	433	+ else {
	434	+ if ($('#dvTerms').length > 0) {
	435	+ $('#dvTerms').html(userInfo.TermsAndConditionsText);
	436	+ }
	437	+ $rootScope.isVisibleLogin = true;
	438	+ $('#dvTermCondition').fadeIn();
	439	+ $rootScope.userData = userInfo;
	440	+ $rootScope.userModules = userInfo.Modules;
	441	+ //$rootScope.haveRoleAdmin = true;
	442	+ $location.path('/');
	443	+ }
	444	+ }
	445	+ }
	446	+ }
	447	+ catch (e) {
	448	+ localStorage.removeItem('loggedInUserDetails');
	449	+ }
	450	+ }
	451	+ }
	452	+
	453	+ $rootScope.SendMailToUser = function (userInfo, isMailForForgotPassword) {
	454	+ //
	455	+
	456	+ if ((userInfo.emailId != null) && (userInfo.emailId != '')) {
	457	+ if (validateEmail(userInfo.emailId)) {
	458	+ if (isMailForForgotPassword) {
	459	+
	460	+ var selectedOption = $("input[name='inlineRadioOptions']:checked").val();
	461	+
	462	+ if (selectedOption == LoginMessageConstants.UNBLOCK_SELECTED) {
	463	+ userInfo.unblockUser = true;
	464	+ userInfo.isMailForForgotPassword = true;
	465	+ }
	466	+ else if (selectedOption == LoginMessageConstants.FORGOT_PASSWORD_SELECTED) {
	467	+ userInfo.unblockUser = false;
	468	+ userInfo.isMailForForgotPassword = true;
	469	+ }
	470	+ }
	471	+ else
	472	+ userInfo.isMailForForgotPassword = false;
	473	+
	474	+ AuthenticationService.SendMailToUser(userInfo)
	475	+ .then(function (result) {
	476	+ if (result == LoginConstants.USER_NOT_FOUND) {
	477	+ removeEmailPopUp();
	478	+ // alert(LoginMessageConstants.INCORRECT_EMAIL_ID);
	479	+ $rootScope.errorMessage = LoginMessageConstants.INCORRECT_EMAIL_ID;
	480	+ $("#messageModal").modal('show');
	481	+ }
	482	+ else if (result == LoginConstants.MAIL_NOT_SENT) {
	483	+ removeEmailPopUp();
	484	+ // alert(LoginMessageConstants.MAIL_NOT_SENT);
	485	+ $rootScope.errorMessage = LoginMessageConstants.MAIL_NOT_SENT;
	486	+ $("#messageModal").modal('show');
	487	+ }
	488	+ else {
	489	+ if (result == LoginMessageConstants.MAIL_SENT) {
	490	+ var message;
	491	+ removeEmailPopUp();
	492	+
	493	+ if (isMailForForgotPassword) {
	494	+ if (userInfo.unblockUser)
	495	+ message = LoginMessageConstants.USER_UNBLOCK_LINK_IN_EMAIL;
	496	+ else
	497	+ message = LoginMessageConstants.RESET_PASSWORD;
	498	+ }
	499	+ else
	500	+ message = LoginMessageConstants.USERID_SENT_IN_EMAIL
	501	+ //alert(message);
	502	+ $rootScope.errorMessage = message;
	503	+ $("#messageModal").modal('show');
	504	+
	505	+
	506	+ }
	507	+ }
	508	+
	509	+ },
	510	+ function (error) {
	511	+ console.log(' Error in authentication = ' + error.statusText);
	512	+ removeEmailPopUp();
	513	+ // alert(LoginConstants.ERROR_IN_FECTHING_DETAILS);
	514	+ $rootScope.errorMessage = error;
	515	+ $("#messageModal").modal('show');
	516	+ });
	517	+ }
	518	+ else {
	519	+ // alert(LoginMessageConstants.INCORRECT_EMAIL_ID);
	520	+ removeEmailPopUp();
	521	+ $rootScope.errorMessage = LoginMessageConstants.INCORRECT_EMAIL_ID;
	522	+ $("#messageModal").modal('show');
	523	+ }
	524	+ }
	525	+ else {
	526	+ //alert(LoginMessageConstants.BLANK_EMAIL_ID);
	527	+ removeEmailPopUp();
	528	+ $rootScope.errorMessage = LoginMessageConstants.BLANK_EMAIL_ID;
	529	+ $("#messageModal").modal('show');
	530	+
	531	+ }
	532	+ };
	533	+
	534	+ function removeEmailPopUp()
	535	+ {
	536	+ if ($('#forgotUserModal').length > 0) {
	537	+ $('#forgotUserModal').fadeOut();
	538	+ $('#forgotUserModal').modal('hide');
	539	+ }
	540	+ if ($('#forgotPwdModal').length > 0) {
	541	+ $('#forgotPwdModal').fadeOut();
	542	+ $('#forgotPwdModal').modal('hide');
	543	+ }
	544	+ }
	545	+
	546	+
	547	+ function validateEmail(email) {
	548	+ var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)\|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])\|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
	549	+ return re.test(email);
	550	+ }
	551	+
	552	+ $rootScope.ResetUserPassword = function (userInfo) {
	553	+
	554	+ var url = $location.url();
	555	+ if (url.indexOf('?em:') != -1) {
	556	+ var split = url.split('?em:');
	557	+ userInfo.emailId = split[1];
	558	+ }
	559	+
	560	+ if (userInfo.newPassword != null) {
	561	+
	562	+ if (userInfo.newPassword === userInfo.confirmPassword) {
	563	+ $rootScope.passwordMismatchMessage = null;
	564	+
	565	+ AuthenticationService.ResetUserPassword(userInfo)
	566	+ .then(
	567	+ function (result) {
	568	+ if (result == LoginConstants.USER_NOT_FOUND) {
	569	+ // alert(LoginMessageConstants.USER_OR_PASSWORD_INCORRECT);
	570	+ $rootScope.errorMessage = LoginMessageConstants.USER_NOT_FOUND;
	571	+ $("#messageModal").modal('show');
	572	+
	573	+ }
	574	+ else if (result == LoginConstants.EXCEPTION_OCCURED) {
	575	+ // alert(LoginMessageConstants.ERROR_IN_FECTHING_DETAILS);
	576	+ $rootScope.errorMessage = LoginConstants.ERROR_IN_FECTHING_DETAILS;
	577	+ $("#messageModal").modal('show');
	578	+
	579	+ }
	580	+ else if (result == LoginConstants.SQL_CONNECTION_ERROR) {
	581	+ $rootScope.errorMessage = LoginConstants.SQL_CONNECTION_ERROR_MESSAGE;
	582	+ $("#messageModal").modal('show');
	583	+ }
	584	+ else {
	585	+ //if ((result.IsAcknowledged == true) && (result.IsModifiedCountAvailable == true)) {
	586	+ if (result == LoginMessageConstants.PASSWORD_UPDATE_SUCCESS) {
	587	+ // alert(LoginMessageConstants.PASSWORD_RESET_MESSAGE);
	588	+ $rootScope.errorMessage = LoginMessageConstants.PASSWORD_RESET_MESSAGE;
	589	+ $("#messageModal").modal('show');
	590	+ $rootScope.isVisibleLogin = true;
	591	+ $rootScope.isVisibleResetPass = false;
	592	+ $location.url("/");
	593	+ }
	594	+ else {
	595	+ $rootScope.errorMessage = LoginMessageConstants.PASSWORD_RESET_FAILURE;
	596	+ $("#messageModal").modal('show');
	597	+ $rootScope.isVisibleLogin = true;
	598	+ $rootScope.isVisibleResetPass = false;
	599	+ $location.url("/");
	600	+ }
	601	+ }
	602	+ },
	603	+ function (error) {
	604	+ console.log(' Error in authentication = ' + error.statusText);
	605	+ // alert(LoginMessageConstants.ERROR_IN_FECTHING_DETAILS);
	606	+ $rootScope.errorMessage = error;
	607	+ $("#messageModal").modal('show');
	608	+
	609	+ });
	610	+ }
	611	+ else {
	612	+ $rootScope.errorMessage = LoginMessageConstants.NEW_AND_OLD_PASSWORD_DONOT_MATCH;
	613	+ $("#messageModal").modal('show');
	614	+ }
	615	+ }
	616	+ else {
	617	+ $rootScope.errorMessage = LoginMessageConstants.NEW_PASSWORD_FIELD_IS_EMPTY;
	618	+ $("#messageModal").modal('show');
	619	+ }
	620	+
	621	+ }
	622	+
	623	+ $rootScope.UnblockUser = function () {
	624	+
	625	+ var userEmailId = '';
	626	+ var url = $location.url();
	627	+
	628	+ var split = url.split('?unb:');
	629	+ userEmailId = split[1];
	630	+
	631	+
	632	+ AuthenticationService.UnblockUser(userEmailId)
	633	+ .then(
	634	+ function (result) {
	635	+ if (result == LoginMessageConstants.USER_UNBLOCK_SUCCESS) {
	636	+ $rootScope.errorMessage = LoginMessageConstants.USER_UNBLOCK_SUCCESS_MESSAGE;
	637	+ $("#messageModal").modal('show');
	638	+ $rootScope.isVisibleLogin = true;
	639	+ $location.url("/");
	640	+ }
	641	+ else {
	642	+ $rootScope.errorMessage = LoginMessageConstants.UNABLE_TO_UNBLOCK;
	643	+ $("#messageModal").modal('show');
	644	+ $rootScope.isVisibleLogin = true;
	645	+ $location.url("/");
	646	+ }
	647	+ },
	648	+ function (error) {
	649	+ console.log(' Error in UnblockUser = ' + error.statusText);
	650	+ $rootScope.errorMessage = error;
	651	+ $("#messageModal").modal('show');
	652	+ }
	653	+ );
	654	+ }
	655	+
	656	+ $rootScope.lexiconLanguageArray = [];
	657	+ $rootScope.lexiconLanguageArray.push({ id: "1", language: "English" });
	658	+ $(document).ready(function () {
	659	+
	660	+ $rootScope.isLexiconTabClicked = true;
	661	+ $rootScope.lexiconData = function () {
	662	+ if ($rootScope.isLexiconTabClicked == true) {
	663	+ $rootScope.isLexiconTabClicked = false;
	664	+ $.ajax({
	665	+ url: '~/../content/data/json/da/uc_dat_default.json',
	666	+ dataType: "json",
	667	+ success: function (result) {
	668	+ $(result.root.uc.al.lx).each(function (key, value) {
	669	+
	670	+ $('#lexiconLangDropdown').append('<option val="' + this._id + '">' + this._tl + '</option>');
	671	+
	672	+ });
	673	+
	674	+ }
	675	+
	676	+ });
	677	+ }
	678	+ $('#lexiconLangDropdown').change(function () {
	679	+ $rootScope.isLexiconLanguageClicked = true;
	680	+ $('#laxiconLangAdd').removeAttr('disabled');
	681	+ $('#laxicanlanguageChagne').removeAttr('disabled');
	682	+ $rootScope.selectedId = $("#lexiconLangDropdown option:selected").attr('val');
	683	+ $rootScope.selectedText = $("#lexiconLangDropdown option:selected").text();
	684	+ });
	685	+
	686	+ $('#laxiconLangAdd').click(function () {
	687	+ if ($rootScope.isLexiconLanguageClicked == true) {
	688	+ $rootScope.isLexiconLanguageClicked = false;
	689	+ $("#lexiconLangDropdown :selected").remove();
	690	+ $('#secondLax').append('<option val="' + $rootScope.selectedId + '">' + $rootScope.selectedText + '</option>');
	691	+ $rootScope.lexiconLanguageArray.push({ id: $rootScope.selectedId, language: $rootScope.selectedText });
	692	+ }
	693	+ });
	694	+
	695	+ $('#secondLax').change(function () {
	696	+ $rootScope.isActiveLexiconLanguageClicked = true;
	697	+ $rootScope.secondlaxdid = $("#secondLax option:selected").attr('val');
	698	+ $rootScope.secondlaxtext = $("#secondLax option:selected").text();
	699	+
	700	+ });
	701	+
	702	+ $("#laxiconLangRemove").click(function () {
	703	+ if ($rootScope.isActiveLexiconLanguageClicked == true) {
	704	+ $rootScope.isActiveLexiconLanguageClicked = false;
	705	+ $("#secondLax :selected").remove();
	706	+ $('#lexiconLangDropdown').append('<option val="' + $rootScope.secondlaxdid + '">' + $rootScope.secondlaxtext + '</option>');
	707	+ // $rootScope.lexiconLanguageArray.splice($rootScope.secondlaxtext, 1);
	708	+ $rootScope.lexiconLanguageArray = [];
	709	+ $("#secondLax > option").each(function () {
	710	+ $rootScope.lexiconLanguageArray.push({ id: $(this).attr("val"), language: this.value });
	711	+ });
	712	+ $rootScope.lexiconLanguageArray.unshift({ id: $("#primarylaxican").attr("name"), language: $("#primarylaxican").val() });
	713	+ }
	714	+ });
	715	+
	716	+ $("#laxicanlanguageChagne").click(function () {
	717	+ if ($rootScope.isLexiconLanguageClicked == true) {
	718	+ $rootScope.isLexiconLanguageClicked = false;
	719	+ var primarylaxiid = $("#lexiconLangDropdown option:selected").attr('val');
	720	+ var primarylaxicantext = $("#lexiconLangDropdown option:selected").text();
	721	+ $("#lexiconLangDropdown :selected").remove();
	722	+ $('#lexiconLangDropdown').append('<option val="' + $('#primarylaxican').attr("name") + '">' + $('#primarylaxican').val() + '</option>');
	723	+ $('#primarylaxican').val(primarylaxicantext);
	724	+ $('#primarylaxican').attr("name", primarylaxiid);
	725	+ $rootScope.lexiconLanguageArray[0].id = primarylaxiid;
	726	+ $rootScope.lexiconLanguageArray[0].language = primarylaxicantext;
	727	+ }
	728	+ });
	729	+ }
	730	+
	731	+
	732	+ if ($.browser.msie) {
	733	+ $("#resetBtn").css("display", "inline-block");
	734	+ // $rootScope.refreshCanvas();
	735	+
	736	+ }
	737	+ $(function () {
	738	+ var colpick = $('.demo').each(function () {
	739	+
	740	+ $(this).minicolors({
	741	+ control: $(this).attr('data-control') \|\| 'hue',
	742	+ inline: $(this).attr('data-inline') === 'true',
	743	+ letterCase: 'lowercase',
	744	+ opacity: false,
	745	+ change: function (hex, opacity) {
	746	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").removeClass("ActiveDefaultColorAnnotation");
	747	+ if (!hex) return;
	748	+ if (opacity) hex += ', ' + opacity;
	749	+ try {
	750	+ console.log(hex);
	751	+ $("#text_area").css("color", hex);
	752	+ } catch (e) { }
	753	+ $(this).select();
	754	+ },
	755	+ theme: 'bootstrap'
	756	+ });
	757	+ });
	758	+
	759	+ var $inlinehex = $('#inlinecolorhex h3 small');
	760	+ //alert($inlinehex);
	761	+ $('#inlinecolors').minicolors({
	762	+ inline: true,
	763	+ theme: 'bootstrap',
	764	+ change: function (hex) {
	765	+ if (!hex) return;
	766	+
	767	+ $inlinehex.html(hex);
	768	+ }
	769	+ });
	770	+ });
	771	+
	772	+
	773	+ $(function () {
	774	+ var colpick = $('.drawTextBG').each(function () {
	775	+ $(this).minicolors({
	776	+ control: $(this).attr('data-control') \|\| 'hue',
	777	+ inline: $(this).attr('data-inline') === 'true',
	778	+ letterCase: 'lowercase',
	779	+ opacity: false,
	780	+ change: function (hex, opacity) {
	781	+ $("#drawTextBGColorpicker .minicolors .minicolors-swatch .minicolors-swatch-color").removeClass("ActiveDefaultColorAnnotation");
	782	+ if (!hex) return;
	783	+ if (opacity) hex += ', ' + opacity;
	784	+ try {
	785	+ console.log(hex);
	786	+ // $("#text_area").css("background-color", hex);
	787	+ } catch (e) { }
	788	+ $(this).select();
	789	+ },
	790	+ theme: 'bootstrap'
	791	+ });
	792	+ });
	793	+ var $inlinehex = $('#inlinecolorhex h3 small');
	794	+ //alert($inlinehex);
	795	+ $('#inlinecolors').minicolors({
	796	+ inline: true,
	797	+ theme: 'bootstrap',
	798	+ change: function (hex) {
	799	+
	800	+ if (!hex) return;
	801	+ $inlinehex.html(hex);
	802	+ }
	803	+ });
	804	+ });
	805	+
	806	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
	807	+ $("#drawTextBGColorpicker .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#ffffff" });
	808	+
	809	+ });
	810	+
	811	+ $rootScope.$on("$locationChangeSuccess", function () {
	812	+
	813	+ $rootScope.HightLightModuleSelection = function (moduleUrl) {
	814	+ var currentRoute = $location.path().substring(1);
	815	+ return moduleUrl === currentRoute ? 'active' : '';
	816	+ }
	817	+ $("#annotationToolBarOptions").removeClass("disableMenuoption");
	818	+ $("#optionsListManagerTab").removeClass("disableMenuoption");
	819	+
	820	+
	821	+ if (($location.url() == "/da-body-view")) {
	822	+ $rootScope.disableMenuannotation = " ";
	823	+ $rootScope.disableMenuoption = " ";
	824	+ $rootScope.disableSubMenu = "disableSubMenu";
	825	+ $rootScope.disableFileMenu = " ";
	826	+ }
	827	+ else if ($location.url() == "/clinical-illustrations-detail") {
	828	+ $rootScope.disableMenuannotation = " ";
	829	+ $rootScope.disableMenuoption = " ";
	830	+ $rootScope.disableSubMenu = "disableSubMenu";
	831	+ $("#annotationToolBarOptions").removeClass("disableSubMenu");
	832	+ $("#optionsListManagerTab").addClass("disableSubMenu");
	833	+ $rootScope.disableFileMenu = " ";
	834	+ }
	835	+ else if ($location.url() == "/module-item-view") {
	836	+ $rootScope.disableMenuannotation = " ";
	837	+ $rootScope.disableMenuoption = " ";
	838	+ $rootScope.disableSubMenu = "disableSubMenu";
	839	+ $("#annotationToolBarOptions").removeClass("disableSubMenu");
	840	+ $rootScope.disableFileMenu = " ";
	841	+ }
	842	+
	843	+ else if ($location.url() == "/clinical-animations-detail") {
	844	+ $rootScope.disableMenuannotation = "disableMenuannotation";
	845	+ $rootScope.disableMenuoption = " ";
	846	+ $rootScope.disableSubMenu = "disableSubMenu";
	847	+ $("#annotationToolBarOptions").addClass("disableSubMenu");
	848	+ $("#optionsListManagerTab").addClass("disableSubMenu");
	849	+ $rootScope.disableFileMenu = "disableFileMenu";
	850	+ }
	851	+ else {
	852	+ $("#annotationToolBarOptions").removeClass("disableSubMenu");
	853	+ $("#optionsListManagerTab").removeClass("disableSubMenu");
	854	+ $rootScope.disableMenuannotation = "disableMenuannotation";
	855	+ $rootScope.disableMenuoption = "disableMenuoption";
	856	+ $rootScope.disableSubMenu = "";
	857	+ $rootScope.CloseAnnotationTool();
	858	+ $rootScope.CloseListManager();
	859	+ angular.element('#modal-settings').css('display', 'none');
	860	+ if ($location.url() == "/lab-exercises") {
	861	+
	862	+ $rootScope.menuLabExer = 0;
	863	+ }
	864	+ if ($rootScope.menuLabExer == 1) {
	865	+ $rootScope.disableMenuoption = " ";
	866	+ }
	867	+ $rootScope.disableFileMenu = "disableFileMenu";
	868	+ }
	869	+
	870	+ });
	871	+
	872	+ //jspanel functionality..
	873	+
	874	+ $rootScope.getModuleScrollPosition = function () {
	875	+ $rootScope.refreshcheck = "check";
	876	+ $('.mCSB_container ul li').click(function () {
	877	+
	878	+ $rootScope.scrollTopPosition = $(this).position().top;
	879	+
	880	+ });
	881	+ setTimeout(function () {
	882	+
	883	+ $(".sidebar").mCustomScrollbar("scrollTo", $rootScope.scrollTopPosition + "px");
	884	+
	885	+
	886	+
	887	+ }, 300);
	888	+ }
	889	+
	890	+ $rootScope.openParent = function (slug) {
	891	+ if ($('#jsPanel-1').length > 0) {
	892	+
	893	+ }
	894	+ else {
	895	+ var openViews = $rootScope.openViews;
	896	+ if (openViews.length > 0) {
	897	+ $rootScope.openViews.splice(openViews.length - 1);
	898	+ }
	899	+ if (openViews.length > 0) {
	900	+ var lastOpenMoudle = $rootScope.openViews[openViews.length - 1];
	901	+ }
	902	+ // $('#daImagePanel').remove();
	903	+ if ($('#jsPanel-1').length > 0)
	904	+ $('#jsPanel-1').remove();
	905	+
	906	+ if ($('#3DImagePanel').length > 0)
	907	+ $('#3DImagePanel').remove();
	908	+
	909	+ if ($('#ciImagePanel').length > 0)
	910	+ $('#ciImagePanel').remove();
	911	+
	912	+ if ($('#caVideoPanel').length > 0)
	913	+ $('#caVideoPanel').remove();
	914	+
	915	+ if ($('#ImagePanel').length > 0)
	916	+ $('#ImagePanel').remove();
	917	+
	918	+ $location.url('/' + slug);
	919	+
	920	+ $rootScope.$broadcast('jsPanelCloseEvent', true);
	921	+ }
	922	+ }
	923	+
	924	+ //called on jsanel minimize
	925	+ $rootScope.setState = function (state, title) {
	926	+
	927	+
	928	+ var alreadyOpenThisView = new jinqJs()
	929	+ .from($rootScope.openViews)
	930	+ .where("body-views == " + title)
	931	+ .select();
	932	+ var k = 0;
	933	+ if (alreadyOpenThisView != null) {
	934	+ for (var i = 0; i < $rootScope.openViews.length; i++) {
	935	+ k++;
	936	+ if ($rootScope.openViews[i].body - views == title) {
	937	+ $rootScope.openViews.splice((k - 1), 1);
	938	+
	939	+ $rootScope.openViews.push(
	940	+ {
	941	+ "module": $rootScope.currentActiveModuleTitle, "bodyView": title, "state": state, "BodyViewId": $rootScope.currentBodyViewId,
	942	+ "slug": $rootScope.currentSlug
	943	+ }
	944	+ );
	945	+ }
	946	+ }
	947	+ }
	948	+ if (state == 'max') {
	949	+ $('#daBodyview').css('width', '100%')
	950	+ }
	951	+ }
	952	+
	953	+ $rootScope.ClearIframe = function () {
	954	+ if ($('#daImagePanel') != null)
	955	+ $('#daImagePanel').remove();
	956	+ if ($('#jsPanel-1').length > 0)
	957	+ $('#jsPanel-1').remove();
	958	+
	959	+ $rootScope.hideScrollbar();
	960	+ }
	961	+
	962	+ //ends
	963	+
	964	+ $rootScope.hideScrollbar = function () {
	965	+ $(".sidebar").mCustomScrollbar({
	966	+ autoHideScrollbar: true,
	967	+ //theme:"rounded"
	968	+ });
	969	+ }
	970	+ $rootScope.isFontFamilyLoaded = false;
	971	+ //annotation tool custom events
	972	+ $rootScope.ShowAnnotationWindow = function () {
	973	+ //7904
	974	+
	975	+ $rootScope.isAnnotatiomToolBarPopupActive = true;
	976	+ $rootScope.isAnnotatiomToolBarPopupClosed = false;
	977	+ $rootScope.isAnnotaionToolBarDrawingModeActive = false;
	978	+ if ($rootScope.MenuModuleName == "DA" \|\| $rootScope.MenuModuleName == "CI" \|\| $rootScope.MenuModuleName == "AA") {
	979	+ if ($rootScope.disableAnnotationtoolOnListManager == true) {
	980	+ $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').attr('disabled', 'disabled');
	981	+ $('#slider-range-min-2').slider('disable');
	982	+ $("#annotationpaintbrushsize").attr('disabled', 'disabled');
	983	+ $("#annotationpainteraser").attr('disabled', 'disabled');
	984	+
	985	+ // $rootScope.disableAnnotationTB = false;
	986	+ } else {
	987	+ $('#AnnotaionPopupDiv').find('input, textarea, button, select,img,div').removeAttr('disabled', 'disabled');
	988	+ $('#slider-range-min-2').slider('enable');
	989	+ $("#annotationpaintbrushsize").removeAttr('disabled', 'disabled');
	990	+ $("#annotationpainteraser").removeAttr('disabled', 'disabled');
	991	+ }
	992	+ // document.getElementById('modelbackground').style.display = "block";
	993	+ // document.getElementById('modeleditstyle').style.display = "block";
	994	+
	995	+ }
	996	+ if ($rootScope.MenuModuleName == "CA") {
	997	+ $("#annotationpaintbrushsize").attr("href", "#");
	998	+ $("#annotationpainteraser").attr("href", "#");
	999	+ $("#annotationpainteraser").attr('disabled', 'disabled');
	1000	+ $("#annotationpainteraser").css('pointer-events', 'none');
	1001	+ }
	1002	+ else {
	1003	+ $("#annotationpaintbrushsize").attr("href", "#canvasPaint");
	1004	+ $("#annotationpainteraser").attr("href", "#canvasPaint");
	1005	+ $("#annotationpainteraser").removeAttr('disabled', 'disabled');
	1006	+ $("#annotationpainteraser").css('pointer-events', 'auto');
	1007	+ }
	1008	+ $("#OnIdentify").addClass("annotationtoolbartab");
	1009	+ $("#annotationToolBarOptions").addClass("active");
	1010	+ $("#annotationButton").addClass("active");
	1011	+
	1012	+ $rootScope.isAnnotationWindowOpen = true;
	1013	+ $(".annotationTollbar").css("display", "block");
	1014	+ $rootScope.$broadcast('annotationToolEvent', true);
	1015	+ // $("#canvasPaint").css("display", "none");
	1016	+ // $("#canvas").css("display", "none");
	1017	+
	1018	+ var FontFamilyJson = '~/../content/data/json/settings/fontstyle.json';
	1019	+ if ($rootScope.isFontFamilyLoaded == false) {
	1020	+
	1021	+
	1022	+ DataService.getJson(FontFamilyJson)
	1023	+ .then(
	1024	+ function (result) {
	1025	+
	1026	+ $rootScope.AnnotationFontFamily = result;
	1027	+ // alert($rootScope.AnnotationFontFamily.FontStyle.length);
	1028	+
	1029	+ for (var i = 0; i <= $rootScope.AnnotationFontFamily.FontFamily.length - 1; i++) {
	1030	+ var fontName = $rootScope.AnnotationFontFamily.FontFamily[i].FontName;
	1031	+ if (/\s/g.test(fontName)) { //Check if white-space exists in between strings
	1032	+ fontName = fontName.replace(" ", "_"); // replace white-space with an underscore
	1033	+ }
	1034	+ //$rootScope.AnnotationFontFamily.FontFamily[i].FontName
	1035	+ $("#selected-font-family").append("<option value=" + fontName + ">" + $rootScope.AnnotationFontFamily.FontFamily[i].FontName + "</option>");
	1036	+
	1037	+ }
	1038	+ $rootScope.isFontFamilyLoaded = true;
	1039	+
	1040	+ },
	1041	+ function (error) {
	1042	+ console.log(error.statusText)
	1043	+ }
	1044	+ )
	1045	+
	1046	+ }
	1047	+
	1048	+ if ($("#transparencyScale").css("display") == "block") {
	1049	+
	1050	+ $rootScope.switchToTransparencycanvas();
	1051	+ }
	1052	+
	1053	+
	1054	+ if ($location.url() == "/module-item-view") {
	1055	+
	1056	+ var canvasZIndex = $("#canvas").css("z-index");
	1057	+ var canvasPaintZIndex = $("#canvasPaint").css("z-index");
	1058	+
	1059	+ if (parseInt(canvasZIndex) < parseInt(canvasPaintZIndex)) {
	1060	+ canvasPaintZIndex = parseInt(canvasPaintZIndex) + 1;
	1061	+ $("#aaDetailViewCanvas").css("z-index", canvasPaintZIndex);
	1062	+
	1063	+ }
	1064	+ else
	1065	+ {
	1066	+ canvasZIndex = parseInt(canvasZIndex) + 1;
	1067	+ $("#aaDetailViewCanvas").css("z-index", canvasZIndex);
	1068	+ }
	1069	+
	1070	+ }
	1071	+ }
	1072	+
	1073	+ $rootScope.CloseAnnotationTool = function () {
	1074	+ console.log('close');
	1075	+ $rootScope.isAnnotatiomToolBarPopupActive = false;
	1076	+ $rootScope.isAnnotatiomToolBarPopupClosed = true;
	1077	+ $("#OnIdentify").removeClass("annotationtoolbartab");
	1078	+ $("#DrawMode").removeClass("annotationtoolbartab");
	1079	+ $('.btnCursor').removeClass('activebtncolor');
	1080	+ $("#annotationButton").removeClass("active");
	1081	+ $("#annotationButton").blur();
	1082	+ $("#annotationToolBarOptions").removeClass("active");
	1083	+
	1084	+
	1085	+ $(".annotationTollbar").css("display", "none");
	1086	+ $rootScope.isAnnotationWindowClose = true;
	1087	+ // $("#canvasPaint").css("display", "none");
	1088	+ // $("#canvas").css("display", "none");
	1089	+ $('.btnCursor').removeClass('activebtncolor');
	1090	+ $(".btn-annotation").removeClass("activebtncolor");
	1091	+ $rootScope.isAnnotaionToolBarDrawingModeActive = false;
	1092	+
	1093	+ if ($("#transparencyScale").css("display") == "block") {
	1094	+ $rootScope.switchToTransparencycanvas();
	1095	+ }
	1096	+ else {
	1097	+ $rootScope.switchCanvas();
	1098	+ }
	1099	+ $rootScope.shapeType = '';
	1100	+ if ($location.url() == "/module-item-view") {
	1101	+
	1102	+ var canvasZIndex = $("#canvas").css("z-index");
	1103	+ var canvasPaintZIndex = $("#canvasPaint").css("z-index");
	1104	+
	1105	+ if (parseInt(canvasZIndex) < parseInt(canvasPaintZIndex)) {
	1106	+ canvasPaintZIndex = parseInt(canvasPaintZIndex) + 1;
	1107	+ $("#aaDetailViewCanvas").css("z-index", canvasPaintZIndex);
	1108	+
	1109	+ }
	1110	+ else {
	1111	+ canvasZIndex = parseInt(canvasZIndex) + 1;
	1112	+ $("#aaDetailViewCanvas").css("z-index", canvasZIndex);
	1113	+ }
	1114	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	1115	+
	1116	+ for (var j = 0; j <= $rootScope.aaPinDataArray.length - 1; j++) {
	1117	+
	1118	+ if (($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._HeadX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._HeadY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._HeadX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._HeadY)) \|\| ($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._PinX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._PinY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._PinX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._PinY))) {
	1119	+
	1120	+ var pinName = 'Pin_' + $rootScope.aaPinDataArray[j]._PinId;
	1121	+ var pinArcName = 'PinArc_' + $rootScope.aaPinDataArray[j]._PinId;
	1122	+
	1123	+ $('#aaDetailViewCanvas').setLayer(pinName, {
	1124	+ visible: false // set to true instead to show the layer again
	1125	+ }).drawLayers();
	1126	+
	1127	+ $('#aaDetailViewCanvas').setLayer(pinArcName, {
	1128	+ visible: false // set to true instead to show the layer again
	1129	+ }).drawLayers();
	1130	+
	1131	+ }
	1132	+
	1133	+ }
	1134	+ }
	1135	+ }
	1136	+ }
	1137	+ $rootScope.CIAnotationIdentifyModeOff = false;
	1138	+ $rootScope.OnIdentifyClick = function () {
	1139	+
	1140	+ $("#OnIdentify").addClass("annotationtoolbartab");
	1141	+ $("#DrawMode").removeClass("annotationtoolbartab");
	1142	+
	1143	+ if ($rootScope.CIAnotationIdentifyModeOff == true) {
	1144	+ $('.btnCursor').removeClass('activebtncolor');
	1145	+
	1146	+ } else {
	1147	+
	1148	+ $('.btnCursor').removeClass('activebtncolor');
	1149	+
	1150	+ }
	1151	+
	1152	+ $("#annotationpaintbrushsize").removeClass("activebtncolor");
	1153	+ $("#annotationpainteraser").removeClass("activebtncolor");
	1154	+
	1155	+ $rootScope.isAnnotaionToolBarDrawingModeActive = false;
	1156	+ $rootScope.switchCanvas();
	1157	+
	1158	+ if ($("#transparencyScale").css("display") == "block") {
	1159	+
	1160	+ $rootScope.switchToTransparencycanvas();
	1161	+ }
	1162	+ if ($location.url() == "/module-item-view") {
	1163	+
	1164	+ var canvasZIndex = $("#canvas").css("z-index");
	1165	+ var canvasPaintZIndex = $("#canvasPaint").css("z-index");
	1166	+
	1167	+ if (parseInt(canvasZIndex) < parseInt(canvasPaintZIndex)) {
	1168	+ canvasPaintZIndex = parseInt(canvasPaintZIndex) + 1;
	1169	+ $("#aaDetailViewCanvas").css("z-index", canvasPaintZIndex);
	1170	+
	1171	+ }
	1172	+ else {
	1173	+ canvasZIndex = parseInt(canvasZIndex) + 1;
	1174	+ $("#aaDetailViewCanvas").css("z-index", canvasZIndex);
	1175	+ }
	1176	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	1177	+
	1178	+ for (var j = 0; j <= $rootScope.aaPinDataArray.length - 1; j++) {
	1179	+
	1180	+ if (($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._HeadX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._HeadY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._HeadX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._HeadY)) \|\| ($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._PinX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._PinY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._PinX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._PinY))) {
	1181	+
	1182	+ var pinName = 'Pin_' + $rootScope.aaPinDataArray[j]._PinId;
	1183	+ var pinArcName = 'PinArc_' + $rootScope.aaPinDataArray[j]._PinId;
	1184	+
	1185	+ $('#aaDetailViewCanvas').setLayer(pinName, {
	1186	+ visible: false // set to true instead to show the layer again
	1187	+ }).drawLayers();
	1188	+
	1189	+ $('#aaDetailViewCanvas').setLayer(pinArcName, {
	1190	+ visible: false // set to true instead to show the layer again
	1191	+ }).drawLayers();
	1192	+
	1193	+ }
	1194	+
	1195	+ }
	1196	+ }
	1197	+
	1198	+ }
	1199	+ }
	1200	+
	1201	+ $rootScope.switchToTransparencycanvas = function () {
	1202	+
	1203	+ if ($rootScope.isTBoxModestyVisible == true) {
	1204	+ var modestyTransCanvases = $("canvas[id*='modestyTransCanavs']");
	1205	+ if (modestyTransCanvases != null \|\| modestyTransCanvases != undefined && modestyTransCanvases.length > 0) {
	1206	+ for (var j = 0; j < modestyTransCanvases.length; j++) {
	1207	+ var ctx = document.getElementById(modestyTransCanvases[j].id);
	1208	+
	1209	+ if (ctx.style.visibility == "visible") {
	1210	+
	1211	+ if ($("#OnIdentify").hasClass("annotationtoolbartab")) {
	1212	+
	1213	+ var drawCanvasZindex = $("#canvas").css("z-index");
	1214	+ var paintCanvasZindex = $("#canvasPaint").css("z-index");
	1215	+ var TransCanvasZindex = ctx.style.zIndex;
	1216	+ var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex, TransCanvasZindex);
	1217	+ MaxZindexVal = MaxZindexVal + 1;
	1218	+ $("#canvas").css("z-index", MaxZindexVal);
	1219	+ if ($rootScope.currentBodyViewId == "11") {
	1220	+ $(".ui-wrapper").css("z-index", MaxZindexVal + 1);
	1221	+ $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
	1222	+
	1223	+ }
	1224	+ else {
	1225	+ $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
	1226	+ }
	1227	+ }
	1228	+ else {
	1229	+ var drawCanvasZindex = $("#canvas").css("z-index");
	1230	+ var paintCanvasZindex = $("#canvasPaint").css("z-index");
	1231	+ var TransCanvasZindex = ctx.style.zIndex;
	1232	+ var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex, TransCanvasZindex);
	1233	+ MaxZindexVal = parseInt(MaxZindexVal + 1);
	1234	+
	1235	+ if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
	1236	+ $("#canvasPaint").css("z-index", MaxZindexVal);
	1237	+ }
	1238	+ else {
	1239	+
	1240	+ $("#canvas").css("z-index", MaxZindexVal);
	1241	+ if ($rootScope.currentBodyViewId == "11") {
	1242	+ $(".ui-wrapper").css("z-index", MaxZindexVal);
	1243	+ }
	1244	+ else
	1245	+ {
	1246	+ $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
	1247	+ }
	1248	+
	1249	+ }
	1250	+
	1251	+ }
	1252	+ }
	1253	+ else {
	1254	+ var drawCanvasZindex = $("#canvas").css("z-index");
	1255	+ var paintCanvasZindex = $("#canvasPaint").css("z-index");
	1256	+ drawCanvasZindex = parseInt(drawCanvasZindex) + 1;
	1257	+ paintCanvasZindex = parseInt(paintCanvasZindex) + 1;
	1258	+ if (drawCanvasZindex > paintCanvasZindex) {
	1259	+ $(".ui-wrapper").css("z-index", drawCanvasZindex);
	1260	+ $("#canvas").css("z-index", drawCanvasZindex);
	1261	+ $rootScope.UIWrapperZIndex = drawCanvasZindex;
	1262	+ }
	1263	+ else {
	1264	+ $(".ui-wrapper").css("z-index", paintCanvasZindex);
	1265	+ $("#canvas").css("z-index", paintCanvasZindex);
	1266	+ $rootScope.UIWrapperZIndex = paintCanvasZindex;
	1267	+ }
	1268	+
	1269	+ }
	1270	+ }
	1271	+ }
	1272	+
	1273	+ }
	1274	+ else {
	1275	+ var drawCanvasZindex = $("#canvas").css("z-index");
	1276	+ var paintCanvasZindex = $("#canvasPaint").css("z-index");
	1277	+ drawCanvasZindex = parseInt(drawCanvasZindex) + 1;
	1278	+ paintCanvasZindex = parseInt(paintCanvasZindex) + 1;
	1279	+ if (drawCanvasZindex > paintCanvasZindex) {
	1280	+ $(".ui-wrapper").css("z-index", drawCanvasZindex);
	1281	+ $("#canvas").css("z-index", drawCanvasZindex);
	1282	+ $rootScope.UIWrapperZIndex = drawCanvasZindex;
	1283	+ }
	1284	+ else {
	1285	+ $(".ui-wrapper").css("z-index", paintCanvasZindex);
	1286	+ $("#canvas").css("z-index", paintCanvasZindex);
	1287	+ $rootScope.UIWrapperZIndex = paintCanvasZindex;
	1288	+ }
	1289	+ }
	1290	+ }
	1291	+
	1292	+ $rootScope.DrawingMode = function () {
	1293	+
	1294	+ //Annotation History
	1295	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1296	+ $("#OnIdentify").removeClass("annotationtoolbartab");
	1297	+ $("#DrawMode").addClass("annotationtoolbartab");
	1298	+ $('.btnCursor').addClass('activebtncolor');
	1299	+ $rootScope.switchCanvas();
	1300	+ $("#annotationpaintbrushsize").removeClass("activebtncolor");
	1301	+ $("#annotationpainteraser").removeClass("activebtncolor");
	1302	+ $rootScope.isEraseToolSelected = false;
	1303	+
	1304	+ if ($location.url() == "/module-item-view") {
	1305	+
	1306	+ $rootScope.switchToAnnotationCanvas();
	1307	+
	1308	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	1309	+
	1310	+ for (var j = 0; j <= $rootScope.aaPinDataArray.length - 1; j++) {
	1311	+
	1312	+ if (($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._HeadX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._HeadY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._HeadX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._HeadY)) \|\| ($rootScope.jcanvasObjectArray[i].x <= parseInt($rootScope.aaPinDataArray[j]._PinX) && $rootScope.jcanvasObjectArray[i].y <= parseInt($rootScope.aaPinDataArray[j]._PinY)) && (($rootScope.jcanvasObjectArray[i].x + $rootScope.jcanvasObjectArray[i].width) >= parseInt($rootScope.aaPinDataArray[j]._PinX) && ($rootScope.jcanvasObjectArray[i].y + $rootScope.jcanvasObjectArray[i].height) >= parseInt($rootScope.aaPinDataArray[j]._PinY))) {
	1313	+
	1314	+ var pinName = 'Pin_' + $rootScope.aaPinDataArray[j]._PinId;
	1315	+ var pinArcName = 'PinArc_' + $rootScope.aaPinDataArray[j]._PinId;
	1316	+
	1317	+ $('#aaDetailViewCanvas').setLayer(pinName, {
	1318	+ visible: true // set to true instead to show the layer again
	1319	+ }).drawLayers();
	1320	+
	1321	+ $('#aaDetailViewCanvas').setLayer(pinArcName, {
	1322	+ visible: true // set to true instead to show the layer again
	1323	+ }).drawLayers();
	1324	+
	1325	+ }
	1326	+ }
	1327	+ }
	1328	+
	1329	+ }
	1330	+
	1331	+ }
	1332	+
	1333	+ // Dissectible Anatomy > Settings should be disable if Annotation is Open.
	1334	+ $rootScope.ShowSettingWindow = function () {
	1335	+ if ($(".annotationTollbar").css("display") == "block") {
	1336	+ // alert("already open");
	1337	+ $('#modal-settings').css("display", "none");
	1338	+ $("#modelsettingsbackground").css("display", "none");
	1339	+ }
	1340	+ else {
	1341	+
	1342	+ $('#modal-settings').css("display", "block");
	1343	+ $("#modelsettingsbackground").css("display", "block");
	1344	+ }
	1345	+
	1346	+ $rootScope.lexiconLanguageArrayLength = $rootScope.lexiconLanguageArray.length;
	1347	+ $rootScope.lexiconPrimaryLanguage = $("#primarylaxican").val();
	1348	+ $rootScope.primaryLangID = $('#primarylaxican').attr("name");
	1349	+ }
	1350	+
	1351	+ //----Annotation Toolbar: Jcanvas-----
	1352	+
	1353	+ $rootScope.DrawLine = function (e) {
	1354	+ $rootScope.setListManagerZindex = true;
	1355	+ $("#canvasPaint").css("display", "block");
	1356	+ $("#canvas").css("display", "block");
	1357	+
	1358	+ $('.btnCursor').removeClass('activebtncolor');
	1359	+ $(".btn-annotation").removeClass("activebtncolor");
	1360	+ $(".btn-annotation-line").addClass("activebtncolor");
	1361	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1362	+ $("#DrawMode").addClass('annotationtoolbartab');
	1363	+
	1364	+
	1365	+ $rootScope.switchCanvas();
	1366	+ $rootScope.shapeType = "Line";
	1367	+
	1368	+
	1369	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1370	+ if ($location.url() == "/module-item-view") {
	1371	+
	1372	+ $rootScope.switchToAnnotationCanvas();
	1373	+
	1374	+ }
	1375	+ }
	1376	+
	1377	+ $rootScope.switchToAnnotationCanvas = function () {
	1378	+ var aaViewCanvasZIndex = $("#aaDetailViewCanvas").css("z-index");
	1379	+ var canvasPaintZIndex = $("#canvasPaint").css("z-index");
	1380	+ if (parseInt(aaViewCanvasZIndex) < parseInt(canvasPaintZIndex)) {
	1381	+ canvasPaintZIndex = parseInt(canvasPaintZIndex) + 1;
	1382	+ $("#canvas").css("z-index", canvasPaintZIndex);
	1383	+ }
	1384	+ else {
	1385	+ aaViewCanvasZIndex = parseInt(aaViewCanvasZIndex) + 1;
	1386	+ $("#canvas").css("z-index", aaViewCanvasZIndex);
	1387	+ }
	1388	+ }
	1389	+
	1390	+
	1391	+ $rootScope.DrawPin = function (e) {
	1392	+ $("#canvasPaint").css("display", "block");
	1393	+ $("#canvas").css("display", "block");
	1394	+
	1395	+ $('.btnCursor').removeClass('activebtncolor');
	1396	+ $(".btn-annotation").removeClass("activebtncolor");
	1397	+ $(".btn-annotation-pin").addClass("activebtncolor");
	1398	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1399	+ $("#DrawMode").addClass('annotationtoolbartab');
	1400	+
	1401	+ $rootScope.switchCanvas();
	1402	+ $rootScope.setListManagerZindex = true;
	1403	+ $rootScope.shapeType = "Pin";
	1404	+
	1405	+
	1406	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1407	+ if ($location.url() == "/module-item-view") {
	1408	+
	1409	+ $rootScope.switchToAnnotationCanvas();
	1410	+
	1411	+ }
	1412	+ }
	1413	+
	1414	+ $rootScope.Cursor = function () {
	1415	+ $rootScope.switchCanvas();
	1416	+ $rootScope.shapeType = "cursor";
	1417	+
	1418	+ $(".btn-annotation").removeClass("activebtncolor");
	1419	+ // $("#" + e.currentTarget.id).removeClass("activebtncolor");
	1420	+ $('.btnCursor').addClass('activebtncolor');
	1421	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1422	+ $("#DrawMode").addClass('annotationtoolbartab');
	1423	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1424	+ if ($location.url() == "/module-item-view") {
	1425	+
	1426	+ $rootScope.switchToAnnotationCanvas();
	1427	+
	1428	+ }
	1429	+ }
	1430	+
	1431	+
	1432	+ $rootScope.DrawRectangle = function (e) {
	1433	+ $rootScope.setListManagerZindex = true;
	1434	+ $("#canvasPaint").css("display", "block");
	1435	+ $("#canvas").css("display", "block");
	1436	+
	1437	+ $('.btnCursor').removeClass('activebtncolor');
	1438	+ $(".btn-annotation").removeClass("activebtncolor");
	1439	+ $(".btn-annotation-rectangle").addClass("activebtncolor");
	1440	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1441	+ $("#DrawMode").addClass('annotationtoolbartab');
	1442	+
	1443	+ $rootScope.switchCanvas();
	1444	+ $rootScope.shapeType = "Rectangle";
	1445	+
	1446	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1447	+ if ($location.url() == "/module-item-view") {
	1448	+
	1449	+ $rootScope.switchToAnnotationCanvas();
	1450	+
	1451	+ }
	1452	+ }
	1453	+
	1454	+ $rootScope.paintBrush = function () {
	1455	+
	1456	+ $('.btnCursor').removeClass('activebtncolor');
	1457	+ $(".btn-annotation").removeClass("activebtncolor");
	1458	+ $(".btn-annotation-brush").addClass("activebtncolor");
	1459	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1460	+ $("#DrawMode").addClass('annotationtoolbartab');
	1461	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1462	+ if ($rootScope.disableAnnotationtoolOnListManager == true) {
	1463	+ $rootScope.switchCanvas();
	1464	+ var canvasPaintZindex = $('#canvasPaint').css("z-index"); //x
	1465	+
	1466	+ var canvasZindex = $('#canvas').css("z-index"); //y
	1467	+ var listManagerZindex = $('#listManager').css("z-index"); //z
	1468	+ if (canvasPaintZindex > canvasZindex) {
	1469	+
	1470	+ $('#listManager').css("z-index", canvasPaintZindex);
	1471	+
	1472	+ } else {
	1473	+
	1474	+ $('#listManager').css("z-index", canvasZindex);
	1475	+ }
	1476	+
	1477	+ } else {
	1478	+
	1479	+ $rootScope.setListManagerZindex = true;
	1480	+ $("#canvasPaint").css("display", "block");
	1481	+ $("#canvas").css("display", "block");
	1482	+
	1483	+ if ((document.getElementById('fill-option').checked == false) && ($rootScope.isShapeSyleOkBtnClicked == true)) {
	1484	+
	1485	+ $rootScope.switchCanvas();
	1486	+ }
	1487	+ else if (($("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color') == "transparent") \|\| ($("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color') == "rgba(0, 0, 0, 0)")) {
	1488	+ // we are switching canvas from paint to draw to prevent paint because it does not take transparent color and we need control default black color for the case where user has unchecked fill option from Edit Shape Style window
	1489	+
	1490	+ $rootScope.switchCanvas();
	1491	+ }
	1492	+ else {
	1493	+
	1494	+ $rootScope.switchCanvasToPaintCanvas();
	1495	+ }
	1496	+ $rootScope.shapeType = "FreeStylePaint";
	1497	+ var btnBrushSizeValue = $("#btnBrushSize").val();
	1498	+ $rootScope.shapeSize = parseInt(btnBrushSizeValue);
	1499	+ $("#annotationpaintbrushsize").attr("data-size", $rootScope.shapeSize);
	1500	+
	1501	+ $("#annotationpaintbrushsize").attr("data-color", $rootScope.shapestyleColorWithOpacity);
	1502	+
	1503	+ if ($rootScope.shapeSize == '') {
	1504	+ $('#canvasPaint').sketch({ defaultSize: 1 });
	1505	+ }
	1506	+ else {
	1507	+ $('#canvasPaint').sketch();
	1508	+
	1509	+ }
	1510	+ }
	1511	+
	1512	+
	1513	+ }
	1514	+
	1515	+ $rootScope.switchCanvasToPaintCanvas = function (e) {
	1516	+ if ($rootScope.isTBoxModestyVisible == true) {
	1517	+ var modestyTransCanvases = $("canvas[id*='modestyTransCanavs']");
	1518	+ if (modestyTransCanvases != null \|\| modestyTransCanvases != undefined && modestyTransCanvases.length > 0) {
	1519	+ for (var j = 0; j < modestyTransCanvases.length; j++) {
	1520	+ var ctx = document.getElementById(modestyTransCanvases[j].id);
	1521	+ if (ctx.style.visibility == "visible") {
	1522	+ var drawCanvasZindex = $("#canvas").css("z-index");
	1523	+ var paintCanvasZindex = $("#canvasPaint").css("z-index");
	1524	+ var TransCanvasZindex = ctx.style.zIndex;
	1525	+ var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex, TransCanvasZindex);
	1526	+ MaxZindexVal = MaxZindexVal + 1;
	1527	+ if (($("#canvasPaint").css("display") == "block") && ($("#canvas").css("display") == "block")) {
	1528	+ if ($("#OnIdentify").hasClass("annotationtoolbartab")) {
	1529	+ $("#canvas").css("z-index", MaxZindexVal);
	1530	+ $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
	1531	+ }
	1532	+ else {
	1533	+
	1534	+ if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
	1535	+ $("#canvasPaint").css("z-index", MaxZindexVal);
	1536	+ }
	1537	+ else {
	1538	+ $("#canvas").css("z-index", MaxZindexVal);
	1539	+ }
	1540	+ }
	1541	+ }
	1542	+ }
	1543	+ else {
	1544	+
	1545	+ var drawCanvasZindex = $("#canvas").css("z-index");
	1546	+ var paintCanvasZindex = $("#canvasPaint").css("z-index");
	1547	+ var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex);
	1548	+ MaxZindexVal = parseInt(MaxZindexVal + 1);
	1549	+
	1550	+ if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
	1551	+ $("#canvasPaint").css("z-index", MaxZindexVal);
	1552	+ }
	1553	+
	1554	+ else {
	1555	+ $("#canvas").css("z-index", MaxZindexVal);
	1556	+ }
	1557	+
	1558	+ }
	1559	+ }
	1560	+ }
	1561	+
	1562	+ }
	1563	+ else {
	1564	+ var canvasPaint_zIndex = $('#canvasPaint').css("z-index");
	1565	+ var canvas_zIndex = $('#canvas').css("z-index");
	1566	+ if (canvas_zIndex > canvasPaint_zIndex) {
	1567	+ canvasPaint_zIndex = parseInt(canvas_zIndex) + 1;
	1568	+
	1569	+ }
	1570	+ else {
	1571	+ canvasPaint_zIndex = parseInt(canvasPaint_zIndex) + 1;
	1572	+ }
	1573	+ $('#canvasPaint').css("z-index", canvasPaint_zIndex);
	1574	+ }
	1575	+ }
	1576	+
	1577	+ $rootScope.DrawCircle = function (e) {
	1578	+ $rootScope.setListManagerZindex = true;
	1579	+ $("#canvasPaint").css("display", "block");
	1580	+ $("#canvas").css("display", "block");
	1581	+
	1582	+ $('.btnCursor').removeClass('activebtncolor');
	1583	+ $(".btn-annotation").removeClass("activebtncolor");
	1584	+ $(".btn-annotation-circle").addClass("activebtncolor");
	1585	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1586	+ $("#DrawMode").addClass('annotationtoolbartab');
	1587	+
	1588	+ $rootScope.switchCanvas();
	1589	+ $rootScope.shapeType = "Circle";
	1590	+
	1591	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1592	+ if ($location.url() == "/module-item-view") {
	1593	+
	1594	+ $rootScope.switchToAnnotationCanvas();
	1595	+
	1596	+ }
	1597	+ }
	1598	+
	1599	+ $rootScope.DrawArrow = function (e) {
	1600	+ $rootScope.setListManagerZindex = true;
	1601	+ $("#canvasPaint").css("display", "block");
	1602	+ $("#canvas").css("display", "block");
	1603	+
	1604	+ $('.btnCursor').removeClass('activebtncolor');
	1605	+ $(".btn-annotation").removeClass("activebtncolor");
	1606	+ $(".btn-annotation-arrow").addClass("activebtncolor");
	1607	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1608	+ $("#DrawMode").addClass('annotationtoolbartab');
	1609	+
	1610	+ $rootScope.switchCanvas();
	1611	+ $rootScope.shapeType = "Arrow";
	1612	+
	1613	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1614	+ if ($location.url() == "/module-item-view") {
	1615	+
	1616	+ $rootScope.switchToAnnotationCanvas();
	1617	+
	1618	+ }
	1619	+ }
	1620	+ $rootScope.DrawText = function () {
	1621	+
	1622	+ $rootScope.setListManagerZindex = true;
	1623	+ $("#canvasPaint").css("display", "block");
	1624	+ $("#canvas").css("display", "block");
	1625	+
	1626	+ $('.btnCursor').removeClass('activebtncolor');
	1627	+ $(".btn-annotation").removeClass("activebtncolor");
	1628	+ $(".btn-annotation-Text").addClass("activebtncolor");
	1629	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1630	+ $("#DrawMode").addClass('annotationtoolbartab');
	1631	+
	1632	+ $rootScope.switchCanvas();
	1633	+
	1634	+ $rootScope.shapeType = "TextArea";
	1635	+
	1636	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1637	+ if ($location.url() == "/module-item-view") {
	1638	+
	1639	+ $rootScope.switchToAnnotationCanvas();
	1640	+
	1641	+ }
	1642	+ }
	1643	+
	1644	+ $rootScope.DrawPolygon = function () {
	1645	+ $rootScope.setListManagerZindex = true;
	1646	+ $("#canvasPaint").css("display", "block");
	1647	+ $("#canvas").css("display", "block");
	1648	+ $rootScope.shapeType = "DrawPolygon";
	1649	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1650	+ $("#DrawMode").addClass('annotationtoolbartab');
	1651	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1652	+ if ($location.url() == "/module-item-view") {
	1653	+
	1654	+ $rootScope.switchToAnnotationCanvas();
	1655	+
	1656	+ }
	1657	+ }
	1658	+
	1659	+
	1660	+ $rootScope.switchCanvas = function () {
	1661	+
	1662	+ if ($rootScope.isTBoxModestyVisible == true) {
	1663	+ var modestyTransCanvases = $("canvas[id*='modestyTransCanavs']");
	1664	+ if (modestyTransCanvases != null \|\| modestyTransCanvases != undefined && modestyTransCanvases.length > 0) {
	1665	+ for (var j = 0; j < modestyTransCanvases.length; j++) {
	1666	+ var ctx = document.getElementById(modestyTransCanvases[j].id);
	1667	+
	1668	+ if (ctx.style.visibility == "visible") {
	1669	+
	1670	+ var drawCanvasZindex = $("#canvas").css("z-index");
	1671	+ var paintCanvasZindex = $("#canvasPaint").css("z-index");
	1672	+ var TransCanvasZindex = ctx.style.zIndex;
	1673	+ var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex, TransCanvasZindex);
	1674	+ MaxZindexVal = MaxZindexVal + 1;
	1675	+
	1676	+
	1677	+ if ($("#OnIdentify").hasClass("annotationtoolbartab")) {
	1678	+
	1679	+ $("#canvas").css("z-index", MaxZindexVal);
	1680	+ $('#' + ctx.getAttribute("id")).css("z-index", MaxZindexVal);
	1681	+
	1682	+ }
	1683	+ else {
	1684	+
	1685	+ if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
	1686	+ if ($rootScope.currentBodyViewId == "11") { $("#canvasPaint").css("z-index", MaxZindexVal + 1); }
	1687	+ else{ $("#canvasPaint").css("z-index", MaxZindexVal);}
	1688	+ }
	1689	+ else {
	1690	+ if ($rootScope.currentBodyViewId == "11") {
	1691	+ $("#canvas").css("z-index", MaxZindexVal + 1);
	1692	+ }
	1693	+ else
	1694	+ {
	1695	+ $("#canvas").css("z-index", MaxZindexVal);
	1696	+ }
	1697	+ }
	1698	+
	1699	+ }
	1700	+ }
	1701	+ else {
	1702	+
	1703	+ var drawCanvasZindex = $("#canvas").css("z-index");
	1704	+ var paintCanvasZindex = $("#canvasPaint").css("z-index");
	1705	+
	1706	+ var MaxZindexVal = Math.max(drawCanvasZindex, paintCanvasZindex);
	1707	+ MaxZindexVal = parseInt(MaxZindexVal + 1);
	1708	+
	1709	+ if ($("#annotationpaintbrushsize").hasClass("activebtncolor") \|\| $("#annotationpainteraser").hasClass("activebtncolor")) {
	1710	+
	1711	+ $("#canvasPaint").css("z-index", MaxZindexVal);
	1712	+ }
	1713	+
	1714	+ else {
	1715	+ $("#canvas").css("z-index", MaxZindexVal);
	1716	+ }
	1717	+ }
	1718	+ }
	1719	+ }
	1720	+ }
	1721	+ else {
	1722	+
	1723	+ var drawCanvasZindex = $("#canvas").css("z-index");
	1724	+ var paintCanvasZindex = $("#canvasPaint").css("z-index");
	1725	+
	1726	+
	1727	+ if (drawCanvasZindex > paintCanvasZindex) {
	1728	+ paintCanvasZindex = parseInt(drawCanvasZindex) + 1;
	1729	+ } else {
	1730	+ paintCanvasZindex = parseInt(paintCanvasZindex) + 1;
	1731	+ }
	1732	+ $('#canvas').css("z-index", paintCanvasZindex);
	1733	+ }
	1734	+
	1735	+ }
	1736	+ $rootScope.EraseDrawing = function () {
	1737	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	1738	+ $('.btnCursor').removeClass('activebtncolor');
	1739	+ $(".btn-annotation").removeClass("activebtncolor");
	1740	+ $(".btn-annotation-erase").addClass("activebtncolor");
	1741	+ $("#OnIdentify").removeClass('annotationtoolbartab');
	1742	+ $("#DrawMode").addClass('annotationtoolbartab');
	1743	+ $rootScope.switchCanvasToPaintCanvas();
	1744	+ var btneraseBrushSizeValue = $("#btnBrushSize").val();
	1745	+ $('#canvasPaint').sketch();
	1746	+ $rootScope.eraseshapeSize = parseInt(btneraseBrushSizeValue);
	1747	+
	1748	+ $("#annotationpainteraser").attr("data-size", $rootScope.eraseshapeSize);
	1749	+ return $.sketch.tools.eraser = {
	1750	+ onEvent: function (e) {
	1751	+ return $.sketch.tools.marker.onEvent.call(this, e);
	1752	+ },
	1753	+ draw: function (action) {
	1754	+ var oldcomposite;
	1755	+ oldcomposite = this.context.globalCompositeOperation;
	1756	+ this.context.globalCompositeOperation = "destination-out";
	1757	+ action.color = "#000000";
	1758	+ $.sketch.tools.marker.draw.call(this, action);
	1759	+ return this.context.globalCompositeOperation = oldcomposite;
	1760	+ }
	1761	+ }
	1762	+
	1763	+
	1764	+ }
	1765	+
	1766	+ $rootScope.isShapeSyleOkBtnClicked = false;
	1767	+
	1768	+ $rootScope.setPropertiesForShapes = function (id) {
	1769	+ isfilloptionChecked = document.getElementById('fill-option').checked;
	1770	+ isOutlineOptionChecked = document.getElementById('Outline-Option').checked;
	1771	+ $rootScope.isShapeSyleOkBtnClicked = true;
	1772	+ if ($("#annotationpaintbrushsize").hasClass('activebtncolor')) {
	1773	+ $("#annotationpaintbrushsize").removeClass('activebtncolor')
	1774	+ $rootScope.switchCanvas();
	1775	+
	1776	+ }
	1777	+ if ($("#annotationpainteraser").hasClass('activebtncolor')) {
	1778	+ $("#annotationpainteraser").removeClass('activebtncolor')
	1779	+ $rootScope.switchCanvas();
	1780	+
	1781	+ }
	1782	+ if ((document.getElementById('fill-option').checked == false) && (document.getElementById('Outline-Option').checked == false)) {
	1783	+ // $('#btnShapeStyle').attr('disabled', 'disabled');
	1784	+ } else {
	1785	+ //$('#btnShapeStyle').removeAttr('disabled', 'disabled');
	1786	+ document.getElementById('modelbackground').style.display = "none";
	1787	+ document.getElementById('modeleditstyle').style.display = "none";
	1788	+
	1789	+ $rootScope.shapestyleOpacity = $("#" + id).css('opacity');
	1790	+ $("#shapeStyleDiv").parent().css("opacity", $rootScope.shapestyleOpacity);
	1791	+ $rootScope.shapestyleFillColor = $("#" + id).css('background-color');
	1792	+ $rootScope.shapeStyleColorRGBA = $rootScope.shapestyleFillColor.replace("rgb", "rgba");
	1793	+ $rootScope.shapestyleColorWithOpacity = $rootScope.shapeStyleColorRGBA.substring(0, $rootScope.shapeStyleColorRGBA.length - 1) + " " + "," + $rootScope.shapestyleOpacity + ")";
	1794	+ $("#shapeStyleDiv").css("background-color", $rootScope.shapestyleFillColor);
	1795	+ $rootScope.shapestyleborderColor = $("#" + id).parent().css("border-top-color");
	1796	+ // $("#shapeStyleDiv").parent().css("border-color", $rootScope.shapestyleborderColor);
	1797	+ $rootScope.borderDimensions = $("#" + id).parent().css("border-top-width");
	1798	+
	1799	+ document.getElementById("shapeStyleDiv").parentNode.style.border = $rootScope.borderDimensions + " " + "solid" + " " + $rootScope.shapestyleborderColor;
	1800	+
	1801	+ // $("#shapeStyleDiv").parent().css("border-width", $rootScope.shapestyleborderWidthSeparatingPixel);
	1802	+
	1803	+ var borderDimensions = $rootScope.borderDimensions;
	1804	+ var borderDimensionSplitArray = borderDimensions.split("p");
	1805	+
	1806	+ $rootScope.shapestyleborderWidth = borderDimensionSplitArray[0];
	1807	+ $rootScope.shapestyleborderStyles = "solid";
	1808	+
	1809	+
	1810	+ $('#editshapestyle').modal('hide');
	1811	+
	1812	+ //Edit Shape Style popup should open at it's default position
	1813	+ $("#modeleditstyle").css({ "left": "40%", "right": "0", "top": "70px" });
	1814	+ }
	1815	+ }
	1816	+
	1817	+ $rootScope.enableAnnotationToolBar = function () {
	1818	+ if ($rootScope.disableAnnotationTB == true) {
	1819	+ document.getElementById('modelbackground').style.display = "none";
	1820	+ document.getElementById('modeleditstyle').style.display = "none";
	1821	+ }
	1822	+ else {
	1823	+ document.getElementById('modelbackground').style.display = "block";
	1824	+ document.getElementById('modeleditstyle').style.display = "block";
	1825	+
	1826	+ // alert(document.getElementById('outlinedivId').style.border);
	1827	+ // alert(document.getElementById('imgOpacity').style.backgroundColor);
	1828	+ $('#editstylebackgroundcolor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", document.getElementById('imgOpacity').style.backgroundColor);
	1829	+ $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", document.getElementById('outlinedivId').style.border);
	1830	+
	1831	+ if ($('#modeleditstyle').css("display") == "block") { //Check if the modal is already showing
	1832	+ var previewOpacity = $('#imgOpacity').css("opacity");
	1833	+ $('#slider-range-min-4 div.ui-slider-range-min').css("width", (previewOpacity * 100) + "%");
	1834	+ $('#slider-range-min-4 span.ui-slider-handle').css("left", (previewOpacity * 100) + "%");
	1835	+
	1836	+ };
	1837	+
	1838	+ }
	1839	+ }
	1840	+
	1841	+
	1842	+ $rootScope.enableEditShapeTooltip = function () {
	1843	+
	1844	+ $("#edit-block").addClass("custom-tooltip-annotation");
	1845	+ $(".custom-tooltip-annotation").css('display', 'block');
	1846	+
	1847	+ }
	1848	+
	1849	+ $rootScope.disableEditShapeTooltip = function () {
	1850	+
	1851	+ $(".custom-tooltip-annotation").css('display', 'none');
	1852	+ $("#edit-block").removeClass("custom-tooltip-annotation");
	1853	+ }
	1854	+
	1855	+
	1856	+ $rootScope.disableAnnotationToolBar = function () {
	1857	+
	1858	+ if ($rootScope.isShapeSyleOkBtnClicked == false) {
	1859	+ $('#editstylebackgroundcolor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", "rgb(255,255,255)");
	1860	+ $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", "rgb(0,0,0)");
	1861	+ var previewBorderColor = $("#outlineColor span.minicolors-swatch-color").css('background-color');
	1862	+ $(".marginTopBtm10 div.outlinediv").css("border-color", previewBorderColor);
	1863	+ var previewBgColor = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color');
	1864	+ $("#imgOpacity").css("background-color", previewBgColor);
	1865	+ $('#borderWidthCanvasElement').val(1);
	1866	+ $('.marginTopBtm10 div.outlinediv').css("border-width", 1);
	1867	+ $("#imgOpacity").css("opacity", 1);
	1868	+ $(".marginTopBtm10 div.outlinediv").css("opacity", 1);
	1869	+ document.getElementById("editStyleForm").reset();
	1870	+ isOutlineOptionChecked = document.getElementById('Outline-Option').checked;
	1871	+ isfilloptionChecked = document.getElementById('fill-option').checked;
	1872	+ if (isOutlineOptionChecked == true) {
	1873	+ $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" });
	1874	+ $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
	1875	+ $("#outlineColor").css({ "pointer-events": "auto" });
	1876	+ }
	1877	+ else {
	1878	+ $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" });
	1879	+ $("#borderWidthCanvasElement").css({ "pointer-events": "none" });
	1880	+ $("#outlineColor").css({ "pointer-events": "none" });
	1881	+ }
	1882	+ if (isfilloptionChecked == true) {
	1883	+ $(".enableDisableOpacity label").css({ "cursor": "pointer" });
	1884	+ $(".enableDisableOpacity").css({ "opacity": "1" });
	1885	+ $("#edit-slider-3").css({ "pointer-events": "auto" });
	1886	+ $("#edit-slider-4").css({ "pointer-events": "auto" });
	1887	+ $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
	1888	+ }
	1889	+ else {
	1890	+ $(".enableDisableOpacity label").css({ "cursor": "pointer" });
	1891	+ $(".enableDisableOpacity").css({ "opacity": ".5" });
	1892	+ $("#edit-slider-3").css({ "pointer-events": "none" });
	1893	+ $("#edit-slider-4").css({ "pointer-events": "none" });
	1894	+ $("#editstylebackgroundcolor").css({ "pointer-events": "none" });
	1895	+ }
	1896	+
	1897	+ } else {
	1898	+
	1899	+ document.getElementById('fill-option').checked = isfilloptionChecked;
	1900	+ document.getElementById('Outline-Option').checked = isOutlineOptionChecked;
	1901	+ if (isfilloptionChecked == true) {
	1902	+ $(".enableDisableOpacity label").css({ "cursor": "pointer" });
	1903	+ $(".enableDisableOpacity").css({ "opacity": "1" });
	1904	+ $("#edit-slider-3").css({ "pointer-events": "auto" });
	1905	+ $("#edit-slider-4").css({ "pointer-events": "auto" });
	1906	+ $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
	1907	+ }
	1908	+ else {
	1909	+ $(".enableDisableOpacity label").css({ "cursor": "pointer" });
	1910	+ $(".enableDisableOpacity").css({ "opacity": ".5" });
	1911	+ $("#edit-slider-3").css({ "pointer-events": "none" });
	1912	+ $("#edit-slider-4").css({ "pointer-events": "none" });
	1913	+ $("#editstylebackgroundcolor").css({ "pointer-events": "none" });
	1914	+ }
	1915	+ if (isOutlineOptionChecked == true) {
	1916	+ $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" });
	1917	+ $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
	1918	+ $("#outlineColor").css({ "pointer-events": "auto" });
	1919	+ }
	1920	+ else {
	1921	+ $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" });
	1922	+ $("#borderWidthCanvasElement").css({ "pointer-events": "none" });
	1923	+ $("#outlineColor").css({ "pointer-events": "none" });
	1924	+ }
	1925	+ if ((isfilloptionChecked == false) && (isOutlineOptionChecked == false)) {
	1926	+ $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" });
	1927	+ $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
	1928	+ $("#outlineColor").css({ "pointer-events": "auto" });
	1929	+ $(".enableDisableOpacity label").css({ "cursor": "pointer" });
	1930	+ $(".enableDisableOpacity").css({ "opacity": "1" });
	1931	+ $("#edit-slider-3").css({ "pointer-events": "auto" });
	1932	+ $("#edit-slider-4").css({ "pointer-events": "auto" });
	1933	+ $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
	1934	+ document.getElementById("editStyleForm").reset();
	1935	+ }
	1936	+ var previewBgColor = $("#shapeStyleDiv").css('background-color');
	1937	+ var previewBorderColor = $('#previewBorder').css('border-top-color');
	1938	+ var previewBorderWidth = $('#previewBorder').css('border-top-width');
	1939	+ var previewOpacity = $('#previewBorder').css('opacity');
	1940	+ $('#editstylebackgroundcolor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", previewBgColor);
	1941	+ $("#imgOpacity").css("background-color", previewBgColor);
	1942	+ $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color", previewBorderColor);
	1943	+ $(".marginTopBtm10 div.outlinediv").css("border-color", previewBorderColor);
	1944	+ $('.marginTopBtm10 div.outlinediv').css("border-width", previewBorderWidth);
	1945	+ $('#borderWidthCanvasElement').val(previewBorderWidth.split("px"));
	1946	+ $("#imgOpacity").css("opacity", previewOpacity);
	1947	+ $(".marginTopBtm10 div.outlinediv").css("opacity", previewOpacity);
	1948	+
	1949	+ }
	1950	+ document.getElementById('modelbackground').style.display = "none";
	1951	+ document.getElementById('modeleditstyle').style.display = "none";
	1952	+ //Edit Shape Style popup should open at it's default position
	1953	+ $("#modeleditstyle").css({ "left": "40%", "right": "0", "top": "70px" });
	1954	+ }
	1955	+ //--Common code of Annotation Toolbar for CI and DA-------
	1956	+ $rootScope.DrawLineOnModuleItem = function (canvasId, LineNumber, shapestyleborderColor, shapestyleborderWidth, offsetX1, offsetY1, x, y) {
	1957	+ // alert('inside DrawLineOnModuleItem');
	1958	+ // alert("canvasId" + canvasId + ",LineNumber" + LineNumber + ",shapestyleborderColor" + shapestyleborderColor + ",shapestyleborderWidth" + shapestyleborderWidth + ",offsetX1" + offsetX1 + ",offsetY1" + offsetY1 + ",x" + x);
	1959	+ if ($rootScope.isLinePreviewCompleted == true) {
	1960	+ // alert('$rootScope.isLinePreviewCompleted == true')
	1961	+ $rootScope.isLinePreviewCompleted = false;
	1962	+ $(canvasId).addLayer({
	1963	+ name: 'Line_' + LineNumber,
	1964	+ layer: true,
	1965	+ type: 'line',
	1966	+ draggable: true,
	1967	+ strokeStyle: shapestyleborderColor,
	1968	+ strokeWidth: shapestyleborderWidth,
	1969	+ rounded: true,
	1970	+ x1: offsetX1, y1: offsetY1,
	1971	+ x2: x, y2: y,
	1972	+ click: function (layer) {
	1973	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	1974	+ //jcanvas property
	1975	+ layer.draggable = true;
	1976	+ $rootScope.canvasLayerNameCollection = [];
	1977	+ $rootScope.canvasLayerNameCollection.push(layer.name);
	1978	+ $(canvasId).setLayer(layer.name, {
	1979	+ handle: {
	1980	+ type: 'arc',
	1981	+ fillStyle: '#fff',
	1982	+ strokeStyle: '#c33',
	1983	+ strokeWidth: 2,
	1984	+ radius: 3
	1985	+ }
	1986	+ }).drawLayers();
	1987	+
	1988	+ }
	1989	+ else {
	1990	+ //jcanvas property
	1991	+ layer.draggable = false;
	1992	+ }
	1993	+ },
	1994	+ mouseout: function (layer) {
	1995	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	1996	+ //jcanvas property
	1997	+ layer.draggable = true;
	1998	+ $rootScope.canvasLayerNameCollection = [];
	1999	+ $(canvasId).setLayer(layer.name, {
	2000	+ handle: {
	2001	+ type: 'arc',
	2002	+ fillStyle: '#fff',
	2003	+ strokeStyle: '#c33',
	2004	+ strokeWidth: 0,
	2005	+ radius: 0
	2006	+ }
	2007	+
	2008	+ }).drawLayers();
	2009	+ }
	2010	+ else {
	2011	+ //jcanvas property
	2012	+ layer.draggable = false;
	2013	+ }
	2014	+ },
	2015	+ mouseover: function (layer) {
	2016	+
	2017	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2018	+ //jcanvas property
	2019	+ layer.draggable = true;
	2020	+
	2021	+ $(canvasId).setLayer(layer.name, {
	2022	+ handle: {
	2023	+ type: 'arc',
	2024	+ fillStyle: '#fff',
	2025	+ strokeStyle: '#c33',
	2026	+ strokeWidth: 2,
	2027	+ radius: 3
	2028	+ }
	2029	+ }).drawLayers();
	2030	+ }
	2031	+ else {
	2032	+ //jcanvas property
	2033	+ layer.draggable = false;
	2034	+ }
	2035	+ }
	2036	+
	2037	+ }).drawLayers();
	2038	+
	2039	+ }
	2040	+
	2041	+
	2042	+ $('.btnCursor').trigger('click');
	2043	+ $(".btn-annotation").removeClass("activebtncolor");
	2044	+ $('.btnCursor').addClass('activebtncolor');
	2045	+ }
	2046	+ $rootScope.jcanvasObjectArray = [];
	2047	+ $rootScope.DrawRectangleOnModuleItem = function (canvasId, RectNumber, shapestyleFillColor, shapestyleborderColor, shapestyleOpacity, shapestyleborderWidth, offsetX1, offsetY1, x, y) {
	2048	+ if ($rootScope.isRectanglePreviewCompleted == true) {
	2049	+ $rootScope.isRectanglePreviewCompleted = false;
	2050	+ $(canvasId).addLayer({
	2051	+ layer: true,
	2052	+ name: 'Rect_' + RectNumber,
	2053	+ fillStyle: shapestyleFillColor,
	2054	+ type: 'rectangle',
	2055	+ draggable: true,
	2056	+ strokeStyle: shapestyleborderColor,
	2057	+ opacity: shapestyleOpacity,
	2058	+ strokeWidth: shapestyleborderWidth,
	2059	+ fromCenter: false,
	2060	+ x: offsetX1, y: offsetY1,
	2061	+ width: Math.abs(x - offsetX1),
	2062	+ height: Math.abs(y - offsetY1),
	2063	+ resizeFromCenter: false,
	2064	+ add: function (layer) {
	2065	+ if ($location.path() == "/module-item-view") {
	2066	+ $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
	2067	+ }
	2068	+ },
	2069	+ dragstop: function (layer) {
	2070	+ if ($location.path() == "/module-item-view") {
	2071	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	2072	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	2073	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	2074	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	2075	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	2076	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	2077	+ }
	2078	+ }
	2079	+ }
	2080	+ },
	2081	+ change: function (layer) {
	2082	+ if ($location.path() == "/module-item-view") {
	2083	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	2084	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	2085	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	2086	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	2087	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	2088	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	2089	+ }
	2090	+ }
	2091	+ }
	2092	+ },
	2093	+ click: function (layer) {
	2094	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2095	+ //jcanvas property
	2096	+ layer.draggable = true;
	2097	+ $rootScope.canvasLayerNameCollection = [];
	2098	+ $rootScope.canvasLayerNameCollection.push(layer.name);
	2099	+ $(canvasId).setLayer(layer.name, {
	2100	+ handle: {
	2101	+ type: 'rectangle',
	2102	+ fillStyle: '#fff',
	2103	+ strokeStyle: '#c33',
	2104	+ strokeWidth: 2,
	2105	+ width: 5, height: 5,
	2106	+ cornerRadius: 3,
	2107	+ }
	2108	+ }).drawLayers();
	2109	+ }
	2110	+ else {
	2111	+ //jcanvas property
	2112	+ layer.draggable = false;
	2113	+ }
	2114	+ },
	2115	+ mouseout: function (layer) {
	2116	+
	2117	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2118	+ //jcanvas property
	2119	+ layer.draggable = true;
	2120	+ $rootScope.canvasLayerNameCollection = [];
	2121	+ $(canvasId).setLayer(layer.name, {
	2122	+ handle: {
	2123	+ type: 'rectangle',
	2124	+ fillStyle: 'pink',
	2125	+ strokeStyle: 'yellow',
	2126	+ strokeWidth: 0,
	2127	+ width: 0, height: 0,
	2128	+ cornerRadius: 0,
	2129	+ }
	2130	+
	2131	+ }).drawLayers();
	2132	+ }
	2133	+ else {
	2134	+ //jcanvas property
	2135	+ layer.draggable = false;
	2136	+ }
	2137	+ },
	2138	+ mouseover: function (layer) {
	2139	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2140	+ //jcanvas property
	2141	+ layer.draggable = true;
	2142	+
	2143	+ $(canvasId).setLayer(layer.name, {
	2144	+ handle: {
	2145	+ type: 'rectangle',
	2146	+ fillStyle: '#fff',
	2147	+ strokeStyle: '#c33',
	2148	+ strokeWidth: 2,
	2149	+ width: 5, height: 5,
	2150	+ cornerRadius: 3,
	2151	+ }
	2152	+ }).drawLayers();
	2153	+ }
	2154	+ else {
	2155	+ //jcanvas property
	2156	+ layer.draggable = false;
	2157	+ }
	2158	+ }
	2159	+ }).drawLayers();
	2160	+ }
	2161	+ $('.btnCursor').trigger('click');
	2162	+ $(".btn-annotation").removeClass("activebtncolor");
	2163	+ $('.btnCursor').addClass('activebtncolor');
	2164	+
	2165	+ }
	2166	+
	2167	+ $rootScope.DrawCircleOnModuleItem = function (canvasId, CircleNumber, shapestyleOpacity, shapestyleborderColor, shapestyleborderWidth, shapestyleFillColor, offsetX1, offsetY1, x, y) {
	2168	+
	2169	+ if ($rootScope.isCirclePreviewCompleted == true) {
	2170	+ $rootScope.isCirclePreviewCompleted = false;
	2171	+ $(canvasId).addLayer({
	2172	+ layer: true,
	2173	+ name: 'Circle_' + CircleNumber,
	2174	+ type: 'ellipse',
	2175	+ opacity: shapestyleOpacity,
	2176	+ draggable: true,
	2177	+ strokeStyle: shapestyleborderColor,
	2178	+ strokeWidth: shapestyleborderWidth,
	2179	+ fillStyle: shapestyleFillColor,
	2180	+ fromCenter: false,
	2181	+ x: (offsetX1), y: (offsetY1),
	2182	+ //added abs
	2183	+ width: Math.abs(x - offsetX1), height: Math.abs(y - offsetY1),
	2184	+ // Place a handle at each side and each corner
	2185	+ resizeFromCenter: false,
	2186	+ handlePlacement: 'both',
	2187	+
	2188	+ add: function (layer) {
	2189	+
	2190	+ if ($location.path() == "/module-item-view") {
	2191	+ $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
	2192	+ }
	2193	+ },
	2194	+ dragstop: function (layer) {
	2195	+
	2196	+ if ($location.path() == "/module-item-view") {
	2197	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	2198	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	2199	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	2200	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	2201	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	2202	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	2203	+ }
	2204	+ }
	2205	+ }
	2206	+ },
	2207	+ change: function (layer) {
	2208	+ if ($location.path() == "/module-item-view") {
	2209	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	2210	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	2211	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	2212	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	2213	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	2214	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	2215	+ }
	2216	+ }
	2217	+ }
	2218	+ },
	2219	+ click: function (layer) {
	2220	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2221	+ //jcanvas property
	2222	+ layer.draggable = true;
	2223	+ $rootScope.canvasLayerNameCollection = [];
	2224	+ $rootScope.canvasLayerNameCollection.push(layer.name);
	2225	+ $(canvasId).setLayer(layer.name, {
	2226	+ handle: {
	2227	+ type: 'arc',
	2228	+ fillStyle: '#fff',
	2229	+ strokeStyle: '#c33',
	2230	+ strokeWidth: 2,
	2231	+ radius: 3
	2232	+ }
	2233	+ }).drawLayers();
	2234	+ }
	2235	+ else {
	2236	+ //jcanvas property
	2237	+ layer.draggable = false;
	2238	+ }
	2239	+ },
	2240	+ mouseout: function (layer) {
	2241	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2242	+ //jcanvas property
	2243	+ layer.draggable = true;
	2244	+ $rootScope.canvasLayerNameCollection = [];
	2245	+
	2246	+ $(canvasId).setLayer(layer.name, {
	2247	+ handle: {
	2248	+ type: 'arc',
	2249	+ fillStyle: '#fff',
	2250	+ strokeStyle: '#c33',
	2251	+ strokeWidth: 0,
	2252	+ // width: 0, height: 0,
	2253	+ radius: 0
	2254	+ }
	2255	+
	2256	+ }).drawLayers();
	2257	+ }
	2258	+ else {
	2259	+ layer.draggable = false;
	2260	+ }
	2261	+ },
	2262	+ mouseover: function (layer) {
	2263	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2264	+ //jcanvas property
	2265	+ layer.draggable = true;
	2266	+
	2267	+ $(canvasId).setLayer(layer.name, {
	2268	+ handle: {
	2269	+ type: 'arc',
	2270	+ fillStyle: '#fff',
	2271	+ strokeStyle: '#c33',
	2272	+ strokeWidth: 2,
	2273	+ // width: 5, height: 5,
	2274	+ radius: 3,
	2275	+ }
	2276	+ }).drawLayers();
	2277	+ }
	2278	+ else {
	2279	+ //jcanvas property
	2280	+ layer.draggable = false;
	2281	+ }
	2282	+ }
	2283	+ }).drawLayers();
	2284	+ }
	2285	+ $('.btnCursor').trigger('click');
	2286	+ $(".btn-annotation").removeClass("activebtncolor");
	2287	+ $('.btnCursor').addClass('activebtncolor');
	2288	+ }
	2289	+
	2290	+ $rootScope.DrawArrowOnModuleItem = function (canvasId, ArrowNumber, shapestyleborderColor, shapestyleborderWidth, offsetX1, offsetY1, x, y) {
	2291	+ if ($rootScope.isArrowPreviewCompleted == true) {
	2292	+ $rootScope.isArrowPreviewCompleted = false;
	2293	+ $('#canvas').drawLine({
	2294	+ layer: true,
	2295	+ name: 'Arrow_' + ArrowNumber,
	2296	+ draggable: true,
	2297	+ strokeStyle: shapestyleborderColor,
	2298	+ strokeWidth: shapestyleborderWidth,
	2299	+ rounded: true,
	2300	+ startArrow: true,
	2301	+ arrowRadius: 7,
	2302	+ arrowAngle: 90,
	2303	+ x1: offsetX1, y1: offsetY1,
	2304	+ x2: x, y2: y,
	2305	+
	2306	+ click: function (layer) {
	2307	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2308	+ //jcanvas property
	2309	+ layer.draggable = true;
	2310	+ $rootScope.canvasLayerNameCollection = [];
	2311	+ $rootScope.canvasLayerNameCollection.push(layer.name);
	2312	+ $(canvasId).setLayer(layer.name, {
	2313	+ handle: {
	2314	+ type: 'arc',
	2315	+ fillStyle: '#fff',
	2316	+ strokeStyle: '#c33',
	2317	+ strokeWidth: 2,
	2318	+ // width: 5, height: 5,
	2319	+ radius: 3
	2320	+ }
	2321	+ }).drawLayers();
	2322	+ // $("#canvas").removeLayer(layer.name).drawLayers();
	2323	+ }
	2324	+ else {
	2325	+ //jcanvas property
	2326	+ layer.draggable = false;
	2327	+ }
	2328	+
	2329	+ },
	2330	+ mouseout: function (layer) {
	2331	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2332	+ //jcanvas property
	2333	+ layer.draggable = true;
	2334	+ $rootScope.canvasLayerNameCollection = [];
	2335	+ $(canvasId).setLayer(layer.name, {
	2336	+ handle: {
	2337	+ type: 'arc',
	2338	+ fillStyle: '#fff',
	2339	+ strokeStyle: '#c33',
	2340	+ strokeWidth: 0,
	2341	+ // width: 0, height: 0,
	2342	+ radius: 0
	2343	+ }
	2344	+
	2345	+ }).drawLayers();
	2346	+ }
	2347	+ else {
	2348	+ //jcanvas property
	2349	+ layer.draggable = false;
	2350	+ }
	2351	+ },
	2352	+ mouseover: function (layer) {
	2353	+
	2354	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2355	+ //jcanvas property
	2356	+ layer.draggable = true;
	2357	+ $(canvasId).setLayer(layer.name, {
	2358	+ handle: {
	2359	+ type: 'arc',
	2360	+ fillStyle: '#fff',
	2361	+ strokeStyle: '#c33',
	2362	+ strokeWidth: 2,
	2363	+ // width: 5, height: 5,
	2364	+ radius: 3
	2365	+ }
	2366	+ }).drawLayers();
	2367	+ }
	2368	+ else {
	2369	+ //jcanvas property
	2370	+ layer.draggable = false;
	2371	+ }
	2372	+ }
	2373	+
	2374	+ });
	2375	+ }
	2376	+
	2377	+ $('.btnCursor').trigger('click');
	2378	+ $(".btn-annotation").removeClass("activebtncolor");
	2379	+ $('.btnCursor').addClass('activebtncolor');
	2380	+ }
	2381	+
	2382	+ $rootScope.DrawPinOnModuleItem = function (canvasId, PinNumber, offsetX1, offsetY1, x, y, PinArcNumber) {
	2383	+
	2384	+ if ($rootScope.isPinPreviewCompleted == true) {
	2385	+ $rootScope.isPinPreviewCompleted = false;
	2386	+ var radial = $('#canvas').createGradient({
	2387	+ x1: 50, y1: 50,
	2388	+ x2: 50, y2: 50,
	2389	+ r1: 10, r2: 30,
	2390	+ c1: 'rgba(100, 50, 0,0)',
	2391	+ c2: 'grey'
	2392	+ });
	2393	+ $(canvasId).drawLine({
	2394	+ draggable: true,
	2395	+ layer: true,
	2396	+ name: "Pin_" + PinNumber,
	2397	+ groups: ["Pin_" + PinNumber],
	2398	+ dragGroups: ["Pin_" + PinNumber],
	2399	+ strokeStyle: 'black',
	2400	+ strokeWidth: 2,
	2401	+ x1: offsetX1, y1: offsetY1,
	2402	+ x2: x, y2: y,
	2403	+
	2404	+ click: function (layer) {
	2405	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2406	+ //jcanvas property
	2407	+ layer.draggable = true;
	2408	+ $rootScope.shapeTypePin = "Pin";
	2409	+ $rootScope.canvasLayerNameCollection = [];
	2410	+ var pinLine_layer = layer.name;
	2411	+ var pinLine_layer_split = pinLine_layer.split("_");
	2412	+ var pinArcName = "ArcPin_";
	2413	+ var pinResult = pinArcName.concat(pinLine_layer_split[1]);
	2414	+
	2415	+ $rootScope.canvasLayerNameCollection.push({ pinName: layer.name, ArcName: pinResult });
	2416	+
	2417	+ $(canvasId).setLayer(layer.name, {
	2418	+ handle: {
	2419	+ type: 'arc',
	2420	+ fillStyle: '#fff',
	2421	+ strokeStyle: '#c33',
	2422	+ strokeWidth: 2,
	2423	+ // width: 5, height: 5,
	2424	+ radius: 3
	2425	+ }
	2426	+ }).drawLayers();
	2427	+
	2428	+ }
	2429	+ else {
	2430	+ //jcanvas property
	2431	+ layer.draggable = false;
	2432	+ }
	2433	+ },
	2434	+ mouseout: function (layer) {
	2435	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2436	+ //jcanvas property
	2437	+ layer.draggable = true;
	2438	+ $rootScope.canvasLayerNameCollection = [];
	2439	+ $(canvasId).setLayer(layer.name, {
	2440	+ handle: {
	2441	+ type: 'arc',
	2442	+ fillStyle: '#fff',
	2443	+ strokeStyle: '#c33',
	2444	+ strokeWidth: 0,
	2445	+ // width: 0, height: 0,
	2446	+ radius: 0
	2447	+ }
	2448	+
	2449	+ }).drawLayers();
	2450	+ }
	2451	+ else {
	2452	+ //jcanvas property
	2453	+ layer.draggable = false;
	2454	+ }
	2455	+ },
	2456	+ mouseover: function (layer) {
	2457	+
	2458	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2459	+ //jcanvas property
	2460	+ layer.draggable = true;
	2461	+ $(canvasId).setLayer(layer.name, {
	2462	+ handle: {
	2463	+ type: 'arc',
	2464	+ fillStyle: '#fff',
	2465	+ strokeStyle: '#c33',
	2466	+ strokeWidth: 2,
	2467	+ // width: 5, height: 5,
	2468	+ radius: 3
	2469	+ }
	2470	+ }).drawLayers();
	2471	+ }
	2472	+ else {
	2473	+ //jcanvas property
	2474	+ layer.draggable = false;
	2475	+ }
	2476	+ }
	2477	+ }).drawArc({
	2478	+ draggable: true,
	2479	+ name: "ArcPin_" + PinArcNumber,
	2480	+ // name: "Pin_" + $rootScope.resetPin,
	2481	+ layer: true,
	2482	+ groups: ["Pin_" + PinNumber],
	2483	+ dragGroups: ["Pin_" + PinNumber],
	2484	+ strokeStyle: 'grey',
	2485	+ strokeWidth: 2,
	2486	+ fillStyle: radial,
	2487	+ x: offsetX1, y: offsetY1,
	2488	+ radius: 5,
	2489	+
	2490	+
	2491	+ add: function (layer) {
	2492	+
	2493	+ $rootScope.PinArcNumber = layer.name;
	2494	+ // $scope.arr = [];
	2495	+
	2496	+
	2497	+ },
	2498	+
	2499	+ }).drawLayers();
	2500	+ }
	2501	+
	2502	+
	2503	+ $('.btnCursor').trigger('click');
	2504	+ $(".btn-annotation").removeClass("activebtncolor");
	2505	+ $('.btnCursor').addClass('activebtncolor');
	2506	+ }
	2507	+ var isDoubleTouch = null;
	2508	+ $rootScope.TextEditorFunctionality = function (canvasId, TextNumber, offsetX1, offsetY1, resetTextRect, shapestyleOpacity, shapestyleborderColor, shapestyleborderWidth, shapestyleFillColor, x, y) {
	2509	+ if ($rootScope.isTextAreaPreviewCompleted == true) {
	2510	+ $rootScope.isTextAreaPreviewCompleted = false;
	2511	+ $('#canvas').drawText({
	2512	+ layer: true,
	2513	+ draggable: true,
	2514	+ // opacity: $rootScope.shapestyleOpacity,
	2515	+ name: 'TextArea_' + $rootScope.TextNumber,
	2516	+ groups: ['TextArea_' + $rootScope.TextNumber],
	2517	+ dragGroups: ['TextArea_' + $rootScope.TextNumber],
	2518	+ fillStyle: '#36c',
	2519	+ strokeWidth: 0,
	2520	+ x: $rootScope.offsetX1, y: $rootScope.offsetY1,
	2521	+ fromCenter: false,
	2522	+ fontSize: '14pt',
	2523	+ align: "left",
	2524	+ fontFamily: 'Verdana, sans-serif',
	2525	+ text: '',
	2526	+ add: function (layer) {
	2527	+
	2528	+ $rootScope.TextID = layer.name;
	2529	+ }
	2530	+
	2531	+
	2532	+ })
	2533	+ // Draw rect as wide as the text
	2534	+ .drawRect({
	2535	+ layer: true,
	2536	+ name: "TextRect_" + $rootScope.TextNumber,
	2537	+ dragGroups: ['shapes'],
	2538	+ opacity: $rootScope.shapestyleOpacity,
	2539	+ strokeStyle: $rootScope.shapestyleborderColor,
	2540	+ fromCenter: false,
	2541	+ strokeWidth: $rootScope.shapestyleborderWidth,
	2542	+ fillStyle: $rootScope.shapestyleFillColor,
	2543	+ x: $rootScope.offsetX1, y: $rootScope.offsetY1,
	2544	+ width: Math.abs($rootScope.x - $rootScope.offsetX1),
	2545	+ height: Math.abs($rootScope.y - $rootScope.offsetY1),
	2546	+ resizeFromCenter: false,
	2547	+ add: function (layer) {
	2548	+
	2549	+ $rootScope.TextAreaRectID = layer.name;
	2550	+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
	2551	+
	2552	+ if ($location.path() == "/module-item-view") {
	2553	+ $rootScope.initialTextAreaName = layer.name;
	2554	+ $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
	2555	+ }
	2556	+
	2557	+ },
	2558	+
	2559	+ dragstop: function (layer) {
	2560	+
	2561	+ if ($location.path() == "/module-item-view") {
	2562	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	2563	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	2564	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	2565	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	2566	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	2567	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	2568	+ }
	2569	+ }
	2570	+ }
	2571	+ },
	2572	+ change: function (layer) {
	2573	+ if ($location.path() == "/module-item-view") {
	2574	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	2575	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	2576	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	2577	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	2578	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	2579	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	2580	+ }
	2581	+ }
	2582	+ }
	2583	+ },
	2584	+
	2585	+ click: function (layer) {
	2586	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2587	+ //jcanvas property
	2588	+ layer.draggable = true;
	2589	+ $rootScope.canvasLayerNameCollection = [];
	2590	+ $rootScope.canvasLayerNameCollection.push(layer.name);
	2591	+ $('#canvas').setLayer(layer.name, {
	2592	+ handle: {
	2593	+ type: 'rectangle',
	2594	+ fillStyle: '#fff',
	2595	+ strokeStyle: '#c33',
	2596	+ strokeWidth: 2,
	2597	+ width: 5, height: 5,
	2598	+ cornerRadius: 3,
	2599	+
	2600	+ }
	2601	+ }).drawLayers();
	2602	+ }
	2603	+ else {
	2604	+ //jcanvas property
	2605	+ layer.draggable = false;
	2606	+ }
	2607	+ },
	2608	+ dblclick: function (layer) {
	2609	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2610	+ //jcanvas property
	2611	+ layer.draggable = true;
	2612	+ $rootScope.IsTextAlreadySave = false;
	2613	+ var RectNameArray = (layer.name).split("_");
	2614	+
	2615	+ var TextAreaRectangleName = "TextArea_";
	2616	+ var TextAreaRectNameConcat = TextAreaRectangleName.concat(RectNameArray[1]);
	2617	+ $rootScope.TextAreaRectID = layer.name;
	2618	+ $rootScope.TextID = TextAreaRectNameConcat;
	2619	+
	2620	+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
	2621	+ $("#annotationTextModal").css("padding-right", "0px");
	2622	+ document.getElementById('modelbackground').style.display = "block";
	2623	+ $("#annotationTextModal").modal("toggle");
	2624	+
	2625	+ $("#text_area").val('');
	2626	+ $("#text_area").css({ "font-family": "Arial", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
	2627	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
	2628	+ // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
	2629	+
	2630	+ $("#selected-font-family option:eq(0)").prop('selected', true);
	2631	+ $("#selected-font-size option:eq(0)").prop('selected', true);
	2632	+
	2633	+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
	2634	+
	2635	+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
	2636	+
	2637	+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
	2638	+
	2639	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	2640	+
	2641	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	2642	+
	2643	+ $("#text-center").removeClass("ActiveFormattingButtonClass");
	2644	+ }
	2645	+ else {
	2646	+ //jcanvas property
	2647	+ layer.draggable = false;
	2648	+ }
	2649	+ },
	2650	+ touchstart: function (layer)
	2651	+ {
	2652	+ if (isDoubleTouch == null) {
	2653	+ isDoubleTouch = setTimeout(function () {
	2654	+ isDoubleTouch = null;
	2655	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2656	+ //jcanvas property
	2657	+ layer.draggable = true;
	2658	+ $rootScope.canvasLayerNameCollection = [];
	2659	+ $rootScope.canvasLayerNameCollection.push(layer.name);
	2660	+ $('#canvas').setLayer(layer.name, {
	2661	+ handle: {
	2662	+ type: 'rectangle',
	2663	+ fillStyle: '#fff',
	2664	+ strokeStyle: '#c33',
	2665	+ strokeWidth: 2,
	2666	+ width: 5, height: 5,
	2667	+ cornerRadius: 3,
	2668	+
	2669	+ }
	2670	+ }).drawLayers();
	2671	+ }
	2672	+ else {
	2673	+ //jcanvas property
	2674	+ layer.draggable = false;
	2675	+ }
	2676	+
	2677	+ }, 1000)
	2678	+ } else {
	2679	+ clearTimeout(isDoubleTouch);
	2680	+ isDoubleTouch = null;
	2681	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2682	+ //jcanvas property
	2683	+ layer.draggable = true;
	2684	+ $rootScope.IsTextAlreadySave = false;
	2685	+ var RectNameArray = (layer.name).split("_");
	2686	+
	2687	+ var TextAreaRectangleName = "TextArea_";
	2688	+ var TextAreaRectNameConcat = TextAreaRectangleName.concat(RectNameArray[1]);
	2689	+ $rootScope.TextAreaRectID = layer.name;
	2690	+ $rootScope.TextID = TextAreaRectNameConcat;
	2691	+
	2692	+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
	2693	+ $("#annotationTextModal").css("padding-right", "0px");
	2694	+ document.getElementById('modelbackground').style.display = "block";
	2695	+ $("#annotationTextModal").modal("toggle");
	2696	+
	2697	+ $("#text_area").val('');
	2698	+ $("#text_area").css({ "font-family": "Arial", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
	2699	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
	2700	+ // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
	2701	+
	2702	+ $("#selected-font-family option:eq(0)").prop('selected', true);
	2703	+ $("#selected-font-size option:eq(0)").prop('selected', true);
	2704	+
	2705	+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
	2706	+
	2707	+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
	2708	+
	2709	+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
	2710	+
	2711	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	2712	+
	2713	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	2714	+
	2715	+ $("#text-center").removeClass("ActiveFormattingButtonClass");
	2716	+ }
	2717	+ else {
	2718	+ //jcanvas property
	2719	+ layer.draggable = false;
	2720	+ }
	2721	+
	2722	+ }
	2723	+ },
	2724	+ mouseout: function (layer) {
	2725	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2726	+ //jcanvas property
	2727	+ layer.draggable = true;
	2728	+ $rootScope.canvasLayerNameCollection = [];
	2729	+ $('#canvas').setLayer(layer.name, {
	2730	+ handle: {
	2731	+ type: 'rectangle',
	2732	+ fillStyle: 'pink',
	2733	+ strokeStyle: 'yellow',
	2734	+ strokeWidth: 0,
	2735	+ width: 0, height: 0,
	2736	+ cornerRadius: 0
	2737	+ }
	2738	+
	2739	+ }).drawLayers();
	2740	+ }
	2741	+ else {
	2742	+ //jcanvas property
	2743	+ layer.draggable = false;
	2744	+ }
	2745	+ },
	2746	+ mouseover: function (layer) {
	2747	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	2748	+ //jcanvas property
	2749	+ layer.draggable = true;
	2750	+ $('#canvas').setLayer(layer.name, {
	2751	+ handle: {
	2752	+ type: 'rectangle',
	2753	+ fillStyle: '#fff',
	2754	+ strokeStyle: '#c33',
	2755	+ strokeWidth: 2,
	2756	+ width: 5, height: 5,
	2757	+ cornerRadius: 3,
	2758	+ }
	2759	+ }).drawLayers();
	2760	+
	2761	+ }
	2762	+ else {
	2763	+ //jcanvas property
	2764	+ layer.draggable = false;
	2765	+ }
	2766	+ }
	2767	+ });
	2768	+
	2769	+ // Annotation: Edit Text option is missing.
	2770	+ $("#annotationTextModal").css("padding-right", "0px");
	2771	+ $("#annotationTextModal").modal("toggle");
	2772	+ document.getElementById('modelbackground').style.display = "block";
	2773	+
	2774	+ }
	2775	+ $('.btnCursor').trigger('click');
	2776	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
	2777	+
	2778	+ $("#text_area").val('');
	2779	+
	2780	+ $("#text_area").css({ "font-family": "Arial", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
	2781	+
	2782	+ $("#selected-font-family option:eq(0)").prop('selected', true);
	2783	+ $("#selected-font-size option:eq(0)").prop('selected', true);
	2784	+
	2785	+ // $("#text_area").css({ " font-family": 'Verdana, sans-serif', "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
	2786	+
	2787	+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
	2788	+
	2789	+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
	2790	+
	2791	+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
	2792	+
	2793	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	2794	+
	2795	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	2796	+
	2797	+ $("#text-center").removeClass("ActiveFormattingButtonClass");
	2798	+
	2799	+ $(".btn-annotation").removeClass("activebtncolor");
	2800	+
	2801	+ $('.btnCursor').addClass('activebtncolor');
	2802	+
	2803	+ }
	2804	+
	2805	+
	2806	+
	2807	+ $rootScope.clicked = true;
	2808	+ $rootScope.offsetX1 = 0;
	2809	+ $rootScope.offsetY1 = 0;
	2810	+ $rootScope.x = 0;
	2811	+ $rootScope.y = 0;
	2812	+ $rootScope.mousePressed = false;
	2813	+ $rootScope.lastX; $rootScope.lastY;
	2814	+ var ctx;
	2815	+ $rootScope.OnPaintCanvasMouseDown = function (event) {
	2816	+ event.preventDefault();
	2817	+ if ($rootScope.isAnnotatiomToolBarPopupClosed == false) {
	2818	+ var canvasElement = document.getElementById("canvas");
	2819	+ var ctx = canvasElement.getContext("2d");
	2820	+ $rootScope.offsetX1 = 0;
	2821	+ $rootScope.offsetY1 = 0;
	2822	+ var canvasDiv = document.getElementById('canvasDiv');
	2823	+ var verticalScrollPosition = canvasDiv.scrollTop;
	2824	+ var horizontlScrollPosition = canvasDiv.scrollLeft;
	2825	+ var $ua = navigator.userAgent;
	2826	+ if (($ua.match(/(iPod\|iPhone\|iPad\|android)/i))) {
	2827	+ var verticalScrollPosition = canvasDiv.scrollTop;
	2828	+ var horizontlScrollPosition = canvasDiv.scrollLeft;
	2829	+ $rootScope.offsetX1 = event.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left;
	2830	+ $rootScope.offsetY1 = event.pageY + verticalScrollPosition - $('#canvasDiv').offset().top;
	2831	+ }
	2832	+ else
	2833	+ {
	2834	+ $rootScope.offsetX1 = event.offsetX;
	2835	+ $rootScope.offsetY1 = event.offsetY;
	2836	+ }
	2837	+ ctx.clearRect(0, 0, 2277, 3248);
	2838	+ $rootScope.clicked = true;
	2839	+ canvasElement.addEventListener('mousemove', $rootScope.OnPaintCanvasMouseMove, false);
	2840	+ canvasElement.addEventListener("touchmove", $rootScope.OnPaintCanvasMouseMove, false);
	2841	+ }
	2842	+
	2843	+ }
	2844	+ $rootScope.rectNumber = 0;
	2845	+ $rootScope.LineNumber = 0;
	2846	+ $rootScope.CircleNumber = 0;
	2847	+ $rootScope.ArrowNumber = 0;
	2848	+ $rootScope.PinNumber = 0;
	2849	+ $rootScope.PinArcNumber = 0;
	2850	+ $rootScope.ObjectIndex = 0;
	2851	+ $rootScope.ArcObjectIndex = 0;
	2852	+ $rootScope.PinObjectIndex = 0;
	2853	+ $rootScope.TextNumber = 0;
	2854	+ $rootScope.resetTextSave = 0;
	2855	+ $rootScope.ObjectIndexSave = 0;
	2856	+
	2857	+ var arrayRect = {};
	2858	+
	2859	+ var storeLine = '';
	2860	+
	2861	+ $rootScope.OnPaintCanvasMouseUp = function (event) {
	2862	+ event.preventDefault();
	2863	+ if (!$rootScope.clicked) {
	2864	+ return;
	2865	+ }
	2866	+ if ($rootScope.isAnnotatiomToolBarPopupClosed == false) {
	2867	+ var AnnotationCanvas = document.getElementById('canvas');
	2868	+ AnnotationCanvas.removeEventListener('mousemove', $rootScope.OnPaintCanvasMouseMove, false);
	2869	+ AnnotationCanvas.removeEventListener("touchmove", $rootScope.OnPaintCanvasMouseMove, false);
	2870	+
	2871	+ $(".line").remove();
	2872	+ $(".arrow").remove();
	2873	+ $(".pin").remove();
	2874	+ $(".circle").remove();
	2875	+ $(".rectangle").remove();
	2876	+ $(".textarea").remove();
	2877	+ $rootScope.clicked = false;
	2878	+ $rootScope.x = 0;
	2879	+ $rootScope.y = 0;
	2880	+ var canvasDiv = document.getElementById('canvasDiv');
	2881	+ var verticalScrollPosition = canvasDiv.scrollTop;
	2882	+ var horizontlScrollPosition = canvasDiv.scrollLeft;
	2883	+ $rootScope.x = event.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left;
	2884	+ $rootScope.y = event.pageY + verticalScrollPosition - $('#canvasDiv').offset().top;
	2885	+ var canvasElement = document.getElementById("canvas");
	2886	+ var ctx = canvasElement.getContext("2d");
	2887	+ var canvasPaintElement = document.getElementById("canvasPaint");
	2888	+ var PaintCanvasctx = canvasPaintElement.getContext("2d");
	2889	+ switch ($rootScope.shapeType) {
	2890	+ case "cursor":
	2891	+ ctx.beginPath();
	2892	+ PaintCanvasctx.beginPath();
	2893	+ break;
	2894	+ case "Line":
	2895	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	2896	+ $rootScope.LineNumber = $rootScope.ObjectIndex++;
	2897	+ // $rootScope.isLinePreviewCompleted = true;
	2898	+ $rootScope.DrawLineOnModuleItem('#canvas', $rootScope.LineNumber, $rootScope.shapestyleborderColor, $rootScope.shapestyleborderWidth, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y)
	2899	+ break;
	2900	+ case "Rectangle":
	2901	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	2902	+ $rootScope.rectNumber = $rootScope.ObjectIndex++;
	2903	+ // $rootScope.isRectanglePreviewCompleted = true;
	2904	+ $rootScope.DrawRectangleOnModuleItem('#canvas', $rootScope.rectNumber, $rootScope.shapestyleFillColor, $rootScope.shapestyleborderColor, $rootScope.shapestyleOpacity, $rootScope.shapestyleborderWidth, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y);
	2905	+
	2906	+ break;
	2907	+ case "Circle":
	2908	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	2909	+ $rootScope.CircleNumber = $rootScope.ObjectIndex++;
	2910	+ // $rootScope.isCirclePreviewCompleted = true;
	2911	+ $rootScope.DrawCircleOnModuleItem('#canvas', $rootScope.CircleNumber, $rootScope.shapestyleOpacity, $rootScope.shapestyleborderColor, $rootScope.shapestyleborderWidth, $rootScope.shapestyleFillColor, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y);
	2912	+ break;
	2913	+ case "Arrow":
	2914	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	2915	+ $rootScope.ArrowNumber = $rootScope.ObjectIndex++;
	2916	+ //$rootScope.isArrowPreviewCompleted = true;
	2917	+ $rootScope.DrawArrowOnModuleItem('#canvas', $rootScope.ArrowNumber, $rootScope.shapestyleborderColor, $rootScope.shapestyleborderWidth, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y);
	2918	+ break;
	2919	+ case "Pin":
	2920	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	2921	+ $rootScope.PinNumber = $rootScope.PinObjectIndex++;
	2922	+ $rootScope.PinArcNumber = $rootScope.ArcObjectIndex++;
	2923	+
	2924	+ //$rootScope.isPinPreviewCompleted = true;
	2925	+
	2926	+ $rootScope.DrawPinOnModuleItem('#canvas', $rootScope.PinNumber, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.x, $rootScope.y, $rootScope.PinArcNumber);
	2927	+ break;
	2928	+ case "TextArea":
	2929	+ $rootScope.isAnnotaionToolBarDrawingModeActive = true;
	2930	+ $rootScope.IsTextAlreadySave = false;
	2931	+ $("#text_area").val('');
	2932	+ // Draw text
	2933	+ $rootScope.resetTextRect = $rootScope.ObjectIndex++;
	2934	+ $rootScope.TextNumber = $rootScope.ObjectIndex++;
	2935	+ // $rootScope.isTextAreaPreviewCompleted = true;
	2936	+ $rootScope.TextEditorFunctionality('#canvas', $rootScope.TextNumber, $rootScope.offsetX1, $rootScope.offsetY1, $rootScope.resetTextRect, $rootScope.shapestyleOpacity, $rootScope.shapestyleborderColor, $rootScope.shapestyleborderWidth, $rootScope.shapestyleFillColor, $rootScope.x, $rootScope.y);
	2937	+ break;
	2938	+ case "DrawPolygon":
	2939	+ break;
	2940	+
	2941	+ }
	2942	+ }
	2943	+ //}
	2944	+
	2945	+ }
	2946	+ $rootScope.OnPaintCanvasMouseMove = function (event) {
	2947	+ event.preventDefault();
	2948	+ var canvasDiv = document.getElementById('canvasDiv');
	2949	+ var verticalScrollPosition = canvasDiv.scrollTop;
	2950	+ var horizontlScrollPosition = canvasDiv.scrollLeft;
	2951	+ $rootScope.MouseMoveXAxis = event.pageX + horizontlScrollPosition - $('#canvasDiv').offset().left;
	2952	+ $rootScope.MouseMoveYAxis = event.pageY + verticalScrollPosition - $('#canvasDiv').offset().top;
	2953	+ switch ($rootScope.shapeType) {
	2954	+ case "Line":
	2955	+ $(".line").remove();
	2956	+ $rootScope.isLinePreviewCompleted = true;
	2957	+ $("#canvasDiv").append("<div class='line' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;'></div>");
	2958	+ $rootScope.Annotationangle();
	2959	+ break;
	2960	+ case "Arrow":
	2961	+ $(".arrow").remove();
	2962	+ $rootScope.isArrowPreviewCompleted = true;
	2963	+ $("#canvasDiv").append("<div class='arrow' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1) + "px;'><div style='border-bottom: 9px solid transparent;border-right: 12px dashed #ccc;border-top: 7px solid transparent;height: 0;left: -6px;position: absolute;top: -8px;width: 0;'></div></div>");
	2964	+ $rootScope.Annotationangle();
	2965	+ break;
	2966	+ case "Pin":
	2967	+ $(".pin").remove();
	2968	+ $rootScope.isPinPreviewCompleted = true;
	2969	+ $("#canvasDiv").append("<div class='pin' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1) + "px;'><div style='background-color:#fff;left: -8px;position: absolute;top: -6px;width: 10;height:12px;width:12px;border:2px dashed #808080;border-radius:50%;'></div></div>");
	2970	+ $rootScope.Annotationangle();
	2971	+ break;
	2972	+ case "Circle":
	2973	+ $(".circle").remove();
	2974	+ $rootScope.isCirclePreviewCompleted = true;
	2975	+ $("#canvasDiv").append("<div class='circle' style='z-index:12001;border-radius:50%;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + (Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1)) + "px;height:" + (Math.abs($rootScope.MouseMoveYAxis - $rootScope.offsetY1)) + "px;'></div>");
	2976	+ break;
	2977	+ case "Rectangle":
	2978	+ $(".rectangle").remove();
	2979	+ $rootScope.isRectanglePreviewCompleted = true;
	2980	+ $("#canvasDiv").append("<div class='rectangle' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + (Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1)) + "px;height:" + (Math.abs($rootScope.MouseMoveYAxis - $rootScope.offsetY1)) + "px;'></div>");
	2981	+ break;
	2982	+ case "TextArea":
	2983	+ $(".textarea").remove();
	2984	+ $rootScope.isTextAreaPreviewCompleted = true;
	2985	+ $("#canvasDiv").append("<div class='textarea' style='z-index:12001;border:1px dashed #000000;position:absolute;left:" + $rootScope.offsetX1 + "px;top:" + $rootScope.offsetY1 + "px;width:" + (Math.abs($rootScope.MouseMoveXAxis - $rootScope.offsetX1)) + "px;height:" + (Math.abs($rootScope.MouseMoveYAxis - $rootScope.offsetY1)) + "px;'></div>");
	2986	+ break;
	2987	+
	2988	+ }
	2989	+ }
	2990	+ $rootScope.Annotationangle = function (event) {
	2991	+ var dy = $rootScope.MouseMoveYAxis - $rootScope.offsetY1;
	2992	+ var dx = $rootScope.MouseMoveXAxis - $rootScope.offsetX1;
	2993	+ var theta = 0;
	2994	+ if (dx < 0) {
	2995	+ theta = Math.atan(dy / dx) * (180 / Math.PI);
	2996	+ theta = theta + 180;
	2997	+ }
	2998	+ else if (dy < 0) {
	2999	+ theta = Math.atan(dy / dx) * (180 / Math.PI);
	3000	+ theta = theta + 360;
	3001	+ }
	3002	+ else {
	3003	+ theta = Math.atan(dy / dx) * (180 / Math.PI);
	3004	+ }
	3005	+ var dottedLineWidth = Math.sqrt(($rootScope.offsetX1 - $rootScope.MouseMoveXAxis) * ($rootScope.offsetX1 - $rootScope.MouseMoveXAxis) + ($rootScope.offsetY1 - $rootScope.MouseMoveYAxis) * ($rootScope.offsetY1 - $rootScope.MouseMoveYAxis));
	3006	+ switch ($rootScope.shapeType) {
	3007	+ case "Line":
	3008	+ $('.line').css({ 'transform': 'rotate(' + theta + 'deg)', '-moz-transform': 'rotate(' + theta + 'deg)', '-webkit-transform': 'rotate(' + theta + 'deg)', 'transform-origin': '0% 0%', 'width': dottedLineWidth + 'px' });
	3009	+ break;
	3010	+ case "Arrow":
	3011	+ $('.arrow').css({ 'transform': 'rotate(' + theta + 'deg)', '-moz-transform': 'rotate(' + theta + 'deg)', '-webkit-transform': 'rotate(' + theta + 'deg)', 'transform-origin': '0% 0%', 'width': dottedLineWidth + 'px' });
	3012	+ break;
	3013	+ case "Pin":
	3014	+ $('.pin').css({ 'transform': 'rotate(' + theta + 'deg)', '-moz-transform': 'rotate(' + theta + 'deg)', '-webkit-transform': 'rotate(' + theta + 'deg)', 'transform-origin': '0% 0%', 'width': dottedLineWidth + 'px' });
	3015	+ break;
	3016	+ }
	3017	+ }
	3018	+ $rootScope.iniiaTextAreaValues = [];
	3019	+ $rootScope.initTextAreaValues = [];
	3020	+ ///-----
	3021	+
	3022	+ var isDoubleTouchSaveText = null;
	3023	+ var isDoubleTouchSaveTextAgain = null;
	3024	+ $rootScope.saveText = function () {
	3025	+
	3026	+ document.getElementById('modelbackground').style.display = "none";
	3027	+ $rootScope.selectedBGColorForTextArea = $("#drawTextBGColorpicker span.minicolors-swatch-color").css('background-color');
	3028	+
	3029	+
	3030	+
	3031	+
	3032	+ // this part will work first time when save button will be clicked
	3033	+ if ($rootScope.IsTextAlreadySave == false) {
	3034	+
	3035	+
	3036	+ if ($location.path() == "/module-item-view") {
	3037	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	3038	+ if ($rootScope.jcanvasObjectArray[i].name == $rootScope.initialTextAreaName) {
	3039	+ $rootScope.jcanvasObjectArray.splice(i, 1);
	3040	+ $rootScope.initialTextAreaName = '';
	3041	+ }
	3042	+ }
	3043	+ }
	3044	+
	3045	+
	3046	+
	3047	+ // getting textarea style properties
	3048	+ $rootScope.fontSizes = $("#text_area").css("font-size");
	3049	+ $rootScope.fontWeight = $("#text_area").css("font-weight");
	3050	+ $rootScope.fontStyle = $("#text_area").css("font-style");
	3051	+ $rootScope.textAlignmt = $("#text_area").css("text-align");
	3052	+ $rootScope.fontColor = $("#text_area").css("color");
	3053	+ $rootScope.fontFamily = $("#text_area").css("font-family");
	3054	+ $rootScope.underlineText = $("#text_area").css("text-decoration");
	3055	+ $rootScope.textArea = $("#text_area").val();
	3056	+
	3057	+
	3058	+ // code for horizonatl text going out
	3059	+ if (/\s/.test($rootScope.textArea)) {
	3060	+
	3061	+ }
	3062	+ else
	3063	+ {
	3064	+ var contentWidthArray = [];
	3065	+ var contentWidth = Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width);
	3066	+ $("#atTextDiv").css({ "width": contentWidth, "font-size": $rootScope.fontSizes});
	3067	+ var text = $rootScope.textArea;
	3068	+ $("#textspan").empty();
	3069	+ $("#duptextspan").empty();
	3070	+ for (var i = 0; i <= text.length - 1; i++) {
	3071	+ if (contentWidthArray.length > 0) {
	3072	+ if (parseInt(contentWidthArray[0]) < $("#atTextDiv").width()) {
	3073	+ $("#duptextspan").append(text[i]);
	3074	+ $("#textspan").append(text[i]);
	3075	+ contentWidthArray = [];
	3076	+ contentWidthArray.push(Math.ceil($("#textspan").width()));
	3077	+ }
	3078	+ else {
	3079	+ contentWidthArray = [];
	3080	+ $("#duptextspan").append("\r\n");
	3081	+ $("#textspan").append("\r\n");
	3082	+ $("#duptextspan").append(text[i]);
	3083	+ $("#textspan").text('');
	3084	+ $("#textspan").append(text[i]);
	3085	+ contentWidthArray.push(Math.ceil($("#textspan").width()));
	3086	+
	3087	+ }
	3088	+ }
	3089	+ else {
	3090	+ $("#duptextspan").text(text[i]);
	3091	+ $("#textspan").text(text[i]);
	3092	+ contentWidthArray = [];
	3093	+ contentWidthArray.push(Math.ceil($("#textspan").width()));
	3094	+ }
	3095	+ }
	3096	+ $rootScope.textArea = $("#duptextspan").text();
	3097	+ console.log($rootScope.textArea);
	3098	+ }
	3099	+ // code for horizonatl text going out
	3100	+
	3101	+
	3102	+
	3103	+
	3104	+ // deleting previous text area
	3105	+ $("#canvas").removeLayer($rootScope.TextID).drawLayers();
	3106	+ $("#canvas").removeLayer($rootScope.TextAreaRectID).drawLayers();
	3107	+ // Text After Saving in Rectangle
	3108	+ $rootScope.resetTextRect = $rootScope.ObjectIndex++;
	3109	+
	3110	+ $('#canvas').drawRect({
	3111	+ name: 'TextArea1_' + $rootScope.resetTextRect,
	3112	+ layer: true,
	3113	+ draggable: true,
	3114	+ groups: ['TextAreaNew_' + $rootScope.resetTextRect],
	3115	+ dragGroups: ['TextAreaNew_' + $rootScope.resetTextRect],
	3116	+ opacity: $rootScope.shapestyleOpacity,
	3117	+ strokeStyle: $rootScope.shapestyleborderColor,
	3118	+ strokeWidth: $rootScope.shapestyleborderWidth,
	3119	+ fillStyle: $rootScope.selectedBGColorForTextArea,
	3120	+ fromCenter: false,
	3121	+ x: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].x, y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
	3122	+ width: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
	3123	+ height: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
	3124	+ resizeFromCenter: false,
	3125	+ add: function (layer) {
	3126	+ var TextAreaLayerName = layer.name;
	3127	+ var TextAreaLayerNameAftrSplit = TextAreaLayerName.split("_");
	3128	+ $rootScope.postFixLayerNumber = TextAreaLayerNameAftrSplit[1];
	3129	+ $rootScope.iniiaTextAreaValues.push({ "name": layer.name, "width": layer.width, "height": layer.height });
	3130	+ if ($location.path() == "/module-item-view") {
	3131	+ $rootScope.initialTextAreaName = layer.name;
	3132	+ $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
	3133	+ }
	3134	+ },
	3135	+ dragstop: function (layer) {
	3136	+
	3137	+ if ($location.path() == "/module-item-view") {
	3138	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	3139	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	3140	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	3141	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	3142	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	3143	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	3144	+ }
	3145	+ }
	3146	+ }
	3147	+ },
	3148	+
	3149	+ click: function (layer) {
	3150	+
	3151	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3152	+ //jcanvas property
	3153	+ layer.draggable = true;
	3154	+ $rootScope.shapeTypeText = "textAreaRect";
	3155	+ var layerName = layer.name;
	3156	+ var splitedName = layerName.split("_");
	3157	+ var textValName = "TextAreaNew_";
	3158	+ var concatinateResult = textValName.concat(splitedName[1]);
	3159	+ $rootScope.canvasLayerNameCollection = [];
	3160	+ $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
	3161	+ $('#canvas').setLayer(layer.name, {
	3162	+ handle: {
	3163	+ type: 'rectangle',
	3164	+ fillStyle: '#fff',
	3165	+ strokeStyle: '#c33',
	3166	+ strokeWidth: 2,
	3167	+ width: 5, height: 5,
	3168	+ cornerRadius: 3,
	3169	+ }
	3170	+ }).drawLayers();
	3171	+
	3172	+ }
	3173	+ else {
	3174	+ //jcanvas property
	3175	+ layer.draggable = false;
	3176	+ }
	3177	+ },
	3178	+ dblclick: function (layer) {
	3179	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3180	+ //jcanvas property
	3181	+ layer.draggable = true;
	3182	+ $rootScope.isTextAreaClosedButtonActive = false;
	3183	+ $rootScope.IsTextAlreadySave = true;
	3184	+
	3185	+ var _rectLayerOnSave = layer.name;
	3186	+ var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
	3187	+ var TextAreaRectName = "TextAreaNew_";
	3188	+ var TextAreaRectNameConcatenated = TextAreaRectName.concat(_rectLayerOnSaveSplit[1]);
	3189	+
	3190	+ $rootScope.layerNameArr = layer.name;
	3191	+ $rootScope.rectTextArr = TextAreaRectNameConcatenated;
	3192	+
	3193	+
	3194	+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
	3195	+
	3196	+ for (var i = 0; i <= $rootScope.TextPropertyArray.length - 1; i++) {
	3197	+ if ($rootScope.TextPropertyArray[i].layerName == TextAreaRectNameConcatenated) {
	3198	+
	3199	+ var textArrVal = $rootScope.TextPropertyArray[i].Rect_Text;
	3200	+ // this line of code replace the line breaks and convert into a single line.
	3201	+ textArrVal = textArrVal.replace(/(\r\n)/gm, "");
	3202	+
	3203	+ $("#text_area").val(textArrVal);
	3204	+ var fontStyleProp = $rootScope.TextPropertyArray[i].FontStyle;
	3205	+ var fontWeightProp = fontStyleProp.split(" ");
	3206	+
	3207	+ $("#text_area").css("font-size", $rootScope.TextPropertyArray[i].FontSize);
	3208	+ $("#text_area").css("font-weight", fontWeightProp[0]);
	3209	+ $("#text_area").css("font-style", fontWeightProp[1]);
	3210	+ $("#text_area").css("text-align", $rootScope.TextPropertyArray[i].Align);
	3211	+ $("#text_area").css("color", $rootScope.TextPropertyArray[i].FontColor);
	3212	+ $("#text_area").css("font-family", $rootScope.TextPropertyArray[i].FontFamily);
	3213	+ $("#text_area").css("text-decoration", $rootScope.TextPropertyArray[i].TextDecoration);
	3214	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": $rootScope.TextPropertyArray[i].FontColor });
	3215	+
	3216	+ var CurrentFontFamily = $rootScope.TextPropertyArray[i].FontFamily;
	3217	+ var CurrentFontSize = parseInt($rootScope.TextPropertyArray[i].FontSize);
	3218	+ $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
	3219	+ $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
	3220	+
	3221	+ CurrentFontFamily = '';
	3222	+ CurrentFontSize = '';
	3223	+
	3224	+
	3225	+ if ($rootScope.TextPropertyArray[i].TextDecoration == "underline") {
	3226	+
	3227	+ $("#text-underline").addClass("ActiveFormattingButtonClass");
	3228	+
	3229	+ }
	3230	+
	3231	+ else {
	3232	+
	3233	+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
	3234	+
	3235	+ }
	3236	+
	3237	+ //adding text font weight active class in text edit pop-up
	3238	+
	3239	+ if (fontWeightProp[0] == 700) {
	3240	+
	3241	+ $("#text-bold").addClass("ActiveFormattingButtonClass");
	3242	+
	3243	+ }
	3244	+
	3245	+ else {
	3246	+
	3247	+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
	3248	+
	3249	+ }
	3250	+
	3251	+ //adding text font style active class in text edit pop-up
	3252	+
	3253	+ if (fontWeightProp[1] == "italic") {
	3254	+
	3255	+
	3256	+ $("#text-italic").addClass("ActiveFormattingButtonClass");
	3257	+ }
	3258	+ else {
	3259	+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
	3260	+
	3261	+
	3262	+ }
	3263	+
	3264	+ //adding text alignment active class in text edit pop-up
	3265	+
	3266	+ if ($rootScope.TextPropertyArray[i].Align == "left") {
	3267	+
	3268	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	3269	+
	3270	+ $("#text-center").removeClass("ActiveFormattingButtonClass")
	3271	+
	3272	+ $("#text-left").addClass("ActiveFormattingButtonClass");
	3273	+
	3274	+ }
	3275	+
	3276	+ else if ($rootScope.TextPropertyArray[i].Align == "right") {
	3277	+
	3278	+
	3279	+
	3280	+ $("#text-center").removeClass("ActiveFormattingButtonClass")
	3281	+
	3282	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	3283	+
	3284	+ $("#text-right").addClass("ActiveFormattingButtonClass");
	3285	+ }
	3286	+
	3287	+ else if ($rootScope.TextPropertyArray[i].Align == "center") {
	3288	+
	3289	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	3290	+
	3291	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	3292	+
	3293	+ $("#text-center").addClass("ActiveFormattingButtonClass");
	3294	+
	3295	+ }
	3296	+
	3297	+ }
	3298	+ else {
	3299	+ // alert("no");
	3300	+
	3301	+ }
	3302	+
	3303	+ }
	3304	+
	3305	+
	3306	+ // _rectLayerOnSaveSplitInt = '';
	3307	+ textArrVal = '';
	3308	+ $("#annotationTextModal").css("padding-right", "0px");
	3309	+ document.getElementById('modelbackground').style.display = "block";
	3310	+ $("#annotationTextModal").modal("toggle");
	3311	+
	3312	+ // $("#selected-font-family").val(CurrentFontFamily);
	3313	+ // $("#selected-font-size").val(CurrentFontSize);
	3314	+ }
	3315	+ else {
	3316	+ //jcanvas property
	3317	+ layer.draggable = false;
	3318	+ }
	3319	+
	3320	+ },
	3321	+ touchstart: function (layer) {
	3322	+
	3323	+ if (isDoubleTouchSaveText == null) {
	3324	+ isDoubleTouchSaveText = setTimeout(function () {
	3325	+ isDoubleTouchSaveText = null;
	3326	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3327	+ //jcanvas property
	3328	+ layer.draggable = true;
	3329	+ $rootScope.shapeTypeText = "textAreaRect";
	3330	+ var layerName = layer.name;
	3331	+ var splitedName = layerName.split("_");
	3332	+ var textValName = "TextAreaNew_";
	3333	+ var concatinateResult = textValName.concat(splitedName[1]);
	3334	+ $rootScope.canvasLayerNameCollection = [];
	3335	+ $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
	3336	+ $('#canvas').setLayer(layer.name, {
	3337	+ handle: {
	3338	+ type: 'rectangle',
	3339	+ fillStyle: '#fff',
	3340	+ strokeStyle: '#c33',
	3341	+ strokeWidth: 2,
	3342	+ width: 5, height: 5,
	3343	+ cornerRadius: 3,
	3344	+ }
	3345	+ }).drawLayers();
	3346	+
	3347	+ }
	3348	+ else {
	3349	+ //jcanvas property
	3350	+ layer.draggable = false;
	3351	+ }
	3352	+
	3353	+ }, 1000)
	3354	+ } else {
	3355	+ clearTimeout(isDoubleTouchSaveText);
	3356	+ isDoubleTouchSaveText = null;
	3357	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3358	+ //jcanvas property
	3359	+ layer.draggable = true;
	3360	+ $rootScope.isTextAreaClosedButtonActive = false;
	3361	+ $rootScope.IsTextAlreadySave = true;
	3362	+
	3363	+ var _rectLayerOnSave = layer.name;
	3364	+ var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
	3365	+ var TextAreaRectName = "TextAreaNew_";
	3366	+ var TextAreaRectNameConcatenated = TextAreaRectName.concat(_rectLayerOnSaveSplit[1]);
	3367	+
	3368	+ $rootScope.layerNameArr = layer.name;
	3369	+ $rootScope.rectTextArr = TextAreaRectNameConcatenated;
	3370	+
	3371	+
	3372	+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
	3373	+
	3374	+ for (var i = 0; i <= $rootScope.TextPropertyArray.length - 1; i++) {
	3375	+ if ($rootScope.TextPropertyArray[i].layerName == TextAreaRectNameConcatenated) {
	3376	+
	3377	+ var textArrVal = $rootScope.TextPropertyArray[i].Rect_Text;
	3378	+ $("#text_area").val(textArrVal);
	3379	+ var fontStyleProp = $rootScope.TextPropertyArray[i].FontStyle;
	3380	+ var fontWeightProp = fontStyleProp.split(" ");
	3381	+
	3382	+ $("#text_area").css("font-size", $rootScope.TextPropertyArray[i].FontSize);
	3383	+ $("#text_area").css("font-weight", fontWeightProp[0]);
	3384	+ $("#text_area").css("font-style", fontWeightProp[1]);
	3385	+ $("#text_area").css("text-align", $rootScope.TextPropertyArray[i].Align);
	3386	+ $("#text_area").css("color", $rootScope.TextPropertyArray[i].FontColor);
	3387	+ $("#text_area").css("font-family", $rootScope.TextPropertyArray[i].FontFamily);
	3388	+ $("#text_area").css("text-decoration", $rootScope.TextPropertyArray[i].TextDecoration);
	3389	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": $rootScope.TextPropertyArray[i].FontColor });
	3390	+
	3391	+ var CurrentFontFamily = $rootScope.TextPropertyArray[i].FontFamily;
	3392	+ var CurrentFontSize = parseInt($rootScope.TextPropertyArray[i].FontSize);
	3393	+ $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
	3394	+ $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
	3395	+
	3396	+ CurrentFontFamily = '';
	3397	+ CurrentFontSize = '';
	3398	+
	3399	+
	3400	+ if ($rootScope.TextPropertyArray[i].TextDecoration == "underline") {
	3401	+
	3402	+ $("#text-underline").addClass("ActiveFormattingButtonClass");
	3403	+
	3404	+ }
	3405	+
	3406	+ else {
	3407	+
	3408	+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
	3409	+
	3410	+ }
	3411	+
	3412	+ //adding text font weight active class in text edit pop-up
	3413	+
	3414	+ if (fontWeightProp[0] == 700) {
	3415	+
	3416	+ $("#text-bold").addClass("ActiveFormattingButtonClass");
	3417	+
	3418	+ }
	3419	+
	3420	+ else {
	3421	+
	3422	+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
	3423	+
	3424	+ }
	3425	+
	3426	+ //adding text font style active class in text edit pop-up
	3427	+
	3428	+ if (fontWeightProp[1] == "italic") {
	3429	+
	3430	+
	3431	+ $("#text-italic").addClass("ActiveFormattingButtonClass");
	3432	+ }
	3433	+ else {
	3434	+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
	3435	+
	3436	+
	3437	+ }
	3438	+
	3439	+ //adding text alignment active class in text edit pop-up
	3440	+
	3441	+ if ($rootScope.TextPropertyArray[i].Align == "left") {
	3442	+
	3443	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	3444	+
	3445	+ $("#text-center").removeClass("ActiveFormattingButtonClass")
	3446	+
	3447	+ $("#text-left").addClass("ActiveFormattingButtonClass");
	3448	+
	3449	+ }
	3450	+
	3451	+ else if ($rootScope.TextPropertyArray[i].Align == "right") {
	3452	+
	3453	+
	3454	+
	3455	+ $("#text-center").removeClass("ActiveFormattingButtonClass")
	3456	+
	3457	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	3458	+
	3459	+ $("#text-right").addClass("ActiveFormattingButtonClass");
	3460	+ }
	3461	+
	3462	+ else if ($rootScope.TextPropertyArray[i].Align == "center") {
	3463	+
	3464	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	3465	+
	3466	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	3467	+
	3468	+ $("#text-center").addClass("ActiveFormattingButtonClass");
	3469	+
	3470	+ }
	3471	+
	3472	+ }
	3473	+ else {
	3474	+ // alert("no");
	3475	+
	3476	+ }
	3477	+
	3478	+ }
	3479	+
	3480	+
	3481	+ // _rectLayerOnSaveSplitInt = '';
	3482	+ textArrVal = '';
	3483	+ $("#annotationTextModal").css("padding-right", "0px");
	3484	+ document.getElementById('modelbackground').style.display = "block";
	3485	+ $("#annotationTextModal").modal("toggle");
	3486	+
	3487	+ // $("#selected-font-family").val(CurrentFontFamily);
	3488	+ // $("#selected-font-size").val(CurrentFontSize);
	3489	+ }
	3490	+ else {
	3491	+ //jcanvas property
	3492	+ layer.draggable = false;
	3493	+ }
	3494	+
	3495	+ }
	3496	+ },
	3497	+ mouseout: function (layer) {
	3498	+
	3499	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3500	+ //jcanvas property
	3501	+ layer.draggable = true;
	3502	+ $rootScope.canvasLayerNameCollection = [];
	3503	+ $('#canvas').setLayer(layer.name, {
	3504	+ handle: {
	3505	+ type: 'rectangle',
	3506	+ fillStyle: 'pink',
	3507	+ strokeStyle: 'yellow',
	3508	+ strokeWidth: 0,
	3509	+ width: 0, height: 0,
	3510	+ cornerRadius: 0
	3511	+
	3512	+ }
	3513	+ }).drawLayers();
	3514	+ }
	3515	+ else {
	3516	+ //jcanvas property
	3517	+ layer.draggable = false;
	3518	+ }
	3519	+
	3520	+ },
	3521	+ mouseover: function (layer) {
	3522	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3523	+ //jcanvas property
	3524	+ layer.draggable = true;
	3525	+ $('#canvas').setLayer(layer.name, {
	3526	+ handle: {
	3527	+ type: 'rectangle',
	3528	+ fillStyle: '#fff',
	3529	+ strokeStyle: '#c33',
	3530	+ strokeWidth: 2,
	3531	+ width: 5, height: 5,
	3532	+ cornerRadius: 3,
	3533	+ click: function () {
	3534	+ $rootScope.isTextAReaRectangleClicked = true;
	3535	+
	3536	+ }
	3537	+
	3538	+ }
	3539	+ }).drawLayers();
	3540	+ }
	3541	+ else {
	3542	+ //jcanvas property
	3543	+ layer.draggable = false;
	3544	+ }
	3545	+ },
	3546	+ change: function (layer) {
	3547	+
	3548	+ if ($rootScope.isTextAReaRectangleClicked == true) {
	3549	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3550	+ console.log(layer.x + " " + layer.y);
	3551	+ console.log($rootScope.textXAxisAftrResize + " " + $rootScope.textYAxisAftrResize);
	3552	+ $rootScope.isTextAReaRectangleClicked = false;
	3553	+ for (var i = 0; i <= $rootScope.iniiaTextAreaValues.length-1; i++) {
	3554	+
	3555	+ if ($rootScope.iniiaTextAreaValues[i].name == layer.name) {
	3556	+
	3557	+ if (($rootScope.iniiaTextAreaValues[i].width == layer.width) \|\| ($rootScope.iniiaTextAreaValues[i].height == layer.height))
	3558	+ {
	3559	+ }
	3560	+ else
	3561	+ {
	3562	+ var textAreaName = layer.name;
	3563	+ var textAreaNameAftrSplit = textAreaName.split("_");
	3564	+ var CangedTextAreaName = 'TextAreaNew_' + textAreaNameAftrSplit[1];
	3565	+ $('#canvas').setLayer(CangedTextAreaName, {
	3566	+ x: layer.x,
	3567	+ y: layer.y
	3568	+ });
	3569	+ }
	3570	+ }
	3571	+
	3572	+ }
	3573	+
	3574	+ $rootScope.textXAxisAftrResize = layer.x;
	3575	+ $rootScope.textYAxisAftrResize = layer.y;
	3576	+
	3577	+
	3578	+ if ($location.path() == "/module-item-view") {
	3579	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	3580	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	3581	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	3582	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	3583	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	3584	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	3585	+ }
	3586	+ }
	3587	+ }
	3588	+ }
	3589	+ }
	3590	+ }
	3591	+
	3592	+ }).drawText({
	3593	+ layer: true,
	3594	+ draggable: true,
	3595	+ name: 'TextAreaNew_' + $rootScope.resetTextRect,
	3596	+ groups: ['TextAreaNew_' + $rootScope.resetTextRect],
	3597	+ dragGroups: ['TextAreaNew_' + $rootScope.resetTextRect],
	3598	+ fillStyle: $rootScope.fontColor,
	3599	+ fontStyle: $rootScope.fontWeight + " " + $rootScope.fontStyle,
	3600	+ fontSize: $rootScope.fontSizes,
	3601	+ fromCenter: false,
	3602	+ fontFamily: $rootScope.fontFamily,
	3603	+ align: $rootScope.textAlignmt,
	3604	+ strokeWidth: 0,
	3605	+ text: $rootScope.textArea,
	3606	+ x: ($rootScope.rectDimension[$rootScope.rectDimension.length - 1].x), y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
	3607	+ maxWidth: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
	3608	+ maxHeight: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
	3609	+ add: function (layer) {
	3610	+ // console.log(layer.x + " " + layer.y);
	3611	+ $rootScope.textXAxisAftrResize = layer.x;
	3612	+ $rootScope.textYAxisAftrResize = layer.y;
	3613	+
	3614	+ //$rootScope.TextPropertyArray.push({ Text1: '', Align: '', FontColor: '', FontSize: '', FontStyle: '', FontFamily: '' });
	3615	+ $rootScope.TextPropertyArray.push({ layerName: layer.name, Rect_Text: layer.text, Align: layer.align, FontColor: layer.fillStyle, FontSize: layer.fontSize, FontStyle: layer.fontStyle, FontFamily: layer.fontFamily, TextDecoration: $rootScope.underlineText });
	3616	+ },
	3617	+ dblclick: function (layer) {
	3618	+
	3619	+ }
	3620	+
	3621	+ });
	3622	+ $("#text_area").val('');
	3623	+ $("#text_area").css({ " font-family": "Arial", "font-size": "14px", "font-weight": "normal", "font-style": "normal", "color": "#000", "text-align": "left", "text-decoration": "none" });
	3624	+
	3625	+ $("#selected-font-family option:eq(0)").prop('selected', true);
	3626	+ $("#selected-font-size option:eq(0)").prop('selected', true);
	3627	+
	3628	+ // $("#selected-font-family option:eq(0)").prop('selected', true);
	3629	+ // $("#selected-font-size option:eq(0)").prop('selected', true);
	3630	+
	3631	+ // $("#selected-font-family option[value='Arial']").prop('selected', true);
	3632	+ // $("#selected-font-size option[value=14]").prop('selected', true);
	3633	+
	3634	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": "#000000" });
	3635	+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
	3636	+
	3637	+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
	3638	+
	3639	+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
	3640	+
	3641	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	3642	+
	3643	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	3644	+
	3645	+ $("#text-center").removeClass("ActiveFormattingButtonClass");
	3646	+
	3647	+
	3648	+ }
	3649	+
	3650	+ // this part will work second time when save button will be clicked
	3651	+ else {
	3652	+
	3653	+
	3654	+ if ($location.path() == "/module-item-view") {
	3655	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	3656	+ if ($rootScope.jcanvasObjectArray[i].name == $rootScope.initialTextAreaName) {
	3657	+ $rootScope.jcanvasObjectArray.splice(i, 1);
	3658	+ $rootScope.initialTextAreaName = '';
	3659	+ }
	3660	+ }
	3661	+ }
	3662	+
	3663	+
	3664	+ // getting textarea style properties
	3665	+ var _modifiedText = $("#text_area").val();
	3666	+ var _modifiedFontSize = $("#text_area").css("font-size");
	3667	+ var _modifiedFontWeight = $("#text_area").css("font-weight");
	3668	+ var _modifiedFontStyle = $("#text_area").css("font-style");
	3669	+ var _modifiedTextAlign = $("#text_area").css("text-align");
	3670	+ var _modifiedFontColor = $("#text_area").css("color");
	3671	+ var _modifiedFontFamily = $("#text_area").css("font-family");
	3672	+ var _modifiedFontDecoration = $("#text_area").css("text-decoration");
	3673	+
	3674	+ // deleting previous textarea
	3675	+
	3676	+
	3677	+ // code for horizonatl text going out
	3678	+ if (/\s/.test(_modifiedText)) {
	3679	+
	3680	+ }
	3681	+ else {
	3682	+ var contentWidthArray = [];
	3683	+ var contentWidth = Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width);
	3684	+ $("#atTextDiv").css({ "width": contentWidth, "font-size": _modifiedFontSize });
	3685	+ var text = _modifiedText;
	3686	+ $("#textspan").empty();
	3687	+ $("#duptextspan").empty();
	3688	+ for (var i = 0; i <= text.length - 1; i++) {
	3689	+ if (contentWidthArray.length > 0) {
	3690	+ if (parseInt(contentWidthArray[0]) < $("#atTextDiv").width()) {
	3691	+ $("#duptextspan").append(text[i]);
	3692	+ $("#textspan").append(text[i]);
	3693	+ contentWidthArray = [];
	3694	+ contentWidthArray.push(Math.ceil($("#textspan").width()));
	3695	+ }
	3696	+ else {
	3697	+ contentWidthArray = [];
	3698	+ $("#duptextspan").append("\r\n");
	3699	+ $("#textspan").append("\r\n");
	3700	+ $("#duptextspan").append(text[i]);
	3701	+ $("#textspan").text('');
	3702	+ $("#textspan").append(text[i]);
	3703	+ contentWidthArray.push(Math.ceil($("#textspan").width()));
	3704	+
	3705	+ }
	3706	+ }
	3707	+ else {
	3708	+ $("#duptextspan").text(text[i]);
	3709	+ $("#textspan").text(text[i]);
	3710	+ contentWidthArray = [];
	3711	+ contentWidthArray.push(Math.ceil($("#textspan").width()));
	3712	+ }
	3713	+ }
	3714	+ _modifiedText = $("#duptextspan").text();
	3715	+ console.log(_modifiedText);
	3716	+ }
	3717	+ // code for horizonatl text going out
	3718	+
	3719	+
	3720	+ $("#canvas").removeLayer($rootScope.layerNameArr).drawLayers();
	3721	+ $("#canvas").removeLayer($rootScope.rectTextArr).drawLayers();
	3722	+
	3723	+ $rootScope.resetTextRectSave = $rootScope.ObjectIndexSave++;
	3724	+ $rootScope.resetTextSave = $rootScope.ObjectIndexSave++;
	3725	+
	3726	+ // generating new text area
	3727	+ // $('#canvas')
	3728	+ // Draw rect as wide as the text
	3729	+ $('#canvas').drawRect({
	3730	+ name: 'TextAreaAfterEditRect_' + $rootScope.resetTextSave,
	3731	+ layer: true,
	3732	+ draggable: true,
	3733	+ groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
	3734	+ dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
	3735	+ opacity: $rootScope.shapestyleOpacity,
	3736	+ fromCenter: false,
	3737	+ strokeStyle: $rootScope.shapestyleborderColor,
	3738	+ strokeWidth: $rootScope.shapestyleborderWidth,
	3739	+ fillStyle: $rootScope.selectedBGColorForTextArea,
	3740	+ x: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].x, y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
	3741	+ width: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
	3742	+ height: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
	3743	+ resizeFromCenter: false,
	3744	+ add: function (layer) {
	3745	+ var TextAreaLayerName = layer.name;
	3746	+ var TextAreaLayerNameAftrSplit = TextAreaLayerName.split("_");
	3747	+ $rootScope.postFixLayerNumberAftrEdit = TextAreaLayerNameAftrSplit[1];
	3748	+ $rootScope.initTextAreaValues.push({ "name": layer.name, "width": layer.width, "height": layer.height });
	3749	+ if ($location.path() == "/module-item-view") {
	3750	+ $rootScope.jcanvasObjectArray.push({ "name": layer.name, "x": layer.x, "y": layer.y, "width": layer.width, "height": layer.height });
	3751	+ }
	3752	+ },
	3753	+ dragstop: function (layer) {
	3754	+
	3755	+ if ($location.path() == "/module-item-view") {
	3756	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	3757	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	3758	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	3759	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	3760	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	3761	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	3762	+ }
	3763	+ }
	3764	+ }
	3765	+ },
	3766	+ click: function (layer) {
	3767	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3768	+ //jcanvas property
	3769	+ layer.draggable = true;
	3770	+ $rootScope.shapeTypeText = "textAreaRect";
	3771	+ var layerName = layer.name;
	3772	+ var splitedName = layerName.split("_");
	3773	+ var textValName = "TextAreaAfterEdit_";
	3774	+ var concatinateResult = textValName.concat(splitedName[1]);
	3775	+ $rootScope.canvasLayerNameCollection = [];
	3776	+ $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
	3777	+
	3778	+ $('#canvas').setLayer(layer.name, {
	3779	+ handle: {
	3780	+ type: 'rectangle',
	3781	+ fillStyle: '#fff',
	3782	+ strokeStyle: '#c33',
	3783	+ strokeWidth: 2,
	3784	+ width: 5, height: 5,
	3785	+ cornerRadius: 3,
	3786	+ }
	3787	+ }).drawLayers();
	3788	+ }
	3789	+ else {
	3790	+ //jcanvas property
	3791	+ layer.draggable = false;
	3792	+ }
	3793	+
	3794	+ },
	3795	+ dblclick: function (layer) {
	3796	+
	3797	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3798	+ //jcanvas property
	3799	+ layer.draggable = true;
	3800	+ $rootScope.isTextAreaClosedButtonActive = false;
	3801	+ $rootScope.IsTextAlreadySave = true;
	3802	+ var _rectLayerOnSave = layer.name;
	3803	+ var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
	3804	+ var RectNameAfterEdit = "TextAreaAfterEdit_";
	3805	+ var RectNameAfterEditResult = RectNameAfterEdit.concat(_rectLayerOnSaveSplit[1]);
	3806	+ $rootScope.modifySavedTextIndexNumber = _rectLayerOnSaveSplit[1];
	3807	+
	3808	+ $rootScope.layerNameArr = layer.name;
	3809	+ $rootScope.rectTextArr = RectNameAfterEditResult;
	3810	+
	3811	+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
	3812	+ // this line of code replace the line breaks and convert into a single line.
	3813	+ _modifiedText = _modifiedText.replace(/(\r\n)/gm, "");
	3814	+ $("#text_area").val(_modifiedText);
	3815	+ $("#text_area").css("font-size", _modifiedFontSize);
	3816	+ $("#text_area").css("font-weight", _modifiedFontWeight);
	3817	+ $("#text_area").css("font-style", _modifiedFontStyle);
	3818	+ $("#text_area").css("text-align", _modifiedTextAlign);
	3819	+ $("#text_area").css("color", _modifiedFontColor);
	3820	+ $("#text_area").css("font-family", _modifiedFontFamily);
	3821	+ $("#text_area").css("text-decoration", _modifiedFontDecoration);
	3822	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": _modifiedFontColor });
	3823	+
	3824	+ // $(".ActiveDefaultColorAnnotation").css({ "background-color": _modifiedFontColor + "!important" });
	3825	+ // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
	3826	+
	3827	+ //khushbu
	3828	+ var CurrentFontFamily = _modifiedFontFamily;
	3829	+ // alert(CurrentFontFamily);
	3830	+ // CurrentFontFamily = CurrentFontFamily.replace(/'/g, "");
	3831	+ var CurrentFontSize = parseInt(_modifiedFontSize);
	3832	+ $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
	3833	+ $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
	3834	+ CurrentFontFamily = '';
	3835	+ CurrentFontSize = '';
	3836	+ //adding text text decoration active class in text edit pop-up
	3837	+ if (_modifiedFontDecoration == "underline") {
	3838	+ $("#text-underline").addClass("ActiveFormattingButtonClass");
	3839	+ }
	3840	+ else {
	3841	+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
	3842	+ }
	3843	+
	3844	+ //adding text font weight active class in text edit pop-up
	3845	+ if (_modifiedFontWeight == 700) {
	3846	+
	3847	+ $("#text-bold").addClass("ActiveFormattingButtonClass");
	3848	+ }
	3849	+ else {
	3850	+
	3851	+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
	3852	+
	3853	+ }
	3854	+
	3855	+ //adding text font style active class in text edit pop-up
	3856	+ if (_modifiedFontStyle == "italic") {
	3857	+
	3858	+ $("#text-italic").addClass("ActiveFormattingButtonClass");
	3859	+ }
	3860	+ else {
	3861	+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
	3862	+
	3863	+ }
	3864	+
	3865	+ //adding text alignment active class in text edit pop-up
	3866	+ if (_modifiedTextAlign == "left") {
	3867	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	3868	+ $("#text-center").removeClass("ActiveFormattingButtonClass")
	3869	+ $("#text-left").addClass("ActiveFormattingButtonClass");
	3870	+ }
	3871	+ else if (_modifiedTextAlign == "right") {
	3872	+
	3873	+ $("#text-center").removeClass("ActiveFormattingButtonClass")
	3874	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	3875	+ $("#text-right").addClass("ActiveFormattingButtonClass");
	3876	+
	3877	+ }
	3878	+ else if (_modifiedTextAlign == "center") {
	3879	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	3880	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	3881	+ $("#text-center").addClass("ActiveFormattingButtonClass");
	3882	+
	3883	+ }
	3884	+
	3885	+ document.getElementById('modelbackground').style.display = "block";
	3886	+ $("#annotationTextModal").modal("toggle");
	3887	+ }
	3888	+ else {
	3889	+ //jcanvas property
	3890	+ layer.draggable = false;
	3891	+ }
	3892	+ },
	3893	+ touchstart: function (layer) {
	3894	+
	3895	+ if (isDoubleTouchSaveTextAgain == null) {
	3896	+ isDoubleTouchSaveTextAgain = setTimeout(function () {
	3897	+ isDoubleTouchSaveTextAgain = null;
	3898	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3899	+ //jcanvas property
	3900	+ layer.draggable = true;
	3901	+ $rootScope.shapeTypeText = "textAreaRect";
	3902	+ var layerName = layer.name;
	3903	+ var splitedName = layerName.split("_");
	3904	+ var textValName = "TextAreaAfterEdit_";
	3905	+ var concatinateResult = textValName.concat(splitedName[1]);
	3906	+ $rootScope.canvasLayerNameCollection = [];
	3907	+ $rootScope.canvasLayerNameCollection.push({ textareaRectangle: layer.name, textareaString: concatinateResult });
	3908	+
	3909	+ $('#canvas').setLayer(layer.name, {
	3910	+ handle: {
	3911	+ type: 'rectangle',
	3912	+ fillStyle: '#fff',
	3913	+ strokeStyle: '#c33',
	3914	+ strokeWidth: 2,
	3915	+ width: 5, height: 5,
	3916	+ cornerRadius: 3,
	3917	+ }
	3918	+ }).drawLayers();
	3919	+ }
	3920	+ else {
	3921	+ //jcanvas property
	3922	+ layer.draggable = false;
	3923	+ }
	3924	+
	3925	+ }, 1000)
	3926	+ } else {
	3927	+ clearTimeout(isDoubleTouchSaveTextAgain);
	3928	+ isDoubleTouchSaveTextAgain = null;
	3929	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	3930	+ //jcanvas property
	3931	+ layer.draggable = true;
	3932	+ $rootScope.isTextAreaClosedButtonActive = false;
	3933	+ $rootScope.IsTextAlreadySave = true;
	3934	+ var _rectLayerOnSave = layer.name;
	3935	+ var _rectLayerOnSaveSplit = _rectLayerOnSave.split("_");
	3936	+ var RectNameAfterEdit = "TextAreaAfterEdit_";
	3937	+ var RectNameAfterEditResult = RectNameAfterEdit.concat(_rectLayerOnSaveSplit[1]);
	3938	+ $rootScope.modifySavedTextIndexNumber = _rectLayerOnSaveSplit[1];
	3939	+
	3940	+ $rootScope.layerNameArr = layer.name;
	3941	+ $rootScope.rectTextArr = RectNameAfterEditResult;
	3942	+
	3943	+ $rootScope.rectDimension.push({ width: layer.width, height: layer.height, x: layer.x, y: layer.y });
	3944	+ $("#text_area").val(_modifiedText);
	3945	+ $("#text_area").css("font-size", _modifiedFontSize);
	3946	+ $("#text_area").css("font-weight", _modifiedFontWeight);
	3947	+ $("#text_area").css("font-style", _modifiedFontStyle);
	3948	+ $("#text_area").css("text-align", _modifiedTextAlign);
	3949	+ $("#text_area").css("color", _modifiedFontColor);
	3950	+ $("#text_area").css("font-family", _modifiedFontFamily);
	3951	+ $("#text_area").css("text-decoration", _modifiedFontDecoration);
	3952	+ $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").css({ "background-color": _modifiedFontColor });
	3953	+
	3954	+ // $(".ActiveDefaultColorAnnotation").css({ "background-color": _modifiedFontColor + "!important" });
	3955	+ // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
	3956	+
	3957	+ //khushbu
	3958	+ var CurrentFontFamily = _modifiedFontFamily;
	3959	+ // alert(CurrentFontFamily);
	3960	+ // CurrentFontFamily = CurrentFontFamily.replace(/'/g, "");
	3961	+ var CurrentFontSize = parseInt(_modifiedFontSize);
	3962	+ $("#selected-font-family option[value=" + CurrentFontFamily + "]").prop('selected', true);
	3963	+ $("#selected-font-size option[value=" + CurrentFontSize + "]").prop('selected', true);
	3964	+ CurrentFontFamily = '';
	3965	+ CurrentFontSize = '';
	3966	+ //adding text text decoration active class in text edit pop-up
	3967	+ if (_modifiedFontDecoration == "underline") {
	3968	+ $("#text-underline").addClass("ActiveFormattingButtonClass");
	3969	+ }
	3970	+ else {
	3971	+ $("#text-underline").removeClass("ActiveFormattingButtonClass");
	3972	+ }
	3973	+
	3974	+ //adding text font weight active class in text edit pop-up
	3975	+ if (_modifiedFontWeight == 700) {
	3976	+
	3977	+ $("#text-bold").addClass("ActiveFormattingButtonClass");
	3978	+ }
	3979	+ else {
	3980	+
	3981	+ $("#text-bold").removeClass("ActiveFormattingButtonClass");
	3982	+
	3983	+ }
	3984	+
	3985	+ //adding text font style active class in text edit pop-up
	3986	+ if (_modifiedFontStyle == "italic") {
	3987	+
	3988	+ $("#text-italic").addClass("ActiveFormattingButtonClass");
	3989	+ }
	3990	+ else {
	3991	+ $("#text-italic").removeClass("ActiveFormattingButtonClass");
	3992	+
	3993	+ }
	3994	+
	3995	+ //adding text alignment active class in text edit pop-up
	3996	+ if (_modifiedTextAlign == "left") {
	3997	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	3998	+ $("#text-center").removeClass("ActiveFormattingButtonClass")
	3999	+ $("#text-left").addClass("ActiveFormattingButtonClass");
	4000	+ }
	4001	+ else if (_modifiedTextAlign == "right") {
	4002	+
	4003	+ $("#text-center").removeClass("ActiveFormattingButtonClass")
	4004	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	4005	+ $("#text-right").addClass("ActiveFormattingButtonClass");
	4006	+
	4007	+ }
	4008	+ else if (_modifiedTextAlign == "center") {
	4009	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	4010	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	4011	+ $("#text-center").addClass("ActiveFormattingButtonClass");
	4012	+
	4013	+ }
	4014	+
	4015	+ document.getElementById('modelbackground').style.display = "block";
	4016	+ $("#annotationTextModal").modal("toggle");
	4017	+ }
	4018	+ else {
	4019	+ //jcanvas property
	4020	+ layer.draggable = false;
	4021	+ }
	4022	+
	4023	+ }
	4024	+ },
	4025	+ mouseout: function (layer) {
	4026	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	4027	+ //jcanvas property
	4028	+ layer.draggable = true;
	4029	+ $rootScope.canvasLayerNameCollection = [];
	4030	+ $('#canvas').setLayer(layer.name, {
	4031	+ handle: {
	4032	+ type: 'rectangle',
	4033	+ fillStyle: 'pink',
	4034	+ strokeStyle: 'yellow',
	4035	+ strokeWidth: 0,
	4036	+ width: 0, height: 0,
	4037	+ cornerRadius: 0
	4038	+ }
	4039	+ }).drawLayers();
	4040	+
	4041	+ }
	4042	+ else {
	4043	+ //jcanvas property
	4044	+ layer.draggable = false;
	4045	+ }
	4046	+ $rootScope.RectXAxisAftrResize = layer.x;
	4047	+ $rootScope.RectYAxisAftrResize = layer.y;
	4048	+ },
	4049	+ mouseover: function (layer) {
	4050	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	4051	+ //jcanvas property
	4052	+ layer.draggable = true;
	4053	+ $('#canvas').setLayer(layer.name, {
	4054	+ handle: {
	4055	+ type: 'rectangle',
	4056	+ fillStyle: '#fff',
	4057	+ strokeStyle: '#c33',
	4058	+ strokeWidth: 2,
	4059	+ width: 5, height: 5,
	4060	+ cornerRadius: 3,
	4061	+ click: function () {
	4062	+ $rootScope.isTextAReaRectangleClickedAftrEdit = true;
	4063	+ }
	4064	+ }
	4065	+ }).drawLayers();
	4066	+
	4067	+ }
	4068	+
	4069	+ else {
	4070	+ //jcanvas property
	4071	+ layer.draggable = false;
	4072	+ }
	4073	+ },
	4074	+ change: function (layer) {
	4075	+
	4076	+ if ($rootScope.isTextAReaRectangleClickedAftrEdit == true) {
	4077	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == true) {
	4078	+ console.log(layer.x + " " + layer.y);
	4079	+ console.log($rootScope.textXAxisAftrResize + " " + $rootScope.textYAxisAftrResize);
	4080	+ $rootScope.isTextAReaRectangleClickedAftrEdit = false;
	4081	+
	4082	+ for (var i = 0; i <= $rootScope.initTextAreaValues.length - 1; i++) {
	4083	+
	4084	+ if ($rootScope.initTextAreaValues[i].name == layer.name) {
	4085	+
	4086	+ if (($rootScope.initTextAreaValues[i].width == layer.width) \|\| ($rootScope.initTextAreaValues[i].height == layer.height)) {
	4087	+
	4088	+ }
	4089	+ else {
	4090	+ var textAreaName = layer.name;
	4091	+ var textAreaNameAftrSplit = textAreaName.split("_");
	4092	+ var CangedTextAreaName = 'TextAreaAfterEdit_' + textAreaNameAftrSplit[1];
	4093	+ $('#canvas').setLayer(CangedTextAreaName, {
	4094	+ x: layer.x,
	4095	+ y: layer.y
	4096	+ });
	4097	+ }
	4098	+ }
	4099	+
	4100	+ }
	4101	+
	4102	+
	4103	+ $rootScope.editTextXAxisAftrResize = layer.x;
	4104	+ $rootScope.editTextYAxisAftrResize = layer.y;
	4105	+ if ($location.path() == "/module-item-view") {
	4106	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	4107	+ if ($rootScope.jcanvasObjectArray[i].name == layer.name) {
	4108	+ $rootScope.jcanvasObjectArray[i].x = layer.x;
	4109	+ $rootScope.jcanvasObjectArray[i].y = layer.y;
	4110	+ $rootScope.jcanvasObjectArray[i].width = layer.width;
	4111	+ $rootScope.jcanvasObjectArray[i].height = layer.height;
	4112	+ }
	4113	+ }
	4114	+
	4115	+ }
	4116	+
	4117	+
	4118	+ }
	4119	+ }
	4120	+
	4121	+
	4122	+ }
	4123	+
	4124	+ }).drawText({
	4125	+ layer: true,
	4126	+ draggable: true,
	4127	+ name: 'TextAreaAfterEdit_' + $rootScope.resetTextSave,
	4128	+ groups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
	4129	+ dragGroups: ['TextAreaAfterEdit_' + $rootScope.resetTextSave],
	4130	+ fillStyle: _modifiedFontColor,
	4131	+ fontStyle: _modifiedFontWeight + " " + _modifiedFontStyle,
	4132	+ fontSize: _modifiedFontSize,
	4133	+ fontFamily: _modifiedFontFamily,
	4134	+ align: _modifiedTextAlign,
	4135	+ strokeWidth: 0,
	4136	+ fromCenter: false,
	4137	+ text: _modifiedText,
	4138	+ x: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].x, y: $rootScope.rectDimension[$rootScope.rectDimension.length - 1].y,
	4139	+ maxWidth: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].width),
	4140	+ maxHeight: Math.abs($rootScope.rectDimension[$rootScope.rectDimension.length - 1].height),
	4141	+ add: function (layer) {
	4142	+ // console.log(layer.x + " " + layer.y);
	4143	+ $rootScope.editTextXAxisAftrResize = layer.x;
	4144	+ $rootScope.editTextYAxisAftrResize = layer.y;
	4145	+ }
	4146	+ });
	4147	+
	4148	+ }
	4149	+ }
	4150	+ //----
	4151	+
	4152	+ $rootScope.onDrawingCanvasClick = function (event) {
	4153	+
	4154	+ $rootScope.clicked = true;
	4155	+ // OnPaintCanvasMouseDown(event);
	4156	+
	4157	+ var annotationCanvas = document.getElementById('canvas');
	4158	+ if (annotationCanvas != null \|\| annotationCanvas != undefined) {
	4159	+
	4160	+ annotationCanvas.addEventListener('mousedown', $rootScope.OnPaintCanvasMouseDown, false);
	4161	+ annotationCanvas.addEventListener('mouseup', $rootScope.OnPaintCanvasMouseUp, false);
	4162	+
	4163	+
	4164	+ annotationCanvas.addEventListener("touchstart", $rootScope.OnPaintCanvasMouseDown, false);
	4165	+ annotationCanvas.addEventListener("touchend", $rootScope.OnPaintCanvasMouseUp, false);
	4166	+
	4167	+ }
	4168	+
	4169	+ // alert("doclick");
	4170	+ // annotation history
	4171	+ if (event != undefined) {
	4172	+
	4173	+ if ($rootScope.isAnnotaionToolBarDrawingModeActive == false) {
	4174	+
	4175	+ $rootScope.getAnnotationTextBasedOnSelectedBodyRegion(event);
	4176	+
	4177	+ }
	4178	+ }
	4179	+
	4180	+
	4181	+ };
	4182	+
	4183	+
	4184	+ $(document).keydown(function (event) {
	4185	+
	4186	+ // predefined function for detecting keyboard key
	4187	+ if (event.which == 46) {
	4188	+
	4189	+ if ($rootScope.shapeTypePin == "Pin") {
	4190	+
	4191	+
	4192	+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].pinName).drawLayers();
	4193	+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].ArcName).drawLayers();
	4194	+ $rootScope.shapeTypePin = "";
	4195	+
	4196	+ }
	4197	+ else if ($rootScope.shapeTypeText == "textAreaRect") {
	4198	+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].textareaRectangle).drawLayers();
	4199	+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection[0].textareaString).drawLayers();
	4200	+ $rootScope.shapeTypeText = "";
	4201	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	4202	+
	4203	+ if ($rootScope.canvasLayerNameCollection[0].textareaRectangle == $rootScope.jcanvasObjectArray[i].name) {
	4204	+
	4205	+ $rootScope.jcanvasObjectArray.splice(i, 1);
	4206	+
	4207	+ }
	4208	+ // console.log($rootScope.jcanvasObjectArray);
	4209	+ }
	4210	+
	4211	+ }
	4212	+ else {
	4213	+
	4214	+ $("#canvas").removeLayer($rootScope.canvasLayerNameCollection).drawLayers();
	4215	+ if ($location.path() == "/module-item-view") {
	4216	+ for (var i = 0; i <= $rootScope.jcanvasObjectArray.length - 1; i++) {
	4217	+
	4218	+ if ($rootScope.canvasLayerNameCollection == $rootScope.jcanvasObjectArray[i].name) {
	4219	+
	4220	+ $rootScope.jcanvasObjectArray.splice(i, 1);
	4221	+ }
	4222	+ }
	4223	+ }
	4224	+ }
	4225	+ }
	4226	+
	4227	+ });
	4228	+
	4229	+
	4230	+ $rootScope.closeModal = function () {
	4231	+
	4232	+ document.getElementById('modelbackground').style.display = "none";
	4233	+ $("#drawTextBGColorpicker span.minicolors-swatch-color").css('background-color', $rootScope.selectedBGColorForTextArea);
	4234	+
	4235	+ }
	4236	+ //-- End ----------------------------
	4237	+
	4238	+
	4239	+ $rootScope.AddClick = function (x, y, dragging) {
	4240	+ $rootScope.clickX.push(x);
	4241	+ $rootScope.clickY.push(y);
	4242	+ $rootScope.clickDrag.push(dragging);
	4243	+ }
	4244	+
	4245	+ $rootScope.Redraw = function () {
	4246	+ var context = document.getElementById('paintCanvas').getContext('2d');
	4247	+
	4248	+ context.clearRect(0, 0, context.canvas.width, context.canvas.height); // Clears the canvas
	4249	+
	4250	+ context.strokeStyle = "#FFFFFF";
	4251	+ context.lineJoin = "round";
	4252	+ context.lineWidth = 5;
	4253	+
	4254	+
	4255	+ for (var i = 0; i < $rootScope.clickX.length; i++) {
	4256	+ context.beginPath();
	4257	+ if ($rootScope.clickDrag[i] && i) {
	4258	+ context.moveTo($rootScope.clickX[i - 1], $rootScope.clickY[i - 1]);
	4259	+ } else {
	4260	+ context.moveTo($rootScope.clickX[i] - 1, $rootScope.clickY[i]);
	4261	+ }
	4262	+ context.lineTo($rootScope.clickX[i], $rootScope.clickY[i]);
	4263	+ context.closePath();
	4264	+ context.stroke();
	4265	+ }
	4266	+ }
	4267	+
	4268	+ $rootScope.PaintCanvasMousedownListener = function (canvasContext, x, y) {
	4269	+ if ($rootScope.isLineDrawSelecyed == true) {
	4270	+
	4271	+ canvasContext.lineWidth = 0.1;
	4272	+ canvasContext.strokeStyle = 'red';
	4273	+ canvasContext.beginPath();
	4274	+ canvasContext.moveTo(x, y);
	4275	+ }
	4276	+
	4277	+ }
	4278	+
	4279	+ $rootScope.PaintCanvasMouseupListener = function (canvasContext) {
	4280	+ if ($scope.isLineDrawSelecyed == true) {
	4281	+
	4282	+ }
	4283	+ }
	4284	+
	4285	+ $rootScope.PaintCanvasMousemoveListener = function (canvasContext, x, y) {
	4286	+ if ($rootScope.isLineDrawSelecyed == true) {
	4287	+ console.log('hm moving')
	4288	+ canvasContext.lineTo(x, y);
	4289	+ canvasContext.stroke();
	4290	+ }
	4291	+ }
	4292	+
	4293	+ $rootScope.Draw = function (x, y, isDown, context) {
	4294	+ if (isDown) {
	4295	+ context.beginPath();
	4296	+ context.strokeStyle = '#000000';
	4297	+ context.lineWidth = 1//$('#selWidth').val();
	4298	+ context.lineJoin = "round";
	4299	+ context.moveTo($rootScope.lastX, $rootScope.lastY);
	4300	+ context.lineTo(x, y);
	4301	+ context.closePath();
	4302	+ context.stroke();
	4303	+ }
	4304	+ $rootScope.lastX = x; $rootScope.lastY = y;
	4305	+ }
	4306	+
	4307	+ $rootScope.disableAnnotationTB = false;
	4308	+ $rootScope.disableAnnotationTBFn = function () {
	4309	+ $rootScope.disableAnnotationTB = true;
	4310	+ }
	4311	+
	4312	+ //list manager function
	4313	+
	4314	+ //list manager function
	4315	+
	4316	+ $rootScope.disableAnnotationtoolOnListManager = false;
	4317	+ $rootScope.ShowListManager = function () {
	4318	+
	4319	+ $rootScope.switchCanvas();
	4320	+ $("#annotationpaintbrushsize").attr("href", "#");
	4321	+ $("#annotationpainteraser").attr("href", "#");
	4322	+ console.log('ShowListManager')
	4323	+ $rootScope.disableAnnotationtoolOnListManager = true;
	4324	+ $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').attr('disabled', 'disabled');
	4325	+ $('#slider-range-min-2').slider('disable');
	4326	+ $("#annotationpaintbrushsize").attr('disabled', 'disabled');
	4327	+ $("#annotationpainteraser").attr('disabled', 'disabled');
	4328	+ $("#annotationpaintbrushsize").css('pointer-events', 'none');
	4329	+ $("#annotationpainteraser").css('pointer-events', 'none');
	4330	+ $rootScope.isLoading = true;
	4331	+ $('#spinner').css('visibility', 'visible');
	4332	+
	4333	+ $('#listManager').css('display', 'block');
	4334	+ $("#listManager").css("visibility", "visible");
	4335	+
	4336	+ $('#listManager').draggable();
	4337	+ $rootScope.islistManagerEventAlredayDispachted = true;
	4338	+
	4339	+ $rootScope.$broadcast('listManagerEvent', true);
	4340	+
	4341	+ if ($rootScope.selectedBodySystemName == undefined && $rootScope.slectedActualTermNumber == undefined) {
	4342	+ if ($location.path() == "/module-item-view") {
	4343	+ $timeout(function () {
	4344	+ $('#termList option[selected="selected"]').prop("selected", false);
	4345	+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').prop("selected", true);
	4346	+ $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
	4347	+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').css({ "background-color": "#3399FF", "color": "#ffffff" });
	4348	+
	4349	+ }, 1000);
	4350	+ }
	4351	+ else {
	4352	+ $('#termList option[selected="selected"]').prop("selected", false);
	4353	+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').prop("selected", true);
	4354	+ $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
	4355	+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').css({ "background-color": "#3399FF", "color": "#ffffff" });
	4356	+ }
	4357	+ }
	4358	+ else {
	4359	+
	4360	+ if ($rootScope.selectedBodySystemId == undefined) {
	4361	+ $rootScope.selectedBodySystemId = 0;
	4362	+ if ($location.path() == "/module-item-view") {
	4363	+ $rootScope.refreshTermListOnAASystemSelection($rootScope.selectedBodySystemId);
	4364	+ }
	4365	+ else {
	4366	+ if ($location.path() == "/module-item-view") {
	4367	+ $rootScope.refreshTermListOnAASystemSelection($rootScope.selectedBodySystemId);
	4368	+ }
	4369	+ else {
	4370	+ $rootScope.refreshTermListOnSystemSelection($rootScope.selectedBodySystemId);
	4371	+ }
	4372	+
	4373	+ }
	4374	+ }
	4375	+ else {
	4376	+ if ($location.path() == "/module-item-view") {
	4377	+ $rootScope.refreshTermListOnAASystemSelection($rootScope.selectedBodySystemId);
	4378	+ }
	4379	+ else {
	4380	+ $rootScope.refreshTermListOnSystemSelection($rootScope.selectedBodySystemId);
	4381	+ }
	4382	+
	4383	+ }
	4384	+
	4385	+ $timeout(function () {
	4386	+ $('#bodySystems option[selected="selected"]').prop("selected", false);
	4387	+ $('#bodySystems option[value="' + $rootScope.selectedBodySystemName + '"]').prop("selected", true);
	4388	+ $("#termList").find("option").css({ "background-color": "#ffffff", "color": "#000000" });
	4389	+ $('#termList option[value="' + $rootScope.searchSelectedText + '"]').css({ "background-color": "#3399FF", "color": "#ffffff" });
	4390	+
	4391	+ }, 1000);
	4392	+ }
	4393	+ $("#optionsListManagerTab").addClass("active");
	4394	+ var viewNameAftrSplit;
	4395	+ if ($("#viewName").val() !== null) {
	4396	+ viewNameAftrSplit = $("#viewName").val().split(" ");
	4397	+
	4398	+ if (viewNameAftrSplit[0] == "null") {
	4399	+ document.location.href = "/";
	4400	+ }
	4401	+ }
	4402	+ if ($location.url() == "/module-item-view") {
	4403	+ $("#termList").attr("onclick", "if (typeof(this.selectedIndex) != 'undefined') onSearchItemSelection(this.options[this.selectedIndex].id)");
	4404	+ }
	4405	+ else {
	4406	+ $("#termList").attr("onclick", "if (typeof(this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id, true)");
	4407	+ }
	4408	+
	4409	+ }
	4410	+
	4411	+ $rootScope.CloseListManager = function () {
	4412	+ $("#btnTranparency").removeAttr('disabled', 'disabled');
	4413	+ $("#optionsListManagerTab").removeClass("active");
	4414	+ $rootScope.isListManagerMenuSelected = false;
	4415	+ console.log('listManager closed');
	4416	+ $rootScope.disableAnnotationtoolOnListManager = false;
	4417	+ if ($rootScope.MenuModuleName == "DA" \|\| $rootScope.MenuModuleName == "AA") {
	4418	+ $("#annotationpaintbrushsize").attr("href", "#canvasPaint");
	4419	+ $("#annotationpainteraser").attr("href", "#canvasPaint");
	4420	+ if ($rootScope.disableAnnotationtoolOnListManager == false) {
	4421	+ $('#AnnotaionPopupDiv').find('a,input, textarea, button, select,img,div').removeAttr('disabled', 'disabled');
	4422	+ $('#slider-range-min-2').slider('enable');
	4423	+ $("#annotationpaintbrushsize").removeAttr('disabled', 'disabled');
	4424	+ $("#annotationpainteraser").removeAttr('disabled', 'disabled');
	4425	+ $("#annotationpaintbrushsize").css('pointer-events', 'auto');
	4426	+ $("#annotationpainteraser").css('pointer-events', 'auto');
	4427	+ if ($(".annotationTollbar").css("display") == "block") {
	4428	+ $rootScope.switchCanvasToPaintCanvas();
	4429	+ }
	4430	+ }
	4431	+ }
	4432	+ if ($location.path() == "/module-item-view") {
	4433	+ $rootScope.selectedBodySystemName = $("#AABodySystems").val();
	4434	+ $rootScope.selectedBodySystemId = $('#AABodySystems option[value="' + $rootScope.selectedBodySystemName + '"]').attr("id");
	4435	+ }
	4436	+ $('#listManager').css('display', 'none');
	4437	+ $("#listManager").css("visibility", "hidden");
	4438	+
	4439	+ $rootScope.isLoading = false;
	4440	+ $('#spinner').css('visibility', 'hidden');
	4441	+ //$('#spinner').css('display', 'none');
	4442	+ // $rootScope.isAnnotationWindowClose = true;
	4443	+ // if('#termList')
	4444	+ if ($('#termList option').length > 0) {
	4445	+ //$('#termList option') = null;
	4446	+ //$('#termList').innerHTML='';
	4447	+ $('#termList')
	4448	+ .find('option')
	4449	+ .remove()
	4450	+ .end()
	4451	+ if ($('#termList option').length > 0) {
	4452	+
	4453	+ }
	4454	+ }
	4455	+
	4456	+ $rootScope.prevId = "";
	4457	+ }
	4458	+
	4459	+ function fillListManagerTerms() {
	4460	+
	4461	+ var len = $rootScope.openModules.length;
	4462	+ var openViewLen = $rootScope.openViews.length;
	4463	+
	4464	+ var currentOpenModuleId = $rootScope.openModules[len - 1].ModuleId;
	4465	+ var currentOpenViewId = $rootScope.openViews[openViewLen - 1].BodyViewId;
	4466	+ if (currentOpenModuleId == 1) {
	4467	+
	4468	+ }
	4469	+
	4470	+ }
	4471	+
	4472	+ //setrtings
	4473	+ $rootScope.SetSettingActiveTab = function (tabToSet) {
	4474	+ $rootScope.SettingsTab = tabToSet;
	4475	+ };
	4476	+
	4477	+ $rootScope.loadsettings = function () {
	4478	+
	4479	+ //1. For now we are by default opening DA settings tab
	4480	+ $rootScope.SettingsTab = 3;
	4481	+
	4482	+ //2.
	4483	+ var curentEthnicity = $rootScope.getLocalStorageValue("globalEthnicity");
	4484	+ if (typeof (curentEthnicity) !== "undefined" && curentEthnicity !== null) {
	4485	+ $rootScope.globalSetting.ethnicity = curentEthnicity;
	4486	+ }
	4487	+ else {
	4488	+ localStorage.setItem("globalEthnicity", $rootScope.globalSetting.ethnicity);
	4489	+ }
	4490	+
	4491	+ var curentmodesty = $rootScope.getLocalStorageValue("globalModesty");
	4492	+ if (typeof (curentmodesty) !== "undefined" && curentmodesty !== null) {
	4493	+ $rootScope.globalSetting.modesty = curentmodesty
	4494	+ }
	4495	+ else {
	4496	+ localStorage.setItem("globalModesty", $rootScope.globalSetting.modesty);
	4497	+ }
	4498	+
	4499	+ //3.
	4500	+ $rootScope.setModestySettings($rootScope.globalSetting.modesty);
	4501	+
	4502	+ //4.
	4503	+ $rootScope.setEthncitySettings($rootScope.globalSetting.ethnicity);
	4504	+
	4505	+
	4506	+ };
	4507	+
	4508	+ $rootScope.setModestySettings = function (currentmodsetting) {
	4509	+
	4510	+ if (currentmodsetting == 'Y') {
	4511	+ $rootScope.isModestyOn = true;
	4512	+ $rootScope.isModestyOff = false;
	4513	+ }
	4514	+ else {
	4515	+ $rootScope.isModestyOn = false;
	4516	+ $rootScope.isModestyOff = true;
	4517	+ }
	4518	+ }
	4519	+
	4520	+ $rootScope.setEthncitySettings = function (currentEthncitysetting) {
	4521	+
	4522	+ // this code is used for maintaing the currently selected Ethencity.
	4523	+ if (currentEthncitysetting == 'L') {
	4524	+ $("#btnEthnicA").addClass("skindefault");
	4525	+ if ($("#btnEthnicB").hasClass("skindefault")) { $("#btnEthnicB").removeClass("skindefault"); }
	4526	+ if ($("#btnEthnicL").hasClass("skindefault")) { $("#btnEthnicL").removeClass("skindefault"); }
	4527	+ if ($("#btnEthnicW").hasClass("skindefault")) { $("#btnEthnicW").removeClass("skindefault"); }
	4528	+ }
	4529	+ if (currentEthncitysetting == 'B') {
	4530	+ $("#btnEthnicB").addClass("skindefault");
	4531	+ if ($("#btnEthnicL").hasClass("skindefault")) { $("#btnEthnicL").removeClass("skindefault"); }
	4532	+ if ($("#btnEthnicW").hasClass("skindefault")) { $("#btnEthnicW").removeClass("skindefault"); }
	4533	+ if ($("#btnEthnicA").hasClass("skindefault")) { $("#btnEthnicA").removeClass("skindefault"); }
	4534	+ }
	4535	+ if (currentEthncitysetting == 'A') {
	4536	+ $("#btnEthnicL").addClass("skindefault");
	4537	+ if ($("#btnEthnicB").hasClass("skindefault")) { $("#btnEthnicB").removeClass("skindefault"); }
	4538	+ if ($("#btnEthnicW").hasClass("skindefault")) { $("#btnEthnicW").removeClass("skindefault"); }
	4539	+ if ($("#btnEthnicA").hasClass("skindefault")) { $("#btnEthnicA").removeClass("skindefault"); }
	4540	+ }
	4541	+ if (currentEthncitysetting == 'W') {
	4542	+ $("#btnEthnicW").addClass("skindefault");
	4543	+ if ($("#btnEthnicB").hasClass("skindefault")) { $("#btnEthnicB").removeClass("skindefault"); }
	4544	+ if ($("#btnEthnicL").hasClass("skindefault")) { $("#btnEthnicL").removeClass("skindefault"); }
	4545	+ if ($("#btnEthnicA").hasClass("skindefault")) { $("#btnEthnicA").removeClass("skindefault"); }
	4546	+ }
	4547	+ }
	4548	+
	4549	+ $rootScope.ChangeEthnicity = function (formsetting, skintone) {
	4550	+
	4551	+ if ($rootScope.isCloseSettingClicked == true) {
	4552	+ formsetting.ethnicity = localStorage.getItem("globalEthnicity");
	4553	+ $rootScope.isCloseSettingClicked = false;
	4554	+ }
	4555	+ else {
	4556	+ formsetting.ethnicity = skintone;
	4557	+ }
	4558	+ $rootScope.setEthncitySettings(formsetting.ethnicity);
	4559	+
	4560	+
	4561	+
	4562	+ }
	4563	+
	4564	+ $rootScope.ChangeModesty = function (formsetting, modestyValue) {
	4565	+ formsetting.modesty = modestyValue;
	4566	+ $rootScope.setModestySettings(formsetting.modesty);
	4567	+
	4568	+ }
	4569	+ $rootScope.isApplyBtnClicked = false;
	4570	+ $rootScope.CloseSetting = function () {
	4571	+ $rootScope.isCloseSettingClicked = true;
	4572	+ $rootScope.setEthncitySettings($rootScope.globalSetting.ethnicity);
	4573	+ $rootScope.setModestySettings($rootScope.globalSetting.modesty);
	4574	+ if ($rootScope.isApplyBtnClicked == false) {
	4575	+
	4576	+ $rootScope.deSelectLanguageOptions();
	4577	+ }
	4578	+ else {
	4579	+
	4580	+ $rootScope.isApplyBtnClicked = false;
	4581	+ }
	4582	+ $('#modal-settings').css("display", "none");
	4583	+ $("#modelsettingsbackground").css("display", "none");
	4584	+ }
	4585	+
	4586	+ $rootScope.UpdateAndCloseSetting = function (setting) {
	4587	+
	4588	+ $rootScope.UpdateSetting(setting);
	4589	+ if ($rootScope.MenuModuleName == "DA" \|\| $rootScope.MenuModuleName == "AA") {
	4590	+ $rootScope.loadSearchData();
	4591	+ }
	4592	+ $rootScope.isApplyBtnClicked = false;
	4593	+ //$timeout(function () {
	4594	+ $('#modal-settings').css("display", "none");
	4595	+ $("#modelsettingsbackground").css("display", "none");
	4596	+ // $("#setting-spinner").css("display", "none");
	4597	+ if ($rootScope.MenuModuleName == "DA" \|\| $rootScope.MenuModuleName == "AA") {
	4598	+ $("#setting-spinner").css("display", "block");
	4599	+ }
	4600	+
	4601	+ $rootScope.lexiconLanguageArrayLength = $rootScope.lexiconLanguageArray.length;
	4602	+
	4603	+ // }, 6000);
	4604	+ };
	4605	+
	4606	+
	4607	+
	4608	+ $rootScope.deSelectLanguageOptions = function () {
	4609	+
	4610	+ var languageDifference = ($rootScope.lexiconLanguageArrayLength) - ($rootScope.lexiconLanguageArray.length);
	4611	+ languageDifference = parseInt(languageDifference);
	4612	+ if (languageDifference > 0) {
	4613	+ for (var i = 0; i <= $rootScope.lexiconRemovedLanguage.length - 1; i++) {
	4614	+ $("#lexiconLangDropdown option").each(function () {
	4615	+ if ($rootScope.lexiconRemovedLanguage[i].language == $(this).val()) {
	4616	+ $(this).remove();
	4617	+ $('#secondLax').append('<option val="' + $rootScope.lexiconRemovedLanguage[i].id + '">' + $rootScope.lexiconRemovedLanguage[i].language + '</option>');
	4618	+ $rootScope.lexiconLanguageArray.push({ "id": $rootScope.lexiconRemovedLanguage[i].id, "language": $rootScope.lexiconRemovedLanguage[i].language });
	4619	+ }
	4620	+ });
	4621	+
	4622	+ if ($rootScope.lexiconRemovedLanguage[i].language == $("#primarylaxican").val()) {
	4623	+
	4624	+ $rootScope.lexiconLanguageArray[0].id = $rootScope.primaryLangID;
	4625	+ $rootScope.lexiconLanguageArray[0].language = $rootScope.lexiconPrimaryLanguage;
	4626	+ $("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
	4627	+ $('#primarylaxican').attr("name", $rootScope.primaryLangID);
	4628	+ $('#secondLax').append('<option val="' + $rootScope.lexiconRemovedLanguage[i].id + '">' + $rootScope.lexiconRemovedLanguage[i].language + '</option>');
	4629	+ $rootScope.lexiconLanguageArray.push({ "id": $rootScope.lexiconRemovedLanguage[i].id, "language": $rootScope.lexiconRemovedLanguage[i].language });
	4630	+ $("#lexiconLangDropdown option").each(function () {
	4631	+ if($rootScope.lexiconPrimaryLanguage == $(this).val()){
	4632	+ $(this).remove();
	4633	+ }
	4634	+ });
	4635	+ }
	4636	+
	4637	+ //$("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
	4638	+ //$('#primarylaxican').attr("name", $rootScope.primaryLangID);
	4639	+
	4640	+ }
	4641	+ }
	4642	+ else if (languageDifference < 0) {
	4643	+ languageDifference = Math.abs(languageDifference);
	4644	+ for (var i = 1; i <= languageDifference; i++) {
	4645	+ var lexiconArrayLength = $rootScope.lexiconLanguageArray.length;
	4646	+
	4647	+ $("#secondLax option").each(function () {
	4648	+ if ($rootScope.lexiconLanguageArray[lexiconArrayLength - 1].language == $(this).val()) {
	4649	+ $(this).remove();
	4650	+ }
	4651	+
	4652	+ })
	4653	+ $('#lexiconLangDropdown').append('<option val="' + $rootScope.lexiconLanguageArray[lexiconArrayLength - 1].id + '">' + $rootScope.lexiconLanguageArray[lexiconArrayLength - 1].language + '</option>');
	4654	+ $rootScope.lexiconLanguageArray.pop();
	4655	+ }
	4656	+ if ($rootScope.lexiconPrimaryLanguage == $("#primarylaxican").val()) {
	4657	+ }
	4658	+ else
	4659	+ {
	4660	+ $rootScope.lexiconLanguageArray[0].id = $rootScope.primaryLangID;
	4661	+ $rootScope.lexiconLanguageArray[0].language = $rootScope.lexiconPrimaryLanguage;
	4662	+ $("#lexiconLangDropdown option").each(function () {
	4663	+ if ($rootScope.lexiconPrimaryLanguage == $(this).val()) {
	4664	+ $(this).remove();
	4665	+ }
	4666	+ })
	4667	+ $('#lexiconLangDropdown').append('<option val="' + $('#primarylaxican').attr("name") + '">' + $("#primarylaxican").val() + '</option>');
	4668	+ $("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
	4669	+ $('#primarylaxican').attr("name", $rootScope.primaryLangID);
	4670	+ }
	4671	+ }
	4672	+
	4673	+ else if (languageDifference == 0) {
	4674	+ if ($rootScope.lexiconPrimaryLanguage == $("#primarylaxican").val()) {
	4675	+ // alert("same name");
	4676	+ }
	4677	+ else {
	4678	+ $rootScope.lexiconLanguageArray[0].id = $rootScope.primaryLangID;
	4679	+ $rootScope.lexiconLanguageArray[0].language = $rootScope.lexiconPrimaryLanguage;
	4680	+ $("#lexiconLangDropdown option").each(function () {
	4681	+ if ($rootScope.lexiconPrimaryLanguage == $(this).val()) {
	4682	+ $(this).remove();
	4683	+ }
	4684	+ })
	4685	+ $('#lexiconLangDropdown').append('<option val="' + $('#primarylaxican').attr("name") + '">' + $("#primarylaxican").val() + '</option>');
	4686	+ $("#primarylaxican").val($rootScope.lexiconPrimaryLanguage);
	4687	+ $('#primarylaxican').attr("name", $rootScope.primaryLangID);
	4688	+ }
	4689	+ }
	4690	+ }
	4691	+
	4692	+
	4693	+ $rootScope.UpdateSetting = function (setting) {
	4694	+
	4695	+ $rootScope.isApplyBtnClicked = true;
	4696	+ var isReloadingViewRequired = false;
	4697	+ //1.
	4698	+ if (typeof (setting.ethnicity) !== "undefined" && setting.ethnicity !== null) {
	4699	+ $rootScope.ChangeEthnicity(setting, setting.ethnicity);
	4700	+ }
	4701	+ if (typeof (setting.modesty) !== "undefined" && setting.modesty !== null) {
	4702	+ $rootScope.ChangeModesty(setting, setting.modesty);
	4703	+ }
	4704	+
	4705	+ //2.
	4706	+ if ((setting.ethnicity != null && setting.ethnicity != $rootScope.globalSetting.ethnicity) && (setting.modesty != null && setting.modesty != $rootScope.globalSetting.modesty)) {
	4707	+ $rootScope.globalSetting.ethnicity = setting.ethnicity;
	4708	+ localStorage.setItem("globalEthnicity", $rootScope.globalSetting.ethnicity);
	4709	+
	4710	+ $rootScope.globalSetting.modesty = setting.modesty;
	4711	+ localStorage.setItem("globalModesty", setting.modesty);
	4712	+
	4713	+ isReloadingViewRequired = true;
	4714	+
	4715	+ }
	4716	+
	4717	+ else if (setting.ethnicity != null && setting.ethnicity != $rootScope.globalSetting.ethnicity) {
	4718	+
	4719	+ $rootScope.globalSetting.ethnicity = setting.ethnicity;
	4720	+ localStorage.setItem("globalEthnicity", $rootScope.globalSetting.ethnicity);
	4721	+
	4722	+ $rootScope.globalSetting.modesty = $rootScope.getLocalStorageValue("globalModesty");
	4723	+
	4724	+ isReloadingViewRequired = true;
	4725	+ }
	4726	+ else if (setting.modesty != null && setting.modesty != $rootScope.globalSetting.modesty) {
	4727	+ $rootScope.globalSetting.modesty = setting.modesty;
	4728	+ localStorage.setItem("globalModesty", $rootScope.globalSetting.modesty);
	4729	+
	4730	+ $rootScope.globalSetting.ethnicity = $rootScope.getLocalStorageValue("globalEthnicity");
	4731	+
	4732	+ if ($('.modestyImg') != null) {
	4733	+ if (($rootScope.globalSetting.modesty == 'Y')) {
	4734	+ $('.modestyImg').css('visibility', 'visible');
	4735	+ }
	4736	+
	4737	+ else {
	4738	+ $('.modestyImg').css('visibility', 'hidden');
	4739	+ }
	4740	+ }
	4741	+
	4742	+ if ($('.transModestyImg') != null) {
	4743	+ if (($rootScope.globalSetting.modesty == 'Y')) {
	4744	+ $('.transModestyImg').css('visibility', 'visible');
	4745	+ }
	4746	+
	4747	+ else {
	4748	+ $('.transModestyImg').css('visibility', 'hidden');
	4749	+ }
	4750	+ }
	4751	+ $rootScope.changeNavigatorModesty();
	4752	+ }
	4753	+
	4754	+ var len = $rootScope.openModules.length;
	4755	+ if (len > 0) {
	4756	+ if (isReloadingViewRequired == true) {
	4757	+ $rootScope.reloadChildController();
	4758	+ }
	4759	+ }
	4760	+ else {
	4761	+
	4762	+ $('#modal-settings').css("display", "none");
	4763	+ $("#modelsettingsbackground").css("display", "none");
	4764	+ }
	4765	+ $rootScope.lexiconRemovedLanguage = [];
	4766	+ $("#secondLax option").each(function () {
	4767	+ $rootScope.lexiconRemovedLanguage.push({ "id": $(this).attr("val"), "language": $(this).val() });
	4768	+ });
	4769	+ };
	4770	+
	4771	+
	4772	+
	4773	+
	4774	+
	4775	+
	4776	+
	4777	+
	4778	+
	4779	+
	4780	+
	4781	+
	4782	+ $rootScope.reloadChildController = function () {
	4783	+
	4784	+ var len = $rootScope.openModules.length;
	4785	+
	4786	+ var currentOpenModuleId = $rootScope.openModules[len - 1].ModuleId;
	4787	+
	4788	+ //checking is DA module is opend.
	4789	+ if (currentOpenModuleId == 1) {
	4790	+
	4791	+ //Check that what current bodyview is open
	4792	+ if ($rootScope.openViews.length > 0) {
	4793	+ var openViewLen = $rootScope.openViews.length;
	4794	+ var currentOpenViewId = $rootScope.getLocalStorageValue("currentBodyViewId");//$rootScope.openViews[openViewLen - 1].BodyViewId;
	4795	+ $rootScope.isSettingEventAlredayDispachted = true;
	4796	+ $rootScope.$broadcast('reloadDABodyViewEvent', { reloadDABodyViewId: currentOpenViewId }, true);
	4797	+ }
	4798	+ else {
	4799	+ $rootScope.$broadcast('reloadDAControllerEvent', true);
	4800	+
	4801	+ }
	4802	+ }
	4803	+ };
	4804	+
	4805	+
	4806	+ $rootScope.changeNavigatorModesty = function () {
	4807	+ var currentOpenViewId = $rootScope.getLocalStorageValue("currentBodyViewId");//$rootScope.openViews[openViewLen - 1].BodyViewId;
	4808	+
	4809	+ $rootScope.$broadcast('changeNavigatorModestyEvent', { bodyViewId: currentOpenViewId }, true);
	4810	+
	4811	+ };
	4812	+
	4813	+ $rootScope.ShowExportImageWindow = function () {
	4814	+ $(".export-image").modal("show").draggable({ handle: ".modal-header" });
	4815	+
	4816	+ $(".modal-backdrop").css("opacity", ".5");
	4817	+ $(".modal-backdrop").css("z-index", "1200001");
	4818	+ };
	4819	+
	4820	+
	4821	+
	4822	+ $rootScope.ShowPrintWindow = function () { // Print Active Viewer
	4823	+ html2canvas($("#canvasDiv"), {
	4824	+ onrendered: function (canvas) {
	4825	+ var dataURL = canvas.toDataURL("image/jpeg");
	4826	+ var imageToPrint = new Image();
	4827	+ imageToPrint.src = dataURL;
	4828	+ $('#snipImage').attr('src', dataURL);
	4829	+
	4830	+ $('#spnModule').text($rootScope.currentActiveModuleTitle);
	4831	+ $('#spnBodyViewTitle').text($rootScope.getLocalStorageValue('currentViewTitle'));
	4832	+
	4833	+ PrintDivContentByID('printBox'); // Open Print Window
	4834	+ }
	4835	+ });
	4836	+ };
	4837	+
	4838	+ $rootScope.ShowPrintPreviewWindow = function (event) { // Print Preview
	4839	+ if ($location.url() == "/module-item-view") {
	4840	+ if ($("#hidePinBtn").hasClass("btn-primary")) {
	4841	+ $rootScope.isHidePinBtnActiveInPrintPreview = true;
	4842	+ }
	4843	+ if ($("#selectedPin").hasClass("btn-primary")) {
	4844	+ $rootScope.isShowSelectedPinActiveInPrintPrevMode = true;
	4845	+ }
	4846	+ if ($("#allPinBtn").hasClass("btn-primary")) {
	4847	+ $rootScope.isShowAllPinBtnActiveInPrintPreviewMode = true;
	4848	+ }
	4849	+ }
	4850	+ $(".tools").css("z-index", "1029");
	4851	+ $rootScope.CloseListManager();
	4852	+ $rootScope.CloseAnnotationTool();
	4853	+ $("#annotationButton").parent().addClass("disableMenuannotation");
	4854	+ $("#annotationToolBarOptions").addClass("disableMenuoption");
	4855	+ $("#optionsListManagerTab").addClass("disableMenuoption");
	4856	+ $('#dvPrintPreview').css('display', 'block');
	4857	+ html2canvas($("#canvasDiv"), {
	4858	+ onrendered: function (canvas) {
	4859	+ var dataURL = canvas.toDataURL("image/jpeg");
	4860	+ var imageToPrint = new Image();
	4861	+ imageToPrint.src = dataURL;
	4862	+
	4863	+ OpenJSPanel(); // open jsPanel here
	4864	+ if ($('#jsPanel-1').length > 0) {
	4865	+ $('.jsPanel-btn-norm').attr('style', 'display: none');
	4866	+ }
	4867	+
	4868	+ console.log('jsPanel loaded exist= ' + document.getElementById('jsPanel-1')); // document.getElementsByClassName('ppImagePanel'));
	4869	+
	4870	+ var curModule = $rootScope.currentActiveModuleTitle;
	4871	+ var curPosture = $rootScope.getLocalStorageValue('currentViewTitle');
	4872	+
	4873	+ if (document.getElementById('jsPanel-1')) { //document.getElementsByClassName('ppImagePanel')) {
	4874	+ if (dataURL == "" \|\| dataURL == undefined) {
	4875	+
	4876	+ setTimeout(function () {
	4877	+ document.getElementById('imgPortrait').setAttribute('src', dataURL);
	4878	+ document.getElementById('imgLandscape').setAttribute('src', dataURL);
	4879	+ document.getElementById('spnModulePor').innerHTML = curModule;
	4880	+ document.getElementById('spnBodyViewTitlePor').innerHTML = curPosture;
	4881	+ document.getElementById('spnModuleLan').innerHTML = curModule;
	4882	+ document.getElementById('spnBodyViewTitleLan').innerHTML = curPosture;
	4883	+ if ($('#printcontainer').length > 0) {
	4884	+ $("#printcontainer").css('width', $(window).outerWidth());
	4885	+ $("#printcontainer").css('height', $(window).outerHeight());
	4886	+ }
	4887	+ if ($location.url() == "/module-item-view") {
	4888	+ $("#aaDetailViewCanvas").css("display", "none");
	4889	+ $("#canvasPaint").css("display", "none");
	4890	+ $("#canvas").css("display", "none");
	4891	+
	4892	+ }
	4893	+ }, 520);
	4894	+ }
	4895	+ else {
	4896	+ setTimeout(function () {
	4897	+ document.getElementById('imgPortrait').setAttribute('src', dataURL);
	4898	+ document.getElementById('imgLandscape').setAttribute('src', dataURL);
	4899	+ document.getElementById('spnModulePor').innerHTML = curModule;
	4900	+ document.getElementById('spnBodyViewTitlePor').innerHTML = curPosture;
	4901	+ document.getElementById('spnModuleLan').innerHTML = curModule;
	4902	+ document.getElementById('spnBodyViewTitleLan').innerHTML = curPosture;
	4903	+ if ($('#printcontainer').length > 0) {
	4904	+ $("#printcontainer").css('width', $(window).outerWidth());
	4905	+ $("#printcontainer").css('height', $(window).outerHeight());
	4906	+ }
	4907	+ if ($location.url() == "/module-item-view") {
	4908	+ $("#aaDetailViewCanvas").css("display", "none");
	4909	+ $("#canvasPaint").css("display", "none");
	4910	+ $("#canvas").css("display", "none");
	4911	+ }
	4912	+ }, 320);
	4913	+ }
	4914	+
	4915	+ }
	4916	+
	4917	+ $('#fileMenuAnchor').parent().addClass('disableFileMenu');
	4918	+ if ($('#daImagePanel').length > 0) {
	4919	+ console.log('close')
	4920	+ //$('#daImagePanel').css('display', 'none');
	4921	+ // $('#daImagePanel').remove();
	4922	+ }
	4923	+ }
	4924	+ });
	4925	+
	4926	+ if ($location.url() == "/module-item-view") {
	4927	+ $timeout(function () {
	4928	+ $rootScope.hidePins();
	4929	+ }, 100);
	4930	+ }
	4931	+ $timeout(function () {
	4932	+ var $ua = navigator.userAgent;
	4933	+ if (($ua.match(/(iPod\|iPhone\|iPad\|android)/i))) {
	4934	+ var printContainerWidth = $("#printcontainer").css("width");
	4935	+ $("#printcontainer").css({ "width": "100%", "min-width": printContainerWidth });
	4936	+ var jspanelContainerWidth = $("#jsPanel-1 .jsPanel-content").css("width");
	4937	+ $("#jsPanel-1 .jsPanel-content").css({ "width": "100%", "min-width": jspanelContainerWidth });
	4938	+ $("#jsPanel-1").css("width", "100%");
	4939	+
	4940	+ }
	4941	+ }, 500)
	4942	+ };
	4943	+
	4944	+ function OpenJSPanel() {
	4945	+ $("#daImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
	4946	+ $("#ciImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
	4947	+ $("#ImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
	4948	+ $.jsPanel({
	4949	+ id: 'jsPanel-1',
	4950	+ selector: '#dvPrintPreview',
	4951	+ theme: 'success',
	4952	+ currentController: 'HomeController',
	4953	+ //parentSlug: 'da-view-list', //After closing panel, control moves to here
	4954	+ ajax: {
	4955	+ url: 'app/views/home/printPreview.html'
	4956	+ },
	4957	+ title: $rootScope.getLocalStorageValue("currentViewTitle"),
	4958	+ position: {
	4959	+ top: 70,
	4960	+ left: 1,
	4961	+ },
	4962	+ controls: { buttons: 'closeonly' },
	4963	+ size: { width: $(window).outerWidth(), height: $(window).outerHeight() + 60 },
	4964	+ //size: { width: $(window).outerWidth() - 10, height: $(window).outerHeight() - 110 },
	4965	+ });
	4966	+ }
	4967	+ $rootScope.getLocalStorageValue = function (localStorageParam) {
	4968	+
	4969	+
	4970	+
	4971	+ if ((localStorage.getItem('loggedInUserDetails') == null) && ($rootScope.isVisibleLogin == false)) {
	4972	+ if ($location.url().indexOf('?em') == -1 && $location.url().indexOf('?unb') == -1)
	4973	+ $rootScope.LogoutUser();
	4974	+
	4975	+
	4976	+ }
	4977	+ else {
	4978	+ return localStorage.getItem(localStorageParam);
	4979	+ }
	4980	+
	4981	+
	4982	+ }
	4983	+ // $(<parent>).on('<event>', '<child>', callback);
	4984	+ $(document).on('change', 'input[name=inlineRadioOptions]', function () {
	4985	+ if ($(this).attr("value") == "Portrait") {
	4986	+ $(".print-box").not(".portrait-box").hide();
	4987	+ $(".portrait-box").show();
	4988	+ }
	4989	+ if ($(this).attr("value") == "Landscape") {
	4990	+ $(".print-box").not(".landscape-box").hide();
	4991	+ $(".landscape-box").show();
	4992	+ }
	4993	+ });
	4994	+
	4995	+ $(document).on('change', '#printPSOptions', function () {
	4996	+ var option = $('#printPSOptions').find(":selected").text();
	4997	+ switch (option) {
	4998	+ case ("10%"):
	4999	+ ResizeImage(0.1);
	5000	+ break;
	5001	+ case ("25%"):
	5002	+ ResizeImage(0.25);
	5003	+ break;
	5004	+ case ("50%"):
	5005	+ ResizeImage(0.5);
	5006	+ break;
	5007	+ case ("75%"):
	5008	+ ResizeImage(.75);
	5009	+ break;
	5010	+ case ("65%"):
	5011	+ ResizeImage(0.65);
	5012	+ break;
	5013	+ case ("100%"):
	5014	+ ResizeImage(1);
	5015	+ break;
	5016	+ case ("150%"):
	5017	+ ResizeImage(1.5);
	5018	+ break;
	5019	+ case ("200%"):
	5020	+ ResizeImage(2);
	5021	+ break;
	5022	+ case ("500%"):
	5023	+ ResizeImage(5);
	5024	+ break;
	5025	+ case ("Auto"):
	5026	+ ResizeImage(0);
	5027	+ break;
	5028	+ default:
	5029	+ ResizeImage(0);
	5030	+ }
	5031	+ });
	5032	+
	5033	+ $(document).on('click', '#btnPrint', function () {
	5034	+ PrintDivContentByID('printBoxPor');
	5035	+ });
	5036	+
	5037	+ function PrintDivContentByID(id) {
	5038	+
	5039	+ if (id == 'printBoxPor') {
	5040	+ $("#printPSOptions").val("100%");
	5041	+ ResizeImage(1);
	5042	+ }
	5043	+ var contents = document.getElementById(id).innerHTML;
	5044	+ // code for printng in ipads
	5045	+ var $ua = navigator.userAgent;
	5046	+ if (($ua.match(/(iPod\|iPhone\|iPad\|android)/i))) {
	5047	+ $("#canvasDiv").append("<img id='exportlogo' class='img-responsive' src='content/images/adam-logo-small.png'/>");
	5048	+ html2canvas($("#canvasDiv"), {
	5049	+ onrendered: function (canvas) {
	5050	+ var imgsrc = canvas.toDataURL("image/png");
	5051	+ var printContent = '<div id="img1"><img src="' + imgsrc + '" id="newimg1" style="margin:auto;top:0px;left:0px;right:0px;position:absolute;border:1px solid #ccc;" /></div>';
	5052	+ var newPrintWindow = window.open();
	5053	+ $(newPrintWindow.document.body).html(printContent);
	5054	+ newPrintWindow.print();
	5055	+ }
	5056	+ });
	5057	+ }
	5058	+ else {
	5059	+ var frame1 = $('<iframe />');
	5060	+ frame1[0].name = "frame1";
	5061	+ frame1.css({ "position": "absolute", "top": "-1000000px" });
	5062	+ $("body").append(frame1);
	5063	+ var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;
	5064	+ frameDoc.document.open();
	5065	+ //Create a new HTML document.
	5066	+ frameDoc.document.write('<html><head><title></title>');//Print Preview
	5067	+ frameDoc.document.write('</head><body>');
	5068	+ //Append the external CSS file.
	5069	+ frameDoc.document.write('<link href="content/css/print-Portrait.css" rel="stylesheet" type="text/css" />');
	5070	+ frameDoc.document.write('<link href="content/css/print-main.css" rel="stylesheet" type="text/css" />');
	5071	+ //Append the DIV contents.
	5072	+ frameDoc.document.write(contents);
	5073	+ frameDoc.document.write('</body></html>');
	5074	+ frameDoc.document.close();
	5075	+ setTimeout(function () {
	5076	+ window.frames["frame1"].focus();
	5077	+ window.frames["frame1"].print();
	5078	+ frame1.remove();
	5079	+ }, 320);
	5080	+ }
	5081	+ console.log('close');
	5082	+ }
	5083	+
	5084	+ $(document).on('click', '#jsPanel-1 .jsglyph-remove', function () {
	5085	+ $("#daImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
	5086	+ $("#ciImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
	5087	+ $("#ImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
	5088	+ $("#annotationButton").parent().removeClass("disableMenuannotation");
	5089	+ $("#annotationToolBarOptions").removeClass("disableMenuoption");
	5090	+ $("#optionsListManagerTab").removeClass("disableMenuoption");
	5091	+ $('#fileMenuAnchor').parent().removeClass('disableFileMenu');
	5092	+ if ($location.url() == "/module-item-view") {
	5093	+ $("#aaDetailViewCanvas").css("display", "block");
	5094	+ $("#canvasPaint").css("display", "block");
	5095	+ $("#canvas").css("display", "block");
	5096	+ }
	5097	+ if ($('#jsPanel-1').length > 0)
	5098	+ $('#jsPanel-1').remove();
	5099	+ console.log('close');
	5100	+
	5101	+ });
	5102	+
	5103	+ $rootScope.restrictBodySystemList = function () {
	5104	+ var RestrictListDiv = document.getElementById("restrictListDiv");
	5105	+ if (RestrictListDiv.style.display == 'block') {
	5106	+ RestrictListDiv.style.display = 'none';
	5107	+ $(".restrict-carret-icon").css({ "transform": "rotate(0deg)", "-moz-transform": "rotate(0deg)", "-webkit-transform": "rotate(0deg)", "-ms-transform": "rotate(0deg)" });
	5108	+ return;
	5109	+ }
	5110	+ RestrictListDiv.style.display = 'block';
	5111	+ $(".restrict-carret-icon").css({ "transform": "rotate(90deg)", "-moz-transform": "rotate(90deg)", "-webkit-transform": "rotate(90deg)", "-ms-transform": "rotate(90deg)" });
	5112	+
	5113	+ }
	5114	+
	5115	+ $rootScope.OpenAdminForm = function (userInfo) {
	5116	+ $('#adminModal').css({ top: '50px' });
	5117	+ if ($rootScope.userData) {
	5118	+ $('#adminfName').val($rootScope.userData.FirstName);
	5119	+ $('#adminlName').val($rootScope.userData.LastName);
	5120	+ $('#adminEmailId').val($rootScope.userData.EmailId);
	5121	+ }
	5122	+ };
	5123	+
	5124	+ $rootScope.SendAdminAccessRequestMail = function (userInfo) {
	5125	+
	5126	+ if ($rootScope.userData) {
	5127	+ userInfo.firstName = $rootScope.userData.FirstName;
	5128	+ userInfo.lastName = $rootScope.userData.LastName;
	5129	+ userInfo.emailId = $rootScope.userData.EmailId;
	5130	+ }
	5131	+
	5132	+ AdminService.SendAdminAccessRequestMail(userInfo)
	5133	+ .then(function (result) {
	5134	+ if (result == AdminConstants.MAIL_SENT) {
	5135	+ $rootScope.errorMessage = AdminConstants.MAIL_SENT_SUCCESS_MESSAGE;
	5136	+ $("#messageModal").modal('show');
	5137	+ }
	5138	+ $("#adminModal").fadeOut();
	5139	+ $("#adminModal").modal('hide');
	5140	+ $('[name="adminAccessTextArea"]').val('');
	5141	+ },
	5142	+ function (error) {
	5143	+ console.log(' Error in sending mail to admin support = ' + error.statusText);
	5144	+ $rootScope.errorMessage = AdminConstants.ERROR_IN_SENDING_MAIL;
	5145	+ $("#messageModal").modal('show');
	5146	+ });
	5147	+ };
	5148	+
	5149	+ $rootScope.CloseAAModal = function () {
	5150	+ $("#adminModal").fadeOut();
	5151	+ $("#adminModal").modal('hide');
	5152	+ $("adminAccessTextArea").text('');
	5153	+ }
	5154	+
	5155	+
	5156	+ $rootScope.addToolTip = function (toolTipTopPosition, toolTipLeftPosition, toolTipWidth, toolTipText) {
	5157	+
	5158	+ $("#cursor-block").addClass("custom-tooltip-annotation-toolbar");
	5159	+ $(".custom-tooltip-annotation-toolbar").css({ "display": "block", "top": toolTipTopPosition + "px", "width": toolTipWidth + "px", "left": toolTipLeftPosition + "px" });
	5160	+ $("#cursor-block").html(toolTipText);
	5161	+ }
	5162	+
	5163	+ $rootScope.removeToolTipOnMouseOut = function () {
	5164	+
	5165	+ $(".custom-tooltip-annotation-toolbar").css('display', 'none');
	5166	+ $("#cursor-block").removeClass("custom-tooltip-annotation-toolbar");
	5167	+ $("#cursor-block").html();
	5168	+
	5169	+ }
	5170	+ var $ue = navigator.userAgent;
	5171	+ if (($ue.match(/(iPod\|iPhone\|iPad\|android)/i))) {
	5172	+
	5173	+ $("#text_area").click(function () {
	5174	+ $("#annotationTextModal").draggable('disable');
	5175	+ }).blur(function () {
	5176	+ $("#annotationTextModal").draggable('enable');
	5177	+ });
	5178	+ }
	5179	+ $rootScope.CheckRefresh = function (e) {
	5180	+ //Checking if 'REFRESHED' or 'RELOADED'
	5181	+ if ((e.keyCode === 116) \|\| (e.keyCode == 82 && e.ctrlKey))
	5182	+ $location.path('/'); //Redirecting to landing page
	5183	+ };
	5184	+
	5185	+ $rootScope.resetDrawing = function (e) {
	5186	+
	5187	+ $('#canvas').removeLayers();
	5188	+
	5189	+ };
	5190	+
	5191	+}]
	5192	+);
	5193	+
	5194	+
...	...

400-SOURCECODE/AIAHTML5.Web/index.html

View file @63560c2

1		-<!DOCTYPE html>
2		-<html lang="en" ng-cloak ng-app="AIA">
3		-<head>
4		- <!--<base href="/AIAHTML5/" />-->
5		- <!--<base href="/AIA/" />-->
6		- <base href="/" />
7		- <meta charset="utf-8">
8		- <meta http-equiv="X-UA-Compatible" content="IE=edge">
9		- <!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">-->
10		- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0 maximum-scale=1.0" />
11		- <title>A.D.A.M. Interactive Anatomy</title>
12		-
13		- <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" />
14		-
15		-
16		-
17		-
18		- <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" />
19		-
20		- <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" />
21		-
22		- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
23		- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic">
24		-
25		- <!--<link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" />-->
26		- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
27		- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
28		- <!--[if lt IE 9]>
29		- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
30		- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
31		- <![endif]-->
32		- <link href="themes/default/css/bootstrap/3.3.6/jquery.mCustomScrollbar.css" rel="stylesheet" />
33		-
34		- <link href="themes/default/css/bootstrap/3.3.6/jquery-ui.css" rel="stylesheet" />
35		-
36		- <link href="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.css" rel="stylesheet" />
37		- <link href="libs/video_4_12_11/css/video-js_4_12_11.css" rel="stylesheet" />
38		- <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" />
39		- <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" />
40		- <link href="themes/default/css/bootstrap/3.3.6/jquery.minicolors.css" rel="stylesheet" />
41		- <link href="content/css/print-main.css" rel="stylesheet" />
42		-
43		- <!--Annotation Toolbar: Jcanvas-->
44		- <style>
45		- /*.ActiveDefaultColorAnnotation {
46		- background-color: #000000!important;
47		- }*/
48		-
49		-
50		- #termList option:hover {
51		- background-color: #3399FF !important;
52		- color: #fff !important;
53		- }
54		-
55		-
56		- .ActiveFormattingButtonClass {
57		- background-color: #1B92D0 !important;
58		- }
59		-
60		- .Edittext-btn-css {
61		- background: #4B4B4B;
62		- padding: 4px;
63		- cursor: pointer;
64		- margin-right: 2px;
65		- }
66		-
67		- /*.italic-btn-css {
68		- background: #4B4B4B;
69		- padding: 4px;
70		- cursor: pointer;
71		- margin-right: 2px;
72		- }*/
73		-
74		- .underline-btn-css {
75		- background: #4B4B4B;
76		- padding: 4px;
77		- cursor: pointer;
78		- margin-right: 5px;
79		- }
80		-
81		-
82		-
83		- .activebtncolor {
84		- background-color: #1B92D0 !important;
85		- border-color: #1B92D0 !important;
86		- color: #ffffff !important;
87		- }
88		-
89		- .btn-black-annotation {
90		- background-color: #4b4b4b;
91		- border-color: #3f3f3f;
92		- color: #ffffff;
93		- }
94		-
95		- /*.btn-black-annotation:hover {
96		- background-color: #1B92D0 !important;
97		- border-color: #1B92D0 !important;
98		- color: #ffffff !important;
99		- }*/
100		-
101		- .custom-tooltip-annotation {
102		- background-color: #fff;
103		- border: 0 none;
104		- color: #000;
105		- left: -52px;
106		- opacity: 0.9;
107		- padding: 3px 0;
108		- position: absolute;
109		- text-align: center;
110		- top: 41px;
111		- width: 120px;
112		- display: none;
113		- z-index: 10000;
114		- border: 1px solid #000;
115		- color: #000;
116		- border-radius: 0;
117		- }
118		-
119		- /7931/
120		- .custom-tooltip-annotation-edit {
121		- background-color: #fff;
122		- border: 0 none;
123		- color: #000;
124		- left: 80px;
125		- opacity: 0.9;
126		- padding: 3px 0;
127		- position: absolute;
128		- text-align: center;
129		- bottom: 50px;
130		- width: 120px;
131		- display: none;
132		- z-index: 10000;
133		- border: 1px solid #000;
134		- color: #000;
135		- border-radius: 0;
136		- }
137		-
138		- .custom-tooltip-annotation-toolbar {
139		- background-color: #fff;
140		- border: 0 none;
141		- color: #000;
142		- opacity: 0.9;
143		- padding: 3px 0;
144		- position: absolute;
145		- text-align: center;
146		- display: none;
147		- z-index: 10000;
148		- border: 1px solid #000;
149		- color: #000;
150		- border-radius: 0;
151		- }
152		-
153		- .restrict-carret-icon {
154		- font-size: 18px;
155		- position: relative;
156		- top: 1px;
157		- }
158		-
159		- #refreshBtn {
160		- color: #ffffff;
161		- }
162		- </style>
163		-
164		-
165		-
166		-</head>
167		-<body ng-controller="HomeController" id="bo" ng-init="initializeAIA()" ng-keydown="CheckRefresh($event)">
168		- <div ng-hide="isVisibleResetPass">
169		- <div id="login" ng-show="isVisibleLogin">
170		-
171		- <div class="container-fluid loginBg">
172		- <div class="row">
173		- <div class="col-xs-12 text-center">
174		- <a href="index.html" class="loginLogo"><img src="content/images/common/logo-large.png" class="img-responsive" alt=""></a>
175		- <div class="headerBand row">
176		- <div class="col-xs-12">
177		- <h1>A.D.A.M. Interactive Anatomy</h1>
178		- <p>The most compresive online interactive anatomy learning resource</p>
179		- </div>
180		- </div>
181		- </div>
182		- <!--LOGIN PANEL-->
183		- <div class="col-xs-12 loginPanel">
184		- <div class="loginBox clearfix">
185		- <div class="col-xs-12">
186		- <!--<strong>Login</strong>-->
187		- <form>
188		- <div class="form-group">
189		- <!--<label for="">User ID</label>-->
190		- <!--input type="email" class="form-control" placeholder="User ID">
191		- <span class="help-block text-right small"><a href="#" class="color-white">Forgot User ID?</a></span>-->
192		-
193		-
194		- <div class="input-group">
195		- <span class="input-group-addon"><i class="fa fa-user"></i></span>
196		- <input type="text" class="form-control" placeholder="Username" ng-model="userInfo.username">
197		- </div>
198		- <span class="help-block text-right small"><a href="#" class="color-white" id="forgotUserIdAnchor" data-toggle="modal" ng-click="forgotUserModalShow()" data-target=".forgot-sm">Forgot User ID?</a></span>
199		-
200		-
201		- </div>
202		- <div class="form-group">
203		- <!--<label for="">Password</label>-->
204		- <!--<input type="password" class="form-control" placeholder="Password">
205		- <span class="help-block text-right small "><a href="#" class="color-white">Forgot Password?</a></span>-->
206		- <div class="input-group">
207		- <span class="input-group-addon"><i class="fa fa-key"></i></span>
208		- <input type="password" class="form-control" placeholder="Password" ng-model="userInfo.password">
209		- </div>
210		- <span class="help-block text-right small "><a class="color-white" style="cursor: pointer;" id="forgotPasswordAnchor" data-toggle="modal" ng-click="forgotPwdModalShow();" data-target=".forgot-sm1">Forgot Password?</a></span> <!--#resetpass" href="/app/views/Home/resetPwd.html"-->
211		- </div>
212		- <div class="form-group">
213		- <button class="btn btn-primary pull-right" ng-click="AuthenticateUser(userInfo)">Log In</button>
214		- </div>
215		- </form>
216		- </div>
217		- </div>
218		- <div class="loginExBtn">
219		- <a href="https://store.adameducation.com/" target="_blank" class="btn btn-primary">Subscribe Now</a>
220		- <a href="http://adameducation.com/aiaonline" target="_blank" class="btn btn-primary pull-right">Learn More</a>
221		- </div>
222		- </div>
223		- </div>
224		- </div>
225		-
226		- <!-- Footer -->
227		- <footer class="dark">
228		- <div class="container-fluid text-center">Copyright © 2017 Ebix Inc. All rights reserved.</div>
229		- </footer>
230		- </div>
231		- <!-- Forgot User ID (Small modal) -->
232		- <div class="modal fade" id="forgotUserModal" role="dialog" tabindex="-1" aria-labelledby="exampleModalLabel" data-target=".forgot-sm">
233		- <div class="modal-dialog modal-small" role="document">
234		- <div class="modal-content">
235		- <div class="modal-header">
236		- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
237		- <h5 class="modal-title" id="exampleModalLabel">Enter your email id to recover User id</h5>
238		- </div>
239		- <div class="modal-body">
240		- <form id="forgetUSerIdForm">
241		- <div class="form-group">
242		- <div class="input-group">
243		- <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
244		- <input id="btnEmail" class="form-control" placeholder="Email" type="email" ng-model="userInfo.emailId">
245		- </div>
246		- </div>
247		- </form>
248		- </div>
249		- <div class="modal-footer" style="padding-bottom:10px;">
250		- <button type="button" class="btn btn-primary btn-block" ng-click="SendMailToUser(userInfo, false)">Send Mail</button>
251		- </div>
252		- <!--<div style="color: maroon; font-weight: bold; " ng-if="message">{{message}}</div>-->
253		- </div>
254		- </div>
255		- </div>
256		- <!-- Forgot Password (Small modal) -->
257		- <div class="modal fade" id="forgotPwdModal" role="dialog" tabindex="-1" aria-labelledby="exampleModalLabel" data-target=".forgot-sm1">
258		- <div class="modal-dialog modal-small" role="document">
259		- <div class="modal-content">
260		- <div class="modal-header">
261		- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
262		- <h5 class="modal-title" id="exampleModalLabel">Enter your email id to unblock/ recover Password</h5>
263		- </div>
264		- <div class="modal-body" style="padding: 15px;">
265		- <form id="forgetPwdForm" class="ng-pristine ng-valid ng-valid-email">
266		- <div class="form-group">
267		- <div class="">
268		- <label class="radio-inline">
269		- <input name="inlineRadioOptions" id="inlineRadio1" value="unblock" type="radio"> Unblock
270		- </label>
271		- <label class="radio-inline">
272		- <input name="inlineRadioOptions" id="inlineRadio2" value="forgotpwd" type="radio"> Forgot Password
273		- </label>
274		- </div>
275		- </div>
276		-
277		-
278		- <div class="form-group">
279		- <div class="input-group" style="margin-top: 8px;">
280		- <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
281		- <input id="btnEmail2" class="form-control ng-pristine ng-untouched ng-valid ng-valid-email" placeholder="Email" ng-model="userInfo.emailId" type="email">
282		- </div>
283		- </div>
284		- </form>
285		- </div>
286		- <div class="modal-footer modal-footer-forgot-password" style="padding-bottom:10px;">
287		- <button type="button" class="btn btn-primary btn-block" ng-click="SendMailToUser(userInfo, true)">Send Mail</button>
288		- </div>
289		- <!--<div style="color: maroon; font-weight: bold; " ng-if="message">{{message}}</div>-->
290		- </div>
291		- </div>
292		- </div>
293		- <div id="index" ng-hide="isVisibleLogin">
294		- <div class="container-fluid ">
295		- <!--Header-->
296		-
297		- <nav class="navbar navbar-inverse navbar-fixed-top">
298		- <div class="container-fluid">
299		- <!-- Brand and toggle get grouped for better mobile display -->
300		- <div class="navbar-header">
301		- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false">
302		- <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
303		- </button>
304		- <a class="frameLogo navbar-brand"><img src="content/images/logo-main.png" class="img-responsive" alt=""></a>
305		- </div>
306		- <div ng-include="'app/widget/TopMenu.html'"></div>
307		- </div>
308		- </nav>
309		- <div class="bodyWrap row container-fluid">
310		-
311		- <div id="spinner" class="spinner" ng-show="isLoading" style="visibility:hidden">
312		- <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" />
313		- </div>
314		- <div ng-view></div>
315		-
316		- </div>
317		- </div>>
318		-
319		-
320		-
321		- <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">
322		- <div class="modal-dialog" role="document" style="width:400px;">
323		- <div class="modal-content" style="width:100%;max-width:400px;">
324		- <div class="modal-header setting-modal-header" style="padding: 5px 10px; border-bottom: 1px solid #e5e5e5;">
325		- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
326		- <h4 class="modal-title" id="myModalLabel">Setting</h4>
327		- </div>
328		- <div class="modal-body">
329		- <div class="row" style="padding-top:20px;">
330		- <div class="col-sm-12">
331		-
332		- <div aria-label="..." role="group" class="btn-group btn-group-justified">
333		- <div role="group" class="btn-group">
334		- <button class="btn btn-sm btn-success" type="button" ng-click="tab = 1">Appearance</button>
335		- </div>
336		- <div role="group" class="btn-group">
337		- <button class="btn btn-sm btn-success" type="button" ng-click="tab = 2">Lexicons</button>
338		- </div>
339		- <div role="group" class="btn-group">
340		- <button class="btn btn-sm btn-success" type="button" ng-click="tab = 3">Dissectible</button>
341		- </div>
342		- </div>
343		-
344		- </div>
345		-
346		-
347		- <div class="col-sm-12" ng-show="tab === 1">
348		-
349		-
350		- <div class="row">
351		- <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
352		- <div class="row" style="padding-top: 22px;">
353		- <div class="center-block col-md-10" style="float: none; ">
354		- <h5><strong>System Font</strong></h5>
355		-
356		- <div style="border:2px solid #ACACAC;float:left;padding:15px;background-color:#CCCCCC;">
357		- <div class="col-md-3" style="padding-left:0px;">
358		- Sample
359		- </div>
360		- <div class="col-md-6" style="padding-right:0px;">
361		- <input type="text" value="" style="width:85%;">
362		- </div>
363		- <div class="col-md-3" style="padding-left:0px;">
364		- <button class="btn btn-primary" style="margin-bottom:5px;">Change</button>
365		- <button class="btn btn-primary" style="margin-bottom:5px;">Default</button>
366		- </div>
367		-
368		- </div>
369		- </div>
370		- </div>
371		-
372		- </div>
373		- </div>
374		-
375		- </div>
376		- <div class="col-sm-12" ng-show="tab === 2">
377		-
378		-
379		- <div class="row">
380		- <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
381		- <div class="col-md-6">
382		- <h6><strong>Primary Lexicon</strong></h6>
383		- <input type="text" value="English" style="width:90%;">
384		- <button class="btn btn-primary" style="float:right;margin-bottom:5px;margin-top:5px;">Change</button>
385		- <h6>Secondry Lexicon</h6>
386		- <textarea style="width:90%;"></textarea>
387		- <button>Change</button>
388		- <button>Change</button>
389		- </div>
390		- <div class="col-md-6">
391		- <h6>Available Lexicon</h6>
392		- <select multiple class="form-control" id="sel2">
393		- <option>1</option>
394		- <option>2</option>
395		- <option>3</option>
396		- <option>4</option>
397		- <option>5</option>
398		- </select>
399		-
400		- <p>Note: Some languages require special system fonts to display correctly</p>
401		- </div>
402		-
403		- </div>
404		- </div>
405		-
406		- </div>
407		- <div class="col-sm-12" ng-show="tab === 3">
408		-
409		- <div class="row">
410		- <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
411		- <h6>Skin Tones</h6>
412		- <div class="center-block col-md-8" style="float: none;">
413		- <div class="col-md-6">
414		- <img class="img-responsive" alt="" src="http://placehold.it/400x300">
415		- </div>
416		- <div class="col-md-6">
417		- <img class="img-responsive" alt="" src="http://placehold.it/400x300">
418		- </div>
419		- <div class="col-md-6">
420		- <img class="img-responsive" alt="" src="http://placehold.it/400x300">
421		- </div>
422		- <div class="col-md-6">
423		- <img class="img-responsive" alt="" src="http://placehold.it/400x300">
424		- </div>
425		-
426		- </div>
427		- <h6>Modesty Setting</h6>
428		- <div class="col-md-6">
429		- <div class="col-md-4">
430		- <img class="img-responsive" alt="" src="http://placehold.it/400x300">
431		- </div>
432		- <div class="col-md-8">
433		-
434		- <div class="radio">
435		- <label><input type="radio" name="optradio" checked>On</label>
436		- </div>
437		- <div class="radio">
438		- <label><input type="radio" name="optradio">Off</label>
439		- </div>
440		-
441		- </div>
442		- </div>
443		- <div class="col-md-6">
444		- <h6>Annotaion</h6>
445		- <div class="checkbox">
446		- <label><input type="checkbox" value="" checked>Erase Annotations when changeing layers</label>
447		- </div>
448		- </div>
449		- </div>
450		-
451		- </div>
452		-
453		-
454		-
455		- </div>
456		- </div>
457		- <div class="modal-footer">
458		- <button type="button" class="btn btn-primary">Ok</button>
459		- <button type="button" class="btn btn-primary" data-dismiss="modal">Cancle</button>
460		- <button type="button" class="btn btn-primary">Apply</button>
461		- </div>
462		- </div>
463		- </div>
464		- </div>
465		- </div>
466		-
467		- <!--Settings modal-->
468		- <!--<div id="modal-settings" style="z-index: 1000000000; background: white;width: 302px;position:absolute;left:40%;right:0;top:70px;">-->
469		- <div id="modelsettingsbackground" style="background-color: black; bottom: 0; display: none; height: 100%; left: 0; opacity: 0.5; position: fixed; right: 0; top: 0; width: 100%; z-index: 12000000;"></div>
470		- <div id="modal-settings" style="display:none;z-index: 1000000000;height:auto;width: 300px;position:absolute;left:40%;right:0;top:70px;">
471		- <div role="document">
472		- <form>
473		- <div ng-init="loadsettings()" class="modal-content" id="setting-modal-dark">
474		- <div class="modal-header annotation-modal-header">
475		- <button type="button" class="close" data-dismiss="modal" ng-click="CloseSetting()" aria-label="Close"><span aria-hidden="true">×</span></button>
476		- <h4 class="modal-title" id="myModalLabel2">Settings</h4>
477		- </div>
478		- <div class="modal-body">
479		- <div class="paddTop15">
480		- <!-- Nav tabs -->
481		- <ul class="nav nav-tabs" role="tablist">
482		- <li role="presentation" ng-class="{'active':SettingsTab==1}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(1)">Appearance</a></li>
483		- <li role="presentation" ng-class="{'active':SettingsTab==2}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(2);lexiconData()">Lexicons</a></li>
484		- <li role="presentation" ng-class="{'active':SettingsTab==3}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(3)">Dissectible</a></li>
485		-
486		- </ul>
487		- <!-- Tab panes -->
488		- <div class="tab-content">
489		- <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 1,'tab-pane' : SettingsTab !==1 }" id="appearance">
490		- <div class="row">
491		- <div class="col-sm-12">
492		- <div class="well well-sm no-margin-btm">
493		- <h5>System Font</h5>
494		- <div class="form-group">
495		- <label for="SystemFont" class="font13">Sample</label>
496		- <input type="text" class="form-control" id="SystemFont" value="AaBbYyZz" disabled>
497		- </div>
498		- <button class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal-change">Change</button>
499		- <button class="btn btn-success btn-sm">Default</button>
500		- </div>
501		- </div>
502		- </div>
503		- </div>
504		- <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 2,'tab-pane' : SettingsTab !==2 }" id="lexicons">
505		- <div class="row paddingTopBtm10">
506		- <div class="col-sm-6">
507		- <div class="form-group">
508		- <label for="SystemFont" class="font13">Primary Lexicon</label>
509		- <input type="text" id="primarylaxican" class="form-control" value="English" name="1" disabled>
510		- <button class="btn btn-sm btn-success btn-block marginTop5" id="laxicanlanguageChagne" disabled>Change</button>
511		- </div>
512		-
513		- <div class="form-group">
514		- <label for="SystemFont" class="font13">Secondary Lexicons</label>
515		- <!--<textarea class="form-control" rows="3">-->
516		- <select class="form-control" size="5" id="secondLax"></select>
517		- <!--</textarea>-->
518		- </div>
519		- <div class="form-group">
520		- <button class="btn btn-sm btn-success" id="laxiconLangAdd" disabled>Add</button>
521		- <button class="btn btn-sm btn-success" id="laxiconLangRemove">Remove</button>
522		- </div>
523		- </div>
524		- <div class="col-sm-6" style="padding-left:13px;padding-right:13px;">
525		- <div class=" form-group">
526		- <label for="SystemFont" class="font13">Available Lexicons</label>
527		- <select class="form-control" size="8" id="lexiconLangDropdown"></select>
528		- </div>
529		- <p class="font11"><strong>Note :</strong> Some languages require special system fonts to display correctly</p>
530		- </div>
531		- <div class="clearfix"></div>
532		- </div>
533		- </div>
534		- <div role="tabpanel" id="dissectible" ng-class="{'tab-pane active' : SettingsTab === 3,'tab-pane' : SettingsTab !==3 }">
535		- <div class="">
536		- <div class="col-sm-12">
537		- <h5 class="bolder font13 no-margin-top">Skin Tones</h5>
538		- <div class="skin-tones">
539		- <div align="center">
540		- <div class="col-sm-5">
541		- <button id="btnEthnicW" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'W')">
542		- <img src="~/../content/images/common/skin1.jpg" alt="">
543		- </button>
544		- </div>
545		- <div class="col-sm-5">
546		- <button id="btnEthnicB" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'B')">
547		- <img src="~/../content/images/common/skin2.jpg" alt="">
548		- </button>
549		- </div>
550		- <div class="col-sm-5">
551		- <button id="btnEthnicL" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'A')">
552		- <img src="~/../content/images/common/skin3.jpg" alt="">
553		- </button>
554		- </div>
555		- <div class="col-sm-5">
556		- <button id="btnEthnicA" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'L')">
557		- <img src="~/../content/images/common/skin4.jpg" alt="">
558		- </button>
559		- </div>
560		- </div>
561		- </div>
562		-
563		- </div>
564		- </div>
565		- <div class="">
566		- <div class="col-sm-6">
567		- <h5 class="font13 bolder">Modesty Settings</h5>
568		- <img src="~/../content/images/common/adam-leaf.png" alt="" class="pull-left marginR5">
569		- <div class="radio">
570		- <label>
571		- <input type="radio" ng-checked="isModestyOn" ng-model="formsetting.modesty" value="Y" name="modestyRadios" id="modon" ng-click="ChangeModesty(formsetting,'Y')">
572		- <span class="">On</span>
573		- </label>
574		- </div>
575		- <div class="radio">
576		- <label>
577		- <input type="radio" ng-checked="isModestyOff" ng-model="formsetting.modesty" value="N" name="modestyRadios" id="modoff" ng-click="ChangeModesty(formsetting,'N')">
578		- <span class="">Off</span>
579		- </label>
580		- </div>
581		- </div>
582		- <div class="col-sm-6">
583		- <h5 class="font13 bolder">Annotation</h5>
584		- <div class="checkbox no-margin">
585		- <!--Settings > The entire highlighted part should be active-->
586		- <label class="font11 no-margin-btm">
587		- <input type="checkbox" value="" checked>
588		- Erase Annotations when changing layers
589		- </label>
590		- </div>
591		- </div>
592		- </div>
593		- </div>
594		- </div>
595		- </div>
596		- </div>
597		- <div class="modal-footer">
598		- <button type="button" class="btn btn-primary" ng-click="UpdateAndCloseSetting(formsetting)">OK</button>
599		-
600		- <!--<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>-->
601		- <button type="button" class="btn btn-primary" ng-click="CloseSetting()">Cancel</button>
602		- <button type="button" class="btn btn-primary" ng-click="UpdateSetting(formsetting)">Apply</button>
603		- </div>
604		- </div>
605		- </form>
606		- </div>
607		- </div>
608		- <div id="setting-spinner" style="display:none;position: fixed; top: 50%; left: 50%; margin-left: -50px; z-index: 15000; overflow: auto; width: 100px;">
609		- <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading">
610		- </div>
611		- <!--Annotation Modal-->
612		- <div class="annotationTollbar" style="width: 300px;position: fixed; top: 80px; right: 20px; display: none; z-index: 1200000;">
613		- <div class="annotationbar">
614		- <div class="modal-content">
615		- <div class="modal-header annotation-modal-header">
616		- <button type="button" class="close" aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">×</span></button>
617		- <h4 class="modal-title" id="myModalLabel">Annotation</h4>
618		- </div>
619		- <div class="modal-body" id="AnnotaionPopupDiv">
620		- <div class="row">
621		- <div class="col-sm-12">
622		- <h5>Mode</h5>
623		-
624		- <div class="btn-group btn-group-justified" role="group" aria-label="...">
625		- <div class="btn-group" role="group" tooltip>
626		- <div id="identify-block" style="display: none; font-size:13px;">Identify Mode</div>
627		- <button id="OnIdentify" type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button>
628		- </div>
629		- <div class="btn-group" role="group">
630		- <div id="draw-block" style="display: none; font-size: 13px;">Draw Mode</div>
631		- <button id="DrawMode" type="button" ng-click="DrawingMode()" class="btn btn-sm btn-success">Draw</button>
632		- </div>
633		- </div>
634		-
635		- </div>
636		- <div class="col-sm-12">
637		- <h5>Tools</h5>
638		- <div class="well well-popup">
639		- <div class="" aria-label="...">
640		- <div class="" role="group" align="center">
641		- <div id="cursor-block" style="display: none; font-size:13px;"></div>
642		- <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btnCursor" ng-mouseover="addToolTip(75, 60, 120, 'Select Cursor(s)')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="Cursor()"><img src="content/images/icon-identity.png" alt="" title=""></button>
643		- <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-pin" ng-mouseover="addToolTip(75, 100, 120, 'Draw Pin')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawPin($event)"><img src="content/images/draw-pin.png" alt="" title=""></button>
644		- <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-arrow" ng-mouseover="addToolTip(75, 120, 120, 'Draw Arrow')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawArrow($event)"><img src="content/images/draw-arrow.png" alt="" title=""></button>
645		- <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-Text" ng-mouseover="addToolTip(75, 140, 120, 'Draw Text')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawText($event)"><img src="content/images/draw-text.png" alt="" title=""></button>
646		- </div>
647		- <div class="" role="group" align="center">
648		- <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-line" ng-mouseover="addToolTip(95, 60, 120, 'Draw Line')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawLine($event)"><img src="content/images/draw-line.png" alt="" title=""></button>
649		- <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-rectangle" ng-mouseover="addToolTip(95, 100, 120, 'Draw Rectangle')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawRectangle($event)"><img src="content/images/draw-rec.png" alt="" title=""></button>
650		- <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-circle" ng-mouseover="addToolTip(95, 120, 120, 'Draw Circle')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawCircle($event)"><img src="content/images/draw-cir.png" alt="" title=""></button>
651		- <!--<button type="button" class="btn btn-black-annotation btn-xs btn-annotation" ng-mouseover="addToolTip(95, 140, 120, 'Draw Polygon')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawPolygon($event)"><img src="content/images/draw-poly.png" alt="" title=""></button>-->
652		- <button type="button" class="btn btn-black-annotation" id="resetBtn" style="padding:1px 7px;display:none;" ng-click="resetDrawing()" ng-mouseover="addToolTip(95, 140, 120, 'Reset')" ng-mouseleave="removeToolTipOnMouseOut()"><i class="fa fa-refresh"></i></button>
653		- </div>
654		- </div>
655		- </div>
656		- <div class="well-popup well blankshapediv" ng-mouseover="addToolTip(200, 170, 120, 'Edit Style')" ng-mouseleave="removeToolTipOnMouseOut()">
657		- <!--#7931-->
658		-
659		- <div id="edit-block" style="display: none; font-size: 13px;">Edit Shape Style</div>
660		- <div id="previewBorder" class="outlinediv" ng-mouseover="addToolTip(170, 170, 120, 'Edit Style')" ng-mouseleave="removeToolTipOnMouseOut()">
661		- <div id="shapeStyleDiv" style="background-color: #ffffff;" class="fullcolordiv" ng-click="disableAnnotationtoolOnListManager\|\|enableAnnotationToolBar()">
662		-
663		- </div>
664		-
665		- </div>
666		- </div>
667		- <div class="well well-popup">
668		- <div class="" role="group" aria-label="...">
669		- <div>
670		- <a href="#canvasPaint" data-tool="marker" data-size="1" data-color="#fff" id="annotationpaintbrushsize" ng-mouseover="addToolTip(270, 50, 120, 'Paint')" ng-mouseleave="removeToolTipOnMouseOut()" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-brush" role="button" data-placement="top" style="margin-right:1%;" ng-click="paintBrush()"><i class="fa fa-paint-brush"></i></a>
671		- <a href="#canvasPaint" data-tool="eraser" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-erase" data-placement="top" data-size=" 1" id="annotationpainteraser" ng-click="EraseDrawing()" ng-mouseover="addToolTip(270, 70, 120, 'Erase')" ng-mouseleave="removeToolTipOnMouseOut()" role="button"><i class=" fa fa-eraser"></i></a>
672		-
673		- <!--<button type="button" id="annotationpainteraser" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-erase" data-placement="top" ng-click="EraseDrawing()" ng-mouseover="addToolTip(270, 70, 120, 'Erase')" ng-mouseleave="removeToolTipOnMouseOut()"><i class="fa fa-eraser"></i></button>-->
674		- <div style="width: 80px; margin: 0px 0px 0px 4px; display: inline-block;float:left;">
675		- <div style="width: 58px; float: left;" ng-mouseover="addToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="removeToolTipOnMouseOut()">
676		- <input type="text" id="btnBrushSize" class="form-control" value="1" style="height:32px;border-radius:0;" oninput="Brushsize(this)">
677		- </div>
678		- <div style="width: 22px; float: left;">
679		- <div style="width: 100%; float: left; height: 16px;">
680		- <button type="button" id="btnBrushSizeIncrement" ng-mouseover="addToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="removeToolTipOnMouseOut()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;">
681		-
682		- <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-up.png">
683		- </button>
684		- </div>
685		- <div style="width: 100%; float: left; height: 16px;">
686		- <button type="button" id="btnBrushSizeDecrease" ng-mouseover="addToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="removeToolTipOnMouseOut()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;">
687		- <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-down.png">
688		- </button>
689		- </div>
690		- </div>
691		-
692		- </div>
693		-
694		-
695		- <div class="pull-left pl-12" style="width:45%; margin-left:2%;margin-top:5px;">
696		- <div id="slider-range-min-2" ng-mouseover="addToolTip(270, 170, 120, 'Brush Size')" ng-mouseleave="removeToolTipOnMouseOut()"></div>
697		- </div>
698		- <div class="clearfix"></div>
699		- </div>
700		-
701		- </div>
702		-
703		-
704		- </div>
705		-
706		- </div>
707		- </div>
708		- </div>
709		-
710		- </div>
711		- </div>
712		- </div>
713		-
714		- <!--Modal For Annotation Text Box-->
715		- <div id="annotationTextModal" style="display:none;z-index: 1000000000;width:500px;height:241px;padding-right:0!important;position:fixed;left:0;right:0;top:0px;bottom:0;margin:auto;">
716		-
717		- <div class="modal-content">
718		- <div class="modal-header" style="background-color: #808D43;padding:10px;border-bottom:0;">
719		- <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>-->
720		- <h4 class="modal-title" id="myModalLabel" style="font-weight:bold;">Enter Text to be put in a box</h4>
721		- </div>
722		- <div class="modal-body">
723		- <div class="col-xs-12" style="padding:20px 0;">
724		- <div class="form-inline">
725		- <!--Annotation: Text in different font style is same.-->
726		- <select class="form-control" id="selected-font-family"></select>
727		- <select class="form-control" id="selected-font-size">
728		- <option>14</option>
729		- <option>16</option>
730		- <option>18</option>
731		- <option>20</option>
732		- <option>22</option>
733		- <option>24</option>
734		- <option>26</option>
735		- <option>28</option>
736		- <option>36</option>
737		- <option>48</option>
738		- <option>72</option>
739		- </select>
740		- <span style="vertical-align:middle;">
741		- <span id="text-bold" class="Edittext-btn-css">
742		- <i aria-hidden="true" class="fa fa-bold" style="color: #fff"></i>
743		- </span>
744		- <span id="text-italic" class="Edittext-btn-css">
745		- <i class="fa fa-italic" aria-hidden="true" style="color: #fff"></i>
746		-
747		- </span>
748		- <span id="text-underline" class="underline-btn-css">
749		- <i class="fa fa-underline" aria-hidden="true" style="color: #fff"></i>
750		- </span>
751		- </span>
752		-
753		- <div class="form-group" id="font-color" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
754		-
755		- <input type="text" id="saturation-demo" class="form-control demo" data-control="saturation" style="display:none;" value="#0088cc">
756		- </div>
757		- <div class="form-group" id="drawTextBGColorpicker" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
758		- <input type="text" id="saturation-demo-background" class="form-control drawTextBG" data-control="saturation" style="display:none;" value="#0088cc">
759		- </div>
760		-
761		- <span style="vertical-align:middle;">
762		- <span id="text-left" class="Edittext-btn-css">
763		- <i aria-hidden="true" class="fa fa-align-left" style="color: #fff"></i>
764		- </span>
765		- <span id="text-center" class="Edittext-btn-css">
766		- <i class="fa fa-align-center" aria-hidden="true" style="color: #fff"></i>
767		-
768		-
769		- </span>
770		- <span id="text-right" class="underline-btn-css">
771		- <i class="fa fa-align-right" aria-hidden="true" style="color: #fff"></i>
772		-
773		-
774		- </span>
775		- </span>
776		-
777		-
778		- </div>
779		- </div>
780		- <textarea class="form-control" id="text_area" rows="3" style="font-family: 'Verdana, sans-serif';font-size:14px; font-weight: normal; font-style: normal; color: #000; text-align: left; text-decoration: none;"></textarea>
781		- </div>
782		- <div class="modal-footer">
783		- <!--<button type="button" class="btn btn-default" ng-click="closeModal()" data-dismiss="modal">Close</button>-->
784		- <button type="button" class="btn btn-default" ng-click="closeModal()" id="closeEditText" data-dismiss="modal">Close</button>
785		- <button type="button" id="saveBtn" class="btn btn-primary" data-dismiss="modal" ng-click="saveText()">Save</button>
786		- </div>
787		- </div>
788		-
789		- </div>
790		-
791		-
792		-
793		-
794		- <!--List manager-->
795		- <!--List manager-->
796		- <style>
797		- #listManager {
798		- background: #fff;
799		- border-radius: 3px;
800		- border: 1px solid #ededed;
801		- -webkit-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
802		- -moz-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
803		- box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
804		- width: 350px;
805		- position: absolute;
806		- top: 170px;
807		- left: 140px;
808		- display: none;
809		- z-index: 780000;
810		- height: auto !important;
811		- }
812		-
813		- #listManager .annotation-modal-header {
814		- background: #818f44;
815		- padding: 2px 10px;
816		- }
817		-
818		- #listManager .annotation-modal-header h4 {
819		- color: #fff;
820		- font-size: 15px;
821		- line-height: 20px;
822		- }
823		-
824		- #listManager .modal-header .close {
825		- color: #fff;
826		- margin: 0;
827		- opacity: 10;
828		- text-shadow: none;
829		- }
830		-
831		- #listManager .modal-footer {
832		- padding: 5px 10px;
833		- }
834		- </style>
835		- <div id="listManager" style="">
836		- <div class="modal-header annotation-modal-header">
837		- <button type="button" class="close" aria-label="Close" ng-click="CloseListManager()"><span aria-hidden="true">×</span></button>
838		- <h4 class="modal-title" id="myModalLabel">List Manager</h4>
839		- </div>
840		- <div class="modal-body">
841		- <div class="row paddingTopBtm10">
842		- <div class="col-sm-12" ng-init="FillListManager()">
843		-
844		- <div class="form-group">
845		- <label for="sel1">Window</label>
846		- <select class="form-control" id="viewName" disabled>
847		- <!--<option>Male Lateral</option>-->
848		-
849		- </select>
850		- </div>
851		- <div style="">
852		- <div class="form-group">
853		- <div ng-click="restrictBodySystemList()" class="btn btn-success btn-block" style="padding:3px 12px;">
854		- <i class=" fa fa-caret-right restrict-carret-icon"></i> <span>Restrict List to</span>
855		- </div>
856		- </div>
857		-
858		- <div id="restrictListDiv" style="display:none;">
859		- <div class="well well-sm marginTopBtm10">
860		- <div class="form-horizontal">
861		- <div class="form-group">
862		- <label class="col-sm-4 control-label" for="System">System</label>
863		- <div class="col-sm-8">
864		- <select id="bodySystems" class="form-control" onchange="if (typeof (this.selectedIndex) != 'undefined') refreshTermListOnSystem(this.options[this.selectedIndex].id)"></select>
865		- <select id="AABodySystems" class="form-control" onchange="if (typeof (this.selectedIndex) != 'undefined') refreshTermListOnSystemSel(this.options[this.selectedIndex].id)" style="display:none;"></select>
866		- </div>
867		- </div>
868		- <div class="form-group">
869		- <label class="col-sm-4 control-label" for="inputPassword3">Area</label>
870		- <div class="col-sm-8">
871		- <select class="form-control" disabled>
872		- <option value="1" selected="">Entire View</option>
873		- </select>
874		- </div>
875		- </div>
876		- </div>
877		- </div>
878		-
879		-
880		- </div>
881		-
882		- <!--DA > List Manager > Multiple structure selection should not be available.-->
883		- <div class="form-group">
884		- <select id="termList" class="form-control" size="10" onclick="if (typeof (this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id, true)"></select>
885		- </div>
886		-
887		- </div>
888		- <div style="clear:both;"></div>
889		-
890		-
891		-
892		-
893		- </div>
894		- </div>
895		-
896		- </div>
897		- <div class="modal-footer" id="totalTerms">
898		- <!--<span class="pull-left marginTop5">424 Structures</span>-->
899		- <!--<button data-dismiss="modal" class="btn btn-primary" type="button"><i class="fa fa-arrow-circle-right"></i></button>-->
900		- </div>
901		- </div>
902		-
903		- <!--background disable div-->
904		-
905		- <div id="modelbackground"></div>
906		-
907		-
908		- <!--Edit Shape Modal-->
909		-
910		-
911		- <div class="modeleditstyle" id="modeleditstyle" style="z-index: 1000000000; background: white;width: 302px;position:absolute;left:40%;right:0;top:70px;">
912		- <div class="modal-content">
913		- <div class="modal-header annotation-modal-header">
914		- <h4 class="modal-title" id="myModalLabel33">Edit Shape Style</h4>
915		- </div>
916		- <form id="editStyleForm">
917		- <div class="modal-body">
918		- <div class="marginTopBtm10">
919		- <div class="well well-sm no-margin-btm">
920		- <div class="row">
921		- <div class="col-sm-12">
922		- <div class="checkbox no-margin">
923		- <label>
924		- <input id="fill-option" type="checkbox" checked onclick="enableDisableFillOption()"> Fill Option
925		- </label>
926		- </div>
927		- </div>
928		- <div class="col-sm-6 enableDisableOpacity">
929		- <!--<div class="radio">
930		- <label>
931		- <input type="radio" name="filloption" id="filloption1" value="filloption1">
932		- <span class="">Texture</span>
933		- <img id="editstyleTexture" src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern">
934		- </label>
935		- </div>-->
936		- <div class="radio">
937		- <label>
938		- <input type="radio" name="filloption" id="filloption2" value="filloption2" checked style="margin-top:8px;">
939		-
940		-
941		- <div id="editstylebackgroundcolor" class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;float:left;">
942		- <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span>
943		- <input type="text" class="form-control outerBackgroundColor" data-control="saturation" style="display:none;" value="#0088cc">
944		- </div>
945		-
946		-
947		- </label>
948		- </div>
949		- </div>
950		- <div class="col-sm-6 no-padding marginTop10 enableDisableOpacity">
951		- <div class="row">
952		- <label class="pull-left" style="font-weight:normal;">Scale</label>
953		- <div id="edit-slider-3" class="pull-left pl-12" style="width:62%; margin-left:3%; margin-top:2%;">
954		- <div id="slider-range-min-3"></div>
955		- </div>
956		- </div>
957		-
958		- <div class="row">
959		- <label class="pull-left" style="font-weight:normal;">Opacity</label>
960		- <div id="edit-slider-4" class="pull-left pl-12" style="width:53%; margin-left:3%; margin-top:2%;">
961		- <div id="slider-range-min-4"></div>
962		- </div>
963		- </div>
964		-
965		- <div class="clearfix"></div>
966		-
967		-
968		- </div>
969		- </div>
970		-
971		- </div>
972		- </div>
973		- <div class="marginTopBtm10">
974		- <div class="well well-sm no-margin-btm">
975		- <div class="row">
976		- <div class="col-sm-12">
977		- <div class="checkbox no-margin">
978		- <label>
979		- <input id="Outline-Option" onclick="enableDisableOutline()" type="checkbox" checked> Outline Option
980		- </label>
981		- </div>
982		- </div>
983		- <div class="col-sm-6 setEnableDisableForEditShapeStyle">
984		- <label class="marginTop5">
985		- <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span>
986		- <div class="form-group" id="outlineColor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;float:left;">
987		-
988		- <input type="text" class="form-control borderColorCanvasPreview" data-control="saturation" style="display:none;" value="#0088cc">
989		- </div>
990		-
991		-
992		- </label>
993		- </div>
994		-
995		- <div class="col-sm-6 setEnableDisableForEditShapeStyle">
996		- <div class="form-horizontal">
997		- <div class="form-group">
998		- <label class="col-sm-3 control-label" style=" font-weight:normal; padding-top:9px;">Size</label>
999		- <div class="col-sm-9 marginTop5">
1000		- <select id="borderWidthCanvasElement" class="form-control input-sm">
1001		- <option value="1">1</option>
1002		- <option value="2">2</option>
1003		- <option value="3">3</option>
1004		- <option value="4">4</option>
1005		- <option value="5">5</option>
1006		- </select>
1007		- </div>
1008		- </div>
1009		- </div>
1010		- </div>
1011		-
1012		- </div>
1013		- </div>
1014		- </div>
1015		-
1016		- <div class="marginTopBtm10">
1017		-
1018		- <div class="well well-sm no-margin-btm blankshapediv">
1019		- <div class="outlinediv" id="outlinedivId" style="border: 1px solid #000000;">
1020		- <div id="imgOpacity" style="background-color: #ffffff" class="fullcolordiv imgopacity">
1021		- </div>
1022		- </div>
1023		- </div>
1024		-
1025		- </div>
1026		- </div>
1027		- <div class="modal-footer">
1028		- <button id="btnShapeStyle" type="button" class="btn btn-primary btn-sm" ng-click="setPropertiesForShapes('imgOpacity')">
1029		- OK
1030		- </button>
1031		- <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button>
1032		- </div>
1033		- </form>
1034		- </div>
1035		- </div>
1036		-
1037		- <!--Export Image Modal-->
1038		- <div class="modal fade export-image ui-draggable in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
1039		- style="z-index: 1200002;">
1040		- <div class="modal-dialog modal-sm" role="document">
1041		- <div class="modal-content">
1042		- <div class="modal-header annotation-modal-header ui-draggable-handle">
1043		- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
1044		- <h4 class="modal-title" id="">Save As</h4>
1045		- </div>
1046		- <div class="modal-body">
1047		- <div class="row paddTopbtm15">
1048		- <div class="col-sm-12">
1049		- <div class="form-group">
1050		- <label for="filename">Filename:</label>
1051		- <div class="input-group">
1052		- <input type="text" class="form-control" id="filename" placeholder="" ng-model="filename">
1053		- <div class="input-group-addon">.jpg</div>
1054		- </div>
1055		- </div>
1056		- </div>
1057		- </div>
1058		-
1059		- </div>
1060		- <div class="modal-footer">
1061		- <div class="row">
1062		- <input type="file" id="file1" style="display:none">
1063		- <!--<a href="data:application/xml;charset=utf-8,your code here" download="filename.html">Save</a-->
1064		- <div class="col-sm-12"><button id="btnSaveEI" class="btn btn-primary" data-dismiss="modal" type="button">Ok</button></div> <!--onclick="makeScreenshot();"--><!--ng-click="dialogs.saveAs()"--><!--ng-click="ShowAlert()"-->
1065		- </div>
1066		- </div>
1067		-
1068		- </div>
1069		- </div>
1070		- </div>
1071		-
1072		- <!--Print Active Viewer-->
1073		- <div class="print-box-active portrait-box-active" id="printBox" style="display: none;">
1074		- <div id="printDivContent">
1075		- <div class="">
1076		- <div class="print-col-sm-4" style="top: 10px; position: absolute; left: 10px;">
1077		- <span class="pull-left font12 print-span-font" id="spnModule"></span>
1078		- </div>
1079		- <div class="print-col-sm-4" style="top: 10px; position: absolute; right: 10px;">
1080		- <span class="pull-right font12 print-span-font" id="spnBodyViewTitle"></span>
1081		- </div>
1082		- </div>
1083		- <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;">
1084		- <img src="" alt="" class="logo-image" id="snipImage" style="width: 100%;" />
1085		- </div>
1086		- <div>
1087		- <div class="print-col-sm-4" style="position: absolute; bottom: 20px;">
1088		- <span class="pull-left marginTop10 font12 print-span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
1089		- </div>
1090		- <div class="print-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
1091		- <span class="pull-right print-marginTop10 bgnone no-margin">
1092		- <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
1093		- </span>
1094		- </div>
1095		- </div>
1096		- <div class="clearfix"></div>
1097		- </div>
1098		- </div>
1099		-
1100		- <!--Print Preview Modal-->
1101		- <div id="dvPrintPreview" style="display: none;"></div>
1102		- </div>
1103		- </div>
1104		- <!--RESET PASSWORD FORM-->
1105		- <div id="passwordReset" ng-show="isVisibleResetPass">
1106		- <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
1107		- <tbody>
1108		- <tr>
1109		- <td align="center" valign="middle" bgcolor="#393939 " style="padding:30px 0 20px 0;"><a href="#"><img src="../content/images/logo.png" alt="AIA" title="AIA" /></a></td>
1110		- </tr>
1111		- <tr>
1112		- <td align="center" valign="top" bgcolor="#808d43" style="padding:20px; overflow:hidden;">
1113		- <form name="resetPasswordForm" novalidate>
1114		- <table width="100%" border="0" cellspacing="0" cellpadding="0" ng-controller="HomeController">
1115		- <tbody>
1116		-
1117		- <tr>
1118		- <td style=" font-size:26px; font-weight:bold; color:#fff; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"><strong>Reset Password</strong></td>
1119		- </tr>
1120		- <tr>
1121		- <td> </td>
1122		- </tr>
1123		- <tr>
1124		- <td style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff;">New Password </td>
1125		- </tr>
1126		- <tr>
1127		- <td>
1128		- <input class="form-control" name="newPassword" value="*****" type="password" style="padding:3px 5px; height:25px; width:98%;" ng-model="userInfo.newPassword" ng-minlength="8" ng-maxlength="20" required>
1129		- <span style="color: maroon; font-weight:bold" ng-show="resetPasswordForm.newPassword.$touched && resetPasswordForm.newPassword.$invalid && resetPasswordForm.newPassword.$pristine">The password is required.</span>
1130		- <p ng-show="resetPasswordForm.newPassword.$error.minlength" style="font-weight: bold; color: maroon;">Password length must be between 8 - 20 characters.</p>
1131		- <p ng-show="resetPasswordForm.newPassword.$error.maxlength" style="font-weight: bold; color: maroon;">Password length must be between 8 - 20 characters.</p>
1132		- </td>
1133		- </tr>
1134		- <tr>
1135		- <td> </td>
1136		- </tr>
1137		- <tr>
1138		- <td style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff;">Confirm Password </td>
1139		- </tr>
1140		-
1141		- <tr>
1142		- <td>
1143		- <input class="form-control" name="confirmPassword" value="*****" type="password" style="padding:3px 5px; height:25px; width:98%;" ng-model="userInfo.confirmPassword" required>
1144		- <span style="color: maroon; font-weight: bold; " ng-show="resetPasswordForm.confirmPassword.$touched && resetPasswordForm.confirmPassword.$invalid">Confirm password is required.</span>
1145		- <span style="color: maroon; font-weight: bold; " ng-if="resetPasswordForm.newPassword !== resetPasswordForm.confirmPassword">{{passwordMismatchMessage}}</span>
1146		- </td>
1147		- </tr>
1148		- <tr>
1149		- <td> </td>
1150		- </tr>
1151		- <tr>
1152		- <td>
1153		- <button type="submit" ng-disabled="resetPasswordForm.$invalid" ng-click="ResetUserPassword(userInfo)" style="background: #0072a7; border: 1px solid #005076; cursor: pointer; color: #fff; padding: 5px 10px; font-size: 16px; text-transform: uppercase; text-align: center; text-decoration: none; font-family: gotham, 'Helvetica Neue', helvetica, arial, sans-serif; " id="btnUpdatePassword">Submit</button> <!--ng-submit="submitForm(resetPwdForm.$valid)"--> <!--ng-click="ResetUserPassword(userInfo)"-->
1154		- </td>
1155		- </tr>
1156		- </tbody>
1157		- </table>
1158		- </form>
1159		- </tr>
1160		-
1161		-
1162		- </tbody>
1163		- </table>
1164		- </div>
1165		-
1166		- <div class="modal fade" id="messageModal" role="dialog">
1167		- <div class="modal-dialog">
1168		-
1169		- <div class="modal-content">
1170		- <div class="modal-header">
1171		- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
1172		- </div>
1173		- <div class="modal-title"></div>
1174		- <div class="modal-body">{{errorMessage}}</div>
1175		- <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button></div>
1176		- </div>
1177		- </div>
1178		- </div>
1179		-
1180		- <!--Admin Form (Under Process)-->
1181		- <div class="modal fade ui-draggable in" id="adminModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="padding-left: 17px; ">
1182		- <div class="modal-dialog" role="document">
1183		- <div class="modal-content">
1184		- <div class="modal-header ui-draggable-handle" style="color: #e5e5e5;">
1185		- <!--bg-primary-->
1186		- <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="btnCloseAAModal" ng-click="CloseAAModal()"><span aria-hidden="true">×</span></button>
1187		- <h5 class="text-left lhgt19 padd5" style="color:red; text-align:left;">*This module is not yet available to use, please fill in the form with complete details, a support request will be submitted to ADAM Education Sales and Support team. If needed someone from ADAM team will contact you ASAP.</h5>
1188		- </div>
1189		- <div class="modal-body">
1190		- <div class="panel-body">
1191		- <!-- form -->
1192		- <form class="form-horizontal" name="adminAccessRequestForm">
1193		- <div class="form-group">
1194		- <label for="inputEmail3" class="col-sm-3 control-label">First Name :</label>
1195		- <div class="col-sm-8">
1196		- <input class="form-control" id="adminfName" placeholder="" ng-model=" userinfo.firstname" ng-readonly="true">
1197		- </div>
1198		- </div>
1199		- <div class="form-group">
1200		- <label for="inputPassword3" class="col-sm-3 control-label">Last Name :</label>
1201		- <div class="col-sm-8">
1202		- <input class="form-control" id="adminlName" placeholder="" type="text" ng-model="userInfo.lastName" ng-readonly="true">
1203		- </div>
1204		- </div>
1205		- <div class="form-group">
1206		- <label for="inputPassword3" class="col-sm-3 control-label">Email Id <span class="red">*</span> :</label>
1207		- <div class="col-sm-8">
1208		- <input class="form-control" id="adminEmailId" placeholder="" type="text" ng-model="userInfo.emailId" ng-readonly="true">
1209		- </div>
1210		- </div>
1211		- <div class="form-group">
1212		- <label for="inputPassword3" class="col-sm-3 control-label">Message <span class="red">*</span> :</label>
1213		- <div class="col-sm-8">
1214		- <textarea name="adminAccessTextArea" class="form-control" rows="3" placeholder="Message" ng-model="userInfo.userMessage" required></textarea> <!--ng-show="!adminRequestTextArea.length-->
1215		- <span id="spnError" style="color: maroon; font-weight:bold" ng-show="adminAccessRequestForm.adminAccessTextArea.$invalid">Message required.</span>
1216		- </div>
1217		- </div>
1218		- <div class="form-group">
1219		- <div class="col-sm-offset-3 col-sm-8 mar-top17">
1220		- <button type="button" class="btn btn-primary btn-sm" ng-click="adminAccessRequestForm.$valid && SendAdminAccessRequestMail(userInfo)" data-toggle="modal" data-target="#mymodal"><i class="fa fa-check"></i> Submit</button>
1221		- </div>
1222		-
1223		- </div>
1224		- </form>
1225		- </div>
1226		- </div>
1227		-
1228		- </div>
1229		- </div>
1230		- </div>
1231		-
1232		- <!--Available modules list modal after login-->
1233		- <div class=" fade ui-draggable in" id="dvUserModulesInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="padding-left: 17px; display: none; left: 0px !important; z-index: 111111; position: fixed; top: 0; overflow-x: hidden; overflow-y: auto; right: 0px; bottom: 0px; ">
1234		- <div class="modal-dialog" role="document">
1235		- <div class="modal-content">
1236		- <div class="modal-header ui-draggable-handle " style="color: #ffffff; background-color: #0095da; border-color: #007ab3;cursor:default;">
1237		- <!--color: #e5e5e5;-->
1238		- <!--bg-primary-->
1239		- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
1240		- <h4 class="text-left lhgt19 padd5" style="color:#fff; text-align:left;">Modules Availability</h4>
1241		- </div>
1242		-
1243		- <div class="modal-body">
1244		- <div class="panel-body">
1245		- <!-- form -->
1246		- <form class="form-horizontal">
1247		- <div>
1248		- <div class="form-group" id="moduleDiv1">
1249		- <div class="col-sm-8">• Dissectible Anatomy</div>
1250		- </div>
1251		- <div class="form-group" id="moduleDiv2">
1252		- <div class="col-sm-8">• Atlas Anatomy</div>
1253		- </div>
1254		- <div class="form-group" id="moduleDiv3">
1255		- <div class="col-sm-8">• 3D Anatomy</div>
1256		- </div>
1257		- <div class="form-group" id="moduleDiv4">
1258		- <div class="col-sm-8">• Clinical Illustrations</div>
1259		- </div>
1260		- <div class="form-group" id="moduleDiv5">
1261		- <div class="col-sm-8">• Clinical Animations</div>
1262		- </div>
1263		- <div class="form-group" id="moduleDiv6">
1264		- <div class="col-sm-8">• Encyclopedia</div>
1265		- </div>
1266		- <div class="form-group" id="moduleDiv9">
1267		- <div class="col-sm-8">• IP 10</div>
1268		- </div>
1269		- <div class="form-group" id="moduleDiv11">
1270		- <div class="col-sm-8">• In - Depth Reports</div>
1271		- </div>
1272		- <div class="form-group" id="moduleDiv12">
1273		- <div class="col-sm-8">• Complementary and Alternative Medicine</div>
1274		- </div>
1275		-
1276		- <div class="form-group" id="moduleDiv14">
1277		- <div class="col-sm-8">• Body Guide</div>
1278		- </div>
1279		- <div class="form-group" id="moduleDiv15">
1280		- <div class="col-sm-8">• Symptom Navigator</div> <!--Health-->
1281		- </div>
1282		- <div class="form-group" id="moduleDiv16">
1283		- <div class="col-sm-8">• The Wellness Tools</div>
1284		- </div>
1285		- <div class="form-group" id="moduleDiv1017">
1286		- <div class="col-sm-8">• A.D.A.M on Demand</div>
1287		- </div>
1288		- </div>
1289		- <!--<hr style="border: 1px solid;"/>-->
1290		- <div id="dvPending" style="margin: 15px 0;"><b>Pending Modules</b></div>
1291		- <!--<hr style="border: 1px solid;" />-->
1292		- <div>
1293		- <div class="form-group" id="moduleDiv7">
1294		- <div class="col-sm-12"><i>• Curriculum Builder</i></div> <!--(To be available by 09/25/2017)-->
1295		- </div>
1296		- <div class="form-group" id="moduleDiv8">
1297		- <div class="col-sm-8"><i>• Anatomy Test</i></div> <!--(To be available by 08/28/2017)-->
1298		- </div>
1299		- <div class="form-group" id="moduleDiv10">
1300		- <div class="col-sm-8"><i>• Lab Exercises</i></div> <!--(To be available by 08/16/2017)-->
1301		- </div>
1302		- <div class="form-group" id="moduleDiv13">
1303		- <div class="col-sm-8">• A.D.A.M Images</div>
1304		- </div>
1305		- </div>
1306		- <div class="form-group">
1307		- <div style="text-align: center">
1308		- <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#mymodal" data-dismiss="modal"><i class="fa fa-check"></i> OK</button>
1309		- </div>
1310		- </div>
1311		- </form>
1312		- </div>
1313		- </div>
1314		-
1315		- </div>
1316		- </div>
1317		- </div>
1318		-
1319		- <!-- Terms & Condition Modal -->
1320		- <div class=" fade ui-draggable in" id="dvTermCondition" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="padding-left: 17px; display: none; left: 0px !important; z-index: 111111; position: fixed; top: 0; overflow-x: hidden; overflow-y: auto; right: 0px; bottom: 0px; ">
1321		- <div class="modal-dialog" role="document">
1322		- <div class="modal-content">
1323		- <div class="modal-header ui-draggable-handle " style="color: #ffffff; background-color: #0095da; border-color: #007ab3;cursor:default;">
1324		- <!--color: #e5e5e5;-->
1325		- <h6 class="text-left lhgt19 padd5" style="color:#fff; text-align:left;">Terms and Conditions</h6>
1326		- </div>
1327		-
1328		- <div class="modal-body" style="width: 597px; height: 400px; overflow-x: auto;">
1329		- <div class="panel-body">
1330		- <div id="dvTerms" style="font-size: 13px;"></div>
1331		- </div>
1332		- </div>
1333		- <div class="modal-footer ui-draggable-handle " style="color: #ffffff; cursor:default;">
1334		- <!--background-color: #0095da; border-color: #007ab3;-->
1335		- <!-- form -->
1336		- <form class="form-horizontal">
1337		- <!--<div class="form-group">-->
1338		- <div style="clear: left; float: left; color: #000;"><input type="checkbox" id="chkAccept" ng-model="checked" style="vertical-align: top;" /> I accept</div>
1339		- <div style="float: right;"><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#mymodal" ng-disabled="!checked" data-dismiss="modal" ng-click="UpdateLicenseTermStatus()"><i class="fa fa-check"></i> Next</button></div>
1340		- <!--</div>-->
1341		- </form>
1342		- </div>
1343		- </div>
1344		- </div>
1345		- </div>
1346		- <script>
1347		- function enableDisableFillOption() {
1348		- if (document.getElementById('fill-option').checked) {
1349		- // $('#imgOpacity').attr("background-color");
1350		- //$('#imgOpacity').css({"background-color"})
1351		- //$("#filloption1").css({ "pointer-events": "auto" });
1352		- //$("#filloption12").css({ "pointer-events": "auto" });
1353		-
1354		- var x = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color');
1355		- $("#imgOpacity").css("background-color", x);
1356		- $("#edit-slider-3").css({ "pointer-events": "auto" });
1357		- $("#edit-slider-4").css({ "pointer-events": "auto" });
1358		- $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
1359		- $("#editstyleTexture").css({ "pointer-events": "auto" });
1360		- $(".enableDisableOpacity label").css({ "cursor": "pointer" });
1361		- $(".enableDisableOpacity").css({ "opacity": "1" })
1362		- document.getElementById("filloption1").disabled = false;
1363		- document.getElementById("filloption2").disabled = false;
1364		- document.getElementById("filloption1").style.cursor = "default";
1365		- document.getElementById("filloption2").style.cursor = "default";
1366		-
1367		-
1368		-
1369		- }
1370		- else {
1371		- $('#imgOpacity').css("background-color", "transparent");
1372		- //$("#filloption1").css({ "pointer-events": "none" });
1373		- //$("#filloption2").css({ "pointer-events": "none" });
1374		- $("#edit-slider-3").css({ "pointer-events": "none" });
1375		- $("#edit-slider-4").css({ "pointer-events": "none" });
1376		- $("#editstylebackgroundcolor").css({ "pointer-events": "none" });
1377		- $("#editstyleTexture").css({ "pointer-events": "none" });
1378		- $(".enableDisableOpacity label").css({ "cursor": "default" });
1379		- $(".enableDisableOpacity").css({ "opacity": ".5" })
1380		- document.getElementById("filloption1").disabled = true;
1381		- document.getElementById("filloption2").disabled = true;
1382		- document.getElementById("filloption1").style.cursor = "default";
1383		- document.getElementById("filloption2").style.cursor = "default";
1384		-
1385		-
1386		-
1387		- }
1388		-
1389		- }
1390		- function enableDisableOutline() {
1391		-
1392		- if (document.getElementById('Outline-Option').checked) {
1393		- var x = $("#outlineColor span.minicolors-swatch-color").css('background-color');
1394		- $(".marginTopBtm10 div.outlinediv").css("border-color", x);
1395		- // var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width');
1396		- // $("#imgOpacity").css("border-width", borderWidth);
1397		-
1398		- $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
1399		- $("#outlineColor").css({ "pointer-events": "auto" });
1400		- $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" })
1401		- }
1402		- else {
1403		- $('.marginTopBtm10 div.outlinediv').css("border-color", "transparent");
1404		- $("#borderWidthCanvasElement").css({ "pointer-events": "none" });
1405		- $("#outlineColor").css({ "pointer-events": "none" });
1406		- $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" })
1407		- }
1408		- }
1409		-
1410		- </script>
1411		-
1412		- <script>
1413		- function Brushsize(object) {
1414		-
1415		- object.value = object.value.replace(/[^0-9]/g, '');
1416		- if (parseInt(object.value) <= 0) {
1417		- object.value = 1;
1418		- }
1419		- if (parseInt(object.value) >= 1 && parseInt(object.value) <= 60) {
1420		- object.value = object.value;
1421		- }
1422		- if (parseInt(object.value) > 60) {
1423		- object.value = object.value.slice(0, 1);
1424		-
1425		- }
1426		-
1427		- }
1428		- </script>
1429		-
1430		-
1431		- <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>-->
1432		- <script src="libs/jquery/2.1.3/jquery.min.js"></script>
1433		- <script src="libs/jquery/1.11.4/jquery-ui.js"></script>
1434		-
1435		- <script src="libs/jquery/jquery_plugin/jquery.mCustomScrollbar.concat.min.js"></script>
1436		- <script src="themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script>
1437		- <script src="libs/angular/1.4.9/angular.min.js"></script>
1438		- <script src="libs/angular/1.4.9/angular-route.min.js"></script>
1439		- <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script>
1440		- <script src="libs/angular/1.4.9/ngStorage.js"></script>
1441		- <script src="content/js/custom/custom.js"></script>
1442		- <!--Annotation Toolbar : jcanvas Library-->
1443		-
1444		- <script src="libs/jcanvas/jcanvas.min.js"></script>
1445		- <script src="libs/jcanvas/jcanvas.handle.min.js"></script>
1446		-
1447		- <script src="libs/jinqJs.js"></script>
1448		- <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script>
1449		- <script src="libs/video_4_12_11/video_4_12_11.js"></script>
1450		- <script src="libs/jquery/jquery_plugin/SpeechBubble/bubble.js"></script>
1451		- <!--<script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.js"></script>-->
1452		- <script src="app/main/AIA.js"></script>
1453		- <script src="app/main/Link.js"></script>
1454		- <script src="content/scripts/js/custom/custom.js"></script>
1455		- <script src="app/filters/ColorMatrixFilter.js"></script>
1456		- <script src="app/utility/Matrix.js"></script>
1457		- <script src="app/utility/Point.js"></script>
1458		- <script src="app/utility/Rectangle.js"></script>
1459		- <script src="app/utility/BitmapData.js"></script>
1460		- <script src="app/utility/Paint.js"></script>
1461		- <script src="app/controllers/DAController.js"></script>
1462		- <script src="app/controllers/CIController.js"></script>
1463		- <script src="app/controllers/CAController.js"></script>
1464		- <script src="app/controllers/3dAController.js"></script>
1465		- <script src="app/controllers/CurrBuildController.js"></script>
1466		- <script src="app/controllers/AnatTestController.js"></script>
1467		- <script src="app/controllers/LabExercController.js"></script>
1468		- <script src="app/controllers/ADAMImgController.js"></script>
1469		- <script src="app/controllers/AODController.js"></script>
1470		- <script src="app/controllers/HomeController.js"></script>
1471		- <script src="app/controllers/LinkController.js"></script>
1472		- <script src="app/services/AuthenticationService.js"></script>
1473		- <script src="app/services/AdminService.js"></script>
1474		- <script src="app/controllers/TileViewListController.js"></script>
1475		-
1476		- <script src="app/services/ModuleService.js"></script>
1477		-
1478		- <script src="app/services/DataService.js"></script>
1479		- <script src="app/services/TermService.js"></script>
1480		- <script src="libs/jquery/jquery_plugin/jqueryui.js"></script>
1481		- <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
1482		-
1483		- <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
1484		-
1485		- <script src="libs/jquery/jquery_plugin/color-picker/jquery.minicolors.min.js"></script>
1486		- <!--<script src="libs/colorpicker/jquery.minicolors.min.js"></script>-->
1487		- <!--<script src="libs/color-picker/jquery.minicolors.min.js"></script>-->
1488		-
1489		- <script src="libs/sketch.js"></script>
1490		-
1491		- <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>-->
1492		- <script src="libs/html2canvas.js"></script>
1493		- <script src="libs/FileSaver.js"></script>
1494		-
1495		- <!--<script type="text/javascript">
1496		- $(function () {
1497		- $('#canvas').sketch();
1498		- });
1499		- </script>-->
1500		-
1501		- <script>
1502		-
1503		- $(function () {
1504		- $('[data-toggle="tooltip"]').tooltip();
1505		- })
1506		-
1507		- </script>
1508		- <script>
1509		- (function ($) {
1510		- $(window).load(function () {
1511		- $(".sidebar").mCustomScrollbar({
1512		- autoHideScrollbar: true,
1513		- //theme:"rounded"
1514		- });
1515		-
1516		- });
1517		- })(jQuery);
1518		- </script>
1519		- <script>
1520		- $(function () {
1521		- $(".modal").draggable();
1522		- $(".annotationTollbar").draggable();
1523		- $(".modeleditstyle").draggable();
1524		- $("#annotationTextModal").draggable();
1525		- $("#modal-settings").draggable();
1526		- });
1527		- </script>
1528		-
1529		-
1530		-
1531		-
1532		- <script type="text/javascript">
1533		- $(function () {
1534		-
1535		- $("#text-left").on('click', function () {
1536		-
1537		- //Annotation: Formatting buttons color is not change when select.
1538		-
1539		- $("#text-center").removeClass("ActiveFormattingButtonClass");
1540		- $("#text-right").removeClass("ActiveFormattingButtonClass");
1541		- $("#text-left").addClass("ActiveFormattingButtonClass");
1542		- $("#text_area").css("text-align", "left");
1543		-
1544		-
1545		- });
1546		-
1547		-
1548		- $("#text-center").on('click', function () {
1549		-
1550		- //Annotation: Formatting buttons color is not change when select.
1551		-
1552		- $("#text-right").removeClass("ActiveFormattingButtonClass");
1553		- $("#text-left").removeClass("ActiveFormattingButtonClass");
1554		- $("#text-center").addClass("ActiveFormattingButtonClass");
1555		- $("#text_area").css("text-align", "center");
1556		-
1557		-
1558		- });
1559		-
1560		-
1561		- $("#text-right").on('click', function () {
1562		-
1563		- //Annotation: Formatting buttons color is not change when select.
1564		-
1565		- $("#text-left").removeClass("ActiveFormattingButtonClass");
1566		- $("#text-center").removeClass("ActiveFormattingButtonClass");
1567		- $("#text-right").addClass("ActiveFormattingButtonClass");
1568		- $("#text_area").css("text-align", "right");
1569		- });
1570		-
1571		-
1572		- $("#text-bold").on('click', function () {
1573		-
1574		- //Annotation: Formatting buttons color is not change when select.
1575		- $("#text-bold").toggleClass("ActiveFormattingButtonClass");
1576		-
1577		- if ($("#text-bold").hasClass("ActiveFormattingButtonClass")) {
1578		- $("#text_area").css("font-weight", "bold");
1579		- }
1580		- else {
1581		- $("#text_area").css("font-weight", "normal");
1582		- }
1583		-
1584		-
1585		- });
1586		-
1587		- $("#text-italic").on('click', function () {
1588		-
1589		- //Annotation: Formatting buttons color is not change when select.
1590		- $("#text-italic").toggleClass("ActiveFormattingButtonClass");
1591		- if ($("#text-italic").hasClass("ActiveFormattingButtonClass")) {
1592		- $("#text_area").css("font-style", "italic");
1593		- }
1594		- else {
1595		- $("#text_area").css("font-style", "normal");
1596		- }
1597		- });
1598		-
1599		- $("#text-underline").on('click', function () {
1600		-
1601		- //Annotation: Formatting buttons color is not change when select.
1602		- $("#text-underline").toggleClass("ActiveFormattingButtonClass");
1603		-
1604		- if ($("#text-underline").hasClass("ActiveFormattingButtonClass")) {
1605		- $("#text_area").css("text-decoration", "underline");
1606		- }
1607		- else {
1608		- $("#text_area").css("text-decoration", "none");
1609		- }
1610		-
1611		-
1612		- });
1613		-
1614		-
1615		- $("#selected-font-size").change(function () {
1616		-
1617		- $("#text_area").css("font-size", $(this).val() + "px");
1618		- });
1619		-
1620		- $("#selected-font-family").change(function () {
1621		-
1622		- $("#text_area").css("font-family", $(this).val());
1623		-
1624		- });
1625		-
1626		-
1627		- });
1628		-
1629		-
1630		-
1631		- </script>
1632		-
1633		-
1634		- <script>
1635		- $(document).ready(function () {
1636		- // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
1637		-
1638		- var borderWidth = 1;
1639		- var borderColor = "#000";
1640		- $("#borderWidthCanvasElement").change(function () {
1641		- borderWidth = $(this).val();
1642		- borderColor = $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color");
1643		-
1644		- if (borderColor != null) {
1645		- document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
1646		- //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor);
1647		- } else {
1648		-
1649		- // $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid");
1650		- document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
1651		-
1652		- }
1653		- });
1654		-
1655		-
1656		-
1657		- $('.borderColorCanvasPreview').each(function () {
1658		- // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
1659		- $(this).minicolors({
1660		- control: $(this).attr('data-control') \|\| 'hue',
1661		- defaultValue: $(this).attr('data-defaultValue') \|\| '',
1662		- format: $(this).attr('data-format') \|\| 'hex',
1663		- keywords: $(this).attr('data-keywords') \|\| '',
1664		- inline: $(this).attr('data-inline') === 'true',
1665		- letterCase: $(this).attr('data-letterCase') \|\| 'lowercase',
1666		- opacity: $(this).attr('data-opacity'),
1667		- position: $(this).attr('data-position') \|\| 'bottom left',
1668		- swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('\|') : [],
1669		- change: function (value, opacity) {
1670		- if (!value) return;
1671		- if (opacity) value += ', ' + opacity;
1672		- if (typeof console === 'object') {
1673		- console.log(value);
1674		-
1675		- borderColor = value;
1676		- //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor);
1677		- document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
1678		-
1679		-
1680		- }
1681		- },
1682		- theme: 'bootstrap'
1683		- });
1684		-
1685		-
1686		- });
1687		-
1688		-
1689		- $('.outerBackgroundColor').each(function () {
1690		-
1691		- $(this).minicolors({
1692		- control: $(this).attr('data-control') \|\| 'hue',
1693		- defaultValue: $(this).attr('data-defaultValue') \|\| '',
1694		- format: $(this).attr('data-format') \|\| 'hex',
1695		- keywords: $(this).attr('data-keywords') \|\| '',
1696		- inline: $(this).attr('data-inline') === 'true',
1697		- letterCase: $(this).attr('data-letterCase') \|\| 'lowercase',
1698		- opacity: $(this).attr('data-opacity'),
1699		- position: $(this).attr('data-position') \|\| 'bottom left',
1700		- swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('\|') : [],
1701		- change: function (value, opacity) {
1702		- if (!value) return;
1703		- if (opacity) value += ', ' + opacity;
1704		- if (typeof console === 'object') {
1705		- console.log(value);
1706		- $("#imgOpacity").css("background-color", value);
1707		-
1708		- }
1709		- },
1710		- theme: 'bootstrap'
1711		- });
1712		-
1713		- });
1714		-
1715		-
1716		- });
1717		- </script>
1718		- <script>
1719		- $(function () {
1720		- function onBrushSizeChange() {
1721		- $('.btnCursor').addClass('activebtncolor');
1722		- $(".btn-annotation").removeClass("activebtncolor");
1723		- $(".btn-annotation-erase").removeClass("activebtncolor");
1724		- $(".btn-annotation-erase").removeClass("activebtncolor");
1725		- $(".annotationpaintbrushsize").removeClass("activebtncolor");
1726		- var x = $('#canvasPaint').css("z-index");
1727		-
1728		- var y = $('#canvas').css("z-index");
1729		- if (x > y) {
1730		- y = parseInt(x) + 1;
1731		- } else {
1732		- y = parseInt(y) + 1;
1733		- }
1734		- $('#canvas').css("z-index", y);
1735		- }
1736		-
1737		- $("#slider-range-min-2").slider({
1738		- range: "min",
1739		- min: 1,
1740		- max: 60,
1741		- value: 1,
1742		- slide: function (event, ui) {
1743		-
1744		- onBrushSizeChange();
1745		-
1746		-
1747		-
1748		- $("#btnBrushSize").val(ui.value);
1749		-
1750		- $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
1751		- $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
1752		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
1753		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
1754		-
1755		- },
1756		- stop: function (event, ui) {
1757		-
1758		- $("#paintLine").attr("data-size", ui.value);
1759		-
1760		- }
1761		-
1762		- });
1763		-
1764		-
1765		- $("#btnBrushSize").keydown(function () {
1766		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
1767		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
1768		- onBrushSizeChange();
1769		- var brushSizevalue = this.value;
1770		-
1771		- $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
1772		- });
1773		- $("#btnBrushSize").keyup(function () {
1774		- onBrushSizeChange();
1775		- var brushSizevalue = this.value;
1776		- if (brushSizevalue == "") {
1777		-
1778		- $("#slider-range-min-2").slider("value", 0);
1779		-
1780		- $("#annotationpaintbrushsize").css({ "pointer-events": "none", "opacity": ".5" });
1781		- $("#annotationpainteraser").css({ "pointer-events": "none", "opacity": ".5" });
1782		- }
1783		- else {
1784		- $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
1785		- $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
1786		- $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
1787		- }
1788		- // $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
1789		- });
1790		- $("#btnBrushSizeIncrement").click(function () {
1791		- if ($("#annotationpaintbrushsize").css('pointer-events') == 'none') {
1792		- $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
1793		- $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
1794		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
1795		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
1796		- }
1797		-
1798		- onBrushSizeChange();
1799		- var brushIncrementVar = $("#btnBrushSize").val();
1800		- if (brushIncrementVar >= 60) {
1801		- $("#slider-range-min-2").slider("value", 60);
1802		- }
1803		- else if (brushIncrementVar == "") {
1804		- var brushIncrementedValue = 1;
1805		- $("#btnBrushSize").val(brushIncrementedValue);
1806		- $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue));
1807		- }
1808		- else {
1809		-
1810		- var brushIncrementedValue = parseInt(brushIncrementVar) + 1;
1811		-
1812		- $("#btnBrushSize").val(brushIncrementedValue);
1813		- $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue));
1814		- }
1815		- });
1816		- $("#btnBrushSizeDecrease").click(function () {
1817		-
1818		- onBrushSizeChange();
1819		- var brushDecreaseVar = $("#btnBrushSize").val();
1820		- if (brushDecreaseVar == "") {
1821		-
1822		- $("#btnBrushSizeDecrease").css({ "pointer-events": "none", "opacity": ".5" });
1823		- $("#btnBrushSizeDecrease").css({ "pointer-events": "none", "opacity": ".5" });
1824		-
1825		- }
1826		- else if (brushDecreaseVar <= 1) {
1827		- $("#slider-range-min-2").slider("value", 1);
1828		- if ($("#annotationpaintbrushsize").css('pointer-events') == 'none') {
1829		- $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
1830		- $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
1831		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": ".5" });
1832		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": ".5" });
1833		- }
1834		-
1835		- }
1836		- else {
1837		- var brushDecrementedValue = parseInt(brushDecreaseVar) - 1;
1838		- if ($("#annotationpaintbrushsize").css('pointer-events') == 'none') {
1839		- $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
1840		- $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
1841		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
1842		- $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
1843		- }
1844		- $("#btnBrushSize").val(brushDecrementedValue);
1845		- $("#slider-range-min-2").slider("value", parseInt(brushDecrementedValue));
1846		- }
1847		- });
1848		-
1849		- $("#btnBrushSize").val($("#slider-range-min-2").slider("value"));
1850		- });
1851		- </script>
1852		-
1853		- <script>
1854		- $(function () {
1855		- $("#slider-range-min-3").slider({
1856		- range: "min",
1857		- min: 0,
1858		- max: 100,
1859		- value: 20,
1860		- change: function (event, ui) {
1861		-
1862		-
1863		- }
1864		- });
1865		-
1866		-
1867		-
1868		- });
1869		- </script>
1870		-
1871		- <script>
1872		- $(function () {
1873		-
1874		-
1875		-
1876		- $("#slider-range-min-4").slider(
1877		- {
1878		- range: "min",
1879		- value: .5,
1880		- min: 0,
1881		- max: 1,
1882		- step: .1,
1883		- slide: function (event, ui) {
1884		-
1885		- $(".marginTopBtm10 .imgopacity").css("opacity", ui.value);
1886		- $(".marginTopBtm10 div.outlinediv").css("opacity", ui.value);
1887		- }
1888		-
1889		- }
1890		-
1891		-);
1892		-
1893		- });
1894		-
1895		-
1896		-
1897		- </script>
1898		-
1899		-
1900		-
1901		- <script>
1902		- $(function () {
1903		-
1904		-
1905		- $("#OnIdentify").on('mouseover', function () {
1906		- $("#identify-block").addClass("custom-tooltip-annotation");
1907		- $(".custom-tooltip-annotation").css('display', 'block');
1908		- }).on('mouseout', function () {
1909		- // $("#identify-block").removeClass("custom-tooltip-annotation");
1910		- $(".custom-tooltip-annotation").css('display', 'none');
1911		- $("#identify-block").removeClass("custom-tooltip-annotation");
1912		- });
1913		-
1914		-
1915		- $("#DrawMode").on('mouseover', function () {
1916		- $("#draw-block").addClass("custom-tooltip-annotation");
1917		- $(".custom-tooltip-annotation").css('display', 'block');
1918		-
1919		- }).on('mouseout', function () {
1920		-
1921		- $(".custom-tooltip-annotation").css('display', 'none');
1922		- $("#draw-block").removeClass("custom-tooltip-annotation");
1923		- });
1924		-
1925		- //#7931
1926		- $("#OnEdtShape").on('mouseover', function () {
1927		- $("#edit-block").addClass("custom-tooltip-annotation-edit");
1928		- $(".custom-tooltip-annotation-edit").css('display', 'block');
1929		-
1930		- }).on('mouseout', function () {
1931		-
1932		- $(".custom-tooltip-annotation-edit").css('display', 'none');
1933		- $("#edit-block").removeClass("custom-tooltip-annotation-edit");
1934		- });
1935		-
1936		- });
1937		- </script>
1938		- <!-- Export Image Save Click-->
1939		- <script>
1940		- $(function () {
1941		- $("#btnSaveEI").click(function () {
1942		- var $ua = navigator.userAgent;
1943		- if (($ua.match(/(iPod\|iPhone\|iPad\|android)/i))) {
1944		- $("#canvasDiv").append("<img id='exportlogo' class='img-responsive' src='content/images/adam-logo-small.png'/>");
1945		- html2canvas($("#canvasDiv"), {
1946		- onrendered: function (canvas) {
1947		- var imgsrc = canvas.toDataURL("image/png");
1948		- console.log(imgsrc);
1949		- var html = '<div id="img"><img src="' + imgsrc + '" id="newimg" style="margin:auto;top:0px;left:0px;right:0px;position:absolute;border:1px solid #ccc;" /></div>';
1950		- var w = window.open();
1951		- $(w.document.body).html(html);
1952		- $("#filename").val("");
1953		- }
1954		- });
1955		- }
1956		- else {
1957		- $("#canvasDiv").append("<img id='exportlogo' class='img-responsive' src='content/images/adam-logo-small.png'/>");
1958		- html2canvas($("#canvasDiv"), {
1959		- onrendered: function (canvas) {
1960		- theCanvas = canvas;
1961		- var fileName = document.getElementById("filename").value + '.jpg';
1962		- if (typeof (fileName) == "undefined" \|\| fileName == ".jpg")
1963		- fileName = "Untitled.jpg"
1964		- var dataURL = canvas.toDataURL("image/jpeg");
1965		- var blob = dataURItoBlob(dataURL);
1966		- console.log(blob);
1967		- saveAs(blob, fileName);
1968		- $("#exportlogo").remove();
1969		- $("#filename").val("");
1970		- }
1971		- });
1972		- $(".export-image").css("display", "none");
1973		- }
1974		- });
1975		- });
1976		- function dataURItoBlob(dataURI) {
1977		- var byteString = atob(dataURI.split(',')[1]);
1978		- var ab = new ArrayBuffer(byteString.length);
1979		- var ia = new Uint8Array(ab);
1980		- for (var i = 0; i < byteString.length; i++) {
1981		- ia[i] = byteString.charCodeAt(i);
1982		- }
1983		- return new Blob([ab], { type: 'image/jpeg' });
1984		- }
1985		- </script>
1986		- <script>
1987		- function ResizeImage(sizePercent) {
1988		- var autoWidth = 427;
1989		- var autoHeight = 547;
1990		- var dvAutoSpnFontSize = 12;
1991		- var imgLogoW = 77;
1992		- var fullWidth = 620; //$('#canvasDiv').width();
1993		- var fullHeight = 876; //$('#canvasDiv').height();
1994		-
1995		- if (sizePercent == 0) {
1996		- $('#printBoxPor').width(autoWidth).height(autoHeight);//.height(dvPrintBoxPorH * sizePercent);
1997		- $('#printBoxLan').width(autoHeight).height(autoWidth);
1998		- $('#dvPortrait').width(autoWidth);
1999		- $('#dvLandscape').width(autoHeight);
2000		- $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * .65).toFixed() + 'px');
2001		- $(".logo-image").attr('width', imgLogoW * .65);
2002		- }
2003		-
2004		- else if (sizePercent == 1) {
2005		- $('#dvPortrait').width(fullWidth * sizePercent);
2006		- $('#dvLandscape').width(fullHeight * sizePercent);
2007		- $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent);
2008		- $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent);
2009		- $('.span-font').attr('style', 'font-size: ' + dvAutoSpnFontSize + 'px');
2010		- $(".logo-image").attr('width', imgLogoW);
2011		- }
2012		-
2013		- else {
2014		- $('#dvPortrait').width(fullWidth * sizePercent);
2015		- $('#dvLandscape').width(fullHeight * sizePercent);
2016		- $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * sizePercent).toFixed() + 'px !important');
2017		- $(".logo-image").attr('width', (imgLogoW * sizePercent).toFixed());
2018		- if (sizePercent > 1) {
2019		- $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent);
2020		- $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent);
2021		- }
2022		- else {
2023		- $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent);
2024		- $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent);
2025		- }
2026		- }
2027		- }
2028		- </script>
2029		- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.1.0/jquery.browser.min.js"></script>
2030		-</body>
2031		-
	1	+<!DOCTYPE html>
	2	+<html lang="en" ng-cloak ng-app="AIA">
	3	+<head>
	4	+ <!--<base href="/AIAHTML5/" />-->
	5	+ <!--<base href="/AIA/" />-->
	6	+ <base href="/" />
	7	+ <meta charset="utf-8">
	8	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	9	+ <!--<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">-->
	10	+ <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0 maximum-scale=1.0" />
	11	+ <title>A.D.A.M. Interactive Anatomy</title>
	12	+
	13	+ <link href="themes/default/css/bootstrap/3.3.6/bootstrap.css" rel="stylesheet" />
	14	+
	15	+
	16	+
	17	+
	18	+ <link href="themes/default/css/bootstrap/3.3.6/main.css" rel="stylesheet" />
	19	+
	20	+ <link href="themes/default/css/bootstrap/3.3.6/secondeffect.css" rel="stylesheet" />
	21	+
	22	+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
	23	+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,400italic">
	24	+
	25	+ <!--<link rel="styleSheet" href="themes/default/css/uigrid/ui-grid.min.css" />-->
	26	+ <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	27	+ <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	28	+ <!--[if lt IE 9]>
	29	+ <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	30	+ <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	31	+ <![endif]-->
	32	+ <link href="themes/default/css/bootstrap/3.3.6/jquery.mCustomScrollbar.css" rel="stylesheet" />
	33	+
	34	+ <link href="themes/default/css/bootstrap/3.3.6/jquery-ui.css" rel="stylesheet" />
	35	+
	36	+ <link href="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.css" rel="stylesheet" />
	37	+ <link href="libs/video_4_12_11/css/video-js_4_12_11.css" rel="stylesheet" />
	38	+ <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" />
	39	+ <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" />
	40	+ <link href="themes/default/css/bootstrap/3.3.6/jquery.minicolors.css" rel="stylesheet" />
	41	+ <link href="content/css/print-main.css" rel="stylesheet" />
	42	+
	43	+ <!--Annotation Toolbar: Jcanvas-->
	44	+ <style>
	45	+ /*.ActiveDefaultColorAnnotation {
	46	+ background-color: #000000!important;
	47	+ }*/
	48	+
	49	+
	50	+ #termList option:hover {
	51	+ background-color: #3399FF !important;
	52	+ color: #fff !important;
	53	+ }
	54	+
	55	+
	56	+ .ActiveFormattingButtonClass {
	57	+ background-color: #1B92D0 !important;
	58	+ }
	59	+
	60	+ .Edittext-btn-css {
	61	+ background: #4B4B4B;
	62	+ padding: 4px;
	63	+ cursor: pointer;
	64	+ margin-right: 2px;
	65	+ }
	66	+
	67	+ /*.italic-btn-css {
	68	+ background: #4B4B4B;
	69	+ padding: 4px;
	70	+ cursor: pointer;
	71	+ margin-right: 2px;
	72	+ }*/
	73	+
	74	+ .underline-btn-css {
	75	+ background: #4B4B4B;
	76	+ padding: 4px;
	77	+ cursor: pointer;
	78	+ margin-right: 5px;
	79	+ }
	80	+
	81	+
	82	+
	83	+ .activebtncolor {
	84	+ background-color: #1B92D0 !important;
	85	+ border-color: #1B92D0 !important;
	86	+ color: #ffffff !important;
	87	+ }
	88	+
	89	+ .btn-black-annotation {
	90	+ background-color: #4b4b4b;
	91	+ border-color: #3f3f3f;
	92	+ color: #ffffff;
	93	+ }
	94	+
	95	+ /*.btn-black-annotation:hover {
	96	+ background-color: #1B92D0 !important;
	97	+ border-color: #1B92D0 !important;
	98	+ color: #ffffff !important;
	99	+ }*/
	100	+
	101	+ .custom-tooltip-annotation {
	102	+ background-color: #fff;
	103	+ border: 0 none;
	104	+ color: #000;
	105	+ left: -52px;
	106	+ opacity: 0.9;
	107	+ padding: 3px 0;
	108	+ position: absolute;
	109	+ text-align: center;
	110	+ top: 41px;
	111	+ width: 120px;
	112	+ display: none;
	113	+ z-index: 10000;
	114	+ border: 1px solid #000;
	115	+ color: #000;
	116	+ border-radius: 0;
	117	+ }
	118	+
	119	+ /7931/
	120	+ .custom-tooltip-annotation-edit {
	121	+ background-color: #fff;
	122	+ border: 0 none;
	123	+ color: #000;
	124	+ left: 80px;
	125	+ opacity: 0.9;
	126	+ padding: 3px 0;
	127	+ position: absolute;
	128	+ text-align: center;
	129	+ bottom: 50px;
	130	+ width: 120px;
	131	+ display: none;
	132	+ z-index: 10000;
	133	+ border: 1px solid #000;
	134	+ color: #000;
	135	+ border-radius: 0;
	136	+ }
	137	+
	138	+ .custom-tooltip-annotation-toolbar {
	139	+ background-color: #fff;
	140	+ border: 0 none;
	141	+ color: #000;
	142	+ opacity: 0.9;
	143	+ padding: 3px 0;
	144	+ position: absolute;
	145	+ text-align: center;
	146	+ display: none;
	147	+ z-index: 10000;
	148	+ border: 1px solid #000;
	149	+ color: #000;
	150	+ border-radius: 0;
	151	+ }
	152	+
	153	+ .restrict-carret-icon {
	154	+ font-size: 18px;
	155	+ position: relative;
	156	+ top: 1px;
	157	+ }
	158	+
	159	+ #refreshBtn {
	160	+ color: #ffffff;
	161	+ }
	162	+ </style>
	163	+
	164	+
	165	+
	166	+</head>
	167	+<body ng-controller="HomeController" id="bo" ng-init="initializeAIA()" ng-keydown="CheckRefresh($event)">
	168	+ <div ng-hide="isVisibleResetPass">
	169	+ <div id="login" ng-show="isVisibleLogin">
	170	+
	171	+ <div class="container-fluid loginBg">
	172	+ <div class="row">
	173	+ <div class="col-xs-12 text-center">
	174	+ <a href="index.html" class="loginLogo"><img src="content/images/common/logo-large.png" class="img-responsive" alt=""></a>
	175	+ <div class="headerBand row">
	176	+ <div class="col-xs-12">
	177	+ <h1>A.D.A.M. Interactive Anatomy</h1>
	178	+ <p>The most compresive online interactive anatomy learning resource</p>
	179	+ </div>
	180	+ </div>
	181	+ </div>
	182	+ <!--LOGIN PANEL-->
	183	+ <div class="col-xs-12 loginPanel">
	184	+ <div class="loginBox clearfix">
	185	+ <div class="col-xs-12">
	186	+ <!--<strong>Login</strong>-->
	187	+ <form>
	188	+ <div class="form-group">
	189	+ <!--<label for="">User ID</label>-->
	190	+ <!--input type="email" class="form-control" placeholder="User ID">
	191	+ <span class="help-block text-right small"><a href="#" class="color-white">Forgot User ID?</a></span>-->
	192	+
	193	+
	194	+ <div class="input-group">
	195	+ <span class="input-group-addon"><i class="fa fa-user"></i></span>
	196	+ <input type="text" class="form-control" placeholder="Username" ng-model="userInfo.username">
	197	+ </div>
	198	+ <span class="help-block text-right small"><a href="#" class="color-white" id="forgotUserIdAnchor" data-toggle="modal" ng-click="forgotUserModalShow()" data-target=".forgot-sm">Forgot User ID?</a></span>
	199	+
	200	+
	201	+ </div>
	202	+ <div class="form-group">
	203	+ <!--<label for="">Password</label>-->
	204	+ <!--<input type="password" class="form-control" placeholder="Password">
	205	+ <span class="help-block text-right small "><a href="#" class="color-white">Forgot Password?</a></span>-->
	206	+ <div class="input-group">
	207	+ <span class="input-group-addon"><i class="fa fa-key"></i></span>
	208	+ <input type="password" class="form-control" placeholder="Password" ng-model="userInfo.password">
	209	+ </div>
	210	+ <span class="help-block text-right small "><a class="color-white" style="cursor: pointer;" id="forgotPasswordAnchor" data-toggle="modal" ng-click="forgotPwdModalShow();" data-target=".forgot-sm1">Forgot Password?</a></span> <!--#resetpass" href="/app/views/Home/resetPwd.html"-->
	211	+ </div>
	212	+ <div class="form-group">
	213	+ <button class="btn btn-primary pull-right" ng-click="AuthenticateUser(userInfo)">Log In</button>
	214	+ </div>
	215	+ </form>
	216	+ </div>
	217	+ </div>
	218	+ <div class="loginExBtn">
	219	+ <a href="https://store.adameducation.com/" target="_blank" class="btn btn-primary">Subscribe Now</a>
	220	+ <a href="http://adameducation.com/aiaonline" target="_blank" class="btn btn-primary pull-right">Learn More</a>
	221	+ </div>
	222	+ </div>
	223	+ </div>
	224	+ </div>
	225	+
	226	+ <!-- Footer -->
	227	+ <footer class="dark">
	228	+ <div class="container-fluid text-center">Copyright © 2017 Ebix Inc. All rights reserved.</div>
	229	+ </footer>
	230	+ </div>
	231	+ <!-- Forgot User ID (Small modal) -->
	232	+ <div class="modal fade" id="forgotUserModal" role="dialog" tabindex="-1" aria-labelledby="exampleModalLabel" data-target=".forgot-sm">
	233	+ <div class="modal-dialog modal-small" role="document">
	234	+ <div class="modal-content">
	235	+ <div class="modal-header">
	236	+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
	237	+ <h5 class="modal-title" id="exampleModalLabel">Enter your email id to recover User id</h5>
	238	+ </div>
	239	+ <div class="modal-body">
	240	+ <form id="forgetUSerIdForm">
	241	+ <div class="form-group">
	242	+ <div class="input-group">
	243	+ <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
	244	+ <input id="btnEmail" class="form-control" placeholder="Email" type="email" ng-model="userInfo.emailId">
	245	+ </div>
	246	+ </div>
	247	+ </form>
	248	+ </div>
	249	+ <div class="modal-footer" style="padding-bottom:10px;">
	250	+ <button type="button" class="btn btn-primary btn-block" ng-click="SendMailToUser(userInfo, false)">Send Mail</button>
	251	+ </div>
	252	+ <!--<div style="color: maroon; font-weight: bold; " ng-if="message">{{message}}</div>-->
	253	+ </div>
	254	+ </div>
	255	+ </div>
	256	+ <!-- Forgot Password (Small modal) -->
	257	+ <div class="modal fade" id="forgotPwdModal" role="dialog" tabindex="-1" aria-labelledby="exampleModalLabel" data-target=".forgot-sm1">
	258	+ <div class="modal-dialog modal-small" role="document">
	259	+ <div class="modal-content">
	260	+ <div class="modal-header">
	261	+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
	262	+ <h5 class="modal-title" id="exampleModalLabel">Enter your email id to unblock/ recover Password</h5>
	263	+ </div>
	264	+ <div class="modal-body" style="padding: 15px;">
	265	+ <form id="forgetPwdForm" class="ng-pristine ng-valid ng-valid-email">
	266	+ <div class="form-group">
	267	+ <div class="">
	268	+ <label class="radio-inline">
	269	+ <input name="inlineRadioOptions" id="inlineRadio1" value="unblock" type="radio"> Unblock
	270	+ </label>
	271	+ <label class="radio-inline">
	272	+ <input name="inlineRadioOptions" id="inlineRadio2" value="forgotpwd" type="radio"> Forgot Password
	273	+ </label>
	274	+ </div>
	275	+ </div>
	276	+
	277	+
	278	+ <div class="form-group">
	279	+ <div class="input-group" style="margin-top: 8px;">
	280	+ <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
	281	+ <input id="btnEmail2" class="form-control ng-pristine ng-untouched ng-valid ng-valid-email" placeholder="Email" ng-model="userInfo.emailId" type="email">
	282	+ </div>
	283	+ </div>
	284	+ </form>
	285	+ </div>
	286	+ <div class="modal-footer modal-footer-forgot-password" style="padding-bottom:10px;">
	287	+ <button type="button" class="btn btn-primary btn-block" ng-click="SendMailToUser(userInfo, true)">Send Mail</button>
	288	+ </div>
	289	+ <!--<div style="color: maroon; font-weight: bold; " ng-if="message">{{message}}</div>-->
	290	+ </div>
	291	+ </div>
	292	+ </div>
	293	+ <div id="index" ng-hide="isVisibleLogin">
	294	+ <div class="container-fluid ">
	295	+ <!--Header-->
	296	+
	297	+ <nav class="navbar navbar-inverse navbar-fixed-top">
	298	+ <div class="container-fluid">
	299	+ <!-- Brand and toggle get grouped for better mobile display -->
	300	+ <div class="navbar-header">
	301	+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#topFixedNavbar1" aria-expanded="false">
	302	+ <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
	303	+ </button>
	304	+ <a class="frameLogo navbar-brand"><img src="content/images/logo-main.png" class="img-responsive" alt=""></a>
	305	+ </div>
	306	+ <div ng-include="'app/widget/TopMenu.html'"></div>
	307	+ </div>
	308	+ </nav>
	309	+ <div class="bodyWrap row container-fluid">
	310	+
	311	+ <div id="spinner" class="spinner" ng-show="isLoading" style="visibility:hidden">
	312	+ <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading" />
	313	+ </div>
	314	+ <div ng-view></div>
	315	+
	316	+ </div>
	317	+ </div>>
	318	+
	319	+
	320	+
	321	+ <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">
	322	+ <div class="modal-dialog" role="document" style="width:400px;">
	323	+ <div class="modal-content" style="width:100%;max-width:400px;">
	324	+ <div class="modal-header setting-modal-header" style="padding: 5px 10px; border-bottom: 1px solid #e5e5e5;">
	325	+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
	326	+ <h4 class="modal-title" id="myModalLabel">Setting</h4>
	327	+ </div>
	328	+ <div class="modal-body">
	329	+ <div class="row" style="padding-top:20px;">
	330	+ <div class="col-sm-12">
	331	+
	332	+ <div aria-label="..." role="group" class="btn-group btn-group-justified">
	333	+ <div role="group" class="btn-group">
	334	+ <button class="btn btn-sm btn-success" type="button" ng-click="tab = 1">Appearance</button>
	335	+ </div>
	336	+ <div role="group" class="btn-group">
	337	+ <button class="btn btn-sm btn-success" type="button" ng-click="tab = 2">Lexicons</button>
	338	+ </div>
	339	+ <div role="group" class="btn-group">
	340	+ <button class="btn btn-sm btn-success" type="button" ng-click="tab = 3">Dissectible</button>
	341	+ </div>
	342	+ </div>
	343	+
	344	+ </div>
	345	+
	346	+
	347	+ <div class="col-sm-12" ng-show="tab === 1">
	348	+
	349	+
	350	+ <div class="row">
	351	+ <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
	352	+ <div class="row" style="padding-top: 22px;">
	353	+ <div class="center-block col-md-10" style="float: none; ">
	354	+ <h5><strong>System Font</strong></h5>
	355	+
	356	+ <div style="border:2px solid #ACACAC;float:left;padding:15px;background-color:#CCCCCC;">
	357	+ <div class="col-md-3" style="padding-left:0px;">
	358	+ Sample
	359	+ </div>
	360	+ <div class="col-md-6" style="padding-right:0px;">
	361	+ <input type="text" value="" style="width:85%;">
	362	+ </div>
	363	+ <div class="col-md-3" style="padding-left:0px;">
	364	+ <button class="btn btn-primary" style="margin-bottom:5px;">Change</button>
	365	+ <button class="btn btn-primary" style="margin-bottom:5px;">Default</button>
	366	+ </div>
	367	+
	368	+ </div>
	369	+ </div>
	370	+ </div>
	371	+
	372	+ </div>
	373	+ </div>
	374	+
	375	+ </div>
	376	+ <div class="col-sm-12" ng-show="tab === 2">
	377	+
	378	+
	379	+ <div class="row">
	380	+ <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
	381	+ <div class="col-md-6">
	382	+ <h6><strong>Primary Lexicon</strong></h6>
	383	+ <input type="text" value="English" style="width:90%;">
	384	+ <button class="btn btn-primary" style="float:right;margin-bottom:5px;margin-top:5px;">Change</button>
	385	+ <h6>Secondry Lexicon</h6>
	386	+ <textarea style="width:90%;"></textarea>
	387	+ <button>Change</button>
	388	+ <button>Change</button>
	389	+ </div>
	390	+ <div class="col-md-6">
	391	+ <h6>Available Lexicon</h6>
	392	+ <select multiple class="form-control" id="sel2">
	393	+ <option>1</option>
	394	+ <option>2</option>
	395	+ <option>3</option>
	396	+ <option>4</option>
	397	+ <option>5</option>
	398	+ </select>
	399	+
	400	+ <p>Note: Some languages require special system fonts to display correctly</p>
	401	+ </div>
	402	+
	403	+ </div>
	404	+ </div>
	405	+
	406	+ </div>
	407	+ <div class="col-sm-12" ng-show="tab === 3">
	408	+
	409	+ <div class="row">
	410	+ <div class="center-block col-md-11" style="float: none; background-color:#E2E2E2;height:300px;">
	411	+ <h6>Skin Tones</h6>
	412	+ <div class="center-block col-md-8" style="float: none;">
	413	+ <div class="col-md-6">
	414	+ <img class="img-responsive" alt="" src="http://placehold.it/400x300">
	415	+ </div>
	416	+ <div class="col-md-6">
	417	+ <img class="img-responsive" alt="" src="http://placehold.it/400x300">
	418	+ </div>
	419	+ <div class="col-md-6">
	420	+ <img class="img-responsive" alt="" src="http://placehold.it/400x300">
	421	+ </div>
	422	+ <div class="col-md-6">
	423	+ <img class="img-responsive" alt="" src="http://placehold.it/400x300">
	424	+ </div>
	425	+
	426	+ </div>
	427	+ <h6>Modesty Setting</h6>
	428	+ <div class="col-md-6">
	429	+ <div class="col-md-4">
	430	+ <img class="img-responsive" alt="" src="http://placehold.it/400x300">
	431	+ </div>
	432	+ <div class="col-md-8">
	433	+
	434	+ <div class="radio">
	435	+ <label><input type="radio" name="optradio" checked>On</label>
	436	+ </div>
	437	+ <div class="radio">
	438	+ <label><input type="radio" name="optradio">Off</label>
	439	+ </div>
	440	+
	441	+ </div>
	442	+ </div>
	443	+ <div class="col-md-6">
	444	+ <h6>Annotaion</h6>
	445	+ <div class="checkbox">
	446	+ <label><input type="checkbox" value="" checked>Erase Annotations when changeing layers</label>
	447	+ </div>
	448	+ </div>
	449	+ </div>
	450	+
	451	+ </div>
	452	+
	453	+
	454	+
	455	+ </div>
	456	+ </div>
	457	+ <div class="modal-footer">
	458	+ <button type="button" class="btn btn-primary">Ok</button>
	459	+ <button type="button" class="btn btn-primary" data-dismiss="modal">Cancle</button>
	460	+ <button type="button" class="btn btn-primary">Apply</button>
	461	+ </div>
	462	+ </div>
	463	+ </div>
	464	+ </div>
	465	+ </div>
	466	+
	467	+ <!--Settings modal-->
	468	+ <!--<div id="modal-settings" style="z-index: 1000000000; background: white;width: 302px;position:absolute;left:40%;right:0;top:70px;">-->
	469	+ <div id="modelsettingsbackground" style="background-color: black; bottom: 0; display: none; height: 100%; left: 0; opacity: 0.5; position: fixed; right: 0; top: 0; width: 100%; z-index: 12000000;"></div>
	470	+ <div id="modal-settings" style="display:none;z-index: 1000000000;height:auto;width: 300px;position:absolute;left:40%;right:0;top:70px;">
	471	+ <div role="document">
	472	+ <form>
	473	+ <div ng-init="loadsettings()" class="modal-content" id="setting-modal-dark">
	474	+ <div class="modal-header annotation-modal-header">
	475	+ <button type="button" class="close" data-dismiss="modal" ng-click="CloseSetting()" aria-label="Close"><span aria-hidden="true">×</span></button>
	476	+ <h4 class="modal-title" id="myModalLabel2">Settings</h4>
	477	+ </div>
	478	+ <div class="modal-body">
	479	+ <div class="paddTop15">
	480	+ <!-- Nav tabs -->
	481	+ <ul class="nav nav-tabs" role="tablist">
	482	+ <li role="presentation" ng-class="{'active':SettingsTab==1}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(1)">Appearance</a></li>
	483	+ <li role="presentation" ng-class="{'active':SettingsTab==2}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(2);lexiconData()">Lexicons</a></li>
	484	+ <li role="presentation" ng-class="{'active':SettingsTab==3}"><a role="tab" class="padd5" ng-click="SetSettingActiveTab(3)">Dissectible</a></li>
	485	+
	486	+ </ul>
	487	+ <!-- Tab panes -->
	488	+ <div class="tab-content">
	489	+ <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 1,'tab-pane' : SettingsTab !==1 }" id="appearance">
	490	+ <div class="row">
	491	+ <div class="col-sm-12">
	492	+ <div class="well well-sm no-margin-btm">
	493	+ <h5>System Font</h5>
	494	+ <div class="form-group">
	495	+ <label for="SystemFont" class="font13">Sample</label>
	496	+ <input type="text" class="form-control" id="SystemFont" value="AaBbYyZz" disabled>
	497	+ </div>
	498	+ <button class="btn btn-success btn-sm" data-toggle="modal" data-target="#modal-change">Change</button>
	499	+ <button class="btn btn-success btn-sm">Default</button>
	500	+ </div>
	501	+ </div>
	502	+ </div>
	503	+ </div>
	504	+ <div role="tabpanel" ng-class="{'tab-pane active' : SettingsTab === 2,'tab-pane' : SettingsTab !==2 }" id="lexicons">
	505	+ <div class="row paddingTopBtm10">
	506	+ <div class="col-sm-6">
	507	+ <div class="form-group">
	508	+ <label for="SystemFont" class="font13">Primary Lexicon</label>
	509	+ <input type="text" id="primarylaxican" class="form-control" value="English" name="1" disabled>
	510	+ <button class="btn btn-sm btn-success btn-block marginTop5" id="laxicanlanguageChagne" disabled>Change</button>
	511	+ </div>
	512	+
	513	+ <div class="form-group">
	514	+ <label for="SystemFont" class="font13">Secondary Lexicons</label>
	515	+ <!--<textarea class="form-control" rows="3">-->
	516	+ <select class="form-control" size="5" id="secondLax"></select>
	517	+ <!--</textarea>-->
	518	+ </div>
	519	+ <div class="form-group">
	520	+ <button class="btn btn-sm btn-success" id="laxiconLangAdd" disabled>Add</button>
	521	+ <button class="btn btn-sm btn-success" id="laxiconLangRemove">Remove</button>
	522	+ </div>
	523	+ </div>
	524	+ <div class="col-sm-6" style="padding-left:13px;padding-right:13px;">
	525	+ <div class=" form-group">
	526	+ <label for="SystemFont" class="font13">Available Lexicons</label>
	527	+ <select class="form-control" size="8" id="lexiconLangDropdown"></select>
	528	+ </div>
	529	+ <p class="font11"><strong>Note :</strong> Some languages require special system fonts to display correctly</p>
	530	+ </div>
	531	+ <div class="clearfix"></div>
	532	+ </div>
	533	+ </div>
	534	+ <div role="tabpanel" id="dissectible" ng-class="{'tab-pane active' : SettingsTab === 3,'tab-pane' : SettingsTab !==3 }">
	535	+ <div class="">
	536	+ <div class="col-sm-12">
	537	+ <h5 class="bolder font13 no-margin-top">Skin Tones</h5>
	538	+ <div class="skin-tones">
	539	+ <div align="center">
	540	+ <div class="col-sm-5">
	541	+ <button id="btnEthnicW" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'W')">
	542	+ <img src="~/../content/images/common/skin1.jpg" alt="">
	543	+ </button>
	544	+ </div>
	545	+ <div class="col-sm-5">
	546	+ <button id="btnEthnicB" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'B')">
	547	+ <img src="~/../content/images/common/skin2.jpg" alt="">
	548	+ </button>
	549	+ </div>
	550	+ <div class="col-sm-5">
	551	+ <button id="btnEthnicL" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'A')">
	552	+ <img src="~/../content/images/common/skin3.jpg" alt="">
	553	+ </button>
	554	+ </div>
	555	+ <div class="col-sm-5">
	556	+ <button id="btnEthnicA" class="thumbnail skinmarginbtm6" ng-model="formsetting.ethnicity" ng-click="ChangeEthnicity(formsetting,'L')">
	557	+ <img src="~/../content/images/common/skin4.jpg" alt="">
	558	+ </button>
	559	+ </div>
	560	+ </div>
	561	+ </div>
	562	+
	563	+ </div>
	564	+ </div>
	565	+ <div class="">
	566	+ <div class="col-sm-6">
	567	+ <h5 class="font13 bolder">Modesty Settings</h5>
	568	+ <img src="~/../content/images/common/adam-leaf.png" alt="" class="pull-left marginR5">
	569	+ <div class="radio">
	570	+ <label>
	571	+ <input type="radio" ng-checked="isModestyOn" ng-model="formsetting.modesty" value="Y" name="modestyRadios" id="modon" ng-click="ChangeModesty(formsetting,'Y')">
	572	+ <span class="">On</span>
	573	+ </label>
	574	+ </div>
	575	+ <div class="radio">
	576	+ <label>
	577	+ <input type="radio" ng-checked="isModestyOff" ng-model="formsetting.modesty" value="N" name="modestyRadios" id="modoff" ng-click="ChangeModesty(formsetting,'N')">
	578	+ <span class="">Off</span>
	579	+ </label>
	580	+ </div>
	581	+ </div>
	582	+ <div class="col-sm-6">
	583	+ <h5 class="font13 bolder">Annotation</h5>
	584	+ <div class="checkbox no-margin">
	585	+ <!--Settings > The entire highlighted part should be active-->
	586	+ <label class="font11 no-margin-btm">
	587	+ <input type="checkbox" value="" checked>
	588	+ Erase Annotations when changing layers
	589	+ </label>
	590	+ </div>
	591	+ </div>
	592	+ </div>
	593	+ </div>
	594	+ </div>
	595	+ </div>
	596	+ </div>
	597	+ <div class="modal-footer">
	598	+ <button type="button" class="btn btn-primary" ng-click="UpdateAndCloseSetting(formsetting)">OK</button>
	599	+
	600	+ <!--<button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>-->
	601	+ <button type="button" class="btn btn-primary" ng-click="CloseSetting()">Cancel</button>
	602	+ <button type="button" class="btn btn-primary" ng-click="UpdateSetting(formsetting)">Apply</button>
	603	+ </div>
	604	+ </div>
	605	+ </form>
	606	+ </div>
	607	+ </div>
	608	+ <div id="setting-spinner" style="display:none;position: fixed; top: 50%; left: 50%; margin-left: -50px; z-index: 15000; overflow: auto; width: 100px;">
	609	+ <img id="img-spinner" src="content/images/common/loading.gif" alt="Loading">
	610	+ </div>
	611	+ <!--Annotation Modal-->
	612	+ <div class="annotationTollbar" style="width: 300px;position: fixed; top: 80px; right: 20px; display: none; z-index: 1200000;">
	613	+ <div class="annotationbar">
	614	+ <div class="modal-content">
	615	+ <div class="modal-header annotation-modal-header">
	616	+ <button type="button" class="close" aria-label="Close" ng-click="CloseAnnotationTool()"><span aria-hidden="true">×</span></button>
	617	+ <h4 class="modal-title" id="myModalLabel">Annotation</h4>
	618	+ </div>
	619	+ <div class="modal-body" id="AnnotaionPopupDiv">
	620	+ <div class="row">
	621	+ <div class="col-sm-12">
	622	+ <h5>Mode</h5>
	623	+
	624	+ <div class="btn-group btn-group-justified" role="group" aria-label="...">
	625	+ <div class="btn-group" role="group" tooltip>
	626	+ <div id="identify-block" style="display: none; font-size:13px;">Identify Mode</div>
	627	+ <button id="OnIdentify" type="button" class="btn btn-sm btn-success" ng-click="OnIdentifyClick()">Identify</button>
	628	+ </div>
	629	+ <div class="btn-group" role="group">
	630	+ <div id="draw-block" style="display: none; font-size: 13px;">Draw Mode</div>
	631	+ <button id="DrawMode" type="button" ng-click="DrawingMode()" class="btn btn-sm btn-success">Draw</button>
	632	+ </div>
	633	+ </div>
	634	+
	635	+ </div>
	636	+ <div class="col-sm-12">
	637	+ <h5>Tools</h5>
	638	+ <div class="well well-popup">
	639	+ <div class="" aria-label="...">
	640	+ <div class="" role="group" align="center">
	641	+ <div id="cursor-block" style="display: none; font-size:13px;"></div>
	642	+ <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btnCursor" ng-mouseover="addToolTip(75, 60, 120, 'Select Cursor(s)')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="Cursor()"><img src="content/images/icon-identity.png" alt="" title=""></button>
	643	+ <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-pin" ng-mouseover="addToolTip(75, 100, 120, 'Draw Pin')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawPin($event)"><img src="content/images/draw-pin.png" alt="" title=""></button>
	644	+ <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-arrow" ng-mouseover="addToolTip(75, 120, 120, 'Draw Arrow')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawArrow($event)"><img src="content/images/draw-arrow.png" alt="" title=""></button>
	645	+ <button type="button" class="btn btn-black-annotation btn-xs mrgnBtm5 btn-annotation btn-annotation-Text" ng-mouseover="addToolTip(75, 140, 120, 'Draw Text')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawText($event)"><img src="content/images/draw-text.png" alt="" title=""></button>
	646	+ </div>
	647	+ <div class="" role="group" align="center">
	648	+ <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-line" ng-mouseover="addToolTip(95, 60, 120, 'Draw Line')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawLine($event)"><img src="content/images/draw-line.png" alt="" title=""></button>
	649	+ <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-rectangle" ng-mouseover="addToolTip(95, 100, 120, 'Draw Rectangle')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawRectangle($event)"><img src="content/images/draw-rec.png" alt="" title=""></button>
	650	+ <button type="button" class="btn btn-black-annotation btn-xs btn-annotation btn-annotation-circle" ng-mouseover="addToolTip(95, 120, 120, 'Draw Circle')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawCircle($event)"><img src="content/images/draw-cir.png" alt="" title=""></button>
	651	+ <!--<button type="button" class="btn btn-black-annotation btn-xs btn-annotation" ng-mouseover="addToolTip(95, 140, 120, 'Draw Polygon')" ng-mouseleave="removeToolTipOnMouseOut()" ng-click="DrawPolygon($event)"><img src="content/images/draw-poly.png" alt="" title=""></button>-->
	652	+ <button type="button" class="btn btn-black-annotation" id="resetBtn" style="padding:1px 7px;display:none;" ng-click="resetDrawing()" ng-mouseover="addToolTip(95, 140, 120, 'Reset')" ng-mouseleave="removeToolTipOnMouseOut()"><i class="fa fa-refresh"></i></button>
	653	+ </div>
	654	+ </div>
	655	+ </div>
	656	+ <div class="well-popup well blankshapediv" ng-mouseover="addToolTip(200, 170, 120, 'Edit Style')" ng-mouseleave="removeToolTipOnMouseOut()">
	657	+ <!--#7931-->
	658	+
	659	+ <div id="edit-block" style="display: none; font-size: 13px;">Edit Shape Style</div>
	660	+ <div id="previewBorder" class="outlinediv" ng-mouseover="addToolTip(170, 170, 120, 'Edit Style')" ng-mouseleave="removeToolTipOnMouseOut()">
	661	+ <div id="shapeStyleDiv" style="background-color: #ffffff;" class="fullcolordiv" ng-click="disableAnnotationtoolOnListManager\|\|enableAnnotationToolBar()">
	662	+
	663	+ </div>
	664	+
	665	+ </div>
	666	+ </div>
	667	+ <div class="well well-popup">
	668	+ <div class="" role="group" aria-label="...">
	669	+ <div>
	670	+ <a href="#canvasPaint" data-tool="marker" data-size="1" data-color="#fff" id="annotationpaintbrushsize" ng-mouseover="addToolTip(270, 50, 120, 'Paint')" ng-mouseleave="removeToolTipOnMouseOut()" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-brush" role="button" data-placement="top" style="margin-right:1%;" ng-click="paintBrush()"><i class="fa fa-paint-brush"></i></a>
	671	+ <a href="#canvasPaint" data-tool="eraser" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-erase" data-placement="top" data-size=" 1" id="annotationpainteraser" ng-click="EraseDrawing()" ng-mouseover="addToolTip(270, 70, 120, 'Erase')" ng-mouseleave="removeToolTipOnMouseOut()" role="button"><i class=" fa fa-eraser"></i></a>
	672	+
	673	+ <!--<button type="button" id="annotationpainteraser" class="btn btn-black-annotation btn-xs pull-left btn-annotation btn-annotation-erase" data-placement="top" ng-click="EraseDrawing()" ng-mouseover="addToolTip(270, 70, 120, 'Erase')" ng-mouseleave="removeToolTipOnMouseOut()"><i class="fa fa-eraser"></i></button>-->
	674	+ <div style="width: 80px; margin: 0px 0px 0px 4px; display: inline-block;float:left;">
	675	+ <div style="width: 58px; float: left;" ng-mouseover="addToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="removeToolTipOnMouseOut()">
	676	+ <input type="text" id="btnBrushSize" class="form-control" value="1" style="height:32px;border-radius:0;" oninput="Brushsize(this)">
	677	+ </div>
	678	+ <div style="width: 22px; float: left;">
	679	+ <div style="width: 100%; float: left; height: 16px;">
	680	+ <button type="button" id="btnBrushSizeIncrement" ng-mouseover="addToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="removeToolTipOnMouseOut()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;">
	681	+
	682	+ <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-up.png">
	683	+ </button>
	684	+ </div>
	685	+ <div style="width: 100%; float: left; height: 16px;">
	686	+ <button type="button" id="btnBrushSizeDecrease" ng-mouseover="addToolTip(270, 100, 120, 'Brush Size')" ng-mouseleave="removeToolTipOnMouseOut()" class="btn btn-default" style="padding:0 5px;border-radius:0;font-size: 10px;vertical-align:top;">
	687	+ <img style="width:10px;height:10px;" src="~/../content/images/DA/angle-down.png">
	688	+ </button>
	689	+ </div>
	690	+ </div>
	691	+
	692	+ </div>
	693	+
	694	+
	695	+ <div class="pull-left pl-12" style="width:45%; margin-left:2%;margin-top:5px;">
	696	+ <div id="slider-range-min-2" ng-mouseover="addToolTip(270, 170, 120, 'Brush Size')" ng-mouseleave="removeToolTipOnMouseOut()"></div>
	697	+ </div>
	698	+ <div class="clearfix"></div>
	699	+ </div>
	700	+
	701	+ </div>
	702	+
	703	+
	704	+ </div>
	705	+
	706	+ </div>
	707	+ </div>
	708	+ </div>
	709	+
	710	+ </div>
	711	+ </div>
	712	+ </div>
	713	+
	714	+ <!--Modal For Annotation Text Box-->
	715	+ <div id="annotationTextModal" style="display:none;z-index: 1000000000;width:500px;height:241px;padding-right:0!important;position:fixed;left:0;right:0;top:0px;bottom:0;margin:auto;">
	716	+
	717	+ <div class="modal-content">
	718	+ <div class="modal-header" style="background-color: #808D43;padding:10px;border-bottom:0;">
	719	+ <!--<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>-->
	720	+ <h4 class="modal-title" id="myModalLabel" style="font-weight:bold;">Enter Text to be put in a box</h4>
	721	+ </div>
	722	+ <div class="modal-body">
	723	+ <div class="col-xs-12" style="padding:20px 0;">
	724	+ <div class="form-inline">
	725	+ <!--Annotation: Text in different font style is same.-->
	726	+ <select class="form-control" id="selected-font-family"></select>
	727	+ <select class="form-control" id="selected-font-size">
	728	+ <option>14</option>
	729	+ <option>16</option>
	730	+ <option>18</option>
	731	+ <option>20</option>
	732	+ <option>22</option>
	733	+ <option>24</option>
	734	+ <option>26</option>
	735	+ <option>28</option>
	736	+ <option>36</option>
	737	+ <option>48</option>
	738	+ <option>72</option>
	739	+ </select>
	740	+ <span style="vertical-align:middle;">
	741	+ <span id="text-bold" class="Edittext-btn-css">
	742	+ <i aria-hidden="true" class="fa fa-bold" style="color: #fff"></i>
	743	+ </span>
	744	+ <span id="text-italic" class="Edittext-btn-css">
	745	+ <i class="fa fa-italic" aria-hidden="true" style="color: #fff"></i>
	746	+
	747	+ </span>
	748	+ <span id="text-underline" class="underline-btn-css">
	749	+ <i class="fa fa-underline" aria-hidden="true" style="color: #fff"></i>
	750	+ </span>
	751	+ </span>
	752	+
	753	+ <div class="form-group" id="font-color" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
	754	+
	755	+ <input type="text" id="saturation-demo" class="form-control demo" data-control="saturation" style="display:none;" value="#0088cc">
	756	+ </div>
	757	+ <div class="form-group" id="drawTextBGColorpicker" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
	758	+ <input type="text" id="saturation-demo-background" class="form-control drawTextBG" data-control="saturation" style="display:none;" value="#0088cc">
	759	+ </div>
	760	+
	761	+ <span style="vertical-align:middle;">
	762	+ <span id="text-left" class="Edittext-btn-css">
	763	+ <i aria-hidden="true" class="fa fa-align-left" style="color: #fff"></i>
	764	+ </span>
	765	+ <span id="text-center" class="Edittext-btn-css">
	766	+ <i class="fa fa-align-center" aria-hidden="true" style="color: #fff"></i>
	767	+
	768	+
	769	+ </span>
	770	+ <span id="text-right" class="underline-btn-css">
	771	+ <i class="fa fa-align-right" aria-hidden="true" style="color: #fff"></i>
	772	+
	773	+
	774	+ </span>
	775	+ </span>
	776	+
	777	+
	778	+ </div>
	779	+ </div>
	780	+ <textarea class="form-control" id="text_area" rows="3" style="font-family: 'Verdana, sans-serif';font-size:14px; font-weight: normal; font-style: normal; color: #000; text-align: left; text-decoration: none;"></textarea>
	781	+
	782	+ <!--code for horizonatl text going out-->
	783	+ <div id="atTextDiv" style="float:left;">
	784	+ <span id="duptextspan" style="float: left; display: none;"></span>
	785	+ <span id="textspan" style="display:none;"></span>
	786	+ </div>
	787	+ <!--code for horizonatl text going out-->
	788	+
	789	+ </div>
	790	+ <div class="modal-footer">
	791	+ <!--<button type="button" class="btn btn-default" ng-click="closeModal()" data-dismiss="modal">Close</button>-->
	792	+ <button type="button" class="btn btn-default" ng-click="closeModal()" id="closeEditText" data-dismiss="modal">Close</button>
	793	+ <button type="button" id="saveBtn" class="btn btn-primary" data-dismiss="modal" ng-click="saveText()">Save</button>
	794	+ </div>
	795	+ </div>
	796	+
	797	+ </div>
	798	+
	799	+
	800	+
	801	+
	802	+ <!--List manager-->
	803	+ <!--List manager-->
	804	+ <style>
	805	+ #listManager {
	806	+ background: #fff;
	807	+ border-radius: 3px;
	808	+ border: 1px solid #ededed;
	809	+ -webkit-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
	810	+ -moz-box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
	811	+ box-shadow: 0px 0px 2px 1px rgba(173,173,173,1);
	812	+ width: 350px;
	813	+ position: absolute;
	814	+ top: 170px;
	815	+ left: 140px;
	816	+ display: none;
	817	+ z-index: 780000;
	818	+ height: auto !important;
	819	+ }
	820	+
	821	+ #listManager .annotation-modal-header {
	822	+ background: #818f44;
	823	+ padding: 2px 10px;
	824	+ }
	825	+
	826	+ #listManager .annotation-modal-header h4 {
	827	+ color: #fff;
	828	+ font-size: 15px;
	829	+ line-height: 20px;
	830	+ }
	831	+
	832	+ #listManager .modal-header .close {
	833	+ color: #fff;
	834	+ margin: 0;
	835	+ opacity: 10;
	836	+ text-shadow: none;
	837	+ }
	838	+
	839	+ #listManager .modal-footer {
	840	+ padding: 5px 10px;
	841	+ }
	842	+ </style>
	843	+ <div id="listManager" style="">
	844	+ <div class="modal-header annotation-modal-header">
	845	+ <button type="button" class="close" aria-label="Close" ng-click="CloseListManager()"><span aria-hidden="true">×</span></button>
	846	+ <h4 class="modal-title" id="myModalLabel">List Manager</h4>
	847	+ </div>
	848	+ <div class="modal-body">
	849	+ <div class="row paddingTopBtm10">
	850	+ <div class="col-sm-12" ng-init="FillListManager()">
	851	+
	852	+ <div class="form-group">
	853	+ <label for="sel1">Window</label>
	854	+ <select class="form-control" id="viewName" disabled>
	855	+ <!--<option>Male Lateral</option>-->
	856	+
	857	+ </select>
	858	+ </div>
	859	+ <div style="">
	860	+ <div class="form-group">
	861	+ <div ng-click="restrictBodySystemList()" class="btn btn-success btn-block" style="padding:3px 12px;">
	862	+ <i class=" fa fa-caret-right restrict-carret-icon"></i> <span>Restrict List to</span>
	863	+ </div>
	864	+ </div>
	865	+
	866	+ <div id="restrictListDiv" style="display:none;">
	867	+ <div class="well well-sm marginTopBtm10">
	868	+ <div class="form-horizontal">
	869	+ <div class="form-group">
	870	+ <label class="col-sm-4 control-label" for="System">System</label>
	871	+ <div class="col-sm-8">
	872	+ <select id="bodySystems" class="form-control" onchange="if (typeof (this.selectedIndex) != 'undefined') refreshTermListOnSystem(this.options[this.selectedIndex].id)"></select>
	873	+ <select id="AABodySystems" class="form-control" onchange="if (typeof (this.selectedIndex) != 'undefined') refreshTermListOnSystemSel(this.options[this.selectedIndex].id)" style="display:none;"></select>
	874	+ </div>
	875	+ </div>
	876	+ <div class="form-group">
	877	+ <label class="col-sm-4 control-label" for="inputPassword3">Area</label>
	878	+ <div class="col-sm-8">
	879	+ <select class="form-control" disabled>
	880	+ <option value="1" selected="">Entire View</option>
	881	+ </select>
	882	+ </div>
	883	+ </div>
	884	+ </div>
	885	+ </div>
	886	+
	887	+
	888	+ </div>
	889	+
	890	+ <!--DA > List Manager > Multiple structure selection should not be available.-->
	891	+ <div class="form-group">
	892	+ <select id="termList" class="form-control" size="10" onclick="if (typeof (this.selectedIndex) != 'undefined') onListManagerTermSelection(this.options[this.selectedIndex].id, true)"></select>
	893	+ </div>
	894	+
	895	+ </div>
	896	+ <div style="clear:both;"></div>
	897	+
	898	+
	899	+
	900	+
	901	+ </div>
	902	+ </div>
	903	+
	904	+ </div>
	905	+ <div class="modal-footer" id="totalTerms">
	906	+ <!--<span class="pull-left marginTop5">424 Structures</span>-->
	907	+ <!--<button data-dismiss="modal" class="btn btn-primary" type="button"><i class="fa fa-arrow-circle-right"></i></button>-->
	908	+ </div>
	909	+ </div>
	910	+
	911	+ <!--background disable div-->
	912	+
	913	+ <div id="modelbackground"></div>
	914	+
	915	+
	916	+ <!--Edit Shape Modal-->
	917	+
	918	+
	919	+ <div class="modeleditstyle" id="modeleditstyle" style="z-index: 1000000000; background: white;width: 302px;position:absolute;left:40%;right:0;top:70px;">
	920	+ <div class="modal-content">
	921	+ <div class="modal-header annotation-modal-header">
	922	+ <h4 class="modal-title" id="myModalLabel33">Edit Shape Style</h4>
	923	+ </div>
	924	+ <form id="editStyleForm">
	925	+ <div class="modal-body">
	926	+ <div class="marginTopBtm10">
	927	+ <div class="well well-sm no-margin-btm">
	928	+ <div class="row">
	929	+ <div class="col-sm-12">
	930	+ <div class="checkbox no-margin">
	931	+ <label>
	932	+ <input id="fill-option" type="checkbox" checked onclick="enableDisableFillOption()"> Fill Option
	933	+ </label>
	934	+ </div>
	935	+ </div>
	936	+ <div class="col-sm-6 enableDisableOpacity">
	937	+ <!--<div class="radio">
	938	+ <label>
	939	+ <input type="radio" name="filloption" id="filloption1" value="filloption1">
	940	+ <span class="">Texture</span>
	941	+ <img id="editstyleTexture" src="~/../content/images/common/annotation-tool-bar/pattern-picker.png" alt="" class="pattern-picker" data-toggle="modal" data-target="#pattern">
	942	+ </label>
	943	+ </div>-->
	944	+ <div class="radio">
	945	+ <label>
	946	+ <input type="radio" name="filloption" id="filloption2" value="filloption2" checked style="margin-top:8px;">
	947	+
	948	+
	949	+ <div id="editstylebackgroundcolor" class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;float:left;">
	950	+ <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span>
	951	+ <input type="text" class="form-control outerBackgroundColor" data-control="saturation" style="display:none;" value="#0088cc">
	952	+ </div>
	953	+
	954	+
	955	+ </label>
	956	+ </div>
	957	+ </div>
	958	+ <div class="col-sm-6 no-padding marginTop10 enableDisableOpacity">
	959	+ <div class="row">
	960	+ <label class="pull-left" style="font-weight:normal;">Scale</label>
	961	+ <div id="edit-slider-3" class="pull-left pl-12" style="width:62%; margin-left:3%; margin-top:2%;">
	962	+ <div id="slider-range-min-3"></div>
	963	+ </div>
	964	+ </div>
	965	+
	966	+ <div class="row">
	967	+ <label class="pull-left" style="font-weight:normal;">Opacity</label>
	968	+ <div id="edit-slider-4" class="pull-left pl-12" style="width:53%; margin-left:3%; margin-top:2%;">
	969	+ <div id="slider-range-min-4"></div>
	970	+ </div>
	971	+ </div>
	972	+
	973	+ <div class="clearfix"></div>
	974	+
	975	+
	976	+ </div>
	977	+ </div>
	978	+
	979	+ </div>
	980	+ </div>
	981	+ <div class="marginTopBtm10">
	982	+ <div class="well well-sm no-margin-btm">
	983	+ <div class="row">
	984	+ <div class="col-sm-12">
	985	+ <div class="checkbox no-margin">
	986	+ <label>
	987	+ <input id="Outline-Option" onclick="enableDisableOutline()" type="checkbox" checked> Outline Option
	988	+ </label>
	989	+ </div>
	990	+ </div>
	991	+ <div class="col-sm-6 setEnableDisableForEditShapeStyle">
	992	+ <label class="marginTop5">
	993	+ <span style="font-weight: normal; float: left; padding-top: 5px; padding-right: 5px;">Color</span>
	994	+ <div class="form-group" id="outlineColor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;float:left;">
	995	+
	996	+ <input type="text" class="form-control borderColorCanvasPreview" data-control="saturation" style="display:none;" value="#0088cc">
	997	+ </div>
	998	+
	999	+
	1000	+ </label>
	1001	+ </div>
	1002	+
	1003	+ <div class="col-sm-6 setEnableDisableForEditShapeStyle">
	1004	+ <div class="form-horizontal">
	1005	+ <div class="form-group">
	1006	+ <label class="col-sm-3 control-label" style=" font-weight:normal; padding-top:9px;">Size</label>
	1007	+ <div class="col-sm-9 marginTop5">
	1008	+ <select id="borderWidthCanvasElement" class="form-control input-sm">
	1009	+ <option value="1">1</option>
	1010	+ <option value="2">2</option>
	1011	+ <option value="3">3</option>
	1012	+ <option value="4">4</option>
	1013	+ <option value="5">5</option>
	1014	+ </select>
	1015	+ </div>
	1016	+ </div>
	1017	+ </div>
	1018	+ </div>
	1019	+
	1020	+ </div>
	1021	+ </div>
	1022	+ </div>
	1023	+
	1024	+ <div class="marginTopBtm10">
	1025	+
	1026	+ <div class="well well-sm no-margin-btm blankshapediv">
	1027	+ <div class="outlinediv" id="outlinedivId" style="border: 1px solid #000000;">
	1028	+ <div id="imgOpacity" style="background-color: #ffffff" class="fullcolordiv imgopacity">
	1029	+ </div>
	1030	+ </div>
	1031	+ </div>
	1032	+
	1033	+ </div>
	1034	+ </div>
	1035	+ <div class="modal-footer">
	1036	+ <button id="btnShapeStyle" type="button" class="btn btn-primary btn-sm" ng-click="setPropertiesForShapes('imgOpacity')">
	1037	+ OK
	1038	+ </button>
	1039	+ <button type="button" class="btn btn-primary btn-sm" data-dismiss="modal" ng-click="disableAnnotationToolBar()">Cancel</button>
	1040	+ </div>
	1041	+ </form>
	1042	+ </div>
	1043	+ </div>
	1044	+
	1045	+ <!--Export Image Modal-->
	1046	+ <div class="modal fade export-image ui-draggable in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
	1047	+ style="z-index: 1200002;">
	1048	+ <div class="modal-dialog modal-sm" role="document">
	1049	+ <div class="modal-content">
	1050	+ <div class="modal-header annotation-modal-header ui-draggable-handle">
	1051	+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
	1052	+ <h4 class="modal-title" id="">Save As</h4>
	1053	+ </div>
	1054	+ <div class="modal-body">
	1055	+ <div class="row paddTopbtm15">
	1056	+ <div class="col-sm-12">
	1057	+ <div class="form-group">
	1058	+ <label for="filename">Filename:</label>
	1059	+ <div class="input-group">
	1060	+ <input type="text" class="form-control" id="filename" placeholder="" ng-model="filename">
	1061	+ <div class="input-group-addon">.jpg</div>
	1062	+ </div>
	1063	+ </div>
	1064	+ </div>
	1065	+ </div>
	1066	+
	1067	+ </div>
	1068	+ <div class="modal-footer">
	1069	+ <div class="row">
	1070	+ <input type="file" id="file1" style="display:none">
	1071	+ <!--<a href="data:application/xml;charset=utf-8,your code here" download="filename.html">Save</a-->
	1072	+ <div class="col-sm-12"><button id="btnSaveEI" class="btn btn-primary" data-dismiss="modal" type="button">Ok</button></div> <!--onclick="makeScreenshot();"--><!--ng-click="dialogs.saveAs()"--><!--ng-click="ShowAlert()"-->
	1073	+ </div>
	1074	+ </div>
	1075	+
	1076	+ </div>
	1077	+ </div>
	1078	+ </div>
	1079	+
	1080	+ <!--Print Active Viewer-->
	1081	+ <div class="print-box-active portrait-box-active" id="printBox" style="display: none;">
	1082	+ <div id="printDivContent">
	1083	+ <div class="">
	1084	+ <div class="print-col-sm-4" style="top: 10px; position: absolute; left: 10px;">
	1085	+ <span class="pull-left font12 print-span-font" id="spnModule"></span>
	1086	+ </div>
	1087	+ <div class="print-col-sm-4" style="top: 10px; position: absolute; right: 10px;">
	1088	+ <span class="pull-right font12 print-span-font" id="spnBodyViewTitle"></span>
	1089	+ </div>
	1090	+ </div>
	1091	+ <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;">
	1092	+ <img src="" alt="" class="logo-image" id="snipImage" style="width: 100%;" />
	1093	+ </div>
	1094	+ <div>
	1095	+ <div class="print-col-sm-4" style="position: absolute; bottom: 20px;">
	1096	+ <span class="pull-left marginTop10 font12 print-span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
	1097	+ </div>
	1098	+ <div class="print-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
	1099	+ <span class="pull-right print-marginTop10 bgnone no-margin">
	1100	+ <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
	1101	+ </span>
	1102	+ </div>
	1103	+ </div>
	1104	+ <div class="clearfix"></div>
	1105	+ </div>
	1106	+ </div>
	1107	+
	1108	+ <!--Print Preview Modal-->
	1109	+ <div id="dvPrintPreview" style="display: none;"></div>
	1110	+ </div>
	1111	+ </div>
	1112	+ <!--RESET PASSWORD FORM-->
	1113	+ <div id="passwordReset" ng-show="isVisibleResetPass">
	1114	+ <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
	1115	+ <tbody>
	1116	+ <tr>
	1117	+ <td align="center" valign="middle" bgcolor="#393939 " style="padding:30px 0 20px 0;"><a href="#"><img src="../content/images/logo.png" alt="AIA" title="AIA" /></a></td>
	1118	+ </tr>
	1119	+ <tr>
	1120	+ <td align="center" valign="top" bgcolor="#808d43" style="padding:20px; overflow:hidden;">
	1121	+ <form name="resetPasswordForm" novalidate>
	1122	+ <table width="100%" border="0" cellspacing="0" cellpadding="0" ng-controller="HomeController">
	1123	+ <tbody>
	1124	+
	1125	+ <tr>
	1126	+ <td style=" font-size:26px; font-weight:bold; color:#fff; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"><strong>Reset Password</strong></td>
	1127	+ </tr>
	1128	+ <tr>
	1129	+ <td> </td>
	1130	+ </tr>
	1131	+ <tr>
	1132	+ <td style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff;">New Password </td>
	1133	+ </tr>
	1134	+ <tr>
	1135	+ <td>
	1136	+ <input class="form-control" name="newPassword" value="*****" type="password" style="padding:3px 5px; height:25px; width:98%;" ng-model="userInfo.newPassword" ng-minlength="8" ng-maxlength="20" required>
	1137	+ <span style="color: maroon; font-weight:bold" ng-show="resetPasswordForm.newPassword.$touched && resetPasswordForm.newPassword.$invalid && resetPasswordForm.newPassword.$pristine">The password is required.</span>
	1138	+ <p ng-show="resetPasswordForm.newPassword.$error.minlength" style="font-weight: bold; color: maroon;">Password length must be between 8 - 20 characters.</p>
	1139	+ <p ng-show="resetPasswordForm.newPassword.$error.maxlength" style="font-weight: bold; color: maroon;">Password length must be between 8 - 20 characters.</p>
	1140	+ </td>
	1141	+ </tr>
	1142	+ <tr>
	1143	+ <td> </td>
	1144	+ </tr>
	1145	+ <tr>
	1146	+ <td style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff;">Confirm Password </td>
	1147	+ </tr>
	1148	+
	1149	+ <tr>
	1150	+ <td>
	1151	+ <input class="form-control" name="confirmPassword" value="*****" type="password" style="padding:3px 5px; height:25px; width:98%;" ng-model="userInfo.confirmPassword" required>
	1152	+ <span style="color: maroon; font-weight: bold; " ng-show="resetPasswordForm.confirmPassword.$touched && resetPasswordForm.confirmPassword.$invalid">Confirm password is required.</span>
	1153	+ <span style="color: maroon; font-weight: bold; " ng-if="resetPasswordForm.newPassword !== resetPasswordForm.confirmPassword">{{passwordMismatchMessage}}</span>
	1154	+ </td>
	1155	+ </tr>
	1156	+ <tr>
	1157	+ <td> </td>
	1158	+ </tr>
	1159	+ <tr>
	1160	+ <td>
	1161	+ <button type="submit" ng-disabled="resetPasswordForm.$invalid" ng-click="ResetUserPassword(userInfo)" style="background: #0072a7; border: 1px solid #005076; cursor: pointer; color: #fff; padding: 5px 10px; font-size: 16px; text-transform: uppercase; text-align: center; text-decoration: none; font-family: gotham, 'Helvetica Neue', helvetica, arial, sans-serif; " id="btnUpdatePassword">Submit</button> <!--ng-submit="submitForm(resetPwdForm.$valid)"--> <!--ng-click="ResetUserPassword(userInfo)"-->
	1162	+ </td>
	1163	+ </tr>
	1164	+ </tbody>
	1165	+ </table>
	1166	+ </form>
	1167	+ </tr>
	1168	+
	1169	+
	1170	+ </tbody>
	1171	+ </table>
	1172	+ </div>
	1173	+
	1174	+ <div class="modal fade" id="messageModal" role="dialog">
	1175	+ <div class="modal-dialog">
	1176	+
	1177	+ <div class="modal-content">
	1178	+ <div class="modal-header">
	1179	+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
	1180	+ </div>
	1181	+ <div class="modal-title"></div>
	1182	+ <div class="modal-body">{{errorMessage}}</div>
	1183	+ <div class="modal-footer"> <button type="button" class="btn btn-primary" data-dismiss="modal">OK</button></div>
	1184	+ </div>
	1185	+ </div>
	1186	+ </div>
	1187	+
	1188	+ <!--Admin Form (Under Process)-->
	1189	+ <div class="modal fade ui-draggable in" id="adminModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="padding-left: 17px; ">
	1190	+ <div class="modal-dialog" role="document">
	1191	+ <div class="modal-content">
	1192	+ <div class="modal-header ui-draggable-handle" style="color: #e5e5e5;">
	1193	+ <!--bg-primary-->
	1194	+ <button type="button" class="close" data-dismiss="modal" aria-label="Close" id="btnCloseAAModal" ng-click="CloseAAModal()"><span aria-hidden="true">×</span></button>
	1195	+ <h5 class="text-left lhgt19 padd5" style="color:red; text-align:left;">*This module is not yet available to use, please fill in the form with complete details, a support request will be submitted to ADAM Education Sales and Support team. If needed someone from ADAM team will contact you ASAP.</h5>
	1196	+ </div>
	1197	+ <div class="modal-body">
	1198	+ <div class="panel-body">
	1199	+ <!-- form -->
	1200	+ <form class="form-horizontal" name="adminAccessRequestForm">
	1201	+ <div class="form-group">
	1202	+ <label for="inputEmail3" class="col-sm-3 control-label">First Name :</label>
	1203	+ <div class="col-sm-8">
	1204	+ <input class="form-control" id="adminfName" placeholder="" ng-model=" userinfo.firstname" ng-readonly="true">
	1205	+ </div>
	1206	+ </div>
	1207	+ <div class="form-group">
	1208	+ <label for="inputPassword3" class="col-sm-3 control-label">Last Name :</label>
	1209	+ <div class="col-sm-8">
	1210	+ <input class="form-control" id="adminlName" placeholder="" type="text" ng-model="userInfo.lastName" ng-readonly="true">
	1211	+ </div>
	1212	+ </div>
	1213	+ <div class="form-group">
	1214	+ <label for="inputPassword3" class="col-sm-3 control-label">Email Id <span class="red">*</span> :</label>
	1215	+ <div class="col-sm-8">
	1216	+ <input class="form-control" id="adminEmailId" placeholder="" type="text" ng-model="userInfo.emailId" ng-readonly="true">
	1217	+ </div>
	1218	+ </div>
	1219	+ <div class="form-group">
	1220	+ <label for="inputPassword3" class="col-sm-3 control-label">Message <span class="red">*</span> :</label>
	1221	+ <div class="col-sm-8">
	1222	+ <textarea name="adminAccessTextArea" class="form-control" rows="3" placeholder="Message" ng-model="userInfo.userMessage" required></textarea> <!--ng-show="!adminRequestTextArea.length-->
	1223	+ <span id="spnError" style="color: maroon; font-weight:bold" ng-show="adminAccessRequestForm.adminAccessTextArea.$invalid">Message required.</span>
	1224	+ </div>
	1225	+ </div>
	1226	+ <div class="form-group">
	1227	+ <div class="col-sm-offset-3 col-sm-8 mar-top17">
	1228	+ <button type="button" class="btn btn-primary btn-sm" ng-click="adminAccessRequestForm.$valid && SendAdminAccessRequestMail(userInfo)" data-toggle="modal" data-target="#mymodal"><i class="fa fa-check"></i> Submit</button>
	1229	+ </div>
	1230	+
	1231	+ </div>
	1232	+ </form>
	1233	+ </div>
	1234	+ </div>
	1235	+
	1236	+ </div>
	1237	+ </div>
	1238	+ </div>
	1239	+
	1240	+ <!--Available modules list modal after login-->
	1241	+ <div class=" fade ui-draggable in" id="dvUserModulesInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="padding-left: 17px; display: none; left: 0px !important; z-index: 111111; position: fixed; top: 0; overflow-x: hidden; overflow-y: auto; right: 0px; bottom: 0px; ">
	1242	+ <div class="modal-dialog" role="document">
	1243	+ <div class="modal-content">
	1244	+ <div class="modal-header ui-draggable-handle " style="color: #ffffff; background-color: #0095da; border-color: #007ab3;cursor:default;">
	1245	+ <!--color: #e5e5e5;-->
	1246	+ <!--bg-primary-->
	1247	+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
	1248	+ <h4 class="text-left lhgt19 padd5" style="color:#fff; text-align:left;">Modules Availability</h4>
	1249	+ </div>
	1250	+
	1251	+ <div class="modal-body">
	1252	+ <div class="panel-body">
	1253	+ <!-- form -->
	1254	+ <form class="form-horizontal">
	1255	+ <div>
	1256	+ <div class="form-group" id="moduleDiv1">
	1257	+ <div class="col-sm-8">• Dissectible Anatomy</div>
	1258	+ </div>
	1259	+ <div class="form-group" id="moduleDiv2">
	1260	+ <div class="col-sm-8">• Atlas Anatomy</div>
	1261	+ </div>
	1262	+ <div class="form-group" id="moduleDiv3">
	1263	+ <div class="col-sm-8">• 3D Anatomy</div>
	1264	+ </div>
	1265	+ <div class="form-group" id="moduleDiv4">
	1266	+ <div class="col-sm-8">• Clinical Illustrations</div>
	1267	+ </div>
	1268	+ <div class="form-group" id="moduleDiv5">
	1269	+ <div class="col-sm-8">• Clinical Animations</div>
	1270	+ </div>
	1271	+ <div class="form-group" id="moduleDiv6">
	1272	+ <div class="col-sm-8">• Encyclopedia</div>
	1273	+ </div>
	1274	+ <div class="form-group" id="moduleDiv9">
	1275	+ <div class="col-sm-8">• IP 10</div>
	1276	+ </div>
	1277	+ <div class="form-group" id="moduleDiv11">
	1278	+ <div class="col-sm-8">• In - Depth Reports</div>
	1279	+ </div>
	1280	+ <div class="form-group" id="moduleDiv12">
	1281	+ <div class="col-sm-8">• Complementary and Alternative Medicine</div>
	1282	+ </div>
	1283	+
	1284	+ <div class="form-group" id="moduleDiv14">
	1285	+ <div class="col-sm-8">• Body Guide</div>
	1286	+ </div>
	1287	+ <div class="form-group" id="moduleDiv15">
	1288	+ <div class="col-sm-8">• Symptom Navigator</div> <!--Health-->
	1289	+ </div>
	1290	+ <div class="form-group" id="moduleDiv16">
	1291	+ <div class="col-sm-8">• The Wellness Tools</div>
	1292	+ </div>
	1293	+ <div class="form-group" id="moduleDiv1017">
	1294	+ <div class="col-sm-8">• A.D.A.M on Demand</div>
	1295	+ </div>
	1296	+ </div>
	1297	+ <!--<hr style="border: 1px solid;"/>-->
	1298	+ <div id="dvPending" style="margin: 15px 0;"><b>Pending Modules</b></div>
	1299	+ <!--<hr style="border: 1px solid;" />-->
	1300	+ <div>
	1301	+ <div class="form-group" id="moduleDiv7">
	1302	+ <div class="col-sm-12"><i>• Curriculum Builder</i></div> <!--(To be available by 09/25/2017)-->
	1303	+ </div>
	1304	+ <div class="form-group" id="moduleDiv8">
	1305	+ <div class="col-sm-8"><i>• Anatomy Test</i></div> <!--(To be available by 08/28/2017)-->
	1306	+ </div>
	1307	+ <div class="form-group" id="moduleDiv10">
	1308	+ <div class="col-sm-8"><i>• Lab Exercises</i></div> <!--(To be available by 08/16/2017)-->
	1309	+ </div>
	1310	+ <div class="form-group" id="moduleDiv13">
	1311	+ <div class="col-sm-8">• A.D.A.M Images</div>
	1312	+ </div>
	1313	+ </div>
	1314	+ <div class="form-group">
	1315	+ <div style="text-align: center">
	1316	+ <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#mymodal" data-dismiss="modal"><i class="fa fa-check"></i> OK</button>
	1317	+ </div>
	1318	+ </div>
	1319	+ </form>
	1320	+ </div>
	1321	+ </div>
	1322	+
	1323	+ </div>
	1324	+ </div>
	1325	+ </div>
	1326	+
	1327	+ <!-- Terms & Condition Modal -->
	1328	+ <div class=" fade ui-draggable in" id="dvTermCondition" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="padding-left: 17px; display: none; left: 0px !important; z-index: 111111; position: fixed; top: 0; overflow-x: hidden; overflow-y: auto; right: 0px; bottom: 0px; ">
	1329	+ <div class="modal-dialog" role="document">
	1330	+ <div class="modal-content">
	1331	+ <div class="modal-header ui-draggable-handle " style="color: #ffffff; background-color: #0095da; border-color: #007ab3;cursor:default;">
	1332	+ <!--color: #e5e5e5;-->
	1333	+ <h6 class="text-left lhgt19 padd5" style="color:#fff; text-align:left;">Terms and Conditions</h6>
	1334	+ </div>
	1335	+
	1336	+ <div class="modal-body" style="width: 597px; height: 400px; overflow-x: auto;">
	1337	+ <div class="panel-body">
	1338	+ <div id="dvTerms" style="font-size: 13px;"></div>
	1339	+ </div>
	1340	+ </div>
	1341	+ <div class="modal-footer ui-draggable-handle " style="color: #ffffff; cursor:default;">
	1342	+ <!--background-color: #0095da; border-color: #007ab3;-->
	1343	+ <!-- form -->
	1344	+ <form class="form-horizontal">
	1345	+ <!--<div class="form-group">-->
	1346	+ <div style="clear: left; float: left; color: #000;"><input type="checkbox" id="chkAccept" ng-model="checked" style="vertical-align: top;" /> I accept</div>
	1347	+ <div style="float: right;"><button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#mymodal" ng-disabled="!checked" data-dismiss="modal" ng-click="UpdateLicenseTermStatus()"><i class="fa fa-check"></i> Next</button></div>
	1348	+ <!--</div>-->
	1349	+ </form>
	1350	+ </div>
	1351	+ </div>
	1352	+ </div>
	1353	+ </div>
	1354	+ <script>
	1355	+ function enableDisableFillOption() {
	1356	+ if (document.getElementById('fill-option').checked) {
	1357	+ // $('#imgOpacity').attr("background-color");
	1358	+ //$('#imgOpacity').css({"background-color"})
	1359	+ //$("#filloption1").css({ "pointer-events": "auto" });
	1360	+ //$("#filloption12").css({ "pointer-events": "auto" });
	1361	+
	1362	+ var x = $("#editstylebackgroundcolor span.minicolors-swatch-color").css('background-color');
	1363	+ $("#imgOpacity").css("background-color", x);
	1364	+ $("#edit-slider-3").css({ "pointer-events": "auto" });
	1365	+ $("#edit-slider-4").css({ "pointer-events": "auto" });
	1366	+ $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
	1367	+ $("#editstyleTexture").css({ "pointer-events": "auto" });
	1368	+ $(".enableDisableOpacity label").css({ "cursor": "pointer" });
	1369	+ $(".enableDisableOpacity").css({ "opacity": "1" })
	1370	+ document.getElementById("filloption1").disabled = false;
	1371	+ document.getElementById("filloption2").disabled = false;
	1372	+ document.getElementById("filloption1").style.cursor = "default";
	1373	+ document.getElementById("filloption2").style.cursor = "default";
	1374	+
	1375	+
	1376	+
	1377	+ }
	1378	+ else {
	1379	+ $('#imgOpacity').css("background-color", "transparent");
	1380	+ //$("#filloption1").css({ "pointer-events": "none" });
	1381	+ //$("#filloption2").css({ "pointer-events": "none" });
	1382	+ $("#edit-slider-3").css({ "pointer-events": "none" });
	1383	+ $("#edit-slider-4").css({ "pointer-events": "none" });
	1384	+ $("#editstylebackgroundcolor").css({ "pointer-events": "none" });
	1385	+ $("#editstyleTexture").css({ "pointer-events": "none" });
	1386	+ $(".enableDisableOpacity label").css({ "cursor": "default" });
	1387	+ $(".enableDisableOpacity").css({ "opacity": ".5" })
	1388	+ document.getElementById("filloption1").disabled = true;
	1389	+ document.getElementById("filloption2").disabled = true;
	1390	+ document.getElementById("filloption1").style.cursor = "default";
	1391	+ document.getElementById("filloption2").style.cursor = "default";
	1392	+
	1393	+
	1394	+
	1395	+ }
	1396	+
	1397	+ }
	1398	+ function enableDisableOutline() {
	1399	+
	1400	+ if (document.getElementById('Outline-Option').checked) {
	1401	+ var x = $("#outlineColor span.minicolors-swatch-color").css('background-color');
	1402	+ $(".marginTopBtm10 div.outlinediv").css("border-color", x);
	1403	+ // var borderWidth = $("#outlineColor span.minicolors-swatch-color").css('border-width');
	1404	+ // $("#imgOpacity").css("border-width", borderWidth);
	1405	+
	1406	+ $("#borderWidthCanvasElement").css({ "pointer-events": "auto" });
	1407	+ $("#outlineColor").css({ "pointer-events": "auto" });
	1408	+ $(".setEnableDisableForEditShapeStyle").css({ "opacity": "1" })
	1409	+ }
	1410	+ else {
	1411	+ $('.marginTopBtm10 div.outlinediv').css("border-color", "transparent");
	1412	+ $("#borderWidthCanvasElement").css({ "pointer-events": "none" });
	1413	+ $("#outlineColor").css({ "pointer-events": "none" });
	1414	+ $(".setEnableDisableForEditShapeStyle").css({ "opacity": ".5" })
	1415	+ }
	1416	+ }
	1417	+
	1418	+ </script>
	1419	+
	1420	+ <script>
	1421	+ function Brushsize(object) {
	1422	+
	1423	+ object.value = object.value.replace(/[^0-9]/g, '');
	1424	+ if (parseInt(object.value) <= 0) {
	1425	+ object.value = 1;
	1426	+ }
	1427	+ if (parseInt(object.value) >= 1 && parseInt(object.value) <= 60) {
	1428	+ object.value = object.value;
	1429	+ }
	1430	+ if (parseInt(object.value) > 60) {
	1431	+ object.value = object.value.slice(0, 1);
	1432	+
	1433	+ }
	1434	+
	1435	+ }
	1436	+ </script>
	1437	+
	1438	+
	1439	+ <!--<script src="libs/jquery/1.11.3/jquery.min.js"></script>-->
	1440	+ <script src="libs/jquery/2.1.3/jquery.min.js"></script>
	1441	+ <script src="libs/jquery/1.11.4/jquery-ui.js"></script>
	1442	+
	1443	+ <script src="libs/jquery/jquery_plugin/jquery.mCustomScrollbar.concat.min.js"></script>
	1444	+ <script src="themes/default/scripts/bootstrap/3.3.5/bootstrap.js"></script>
	1445	+ <script src="libs/angular/1.4.9/angular.min.js"></script>
	1446	+ <script src="libs/angular/1.4.9/angular-route.min.js"></script>
	1447	+ <script src="libs/angular/1.4.9/angular-sanitize.min.js"></script>
	1448	+ <script src="libs/angular/1.4.9/ngStorage.js"></script>
	1449	+ <script src="content/js/custom/custom.js"></script>
	1450	+ <!--Annotation Toolbar : jcanvas Library-->
	1451	+
	1452	+ <script src="libs/jcanvas/jcanvas.min.js"></script>
	1453	+ <script src="libs/jcanvas/jcanvas.handle.min.js"></script>
	1454	+
	1455	+ <script src="libs/jinqJs.js"></script>
	1456	+ <script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.js"></script>
	1457	+ <script src="libs/video_4_12_11/video_4_12_11.js"></script>
	1458	+ <script src="libs/jquery/jquery_plugin/SpeechBubble/bubble.js"></script>
	1459	+ <!--<script src="libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.js"></script>-->
	1460	+ <script src="app/main/AIA.js"></script>
	1461	+ <script src="app/main/Link.js"></script>
	1462	+ <script src="content/scripts/js/custom/custom.js"></script>
	1463	+ <script src="app/filters/ColorMatrixFilter.js"></script>
	1464	+ <script src="app/utility/Matrix.js"></script>
	1465	+ <script src="app/utility/Point.js"></script>
	1466	+ <script src="app/utility/Rectangle.js"></script>
	1467	+ <script src="app/utility/BitmapData.js"></script>
	1468	+ <script src="app/utility/Paint.js"></script>
	1469	+ <script src="app/controllers/DAController.js"></script>
	1470	+ <script src="app/controllers/CIController.js"></script>
	1471	+ <script src="app/controllers/CAController.js"></script>
	1472	+ <script src="app/controllers/3dAController.js"></script>
	1473	+ <script src="app/controllers/CurrBuildController.js"></script>
	1474	+ <script src="app/controllers/AnatTestController.js"></script>
	1475	+ <script src="app/controllers/LabExercController.js"></script>
	1476	+ <script src="app/controllers/ADAMImgController.js"></script>
	1477	+ <script src="app/controllers/AODController.js"></script>
	1478	+ <script src="app/controllers/HomeController.js"></script>
	1479	+ <script src="app/controllers/LinkController.js"></script>
	1480	+ <script src="app/services/AuthenticationService.js"></script>
	1481	+ <script src="app/services/AdminService.js"></script>
	1482	+ <script src="app/controllers/TileViewListController.js"></script>
	1483	+
	1484	+ <script src="app/services/ModuleService.js"></script>
	1485	+
	1486	+ <script src="app/services/DataService.js"></script>
	1487	+ <script src="app/services/TermService.js"></script>
	1488	+ <script src="libs/jquery/jquery_plugin/jqueryui.js"></script>
	1489	+ <script src="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.js"></script>
	1490	+
	1491	+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
	1492	+
	1493	+ <script src="libs/jquery/jquery_plugin/color-picker/jquery.minicolors.min.js"></script>
	1494	+ <!--<script src="libs/colorpicker/jquery.minicolors.min.js"></script>-->
	1495	+ <!--<script src="libs/color-picker/jquery.minicolors.min.js"></script>-->
	1496	+
	1497	+ <script src="libs/sketch.js"></script>
	1498	+
	1499	+ <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>-->
	1500	+ <script src="libs/html2canvas.js"></script>
	1501	+ <script src="libs/FileSaver.js"></script>
	1502	+
	1503	+ <!--<script type="text/javascript">
	1504	+ $(function () {
	1505	+ $('#canvas').sketch();
	1506	+ });
	1507	+ </script>-->
	1508	+
	1509	+ <script>
	1510	+
	1511	+ $(function () {
	1512	+ $('[data-toggle="tooltip"]').tooltip();
	1513	+ })
	1514	+
	1515	+ </script>
	1516	+ <script>
	1517	+ (function ($) {
	1518	+ $(window).load(function () {
	1519	+ $(".sidebar").mCustomScrollbar({
	1520	+ autoHideScrollbar: true,
	1521	+ //theme:"rounded"
	1522	+ });
	1523	+
	1524	+ });
	1525	+ })(jQuery);
	1526	+ </script>
	1527	+ <script>
	1528	+ $(function () {
	1529	+ $(".modal").draggable();
	1530	+ $(".annotationTollbar").draggable();
	1531	+ $(".modeleditstyle").draggable();
	1532	+ $("#annotationTextModal").draggable();
	1533	+ $("#modal-settings").draggable();
	1534	+ });
	1535	+ </script>
	1536	+
	1537	+
	1538	+
	1539	+
	1540	+ <script type="text/javascript">
	1541	+ $(function () {
	1542	+
	1543	+ $("#text-left").on('click', function () {
	1544	+
	1545	+ //Annotation: Formatting buttons color is not change when select.
	1546	+
	1547	+ $("#text-center").removeClass("ActiveFormattingButtonClass");
	1548	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	1549	+ $("#text-left").addClass("ActiveFormattingButtonClass");
	1550	+ $("#text_area").css("text-align", "left");
	1551	+
	1552	+
	1553	+ });
	1554	+
	1555	+
	1556	+ $("#text-center").on('click', function () {
	1557	+
	1558	+ //Annotation: Formatting buttons color is not change when select.
	1559	+
	1560	+ $("#text-right").removeClass("ActiveFormattingButtonClass");
	1561	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	1562	+ $("#text-center").addClass("ActiveFormattingButtonClass");
	1563	+ $("#text_area").css("text-align", "center");
	1564	+
	1565	+
	1566	+ });
	1567	+
	1568	+
	1569	+ $("#text-right").on('click', function () {
	1570	+
	1571	+ //Annotation: Formatting buttons color is not change when select.
	1572	+
	1573	+ $("#text-left").removeClass("ActiveFormattingButtonClass");
	1574	+ $("#text-center").removeClass("ActiveFormattingButtonClass");
	1575	+ $("#text-right").addClass("ActiveFormattingButtonClass");
	1576	+ $("#text_area").css("text-align", "right");
	1577	+ });
	1578	+
	1579	+
	1580	+ $("#text-bold").on('click', function () {
	1581	+
	1582	+ //Annotation: Formatting buttons color is not change when select.
	1583	+ $("#text-bold").toggleClass("ActiveFormattingButtonClass");
	1584	+
	1585	+ if ($("#text-bold").hasClass("ActiveFormattingButtonClass")) {
	1586	+ $("#text_area").css("font-weight", "bold");
	1587	+ }
	1588	+ else {
	1589	+ $("#text_area").css("font-weight", "normal");
	1590	+ }
	1591	+
	1592	+
	1593	+ });
	1594	+
	1595	+ $("#text-italic").on('click', function () {
	1596	+
	1597	+ //Annotation: Formatting buttons color is not change when select.
	1598	+ $("#text-italic").toggleClass("ActiveFormattingButtonClass");
	1599	+ if ($("#text-italic").hasClass("ActiveFormattingButtonClass")) {
	1600	+ $("#text_area").css("font-style", "italic");
	1601	+ }
	1602	+ else {
	1603	+ $("#text_area").css("font-style", "normal");
	1604	+ }
	1605	+ });
	1606	+
	1607	+ $("#text-underline").on('click', function () {
	1608	+
	1609	+ //Annotation: Formatting buttons color is not change when select.
	1610	+ $("#text-underline").toggleClass("ActiveFormattingButtonClass");
	1611	+
	1612	+ if ($("#text-underline").hasClass("ActiveFormattingButtonClass")) {
	1613	+ $("#text_area").css("text-decoration", "underline");
	1614	+ }
	1615	+ else {
	1616	+ $("#text_area").css("text-decoration", "none");
	1617	+ }
	1618	+
	1619	+
	1620	+ });
	1621	+
	1622	+
	1623	+ $("#selected-font-size").change(function () {
	1624	+
	1625	+ $("#text_area").css("font-size", $(this).val() + "px");
	1626	+ });
	1627	+
	1628	+ $("#selected-font-family").change(function () {
	1629	+
	1630	+ $("#text_area").css("font-family", $(this).val());
	1631	+
	1632	+ });
	1633	+
	1634	+
	1635	+ });
	1636	+
	1637	+
	1638	+
	1639	+ </script>
	1640	+
	1641	+
	1642	+ <script>
	1643	+ $(document).ready(function () {
	1644	+ // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
	1645	+
	1646	+ var borderWidth = 1;
	1647	+ var borderColor = "#000";
	1648	+ $("#borderWidthCanvasElement").change(function () {
	1649	+ borderWidth = $(this).val();
	1650	+ borderColor = $('#outlineColor .minicolors >.minicolors-swatch > .minicolors-swatch-color').css("background-color");
	1651	+
	1652	+ if (borderColor != null) {
	1653	+ document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
	1654	+ //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor);
	1655	+ } else {
	1656	+
	1657	+ // $("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid");
	1658	+ document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
	1659	+
	1660	+ }
	1661	+ });
	1662	+
	1663	+
	1664	+
	1665	+ $('.borderColorCanvasPreview').each(function () {
	1666	+ // $("#font-color .minicolors .minicolors-swatch .minicolors-swatch-color").addClass("ActiveDefaultColorAnnotation");
	1667	+ $(this).minicolors({
	1668	+ control: $(this).attr('data-control') \|\| 'hue',
	1669	+ defaultValue: $(this).attr('data-defaultValue') \|\| '',
	1670	+ format: $(this).attr('data-format') \|\| 'hex',
	1671	+ keywords: $(this).attr('data-keywords') \|\| '',
	1672	+ inline: $(this).attr('data-inline') === 'true',
	1673	+ letterCase: $(this).attr('data-letterCase') \|\| 'lowercase',
	1674	+ opacity: $(this).attr('data-opacity'),
	1675	+ position: $(this).attr('data-position') \|\| 'bottom left',
	1676	+ swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('\|') : [],
	1677	+ change: function (value, opacity) {
	1678	+ if (!value) return;
	1679	+ if (opacity) value += ', ' + opacity;
	1680	+ if (typeof console === 'object') {
	1681	+ console.log(value);
	1682	+
	1683	+ borderColor = value;
	1684	+ //$("#imgOpacity").parent().css("border", borderWidth + "px" + " " + "solid" + borderColor);
	1685	+ document.getElementById("imgOpacity").parentNode.style.border = borderWidth + "px" + " " + "solid" + " " + borderColor;
	1686	+
	1687	+
	1688	+ }
	1689	+ },
	1690	+ theme: 'bootstrap'
	1691	+ });
	1692	+
	1693	+
	1694	+ });
	1695	+
	1696	+
	1697	+ $('.outerBackgroundColor').each(function () {
	1698	+
	1699	+ $(this).minicolors({
	1700	+ control: $(this).attr('data-control') \|\| 'hue',
	1701	+ defaultValue: $(this).attr('data-defaultValue') \|\| '',
	1702	+ format: $(this).attr('data-format') \|\| 'hex',
	1703	+ keywords: $(this).attr('data-keywords') \|\| '',
	1704	+ inline: $(this).attr('data-inline') === 'true',
	1705	+ letterCase: $(this).attr('data-letterCase') \|\| 'lowercase',
	1706	+ opacity: $(this).attr('data-opacity'),
	1707	+ position: $(this).attr('data-position') \|\| 'bottom left',
	1708	+ swatches: $(this).attr('data-swatches') ? $(this).attr('data-swatches').split('\|') : [],
	1709	+ change: function (value, opacity) {
	1710	+ if (!value) return;
	1711	+ if (opacity) value += ', ' + opacity;
	1712	+ if (typeof console === 'object') {
	1713	+ console.log(value);
	1714	+ $("#imgOpacity").css("background-color", value);
	1715	+
	1716	+ }
	1717	+ },
	1718	+ theme: 'bootstrap'
	1719	+ });
	1720	+
	1721	+ });
	1722	+
	1723	+
	1724	+ });
	1725	+ </script>
	1726	+ <script>
	1727	+ $(function () {
	1728	+ function onBrushSizeChange() {
	1729	+ $('.btnCursor').addClass('activebtncolor');
	1730	+ $(".btn-annotation").removeClass("activebtncolor");
	1731	+ $(".btn-annotation-erase").removeClass("activebtncolor");
	1732	+ $(".btn-annotation-erase").removeClass("activebtncolor");
	1733	+ $(".annotationpaintbrushsize").removeClass("activebtncolor");
	1734	+ var x = $('#canvasPaint').css("z-index");
	1735	+
	1736	+ var y = $('#canvas').css("z-index");
	1737	+ if (x > y) {
	1738	+ y = parseInt(x) + 1;
	1739	+ } else {
	1740	+ y = parseInt(y) + 1;
	1741	+ }
	1742	+ $('#canvas').css("z-index", y);
	1743	+ }
	1744	+
	1745	+ $("#slider-range-min-2").slider({
	1746	+ range: "min",
	1747	+ min: 1,
	1748	+ max: 60,
	1749	+ value: 1,
	1750	+ slide: function (event, ui) {
	1751	+
	1752	+ onBrushSizeChange();
	1753	+
	1754	+
	1755	+
	1756	+ $("#btnBrushSize").val(ui.value);
	1757	+
	1758	+ $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
	1759	+ $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
	1760	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
	1761	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
	1762	+
	1763	+ },
	1764	+ stop: function (event, ui) {
	1765	+
	1766	+ $("#paintLine").attr("data-size", ui.value);
	1767	+
	1768	+ }
	1769	+
	1770	+ });
	1771	+
	1772	+
	1773	+ $("#btnBrushSize").keydown(function () {
	1774	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
	1775	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
	1776	+ onBrushSizeChange();
	1777	+ var brushSizevalue = this.value;
	1778	+
	1779	+ $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
	1780	+ });
	1781	+ $("#btnBrushSize").keyup(function () {
	1782	+ onBrushSizeChange();
	1783	+ var brushSizevalue = this.value;
	1784	+ if (brushSizevalue == "") {
	1785	+
	1786	+ $("#slider-range-min-2").slider("value", 0);
	1787	+
	1788	+ $("#annotationpaintbrushsize").css({ "pointer-events": "none", "opacity": ".5" });
	1789	+ $("#annotationpainteraser").css({ "pointer-events": "none", "opacity": ".5" });
	1790	+ }
	1791	+ else {
	1792	+ $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
	1793	+ $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
	1794	+ $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
	1795	+ }
	1796	+ // $("#slider-range-min-2").slider("value", parseInt(brushSizevalue));
	1797	+ });
	1798	+ $("#btnBrushSizeIncrement").click(function () {
	1799	+ if ($("#annotationpaintbrushsize").css('pointer-events') == 'none') {
	1800	+ $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
	1801	+ $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
	1802	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
	1803	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
	1804	+ }
	1805	+
	1806	+ onBrushSizeChange();
	1807	+ var brushIncrementVar = $("#btnBrushSize").val();
	1808	+ if (brushIncrementVar >= 60) {
	1809	+ $("#slider-range-min-2").slider("value", 60);
	1810	+ }
	1811	+ else if (brushIncrementVar == "") {
	1812	+ var brushIncrementedValue = 1;
	1813	+ $("#btnBrushSize").val(brushIncrementedValue);
	1814	+ $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue));
	1815	+ }
	1816	+ else {
	1817	+
	1818	+ var brushIncrementedValue = parseInt(brushIncrementVar) + 1;
	1819	+
	1820	+ $("#btnBrushSize").val(brushIncrementedValue);
	1821	+ $("#slider-range-min-2").slider("value", parseInt(brushIncrementedValue));
	1822	+ }
	1823	+ });
	1824	+ $("#btnBrushSizeDecrease").click(function () {
	1825	+
	1826	+ onBrushSizeChange();
	1827	+ var brushDecreaseVar = $("#btnBrushSize").val();
	1828	+ if (brushDecreaseVar == "") {
	1829	+
	1830	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "none", "opacity": ".5" });
	1831	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "none", "opacity": ".5" });
	1832	+
	1833	+ }
	1834	+ else if (brushDecreaseVar <= 1) {
	1835	+ $("#slider-range-min-2").slider("value", 1);
	1836	+ if ($("#annotationpaintbrushsize").css('pointer-events') == 'none') {
	1837	+ $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
	1838	+ $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
	1839	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": ".5" });
	1840	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": ".5" });
	1841	+ }
	1842	+
	1843	+ }
	1844	+ else {
	1845	+ var brushDecrementedValue = parseInt(brushDecreaseVar) - 1;
	1846	+ if ($("#annotationpaintbrushsize").css('pointer-events') == 'none') {
	1847	+ $("#annotationpaintbrushsize").css({ "pointer-events": "auto", "opacity": "1" });
	1848	+ $("#annotationpainteraser").css({ "pointer-events": "auto", "opacity": "1" });
	1849	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
	1850	+ $("#btnBrushSizeDecrease").css({ "pointer-events": "auto", "opacity": "1" });
	1851	+ }
	1852	+ $("#btnBrushSize").val(brushDecrementedValue);
	1853	+ $("#slider-range-min-2").slider("value", parseInt(brushDecrementedValue));
	1854	+ }
	1855	+ });
	1856	+
	1857	+ $("#btnBrushSize").val($("#slider-range-min-2").slider("value"));
	1858	+ });
	1859	+ </script>
	1860	+
	1861	+ <script>
	1862	+ $(function () {
	1863	+ $("#slider-range-min-3").slider({
	1864	+ range: "min",
	1865	+ min: 0,
	1866	+ max: 100,
	1867	+ value: 20,
	1868	+ change: function (event, ui) {
	1869	+
	1870	+
	1871	+ }
	1872	+ });
	1873	+
	1874	+
	1875	+
	1876	+ });
	1877	+ </script>
	1878	+
	1879	+ <script>
	1880	+ $(function () {
	1881	+
	1882	+
	1883	+
	1884	+ $("#slider-range-min-4").slider(
	1885	+ {
	1886	+ range: "min",
	1887	+ value: .5,
	1888	+ min: 0,
	1889	+ max: 1,
	1890	+ step: .1,
	1891	+ slide: function (event, ui) {
	1892	+
	1893	+ $(".marginTopBtm10 .imgopacity").css("opacity", ui.value);
	1894	+ $(".marginTopBtm10 div.outlinediv").css("opacity", ui.value);
	1895	+ }
	1896	+
	1897	+ }
	1898	+
	1899	+);
	1900	+
	1901	+ });
	1902	+
	1903	+
	1904	+
	1905	+ </script>
	1906	+
	1907	+
	1908	+
	1909	+ <script>
	1910	+ $(function () {
	1911	+
	1912	+
	1913	+ $("#OnIdentify").on('mouseover', function () {
	1914	+ $("#identify-block").addClass("custom-tooltip-annotation");
	1915	+ $(".custom-tooltip-annotation").css('display', 'block');
	1916	+ }).on('mouseout', function () {
	1917	+ // $("#identify-block").removeClass("custom-tooltip-annotation");
	1918	+ $(".custom-tooltip-annotation").css('display', 'none');
	1919	+ $("#identify-block").removeClass("custom-tooltip-annotation");
	1920	+ });
	1921	+
	1922	+
	1923	+ $("#DrawMode").on('mouseover', function () {
	1924	+ $("#draw-block").addClass("custom-tooltip-annotation");
	1925	+ $(".custom-tooltip-annotation").css('display', 'block');
	1926	+
	1927	+ }).on('mouseout', function () {
	1928	+
	1929	+ $(".custom-tooltip-annotation").css('display', 'none');
	1930	+ $("#draw-block").removeClass("custom-tooltip-annotation");
	1931	+ });
	1932	+
	1933	+ //#7931
	1934	+ $("#OnEdtShape").on('mouseover', function () {
	1935	+ $("#edit-block").addClass("custom-tooltip-annotation-edit");
	1936	+ $(".custom-tooltip-annotation-edit").css('display', 'block');
	1937	+
	1938	+ }).on('mouseout', function () {
	1939	+
	1940	+ $(".custom-tooltip-annotation-edit").css('display', 'none');
	1941	+ $("#edit-block").removeClass("custom-tooltip-annotation-edit");
	1942	+ });
	1943	+
	1944	+ });
	1945	+ </script>
	1946	+ <!-- Export Image Save Click-->
	1947	+ <script>
	1948	+ $(function () {
	1949	+ $("#btnSaveEI").click(function () {
	1950	+ var $ua = navigator.userAgent;
	1951	+ if (($ua.match(/(iPod\|iPhone\|iPad\|android)/i))) {
	1952	+ $("#canvasDiv").append("<img id='exportlogo' class='img-responsive' src='content/images/adam-logo-small.png'/>");
	1953	+ html2canvas($("#canvasDiv"), {
	1954	+ onrendered: function (canvas) {
	1955	+ var imgsrc = canvas.toDataURL("image/png");
	1956	+ console.log(imgsrc);
	1957	+ var html = '<div id="img"><img src="' + imgsrc + '" id="newimg" style="margin:auto;top:0px;left:0px;right:0px;position:absolute;border:1px solid #ccc;" /></div>';
	1958	+ var w = window.open();
	1959	+ $(w.document.body).html(html);
	1960	+ $("#filename").val("");
	1961	+ }
	1962	+ });
	1963	+ }
	1964	+ else {
	1965	+ $("#canvasDiv").append("<img id='exportlogo' class='img-responsive' src='content/images/adam-logo-small.png'/>");
	1966	+ html2canvas($("#canvasDiv"), {
	1967	+ onrendered: function (canvas) {
	1968	+ theCanvas = canvas;
	1969	+ var fileName = document.getElementById("filename").value + '.jpg';
	1970	+ if (typeof (fileName) == "undefined" \|\| fileName == ".jpg")
	1971	+ fileName = "Untitled.jpg"
	1972	+ var dataURL = canvas.toDataURL("image/jpeg");
	1973	+ var blob = dataURItoBlob(dataURL);
	1974	+ console.log(blob);
	1975	+ saveAs(blob, fileName);
	1976	+ $("#exportlogo").remove();
	1977	+ $("#filename").val("");
	1978	+ }
	1979	+ });
	1980	+ $(".export-image").css("display", "none");
	1981	+ }
	1982	+ });
	1983	+ });
	1984	+ function dataURItoBlob(dataURI) {
	1985	+ var byteString = atob(dataURI.split(',')[1]);
	1986	+ var ab = new ArrayBuffer(byteString.length);
	1987	+ var ia = new Uint8Array(ab);
	1988	+ for (var i = 0; i < byteString.length; i++) {
	1989	+ ia[i] = byteString.charCodeAt(i);
	1990	+ }
	1991	+ return new Blob([ab], { type: 'image/jpeg' });
	1992	+ }
	1993	+ </script>
	1994	+ <script>
	1995	+ function ResizeImage(sizePercent) {
	1996	+ var autoWidth = 427;
	1997	+ var autoHeight = 547;
	1998	+ var dvAutoSpnFontSize = 12;
	1999	+ var imgLogoW = 77;
	2000	+ var fullWidth = 620; //$('#canvasDiv').width();
	2001	+ var fullHeight = 876; //$('#canvasDiv').height();
	2002	+
	2003	+ if (sizePercent == 0) {
	2004	+ $('#printBoxPor').width(autoWidth).height(autoHeight);//.height(dvPrintBoxPorH * sizePercent);
	2005	+ $('#printBoxLan').width(autoHeight).height(autoWidth);
	2006	+ $('#dvPortrait').width(autoWidth);
	2007	+ $('#dvLandscape').width(autoHeight);
	2008	+ $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * .65).toFixed() + 'px');
	2009	+ $(".logo-image").attr('width', imgLogoW * .65);
	2010	+ }
	2011	+
	2012	+ else if (sizePercent == 1) {
	2013	+ $('#dvPortrait').width(fullWidth * sizePercent);
	2014	+ $('#dvLandscape').width(fullHeight * sizePercent);
	2015	+ $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent);
	2016	+ $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent);
	2017	+ $('.span-font').attr('style', 'font-size: ' + dvAutoSpnFontSize + 'px');
	2018	+ $(".logo-image").attr('width', imgLogoW);
	2019	+ }
	2020	+
	2021	+ else {
	2022	+ $('#dvPortrait').width(fullWidth * sizePercent);
	2023	+ $('#dvLandscape').width(fullHeight * sizePercent);
	2024	+ $('.span-font').attr('style', 'font-size: ' + (dvAutoSpnFontSize * sizePercent).toFixed() + 'px !important');
	2025	+ $(".logo-image").attr('width', (imgLogoW * sizePercent).toFixed());
	2026	+ if (sizePercent > 1) {
	2027	+ $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent);
	2028	+ $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent);
	2029	+ }
	2030	+ else {
	2031	+ $('#printBoxPor').width(fullWidth * sizePercent).height(fullHeight * sizePercent);
	2032	+ $('#printBoxLan').width(fullHeight * sizePercent).height(fullWidth * sizePercent);
	2033	+ }
	2034	+ }
	2035	+ }
	2036	+ </script>
	2037	+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.1.0/jquery.browser.min.js"></script>
	2038	+</body>
	2039	+
2032	2040	</html>
2033	2041	\ No newline at end of file
...	...