@@ -6,47 +6,47 @@ import $ from 'jquery'
6
6
7
7
$ ( document ) . ready ( function ( ) {
8
8
$ ( '.collapse' ) . on ( 'shown.bs.collapse' , function ( ) {
9
- $ ( this ) . parent ( ) . find ( " .glyphicon-chevron-down" ) . removeClass ( " glyphicon-chevron-down" ) . addClass ( " glyphicon-chevron-up" )
9
+ $ ( this ) . parent ( ) . find ( ' .glyphicon-chevron-down' ) . removeClass ( ' glyphicon-chevron-down' ) . addClass ( ' glyphicon-chevron-up' )
10
10
} ) . on ( 'hidden.bs.collapse' , function ( ) {
11
- $ ( this ) . parent ( ) . find ( " .glyphicon-chevron-up" ) . removeClass ( " glyphicon-chevron-up" ) . addClass ( " glyphicon-chevron-down" )
11
+ $ ( this ) . parent ( ) . find ( ' .glyphicon-chevron-up' ) . removeClass ( ' glyphicon-chevron-up' ) . addClass ( ' glyphicon-chevron-down' )
12
12
} )
13
13
} )
14
14
15
15
@observer
16
16
class TextInput extends React . Component {
17
17
getGroupClassName ( field ) {
18
18
if ( field . error ) {
19
- return " has-error has-feedback"
19
+ return ' has-error has-feedback'
20
20
} else if ( field . value ) {
21
- return " has-success has-feedback"
21
+ return ' has-success has-feedback'
22
22
}
23
- return ""
23
+ return ''
24
24
}
25
25
getFieldIcon ( field ) {
26
26
if ( field . error ) {
27
- return " glyphicon glyphicon-remove form-control-feedback"
27
+ return ' glyphicon glyphicon-remove form-control-feedback'
28
28
} else if ( field . value ) {
29
- return " glyphicon glyphicon-ok form-control-feedback"
29
+ return ' glyphicon glyphicon-ok form-control-feedback'
30
30
}
31
- return " form-control-feedback"
31
+ return ' form-control-feedback'
32
32
}
33
33
render ( ) {
34
34
const field = this . props . field
35
35
return (
36
36
< div className = { this . getGroupClassName ( field ) } >
37
- < label className = "control-label col-sm-1" htmlFor = { " sf-" + field . name } > { field . label } </ label >
37
+ < label className = "control-label col-sm-1" htmlFor = { ' sf-' + field . name } > { field . label } </ label >
38
38
< div className = "col-sm-3" >
39
39
< input
40
40
type = "text"
41
41
className = "form-control"
42
42
name = { field . name }
43
- id = { " sf-" + field . name }
43
+ id = { ' sf-' + field . name }
44
44
defaultValue = { field . defaultValue }
45
- aria-describedby = { " sf-" + field . name + " -status" }
45
+ aria-describedby = { ' sf-' + field . name + ' -status' }
46
46
onChange = { ( event ) => field . sync ( event , field ) }
47
47
/>
48
48
< span className = { this . getFieldIcon ( field ) } aria-hidden = "true" > </ span >
49
- < span id = { " sf-" + field . name + " -status" } className = "sr-only" > { field . error } </ span >
49
+ < span id = { ' sf-' + field . name + ' -status' } className = "sr-only" > { field . error } </ span >
50
50
{ field . error ? < p > { field . error } </ p > : null }
51
51
</ div >
52
52
</ div >
@@ -62,37 +62,37 @@ TextInput.propTypes = {
62
62
class NumberInput extends React . Component {
63
63
getGroupClassName ( field ) {
64
64
if ( field . error ) {
65
- return " has-error has-feedback"
65
+ return ' has-error has-feedback'
66
66
} else if ( field . value ) {
67
- return " has-success has-feedback"
67
+ return ' has-success has-feedback'
68
68
}
69
- return ""
69
+ return ''
70
70
}
71
71
getFieldIcon ( field ) {
72
72
if ( field . error ) {
73
- return " glyphicon glyphicon-remove form-control-feedback"
73
+ return ' glyphicon glyphicon-remove form-control-feedback'
74
74
} else if ( field . value ) {
75
- return " glyphicon glyphicon-ok form-control-feedback"
75
+ return ' glyphicon glyphicon-ok form-control-feedback'
76
76
}
77
- return " form-control-feedback"
77
+ return ' form-control-feedback'
78
78
}
79
79
render ( ) {
80
80
const field = this . props . field
81
81
return (
82
82
< div className = { this . getGroupClassName ( field ) } >
83
- < label className = "control-label col-sm-1" htmlFor = { " sf-" + field . name } > { field . label } </ label >
83
+ < label className = "control-label col-sm-1" htmlFor = { ' sf-' + field . name } > { field . label } </ label >
84
84
< div className = "col-sm-3" >
85
85
< input
86
86
type = "number"
87
87
className = "form-control"
88
88
name = { field . name }
89
- id = { " sf-" + field . name }
89
+ id = { ' sf-' + field . name }
90
90
defaultValue = { field . defaultValue }
91
- aria-describedby = { " sf-" + field . name + " -status" }
91
+ aria-describedby = { ' sf-' + field . name + ' -status' }
92
92
onChange = { ( event ) => field . sync ( event , field ) }
93
93
/>
94
94
< span className = { this . getFieldIcon ( field ) } aria-hidden = "true" > </ span >
95
- < span id = { " sf-" + field . name + " -status" } className = "sr-only" > { field . error } </ span >
95
+ < span id = { ' sf-' + field . name + ' -status' } className = "sr-only" > { field . error } </ span >
96
96
{ field . error ? < p > { field . error } </ p > : null }
97
97
</ div >
98
98
</ div >
@@ -106,17 +106,17 @@ class Checkbox extends React.Component {
106
106
const field = this . props . field
107
107
return (
108
108
< div >
109
- < label className = "control-label col-sm-4" htmlFor = { " sf-" + field . name } >
109
+ < label className = "control-label col-sm-4" htmlFor = { ' sf-' + field . name } >
110
110
{ field . label } < input
111
111
type = "checkbox"
112
112
name = { field . name }
113
- id = { " sf-" + field . name }
113
+ id = { ' sf-' + field . name }
114
114
defaultValue = { field . defaultValue }
115
- aria-describedby = { " sf-" + field . name + " -status" }
115
+ aria-describedby = { ' sf-' + field . name + ' -status' }
116
116
onChange = { ( event ) => field . sync ( event , field ) }
117
117
/>
118
118
</ label >
119
- < span id = { " sf-" + field . name + " -status" } className = "sr-only" > { field . error } </ span >
119
+ < span id = { ' sf-' + field . name + ' -status' } className = "sr-only" > { field . error } </ span >
120
120
{ field . error ? < p > { field . error } </ p > : null }
121
121
</ div >
122
122
)
@@ -136,19 +136,19 @@ class MultiSelectInput extends React.Component {
136
136
const field = this . props . field
137
137
return (
138
138
< div >
139
- < label className = "control-label col-sm-1" htmlFor = { " sf-" + field . name } > { field . label } </ label >
139
+ < label className = "control-label col-sm-1" htmlFor = { ' sf-' + field . name } > { field . label } </ label >
140
140
< div className = "col-sm-3" >
141
141
< Select
142
142
multi
143
143
simpleValue
144
144
options = { this . getOptions ( ) }
145
145
name = { field . name }
146
- id = { " sf-" + field . name }
147
- aria-describedby = { " sf-" + field . name + " -status" }
146
+ id = { ' sf-' + field . name }
147
+ aria-describedby = { ' sf-' + field . name + ' -status' }
148
148
onChange = { ( value ) => field . sync ( value , field ) }
149
149
value = { field . value }
150
150
/>
151
- < span id = { " sf-" + field . name + " -status" } className = "sr-only" > { field . error } </ span >
151
+ < span id = { ' sf-' + field . name + ' -status' } className = "sr-only" > { field . error } </ span >
152
152
{ field . error ? < p > { field . error } </ p > : null }
153
153
</ div >
154
154
</ div >
@@ -170,18 +170,18 @@ class SelectInput extends React.Component {
170
170
const field = this . props . field
171
171
return (
172
172
< div className = "" >
173
- < label className = "control-label col-sm-1" htmlFor = { " sf-" + field . name } > { field . label } </ label >
173
+ < label className = "control-label col-sm-1" htmlFor = { ' sf-' + field . name } > { field . label } </ label >
174
174
< div className = "col-sm-3" >
175
175
< Select
176
176
simpleValue
177
177
options = { this . getOptions ( ) }
178
178
name = { field . name }
179
- id = { " sf-" + field . name }
180
- aria-describedby = { " sf-" + field . name + " -status" }
179
+ id = { ' sf-' + field . name }
180
+ aria-describedby = { ' sf-' + field . name + ' -status' }
181
181
onChange = { ( value ) => field . sync ( value , field ) }
182
182
value = { field . value }
183
183
/>
184
- < span id = { " sf-" + field . name + " -status" } className = "sr-only" > { field . error } </ span >
184
+ < span id = { ' sf-' + field . name + ' -status' } className = "sr-only" > { field . error } </ span >
185
185
{ field . error ? < p > { field . error } </ p > : null }
186
186
</ div >
187
187
</ div >
@@ -198,37 +198,37 @@ SelectInput.propTypes = {
198
198
class Input extends React . Component {
199
199
render ( ) {
200
200
const field = this . props . field
201
- if ( field . type === " textinput" ) {
201
+ if ( field . type === ' textinput' ) {
202
202
return (
203
203
< TextInput
204
204
field = { field }
205
205
/>
206
206
)
207
207
}
208
- if ( field . type === " multiselect" ) {
208
+ if ( field . type === ' multiselect' ) {
209
209
return (
210
210
< MultiSelectInput
211
211
field = { field }
212
212
jobSummaryStore = { this . props . jobSummaryStore }
213
213
/>
214
214
)
215
215
}
216
- if ( field . type === " select" ) {
216
+ if ( field . type === ' select' ) {
217
217
return (
218
218
< SelectInput
219
219
field = { field }
220
220
jobSummaryStore = { this . props . jobSummaryStore }
221
221
/>
222
222
)
223
223
}
224
- if ( field . type === " numberinput" ) {
224
+ if ( field . type === ' numberinput' ) {
225
225
return (
226
226
< NumberInput
227
227
field = { field }
228
228
/>
229
229
)
230
230
}
231
- if ( field . type === " checkbox" ) {
231
+ if ( field . type === ' checkbox' ) {
232
232
return (
233
233
< Checkbox
234
234
field = { field }
@@ -259,10 +259,10 @@ class ModalComponent extends React.Component {
259
259
}
260
260
}
261
261
typeName ( ) {
262
- return this . props . jobForm . scheduled ? " scheduled" : " dependent"
262
+ return this . props . jobForm . scheduled ? ' scheduled' : ' dependent'
263
263
}
264
264
formattedTypeName ( ) {
265
- return this . props . jobForm . scheduled ? " Scheduled" : " Dependent"
265
+ return this . props . jobForm . scheduled ? ' Scheduled' : ' Dependent'
266
266
}
267
267
render ( ) {
268
268
const jobForm = this . props . jobForm
@@ -272,9 +272,9 @@ class ModalComponent extends React.Component {
272
272
var _advancedFields = [ ]
273
273
var counter = 0
274
274
this . props . jobForm . fields . forEach ( f => {
275
- if ( f . name === " schedule" && ! jobForm . scheduled ) return
276
- if ( f . name === " scheduleTimeZone" && ! jobForm . scheduled ) return
277
- if ( f . name === " parents" && jobForm . scheduled ) return
275
+ if ( f . name === ' schedule' && ! jobForm . scheduled ) return
276
+ if ( f . name === ' scheduleTimeZone' && ! jobForm . scheduled ) return
277
+ if ( f . name === ' parents' && jobForm . scheduled ) return
278
278
if ( f . advanced ) {
279
279
_advancedFields . push ( < Input key = { f . name } field = { f } jobSummaryStore = { this . props . jobSummaryStore } /> )
280
280
if ( _advancedFields . length >= 3 ) {
@@ -294,14 +294,14 @@ class ModalComponent extends React.Component {
294
294
normalFields . push ( < div key = { counter ++ } className = "row" > { _normalFields } </ div > )
295
295
advancedFields . push ( < div key = { counter ++ } className = "row" > { _advancedFields } </ div > )
296
296
return (
297
- < div className = "modal fade" id = { this . typeName ( ) + " -job-editor-modal" } tabIndex = "-1" role = "dialog" aria-labelledby = "mymodallabel" >
297
+ < div className = "modal fade" id = { this . typeName ( ) + ' -job-editor-modal' } tabIndex = "-1" role = "dialog" aria-labelledby = "mymodallabel" >
298
298
< div className = "modal-dialog custom-modal" role = "document" >
299
299
< div className = "modal-content" >
300
300
< div className = "modal-header" >
301
301
< button type = "button" className = "close" data-dismiss = "modal" aria-label = "close" > < span aria-hidden = "true" > ×</ span > </ button >
302
- < h4 className = "modal-title" id = { this . typeName ( ) + " -job-editor-modal-label" } > New { this . formattedTypeName ( ) } Job</ h4 >
302
+ < h4 className = "modal-title" id = { this . typeName ( ) + ' -job-editor-modal-label' } > New { this . formattedTypeName ( ) } Job</ h4 >
303
303
</ div >
304
- < form className = "form-horizontal" id = { this . typeName ( ) + " -job-editor-form" } onSubmit = { jobForm . onSubmit . bind ( jobForm ) } >
304
+ < form className = "form-horizontal" id = { this . typeName ( ) + ' -job-editor-form' } onSubmit = { jobForm . onSubmit . bind ( jobForm ) } >
305
305
< div className = "modal-body" >
306
306
{ this . alertField ( ) }
307
307
< div className = "panel-group" >
@@ -313,12 +313,12 @@ class ModalComponent extends React.Component {
313
313
< div className = "panel panel-default" >
314
314
< div className = "panel-heading" >
315
315
< h4 className = "panel-title" >
316
- < a role = "button" data-toggle = "collapse" href = { " #collapse" + this . typeName ( ) } aria-expanded = "true" aria-controls = { " collapse" + this . typeName ( ) } style = { { textDecoration : 'none' } } >
316
+ < a role = "button" data-toggle = "collapse" href = { ' #collapse' + this . typeName ( ) } aria-expanded = "true" aria-controls = { ' collapse' + this . typeName ( ) } style = { { textDecoration : 'none' } } >
317
317
< small > Advanced Options < span className = "glyphicon glyphicon-chevron-down" > </ span > </ small >
318
318
</ a >
319
319
</ h4 >
320
320
</ div >
321
- < div id = { " collapse" + this . typeName ( ) } className = "panel-collapse collapse" >
321
+ < div id = { ' collapse' + this . typeName ( ) } className = "panel-collapse collapse" >
322
322
< div className = "panel-body" >
323
323
< div className = "container-fluid" >
324
324
{ advancedFields }
0 commit comments