mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-24 20:42:43 +00:00
e2cd7d9f07
* Include two versions of Marked.js
* Include two versions of Marked.js
* Working two different render pipelines
Adds stylesheet "styleLegacy.less"
Adds markdownHandler "markdownLegacy.js"
The BrewRenderer will switch between these and the new pipeline dependent on the "version" prop passed in.
* Mustache-style div blocks
* Legacy snippets & columnbreak
* Codemirror styling for Div Blocks
* Lint
* Codemirror highlights for inline Divs as well
These will turn red `{{class Content}}`
Multi-line divs will turn purple
```
{{class,class2
content
}}
```
No real need for these to be different colors. Just for testing.
* More lint
* Update dependencies.
* Adding Button to switch render pipelines
* Update Marked.js
* Popup alert to refresh page when renderer changed
* Don't compress files in Development (very slow)
* Block DIV or inline Span depending on {{ placement
* \column emits a Div instead of Span
* Allow share page to use new renderer
* {{ divs no longer need empty lines. Spans work in lists.
* Typo
* Typo
* Enforce \page must be at start of line. Code cleanup.
* Inject newlines after/before {{/}} to avoid needing blank lines
* Fixes issues with tables.
* Remove console.log
* Fix spacing issue for Spans
* Move things from Brewrenderer to Markdown
Try to keep all custom text fiddling in one spot.
* Rename variables
* Update Font-Awesome to v5.15. Fix style issues on popups.
* Update {{ Divs/Spans, Fix nested hilighting
* Fixed Spans/divs with no tags or just commas
* Use blacklist for {{ to allow more characters
* Update package-lock.json
* Update all icons to Font-awesome 5
* V3 hidden behind config variable
Add "globalThis.enable_v3 = true" in the console to enable.
* lint
83 lines
2.0 KiB
JavaScript
83 lines
2.0 KiB
JavaScript
require('./brewLookup.less');
|
|
const React = require('react');
|
|
const createClass = require('create-react-class');
|
|
const cx = require('classnames');
|
|
|
|
const request = require('superagent');
|
|
const Moment = require('moment');
|
|
|
|
|
|
const BrewLookup = createClass({
|
|
getDefaultProps() {
|
|
return {};
|
|
},
|
|
getInitialState() {
|
|
return {
|
|
query : '',
|
|
foundBrew : null,
|
|
searching : false,
|
|
error : null
|
|
};
|
|
},
|
|
handleChange(e){
|
|
this.setState({ query: e.target.value });
|
|
},
|
|
lookup(){
|
|
this.setState({ searching: true, error: null });
|
|
|
|
request.get(`/admin/lookup/${this.state.query}`)
|
|
.then((res)=>this.setState({ foundBrew: res.body }))
|
|
.catch((err)=>this.setState({ error: err }))
|
|
.finally(()=>this.setState({ searching: false }));
|
|
},
|
|
|
|
renderFoundBrew(){
|
|
const brew = this.state.foundBrew;
|
|
return <div className='foundBrew'>
|
|
<dl>
|
|
<dt>Title</dt>
|
|
<dd>{brew.title}</dd>
|
|
|
|
<dt>Authors</dt>
|
|
<dd>{brew.authors.join(', ')}</dd>
|
|
|
|
<dt>Edit Link</dt>
|
|
<dd><a href={`/edit/${brew.editId}`} target='_blank' rel='noopener noreferrer'>/edit/{brew.editId}</a></dd>
|
|
|
|
<dt>Share Link</dt>
|
|
<dd><a href={`/share/${brew.shareId}`} target='_blank' rel='noopener noreferrer'>/share/{brew.shareId}</a></dd>
|
|
|
|
<dt>Last Updated</dt>
|
|
<dd>{Moment(brew.updatedAt).fromNow()}</dd>
|
|
|
|
<dt>Num of Views</dt>
|
|
<dd>{brew.views}</dd>
|
|
</dl>
|
|
</div>;
|
|
},
|
|
|
|
render(){
|
|
return <div className='brewLookup'>
|
|
<h2>Brew Lookup</h2>
|
|
<input type='text' value={this.state.query} onChange={this.handleChange} placeholder='edit or share id' />
|
|
<button onClick={this.lookup}>
|
|
<i className={cx('fas', {
|
|
'fa-search' : !this.state.searching,
|
|
'fa-spin fa-spinner' : this.state.searching,
|
|
})} />
|
|
</button>
|
|
|
|
{this.state.error
|
|
&& <div className='error'>{this.state.error.toString()}</div>
|
|
}
|
|
|
|
{this.state.foundBrew
|
|
? this.renderFoundBrew()
|
|
: <div className='noBrew'>No brew found.</div>
|
|
}
|
|
</div>;
|
|
}
|
|
});
|
|
|
|
module.exports = BrewLookup;
|