mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
var CommentBox = React.createClass({
|
|
displayName: 'CommentBox',
|
|
|
|
getInitialState: function () {
|
|
return { accept: 'image/*', action: 'http://localhost:8888/alfresco/service/api/upload', droppable: '' };
|
|
},
|
|
|
|
onChangeAccept: function (e) {
|
|
this.setState({ accept: e.target.value });
|
|
},
|
|
|
|
onChangeAction: function (e) {
|
|
this.setState({ action: e.target.value });
|
|
},
|
|
|
|
onChangeDroppable: function (e) {
|
|
this.setState({ droppable: e.target.checked });
|
|
},
|
|
|
|
render: function () {
|
|
return React.createElement(
|
|
'div',
|
|
{ className: 'commentBox' },
|
|
React.createElement(
|
|
'div',
|
|
null,
|
|
React.createElement(
|
|
'form',
|
|
null,
|
|
React.createElement(
|
|
'file-upload',
|
|
{ raised: 'true', accept: this.state.accept, droppable: 'false', target: this.state.action, multi: 'false' },
|
|
React.createElement('iron-icon', { icon: 'icons:add' }),
|
|
' Add File'
|
|
)
|
|
),
|
|
React.createElement('alfresco-file-list', null)
|
|
)
|
|
);
|
|
}
|
|
});
|
|
ReactDOM.render(React.createElement(CommentBox, null), document.getElementById('example')); |