/nu/src/prog/create.html

https://github.com/bobbor/pckgr.io · HTML · 106 lines · 104 code · 1 blank · 1 comment · 0 complexity · 5da7ef919542f90a6cbac750442d64ce MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta charset="utf-8">
    5. 

  5. 		<title>Create New Project - Sluraff</title>
    6. 

  6. 		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700" />
    7. 

  7. 		<link rel="stylesheet" href="css/create.css" />
    8. 

  8. 	</head>
    9. 

  9. 	<body id="home">
    10. 

  10. 		<div id="wrapper">
    11. 

  11. 			<section class="column">
    12. 

  12. 				<div>
    13. 

  13. 					<header>
    14. 

  14. 						<h4>Create Project</h4>
    15. 

  15. 					</header>
    16. 

  16. 					<section id="content"><div></div>
    17. 

  17. 						<!--<canvas id="process_canvas" width="300" height="20"></canvas>-->
    18. 

  18. 					</section>
    19. 

  19. 					<footer>
    20. 

  20. 						<div>
    21. 

  21. 							<div class="actions btn-group pull-left">
    22. 

  22. 								<button class="btn btn-small back"><i class="fugue-back"></i> Back</button>
    23. 

  23. 							</div>
    24. 

  24. 							<div class="actions btn-group pull-right">
    25. 

  25. 								<button class="btn btn-small btn-success next">Next <i class="fugue-next fugue-right"></i></button>
    26. 

  26. 							</div>
    27. 

  27. 						</div>
    28. 

  28. 					</footer>
    29. 

  29. 				</div>
    30. 

  30. 			</section>
    31. 

  31. 		</div>
    32. 

  32. 		<script type="text/template" id="basicStep-template">
    33. 

  33. 			<h4><%= title %></h4>
    34. 

  34. 			<form class="form">
    35. 

  35. 				<% for(var i = 0; i < inputs.length; i++) { %>
    36. 

  36. 					<% if(inputs[i].type === "multiple") { %>
    37. 

  37. 						<% for(var j = 0; j < inputs[i].attr.values.length; j++) { %>
    38. 

  38. 							<label class="<%= inputs[i].attr.type %>">
    39. 

  39. 								<% if(inputs[i].attr.type !== 'checkbox' && inputs[i].attr.type !== 'radio') { %>
    40. 

  40. 									<%= inputs[i].label[j] %>
    41. 

  41. 								<% } %>
    42. 

  42. 								<input<% for(var k in inputs[i].attr) {
    43. 

  43. 									if(k === 'values') { %>
    44. 

  44. 										 value="<%= inputs[i].attr.values[j] %>"
    45. 

  45. 									<% } else { %>
    46. 

  46. 										 <%= k %>="<%= inputs[i].attr[k] %>"
    47. 

  47. 									<% } %>
    48. 

  48. 								<% } %> />
    49. 

  49. 								<% if(inputs[i].attr.type === 'checkbox' || inputs[i].attr.type === 'radio') { %>
    50. 

  50. 									<%= inputs[i].label[j] %>
    51. 

  51. 								<% } %>
    52. 

  52. 							</label>
    53. 

  53. 						<% } %>
    54. 

  54. 					<% } else if(inputs[i].type === "single") { %>
    55. 

  55. 						<label class="<%= inputs[i].attr.type %>">
    56. 

  56. 							<% if(inputs[i].attr.type !== 'checkbox' && inputs[i].attr.type !== 'radio') { %>
    57. 

  57. 								<%= inputs[i].label[j] %>
    58. 

  58. 							<% } %>
    59. 

  59. 							<input<% for(var j in inputs[i].attr) { print(' '+j+'="'+inputs[i].attr[j]+'"'); } %> />
    60. 

  60. 							<% if(inputs[i].attr.type === 'checkbox' || inputs[i].attr.type === 'radio') { %>
    61. 

  61. 								<%= inputs[i].label[j] %>
    62. 

  62. 							<% } %>
    63. 

  63. 						</label>
    64. 

  64. 					<% } %>
    65. 

  65. 					<% if(inputs[i].helptext) { %>
    66. 

  66. 						<span class="help-block"><%= inputs[i].helptext %></span>
    67. 

  67. 					<% } %>
    68. 

  68. 				<% } %>
    69. 

  69. 			</form>
    70. 

  70. 		</script>
    71. 

  71. 		<script type="text/template" id="result-template">
    72. 

  72. 			<h4><%= title %></h4>
    73. 

  73. 			<% for(var i = 0;i < data.length; i++) { %>
    74. 

  74. 				<div class="row-fluid">
    75. 

  75. 					<div class="span12">
    76. 

  76. 						<dl class="dl-horizontal">
    77. 

  77. 							<dt><%= data[i].data.result %></dt>
    78. 

  78. 							<dd><%= data[i].form[0].value %></dd>
    79. 

  79. 						</dl>
    80. 

  80. 					</div>
    81. 

  81. 				</div>
    82. 

  82. 			<% } %>
    83. 

  83. 		</script>
    84. 

  84. 		<script src="js/lib/jquery.js"></script>
    85. 

  85. 		<script src="js/lib/underscore.js"></script>
    86. 

  86. 		<script src="js/lib/backbone.js"></script>
    87. 

  87. 		<script>
    88. 

  88. 			window.Sluraff || (window.Sluraff = {
    89. 

  89. 				defs: {},
    90. 

  90. 				inst: {}
    91. 

  91. 			});
    92. 

  92. 		</script>
    93. 

  93. 		<script src="js/helper/plugs.js"></script>
    94. 

  94. 		<script src="js/helper/log.js"></script>
    95. 

  95. 		<script src="js/helper/guid.js"></script>
    96. 

  96. 

  97. 		<script src="js/data/fsBridge.js"></script>
    98. 

  98. 		<script src="js/create/models/Step.js"></script>
    99. 

  99. 		<script src="js/create/views/ResultView.js"></script>
    100. 

  100. 		<script src="js/create/views/StepView.js"></script>
    101. 

  101. 		<script src="js/create/collections/Steps.js"></script>
    102. 

  102. 		<script src="js/create/views/ProcessView.js"></script>
    103. 

  103. 		<script src="js/create/views/FooterView.js"></script>
    104. 

  104. 		<script src="js/create/init.js"></script>
    105. 

  105. 	</body>
    106. 

  106. </html>
    107.