Add feature to view admin_audit log files

appinfo/routes.php

@@ -14,9 +14,11 @@
 	['name' => 'log#get', 'url' => '/get', 'verb' => 'GET'],
 	['name' => 'log#poll', 'url' => '/poll', 'verb' => 'GET'],
 	['name' => 'log#search', 'url' => '/search', 'verb' => 'GET'],
+	['name' => 'log#download', 'url' => '/download', 'verb' => 'GET'],
 	['name' => 'log#getSettings', 'url' => '/settings', 'verb' => 'GET'],
 	['name' => 'log#getLevels', 'url' => '/levels', 'verb' => 'GET'],
 	['name' => 'log#setLevels', 'url' => '/levels', 'verb' => 'PUT'],
 	['name' => 'log#setRelative', 'url' => '/relative', 'verb' => 'PUT'],
 	['name' => 'log#setLive', 'url' => '/live', 'verb' => 'PUT'],
+	['name' => 'log#setLogFile', 'url' => '/logFile', 'verb' => 'PUT']
 ]];

js/App.js

@@ -23,7 +23,8 @@ export class App extends Component {
 		provider: null,
 		relative: true,
 		dateFormat: 'Y-m-d\TH:i:sO',
-		live: false
+		live: false,
+		availableLogFiles: []
 	};
 
 	constructor (props) {
@@ -43,11 +44,15 @@ export class App extends Component {
 		const relative = await this.logProvider.getRelative();
 		const dateFormat = await this.logProvider.getDateFormat();
 		const live = await this.logProvider.getLive();
+		const availableLogFiles = await this.logProvider.getAvailableLogFiles();
+		const logFile = await this.logProvider.getLogFile();
 		this.setState({
 			levels,
 			relative,
 			dateFormat,
 			live,
+			availableLogFiles,
+			logFile,
 			provider: this.logProvider
 		});
 		await this.logProvider.load();
@@ -76,7 +81,7 @@ export class App extends Component {
 		this.logProvider.load();
 	}
 
-	onLogFile = async (content) => {
+	onCustomLogFile = async (content) => {
 		const logFile = new LogFile(content);
 		logFile.on('entries', entries => {
 			if (this.state.provider === logFile) {
@@ -107,14 +112,22 @@ export class App extends Component {
 		this.saveLive(live);
 	};
 
+	async setLogFile (logFile)  {
+		this.setState({logFile, loading: true});
+		await this.logProvider.setLogFile(logFile);
+		this.logProvider.reset();
+		this.logProvider.load();
+		this.setState({loading: false});
+	}
+
 	handlePaste = (event) => {
 		let data = event.clipboardData.getData('Text');
 		if (!data) {
 			data = event.clipboardData.getData('text/plain');
 		}
 		data = data.trim();
 		if (data.indexOf('{') !== -1 && data.indexOf('}')) {
-			this.onLogFile(data);
+			this.onCustomLogFile(data);
 		}
 	};
 
@@ -151,6 +164,7 @@ export class App extends Component {
 				isLoading={this.state.loading}>
 				<div className={styles.content}>
 					<LogTable
+						availableLogFiles={this.state.availableLogFiles}
 						inlineSettings={this.props.inlineSettings}
 						levels={this.state.levels}
 						setRelative={this.setRelative}
@@ -161,7 +175,9 @@ export class App extends Component {
 						hidden={this.state.entries.length - entries.length}
 						live={this.state.live}
 						setLive={this.setLive.bind(this)}
-						onLogFile={this.onLogFile}
+						logFile={this.state.logFile}
+						setLogFile={this.setLogFile.bind(this)}
+						onCustomLogFile={this.onCustomLogFile}
 					/>
 				</div>
 			</ReactScrolla>
@@ -172,7 +188,7 @@ export class App extends Component {
 			<div>
 				{!this.props.inlineSettings ?
 					<SideBar><LogUploader
-						onLogFile={this.onLogFile}/>
+						onCustomLogFile={this.onCustomLogFile}/>
 						<Separator/>
 						{filters}
 						<Settings>

js/Components/LogTable.js

@@ -154,11 +154,15 @@ export class LogTable extends Component {
 								{
 									this.state.showLevelSettings ?
 										<Settings
+											availableLogFiles={this.props.availableLogFiles}
 											setLevel={this.props.setLevel}
 											levels={this.props.levels}
 											live={this.props.live}
 											setLive={this.props.setLive}
-											onLogFile={this.props.onLogFile}
+											live={this.props.live}
+											setLogFile={this.props.setLogFile}
+											logFile={this.props.logFile}
+											onCustomLogFile={this.props.onCustomLogFile}
 										/> :
 										<div className="hidden"/>
 								}

js/Components/LogUploader.js

@@ -21,7 +21,7 @@ export class LogUploader extends Component {
 				this.setState({message: 'Invalid log file'});
 				return;
 			}
-			this.props.onLogFile(content);
+			this.props.onCustomLogFile(content);
 		};
 		reader.readAsText(file);
 	};