mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-26 11:42:39 +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
73 lines
2.9 KiB
JavaScript
73 lines
2.9 KiB
JavaScript
require('./notificationPopup.less');
|
|
const React = require('react');
|
|
const createClass = require('create-react-class');
|
|
const _ = require('lodash');
|
|
const cx = require('classnames'); //Unused variable
|
|
|
|
const DISMISS_KEY = 'dismiss_notification7-10-20';
|
|
|
|
const NotificationPopup = createClass({
|
|
getInitialState : function() {
|
|
return {
|
|
notifications : {}
|
|
};
|
|
},
|
|
componentDidMount : function() {
|
|
this.checkNotifications();
|
|
window.addEventListener('resize', this.checkNotifications);
|
|
},
|
|
componentWillUnmount : function() {
|
|
window.removeEventListener('resize', this.checkNotifications);
|
|
},
|
|
notifications : {
|
|
psa : function(){
|
|
return <li key='psa'>
|
|
<em>Google Drive Integration!</em> <br />
|
|
We have added Google Drive integration to the Homebrewery! <a target='_blank' href='http://naturalcrit.com/login'>Sign in</a> with
|
|
your Google account to link it with your Homebrewery profile. A new button in the Edit page will let you transfer your file to your personal
|
|
Google Drive storage, and Google will keep a backup of each version! No more lost work surprises!
|
|
<br /><br />
|
|
However, we are aware that there may be uncaught bugs. We encourage you to copy your brew into a text document before transferring to Google
|
|
Drive just in case any issues arise as this update is rolled out.
|
|
<br /><br />
|
|
<b>Note:</b> Transferring an existing brew to Google Drive will change the edit and share links of your document. If you have shared your
|
|
document online, remember to update the links there as well.
|
|
</li>;
|
|
},
|
|
faq : function(){
|
|
return <li key='faq'>
|
|
<em>Protect your work! </em> <br />
|
|
If you opt not to use your Google Drive, keep in mind that we do not save a history of your projects. Please make frequent backups of your brews!
|
|
<a target='_blank' href='https://www.reddit.com/r/homebrewery/comments/adh6lh/faqs_psas_announcements/'>
|
|
See the FAQ
|
|
</a> to learn how to avoid losing your work!
|
|
</li>;
|
|
},
|
|
},
|
|
checkNotifications : function(){
|
|
const hideDismiss = localStorage.getItem(DISMISS_KEY);
|
|
if(hideDismiss) return this.setState({ notifications: {} });
|
|
|
|
this.setState({
|
|
notifications : _.mapValues(this.notifications, (fn)=>{ return fn(); }) //Convert notification functions into their return text value
|
|
});
|
|
},
|
|
dismiss : function(){
|
|
localStorage.setItem(DISMISS_KEY, true);
|
|
this.checkNotifications();
|
|
},
|
|
render : function(){
|
|
if(_.isEmpty(this.state.notifications)) return null;
|
|
|
|
return <div className='notificationPopup'>
|
|
<i className='fas fa-times dismiss' onClick={this.dismiss}/>
|
|
<i className='fas fa-info-circle info' />
|
|
<h3>Notice</h3>
|
|
<small>This website is always improving and we are still adding new features and squashing bugs. Keep the following in mind:</small>
|
|
<ul>{_.values(this.state.notifications)}</ul>
|
|
</div>;
|
|
}
|
|
});
|
|
|
|
module.exports = NotificationPopup;
|