diff --git a/src/components/RadioGroup.js b/src/components/RadioGroup.js new file mode 100644 index 0000000000000000000000000000000000000000..ca2a5601df0ef02f0b55dd9f54729ffb40ec4c71 --- /dev/null +++ b/src/components/RadioGroup.js @@ -0,0 +1,17 @@ +import m from 'mithril'; +import { RadioGroup } from 'polythene-mithril'; + +export default class RadioGroupComponent { + constructor(vnode) { + this.defaultProps = { + className: 'blue-RadioGroup', + element: 'RadioGroup', + disabled: vnode.attrs.active === false, + label: 'Unnamed RadioGroup', + }; + } + + view(vnode) { + return m(RadioGroup, { ...this.defaultProps, ...vnode.attrs }); + } +} diff --git a/src/components/index.js b/src/components/index.js index eae9c8e3b36d611921d3444ad22d9410805a2812..e9e024a3cefc87fb85b521df9be3f595131db286 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -1 +1,2 @@ export { default as Button } from './Button'; +export { default as RadioGroup } from './RadioGroup'; diff --git a/src/views/studydocs/studydocList.js b/src/views/studydocs/studydocList.js index bffcef571d07f84fcd9f3c515008673298402fd2..ba7c9d3f4d34455c003cbfc2e21a149edf4f75b1 100644 --- a/src/views/studydocs/studydocList.js +++ b/src/views/studydocs/studydocList.js @@ -3,7 +3,7 @@ import * as studydocs from '../../models/studydocs'; import { apiUrl } from '../../models/config'; import { isLoggedIn } from '../../models/auth'; import { Error401 } from '../errors'; -import { Button } from '../../components'; +import { Button, RadioGroup } from '../../components'; const tableHeadings = ['title', 'type']; @@ -61,6 +61,19 @@ export default class studydocList { label: 'Add new', events: { onclick: () => m.route.set('/studydocuments/new') }, }), + m(RadioGroup, { + name: 'Departement', + buttons: [ + { + value: '1', + label: 'D-MAVT', + }, + { + value: '2', + label: 'D-ITET', + }, + ], + }), ]), m('div.content', [ m('table', [ @@ -70,7 +83,7 @@ export default class studydocList { studydocs .getList() .map(doc => - m('tr', { class:'list-items', onclick: () => this.selectDocument(doc) }, [ + m('tr', { class: 'list-items', onclick: () => this.selectDocument(doc) }, [ m('td', doc.title), m('td', doc.type), ])