f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-24 22:52:40 +00:00
Code Wiki Activity

Initial functionality pass

Browse Source
This commit is contained in:
G.Ambatte
2023-07-19 19:36:14 +12:00
parent cea1157eb2
commit 7942f1caed
3 changed files with 57 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
client/homebrew/pages/accountPage/accountPage.jsx
View File

@@ -16,6 +16,8 @@ const HelpNavItem = require('../../navbar/help.navitem.jsx');
const NaturalCritIcon = require('naturalcrit/svg/naturalcrit.svg.jsx');
const saveLocationKey = 'HOMEBREWERY-DEFAULT-SAVE-LOCATION';
const AccountPage = createClass({
displayName : 'AccountPage',
getDefaultProps : function() {
@@ -29,6 +31,31 @@ const AccountPage = createClass({
uiItems : this.props.uiItems
};
},
componentDidMount : function(){
if(!this.state.saveLocation) {
const saveLocation = window.localStorage.getItem(saveLocationKey) || '';
if(saveLocation == '') {
// TO DO: Implement logic to determine the appropriate location given current state
console.log(this.state.uiItems);
};
this.setState({
saveLocation : saveLocation
});
}
},
makeActive : function(newSelection){
if(this.state.saveLocation == newSelection) return;
window.localStorage.setItem(saveLocationKey, newSelection);
this.setState({
saveLocation : newSelection
});
},
renderButton : function(name, key, condition=true){
if(!condition) return;
return <button className={this.state.saveLocation==key ? 'active' : ''} onClick={()=>{this.makeActive(key);}}>{name}</button>;
},
renderNavItems : function() {
return <Navbar>
@@ -48,6 +75,13 @@ const AccountPage = createClass({
<p><strong>Username: </strong> {this.props.uiItems.username || 'No user currently logged in'}</p>
<p><strong>Last Login: </strong> {moment(this.props.uiItems.issued).format('dddd, MMMM Do YYYY, h:mm:ss a ZZ') || '-'}</p>
</div>
<div className='dataGroup'>
<h4>Default Save Location</h4>
{/* <button className={this.state.saveLocation=='HOMEBREWERY' ? 'active' : ''} onClick={()=>{this.makeActive('HOMEBREWERY');}}>Homebrewery</button> */}
{this.renderButton('Homebrewery', 'HOMEBREWERY')}
{/* {this.state.uiItems.googleId ? <button className={this.state.saveLocation=='GOOGLE-DRIVE' ? 'active' : ''} onClick={()=>{this.makeActive('GOOGLE-DRIVE');}}>Google Drive</button> : <></>} */}
{this.renderButton('Google Drive', 'GOOGLE-DRIVE', this.state.uiItems.username)}
</div>
<div className='dataGroup'>
<h3>Homebrewery Information <NaturalCritIcon /></h3>
<p><strong>Brews on Homebrewery: </strong> {this.props.uiItems.mongoCount}</p>

17
client/homebrew/pages/basePages/uiPage/uiPage.less
View File

@@ -16,6 +16,23 @@
margin : 5px 0px;
border : 2px solid black;
border-radius : 5px;
button {
background-color : transparent;
border : 1px solid black;
border-radius : 5px;
width : 125px;
color : black;
margin-right : 5px;
&.active {
background-color: #0007;
color: white;
&:before {
content: '\f00c';
font-family: 'FONT AWESOME 5 FREE';
margin-right: 5px;
}
}
}
}
h1, h2, h3, h4 {
width : 100%;

9
client/homebrew/pages/newPage/newPage.jsx
View File

@@ -20,9 +20,10 @@ const BrewRenderer = require('../../brewRenderer/brewRenderer.jsx');
const { DEFAULT_BREW } = require('../../../../server/brewDefaults.js');
const BREWKEY = 'homebrewery-new';
const BREWKEY = 'homebrewery-new';
const STYLEKEY = 'homebrewery-new-style';
const METAKEY = 'homebrewery-new-meta';
const METAKEY = 'homebrewery-new-meta';
const SAVEKEY = 'HOMEBREWERY-DEFAULT-SAVE-LOCATION';
const NewPage = createClass({
@@ -54,6 +55,7 @@ const NewPage = createClass({
const brewStorage = localStorage.getItem(BREWKEY);
const styleStorage = localStorage.getItem(STYLEKEY);
const metaStorage = JSON.parse(localStorage.getItem(METAKEY));
const saveStorage = localStorage.getItem(SAVEKEY);
brew.text = brewStorage ?? brew.text;
brew.style = styleStorage ?? brew.style;
@@ -64,7 +66,8 @@ const NewPage = createClass({
brew.lang = metaStorage?.lang ?? brew.lang;
this.setState({
brew : brew
brew : brew,
saveGoogle : (saveStorage == 'GOOGLE-DRIVE' && this.state.saveGoogle)
});
}