f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-25 20:33:51 +00:00
Code Wiki Activity

Functional history menu

Browse Source
This commit is contained in:
G.Ambatte
2024-10-07 19:36:17 +13:00
parent 97f8493319
commit 25ce1aa00c
1 changed files with 40 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
client/homebrew/editor/snippetbar/snippetbar.jsx
View File

@@ -50,8 +50,9 @@ const Snippetbar = createClass({
renderer : this.props.renderer,
themeSelector : false,
snippets : [],
showHistory : false,
historyExists : false,
showHistory : false
historyItems : []
};
},
@@ -75,6 +76,17 @@ const Snippetbar = createClass({
historyExists : checkHistoryExists
});
}
// Update history list if it has changed
const checkHistoryItems = await loadHistory(this.props.brew);
if(checkHistoryItems.some((historyItem, index)=>{
return !index < this.state.historyItems.length || historyItem != this.state.historyItems[index];
})){
this.setState({
historyItems : checkHistoryItems
});
}
},
mergeCustomizer : function(oldValue, newValue, key) {
@@ -152,34 +164,36 @@ const Snippetbar = createClass({
return this.props.updateBrew(item);
},
renderHistoryItems : async function() {
if(!this.state.historyExists || !this.state.showHistory) return;
toggleHistoryMenu : function(){
this.setState({
showHistory : !this.state.showHistory
});
},
const historyItems = await loadHistory(this.props.brew);
console.log('renderHistoryItems', historyItems);
return;
renderHistoryItems : function() {
if(this.state.historyItems.length == 0) return;
// return <div className='dropdown'>
// {_.map(historyItems, (item, index)=>{
// if(!item[1].savedAt) return;
return <div className='dropdown'>
{_.map(this.state.historyItems, (item, index)=>{
if(item.noData || !item.savedAt) return;
// const saveTime = new Date(item[1].savedAt);
// const diffMs = new Date() - saveTime;
// const diffSecs = Math.floor(diffMs / 1000);
const saveTime = new Date(item.savedAt);
const diffMs = new Date() - saveTime;
const diffSecs = Math.floor(diffMs / 1000);
// let diffString = `about ${diffSecs} seconds ago`;
let diffString = `about ${diffSecs} seconds ago`;
// if(diffSecs > 60) diffString = `about ${Math.floor(diffSecs / 60)} minutes ago`;
// if(diffSecs > (60 * 60)) diffString = `about ${Math.floor(diffSecs / (60 * 60))} hours ago`;
// if(diffSecs > (24 * 60 * 60)) diffString = `about ${Math.floor(diffSecs / (24 * 60 * 60))} days ago`;
// if(diffSecs > (7 * 24 * 60 * 60)) diffString = `about ${Math.floor(diffSecs / (7 * 24 * 60 * 60))} weeks ago`;
if(diffSecs > 60) diffString = `about ${Math.floor(diffSecs / 60)} minutes ago`;
if(diffSecs > (60 * 60)) diffString = `about ${Math.floor(diffSecs / (60 * 60))} hours ago`;
if(diffSecs > (24 * 60 * 60)) diffString = `about ${Math.floor(diffSecs / (24 * 60 * 60))} days ago`;
if(diffSecs > (7 * 24 * 60 * 60)) diffString = `about ${Math.floor(diffSecs / (7 * 24 * 60 * 60))} weeks ago`;
// return <div className='snippet' key={index} onClick={()=>{this.replaceContent(item);}} >
// <i className={`fas fa-${index+1}`} />
// <span className='name' title={saveTime.toISOString()}>v{item.version} : {diffString}</span>
// </div>;
// })}
// </div>;
return <div className='snippet' key={index} onClick={()=>{this.replaceContent(item);}} >
<i className={`fas fa-${index+1}`} />
<span className='name' title={saveTime.toISOString()}>v{item.version} : {diffString}</span>
</div>;
})}
</div>;
},
renderEditorButtons : function(){
@@ -202,9 +216,10 @@ const Snippetbar = createClass({
}
return <div className='editors'>
<div className={`editorTool snippetGroup history ${this.state.historyExists ? 'active' : ''}`} >
<div className={`editorTool snippetGroup history ${this.state.historyExists ? 'active' : ''}`}
onClick={this.toggleHistoryMenu} >
<i className='fas fa-clock-rotate-left' />
{/* { this.renderHistoryItems() } */}
{ this.state.showHistory && this.renderHistoryItems() }
</div>
<div className={`editorTool undo ${this.props.historySize.undo ? 'active' : ''}`}
onClick={this.props.undo} >