--- /dev/null
+import React from 'react';
+import {
+ StyleSheet, Text, View, TextInput,
+ Image,
+ Button,
+} from 'react-native';
+import {
+ grok_set_url,
+ grok_login1,
+ grok_login2,
+} from './grok.js';
+import logo from './assets/images/logo.png';
+
+export default class App extends React.Component {
+
+ state = {
+ username: '',
+ password: '',
+ message: '...',
+ };
+
+ constructor(props) {
+ super(props);
+ };
+
+ handle_login1(login1) {
+ ui_login_show_message("Logging in...");
+ grok_login2(
+ this.handle_login2,
+ login1['auth'],
+ this.state.username,
+ this.state.password,
+ )
+ }
+
+ start_login() {
+ console.log('Start login!');
+ console.log(this.state);
+ this.setState({
+ message: 'Connecting...',
+ });
+ grok_login1(this.handle_login1);
+ };
+
+ ui_login_show_message(message) {
+ $("#login-message").show().text(message);
+ console.log(message);
+ };
+
+ render() {
+ return (
+ <View style={styles.container}>
+
+ <View style={styles.innerBox}>
+ <Image source={logo} style={styles.logo} />
+
+ <Text>Welcome to dwim!</Text>
+
+ <Text>Username:</Text>
+ <TextInput type="text" name="username"
+ onChangeText={(text) => { this.state.username = text} }
+ style={styles.input}
+ />
+
+ <Text>Password:</Text>
+ <TextInput type="password" name="password"
+ onChangeText={(text) => { this.state.password = text} }
+ secureTextEntry={true}
+ style={styles.input}
+ />
+
+ <Button
+ onPress={() => this.start_login()}
+ style={styles.button}
+ title="Log in"
+ />
+
+ <Text
+ name="login_message"
+ style={styles.login_message}> {this.state.message} </Text>
+ </View>
+ </View>
+ );
+ }
+}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ backgroundColor: '#8a0000',
+ alignItems: 'center',
+ justifyContent: 'center',
+ },
+ innerBox: {
+ flex: 1,
+ backgroundColor: '#fffdd0',
+ alignItems: 'center',
+ justifyContent: 'center',
+ borderRadius: 10,
+ width: '70%',
+ height: '50%',
+ },
+ logo: {
+ marginBottom: 10,
+ },
+ input: {
+ height: 40,
+ margin: 12,
+ borderWidth: 1,
+ padding: 10,
+ width: '80%',
+ },
+ button: {
+ height: 40,
+ width: "50%",
+ margin: 12,
+ borderWidth: 1,
+ borderRadius: 5,
+ padding: 20,
+ backgroundColor: "#8a0000",
+ fontSize: 20,
+ color: '#fff',
+ },
+ login_message: {
+ fontWeight: "bold",
+ fontSize: 14,
+ marginTop: 20,
+ color: '#000',
+ },
+});
--- /dev/null
+{
+ "expo": {
+ "name": "dwim",
+ "description": "Dreamwidth client",
+ "slug": "dwim",
+ "version": "0.1.5",
+ "orientation": "portrait",
+ "icon": "./assets/images/icon.png",
+ "scheme": "myapp",
+ "userInterfaceStyle": "automatic",
+ "splash": {
+ "image": "./assets/images/splash.png",
+ "resizeMode": "contain",
+ "backgroundColor": "#ffffff"
+ },
+ "updates": {
+ "fallbackToCacheTimeout": 0
+ },
+ "assetBundlePatterns": [
+ "**/*"
+ ],
+ "ios": {
+ "supportsTablet": true
+ },
+ "android": {
+ "adaptiveIcon": {
+ "foregroundImage": "./assets/images/adaptive-icon.png",
+ "backgroundColor": "#ffffff"
+ }
+ },
+ "web": {
+ "favicon": "./assets/images/favicon.png"
+ }
+ }
+}
~tthurman / dwim.git / commitdiff
