PageRenderTime 107ms CodeModel.GetById 101ms app.highlight 2ms RepoModel.GetById 1ms app.codeStats 0ms

/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
  3{% block title %}{{ title }}{% endblock %}
  4
  5{% block body %}
  6	<div class="row">
  7        <div class="col-md-12">
  8          	<div class="card">
  9	            <div class="card-header">
 10	              	<strong>Create New</strong>
 11	              	Paths
 12	            </div>
 13	            <div class="card-body">
 14	              	<form action="" method="post" enctype="multipart/form-data" class="form-horizontal">
 15	                <div class="form-group row">
 16	                  <label class="col-md-3 col-form-label">Static</label>
 17	                  <div class="col-md-9">
 18	                    <p class="form-control-static">Username</p>
 19	                  </div>
 20	                </div>
 21	                <div class="form-group row">
 22	                  <label class="col-md-3 col-form-label" for="text-input">Text Input</label>
 23	                  <div class="col-md-9">
 24	                    <input type="text" id="text-input" name="text-input" class="form-control" placeholder="Text">
 25	                    <span class="help-block">This is a help text</span>
 26	                  </div>
 27	                </div>
 28	                <div class="form-group row">
 29	                  <label class="col-md-3 col-form-label" for="email-input">Email Input</label>
 30	                  <div class="col-md-9">
 31	                    <input type="email" id="email-input" name="email-input" class="form-control" placeholder="Enter Email">
 32	                    <span class="help-block">Please enter your email</span>
 33	                  </div>
 34	                </div>
 35	                <div class="form-group row">
 36	                  <label class="col-md-3 col-form-label" for="password-input">Password</label>
 37	                  <div class="col-md-9">
 38	                    <input type="password" id="password-input" name="password-input" class="form-control" placeholder="Password">
 39	                    <span class="help-block">Please enter a complex password</span>
 40	                  </div>
 41	                </div>
 42	                <div class="form-group row">
 43	                  <label class="col-md-3 col-form-label" for="disabled-input">Disabled Input</label>
 44	                  <div class="col-md-9">
 45	                    <input type="text" id="disabled-input" name="disabled-input" class="form-control" placeholder="Disabled" disabled="">
 46	                  </div>
 47	                </div>
 48	                <div class="form-group row">
 49	                  <label class="col-md-3 col-form-label" for="textarea-input">Textarea</label>
 50	                  <div class="col-md-9">
 51	                    <textarea id="textarea-input" name="textarea-input" rows="9" class="form-control" placeholder="Content.."></textarea>
 52	                  </div>
 53	                </div>
 54	                <div class="form-group row">
 55	                  <label class="col-md-3 col-form-label" for="select1">Select</label>
 56	                  <div class="col-md-9">
 57	                    <select id="select1" name="select1" class="form-control">
 58	                      <option value="0">Please select</option>
 59	                      <option value="1">Option #1</option>
 60	                      <option value="2">Option #2</option>
 61	                      <option value="3">Option #3</option>
 62	                    </select>
 63	                  </div>
 64	                </div>
 65	                <div class="form-group row">
 66	                  <label class="col-md-3 col-form-label" for="select2">Select Large</label>
 67	                  <div class="col-md-9">
 68	                    <select id="select2" name="select2" class="form-control form-control-lg">
 69	                      <option value="0">Please select</option>
 70	                      <option value="1">Option #1</option>
 71	                      <option value="2">Option #2</option>
 72	                      <option value="3">Option #3</option>
 73	                    </select>
 74	                  </div>
 75	                </div>
 76	                <div class="form-group row">
 77	                  <label class="col-md-3 col-form-label" for="select3">Select Small</label>
 78	                  <div class="col-md-9">
 79	                    <select id="select3" name="select3" class="form-control form-control-sm">
 80	                      <option value="0">Please select</option>
 81	                      <option value="1">Option #1</option>
 82	                      <option value="2">Option #2</option>
 83	                      <option value="3">Option #3</option>
 84	                    </select>
 85	                  </div>
 86	                </div>
 87	                <div class="form-group row">
 88	                  <label class="col-md-3 col-form-label" for="disabledSelect">Disabled Select</label>
 89	                  <div class="col-md-9">
 90	                    <select id="disabledSelect" class="form-control" disabled="">
 91	                      <option value="0">Please select</option>
 92	                      <option value="1">Option #1</option>
 93	                      <option value="2">Option #2</option>
 94	                      <option value="3">Option #3</option>
 95	                    </select>
 96	                  </div>
 97	                </div>
 98	                <div class="form-group row">
 99	                  <label class="col-md-3 col-form-label" for="multiple-select">Multiple select</label>
