diff --git a/.eslintrc.js b/.eslintrc.js index 706e6953677559d9f137e8f7a4dfeb360d572f5b..5a9ec998b53861e2176d85690e19febd631c001b 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 af37693e46686e14ddfe943dbc4c936e7f63a084..1ae98799c4cf3a028219a0277a7c1dcdfa57275e 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 e415967d0ca6ae4ee3a41f400c584f12f1655390..632e715d13c07f4c3b6a9b0787e4e670a546e5f0 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 a2577d458b780fe719cbc9e5a316c1853c298d35..463cce447ef078c8fc2959ab083f31fa41fe8393 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), + ]); } }