4deb3f5ab9
* its coming along * links bar * scssify a bunch * metacode image working a bit better * metacode selector in react topic card * riek editing for name field on topic card * riek submit on enter * factor out Title and Links from Topic Card component, but not the listeners * create working Desc editor * styling is much better now * textarea min height for desc * disallow images in topic card markdown * shift enter is linebreak, enter is save * attachments split out, but it's pretty buggy * move listeners into Links.js * slightly wider metacodeTitle * fix positioning on metacode selector * fix metacode selection * move metacode and permissions into subcomponents * fixes * prevent editing on desc/title if not authorized to edit * fix topic card draggability * fix embedly * fix md test * remove the removed link card manually with jquery * fix test syntax * eslint * more eslin * reuse authorizedToEdit * convert metacode sets to a json object for react * add the html in react whoop * fix metacode styling * sort wasn't working * finishing metacode select * readd the above link input border * fix syntax * multiline title editable textarea * more portable metacode selector component * factor out #metacodeOptions into one react component with a callback :D:D:D * render metacodeOptions in right click menu with react * render metacodeOptions in right click menu with react * fix up right click menu's metacode editing * fix topic card title character counter * ignore metamaps secret bundle in ag * simplify Attachments props * factor out embedly card into its own component; it seems to help * link resetter * fix edit icon on title in topic card * move mapCount and synapseCount hover/click logic to react * fix up the showMore control * metacode selection tweaks * tweak links bar spacing in topic card * rubocop * remove TODOs * more badass permissions selector * close permission selector when you click outside * fix overeager metacode selector * more modular attachments component * fix bug in Desc.js * fix right click styling * permission changes are different than edit rights * bad module ref * ensure maxLength on topic titles
53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
/* global $ */
|
|
|
|
/*
|
|
* Metacode selector component
|
|
*
|
|
* This component takes in a callback (onMetacodeSelect; takes one metacode id)
|
|
* and a list of metacode sets and renders them. If you click a metacode, it
|
|
* passes that metacode's id to the callback.
|
|
*/
|
|
|
|
import React, { PropTypes, Component } from 'react'
|
|
|
|
class MetacodeSelect extends Component {
|
|
render = () => {
|
|
return (
|
|
<div id="metacodeOptions">
|
|
<ul>
|
|
{this.props.metacodeSets.map(set => (
|
|
<li key={set.name}>
|
|
<span>{set.name}</span>
|
|
<div className="expandMetacodeSet"></div>
|
|
<ul>
|
|
{set.metacodes.map(m => (
|
|
<li key={m.id}
|
|
onClick={() => this.props.onMetacodeSelect(m.id)}
|
|
>
|
|
<img width="24" height="24" src={m.icon_path} alt={m.name} />
|
|
<div className="mSelectName">{m.name}</div>
|
|
<div className="clearfloat"></div>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
|
|
MetacodeSelect.propTypes = {
|
|
onMetacodeClick: PropTypes.func,
|
|
metacodeSets: PropTypes.arrayOf(PropTypes.shape({
|
|
name: PropTypes.string,
|
|
metacodes: PropTypes.arrayOf(PropTypes.shape({
|
|
id: PropTypes.number,
|
|
icon_path: PropTypes.string, // url
|
|
name: PropTypes.string
|
|
}))
|
|
}))
|
|
}
|
|
|
|
export default MetacodeSelect
|