2020-02-04 14:42:19 +01:00
|
|
|
// @flow
|
|
|
|
|
|
|
|
|
|
import * as React from 'react';
|
|
|
|
|
import {Image} from 'react-native';
|
|
|
|
|
import {Container, Content, H1, H3, View} from 'native-base';
|
|
|
|
|
import CustomHeader from "../components/CustomHeader";
|
|
|
|
|
import ThemeManager from "../utils/ThemeManager";
|
|
|
|
|
import HTML from "react-native-render-html";
|
|
|
|
|
import {Linking} from "expo";
|
|
|
|
|
import PlanningEventManager from '../utils/PlanningEventManager';
|
|
|
|
|
import i18n from 'i18n-js';
|
|
|
|
|
|
|
|
|
|
type Props = {
|
|
|
|
|
navigation: Object,
|
|
|
|
|
};
|
|
|
|
|
|
2020-02-11 01:05:24 +01:00
|
|
|
function openWebLink(event, link) {
|
2020-02-04 14:42:19 +01:00
|
|
|
Linking.openURL(link).catch((err) => console.error('Error opening link', err));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Class defining an about screen. This screen shows the user information about the app and it's author.
|
|
|
|
|
*/
|
|
|
|
|
export default class PlanningDisplayScreen extends React.Component<Props> {
|
|
|
|
|
render() {
|
2020-02-11 01:05:24 +01:00
|
|
|
// console.log("rendering planningDisplayScreen");
|
2020-02-04 14:42:19 +01:00
|
|
|
const nav = this.props.navigation;
|
|
|
|
|
const displayData = nav.getParam('data', []);
|
|
|
|
|
return (
|
|
|
|
|
<Container>
|
|
|
|
|
<CustomHeader
|
|
|
|
|
navigation={nav}
|
2020-02-04 19:42:40 +01:00
|
|
|
title={displayData.title}
|
2020-02-04 14:42:19 +01:00
|
|
|
subtitle={PlanningEventManager.getFormattedTime(displayData)}
|
|
|
|
|
hasBackButton={true}/>
|
|
|
|
|
<Content padder>
|
|
|
|
|
<H1>
|
|
|
|
|
{displayData.title}
|
|
|
|
|
</H1>
|
2020-02-05 09:46:10 +01:00
|
|
|
<H3 style={{
|
|
|
|
|
marginTop: 10,
|
|
|
|
|
color: ThemeManager.getCurrentThemeVariables().listNoteColor
|
|
|
|
|
}}>
|
|
|
|
|
{PlanningEventManager.getFormattedTime(displayData)}
|
|
|
|
|
</H3>
|
2020-02-04 14:42:19 +01:00
|
|
|
{displayData.logo !== null ?
|
|
|
|
|
<View style={{width: '100%', height: 300, marginTop: 20, marginBottom: 20}}>
|
|
|
|
|
<Image style={{flex: 1, resizeMode: "contain"}}
|
|
|
|
|
source={{uri: displayData.logo}}/>
|
|
|
|
|
</View>
|
|
|
|
|
: <View/>}
|
|
|
|
|
|
|
|
|
|
{displayData.description !== null ?
|
|
|
|
|
// Surround description with div to allow text styling if the description is not html
|
|
|
|
|
<HTML html={"<div>" + displayData.description + "</div>"}
|
|
|
|
|
tagsStyles={{
|
|
|
|
|
p: {
|
|
|
|
|
color: ThemeManager.getCurrentThemeVariables().textColor,
|
|
|
|
|
fontSize: ThemeManager.getCurrentThemeVariables().fontSizeBase
|
|
|
|
|
},
|
|
|
|
|
div: {color: ThemeManager.getCurrentThemeVariables().textColor}
|
|
|
|
|
}}
|
2020-02-11 01:05:24 +01:00
|
|
|
onLinkPress={openWebLink}/>
|
2020-02-04 14:42:19 +01:00
|
|
|
: <View/>}
|
|
|
|
|
</Content>
|
|
|
|
|
</Container>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
