From 7ce8967f421d2d771cac419193efb1c76d4f269f Mon Sep 17 00:00:00 2001 From: Andy <andreid@student.ethz.ch> Date: Sat, 17 Mar 2018 17:55:11 +0100 Subject: [PATCH] [export] - Small corrections. --- .eslintrc.js | 1 + lib/cust/main.css | 9 +++++++++ package.json | 1 + src/events/eventDraft.js | 40 +++++++++++++++++++++++++++++++++++++++- 4 files changed, 50 insertions(+), 1 deletion(-) diff --git a/.eslintrc.js b/.eslintrc.js index 706e695..5a9ec99 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -11,5 +11,6 @@ module.exports = { "class-methods-use-this": 0, "prefer-destructuring": 1, "no-underscore-dangle": 0, + "linebreak-style": 0, } }; diff --git a/lib/cust/main.css b/lib/cust/main.css index af37693..1ae9879 100644 --- a/lib/cust/main.css +++ b/lib/cust/main.css @@ -107,6 +107,15 @@ body { .featuredcolor{ background: salmon; } +.footer { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: red; + color: white; + text-align: center; +} diff --git a/package.json b/package.json index e415967..632e715 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ }, "author": "Hermann Blum et al", "dependencies": { + "@material/drawer": "^0.30.0", "ajv": "^5.5.0", "axios": "^0.17.1", "mithril": "^1.1.6", diff --git a/src/events/eventDraft.js b/src/events/eventDraft.js index a2577d4..463cce4 100644 --- a/src/events/eventDraft.js +++ b/src/events/eventDraft.js @@ -1,5 +1,23 @@ import m from 'mithril'; +import { Button, Card, TextField } from "polythene-mithril" import EditView from '../views/editView'; +import { styler } from 'polythene-core-css'; + +const draftStyle = [ + { + '.footer': { + position: 'fixed', + left: 0, + bottom: 0, + width: '100%', + 'background-color': 'red', + color: 'white', + 'text-align': 'center', + } + } +] + +styler.add('eventDraft', draftStyle); export default class eventDraft extends EditView { @@ -8,6 +26,26 @@ export default class eventDraft extends EditView { } view() { - return m('h1', 'Hello World'); + + const fieldDescriptionEn = m(TextField, { + label: 'Description [EN]', + required: true, + floatingLabel: true, + dense: true, + multiLine: true, + rows: 6, + }); + + const buttonMaker = m(Button, { + label: "Submit Request", + + }); + + + // ]) + return m('div',[ + m('h1', {class: "title"}, "Request a new event"), + m('div.footer', buttonMaker), + ]); } } -- GitLab