100	                  <div class="col-md-9">
101	                    <select id="multiple-select" name="multiple-select" class="form-control" size="5" multiple="">
102	                      <option value="1">Option #1</option>
103	                      <option value="2">Option #2</option>
104	                      <option value="3">Option #3</option>
105	                      <option value="4">Option #4</option>
106	                      <option value="5">Option #5</option>
107	                      <option value="6">Option #6</option>
108	                      <option value="7">Option #7</option>
109	                      <option value="8">Option #8</option>
110	                      <option value="9">Option #9</option>
111	                      <option value="10">Option #10</option>
112	                    </select>
113	                  </div>
114	                </div>
115	                <div class="form-group row">
116	                  <label class="col-md-3 col-form-label">Radios</label>
117	                  <div class="col-md-9 col-form-label">
118	                    <div class="form-check">
119	                      <input class="form-check-input" type="radio" value="radio1" id="radio1" name="radios">
120	                      <label class="form-check-label" for="radio1">
121	                        Option 1
122	                      </label>
123	                    </div>
124	                    <div class="form-check">
125	                      <input class="form-check-input" type="radio" value="radio2" id="radio2" name="radios">
126	                      <label class="form-check-label" for="radio2">
127	                        Option 2
128	                      </label>
129	                    </div>
130	                    <div class="form-check">
131	                      <input class="form-check-input" type="radio" value="radio2" id="radio3" name="radios">
132	                      <label class="form-check-label" for="radio3">
133	                        Option 3
134	                      </label>
135	                    </div>
136	                  </div>
137	                </div>
138	                <div class="form-group row">
139	                  <label class="col-md-3 col-form-label">Inline Radios</label>
140	                  <div class="col-md-9 col-form-label">
141	                    <div class="form-check form-check-inline mr-1">
142	                      <input class="form-check-input" type="radio" id="inline-radio1" value="option1" name="inline-radios">
143	                      <label class="form-check-label" for="inline-radio1">One</label>
144	                    </div>
145	                    <div class="form-check form-check-inline mr-1">
146	                      <input class="form-check-input" type="radio" id="inline-radio2" value="option2" name="inline-radios">
147	                      <label class="form-check-label" for="inline-radio2">Two</label>
148	                    </div>
149	                    <div class="form-check form-check-inline mr-1">
150	                      <input class="form-check-input" type="radio" id="inline-radio3" value="option3" name="inline-radios">
151	                      <label class="form-check-label" for="inline-radio3">Three</label>
152	                    </div>
153	                  </div>
154	                </div>
155	                <div class="form-group row">
156	                  <label class="col-md-3 col-form-label">Checkboxes</label>
157	                  <div class="col-md-9 col-form-label">
158	                    <div class="form-check checkbox">
159	                      <input class="form-check-input" type="checkbox" value="" id="check1">
160	                      <label class="form-check-label" for="check1">
161	                        Option 1
162	                      </label>
163	                    </div>
164	                    <div class="form-check checkbox">
165	                      <input class="form-check-input" type="checkbox" value="" id="check2">
166	                      <label class="form-check-label" for="check2">
167	                        Option 2
168	                      </label>
169	                    </div>
170	                    <div class="form-check checkbox">
171	                      <input class="form-check-input" type="checkbox" value="" id="check3">
172	                      <label class="form-check-label" for="check3">
173	                        Option 3
174	                      </label>
175	                    </div>
176	                  </div>
177	                </div>
178	                <div class="form-group row">
179	                  <label class="col-md-3 col-form-label">Inline Checkboxes</label>
180	                  <div class="col-md-9 col-form-label">
181	                    <div class="form-check form-check-inline mr-1">
182	                      <input class="form-check-input" type="checkbox" id="inline-checkbox1" value="check1">
183	                      <label class="form-check-label" for="inline-checkbox1">One</label>
184	                    </div>
185	                    <div class="form-check form-check-inline mr-1">
186	                      <input class="form-check-input" type="checkbox" id="inline-checkbox2" value="check2">
187	                      <label class="form-check-label" for="inline-checkbox2">Two</label>
188	                    </div>
189	                    <div class="form-check form-check-inline mr-1">
190	                      <input class="form-check-input" type="checkbox" id="inline-checkbox3" value="check3">
191	                      <label class="form-check-label" for="inline-checkbox3">Three</label>
192	                    </div>
193	                  </div>
194	                </div>
195	                <div class="form-group row">
196	                  <label class="col-md-3 col-form-label" for="file-input">File input</label>
197	                  <div class="col-md-9">
198	                    <input type="file" id="file-input" name="file-input">
199	                  </div>
200	                </div>
201	                <div class="form-group row">
202	                  	<label class="col-md-3 col-form-label" for="file-multiple-input">Multiple File input</label>
203	                  	<div class="col-md-9">
204	                    	<input type="file" id="file-multiple-input" name="file-multiple-input" multiple="">
205	                  	</div>
206	                </div>
207	              </form>
208	            </div>
209	            <div class="card-footer">
210	              	<button type="submit" class="btn btn-sm btn-primary"><i class="fa fa-dot-circle-o"></i> Submit</button>
211	              	<button type="reset" class="btn btn-sm btn-danger"><i class="fa fa-ban"></i> Reset</button>
212	            </div>
213          	</div>
214        </div>
215    </div>
216{% endblock %}