diff --git a/src/events/eventDraft.js b/src/events/eventDraft.js index 805e58966f6e3f405916176f2ef1e781d9c907ea..48ceb551c071c72952a7a453a8c58906c5e91087 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), + ] + ) + ] + ) } }