patterns-includes/form.html at master · Patternslib/patterns-includes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
{% if include.ui_content %}
	{% assign ui_data_path = include.ui_content %}
{% else %}
	{% assign ui_data_path = site.ui_data_path %}
{% endif %}

{% if include.root == 'form' %}
<!-- <pat-form
		action="{{ include.action }}"
		inject={{ include.inject }}
		submit="{{ include.submit }}"
		root="{{ include.root }}"
		layout="{{ include.layout }}"
		items="{{ include.items }}"> -->
	<form
		action="{{ include.action }}"
		class="
			pat-form
			pat-inject
			{% if include.validation == TRUE %}pat-validation {% endif %}
			{% if include.submit == 'auto' %}pat-autosubmit{% endif %} {{ include.class }}"
		{% if include.inject %}
			data-pat-inject="{{ include.inject }}"
		{% endif %}>
{% endif %}
	{% unless include.root == 'field' %}
		<fieldset
			class="
				{% if include.collapsible %}
					pat-collapsible
					{{ include.collapsible }}
				{% endif %}
					section
				{% if include.layout == 'horizontal' %}
					horizontal
				{% else %}
					vertical
				{% endif %}
				{{ include.class }}"
			{% if include.collapsible %}
				data-pat-collapsible="
					store: local;
					scroll-selector: self;
					{% if include.scroll-offset %}
						scroll-offset: {{ include.scroll-offset }}
					{% endif %}"
			{% endif %}
			id="{{ page.title | slugify | default: 'fieldset' }}-first-collapsible">
	{% endunless %}
		<!-- <pat-form> -->
			<!-- <slot name="fields"> -->
				{% assign title_nr = 1 %}
				{% for item in include.src %}
					{% if item.for_pages == nil or item.for_pages contains page.title %}
						{% include patterns/form-component.html
							required=item.required
							items=item.items
							words=item.words
							value=item.value
							placeholder=item.placeholder
							label=item.label
							name=item.name
							message=item.message
							selected=item.selected
							source=item.source
							add-button-label=item.add-button-label
							variation=item.variation
							max-select=item.max_select
							label_on=item.label_on
							help=item.help
							url=item.url
							depends=item.depends
							checked=item.checked
							action=item.action
							class=item.class
							data=item.data
							id=item.id
							edit-panel=item.edit_panel
							title=item.title
							summary=item.summary
							allow=item.allow
							image=item.image
							caption=item.caption
							alternative-text=item.alternative_text
							copyright=item.copyright
							author=item.author
							rows=item.rows
							value-json=item.value_json
							picker=item.picker
							add=item.add
							autofocus=item.autofocus
							inject=item.inject
							layout=include.layout %}
						{% endif %}
				{% endfor %}
				<!-- </slot> -->
		<!-- </pat-form> -->
	{% unless include.root == 'field' %}
		</fieldset>
	{% endunless %}
{% if include.root == 'form' %}
	</form>
<!-- </pat-form> -->
{% endif %}