Status screen

ReactNativeClient/lib/components/screen-header.js

@@ -41,6 +41,13 @@ class ScreenHeaderComponent extends Component {
 		});	
 	}
 
+	status_press() {
+		this.props.dispatch({
+			type: 'Navigation/NAVIGATE',
+			routeName: 'Status',
+		});	
+	}
+
 	render() {
 		let key = 0;
 		let menuOptionComponents = [];
@@ -61,6 +68,11 @@ class ScreenHeaderComponent extends Component {
 				<Text>{_('Log')}</Text>
 			</MenuOption>);
 
+		menuOptionComponents.push(
+			<MenuOption value={() => this.status_press()} key={'menuOption_' + key++}>
+				<Text>{_('Status')}</Text>
+			</MenuOption>);
+
 		let title = 'title' in this.props && this.props.title !== null ? this.props.title : _(this.props.navState.routeName);
 
 		return (

ReactNativeClient/lib/components/screens/status.js

@@ -0,0 +1,66 @@
+import React, { Component } from 'react';
+import { ListView, View, Text, Button } from 'react-native';
+import { connect } from 'react-redux'
+import { Log } from 'lib/log.js'
+import { reg } from 'lib/registry.js'
+import { ScreenHeader } from 'lib/components/screen-header.js';
+import { time } from 'lib/time-utils'
+import { Logger } from 'lib/logger.js';
+import { BaseItem } from 'lib/models/base-item.js';
+import { _ } from 'lib/locale.js';
+
+class StatusScreenComponent extends React.Component {
+	
+	static navigationOptions(options) {
+		return { header: null };
+	}
+
+	constructor() {
+		super();
+		this.state = {
+			report: {},
+		};
+	}
+
+	componentWillMount() {
+		this.resfreshScreen();
+	}
+
+	resfreshScreen() {
+		return BaseItem.stats().then((report) => {
+			this.setState({ report: report });
+		});
+	}
+
+	render() {
+		let reportLines = [];
+		const r = this.state.report;
+
+		for (let n in r.items) {
+			if (!r.items.hasOwnProperty(n)) continue;
+			reportLines.push(_('%s: %d/%d', n, r.items[n].synced, r.items[n].total));
+		}
+
+		if (r.total) reportLines.push(_('Total: %d/%d', r.total.synced, r.total.total));
+		if (r.toDelete) reportLines.push(_('To delete: %d', r.toDelete.total));
+
+		reportLines = reportLines.join("\n");
+
+		return (
+			<View style={{flex: 1}}>
+				<ScreenHeader navState={this.props.navigation.state} />
+				<Text style={{padding: 6, flex: 1, textAlignVertical: 'top'}} multiline={true}>{reportLines}</Text>
+				<Button title="Refresh" onPress={() => this.resfreshScreen()}/>
+			</View>
+		);
+	}
+
+}
+
+const StatusScreen = connect(
+	(state) => {
+		return {};
+	}
+)(StatusScreenComponent)
+
+export { StatusScreen };