self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-06-12 22:57:38 +02:00
Code Issues Releases Activity

Added search page

Browse Source
This commit is contained in:
Laurent Cozic
2017-07-22 23:52:24 +01:00
parent 729b8f7c79
commit 1c3bf21539
8 changed files with 264 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
ReactNativeClient/lib/components/screen-header.js
View File

@ -40,12 +40,11 @@ let styleObject = {
paddingRight: 5,
marginRight: 2,
},
backButton: {
iconButton: {
flex: 1,
backgroundColor: globalStyle.backgroundColor,
paddingLeft: 15,
paddingRight: 15,
marginRight: 1,
},
saveButton: {
flex: 1,
@ -100,6 +99,9 @@ styleObject.topIcon = Object.assign({}, globalStyle.icon);
styleObject.topIcon.flex = 1;
styleObject.topIcon.textAlignVertical = 'center';
styleObject.backButton = Object.assign({}, styleObject.iconButton);
styleObject.backButton.marginRight = 1;
styleObject.backButtonDisabled = Object.assign({}, styleObject.backButton, { opacity: globalStyle.disabledOpacity });
styleObject.saveButtonDisabled = Object.assign({}, styleObject.saveButton, { opacity: globalStyle.disabledOpacity });
@ -115,6 +117,13 @@ class ScreenHeaderComponent extends Component {
this.props.dispatch({ type: 'Navigation/BACK' });
}
searchButton_press() {
this.props.dispatch({
type: 'Navigation/NAVIGATE',
routeName: 'Search',
});
}
menu_select(value) {
if (typeof(value) == 'function') {
value();
@ -170,6 +179,16 @@ class ScreenHeaderComponent extends Component {
);
}
function searchButton(styles, onPress) {
return (
<TouchableOpacity onPress={onPress}>
<View style={styles.iconButton}>
<Icon name='md-search' style={styles.topIcon} />
</View>
</TouchableOpacity>
);
}
let key = 0;
let menuOptionComponents = [];
for (let i = 0; i < this.props.menuOptions.length; i++) {
@ -220,10 +239,11 @@ class ScreenHeaderComponent extends Component {
{ sideMenuButton(styles, () => this.sideMenuButton_press()) }
{ backButton(styles, () => this.backButton_press(), !this.props.historyCanGoBack) }
{ saveButton(styles, () => { if (this.props.onSaveButtonPress) this.props.onSaveButtonPress() }, this.props.saveButtonDisabled === true, this.props.showSaveButton === true) }
{ titleComp }
{ titleComp }
{ searchButton(styles, () => this.searchButton_press()) }
<Menu onSelect={(value) => this.menu_select(value)} style={styles.contextMenu}>
<MenuTrigger>
<Text style={styles.contextMenuTrigger}> &#8942;</Text>
<Text style={styles.contextMenuTrigger}> &#8942;</Text>
</MenuTrigger>
<MenuOptions>
{ menuOptionComponents }