mirror of https://github.com/laurent22/joplin.git
79 lines
1.9 KiB
JavaScript
79 lines
1.9 KiB
JavaScript
const React = require("react");
|
|
const { Text, Modal, View, StyleSheet, Button } = require("react-native");
|
|
const { themeStyle } = require("lib/components/global-style.js");
|
|
const { _ } = require("lib/locale");
|
|
|
|
class ModalDialog extends React.Component {
|
|
constructor() {
|
|
super();
|
|
this.styles_ = {};
|
|
}
|
|
|
|
styles() {
|
|
const themeId = this.props.theme;
|
|
const theme = themeStyle(themeId);
|
|
|
|
if (this.styles_[themeId]) return this.styles_[themeId];
|
|
this.styles_ = {};
|
|
|
|
let styles = {
|
|
modalWrapper: {
|
|
flex: 1,
|
|
justifyContent: "center",
|
|
},
|
|
modalContentWrapper: {
|
|
flex: 1,
|
|
flexDirection: "column",
|
|
backgroundColor: theme.backgroundColor,
|
|
borderWidth: 1,
|
|
borderColor: theme.dividerColor,
|
|
margin: 20,
|
|
padding: 10,
|
|
},
|
|
modalContentWrapper2: {
|
|
paddingTop: 10,
|
|
flex: 1,
|
|
},
|
|
title: {
|
|
borderBottomWidth: 1,
|
|
borderBottomColor: theme.dividerColor,
|
|
paddingBottom: 10,
|
|
},
|
|
buttonRow: {
|
|
flexDirection: "row",
|
|
borderTopWidth: 1,
|
|
borderTopColor: theme.dividerColor,
|
|
paddingTop: 10,
|
|
},
|
|
};
|
|
|
|
this.styles_[themeId] = StyleSheet.create(styles);
|
|
return this.styles_[themeId];
|
|
}
|
|
|
|
render() {
|
|
const ContentComponent = this.props.ContentComponent;
|
|
|
|
return (
|
|
<View style={this.styles().modalWrapper}>
|
|
<Modal transparent={true} visible={true} onRequestClose={() => {}}>
|
|
<View style={this.styles().modalContentWrapper}>
|
|
<Text style={this.styles().title}>Title</Text>
|
|
<View style={this.styles().modalContentWrapper2}>{ContentComponent}</View>
|
|
<View style={this.styles().buttonRow}>
|
|
<View style={{ flex: 1 }}>
|
|
<Button title={_("OK")} onPress={() => {}} />
|
|
</View>
|
|
<View style={{ flex: 1, marginLeft: 5 }}>
|
|
<Button title={_("Cancel")} onPress={() => {}} />
|
|
</View>
|
|
</View>
|
|
</View>
|
|
</Modal>
|
|
</View>
|
|
);
|
|
}
|
|
}
|
|
|
|
module.exports = ModalDialog;
|