Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-04-06 01:15:28 +02:00
Code Issues Projects Releases Wiki Activity

Added dialog-polyfill.

Browse Source 
closes #23
This commit is contained in:
ivaosthu 2016-12-22 14:09:16 +01:00
parent 8d84ec04c2
commit c9ea64639e
3 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/package.json
View File

@ -31,6 +31,7 @@
"main": "./index.js", "main": "./index.js",
"dependencies": { "dependencies": {
"debug": "^2.2.0", "debug": "^2.2.0",
"dialog-polyfill": "^0.4.5",
"immutability-helper": "^2.0.0", "immutability-helper": "^2.0.0",
"immutable": "^3.8.1", "immutable": "^3.8.1",
"normalize.css": "^5.0.0", "normalize.css": "^5.0.0",

10
frontend/src/component/user/user-component.jsx
View File

@ -1,5 +1,6 @@
import React, { PropTypes } from 'react'; import React, { PropTypes } from 'react';
import { Textfield, Dialog, DialogTitle, DialogContent, DialogActions, Button } from 'react-mdl'; import { Textfield, Dialog, DialogTitle, DialogContent, DialogActions, Button } from 'react-mdl';
import dialogPolyfill from 'dialog-polyfill/dialog-polyfill.js';
class EditUserComponent extends React.Component { class EditUserComponent extends React.Component {
static propTypes () { static propTypes () {
@ -10,11 +11,20 @@ class EditUserComponent extends React.Component {
}; };
} }
componentDidMount () {
this.initPolyfill();
}
handleSubmit = (evt) => { handleSubmit = (evt) => {
evt.preventDefault(); evt.preventDefault();
this.props.save(); this.props.save();
} }
initPolyfill () {
const dialogs = document.querySelectorAll('dialog');
[].slice.call(dialogs).forEach(dialog => dialogPolyfill.registerDialog(dialog));
}
render () { render () {
return ( return (
<div> <div>

3
frontend/src/index.jsx
View File

@ -1,6 +1,7 @@
import 'dialog-polyfill/dialog-polyfill.css';
import 'whatwg-fetch';
import 'react-mdl/extra/material.css'; import 'react-mdl/extra/material.css';
import 'react-mdl/extra/material.js'; import 'react-mdl/extra/material.js';
import 'whatwg-fetch';
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';