mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-01-04 10:22:38 +00:00
94 lines
3.0 KiB
JavaScript
94 lines
3.0 KiB
JavaScript
/*eslint max-lines: ["warn", {"max": 300, "skipBlankLines": true, "skipComments": true}]*/
|
|
require('./newPage.less');
|
|
const React = require('react');
|
|
const createClass = require('create-react-class');
|
|
import request from '../../utils/request-middleware.js';
|
|
|
|
const Nav = require('naturalcrit/nav/nav.jsx');
|
|
|
|
const BaseEditPage = require('../basePages/editPage/editPage.jsx');
|
|
|
|
const { DEFAULT_BREW } = require('../../../../server/brewDefaults.js');
|
|
|
|
const BREWKEY = 'homebrewery-new';
|
|
const STYLEKEY = 'homebrewery-new-style';
|
|
const METAKEY = 'homebrewery-new-meta';
|
|
const SAVEKEY = `HOMEBREWERY-DEFAULT-SAVE-LOCATION-${global.account?.username || ''}`;
|
|
|
|
const NewPage = createClass({
|
|
displayName : 'NewPage',
|
|
getDefaultProps : function() {
|
|
return {
|
|
brew : DEFAULT_BREW
|
|
};
|
|
},
|
|
|
|
loadBrew : function(brew, setBrew, setSaveGoogle) {
|
|
if(!brew.shareId && typeof window !== 'undefined') { //Load from localStorage if in client browser
|
|
//TODO: Move localstorage handling to BaseEditPage?
|
|
const brewStorage = localStorage.getItem(BREWKEY);
|
|
const styleStorage = localStorage.getItem(STYLEKEY);
|
|
const metaStorage = JSON.parse(localStorage.getItem(METAKEY));
|
|
|
|
brew.text = brewStorage ?? brew.text;
|
|
brew.style = styleStorage ?? brew.style;
|
|
brew.renderer = metaStorage?.renderer ?? brew.renderer;
|
|
brew.theme = metaStorage?.theme ?? brew.theme;
|
|
brew.lang = metaStorage?.lang ?? brew.lang;
|
|
}
|
|
|
|
const saveStorage = localStorage.getItem(SAVEKEY) || 'HOMEBREWERY';
|
|
|
|
setBrew(brew);
|
|
setSaveGoogle(saveStorage == 'GOOGLE-DRIVE' && this.state.saveGoogle);
|
|
|
|
localStorage.setItem(BREWKEY, brew.text);
|
|
if(brew.style)
|
|
localStorage.setItem(STYLEKEY, brew.style);
|
|
localStorage.setItem(METAKEY, JSON.stringify({ 'renderer': brew.renderer, 'theme': brew.theme, 'lang': brew.lang }));
|
|
if(window.location.pathname != '/new') {
|
|
window.history.replaceState({}, window.location.title, '/new/');
|
|
}
|
|
},
|
|
|
|
save : async function(brew, saveGoogle){
|
|
brew.pageCount=((brew.renderer=='legacy' ? brew.text.match(/\\page/g) : brew.text.match(/^\\page$/gm)) || []).length + 1;
|
|
return request
|
|
.post(`/api${saveGoogle ? '?saveToGoogle=true' : ''}`)
|
|
.send(brew)
|
|
.then((res) => {
|
|
//TODO: Move localstorage handling to BaseEditPage?
|
|
localStorage.removeItem(BREWKEY);
|
|
localStorage.removeItem(STYLEKEY);
|
|
localStorage.removeItem(METAKEY);
|
|
const saved = res.body;
|
|
window.location = `/edit/${saved.editId}`;
|
|
});
|
|
},
|
|
|
|
renderSaveButton : function(save, isSaving){
|
|
if(isSaving){
|
|
return <Nav.item icon='fas fa-spinner fa-spin' className='save'>
|
|
save...
|
|
</Nav.item>;
|
|
} else {
|
|
return <Nav.item icon='fas fa-save' className='save' onClick={save}>
|
|
save
|
|
</Nav.item>;
|
|
}
|
|
},
|
|
|
|
render : function(){
|
|
return <BaseEditPage
|
|
{...this.props}
|
|
className="newPage"
|
|
parent={this}
|
|
saveButton={this.renderSaveButton}
|
|
performSave={this.save}
|
|
loadBrew={this.loadBrew}>
|
|
</BaseEditPage>;
|
|
}
|
|
});
|
|
|
|
module.exports = NewPage;
|