// @flow import * as React from 'react'; import {Image, Linking, TouchableOpacity, View} from 'react-native'; import {Body, Button, Card, CardItem, Left, Right, Text, Thumbnail, H1, H3} from 'native-base'; import i18n from "i18n-js"; import CustomMaterialIcon from '../components/CustomMaterialIcon'; import FetchedDataSectionList from "../components/FetchedDataSectionList"; import Autolink from 'react-native-autolink'; import ThemeManager from "../utils/ThemeManager"; import PlatformTouchable from "react-native-platform-touchable"; const ICON_AMICALE = require('../assets/amicale.png'); const NAME_AMICALE = 'Amicale INSA Toulouse'; const DATA_URL = "https://srv-falcon.etud.insa-toulouse.fr/~amicale_app/dashboard/dashboard_data.json"; const SECTIONS_ID = [ 'dashboard', 'news_feed' ]; /** * Opens a link in the device's browser * @param link The link to open */ function openWebLink(link) { Linking.openURL(link).catch((err) => console.error('Error opening link', err)); } /** * Class defining the app's home screen */ export default class HomeScreen extends FetchedDataSectionList { constructor() { super(DATA_URL, 0); } getHeaderTranslation() { return i18n.t("screens.home"); } getUpdateToastTranslations() { return [i18n.t("homeScreen.listUpdated"), i18n.t("homeScreen.listUpdateFail")]; } getKeyExtractor(item: Object) { return item !== undefined ? item.id : undefined; } createDataset(fetchedData: Object) { let newsData = []; let dashboardData = []; if (fetchedData['news_feed'] !== undefined) newsData = fetchedData['news_feed']['data']; if (fetchedData['dashboard'] !== undefined) dashboardData = this.generateDashboardDataset(fetchedData['dashboard']); return [ { title: '', data: dashboardData, extraData: super.state, keyExtractor: this.getKeyExtractor, id: SECTIONS_ID[0] }, { title: 'News Feed', data: newsData, extraData: super.state, keyExtractor: this.getKeyExtractor, id: SECTIONS_ID[1] } ]; } generateDashboardDataset(dashboardData: Object) { let dataset = []; for (let [key, value] of Object.entries(dashboardData)) { dataset.push( { id: key, data: value } ) } return dataset } /** * Converts a dateString using Unix Timestamp to a formatted date * @param dateString {string} The Unix Timestamp representation of a date * @return {string} The formatted output date */ static getFormattedDate(dateString: string) { let date = new Date(Number.parseInt(dateString) * 1000); return date.toLocaleString(); } getRenderSectionHeader(title: string) { if (title === '') { return ; } else { return (

{title}

); } } getDashboardItemData(item: Object) { let icon = ''; let title = ''; let subtitle = ''; let clickAction; switch (item['id']) { case 'today_events': icon = 'calendar-range'; title = 'Today\s events'; if (item['data'].length === 0) subtitle = 'Pas d\'event ajd'; else subtitle = item['data'].length + ' events ajd'; clickAction = () => this.props.navigation.navigate('Planning'); break; case 'proximo_articles': icon = 'shopping'; title = 'Proximo'; subtitle = item['data'] + ' articles disponibles'; clickAction = () => this.props.navigation.navigate('Proximo'); break; case 'available_machines': icon = 'washing-machine'; title = 'Machines disponibles'; subtitle = item['data']['dryers'] + ' dryers and ' + item['data']['washers'] + ' washers.'; clickAction = () => this.props.navigation.navigate('Proxiwash'); break; case 'today_menu': icon = 'silverware-fork-knife'; title = 'Menu du jour'; if (item['data'].length === 0) subtitle = 'non disponible'; else subtitle = 'Click here to show the menu'; clickAction = () => this.props.navigation.navigate('SelfMenuScreen'); break; } return { icon: icon, title: title, subtitle: subtitle, clickAction: clickAction } } getRenderItem(item: Object, section: Object, data: Object) { if (section['id'] === SECTIONS_ID[0]) { let itemData = this.getDashboardItemData(item); return (

{itemData['title']}

{itemData['subtitle']}
); } else { return ( {NAME_AMICALE} {HomeScreen.getFormattedDate(item.created_time)} {item.full_picture !== '' && item.full_picture !== undefined ? openWebLink(item.full_picture)} style={{width: '100%', height: 250}}> : } {item.message !== undefined ? : } ); } } }