From e1581ba837395b68f06ba195f968c75d722b57df Mon Sep 17 00:00:00 2001 From: Andy <andreid@student.ethz.ch> Date: Sat, 17 Mar 2018 22:50:39 +0100 Subject: [PATCH] Pop up in case the mandatory fields weren't completed.(In progress) --- src/events/eventDraft.js | 26 ++++++++++++++++---------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/src/events/eventDraft.js b/src/events/eventDraft.js index de8fc51..805e589 100644 --- a/src/events/eventDraft.js +++ b/src/events/eventDraft.js @@ -1,8 +1,10 @@ import m from 'mithril'; -import { Button, Card } 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,17 +28,21 @@ export default class eventDraft extends EditView { } view() { - - - 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), ]); } -- GitLab