jvon is a web based teaching tool to show basic psuedo code based on assembly https://cromer.cl/jvon
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 5.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <!DOCTYPE html>
  2. <html ng-app="JVON">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
  6. <title>JVON Web</title>
  7. <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  8. <link rel="icon" href="favicon.ico" type="image/x-icon">
  9. <script src="js/angular/angular.min.js"></script>
  10. <script src="js/angular/angular-touch.min.js"></script>
  11. <script src="js/angular/angular-sanitize.min.js"></script>
  12. <script src="js/cryptojs/rollups/aes.js"></script>
  13. <script src="js/cryptojs/rollups/hmac-sha512.js"></script>
  14. <script src="js/cryptojs/rollups/sha512.js"></script>
  15. <script src="js/cryptojs/components/mode-ecb-min.js"></script>
  16. <script src="js/cryptojs/components/pad-zeropadding-min.js"></script>
  17. <script src="js/values/code.js"></script>
  18. <script src="js/values/english.js"></script>
  19. <script src="js/values/spanish.js"></script>
  20. <script src="js/jvon-angular.js"></script>
  21. <script src="js/jvon-interpret.js"></script>
  22. <link rel="stylesheet" href="index.css" />
  23. </head>
  24. <body ng-controller="JVONController" id="jvon">
  25. <div ng-click="hide_help();" id="blur" class="blur"></div>
  26. <div id="input_prompt" class="input_prompt">
  27. <span class="input_prompt_vertical">
  28. <label for="rda">{{strings.input_value}}</label><input autocomplete="off" type="text" name="rda" id="rda"/>
  29. <input ng-click="rda_value_received();" type="button" value="Ingresar" />
  30. </span>
  31. </div>
  32. <div id="help_window" class="help_window" ng-bind-html="strings.help_text"></div>
  33. <table class="title_table">
  34. <tr>
  35. <td class="blank_title_cell"><img src="ubblogo.png" /></td>
  36. <td class="project_name"><label for="project_name">{{strings.project_name}} </label><input type="text"
  37. id="project_name"
  38. name="project_name"
  39. value=""/></td>
  40. <td class="options">
  41. <input ng-click="show_help();" type="button" value="{{strings.help}}" />
  42. <label>
  43. <select ng-change="change_language();" ng-model="language">
  44. <option value="0">{{strings.spanish}}</option>
  45. <option value="1">{{strings.english}}</option>
  46. </select>
  47. </label>
  48. </td>
  49. </tr>
  50. </table>
  51. <br />
  52. <table class="main_table">
  53. <tr>
  54. <td class="main_td">
  55. {{strings.code}}<hr />
  56. <div class="scrollcode">
  57. <table align="center" class="table_background">
  58. <tr ng-repeat="(key, line) in code_lines">
  59. <td id="line1_{{key}}" ng-click="select_line(key, false);" class="table_cell line_number_td" >{{line.line}}</td>
  60. <td id="line2_{{key}}" class="table_cell">
  61. <label>
  62. <select ng-model="line.command" ng-options="command.name for command in commands"></select>
  63. </label>
  64. </td>
  65. <td id="line3_{{key}}" class="table_cell">
  66. <label>
  67. <input type="text" ng-model="line.value"/>
  68. </label>
  69. </td>
  70. </tr>
  71. </table>
  72. </div>
  73. <hr />
  74. <input ng-click="add_line();" id="add_line" type="button" value="{{strings.add_line}}" />
  75. <input ng-click="insert_line();" id="insert_line" type="button" value="{{strings.insert_line}}" />
  76. <input ng-click="delete_line();" id="delete_line" type="button" value="{{strings.delete_line}}" />
  77. <input ng-click="clear_code();" id="clear_code" type="button" value="{{strings.clear_code}}" />
  78. <input ng-click="export_code();" id="export_code" type="button" value="{{strings.export_code}}" />
  79. {{strings.import_code}}
  80. <input import-file type="file" id="file" />
  81. </td>
  82. <td class="main_td">
  83. {{strings.result}}
  84. <hr />
  85. <div class="scrollresult">
  86. <table align="center">
  87. <tr>
  88. <td class="result_table">
  89. <table align="center" class="table_background">
  90. <tr>
  91. <td class="title_td">Ln</td>
  92. <td class="title_td">Ac</td>
  93. <td class="title_td">80</td>
  94. <td class="title_td">81</td>
  95. <td class="title_td">82</td>
  96. <td class="title_td">83</td>
  97. <td class="title_td">84</td>
  98. <td class="title_td">85</td>
  99. <td class="title_td">Wrt</td>
  100. </tr>
  101. <tr ng-repeat="result in results">
  102. <td class="table_cell">{{result.line}}</td>
  103. <td class="table_cell">{{result.ac}}</td>
  104. <td class="table_cell">{{result.first}}</td>
  105. <td class="table_cell">{{result.second}}</td>
  106. <td class="table_cell">{{result.third}}</td>
  107. <td class="table_cell">{{result.fourth}}</td>
  108. <td class="table_cell">{{result.fifth}}</td>
  109. <td class="table_cell">{{result.sixth}}</td>
  110. <td class="table_cell">{{result.wrt}}</td>
  111. </tr>
  112. </table>
  113. </td>
  114. <td class="result_table">
  115. <table align="center" class="table_background">
  116. <tr>
  117. <td class="title_td">{{strings.screen}}</td>
  118. </tr>
  119. <tr ng-repeat="line in screen">
  120. <td class="table_cell">{{line.result}}</td>
  121. </tr>
  122. </table>
  123. </td>
  124. </tr>
  125. </table>
  126. </div>
  127. <hr />
  128. <input ng-click="execute_code();" id="execute_code" type="button" value="{{strings.execute_code}}" />
  129. <input ng-click="pause_code();" id="pause_code" type="button" value="{{strings.pause_code}}" disabled="disabled" />
  130. <input ng-click="stop_code();" id="stop_code" type="button" value="{{strings.stop_code}}" disabled="disabled" />
  131. <label>
  132. {{strings.interval}}
  133. <select ng-change="change_speed();" ng-model="speed">
  134. <option value="0">0</option>
  135. <option value="1">1</option>
  136. <option value="2">2</option>
  137. <option value="3">3</option>
  138. <option value="4">4</option>
  139. <option value="5">5</option>
  140. </select>
  141. </label>
  142. </td>
  143. </tr>
  144. </table>
  145. <div class="credits">
  146. <b>JVON Web</b><br/>
  147. {{strings.credits_description}}&nbsp;<b>{{strings.credits_john}}</b><br/>
  148. {{strings.credits_cromer}}<br/>
  149. Ingeniería Civil en Informática, Universidad del Bío Bío, 2015<br/>
  150. <a target="_blank" href="jvon-1.0.0.0.apk">Version android</a>
  151. </div>
  152. </body>
  153. </html>