/templates/paths/createPathForm.html.twig

https://bitbucket.org/engageiq-ianrussel/paths · Twig Template · 216 lines · 214 code · 2 blank · 0 comment · 0 complexity · 31fe860926026626cc9affe8a07dae2a MD5 · raw file 

    

  1. {% extends 'base.html.twig' %}
    2. 

  2. 

  3. {% block title %}{{ title }}{% endblock %}
    4. 

  4. 

  5. {% block body %}
    6. 

  6. 	<div class="row">
    7. 

  7.         <div class="col-md-12">
    8. 

  8.           	<div class="card">
    9. 

  9. 	            <div class="card-header">
    10. 

  10. 	              	<strong>Create New</strong>
    11. 

  11. 	              	Paths
    12. 

  12. 	            </div>
    13. 

  13. 	            <div class="card-body">
    14. 

  14. 	              	<form action="" method="post" enctype="multipart/form-data" class="form-horizontal">
    15. 

  15. 	                <div class="form-group row">
    16. 

  16. 	                  <label class="col-md-3 col-form-label">Static</label>
    17. 

  17. 	                  <div class="col-md-9">
    18. 

  18. 	                    <p class="form-control-static">Username</p>
    19. 

  19. 	                  </div>
    20. 

  20. 	                </div>
    21. 

  21. 	                <div class="form-group row">
    22. 

  22. 	                  <label class="col-md-3 col-form-label" for="text-input">Text Input</label>
    23. 

  23. 	                  <div class="col-md-9">
    24. 

  24. 	                    <input type="text" id="text-input" name="text-input" class="form-control" placeholder="Text">
    25. 

  25. 	                    <span class="help-block">This is a help text</span>
    26. 

  26. 	                  </div>
    27. 

  27. 	                </div>
    28. 

  28. 	                <div class="form-group row">
    29. 

  29. 	                  <label class="col-md-3 col-form-label" for="email-input">Email Input</label>
    30. 

  30. 	                  <div class="col-md-9">
    31. 

  31. 	                    <input type="email" id="email-input" name="email-input" class="form-control" placeholder="Enter Email">
    32. 

  32. 	                    <span class="help-block">Please enter your email</span>
    33. 

  33. 	                  </div>
    34. 

  34. 	                </div>
    35. 

  35. 	                <div class="form-group row">
    36. 

  36. 	                  <label class="col-md-3 col-form-label" for="password-input">Password</label>
    37. 

  37. 	                  <div class="col-md-9">
    38. 

  38. 	                    <input type="password" id="password-input" name="password-input" class="form-control" placeholder="Password">
    39. 

  39. 	                    <span class="help-block">Please enter a complex password</span>
    40. 

  40. 	                  </div>
    41. 

  41. 	                </div>
    42. 

  42. 	                <div class="form-group row">
    43. 

  43. 	                  <label class="col-md-3 col-form-label" for="disabled-input">Disabled Input</label>
    44. 

  44. 	                  <div class="col-md-9">
    45. 

  45. 	                    <input type="text" id="disabled-input" name="disabled-input" class="form-control" placeholder="Disabled" disabled="">
    46. 

  46. 	                  </div>
    47. 

  47. 	                </div>
    48. 

  48. 	                <div class="form-group row">
    49. 

  49. 	                  <label class="col-md-3 col-form-label" for="textarea-input">Textarea</label>
    50. 

  50. 	                  <div class="col-md-9">
    51. 

  51. 	                    <textarea id="textarea-input" name="textarea-input" rows="9" class="form-control" placeholder="Content.."></textarea>
    52. 

  52. 	                  </div>
    53. 

  53. 	                </div>
    54. 

  54. 	                <div class="form-group row">
    55. 

  55. 	                  <label class="col-md-3 col-form-label" for="select1">Select</label>
    56. 

  56. 	                  <div class="col-md-9">
    57. 

  57. 	                    <select id="select1" name="select1" class="form-control">
    58. 

  58. 	                      <option value="0">Please select</option>
    59. 

  59. 	                      <option value="1">Option #1</option>
    60. 

  60. 	                      <option value="2">Option #2</option>
    61. 

  61. 	                      <option value="3">Option #3</option>
    62. 

  62. 	                    </select>
    63. 

  63. 	                  </div>
    64. 

  64. 	                </div>
    65. 

  65. 	                <div class="form-group row">
    66. 

  66. 	                  <label class="col-md-3 col-form-label" for="select2">Select Large</label>
    67. 

  67. 	                  <div class="col-md-9">
    68. 

  68. 	                    <select id="select2" name="select2" class="form-control form-control-lg">
    69. 

  69. 	                      <option value="0">Please select</option>
    70. 

  70. 	                      <option value="1">Option #1</option>
    71. 

  71. 	                      <option value="2">Option #2</option>
    72. 

  72. 	                      <option value="3">Option #3</option>
    73. 

  73. 	                    </select>
    74. 

  74. 	                  </div>
    75. 

  75. 	                </div>
    76. 

  76. 	                <div class="form-group row">
    77. 

  77. 	                  <label class="col-md-3 col-form-label" for="select3">Select Small</label>
    78. 

  78. 	                  <div class="col-md-9">
    79. 

  79. 	                    <select id="select3" name="select3" class="form-control form-control-sm">
    80. 

  80. 	                      <option value="0">Please select</option>
    81. 

  81. 	                      <option value="1">Option #1</option>
    82. 

  82. 	                      <option value="2">Option #2</option>
    83. 

  83. 	                      <option value="3">Option #3</option>
    84. 

  84. 	                    </select>
    85. 

  85. 	                  </div>
    86. 

  86. 	                </div>
    87. 

  87. 	                <div class="form-group row">
    88. 

  88. 	                  <label class="col-md-3 col-form-label" for="disabledSelect">Disabled Select</label>
    89. 

  89. 	                  <div class="col-md-9">
    90. 

  90. 	                    <select id="disabledSelect" class="form-control" disabled="">
    91. 

  91. 	                      <option value="0">Please select</option>
    92. 

  92. 	                      <option value="1">Option #1</option>
    93. 

  93. 	                      <option value="2">Option #2</option>
    94. 

  94. 	                      <option value="3">Option #3</option>
    95. 

  95. 	                    </select>
    96. 

  96. 	                  </div>
    97. 

  97. 	                </div>
    98. 

  98. 	                <div class="form-group row">
    99. 

  99. 	                  <label class="col-md-3 col-form-label" for="multiple-select">Multiple select</label>
    100. 

  100. 	                  <div class="col-md-9">
    101. 

  101. 	                    <select id="multiple-select" name="multiple-select" class="form-control" size="5" multiple="">
    102. 

  102. 	                      <option value="1">Option #1</option>
    103. 

  103. 	                      <option value="2">Option #2</option>
    104. 

  104. 	                      <option value="3">Option #3</option>
    105. 

  105. 	                      <option value="4">Option #4</option>
    106. 

  106. 	                      <option value="5">Option #5</option>
    107. 

  107. 	                      <option value="6">Option #6</option>
    108. 

  108. 	                      <option value="7">Option #7</option>
    109. 

  109. 	                      <option value="8">Option #8</option>
    110. 

  110. 	                      <option value="9">Option #9</option>
    111. 

  111. 	                      <option value="10">Option #10</option>
    112. 

  112. 	                    </select>
    113. 

  113. 	                  </div>
    114. 

  114. 	                </div>
    115. 

  115. 	                <div class="form-group row">
    116. 

  116. 	                  <label class="col-md-3 col-form-label">Radios</label>
    117. 

  117. 	                  <div class="col-md-9 col-form-label">
    118. 

  118. 	                    <div class="form-check">
    119. 

  119. 	                      <input class="form-check-input" type="radio" value="radio1" id="radio1" name="radios">
    120. 

  120. 	                      <label class="form-check-label" for="radio1">
    121. 

  121. 	                        Option 1
    122. 

  122. 	                      </label>
    123. 

  123. 	                    </div>
    124. 

  124. 	                    <div class="form-check">
    125. 

  125. 	                      <input class="form-check-input" type="radio" value="radio2" id="radio2" name="radios">
    126. 

  126. 	                      <label class="form-check-label" for="radio2">
    127. 

  127. 	                        Option 2
    128. 

  128. 	                      </label>
    129. 

  129. 	                    </div>
    130. 

  130. 	                    <div class="form-check">
    131. 

  131. 	                      <input class="form-check-input" type="radio" value="radio2" id="radio3" name="radios">
    132. 

  132. 	                      <label class="form-check-label" for="radio3">
    133. 

  133. 	                        Option 3
    134. 

  134. 	                      </label>
    135. 

  135. 	                    </div>
    136. 

  136. 	                  </div>
    137. 

  137. 	                </div>
    138. 

  138. 	                <div class="form-group row">
    139. 

  139. 	                  <label class="col-md-3 col-form-label">Inline Radios</label>
    140. 

  140. 	                  <div class="col-md-9 col-form-label">
    141. 

  141. 	                    <div class="form-check form-check-inline mr-1">
    142. 

  142. 	                      <input class="form-check-input" type="radio" id="inline-radio1" value="option1" name="inline-radios">
    143. 

  143. 	                      <label class="form-check-label" for="inline-radio1">One</label>
    144. 

  144. 	                    </div>
    145. 

  145. 	                    <div class="form-check form-check-inline mr-1">
    146. 

  146. 	                      <input class="form-check-input" type="radio" id="inline-radio2" value="option2" name="inline-radios">
    147. 

  147. 	                      <label class="form-check-label" for="inline-radio2">Two</label>
    148. 

  148. 	                    </div>
    149. 

  149. 	                    <div class="form-check form-check-inline mr-1">
    150. 

  150. 	                      <input class="form-check-input" type="radio" id="inline-radio3" value="option3" name="inline-radios">
    151. 

  151. 	                      <label class="form-check-label" for="inline-radio3">Three</label>
    152. 

  152. 	                    </div>
    153. 

  153. 	                  </div>
    154. 

  154. 	                </div>
    155. 

  155. 	                <div class="form-group row">
    156. 

  156. 	                  <label class="col-md-3 col-form-label">Checkboxes</label>
    157. 

  157. 	                  <div class="col-md-9 col-form-label">
    158. 

  158. 	                    <div class="form-check checkbox">
    159. 

  159. 	                      <input class="form-check-input" type="checkbox" value="" id="check1">
    160. 

  160. 	                      <label class="form-check-label" for="check1">
    161. 

  161. 	                        Option 1
    162. 

  162. 	                      </label>
    163. 

  163. 	                    </div>
    164. 

  164. 	                    <div class="form-check checkbox">
    165. 

  165. 	                      <input class="form-check-input" type="checkbox" value="" id="check2">
    166. 

  166. 	                      <label class="form-check-label" for="check2">
    167. 

  167. 	                        Option 2
    168. 

  168. 	                      </label>
    169. 

  169. 	                    </div>
    170. 

  170. 	                    <div class="form-check checkbox">
    171. 

  171. 	                      <input class="form-check-input" type="checkbox" value="" id="check3">
    172. 

  172. 	                      <label class="form-check-label" for="check3">
    173. 

  173. 	                        Option 3
    174. 

  174. 	                      </label>
    175. 

  175. 	                    </div>
    176. 

  176. 	                  </div>
    177. 

  177. 	                </div>
    178. 

  178. 	                <div class="form-group row">
    179. 

  179. 	                  <label class="col-md-3 col-form-label">Inline Checkboxes</label>
    180. 

  180. 	                  <div class="col-md-9 col-form-label">
    181. 

  181. 	                    <div class="form-check form-check-inline mr-1">
    182. 

  182. 	                      <input class="form-check-input" type="checkbox" id="inline-checkbox1" value="check1">
    183. 

  183. 	                      <label class="form-check-label" for="inline-checkbox1">One</label>
    184. 

  184. 	                    </div>
    185. 

  185. 	                    <div class="form-check form-check-inline mr-1">
    186. 

  186. 	                      <input class="form-check-input" type="checkbox" id="inline-checkbox2" value="check2">
    187. 

  187. 	                      <label class="form-check-label" for="inline-checkbox2">Two</label>
    188. 

  188. 	                    </div>
    189. 

  189. 	                    <div class="form-check form-check-inline mr-1">
    190. 

  190. 	                      <input class="form-check-input" type="checkbox" id="inline-checkbox3" value="check3">
    191. 

  191. 	                      <label class="form-check-label" for="inline-checkbox3">Three</label>
    192. 

  192. 	                    </div>
    193. 

  193. 	                  </div>
    194. 

  194. 	                </div>
    195. 

  195. 	                <div class="form-group row">
    196. 

  196. 	                  <label class="col-md-3 col-form-label" for="file-input">File input</label>
    197. 

  197. 	                  <div class="col-md-9">
    198. 

  198. 	                    <input type="file" id="file-input" name="file-input">
    199. 

  199. 	                  </div>
    200. 

  200. 	                </div>
    201. 

  201. 	                <div class="form-group row">
    202. 

  202. 	                  	<label class="col-md-3 col-form-label" for="file-multiple-input">Multiple File input</label>
    203. 

  203. 	                  	<div class="col-md-9">
    204. 

  204. 	                    	<input type="file" id="file-multiple-input" name="file-multiple-input" multiple="">
    205. 

  205. 	                  	</div>
    206. 

  206. 	                </div>
    207. 

  207. 	              </form>
    208. 

  208. 	            </div>
    209. 

  209. 	            <div class="card-footer">
    210. 

  210. 	              	<button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-dot-circle-o"></i> Submit</button>
    211. 

  211. 	              	<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
    212. 

  212. 	            </div>
    213. 

  213.           	</div>
    214. 

  214.         </div>
    215. 

  215.     </div>
    216. 

  216. {% endblock %}
    217.