-
-
Notifications
You must be signed in to change notification settings - Fork 5.3k
/
Copy pathnavigation.html
308 lines (288 loc) · 33 KB
/
navigation.html
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
<li><a class="nav-link external" href="https://github.com/marmelab/react-admin/releases" target="_blank">What's new?</a></li>
<li {% if page.path == 'Upgrade.md' %} class="active" {% endif %}><a class="nav-link" href="./Upgrade.html">Upgrading to v4</a></li>
<ul><div>Getting Started</div>
<li {% if page.path == 'Tutorial.md' %} class="active" {% endif %}><a class="nav-link" href="./Tutorial.html">Tutorial</a></li>
<li {% if page.path == 'CreateReactApp.md' %} class="active" {% endif %}><a class="nav-link" href="./CreateReactApp.html">Create React App</a></li>
<li {% if page.path == 'Vite.md' %} class="active" {% endif %}><a class="nav-link" href="./Vite.html">Vite</a></li>
<li {% if page.path == 'NextJs.md' %} class="active" {% endif %}><a class="nav-link" href="./NextJs.html">Next.js</a></li>
<li {% if page.path == 'Remix.md' %} class="active" {% endif %}><a class="nav-link" href="./Remix.html">Remix</a></li>
</ul>
<ul><div>App Configuration</div>
<li {% if page.path == 'Admin.md' %} class="active" {% endif %}><a class="nav-link" href="./Admin.html"><code><Admin></code></a></li>
<li {% if page.path == 'Resource.md' %} class="active" {% endif %}><a class="nav-link" href="./Resource.html"><code><Resource></code></a></li>
<li {% if page.path == 'CustomRoutes.md' %} class="active" {% endif %}><a class="nav-link" href="./CustomRoutes.html"><code><CustomRoutes></code></a></li>
</ul>
<ul><div>Data Provider and API Calls</div>
<li {% if page.path == 'DataProviderIntroduction.md' %} class="active" {% endif %}><a class="nav-link" href="./DataProviderIntroduction.html">Introduction</a></li>
<li {% if page.path == 'DataProviderList.md' %} class="active" {% endif %}><a class="nav-link" href="./DataProviderList.html">Supported backends</a></li>
<li {% if page.path == 'DataProviders.md' %} class="active" {% endif %}><a class="nav-link" href="./DataProviders.html">Setting Up</a></li>
<li {% if page.path == 'DataProviderWriting.md' %} class="active" {% endif %}><a class="nav-link" href="./DataProviderWriting.html">Writing A Data Provider</a></li>
<li {% if page.path == 'Actions.md' %} class="active" {% endif %}><a class="nav-link" href="./Actions.html">Querying the API</a></li>
<li {% if page.path == 'useDataProvider.md' %} class="active" {% endif %}><a class="nav-link" href="./useDataProvider.html"><code>useDataProvider</code></a></li>
<li {% if page.path == 'useGetList.md' %} class="active" {% endif %}><a class="nav-link" href="./useGetList.html"><code>useGetList</code></a></li>
<li {% if page.path == 'useGetOne.md' %} class="active" {% endif %}><a class="nav-link" href="./useGetOne.html"><code>useGetOne</code></a></li>
<li {% if page.path == 'useGetMany.md' %} class="active" {% endif %}><a class="nav-link" href="./useGetMany.html"><code>useGetMany</code></a></li>
<li {% if page.path == 'useGetManyReference.md' %} class="active" {% endif %}><a class="nav-link" href="./useGetManyReference.html"><code>useGetManyReference</code></a></li>
<li {% if page.path == 'useCreate.md' %} class="active" {% endif %}><a class="nav-link" href="./useCreate.html"><code>useCreate</code></a></li>
<li {% if page.path == 'useUpdate.md' %} class="active" {% endif %}><a class="nav-link" href="./useUpdate.html"><code>useUpdate</code></a></li>
<li {% if page.path == 'useUpdateMany.md' %} class="active" {% endif %}><a class="nav-link" href="./useUpdateMany.html"><code>useUpdateMany</code></a></li>
<li {% if page.path == 'useDelete.md' %} class="active" {% endif %}><a class="nav-link" href="./useDelete.html"><code>useDelete</code></a></li>
<li {% if page.path == 'useDeleteMany.md' %} class="active" {% endif %}><a class="nav-link" href="./useDeleteMany.html"><code>useDeleteMany</code></a></li>
<li><a class="nav-link external" href="https://marmelab.com/ra-enterprise/modules/ra-realtime#real-time-hooks.html" target="_blank"><code>useSubscribe</code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'useGetTree.md' %} class="active" {% endif %}><a class="nav-link" href="./useGetTree.html"><code>useGetTree</code><img class="premium" src="./img/premium.svg" /></a></li>
</ul>
<ul><div>Auth Provider and Security</div>
<li {% if page.path == 'Authentication.md' %} class="active" {% endif %}><a class="nav-link" href="./Authentication.html">Introduction</a></li>
<li {% if page.path == 'AuthProviderList.md' %} class="active" {% endif %}><a class="nav-link" href="./AuthProviderList.html">Supported backends</a></li>
<li {% if page.path == 'AuthProviderWriting.md' %} class="active" {% endif %}><a class="nav-link" href="./AuthProviderWriting.html">Writing An Auth Provider</a></li>
<li {% if page.path == 'Permissions.md' %} class="active" {% endif %}><a class="nav-link" href="./Permissions.html">Permissions</a></li>
<li {% if page.path == 'AuthRBAC.md' %} class="active" {% endif %}><a class="nav-link" href="./AuthRBAC.html">RBAC<img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'Authenticated.md' %} class="active" {% endif %}><a class="nav-link" href="./Authenticated.html"><code><Authenticated></code></a></li>
<li {% if page.path == 'IfCanAccess.md' %} class="active" {% endif %}><a class="nav-link" href="./IfCanAccess.html"><code><IfCanAccess></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'WithPermissions.md' %} class="active" {% endif %}><a class="nav-link" href="./WithPermissions.html"><code><WithPermissions></code></a></li>
<li {% if page.path == 'useAuthProvider.md' %} class="active" {% endif %}><a class="nav-link" href="./useAuthProvider.html"><code>useAuthProvider</code></a></li>
<li {% if page.path == 'useAuthenticated.md' %} class="active" {% endif %}><a class="nav-link" href="./useAuthenticated.html"><code>useAuthenticated</code></a></li>
<li {% if page.path == 'useAuthState.md' %} class="active" {% endif %}><a class="nav-link" href="./useAuthState.html"><code>useAuthState</code></a></li>
<li {% if page.path == 'useGetIdentity.md' %} class="active" {% endif %}><a class="nav-link" href="./useGetIdentity.html"><code>useGetIdentity</code></a></li>
<li {% if page.path == 'useLogin.md' %} class="active" {% endif %}><a class="nav-link" href="./useLogin.html"><code>useLogin</code></a></li>
<li {% if page.path == 'useLogout.md' %} class="active" {% endif %}><a class="nav-link" href="./useLogout.html"><code>useLogout</code></a></li>
<li {% if page.path == 'usePermissions.md' %} class="active" {% endif %}><a class="nav-link" href="./usePermissions.html"><code>usePermissions</code></a></li>
<li {% if page.path == 'useCanAccess.md' %} class="active" {% endif %}><a class="nav-link" href="./useCanAccess.html"><code>useCanAccess</code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'canAccess.md' %} class="active" {% endif %}><a class="nav-link" href="./canAccess.html"><code>canAccess</code><img class="premium" src="./img/premium.svg" /></a></li>
</ul>
<ul><div>List Page</div>
<li {% if page.path == 'ListTutorial.md' %} class="active" {% endif %}><a class="nav-link" href="./ListTutorial.html">Introduction</a></li>
<li {% if page.path == 'FilteringTutorial.md' %} class="active" {% endif %}><a class="nav-link" href="./FilteringTutorial.html">Filtering The List</a></li>
<li {% if page.path == 'List.md' %} class="active" {% endif %}><a class="nav-link" href="./List.html"><code><List></code></a></li>
<li {% if page.path == 'ListBase.md' %} class="active" {% endif %}><a class="nav-link" href="./ListBase.html"><code><ListBase></code></a></li>
<li {% if page.path == 'ListGuesser.md' %} class="active" {% endif %}><a class="nav-link" href="./ListGuesser.html"><code><ListGuesser></code></a></li>
<li {% if page.path == 'TreeWithDetails.md' %} class="active" {% endif %}><a class="nav-link" href="./TreeWithDetails.html"><code><TreeWithDetails></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'Datagrid.md' %} class="active" {% endif %}><a class="nav-link" href="./Datagrid.html"><code><Datagrid></code></a></li>
<li {% if page.path == 'SimpleList.md' %} class="active" {% endif %}><a class="nav-link" href="./SimpleList.html"><code><SimpleList></code></a></li>
<li {% if page.path == 'SingleFieldList.md' %} class="active" {% endif %}><a class="nav-link" href="./SingleFieldList.html"><code><SingleFieldList></code></a></li>
<li {% if page.path == 'EditableDatagrid.md' %} class="active" {% endif %}><a class="nav-link" href="./EditableDatagrid.html"><code><EditableDatagrid></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'Calendar.md' %} class="active" {% endif %}><a class="nav-link" href="./Calendar.html"><code><Calendar></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'FilterButton.md' %} class="active" {% endif %}><a class="nav-link" href="./FilterButton.html"><code><FilterButton></code></a></li>
<li {% if page.path == 'FilterList.md' %} class="active" {% endif %}><a class="nav-link" href="./FilterList.html"><code><FilterList></code></a></li>
<li {% if page.path == 'FilterLiveSearch.md' %} class="active" {% endif %}><a class="nav-link" href="./FilterLiveSearch.html"><code><FilterLiveSearch></code></a></li>
<li {% if page.path == 'SavedQueriesList.md' %} class="active" {% endif %}><a class="nav-link" href="./SavedQueriesList.html"><code><SavedQueriesList></code></a></li>
<li {% if page.path == 'Pagination.md' %} class="active" {% endif %}><a class="nav-link" href="./Pagination.html"><code><Pagination></code></a></li>
<li {% if page.path == 'SortButton.md' %} class="active" {% endif %}><a class="nav-link" href="./SortButton.html"><code><SortButton></code></a></li>
<li {% if page.path == 'useList.md' %} class="active" {% endif %}><a class="nav-link" href="./useList.html"><code>useList</code></a></li>
<li {% if page.path == 'useListContext.md' %} class="active" {% endif %}><a class="nav-link" href="./useListContext.html"><code>useListContext</code></a></li>
<li {% if page.path == 'useListController.md' %} class="active" {% endif %}><a class="nav-link" href="./useListController.html"><code>useListController</code></a></li>
<li {% if page.path == 'useUnselect.md' %} class="active" {% endif %}><a class="nav-link" href="./useUnselect.html"><code>useUnselect</code></a></li>
<li {% if page.path == 'useUnselectAll.md' %} class="active" {% endif %}><a class="nav-link" href="./useUnselectAll.html"><code>useUnselectAll</code></a></li>
</ul>
<ul><div>Creation & Edition Pages</div>
<li {% if page.path == 'EditTutorial.md' %} class="active" {% endif %}><a class="nav-link" href="./EditTutorial.html">Introduction</a></li>
<li {% if page.path == 'Validation.md' %} class="active" {% endif %}><a class="nav-link" href="./Validation.html">Form Validation</a></li>
<li {% if page.path == 'Create.md' %} class="active" {% endif %}><a class="nav-link" href="./Create.html"><code><Create></code></a></li>
<li {% if page.path == 'CreateBase.md' %} class="active" {% endif %}><a class="nav-link" href="./CreateBase.html"><code><CreateBase></code></a></li>
<li {% if page.path == 'Edit.md' %} class="active" {% endif %}><a class="nav-link" href="./Edit.html"><code><Edit></code></a></li>
<li {% if page.path == 'EditBase.md' %} class="active" {% endif %}><a class="nav-link" href="./EditBase.html"><code><EditBase></code></a></li>
<li {% if page.path == 'EditGuesser.md' %} class="active" {% endif %}><a class="nav-link" href="./EditGuesser.html"><code><EditGuesser></code></a></li>
<li {% if page.path == 'SimpleForm.md' %} class="active" {% endif %}><a class="nav-link" href="./SimpleForm.html"><code><SimpleForm></code></a></li>
<li {% if page.path == 'TabbedForm.md' %} class="active" {% endif %}><a class="nav-link" href="./TabbedForm.html"><code><TabbedForm></code></a></li>
<li {% if page.path == 'Form.md' %} class="active" {% endif %}><a class="nav-link" href="./Form.html"><code><Form></code></a></li>
<li {% if page.path == 'LongForm.md' %} class="active" {% endif %}><a class="nav-link" href="./LongForm.html"><code><LongForm></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'AccordionForm.md' %} class="active" {% endif %}><a class="nav-link" href="./AccordionForm.html"><code><AccordionForm></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'WizardForm.md' %} class="active" {% endif %}><a class="nav-link" href="./WizardForm.html"><code><WizardForm></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'EditDialog.md' %} class="active" {% endif %}><a class="nav-link" href="./EditDialog.html"><code><EditDialog></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'CreateDialog.md' %} class="active" {% endif %}><a class="nav-link" href="./CreateDialog.html"><code><CreateDialog></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'JsonSchemaForm.md' %} class="active" {% endif %}><a class="nav-link" href="./JsonSchemaForm.html"><code><JsonSchemaForm></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'Toolbar.md' %} class="active" {% endif %}><a class="nav-link" href="./Toolbar.html"><code><Toolbar></code></a></li>
<li {% if page.path == 'SaveButton.md' %} class="active" {% endif %}><a class="nav-link" href="./SaveButton.html"><code><SaveButton></code></a></li>
<li {% if page.path == 'useCreateContext.md' %} class="active" {% endif %}><a class="nav-link" href="./useCreateContext.html"><code>useCreateContext</code></a></li>
<li {% if page.path == 'useCreateController.md' %} class="active" {% endif %}><a class="nav-link" href="./useCreateController.html"><code>useCreateController</code></a></li>
<li {% if page.path == 'useEditContext.md' %} class="active" {% endif %}><a class="nav-link" href="./useEditContext.html"><code>useEditContext</code></a></li>
<li {% if page.path == 'useEditController.md' %} class="active" {% endif %}><a class="nav-link" href="./useEditController.html"><code>useEditController</code></a></li>
<li {% if page.path == 'useSaveContext.md' %} class="active" {% endif %}><a class="nav-link" href="./useSaveContext.html"><code>useSaveContext</code></a></li>
</ul>
<ul><div>Show Page</div>
<li {% if page.path == 'ShowTutorial.md' %} class="active" {% endif %}><a class="nav-link" href="./ShowTutorial.html">Introduction</a></li>
<li {% if page.path == 'Show.md' %} class="active" {% endif %}><a class="nav-link" href="./Show.html"><code><Show></code></a></li>
<li {% if page.path == 'ShowBase.md' %} class="active" {% endif %}><a class="nav-link" href="./ShowBase.html"><code><ShowBase></code></a></li>
<li {% if page.path == 'ShowGuesser.md' %} class="active" {% endif %}><a class="nav-link" href="./ShowGuesser.html"><code><ShowGuesser></code></a></li>
<li {% if page.path == 'SimpleShowLayout.md' %} class="active" {% endif %}><a class="nav-link" href="./SimpleShowLayout.html"><code><SimpleShowLayout></code></a></li>
<li {% if page.path == 'TabbedShowLayout.md' %} class="active" {% endif %}><a class="nav-link" href="./TabbedShowLayout.html"><code><TabbedShowLayout></code></a></li>
<li {% if page.path == 'Labeled.md' %} class="active" {% endif %}><a class="nav-link" href="./Labeled.html"><code><Labeled></code></a></li>
<li {% if page.path == 'useShowContext.md' %} class="active" {% endif %}><a class="nav-link" href="./useShowContext.html"><code>useShowContext</code></a></li>
<li {% if page.path == 'useShowController.md' %} class="active" {% endif %}><a class="nav-link" href="./useShowController.html"><code>useShowController</code></a></li>
</ul>
<ul><div>Common</div>
<li {% if page.path == 'WithRecord.md' %} class="active" {% endif %}><a class="nav-link" href="./WithRecord.html"><code><WithRecord></code></a></li>
<li {% if page.path == 'useRecordContext.md' %} class="active" {% endif %}><a class="nav-link" href="./useRecordContext.html"><code>useRecordContext</code></a></li>
<li {% if page.path == 'useNotify.md' %} class="active" {% endif %}><a class="nav-link" href="./useNotify.html"><code>useNotify</code></a></li>
<li {% if page.path == 'useRedirect.md' %} class="active" {% endif %}><a class="nav-link" href="./useRedirect.html"><code>useRedirect</code></a></li>
<li {% if page.path == 'useRefresh.md' %} class="active" {% endif %}><a class="nav-link" href="./useRefresh.html"><code>useRefresh</code></a></li>
</ul>
<ul><div>Fields</div>
<li {% if page.path == 'Fields.md' %} class="active" {% endif %}><a class="nav-link" href="./Fields.html">Introduction</a></li>
<li {% if page.path == 'FieldsForRelationships.md' %} class="active" {% endif %}><a class="nav-link" href="./FieldsForRelationships.html">Fields for Relationships</a></li>
<li {% if page.path == 'ArrayField.md' %} class="active" {% endif %}><a class="nav-link" href="./ArrayField.html"><code><ArrayField></code></a></li>
<li {% if page.path == 'BooleanField.md' %} class="active" {% endif %}><a class="nav-link" href="./BooleanField.html"><code><BooleanField></code></a></li>
<li {% if page.path == 'ChipField.md' %} class="active" {% endif %}><a class="nav-link" href="./ChipField.html"><code><ChipField></code></a></li>
<li {% if page.path == 'DateField.md' %} class="active" {% endif %}><a class="nav-link" href="./DateField.html"><code><DateField></code></a></li>
<li {% if page.path == 'EmailField.md' %} class="active" {% endif %}><a class="nav-link" href="./EmailField.html"><code><EmailField></code></a></li>
<li {% if page.path == 'FileField.md' %} class="active" {% endif %}><a class="nav-link" href="./FileField.html"><code><FileField></code></a></li>
<li {% if page.path == 'FunctionField.md' %} class="active" {% endif %}><a class="nav-link" href="./FunctionField.html"><code><FunctionField></code></a></li>
<li {% if page.path == 'ImageField.md' %} class="active" {% endif %}><a class="nav-link" href="./ImageField.html"><code><ImageField></code></a></li>
<li {% if page.path == 'MarkdownField.md' %} class="active" {% endif %}><a class="nav-link" href="./MarkdownField.html"><code><MarkdownField></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'NumberField.md' %} class="active" {% endif %}><a class="nav-link" href="./NumberField.html"><code><NumberField></code></a></li>
<li {% if page.path == 'RichTextField.md' %} class="active" {% endif %}><a class="nav-link" href="./RichTextField.html"><code><RichTextField></code></a></li>
<li {% if page.path == 'SelectField.md' %} class="active" {% endif %}><a class="nav-link" href="./SelectField.html"><code><SelectField></code></a></li>
<li {% if page.path == 'TextField.md' %} class="active" {% endif %}><a class="nav-link" href="./TextField.html"><code><TextField></code></a></li>
<li {% if page.path == 'TranslatableFields.md' %} class="active" {% endif %}><a class="nav-link" href="./TranslatableFields.html"><code><TranslatableFields></code></a></li>
<li {% if page.path == 'ReferenceField.md' %} class="active" {% endif %}><a class="nav-link" href="./ReferenceField.html"><code><ReferenceField></code></a></li>
<li {% if page.path == 'ReferenceOneField.md' %} class="active" {% endif %}><a class="nav-link" href="./ReferenceOneField.html"><code><ReferenceOneField></code></a></li>
<li {% if page.path == 'ReferenceArrayField.md' %} class="active" {% endif %}><a class="nav-link" href="./ReferenceArrayField.html"><code><ReferenceArrayField></code></a></li>
<li {% if page.path == 'ReferenceManyField.md' %} class="active" {% endif %}><a class="nav-link" href="./ReferenceManyField.html"><code><ReferenceManyField></code></a></li>
<li {% if page.path == 'ReferenceManyToManyField.md' %} class="active" {% endif %}><a class="nav-link" href="./ReferenceManyToManyField.html"><code><ReferenceManyToManyField></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'UrlField.md' %} class="active" {% endif %}><a class="nav-link" href="./UrlField.html"><code><UrlField></code></a></li>
<li {% if page.path == 'WrapperField.md' %} class="active" {% endif %}><a class="nav-link" href="./WrapperField.html"><code><WrapperField></code></a></li>
</ul>
<ul><div>Inputs</div>
<li {% if page.path == 'Inputs.md' %} class="active" {% endif %}><a class="nav-link" href="./Inputs.html">Introduction</a></li>
<li {% if page.path == 'ArrayInput.md' %} class="active" {% endif %}><a class="nav-link" href="./ArrayInput.html"><code><ArrayInput></code></a></li>
<li {% if page.path == 'AutocompleteInput.md' %} class="active" {% endif %}><a class="nav-link" href="./AutocompleteInput.html"><code><AutocompleteInput></code></a></li>
<li {% if page.path == 'AutocompleteArrayInput.md' %} class="active" {% endif %}><a class="nav-link" href="./AutocompleteArrayInput.html"><code><AutocompleteArrayInput></code></a></li>
<li {% if page.path == 'CheckboxGroupInput.md' %} class="active" {% endif %}><a class="nav-link" href="./CheckboxGroupInput.html"><code><CheckboxGroupInput></code></a></li>
<li {% if page.path == 'DualListInput.md' %} class="active" {% endif %}><a class="nav-link" href="./DualListInput.html"><code><DualListInput></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'BooleanInput.md' %} class="active" {% endif %}><a class="nav-link" href="./BooleanInput.html"><code><BooleanInput></code></a></li>
<li {% if page.path == 'DateInput.md' %} class="active" {% endif %}><a class="nav-link" href="./DateInput.html"><code><DateInput></code></a></li>
<li {% if page.path == 'DateTimeInput.md' %} class="active" {% endif %}><a class="nav-link" href="./DateTimeInput.html"><code><DateTimeInput></code></a></li>
<li {% if page.path == 'FileInput.md' %} class="active" {% endif %}><a class="nav-link" href="./FileInput.html"><code><FileInput></code></a></li>
<li {% if page.path == 'ImageInput.md' %} class="active" {% endif %}><a class="nav-link" href="./ImageInput.html"><code><ImageInput></code></a></li>
<li {% if page.path == 'MarkdownInput.md' %} class="active" {% endif %}><a class="nav-link" href="./MarkdownInput.html"><code><MarkdownInput></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'NullableBooleanInput.md' %} class="active" {% endif %}><a class="nav-link" href="./NullableBooleanInput.html"><code><NullableBooleanInput></code></a></li>
<li {% if page.path == 'NumberInput.md' %} class="active" {% endif %}><a class="nav-link" href="./NumberInput.html"><code><NumberInput></code></a></li>
<li {% if page.path == 'RadioButtonGroupInput.md' %} class="active" {% endif %}><a class="nav-link" href="./RadioButtonGroupInput.html"><code><RadioButtonGroupInput></code></a></li>
<li {% if page.path == 'RichTextInput.md' %} class="active" {% endif %}><a class="nav-link" href="./RichTextInput.html"><code><RichTextInput></code></a></li>
<li {% if page.path == 'SelectArrayInput.md' %} class="active" {% endif %}><a class="nav-link" href="./SelectArrayInput.html"><code><SelectArrayInput></code></a></li>
<li {% if page.path == 'SelectInput.md' %} class="active" {% endif %}><a class="nav-link" href="./SelectInput.html"><code><SelectInput></code></a></li>
<li {% if page.path == 'TextInput.md' %} class="active" {% endif %}><a class="nav-link" href="./TextInput.html"><code><TextInput></code></a></li>
<li {% if page.path == 'TimeInput.md' %} class="active" {% endif %}><a class="nav-link" href="./TimeInput.html"><code><TimeInput></code></a></li>
<li {% if page.path == 'TranslatableInputs.md' %} class="active" {% endif %}><a class="nav-link" href="./TranslatableInputs.html"><code><TranslatableInputs></code></a></li>
<li {% if page.path == 'PasswordInput.md' %} class="active" {% endif %}><a class="nav-link" href="./PasswordInput.html"><code><PasswordInput></code></a></li>
<li {% if page.path == 'ReferenceInput.md' %} class="active" {% endif %}><a class="nav-link" href="./ReferenceInput.html"><code><ReferenceInput></code></a></li>
<li {% if page.path == 'ReferenceArrayInput.md' %} class="active" {% endif %}><a class="nav-link" href="./ReferenceArrayInput.html"><code><ReferenceArrayInput></code></a></li>
<li {% if page.path == 'ReferenceManyInput.md' %} class="active" {% endif %}><a class="nav-link" href="./ReferenceManyInput.html"><code><ReferenceManyInput></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'ReferenceManyToManyInput.md' %} class="active" {% endif %}><a class="nav-link" href="./ReferenceManyToManyInput.html"><code><ReferenceManyToManyInput></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'SimpleFormIterator.md' %} class="active" {% endif %}><a class="nav-link" href="./SimpleFormIterator.html"><code><SimpleFormIterator></code></a></li>
</ul>
<ul><div>The Store</div>
<li {% if page.path == 'Store.md' %} class="active" {% endif %}><a class="nav-link" href="./Store.html">Introduction</a></li>
<li {% if page.path == 'LocalesMenuButton.md' %} class="active" {% endif %}><a class="nav-link" href="./LocalesMenuButton.html"><code><LocalesMenuButton></code></a></li>
<li {% if page.path == 'ToggleThemeButton.md' %} class="active" {% endif %}><a class="nav-link" href="./ToggleThemeButton.html"><code><ToggleThemeButton></code></a></li>
<li {% if page.path == 'useStore.md' %} class="active" {% endif %}><a class="nav-link" href="./useStore.html"><code>useStore</code></a></li>
<li {% if page.path == 'useRemoveFromStore.md' %} class="active" {% endif %}><a class="nav-link" href="./useRemoveFromStore.html"><code>useRemoveFromStore</code></a></li>
<li {% if page.path == 'useResetStore.md' %} class="active" {% endif %}><a class="nav-link" href="./useResetStore.html"><code>useResetStore</code></a></li>
<li {% if page.path == 'useStoreContext.md' %} class="active" {% endif %}><a class="nav-link" href="./useStoreContext.html"><code>useStoreContext</code></a></li>
</ul>
<ul><div>I18N Provider and Translations</div>
<li {% if page.path == 'Translation.md' %} class="active" {% endif %}><a class="nav-link" href="./Translation.html">Introduction</a></li>
<li {% if page.path == 'TranslationSetup.md' %} class="active" {% endif %}><a class="nav-link" href="./TranslationSetup.html">Setting Up</a></li>
<li {% if page.path == 'TranslationLocales.md' %} class="active" {% endif %}><a class="nav-link" href="./TranslationLocales.html">Supported Locales</a></li>
<li {% if page.path == 'TranslationTranslating.md' %} class="active" {% endif %}><a class="nav-link" href="./TranslationTranslating.html">Translating UI Components</a></li>
<li {% if page.path == 'TranslationWriting.md' %} class="active" {% endif %}><a class="nav-link" href="./TranslationWriting.html">Writing an i18nProvider</a></li>
<li {% if page.path == 'useTranslate.md' %} class="active" {% endif %}><a class="nav-link" href="./useTranslate.html"><code>useTranslate</code></a></li>
<li {% if page.path == 'useLocaleState.md' %} class="active" {% endif %}><a class="nav-link" href="./useLocaleState.html"><code>useLocaleState</code></a></li>
<li {% if page.path == 'LocalesMenuButton.md' %} class="active" {% endif %}><a class="nav-link" href="./LocalesMenuButton.html"><code><LocalesMenuButton></code></a></li>
</ul>
<ul><div>Other UI components</div>
<li {% if page.path == 'Layout.md' %} class="active" {% endif %}><a class="nav-link" href="./Layout.html"><code><Layout></code></a></li>
<li {% if page.path == 'Menu.md' %} class="active" {% endif %}><a class="nav-link" href="./Menu.html"><code><Menu></code></a></li>
<li {% if page.path == 'MultiLevelMenu.md' %} class="active" {% endif %}><a class="nav-link" href="./MultiLevelMenu.html"><code><MultiLevelMenu></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'IconMenu.md' %} class="active" {% endif %}><a class="nav-link" href="./IconMenu.html"><code><IconMenu></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'Breadcrumb.md' %} class="active" {% endif %}><a class="nav-link" href="./Breadcrumb.html"><code><Breadcrumb></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'Search.md' %} class="active" {% endif %}><a class="nav-link" href="./Search.html"><code><Search></code><img class="premium" src="./img/premium.svg" /></a></li>
<li {% if page.path == 'Buttons.md' %} class="active" {% endif %}><a class="nav-link" href="./Buttons.html">Buttons</a></li>
<li {% if page.path == 'Confirm.md' %} class="active" {% endif %}><a class="nav-link" href="./Confirm.html">Confirm</a></li>
</ul>
<ul><div>Recipes</div>
<li {% if page.path == 'Theming.md' %} class="active" {% endif %}><a class="nav-link" href="./Theming.html">Theming</a></li>
<li {% if page.path == 'Caching.md' %} class="active" {% endif %}><a class="nav-link" href="./Caching.html">Caching</a></li>
<li {% if page.path == 'Routing.md' %} class="active" {% endif %}><a class="nav-link" href="./Routing.html">Routing</a></li>
<li {% if page.path == 'UnitTesting.md' %} class="active" {% endif %}><a class="nav-link" href="./UnitTesting.html">Unit Testing</a></li>
<li {% if page.path == 'AdvancedTutorials.md' %} class="active" {% endif %}><a class="nav-link" href="./AdvancedTutorials.html">Advanced tutorials</a></li>
</ul>
<li {% if page.path == 'Ecosystem.md' %} class="active" {% endif %}><a class="nav-link" href="./Ecosystem.html">Ecosystem</a></li>
<li {% if page.path == 'Architecture.md' %} class="active" {% endif %}><a class="nav-link" href="./Architecture.html">Architecture</a></li>
<li {% if page.path == 'FAQ.md' %} class="active" {% endif %}><a class="nav-link" href="./FAQ.html">FAQ</a></li>
<li {% if page.path == 'Reference.md' %} class="active" {% endif %}><a class="nav-link" href="./Reference.html">Reference</a></li>
<script>
var allMenus = Array.from(document.querySelectorAll(`.sidenav a.nav-link`));
var navLinks = allMenus.filter(link => !link.classList.contains('external')).map(link => link.href);
var versionsLinks = Array.from(document.querySelectorAll('#versions > li > a'));
function replaceContent(text) {
var tmpElement = document.createElement('div');
tmpElement.innerHTML = text;
var content = document.querySelector('.DocSearch-content');
content.innerHTML = tmpElement.querySelector('.DocSearch-content').innerHTML;
window.scrollTo(0, 0);
buildPageToC();
Prism.highlightAll();
}
function changeSelectedMenu() {
var activeMenu = document.querySelector(`.sidenav li.active`);
activeMenu && activeMenu.classList.remove('active');
allMenus.find(menuEl => menuEl.href === location.href).parentNode.classList.add('active');
}
// Replace full page reloads by a fill of the content area
// so that the side navigation keeps its state
function catchNavigation() {
// use a global event listener to also catch links inside the content area
document.addEventListener('click', (event) => {
var link = event.target.closest('a');
if (!link) {
return; // click not on a link
}
var location = document.location.href.split('#')[0];
var href = link.href;
if (href.indexOf(`${location}#`) === 0) {
return; // click on an anchor in the current page
}
if (!navLinks.includes(href)) {
return; // not a navigation link
}
window.sessionStorage.setItem('scrollIntoView', link.closest('.sidenav') ? 'false' : 'true')
// now we're sure it's an internal navigation link
// transform it to an AJAX call
event.preventDefault();
// update versions links
var currentPage = href.split('/').pop();
versionsLinks.forEach(link => {
link.href = link.href.substr(0, link.href.lastIndexOf('/') + 1) + currentPage;
});
// fetch the new content
fetch(href)
.then(res => res.text())
.then(replaceContent);
// change the URL
history.pushState(null, null, href);
changeSelectedMenu();
})
// make back button work again
window.addEventListener('popstate', (event) => {
if (document.location.href.indexOf('#') !== -1) {
// popstate triggered by a click on an anchor, not back button
return;
}
// fetch the new content
fetch(location.pathname)
.then(res => res.text())
.then(replaceContent);
changeSelectedMenu();
})
}
catchNavigation();
window.addEventListener('DOMContentLoaded', () => {
var scrollIntoView = window.sessionStorage.getItem('scrollIntoView');
if (scrollIntoView !== 'false') {
var activeMenu = document.querySelector(`.sidenav li.active`);
activeMenu.parentNode.scrollIntoView();
}
window.sessionStorage.removeItem('scrollIntoView');
});
</script>