Home Verkennen Help
Inloggen
simon
/
AToMPM
Volgen 4
Ster 0
Vork 2
Bestanden Kwesties 17 Pull-aanvragen 0 Wiki
Boom: 5994199c9a
Aftakkingen Labels
AToMPM
/
client
/
atompm.html

atompm.html 8.2 KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157 
  1. <!--****************************************************************************
    2. 

  2. *  This file is part of AToMPM - A Tool for Multi-Paradigm Modelling
    3. 

  3. *  Copyright 2011 by the AToMPM team and licensed under the LGPL
    4. 

  4. *  See COPYING.lesser and README.md in the root of this project for full details
    5. 

  5. *****************************************************************************-->
    6. 

  6. 

  7. <html>
    8. 

  8. 	<head>
    9. 

  9.         <title>AToMPM</title>
    10. 

  10. 		<meta charset="utf-8">
    11. 

  11. 		<link rel="stylesheet" type="text/css" href="client/styles.css"/>
    12. 

  12. 		<script text="text/javascript" src="client/globalVariables.js"></script>
    13. 

  13. 		<script text="text/javascript" src="/socket.io/socket.io.js"></script>
    14. 

  14. 		<script text="text/javascript" src="client/3rd_party_libs/sha1.js"></script>		
    15. 

  15. 		<script text="text/javascript" src="client/3rd_party_libs/raphael/raphael.js"></script>		
    16. 

  16. 		<script text="text/javascript" src="client/3rd_party_libs/raphael/plugins/point.js"></script>				
    17. 

  17. 		<script text="text/javascript" src="client/3rd_party_libs/raphael/plugins/group.js"></script>		
    18. 

  18. 		<script text="text/javascript" src="client/3rd_party_libs/raphael/plugins/raphael.primitives.js"></script>
    19. 

  19. 		<script text="text/javascript" src="client/3rd_party_libs/jquery-1.8.2.min.js"></script>
    20. 

  20. 		<script text="text/javascript" src="client/3rd_party_libs/d3/d3.min.js"></script>
    21. 

  21.         <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    22. 

  22. 		<script text="text/javascript" src="client/constants.js"></script>		
    23. 

  23. 		<script text="text/javascript" src="types.js"></script>		
    24. 

  24. 		<script text="text/javascript" src="utils.js"></script>	
    25. 

  25. 		<script text="text/javascript" src="client/behaviourmanager.js"></script>
    26. 

  26. 		<script text="text/javascript" src="client/behavioursc_inputbar.js"></script>
    27. 

  27. 		<script text="text/javascript" src="client/behavioursc_canvas.js"></script>
    28. 

  28. 		<script text="text/javascript" src="client/behavioursc_dialog.js"></script>
    29. 

  29. 		<script text="text/javascript" src="client/http_utils.js"></script>
    30. 

  30. 		<script text="text/javascript" src="client/window_event.js"></script>
    31. 

  31. 		<script text="text/javascript" src="client/user_management.js"></script>
    32. 

  32. 		<script text="text/javascript" src="client/init.js"></script>
    33. 

  33. 		<script text="text/javascript" src="client/input_bar_utils.js"></script>
    34. 

  34. 		<script text="text/javascript" src="client/gui_utils.js"></script>
    35. 

  35. 		<script text="text/javascript" src="client/data_utils.js"></script>
    36. 

  36. 		<script text="text/javascript" src="client/edit_utils.js"></script>
    37. 

  37. 		<script text="text/javascript" src="client/compile_utils.js"></script>
    38. 

  38. 		<script text="text/javascript" src="client/svg_utils.js"></script>
    39. 

  39. 		<script text="text/javascript" src="client/mmm_utils.js"></script>
    40. 

  40. 		<script text="text/javascript" src="client/selection_utils.js"></script>
    41. 

  41. 		<script text="text/javascript" src="client/geometry_utils.js"></script>
    42. 

  42. 		<script text="text/javascript" src="client/connection_utils.js"></script>
    43. 

  43. 		<script text="text/javascript" src="client/window_management.js"></script>
    44. 

  44. 		<script text="text/javascript" src="client/file_browser.js"></script>
    45. 

  45.         <script text="text/javascript" src="client/modelverse_connector.js"></script>
    46. 

  46. 		<script text="text/javascript" src="client/query_response.js"></script>
    47. 

  47. 		<script text="text/javascript" src="client/collaboration.js"></script>
    48. 

  48. 		<script text="text/javascript" src="client/layout.js"></script>
    49. 

  49. 		<script text="text/javascript" src="client/client.js"></script>
    50. 

  50. 		<script text="text/javascript" src="styleinfo.js"></script>
    51. 

  51.         <link rel="icon" href="favicon.png">
    52. 

  52. 	</head>
    53. 

  53. 	<body class="default_style">
    54. 

  54.         <div id="rootDiv" class="rootDiv">
    55. 

  55.             <div id="contentDiv" class="contentDiv">
    56. 

  56.                 <div id="div_dock" class="dock"></div>
    57. 

  57. 

  58.                 <div id="div_container" class="container">
    59. 

  59.                     <div id="div_canvas" class="canvas"></div>
    60. 

  60.                 </div>
    61. 

  61.                 <div class="header" align="right">
    62. 

  62.                     <a id="a_logout" class="enabled_link unselectable" onclick="UserManagement.logout(); return false;"><b>logout</b></a>
    63. 

  63.                 </div>
    64. 

  64.             </div>
    65. 

  65.         </div>
    66. 

  66. 

  67. 		<div class="footer" align="right">
    68. 

  68. 			<!--a class="enabled_link unselectable" id="showChat" href=
    69. 

  69. 			"javascript:Collaboration.toggleChat();">Show Chat</a><br>
    70. 

  70. 

  71. 			<div id="chat">
    72. 

  72. 			  <div id="menu">
    73. 

  73. 				<p class="welcome">Welcome,</p>
    74. 

  74. 

  75. 				<div class="welcome" id="chatName"></div>
    76. 

  76. 

  77. 				<p class="logout"><a id="hideChat" href=
    78. 

  78. 				"javascript:Collaboration.toggleChat();">Hide Chat</a></p>
    79. 

  79. 

  80. 				<div style="clear:both"></div>
    81. 

  81. 			  </div>
    82. 

  82. 

  83. 			  <div id="chatbox"></div>
    84. 

  84. 

  85. 			  <form name="message" action="javascript:Collaboration.sendText();" style=
    86. 

  86. 			  "padding-right:30px">
    87. 

  87. 				<input name="usermsg" type="text" id="usermsg" size="63">
    88. 

  88. 				<input name="submitmsg" type="submit" id="submitmsg" value=
    89. 

  89. 				"Send">
    90. 

  90. 			  </form>
    91. 

  91. 			</div-->
    92. 

  92. 			<a id="a_screenshare" class="disabled_link unselectable" target="_blank">send <b>screenshare</b> invitation</a></br> 
    93. 

  93. 			<a id="a_modelshare" class="disabled_link unselectable" target="_blank">send <b>modelshare</b> invitation</a>
    94. 

  94. 		</div>
    95. 

  95. 

  96. 		<div id="div_login" class="dark_bg" style="display:none;width:100%;height=100%">
    97. 

  97. 			<div class="dark_bg"></div>
    98. 

  98. 			<div class="login" style="text-align:center">
    99. 

  99. 				<h3>Log in to use AToMPM</h3>
    100. 

  100. 					<form onsubmit="return false;">
    101. 

  101. 						<table class="default_style">
    102. 

  102. 							<tr><td>username</td><td><input id="input_username" class="default_style" type="text" autocomplete="username"/></td></tr>
    103. 

  103. 							<tr><td>password</td><td><input id="input_password" class="default_style" type="password" autocomplete="current-password"/></td></tr>
    104. 

  104. 						</table></br>
    105. 

  105. 						<div id="div_login_error" class="error"></div>
    106. 

  106. 						<a href="#" class="enabled_link" 
    107. 

  107. 							onclick="
    108. 

  108. 								UserManagement.validateCredentials($('#input_username').val(), $('#input_password').val()); 
    109. 

  109. 								return false;"><h3>Log in</h3></a><br/>
    110. 

  110. 					   (don't have an account? <a href="#" class="enabled_link" 
    111. 

  111. 						 	onclick="
    112. 

  112. 								$('#form_signup').css('display', 'inline');
    113. 

  113. 								return false;">create one now</a>)
    114. 

  114. 					</form><br/>
    115. 

  115. 

  116. 					<form id="form_signup" onsubmit="return false;" style="display:none">
    117. 

  117. 						<table class="default_style">
    118. 

  118. 							<tr><td>choose username</td><td><input id="new_username" class="default_style" type="text" autocomplete="off"/></td></tr>
    119. 

  119. 							<tr><td>choose password</td><td><input id="new_password" class="default_style" type="password" autocomplete="new-password"/></td></tr>
    120. 

  120. 							<tr><td>re-type password</td><td><input id="new_password2" class="default_style" type="password" autocomplete="new-password"/></td></tr>
    121. 

  121. 						</table></br>
    122. 

  122. 						<div id="div_signup_error" class="error"></div>
    123. 

  123. 						<a href="#" class="enabled_link" 
    124. 

  124. 							onclick="
    125. 

  125. 								$('#div_signup_error').html( '' );
    126. 

  126. 								if( $('#new_password').val() != $('#new_password2').val() )
    127. 

  127. 									$('#div_signup_error').html( 'passwords don\'t match' );
    128. 

  128. 								else if( $('#new_password').val() == '' )
    129. 

  129. 									$('#div_signup_error').html( 'you must specify a password' );									
    130. 

  130. 								else if( ! $('#new_username').val().match(/^[0-9a-zA-Z]*$/) )
    131. 

  131. 									$('#div_signup_error').html( 'usernames must be alphanumeric' );							
    132. 

  132. 								else
    133. 

  133. 									UserManagement.signup($('#new_username').val(), $('#new_password').val()); 
    134. 

  134.                                 $('#pleaseWaitNote').show();
    135. 

  135.                                 var dots = window.setInterval( function() {
    136. 

  136.                                     var wait = document.getElementById('waitNoteDots');
    137. 

  137.                                     if ( wait.innerHTML.length > 10 ) 
    138. 

  138.                                         wait.innerHTML = '';
    139. 

  139.                                     else 
    140. 

  140.                                         wait.innerHTML += '.';
    141. 

  141.                                     }, 500);
    142. 

  142. 								return false;"><h3>Create account</h3></a>
    143. 

  143.                          <span id="pleaseWaitNote" style="display:none">User is being created, please wait<span id="waitNoteDots">.</span></span>
    144. 

  144. 					</form>						
    145. 

  145. 			</div>		
    146. 

  146. 		</div>
    147. 

  147. 		
    148. 

  148. 

  149. 		<div id="div_dim_bg" class="dim_bg" style="display:none"></div>
    150. 

  150. 		<div id="centerpoint" class="center_point">
    151. 

  151. 		    <div id="div_dialog" class="dialog" style="display:none;text-align:center"></div>
    152. 

  152.         </div>
    153. 

  153. 		<div id="div_geom_ctrls" class="geometry_ctrls" style="display:none"></div>
    154. 

  154. 	</body>
    155. 

  155. </html>
    156. 

  156. 

  157.