From 90038b6d7d843b03f66a897f559934c19d986a1f Mon Sep 17 00:00:00 2001
From: Andy <andreid@student.ethz.ch>
Date: Sun, 18 Mar 2018 13:36:06 +0100
Subject: [PATCH] [export] - Experimentations with radio buttons.
---
src/events/eventDraft.js | 69 +++++++++++++++++++++++++++++-----------
1 file changed, 51 insertions(+), 18 deletions(-)
diff --git a/src/events/eventDraft.js b/src/events/eventDraft.js
index 805e589..48ceb55 100644
--- a/src/events/eventDraft.js
+++ b/src/events/eventDraft.js
@@ -1,8 +1,7 @@
+import { styler } from 'polythene-core-css';
import m from 'mithril';
-import { Button} from "polythene-mithril"
+import { Button, RadioGroup, TextField } from 'polythene-mithril';
import EditView from '../views/editView';
-import { styler } from 'polythene-core-css';
-
const draftStyle = [
@@ -25,25 +24,59 @@ styler.add('eventDraft', draftStyle);
export default class eventDraft extends EditView {
constructor(vnode) {
super(vnode, 'events');
+
+ this.data = {};
}
- view() {
- //Submit Button
- const buttonMaker = m(Button, {
- label: "Submit Request",
- color: "white",
-
- //Error pop-up in case not all mandatory fields were completed
- //CURRENTLY: Error triggered onclick
- events: {
- onclick: () => alert("You did not complete all prioritary fields!")
- }
+ view(){
+ const radioButtonSelectionMode = m(RadioGroup, {
+ name: 'Selection Mode',
+ buttons: [
+ {
+ value: true,
+ label: 'Yes, create the project.',
+ },
+
+
+ {
+ value: false,
+ label: 'No, deny the request.',
+ },
+ ],
+ onChange: ({ value }) => { this.data.create = value; console.log(this.data); }
+ });
+
+ const Comment = m(TextField, {
+ label: 'Comment',
+ required: true,
+ onChange: ({ value }) => this.data.comment = value,
+ });
+
+ // Submit Button
+ const buttonMaker = m(Button, {
+ label: 'Submit Request',
+ color: 'white',
+
+ // Error pop-up in case not all mandatory fields were completed
+ // CURRENTLY: Error triggered onclick
+ //if(one of the fields isn't )
+ events: {
+ onclick: () => alert('You did not complete all prioritary fields!'),
+ }
});
- return m('div',[
- m('h2', {class: "title"}, "Creating a new event:"),
- m('div.footer', buttonMaker),
- ]);
+
+ return m('div', [
+ m("main", [
+ m('h2', { class: 'title' }, 'Creating a new event:'),
+ m('h3', 'Do you wish to create this event?(Admin only): '),
+ radioButtonSelectionMode,
+ Comment,
+ m('div.footer', buttonMaker),
+ ]
+ )
+ ]
+ )
}
}
--
GitLab