diff --git a/src/events/eventDraft.js b/src/events/eventDraft.js index 463cce447ef078c8fc2959ab083f31fa41fe8393..805e58966f6e3f405916176f2ef1e781d9c907ea 100644 --- a/src/events/eventDraft.js +++ b/src/events/eventDraft.js @@ -1,8 +1,10 @@ import m from 'mithril'; -import { Button, Card, TextField } from "polythene-mithril" +import { Button} from "polythene-mithril" import EditView from '../views/editView'; import { styler } from 'polythene-core-css'; + + const draftStyle = [ { '.footer': { @@ -10,9 +12,9 @@ const draftStyle = [ left: 0, bottom: 0, width: '100%', - 'background-color': 'red', - color: 'white', - 'text-align': 'center', + 'background-color': '#E8462B', + color: '#FFFFFF', + 'text-align': 'right', } } ] @@ -26,25 +28,21 @@ export default class eventDraft extends EditView { } view() { - - const fieldDescriptionEn = m(TextField, { - label: 'Description [EN]', - required: true, - floatingLabel: true, - dense: true, - multiLine: true, - rows: 6, - }); - - const buttonMaker = m(Button, { + //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!") + } + }); - // ]) return m('div',[ - m('h1', {class: "title"}, "Request a new event"), + m('h2', {class: "title"}, "Creating a new event:"), m('div.footer', buttonMaker), ]); }