Etusivu Tutki Apua
Kirjaudu sisään
simon
/
AToMPM
Tarkkaile 4
Äänestä 0
Fork 2
Tiedostot Ongelmat 17 Pull-pyynnöt 0 Wiki
Puu: b6cf7cc672
Branchit Tagit
AToMPM
/
client
/
atompm.html

atompm.html 8.5 KB
Historia Raaka

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175 
  1. <!--****************************************************************************
    2. 

  2. AToMPM - A Tool for Multi-Paradigm Modelling
    3. 

  3. 

  4. Copyright (c) 2011 Raphael Mannadiar (raphael.mannadiar@mail.mcgill.ca)
    5. 

  5. 

  6. This file is part of AToMPM.
    7. 

  7. 

  8. AToMPM is free software: you can redistribute it and/or modify it under the
    9. 

  9. terms of the GNU Lesser General Public License as published by the Free Software
    10. 

  10. Foundation, either version 3 of the License, or (at your option) any later 
    11. 

  11. version.
    12. 

  12. 

  13. AToMPM is distributed in the hope that it will be useful, but WITHOUT ANY 
    14. 

  14. WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
    15. 

  15. PARTICULAR PURPOSE.  See the GNU Lesser General Public License for more details.
    16. 

  16. 

  17. You should have received a copy of the GNU Lesser General Public License along
    18. 

  18. with AToMPM.  If not, see <http://www.gnu.org/licenses/>.
    19. 

  19. *****************************************************************************-->
    20. 

  20. 

  21. <html>
    22. 

  22. 	<head>
    23. 

  23. 		<meta charset="utf-8">
    24. 

  24. 		<link rel="stylesheet" type="text/css" href="client/styles.css"/>
    25. 

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

  26. 		<script text="text/javascript" src="/socket.io/socket.io.js"></script>
    27. 

  27. 		<script text="text/javascript" src="client/3rd_party_libs/sha1.js"></script>		
    28. 

  28. 		<script text="text/javascript" src="client/3rd_party_libs/raphael/raphael.js"></script>		
    29. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  51. 		<script text="text/javascript" src="client/mmm_utils.js"></script>
    52. 

  52. 		<script text="text/javascript" src="client/selection_utils.js"></script>
    53. 

  53. 		<script text="text/javascript" src="client/geometry_utils.js"></script>
    54. 

  54. 		<script text="text/javascript" src="client/connection_utils.js"></script>
    55. 

  55. 		<script text="text/javascript" src="client/window_management.js"></script>
    56. 

  56. 		<script text="text/javascript" src="client/query_response.js"></script>
    57. 

  57. 		<script text="text/javascript" src="client/collaboration.js"></script>
    58. 

  58. 		<script text="text/javascript" src="client/client.js"></script>
    59. 

  59. 		<script text="text/javascript" src="styleinfo.js"></script>
    60. 

  60. 		<script>
    61. 

  61. 			$(document).ready(function(){
    62. 

  62. 				/**
    63. 

  63. 				 * Initiate the default Window Event actions
    64. 

  64. 				 */
    65. 

  65. 				//WindowEventHelper.initDefault();
    66. 

  66. 			});
    67. 

  67. 		</script>
    68. 

  68. 	</head>
    69. 

  69. 	<body class="default_style">
    70. 

  70. 		<div id="rootDiv" class="rootDiv">
    71. 

  71. 			<div id="commandHistory" class="commandHistory">
    72. 

  72. 			</div>
    73. 

  73. 			<div id="inputDiv" class="inputDiv">
    74. 

  74. 				<input placeholder="type 'help' to get information about querying" name="mainInput" type="text" class="mainInput" id="mainInput" onkeyup="InputBarUtils.processKey( event )"/>
    75. 

  75. 			</div>
    76. 

  76. 			<div id="contentDiv" class="contentDiv">
    77. 

  77. 				<div id="div_container" class="container">
    78. 

  78. 					<div id="div_canvas" class="canvas"></div>
    79. 

  79. 				</div>
    80. 

  80. 				<div class="header" align="right">
    81. 

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

  82. 				</div>
    83. 

  83. 				<div id="div_dock" class="dock"></div>
    84. 

  84. 			</div>
    85. 

  85. 		</div>
    86. 

  86. 

  87. 		<div class="footer" align="right">
    88. 

  88. 			<a class="enabled_link unselectable" id="showChat" href=
    89. 

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

  90. 

  91. 			<div id="chat">
    92. 

  92. 			  <div id="menu">
    93. 

  93. 				<p class="welcome">Welcome,</p>
    94. 

  94. 

  95. 				<div class="welcome" id="chatName"></div>
    96. 

  96. 

  97. 				<p class="logout"><a id="hideChat" href=
    98. 

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

  99. 

  100. 				<div style="clear:both"></div>
    101. 

  101. 			  </div>
    102. 

  102. 

  103. 			  <div id="chatbox"></div>
    104. 

  104. 

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

  106. 			  "padding-right:30px">
    107. 

  107. 				<input name="usermsg" type="text" id="usermsg" size="63">
    108. 

  108. 				<input name="submitmsg" type="submit" id="submitmsg" value=
    109. 

  109. 				"Send">
    110. 

  110. 			  </form>
    111. 

  111. 			</div>
    112. 

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

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

  114. 		</div>
    115. 

  115. 

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

  117. 			<div class="dark_bg"></div>
    118. 

  118. 			<div class="login" style="text-align:center">
    119. 

  119. 				<h3>Log in to use AToMPM</h3>
    120. 

  120. 					<form onsubmit="return false;">
    121. 

  121. 						<table class="default_style">
    122. 

  122. 							<tr><td>username</td><td><input id="input_username" class="default_style" type="text"/></td></tr>
    123. 

  123. 							<tr><td>password</td><td><input id="input_password" class="default_style" type="password"/></td></tr>
    124. 

  124. 						</table></br>
    125. 

  125. 						<div id="div_login_error" class="error"></div>
    126. 

  126. 						<a href="#" class="enabled_link" 
    127. 

  127. 							onclick="
    128. 

  128. 								UserManagement.validateCredentials($('#input_username').val(), $('#input_password').val()); 
    129. 

  129. 								return false;"><h3>Log in</h3></a><br/>
    130. 

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

  131. 						 	onclick="
    132. 

  132. 								$('#form_signup').css('display', 'inline');
    133. 

  133. 								return false;">create one now</a>)
    134. 

  134. 					</form><br/>
    135. 

  135. 

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

  137. 						<table class="default_style">
    138. 

  138. 							<tr><td>choose username</td><td><input id="new_username" class="default_style" type="text"/></td></tr>
    139. 

  139. 							<tr><td>choose password</td><td><input id="new_password" class="default_style" type="password"/></td></tr>
    140. 

  140. 							<tr><td>re-type password</td><td><input id="new_password2" class="default_style" type="password"/></td></tr>
    141. 

  141. 						</table></br>
    142. 

  142. 						<div id="div_signup_error" class="error"></div>
    143. 

  143. 						<a href="#" class="enabled_link" 
    144. 

  144. 							onclick="
    145. 

  145. 								$('#div_signup_error').html( '' );
    146. 

  146. 								if( $('#new_password').val() != $('#new_password2').val() )
    147. 

  147. 									$('#div_signup_error').html( 'passwords don\'t match' );
    148. 

  148. 								else if( $('#new_password').val() == '' )
    149. 

  149. 									$('#div_signup_error').html( 'you must specify a password' );									
    150. 

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

  151. 									$('#div_signup_error').html( 'usernames must be alphanumeric' );							
    152. 

  152. 								else
    153. 

  153. 									UserManagement.signup($('#new_username').val(), $('#new_password').val()); 
    154. 

  154.                                 $('#pleaseWaitNote').show();
    155. 

  155.                                 var dots = window.setInterval( function() {
    156. 

  156.                                     var wait = document.getElementById('waitNoteDots');
    157. 

  157.                                     if ( wait.innerHTML.length > 10 ) 
    158. 

  158.                                         wait.innerHTML = '';
    159. 

  159.                                     else 
    160. 

  160.                                         wait.innerHTML += '.';
    161. 

  161.                                     }, 500);
    162. 

  162. 								return false;"><h3>Create account</h3></a>
    163. 

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

  164. 					</form>						
    165. 

  165. 			</div>		
    166. 

  166. 		</div>
    167. 

  167. 		
    168. 

  168. 

  169. 		<div id="div_dim_bg" class="dim_bg" style="display:none"></div>
    170. 

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

  171. 		<div id="div_geom_ctrls" class="geometry_ctrls" style="display:none"></div>
    172. 

  172. 	</body>
    173. 

  173. </html>
    174. 

  174. 

  175.