/assets/www/Horaz_todo_list.html

https://github.com/jjoe64/horaz-todo-list-android · HTML · 84 lines · 73 code · 7 blank · 4 comment · 0 complexity · 20189d99d54a6082bab7c97ed9a11099 MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<title>TODO List</title>
    5. 

  5. 		
    6. 

  6. 		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    7. 

  7. 		<meta name="viewport" content="width=device-width, initial-scale=1">
    8. 

  8. 		
    9. 

  9. 		<link rel="stylesheet" href="jquery/jquery.mobile-1.0b3.min.css" />
    10. 

  10. 		<link rel="stylesheet" href="jquery/jquery.mobile.toast.min.css" />
    11. 

  11. 		<link type="text/css" rel="stylesheet" href="Horaz_todo_list.css">
    12. 

  12. 		<link rel="stylesheet" href="jquery/jquery.mobile.android-theme.css" />
    13. 

  13. 		
    14. 

  14. 		<script type="text/javascript" src="horaz_todo_list/horaz_todo_list.nocache.js"></script>
    15. 

  15. 		<script type="text/javascript" src="jquery/jquery-1.6.2.min.js"></script>
    16. 

  16. 		<script type="text/javascript" src="jquery/jquery.mobile-1.0b3.min.js"></script>
    17. 

  17. 		<script type="text/javascript" src="jquery/jquery.mobile.toast.min.js"></script>
    18. 

  18. 		<script type="text/javascript" src="jquery/jquery.mobile.android-theme.js"></script>
    19. 

  19. 		
    20. 

  20. 		<script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    21. 

  21. 	</head>
    22. 

  22. 	<body>
    23. 

  23. 		<!-- template -->
    24. 

  24. 		<div id="list_todo_template" style="display:none">
    25. 

  25. 			<a href="#dialog_item">
    26. 

  26. 				<h2>{#title#}</h2>
    27. 

  27. 				<p>{#notes#}</p>
    28. 

  28. 			</a>
    29. 

  29. 		</div>
    30. 

  30. 		
    31. 

  31. 		<!-- todo index page -->
    32. 

  32. 		<div data-role="page" id="page_index">
    33. 

  33. 			<div data-role="header" data-theme="b" data-position="fixed">
    34. 

  34. 				<h1>TODO List</h1>
    35. 

  35. 				<a href="#page_item" data-role="button" data-icon="plus" class="ui-btn-right" data-theme="b" id="btn_new">New Item</a>
    36. 

  36. 			</div>
    37. 

  37. 			<div data-role="content">
    38. 

  38. 				<ul id="list_todo" data-role="listview" data-inset="true" data-template="list_todo_template">
    39. 

  39. 				</ul>
    40. 

  40. 			</div>
    41. 

  41. 			<div data-role="footer" data-position="fixed">
    42. 

  42. 				<h4>powered by Horaz</h4>
    43. 

  43. 			</div>
    44. 

  44. 		</div>
    45. 

  45. 		
    46. 

  46. 		<!-- new/edit item page -->
    47. 

  47. 		<div data-role="page" id="page_item">
    48. 

  48. 			<div data-role="header" data-theme="b" data-add-back-btn="true" data-position="fixed">
    49. 

  49. 				<a onclick="history.back()" data-icon="back" class="hide-on-android">Cancel</a>
    50. 

  50. 				<h1>Edit TODO Item</h1>
    51. 

  51. 				<a id="btn_save" href="#page_index" data-role="button" data-icon="check" class="ui-btn-right" data-theme="c">Save</a>
    52. 

  52. 			</div>
    53. 

  53. 			<div data-role="content">
    54. 

  54. 				<form id="form_item">
    55. 

  55. 					<div data-role="fieldcontain">
    56. 

  56. 						<label for="title">Title</label>
    57. 

  57. 						<input type="text" id="title" name="title" />
    58. 

  58. 					</div>
    59. 

  59. 					<div data-role="fieldcontain">
    60. 

  60. 						<label for="notes">Notes</label>
    61. 

  61. 						<textarea id="notes" name="notes"></textarea>
    62. 

  62. 					</div>
    63. 

  63. 				</form>
    64. 

  64. 			</div>
    65. 

  65. 			<div data-role="footer" data-position="fixed">
    66. 

  66. 				<h4>powered by Horaz</h4>
    67. 

  67. 			</div>
    68. 

  68. 		</div>
    69. 

  69. 		
    70. 

  70. 		<!-- item selected dialog -->
    71. 

  71. 		<div data-role="dialog" id="dialog_item">
    72. 

  72. 			<div data-role="header" data-theme="d">
    73. 

  73. 				<h1>Options</h1>
    74. 

  74. 			</div>
    75. 

  75. 			<div data-role="content">
    76. 

  76. 				<p>What to do with <span id="label_item"></span>?</p>
    77. 

  77. 				<a href="#page_item" data-role="button" data-theme="c" id="btn_edit">Edit</a>
    78. 

  78. 				<a href="#" data-role="button" data-rel="back" data-theme="c" id="btn_done">Mark as Done</a>
    79. 

  79. 				<a href="#" data-role="button" data-rel="back" data-theme="c" id="btn_delete">Delete</a>
    80. 

  80. 				<a href="#" data-role="button" data-rel="back">Cancel</a>
    81. 

  81. 			</div>
    82. 

  82. 		</div>
    83. 

  83. 	</body>
    84. 

  84. </html>
    85.