/views/index.html

https://github.com/lpenguin/testSys · HTML · 82 lines · 64 code · 14 blank · 4 comment · 0 complexity · 5f93127b2bf355c3fd7e10201285f75a MD5 · raw file 

    

  1. <html>
    2. 

  2. <head>
    3. 

  3. 	<script type='text/javascript' src='/js/LAB.js'></script>
    4. 

  4. 	<script type='text/javascript' src='/js/jquery.js'></script>
    5. 

  5. 	<script type='text/javascript' src='/js/jquery.tmpl.js'></script>
    6. 

  6. 	<script type='text/javascript' src='/js/underscore.js'></script>
    7. 

  7. 	<script type='text/javascript' src='/js/backbone.js'></script>
    8. 

  8. 	<script type='text/javascript' src='/js/json2.js'></script>
    9. 

  9. <!--
    10. 

  10. 	<script type='text/javascript' src='/js/application.js'></script>
    11. 

  11. -->
    12. 

  12. 	{:addscripts:}
    13. 

  13. <!--	{:addcss:} -->
    14. 

  14. 	<link href="/css/reset.css" media="all" rel="stylesheet" type="text/css" />
    15. 

  15. 	<link href="/css/application.css" media="all" rel="stylesheet" type="text/css" />
    16. 

  16. 	
    17. 

  17. 	
    18. 

  18. 	<title>Classes</title>
    19. 

  19. </head>
    20. 

  20. <body>
    21. 

  21. 

  22. <script type="text/javascript">
    23. 

  23. 

  24. $(function(){
    25. 

  25. 

  26.     App.init();
    27. 

  27. });
    28. 

  28. //    $(function() {
    29. 

  29. //        App.init();
    30. 

  30. //    });
    31. 

  31. </script>
    32. 

  32. <div id="notice"></div>
    33. 

  33. <div id="app"></div>
    34. 

  34. 

  35. 

  36. <script type="text/x-jquery-tmpl" id="class-list-template">
    37. 

  37. <h1>Classes</h1>
    38. 

  38. <ul>
    39. 

  39.     {{each classes}}
    40. 

  40.     <li><a href="#classes/${id}">${name}</a><a href="#" class="right delete" data="${id}">Delete</a></li>
    41. 

  41.     {{/each}}
    42. 

  42. </ul>
    43. 

  43. <a href="#classes-new" >Add Class</a>
    44. 

  44. </script>
    45. 

  45. 

  46. <script type="text/x-jquery-tmpl" id="class-edit-template">
    47. 

  47. <form>
    48. 

  48.     <label for="name">Name</label>
    49. 

  49.     <input name="name" type="text" value="${model.get('name')}"></input> <br/>
    50. 

  50.     <label for="description">Description</label> <textarea name="description" type="text" >${model.get('description')}</textarea> <br/>
    51. 

  51.     
    52. 

  52. <ul>
    53. 

  53. <h3>Tests</h3>
    54. 

  54.     {{each model.get('tests')}}
    55. 

  55.     <li> <a href="#classes/${model.id}/tests/${id}">${name}</a><a href="#" class="right delete" data="${id}">Delete</a></li>
    56. 

  56.     {{/each}}
    57. 

  57. </ul>
    58. 

  58. <a href="#classes/${model.id}/tests-new" >Add Test</a><br/>
    59. 

  59. <button class="save">{{if model.isNew() }}Add{{else}}Save{{/if}}</button>
    60. 

  60. </form>
    61. 

  61. 

  62. </script>
    63. 

  63. 

  64. <script type="text/x-jquery-tmpl" id="test-edit-template">
    65. 

  65. <form>	
    66. 

  66.     <label for="name">Name</label>
    67. 

  67.     <input name="name" type="text" value="${model.get('name')}"></input> <br/>
    68. 

  68.     <label for="description">Description</label> <textarea name="description" type="text" >${model.get('description')}</textarea> <br/>
    69. 

  69.     
    70. 

  70. <ul>
    71. 

  71. <h3></h3>
    72. 

  72.     {{each model.get('scales')}}
    73. 

  73.     <li> <a href="#scales/${id}">${name}</a></li>
    74. 

  74.     {{/each}}
    75. 

  75. </ul>
    76. 

  76. 

  77. <a href="#newScale" >Add Scale</a><br/>
    78. 

  78. <button>{{if model.isNew() }}Add{{else}}Save{{/if}}</button>
    79. 

  79. </form>
    80. 

  80. </script>
    81. 

  81. </body>
    82.