/
component.inferno.tsx
52 lines (49 loc) · 1.31 KB
/
component.inferno.tsx
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
import { InfernoComponent } from '../../component.inferno';
import { EditorSerieComponent } from '../editor/component.inferno';
import { EditSerieController } from './controller';
export class EditSerieComponent extends InfernoComponent {
public constructor(props: any) {
super(props, new EditSerieController(props.resolvedRoute.params.id));
this.handleDelete.bind(this);
}
private handleDelete() {
this.$ctrl.onDelete();
}
public render() {
return (
<form
onSubmit={(event: Event) => {
event.preventDefault();
event.stopPropagation();
this.$ctrl.onSubmit();
}}
>
<h5>Edit a existing measuring serie</h5>
<EditorSerieComponent editorForm={this.$ctrl.editorForm} />
<button className="btn btn-primary" type="submit" id="submit">
Edit
</button>
<button
className="btn btn-secondary"
type="reset"
id="cancel"
onClick={() => {
this.$ctrl.onCancel();
}}
>
Abbrechen
</button>
<button
className="btn btn-danger"
id="delete"
type="button"
onClick={() => {
this.handleDelete();
}}
>
Delete
</button>
</form>
);
}
}