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.
 
 
 

162 lines
6.1 KiB

  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">
  37. <label for="project_name">{{strings.project_name}} </label><input type="text" id="project_name" name="project_name" value=""/>
  38. </td>
  39. <td class="options">
  40. <input ng-click="show_help();" type="button" value="{{strings.help}}" />
  41. <label>
  42. <select ng-change="change_language();" ng-model="language">
  43. <option value="0">{{strings.spanish}}</option>
  44. <option value="1">{{strings.english}}</option>
  45. </select>
  46. </label>
  47. </td>
  48. </tr>
  49. </table>
  50. <br />
  51. <table class="main_table">
  52. <tr>
  53. <td class="main_td">
  54. {{strings.code}}<hr />
  55. <div class="scrollcode">
  56. <table style="margin: 0 auto;" class="table_background">
  57. <tr ng-repeat="(key, line) in code_lines">
  58. <td id="line1_{{key}}" ng-click="select_line(key, false);" class="table_cell line_number_td" >{{line.line}}</td>
  59. <td id="line2_{{key}}" class="table_cell">
  60. <label>
  61. <select ng-model="line.command" ng-options="command.name for command in commands"></select>
  62. </label>
  63. </td>
  64. <td id="line3_{{key}}" class="table_cell">
  65. <label>
  66. <input type="text" ng-model="line.value"/>
  67. </label>
  68. </td>
  69. </tr>
  70. </table>
  71. </div>
  72. <hr />
  73. <input ng-click="add_line();" id="add_line" type="button" value="{{strings.add_line}}" />
  74. <input ng-click="insert_line();" id="insert_line" type="button" value="{{strings.insert_line}}" />
  75. <input ng-click="delete_line();" id="delete_line" type="button" value="{{strings.delete_line}}" />
  76. <input ng-click="clear_code();" id="clear_code" type="button" value="{{strings.clear_code}}" />
  77. <input ng-click="export_code();" id="export_code" type="button" value="{{strings.export_code}}" />
  78. {{strings.import_code}}
  79. <input import-file type="file" id="file" />
  80. </td>
  81. <td class="main_td">
  82. {{strings.result}}
  83. <hr />
  84. <div class="scrollresult">
  85. <table style="margin: 0 auto;">
  86. <tr>
  87. <td class="result_table">
  88. <table style="margin: 0 auto;" class="table_background">
  89. <tr>
  90. <td class="title_td">Ln</td>
  91. <td class="title_td">Ac</td>
  92. <td class="title_td">80</td>
  93. <td class="title_td">81</td>
  94. <td class="title_td">82</td>
  95. <td class="title_td">83</td>
  96. <td class="title_td">84</td>
  97. <td class="title_td">85</td>
  98. <td class="title_td">Wrt</td>
  99. </tr>
  100. <tr ng-repeat="result in results">
  101. <td class="table_cell">{{result.line}}</td>
  102. <td class="table_cell">{{result.ac}}</td>
  103. <td class="table_cell">{{result.first}}</td>
  104. <td class="table_cell">{{result.second}}</td>
  105. <td class="table_cell">{{result.third}}</td>
  106. <td class="table_cell">{{result.fourth}}</td>
  107. <td class="table_cell">{{result.fifth}}</td>
  108. <td class="table_cell">{{result.sixth}}</td>
  109. <td class="table_cell">{{result.wrt}}</td>
  110. </tr>
  111. </table>
  112. </td>
  113. <td class="result_table">
  114. <table style="margin: 0 auto;" class="table_background">
  115. <tr>
  116. <td class="title_td">{{strings.screen}}</td>
  117. </tr>
  118. <tr ng-repeat="line in screen">
  119. <td class="table_cell">{{line.result}}</td>
  120. </tr>
  121. </table>
  122. </td>
  123. </tr>
  124. </table>
  125. </div>
  126. <hr />
  127. <input ng-click="execute_code();" id="execute_code" type="button" value="{{strings.execute_code}}" />
  128. <input ng-click="pause_code();" id="pause_code" type="button" value="{{strings.pause_code}}" disabled="disabled" />
  129. <input ng-click="stop_code();" id="stop_code" type="button" value="{{strings.stop_code}}" disabled="disabled" />
  130. <label>
  131. {{strings.interval}}
  132. <select ng-change="change_speed();" ng-model="speed">
  133. <option value="0">0</option>
  134. <option value="1">1</option>
  135. <option value="2">2</option>
  136. <option value="3">3</option>
  137. <option value="4">4</option>
  138. <option value="5">5</option>
  139. </select>
  140. </label>
  141. </td>
  142. </tr>
  143. </table>
  144. <div class="credits">
  145. <b>JVON Web 1.1.2</b><br/>
  146. {{strings.credits_description}}&nbsp;<b>{{strings.credits_john}}</b><br/>
  147. {{strings.credits_cromer}}<br/>
  148. Ingeniería Civil en Informática, Universidad del Bío Bío, 2015-2020<br/>
  149. <!--<a target="_blank" href="jvon-1.1.1.apk">Version android</a>-->
  150. </div>
  151. </body>
  152. </html>