* 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
63 lines
1.7 KiB
JavaScript
63 lines
1.7 KiB
JavaScript
import React, { Component, PropTypes } from 'react'
|
|
import { RIETextArea } from 'riek'
|
|
|
|
const maxTitleLength = 140
|
|
|
|
class Title extends Component {
|
|
nameCounterText() {
|
|
// for some reason, there's an error if this isn't inside a function
|
|
return `${this.props.name.length}/${maxTitleLength.toString()}`
|
|
}
|
|
|
|
render() {
|
|
if (this.props.authorizedToEdit) {
|
|
return (
|
|
<span className="title">
|
|
<RIETextArea value={this.props.name}
|
|
ref={textarea => { this.textarea = textarea }}
|
|
propName="name"
|
|
change={this.props.onChange}
|
|
className="titleWrapper"
|
|
id="titleActivator"
|
|
classEditing="riek-editing"
|
|
editProps={{
|
|
maxLength: maxTitleLength,
|
|
onKeyPress: e => {
|
|
const ENTER = 13
|
|
if (e.which === ENTER) {
|
|
e.preventDefault()
|
|
this.props.onChange({ name: e.target.value })
|
|
}
|
|
},
|
|
onChange: e => {
|
|
if (!this.nameCounter) return
|
|
this.nameCounter.innerHTML = `${e.target.value.length}/140`
|
|
}
|
|
}}
|
|
/>
|
|
<span className="nameCounter" ref={span => { this.nameCounter = span }}>
|
|
{this.nameCounterText()}
|
|
</span>
|
|
</span>
|
|
)
|
|
} else {
|
|
return (
|
|
<span className="title">
|
|
<span className="titleWrapper">
|
|
{this.props.name}
|
|
</span>
|
|
</span>
|
|
)
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
Title.propTypes = {
|
|
name: PropTypes.string,
|
|
onChange: PropTypes.func,
|
|
authorizedToEdit: PropTypes.bool
|
|
}
|
|
|
|
export default Title
|