form controls cleaning

pages/_components/input-colors.html

@@ -3,4 +3,4 @@ title: Color input
 columns: false
 ---
 
-{% include parts/input-color.html %}
+{% include parts/form/input-color.html %}

pages/_components/input-image.html

@@ -3,4 +3,4 @@ title: Image input
 columns: 2
 ---
 
-{% include parts/input-image.html %}
+{% include parts/form/input-image.html %}

pages/_docs/form-elements.md

@@ -55,12 +55,12 @@ bootstrap-link: components/forms/
 
 ### Input size
 
-{% include parts/input-sizes.html %}
+{% include parts/form/input-sizes.html %}
 
 
 ### Select
 {% example %}
-{% include parts/select.html options="Germany,USA,Poland" %}
+{% include parts/form/select.html options="Germany,USA,Poland" %}
 {% endexample %}
 
 ### Textarea
@@ -73,55 +73,55 @@ bootstrap-link: components/forms/
 
 ### Image check
 {% example %}
-{% include parts/input-image.html %}
+{% include parts/form/input-image.html %}
 {% endexample %}
 
 ### Input color
 {% example %}
-{% include parts/input-color.html %}
+{% include parts/form/input-color.html %}
 {% endexample %}
 
 ### Input color picker
 {% example %}
-{% include parts/input-colorpicker.html %}
+{% include parts/form/input-colorpicker.html %}
 {% endexample %}
 
 ### Datalists
 {% example %}
-{% include parts/input-datalist.html %}
+{% include parts/form/input-datalist.html %}
 {% endexample %}
 
 ### Custom selectboxes
 {% example %}
-{% include parts/input-selectgroups.html %}
+{% include parts/form/input-selectgroups.html %}
 {% endexample %}
 
 ### Toggle switches
 {% example %}
-{% include parts/input-toggle.html %}
-{% include parts/input-toggle-single.html %}
+{% include parts/form/input-toggle.html %}
+{% include parts/form/input-toggle-single.html %}
 {% endexample %}
 
 ### Radios
 {% example %}
-{% include parts/input-radios.html %}
-{% include parts/input-radios-inline.html %}
+{% include parts/form/input-radios.html %}
+{% include parts/form/input-radios-inline.html %}
 {% endexample %}
 
 ### Checkboxes
 {% example %}
-{% include parts/input-checkboxes.html %}
-{% include parts/input-checkboxes-inline.html %}
+{% include parts/form/input-checkboxes.html %}
+{% include parts/form/input-checkboxes-inline.html %}
 {% endexample%}
 
 ### Range input
 {% example %}
-{% include parts/input-range.html %}
+{% include parts/form/input-range.html %}
 {% endexample %}
 
 ### Sample form
 {% example %}
-{% include parts/form-fieldset.html %}
+{% include parts/form/fieldset.html %}
 {% endexample %}
 
 ### Input group
@@ -162,12 +162,12 @@ bootstrap-link: components/forms/
 
 ### Input with icon
 {% example %}
-{% include parts/input-icon.html %}
+{% include parts/form/input-icon.html %}
 {% endexample %}
 
 ### Separated inputs
 {% example %}
-{% include parts/input-icon-separated.html %}
+{% include parts/form/input-icon-separated.html %}
 {% endexample %}
 
 ### Custom Input examples

pages/_includes/forms/form-elements-1.html

@@ -26,8 +26,8 @@
 	<textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Content..">Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!</textarea>
 </div>
 
-{% include parts/select.html %}
-{% include parts/select.html label="Select multiple" multiple=true %}
+{% include parts/form/select.html %}
+{% include parts/form/select.html label="Select multiple" multiple=true %}
 
 <div class="mb-3">
 	<label class="form-label">Input group</label>
@@ -59,8 +59,8 @@
 	</div>
 </div>
 
-{% include parts/input-icon.html %}
-{% include parts/input-icon-separated.html %}
+{% include parts/form/input-icon.html %}
+{% include parts/form/input-icon-separated.html %}
 
 
 <div class="mb-3">

