atompm.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <!--****************************************************************************
  2. * This file is part of AToMPM - A Tool for Multi-Paradigm Modelling
  3. * Copyright 2011 by the AToMPM team and licensed under the LGPL
  4. * See COPYING.lesser and README.md in the root of this project for full details
  5. *****************************************************************************-->
  6. <html>
  7. <head>
  8. <title>AToMPM</title>
  9. <meta charset="utf-8">
  10. <link rel="stylesheet" type="text/css" href="client/styles.css"/>
  11. <script text="text/javascript" src="client/globalVariables.js"></script>
  12. <script text="text/javascript" src="/socket.io/socket.io.js"></script>
  13. <script text="text/javascript" src="client/3rd_party_libs/sha1.js"></script>
  14. <script text="text/javascript" src="client/3rd_party_libs/raphael/raphael.js"></script>
  15. <script text="text/javascript" src="client/3rd_party_libs/raphael/plugins/point.js"></script>
  16. <script text="text/javascript" src="client/3rd_party_libs/raphael/plugins/group.js"></script>
  17. <script text="text/javascript" src="client/3rd_party_libs/raphael/plugins/raphael.primitives.js"></script>
  18. <script text="text/javascript" src="client/3rd_party_libs/jquery-1.8.2.min.js"></script>
  19. <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  20. <script text="text/javascript" src="client/constants.js"></script>
  21. <script text="text/javascript" src="types.js"></script>
  22. <script text="text/javascript" src="utils.js"></script>
  23. <script text="text/javascript" src="client/behaviourmanager.js"></script>
  24. <script text="text/javascript" src="client/behavioursc_inputbar.js"></script>
  25. <script text="text/javascript" src="client/behavioursc_canvas.js"></script>
  26. <script text="text/javascript" src="client/behavioursc_dialog.js"></script>
  27. <script text="text/javascript" src="client/http_utils.js"></script>
  28. <script text="text/javascript" src="client/window_event.js"></script>
  29. <script text="text/javascript" src="client/user_management.js"></script>
  30. <script text="text/javascript" src="client/init.js"></script>
  31. <script text="text/javascript" src="client/input_bar_utils.js"></script>
  32. <script text="text/javascript" src="client/gui_utils.js"></script>
  33. <script text="text/javascript" src="client/data_utils.js"></script>
  34. <script text="text/javascript" src="client/edit_utils.js"></script>
  35. <script text="text/javascript" src="client/compile_utils.js"></script>
  36. <script text="text/javascript" src="client/svg_utils.js"></script>
  37. <script text="text/javascript" src="client/mmm_utils.js"></script>
  38. <script text="text/javascript" src="client/selection_utils.js"></script>
  39. <script text="text/javascript" src="client/geometry_utils.js"></script>
  40. <script text="text/javascript" src="client/connection_utils.js"></script>
  41. <script text="text/javascript" src="client/window_management.js"></script>
  42. <script text="text/javascript" src="client/query_response.js"></script>
  43. <script text="text/javascript" src="client/collaboration.js"></script>
  44. <script text="text/javascript" src="client/client.js"></script>
  45. <script text="text/javascript" src="styleinfo.js"></script>
  46. <link rel="icon" href="favicon.png">
  47. <script>
  48. $(document).ready(function(){
  49. /**
  50. * Initiate the default Window Event actions
  51. */
  52. //WindowEventHelper.initDefault();
  53. });
  54. </script>
  55. </head>
  56. <body class="default_style">
  57. <div id="rootDiv" class="rootDiv">
  58. <div id="commandHistory" class="commandHistory">
  59. </div>
  60. <!--div id="inputDiv" class="inputDiv">
  61. <input placeholder="type 'help' to get information about querying" name="mainInput" type="text" class="mainInput" id="mainInput" onkeyup="InputBarUtils.processKey( event )"/>
  62. </div-->
  63. <div id="contentDiv" class="contentDiv">
  64. <div id="div_container" class="container">
  65. <div id="div_canvas" class="canvas"></div>
  66. </div>
  67. <div class="header" align="right">
  68. <a id="a_logout" class="enabled_link unselectable" onclick="UserManagement.logout(); return false;"><b>logout</b></a>
  69. </div>
  70. <div id="div_dock" class="dock"></div>
  71. </div>
  72. </div>
  73. <div class="footer" align="right">
  74. <!--a class="enabled_link unselectable" id="showChat" href=
  75. "javascript:Collaboration.toggleChat();">Show Chat</a><br>
  76. <div id="chat">
  77. <div id="menu">
  78. <p class="welcome">Welcome,</p>
  79. <div class="welcome" id="chatName"></div>
  80. <p class="logout"><a id="hideChat" href=
  81. "javascript:Collaboration.toggleChat();">Hide Chat</a></p>
  82. <div style="clear:both"></div>
  83. </div>
  84. <div id="chatbox"></div>
  85. <form name="message" action="javascript:Collaboration.sendText();" style=
  86. "padding-right:30px">
  87. <input name="usermsg" type="text" id="usermsg" size="63">
  88. <input name="submitmsg" type="submit" id="submitmsg" value=
  89. "Send">
  90. </form>
  91. </div-->
  92. <a id="a_screenshare" class="disabled_link unselectable" target="_blank">send <b>screenshare</b> invitation</a></br>
  93. <a id="a_modelshare" class="disabled_link unselectable" target="_blank">send <b>modelshare</b> invitation</a>
  94. </div>
  95. <div id="div_login" class="dark_bg" style="display:none;width:100%;height=100%">
  96. <div class="dark_bg"></div>
  97. <div class="login" style="text-align:center">
  98. <h3>Log in to use AToMPM</h3>
  99. <form onsubmit="return false;">
  100. <table class="default_style">
  101. <tr><td>username</td><td><input id="input_username" class="default_style" type="text"/></td></tr>
  102. <tr><td>password</td><td><input id="input_password" class="default_style" type="password"/></td></tr>
  103. </table></br>
  104. <div id="div_login_error" class="error"></div>
  105. <a href="#" class="enabled_link"
  106. onclick="
  107. UserManagement.validateCredentials($('#input_username').val(), $('#input_password').val());
  108. return false;"><h3>Log in</h3></a><br/>
  109. (don't have an account? <a href="#" class="enabled_link"
  110. onclick="
  111. $('#form_signup').css('display', 'inline');
  112. return false;">create one now</a>)
  113. </form><br/>
  114. <form id="form_signup" onsubmit="return false;" style="display:none">
  115. <table class="default_style">
  116. <tr><td>choose username</td><td><input id="new_username" class="default_style" type="text"/></td></tr>
  117. <tr><td>choose password</td><td><input id="new_password" class="default_style" type="password"/></td></tr>
  118. <tr><td>re-type password</td><td><input id="new_password2" class="default_style" type="password"/></td></tr>
  119. </table></br>
  120. <div id="div_signup_error" class="error"></div>
  121. <a href="#" class="enabled_link"
  122. onclick="
  123. $('#div_signup_error').html( '' );
  124. if( $('#new_password').val() != $('#new_password2').val() )
  125. $('#div_signup_error').html( 'passwords don\'t match' );
  126. else if( $('#new_password').val() == '' )
  127. $('#div_signup_error').html( 'you must specify a password' );
  128. else if( ! $('#new_username').val().match(/^[0-9a-zA-Z]*$/) )
  129. $('#div_signup_error').html( 'usernames must be alphanumeric' );
  130. else
  131. UserManagement.signup($('#new_username').val(), $('#new_password').val());
  132. $('#pleaseWaitNote').show();
  133. var dots = window.setInterval( function() {
  134. var wait = document.getElementById('waitNoteDots');
  135. if ( wait.innerHTML.length > 10 )
  136. wait.innerHTML = '';
  137. else
  138. wait.innerHTML += '.';
  139. }, 500);
  140. return false;"><h3>Create account</h3></a>
  141. <span id="pleaseWaitNote" style="display:none">User is being created, please wait<span id="waitNoteDots">.</span></span>
  142. </form>
  143. </div>
  144. </div>
  145. <div id="div_dim_bg" class="dim_bg" style="display:none"></div>
  146. <div id="div_dialog" class="dialog" style="display:none;text-align:center"></div>
  147. <div id="div_geom_ctrls" class="geometry_ctrls" style="display:none"></div>
  148. </body>
  149. </html>