1
1
import { useFormik } from 'formik'
2
2
import React , { useState } from 'react'
3
3
import { Row , Col , Form , FormGroup , CustomInput } from 'Components'
4
- import GluuInputRow from 'Routes/Apps/Gluu/GluuInputRow'
5
4
import { useDispatch , useSelector } from 'react-redux'
6
5
import GluuCommitDialog from 'Routes/Apps/Gluu/GluuCommitDialog'
7
6
import GluuCommitFooter from 'Routes/Apps/Gluu/GluuCommitFooter'
8
- import GluuTypeAhead from 'Routes/Apps/Gluu/GluuTypeAhead'
9
7
import { SAML_CONFIG_WRITE , hasPermission } from 'Utils/PermChecker'
10
8
import GluuLabel from 'Routes/Apps/Gluu/GluuLabel'
11
9
import GluuToogleRow from 'Routes/Apps/Gluu/GluuToogleRow'
@@ -47,64 +45,6 @@ const SamlConfigurationForm = () => {
47
45
return (
48
46
< Form onSubmit = { formik . handleSubmit } className = 'mt-4' >
49
47
< FormGroup row >
50
- < Col sm = { 10 } >
51
- < GluuInputRow
52
- label = 'fields.sp_metadata_file_pattern'
53
- name = 'spMetadataFilePattern'
54
- value = { formik . values . spMetadataFilePattern || '' }
55
- formik = { formik }
56
- lsize = { 4 }
57
- rsize = { 8 }
58
- showError = {
59
- formik . errors . spMetadataFilePattern &&
60
- formik . touched . spMetadataFilePattern
61
- }
62
- errorMessage = { formik . errors . spMetadataFilePattern }
63
- />
64
- </ Col >
65
- < Col sm = { 10 } >
66
- < GluuInputRow
67
- label = 'fields.sp_metadata_file'
68
- name = 'spMetadataFile'
69
- value = { formik . values . spMetadataFile || '' }
70
- formik = { formik }
71
- lsize = { 4 }
72
- rsize = { 8 }
73
- showError = {
74
- formik . errors . spMetadataFile && formik . touched . spMetadataFile
75
- }
76
- errorMessage = { formik . errors . spMetadataFile }
77
- />
78
- </ Col >
79
- < Col sm = { 10 } >
80
- < GluuInputRow
81
- label = 'fields.saml_trust_relationship_dn'
82
- name = 'samlTrustRelationshipDn'
83
- value = { formik . values . samlTrustRelationshipDn || '' }
84
- formik = { formik }
85
- lsize = { 4 }
86
- rsize = { 8 }
87
- showError = {
88
- formik . errors . samlTrustRelationshipDn &&
89
- formik . touched . samlTrustRelationshipDn
90
- }
91
- errorMessage = { formik . errors . samlTrustRelationshipDn }
92
- />
93
- </ Col >
94
- < Col sm = { 10 } >
95
- < GluuInputRow
96
- label = 'fields.trustedIdpDn'
97
- name = 'trustedIdpDn'
98
- value = { formik . values . trustedIdpDn || '' }
99
- formik = { formik }
100
- lsize = { 4 }
101
- rsize = { 8 }
102
- showError = {
103
- formik . errors . trustedIdpDn && formik . touched . trustedIdpDn
104
- }
105
- errorMessage = { formik . errors . trustedIdpDn }
106
- />
107
- </ Col >
108
48
< Col sm = { 10 } >
109
49
< GluuToogleRow
110
50
name = { 'enabled' }
@@ -118,6 +58,25 @@ const SamlConfigurationForm = () => {
118
58
value = { formik . values . enabled }
119
59
/>
120
60
</ Col >
61
+ < Col sm = { 10 } >
62
+ < FormGroup row >
63
+ < GluuLabel label = { 'fields.selected_idp' } size = { 4 } />
64
+ < Col sm = { 8 } >
65
+ < CustomInput
66
+ type = 'select'
67
+ id = 'selectedIdp'
68
+ name = 'selectedIdp'
69
+ defaultValue = { formik . values . selectedIdp }
70
+ onChange = { ( e ) => {
71
+ formik . setFieldValue ( 'selectedIdp' , e . target . value )
72
+ } }
73
+ >
74
+ < option value = '' > { t ( 'Choose' ) } ...</ option >
75
+ < option value = 'keycloak' > Keycloak</ option >
76
+ </ CustomInput >
77
+ </ Col >
78
+ </ FormGroup >
79
+ </ Col >
121
80
< Col sm = { 10 } >
122
81
< GluuToogleRow
123
82
name = { 'ignoreValidation' }
@@ -131,247 +90,6 @@ const SamlConfigurationForm = () => {
131
90
value = { formik . values . ignoreValidation }
132
91
/>
133
92
</ Col >
134
- < Col sm = { 10 } >
135
- < FormGroup row >
136
- < GluuLabel label = { 'fields.selected_idp' } size = { 4 } />
137
- < Col sm = { 8 } >
138
- < CustomInput
139
- type = 'select'
140
- id = 'selectedIdp'
141
- name = 'selectedIdp'
142
- defaultValue = { formik . values . selectedIdp }
143
- onChange = { ( e ) => {
144
- formik . setFieldValue ( 'selectedIdp' , e . target . value )
145
- } }
146
- >
147
- < option value = '' > { t ( 'Choose' ) } ...</ option >
148
- < option value = 'keycloak' > Keycloak</ option >
149
- </ CustomInput >
150
- </ Col >
151
- </ FormGroup >
152
- </ Col >
153
- < Col sm = { 10 } >
154
- < GluuInputRow
155
- label = 'fields.realm_dn'
156
- name = 'realmDn'
157
- value = { formik . values . realmDn || '' }
158
- formik = { formik }
159
- lsize = { 4 }
160
- rsize = { 8 }
161
- showError = { formik . errors . realmDn && formik . touched . realmDn }
162
- errorMessage = { formik . errors . realmDn }
163
- />
164
- </ Col >
165
- < Col sm = { 10 } >
166
- < GluuInputRow
167
- label = 'fields.server_url'
168
- name = 'serverUrl'
169
- value = { formik . values . serverUrl || '' }
170
- formik = { formik }
171
- lsize = { 4 }
172
- rsize = { 8 }
173
- showError = { formik . errors . serverUrl && formik . touched . serverUrl }
174
- errorMessage = { formik . errors . serverUrl }
175
- />
176
- </ Col >
177
- < Col sm = { 10 } >
178
- < GluuInputRow
179
- label = 'fields.realm'
180
- name = 'realm'
181
- value = { formik . values . realm || '' }
182
- formik = { formik }
183
- lsize = { 4 }
184
- rsize = { 8 }
185
- showError = { formik . errors . realm && formik . touched . realm }
186
- errorMessage = { formik . errors . realm }
187
- />
188
- </ Col >
189
- < Col sm = { 10 } >
190
- < GluuTypeAhead
191
- name = 'idpMetadataMandatoryAttributes'
192
- label = 'fields.idpMetadataMandatoryAttributes'
193
- options = { [ ] }
194
- required = { false }
195
- value = { formik . values . idpMetadataMandatoryAttributes || [ ] }
196
- />
197
- </ Col >
198
- < Col sm = { 10 } >
199
- < GluuInputRow
200
- label = 'fields.clientId'
201
- name = 'clientId'
202
- value = { formik . values . clientId || '' }
203
- formik = { formik }
204
- lsize = { 4 }
205
- rsize = { 8 }
206
- showError = { formik . errors . clientId && formik . touched . clientId }
207
- errorMessage = { formik . errors . clientId }
208
- />
209
- </ Col >
210
- < Col sm = { 10 } >
211
- < GluuInputRow
212
- label = 'fields.application_name'
213
- name = 'applicationName'
214
- value = { formik . values . applicationName || '' }
215
- formik = { formik }
216
- lsize = { 4 }
217
- rsize = { 8 }
218
- showError = {
219
- formik . errors . applicationName && formik . touched . applicationName
220
- }
221
- errorMessage = { formik . errors . applicationName }
222
- />
223
- </ Col >
224
- < Col sm = { 10 } >
225
- < GluuInputRow
226
- label = 'fields.grant_type'
227
- name = 'grantType'
228
- value = { formik . values . grantType || '' }
229
- formik = { formik }
230
- lsize = { 4 }
231
- rsize = { 8 }
232
- showError = { formik . errors . grantType && formik . touched . grantType }
233
- errorMessage = { formik . errors . grantType }
234
- />
235
- </ Col >
236
- < Col sm = { 10 } >
237
- < GluuInputRow
238
- label = 'fields.username'
239
- name = 'username'
240
- value = { formik . values . username || '' }
241
- formik = { formik }
242
- lsize = { 4 }
243
- rsize = { 8 }
244
- showError = { formik . errors . username && formik . touched . username }
245
- errorMessage = { formik . errors . username }
246
- />
247
- </ Col >
248
- < Col sm = { 10 } >
249
- < GluuInputRow
250
- label = 'fields.password'
251
- name = 'password'
252
- value = { formik . values . password || '' }
253
- formik = { formik }
254
- lsize = { 4 }
255
- rsize = { 8 }
256
- showError = { formik . errors . password && formik . touched . password }
257
- errorMessage = { formik . errors . password }
258
- />
259
- </ Col >
260
- < Col sm = { 10 } >
261
- < GluuInputRow
262
- label = 'fields.idp_root_dir'
263
- name = 'idpRootDir'
264
- value = { formik . values . idpRootDir || '' }
265
- formik = { formik }
266
- lsize = { 4 }
267
- rsize = { 8 }
268
- showError = { formik . errors . idpRootDir && formik . touched . idpRootDir }
269
- errorMessage = { formik . errors . idpRootDir }
270
- />
271
- </ Col >
272
- < Col sm = { 10 } >
273
- < GluuInputRow
274
- label = 'fields.idp_metadata_root_dir'
275
- name = 'idpMetadataRootDir'
276
- value = { formik . values . idpMetadataRootDir || '' }
277
- formik = { formik }
278
- lsize = { 4 }
279
- rsize = { 8 }
280
- showError = {
281
- formik . errors . idpMetadataRootDir &&
282
- formik . touched . idpMetadataRootDir
283
- }
284
- errorMessage = { formik . errors . idpMetadataRootDir }
285
- />
286
- </ Col >
287
- < Col sm = { 10 } >
288
- < GluuInputRow
289
- label = 'fields.idp_metadata_temp_dir'
290
- name = 'idpMetadataTempDir'
291
- value = { formik . values . idpMetadataTempDir || '' }
292
- formik = { formik }
293
- lsize = { 4 }
294
- rsize = { 8 }
295
- showError = {
296
- formik . errors . idpMetadataTempDir &&
297
- formik . touched . idpMetadataTempDir
298
- }
299
- errorMessage = { formik . errors . idpMetadataTempDir }
300
- />
301
- </ Col >
302
- < Col sm = { 10 } >
303
- < GluuInputRow
304
- label = 'fields.idp_metadata_file_pattern'
305
- name = 'idpMetadataFilePattern'
306
- value = { formik . values . idpMetadataFilePattern || '' }
307
- formik = { formik }
308
- lsize = { 4 }
309
- rsize = { 8 }
310
- showError = {
311
- formik . errors . idpMetadataFilePattern &&
312
- formik . touched . idpMetadataFilePattern
313
- }
314
- errorMessage = { formik . errors . idpMetadataFilePattern }
315
- />
316
- </ Col >
317
- < Col sm = { 10 } >
318
- < GluuInputRow
319
- label = 'fields.idp_metadata_file'
320
- name = 'idpMetadataFile'
321
- value = { formik . values . idpMetadataFile || '' }
322
- formik = { formik }
323
- lsize = { 4 }
324
- rsize = { 8 }
325
- showError = {
326
- formik . errors . idpMetadataFile && formik . touched . idpMetadataFile
327
- }
328
- errorMessage = { formik . errors . idpMetadataFile }
329
- />
330
- </ Col >
331
- < Col sm = { 10 } >
332
- < GluuInputRow
333
- label = 'fields.sp_metadata_url'
334
- name = 'spMetadataUrl'
335
- value = { formik . values . spMetadataUrl || '' }
336
- formik = { formik }
337
- lsize = { 4 }
338
- rsize = { 8 }
339
- showError = {
340
- formik . errors . spMetadataUrl && formik . touched . spMetadataUrl
341
- }
342
- errorMessage = { formik . errors . spMetadataUrl }
343
- />
344
- </ Col >
345
- < Col sm = { 10 } >
346
- < GluuInputRow
347
- label = 'fields.sp_metadata_root_dir'
348
- name = 'spMetadataRootDir'
349
- value = { formik . values . spMetadataRootDir || '' }
350
- formik = { formik }
351
- lsize = { 4 }
352
- rsize = { 8 }
353
- showError = {
354
- formik . errors . spMetadataRootDir &&
355
- formik . touched . spMetadataRootDir
356
- }
357
- errorMessage = { formik . errors . spMetadataRootDir }
358
- />
359
- </ Col >
360
- < Col sm = { 10 } >
361
- < GluuInputRow
362
- label = 'fields.sp_metadata_temp_dir'
363
- name = 'spMetadataTempDir'
364
- value = { formik . values . spMetadataTempDir || '' }
365
- formik = { formik }
366
- lsize = { 4 }
367
- rsize = { 8 }
368
- showError = {
369
- formik . errors . spMetadataTempDir &&
370
- formik . touched . spMetadataTempDir
371
- }
372
- errorMessage = { formik . errors . spMetadataTempDir }
373
- />
374
- </ Col >
375
93
</ FormGroup >
376
94
{ hasPermission ( permissions , SAML_CONFIG_WRITE ) && < Row >
377
95
< Col >
0 commit comments