pages/_includes/forms/form-elements-3.html

@@ -1,6 +1,6 @@
-{% include parts/input-image.html %}
-{% include parts/input-color.html %}
-{% include parts/input-colorpicker.html %}
+{% include parts/form/input-image.html %}
+{% include parts/form/input-color.html %}
+{% include parts/form/input-colorpicker.html %}
 
 <div class="mb-3">
    <label class="form-label">Validation States</label>
@@ -16,4 +16,4 @@
 </div>
 
 <label class="form-label">Form fieldset</label>
-{% include parts/form-fieldset.html %}
+{% include parts/form/fieldset.html %}

pages/_includes/forms/form-elements-4.html

@@ -1,6 +1,6 @@
 
-{% include parts/input-selectgroups.html %}
-{% include parts/form-payments.html %}
-{% include parts/form-project-manager.html %}
+{% include parts/form/input-selectgroups.html %}
+{% include parts/form/selectgroup-payments.html %}
+{% include parts/form/selectgroup-project-manager.html %}
 
 

pages/_includes/forms/form-elements-5.html

@@ -1,8 +1,8 @@
-{% include parts/input-radios.html %}
-{% include parts/input-radios-inline.html %}
+{% include parts/form/input-radios.html %}
+{% include parts/form/input-radios-inline.html %}
 
-{% include parts/input-checkboxes.html %}
-{% include parts/input-checkboxes-inline.html %}
+{% include parts/form/input-checkboxes.html %}
+{% include parts/form/input-checkboxes-inline.html %}
 
 <div class="mb-3">
 	<label class="form-label">Checkboxes with description</label>
@@ -33,10 +33,10 @@
 	</label>
 </div>
 
-{% include parts/input-toggle.html %}
-{% include parts/input-toggle-single.html %}
+{% include parts/form/input-toggle.html %}
+{% include parts/form/input-toggle-single.html %}
 
-{% include parts/input-file.html %}
+{% include parts/form/input-file.html %}
 
 
 <div class="mb-3">

pages/_includes/forms/form-elements-6.html

@@ -1,5 +1,5 @@
-{% include parts/input-datalist.html %}
-{% include parts/input-range.html %}
+{% include parts/form/input-datalist.html %}
+{% include parts/form/input-range.html %}
 
 <div class="mb-3">
 	<label class="form-label">Datepicker</label>

pages/_includes/parts/form/input-file.html

@@ -0,0 +1,4 @@
+<div class="mb-3">
+   <div class="form-label">{{ include.label | default: 'Custom File Input' }}</div>
+   {% include ui/form/input-file.html %}
+</div>

pages/_includes/parts/input-file.html

@@ -1,10 +0,0 @@
-<div class="mb-3">
-   <div class="form-label">{{ include.label | default: 'Custom File Input' }}</div>
-   <div class="form-file">
-      <input type="file" class="form-file-input" id="customFile">
-      <label class="form-file-label" for="customFile">
-         <span class="form-file-text">Choose file...</span>
-         <span class="form-file-button">Browse</span>
-      </label>
-   </div>
-</div>

pages/_includes/ui/form/input-file.html

@@ -0,0 +1,7 @@
+<div class="form-file">
+	<input type="file" class="form-file-input" id="customFile">
+	<label class="form-file-label" for="customFile">
+		<span class="form-file-text">Choose file...</span>
+		<span class="form-file-button">Browse</span>
+	</label>
+</div>

pages/tmp-dark.html

@@ -30,10 +30,10 @@ page-title: Dark
 						<input type="text" class="form-control" name="example-text-input" placeholder="Text..">
 					</div>
 
-					{% include parts/select.html %}
+					{% include parts/form/select.html %}
 
-					{% include parts/input-color.html %}
-					{% include parts/input-checkboxes.html %}
+					{% include parts/form/input-color.html %}
+					{% include parts/form/input-checkboxes.html %}
 
 					<div class="mb-3">
 						<label class="form-label">Input with appended text</label>