...
|
...
|
@@ -54,7 +54,7 @@ class Form extends React.PureComponent {
|
54
|
54
|
|
55
|
55
|
addWorker = (setFieldValue, rows, allJobs) => {
|
56
|
56
|
const jobs = [{
|
57
|
|
- id: uuid(), name: allJobs[0], t: '', d: '', w: '', anc: []
|
|
57
|
+ id: uuid(), name: allJobs[0], t: '', d: '', w: 1, anc: []
|
58
|
58
|
}];
|
59
|
59
|
|
60
|
60
|
const updatedRows = [...rows, { id: uuid(), name: nextWorkerName(rows), jobs } ];
|
...
|
...
|
@@ -248,8 +248,25 @@ const SortableJob = SortableElement(
|
248
|
248
|
</Box>
|
249
|
249
|
<Box flexBasis="30%">
|
250
|
250
|
<label>
|
251
|
|
- Váha: (1-10) <br />
|
252
|
|
- <Field type="number" min={1} max={10} step={1} name={`${prefix}.w`} style={{ width: '100%' }} />
|
|
251
|
+ Váha: <br />
|
|
252
|
+ <Field type="range" min={1} max={10} step={1} name={`${prefix}.w`} style={{ width: '100%' }} list="tickmarks" />
|
|
253
|
+ <Box flexDirection="row" justifyContent="space-between">
|
|
254
|
+ <Box marginLeft={5}>1</Box>
|
|
255
|
+ <Box marginLeft={-15}>5</Box>
|
|
256
|
+ <div>10</div>
|
|
257
|
+ </Box>
|
|
258
|
+ <datalist id="tickmarks">
|
|
259
|
+ <option value="1" />
|
|
260
|
+ <option value="2" />
|
|
261
|
+ <option value="3" />
|
|
262
|
+ <option value="4" />
|
|
263
|
+ <option value="5" />
|
|
264
|
+ <option value="6" />
|
|
265
|
+ <option value="7" />
|
|
266
|
+ <option value="8" />
|
|
267
|
+ <option value="9" />
|
|
268
|
+ <option value="10" />
|
|
269
|
+ </datalist>
|
253
|
270
|
</label>
|
254
|
271
|
</Box>
|
255
|
272
|
</Box>
|
...
|
...
|
@@ -337,7 +354,7 @@ class Row extends React.PureComponent {
|
337
|
337
|
const { index } = this.props;
|
338
|
338
|
const { formik: { setFieldValue, values: { rows, allJobs } } } = this.context;
|
339
|
339
|
const newJob = {
|
340
|
|
- id: uuid(), name: allJobs[0], t: '', d: '', w: '', anc: []
|
|
340
|
+ id: uuid(), name: allJobs[0], t: '', d: '', w: 1, anc: []
|
341
|
341
|
};
|
342
|
342
|
|
343
|
343
|
const jobs = [...rows[index].jobs, newJob];
|