Added bluemind screen, reworked sidemenu and changed planex default zoom

This commit is contained in:
keplyx 2020-01-30 17:42:11 +01:00
parent c048032781
commit 1816175659
17 changed files with 160 additions and 67 deletions

View file

@ -98,14 +98,6 @@ export default class CustomHeader extends React.Component<Props> {
</Body> </Body>
<Right style={{flex: this.props.hasSearchField ? 0 : 1}}> <Right style={{flex: this.props.hasSearchField ? 0 : 1}}>
{this.props.rightButton} {this.props.rightButton}
{this.props.hasBackButton ? <View/> :
<Touchable
style={{padding: 6}}
onPress={() => this.props.navigation.navigate('SettingsScreen')}>
<CustomMaterialIcon
color={Platform.OS === 'ios' ? ThemeManager.getCurrentThemeVariables().brandPrimary : "#fff"}
icon="settings"/>
</Touchable>}
</Right> </Right>
</Header>); </Header>);
} }

View file

@ -41,6 +41,10 @@ export default class SideBar extends React.Component<Props, State> {
// Dataset used to render the drawer // Dataset used to render the drawer
// If the link field is defined, clicking on the item will open the link // If the link field is defined, clicking on the item will open the link
this.dataSet = [ this.dataSet = [
{
name: i18n.t('sidenav.divider1'),
route: "Divider1"
},
{ {
name: "Amicale", name: "Amicale",
route: "AmicaleScreen", route: "AmicaleScreen",
@ -61,6 +65,15 @@ export default class SideBar extends React.Component<Props, State> {
route: "TutorInsaScreen", route: "TutorInsaScreen",
icon: "school", icon: "school",
}, },
{
name: "Mails BlueMind",
route: "BlueMindScreen",
icon: "email",
},
{
name: i18n.t('sidenav.divider2'),
route: "Divider2"
},
{ {
name: i18n.t('screens.availableRooms'), name: i18n.t('screens.availableRooms'),
route: "AvailableRoomScreen", route: "AvailableRoomScreen",
@ -71,28 +84,21 @@ export default class SideBar extends React.Component<Props, State> {
route: "SelfMenuScreen", route: "SelfMenuScreen",
icon: "silverware-fork-knife", icon: "silverware-fork-knife",
}, },
{
name: i18n.t('sidenav.divider3'),
route: "Divider3"
},
{
name: i18n.t('screens.settings'),
route: "SettingsScreen",
icon: "settings",
},
]; ];
} }
/** getRenderItem(item: Object) {
* Navigate to the selected route if (item.icon !== undefined) {
* @param route {string} The route name to navigate to
*/
navigateToScreen(route: string) {
this.props.navigation.navigate(route);
};
render() {
return ( return (
<Container style={{
backgroundColor: ThemeManager.getCurrentThemeVariables().sideMenuBgColor,
}}>
<Image source={drawerCover} style={styles.drawerCover}/>
<FlatList
data={this.dataSet}
extraData={this.state}
keyExtractor={(item) => item.route}
renderItem={({item}) =>
<ListItem <ListItem
button button
noBorder noBorder
@ -128,7 +134,37 @@ export default class SideBar extends React.Component<Props, State> {
>{`${item.types} Types`}</Text> >{`${item.types} Types`}</Text>
</Badge> </Badge>
</Right>} </Right>}
</ListItem>} </ListItem>
);
} else {
return (
<ListItem itemDivider>
<Text>{item.name}</Text>
</ListItem>
);
}
}
/**
* Navigate to the selected route
* @param route {string} The route name to navigate to
*/
navigateToScreen(route: string) {
this.props.navigation.navigate(route);
};
render() {
return (
<Container style={{
backgroundColor: ThemeManager.getCurrentThemeVariables().sideMenuBgColor,
}}>
<Image source={drawerCover} style={styles.drawerCover}/>
<FlatList
data={this.dataSet}
extraData={this.state}
keyExtractor={(item) => item.route}
renderItem={({item}) => this.getRenderItem(item)}
/> />
</Container> </Container>
); );

View file

@ -250,7 +250,7 @@ export default {
// List // List
listBg: 'transparent', listBg: 'transparent',
listBorderColor: '#c9c9c9', listBorderColor: '#c9c9c9',
listDividerBg: '#f4f4f4', listDividerBg: '#e2e2e2',
listBtnUnderlayColor: '#DDD', listBtnUnderlayColor: '#DDD',
listItemPadding: platform === PLATFORM.IOS ? 10 : 12, listItemPadding: platform === PLATFORM.IOS ? 10 : 12,
listNoteColor: '#808080', listNoteColor: '#808080',

View file

@ -250,7 +250,7 @@ export default {
// List // List
listBg: 'transparent', listBg: 'transparent',
listBorderColor: '#3e3e3e', listBorderColor: '#3e3e3e',
listDividerBg: '#f4f4f4', listDividerBg: '#222222',
listBtnUnderlayColor: '#3a3a3a', listBtnUnderlayColor: '#3a3a3a',
listItemPadding: platform === PLATFORM.IOS ? 10 : 12, listItemPadding: platform === PLATFORM.IOS ? 10 : 12,
listNoteColor: '#acacac', listNoteColor: '#acacac',

View file

@ -9,11 +9,12 @@ import AboutDependenciesScreen from '../screens/About/AboutDependenciesScreen';
import ProxiwashAboutScreen from '../screens/Proxiwash/ProxiwashAboutScreen'; import ProxiwashAboutScreen from '../screens/Proxiwash/ProxiwashAboutScreen';
import ProximoAboutScreen from '../screens/Proximo/ProximoAboutScreen'; import ProximoAboutScreen from '../screens/Proximo/ProximoAboutScreen';
import SelfMenuScreen from '../screens/SelfMenuScreen'; import SelfMenuScreen from '../screens/SelfMenuScreen';
import TutorInsaScreen from "../screens/TutorInsaScreen"; import TutorInsaScreen from "../screens/Websites/TutorInsaScreen";
import AmicaleScreen from "../screens/AmicaleScreen"; import AmicaleScreen from "../screens/Websites/AmicaleScreen";
import WiketudScreen from "../screens/WiketudScreen"; import WiketudScreen from "../screens/Websites/WiketudScreen";
import ElusEtudScreen from "../screens/ElusEtudScreen"; import ElusEtudScreen from "../screens/Websites/ElusEtudScreen";
import AvailableRoomScreen from "../screens/AvailableRoomScreen"; import BlueMindScreen from "../screens/Websites/BlueMindScreen";
import AvailableRoomScreen from "../screens/Websites/AvailableRoomScreen";
import DebugScreen from '../screens/DebugScreen'; import DebugScreen from '../screens/DebugScreen';
import {fromRight} from "react-navigation-transitions"; import {fromRight} from "react-navigation-transitions";
@ -35,6 +36,7 @@ function createAppContainerWithInitialRoute(initialRoute: string) {
AmicaleScreen: {screen: AmicaleScreen}, AmicaleScreen: {screen: AmicaleScreen},
WiketudScreen: {screen: WiketudScreen}, WiketudScreen: {screen: WiketudScreen},
ElusEtudScreen: {screen: ElusEtudScreen}, ElusEtudScreen: {screen: ElusEtudScreen},
BlueMindScreen: {screen: BlueMindScreen},
AvailableRoomScreen: {screen: AvailableRoomScreen}, AvailableRoomScreen: {screen: AvailableRoomScreen},
ProxiwashAboutScreen: {screen: ProxiwashAboutScreen}, ProxiwashAboutScreen: {screen: ProxiwashAboutScreen},
ProximoAboutScreen: {screen: ProximoAboutScreen}, ProximoAboutScreen: {screen: ProximoAboutScreen},

View file

@ -7,7 +7,7 @@ import HomeScreen from '../screens/HomeScreen';
import PlanningScreen from '../screens/PlanningScreen'; import PlanningScreen from '../screens/PlanningScreen';
import ProxiwashScreen from '../screens/Proxiwash/ProxiwashScreen'; import ProxiwashScreen from '../screens/Proxiwash/ProxiwashScreen';
import ProximoMainScreen from '../screens/Proximo/ProximoMainScreen'; import ProximoMainScreen from '../screens/Proximo/ProximoMainScreen';
import PlanexScreen from '../screens/PlanexScreen'; import PlanexScreen from '../screens/Websites/PlanexScreen';
import SettingsScreen from '../screens/SettingsScreen'; import SettingsScreen from '../screens/SettingsScreen';
import AboutScreen from '../screens/About/AboutScreen'; import AboutScreen from '../screens/About/AboutScreen';
import Sidebar from "../components/Sidebar"; import Sidebar from "../components/Sidebar";

View file

@ -5,7 +5,7 @@ import HomeScreen from '../screens/HomeScreen';
import PlanningScreen from '../screens/PlanningScreen'; import PlanningScreen from '../screens/PlanningScreen';
import ProxiwashScreen from '../screens/Proxiwash/ProxiwashScreen'; import ProxiwashScreen from '../screens/Proxiwash/ProxiwashScreen';
import ProximoMainScreen from '../screens/Proximo/ProximoMainScreen'; import ProximoMainScreen from '../screens/Proximo/ProximoMainScreen';
import PlanexScreen from '../screens/PlanexScreen'; import PlanexScreen from '../screens/Websites/PlanexScreen';
import CustomMaterialIcon from "../components/CustomMaterialIcon"; import CustomMaterialIcon from "../components/CustomMaterialIcon";
import ThemeManager from "../utils/ThemeManager"; import ThemeManager from "../utils/ThemeManager";
import AsyncStorageManager from "../utils/AsyncStorageManager"; import AsyncStorageManager from "../utils/AsyncStorageManager";

View file

@ -39,7 +39,7 @@ const links = {
"Application Amicale INSA Toulouse" + "Application Amicale INSA Toulouse" +
"&body=" + "&body=" +
"Coucou !\n\n", "Coucou !\n\n",
yohanLinkedin: 'https://www.linkedin.com/in/yohan-simard', // TODO set real link yohanLinkedin: 'https://www.linkedin.com/in/yohan-simard',
react: 'https://facebook.github.io/react-native/', react: 'https://facebook.github.io/react-native/',
}; };

View file

@ -1,8 +1,8 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import ThemeManager from "../utils/ThemeManager"; import ThemeManager from "../../utils/ThemeManager";
import WebViewScreen from "../components/WebViewScreen"; import WebViewScreen from "../../components/WebViewScreen";
type Props = { type Props = {
navigation: Object, navigation: Object,

View file

@ -1,7 +1,7 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import WebViewScreen from "../components/WebViewScreen"; import WebViewScreen from "../../components/WebViewScreen";
import i18n from "i18n-js"; import i18n from "i18n-js";
type Props = { type Props = {

View file

@ -0,0 +1,53 @@
// @flow
import * as React from 'react';
import ThemeManager from "../../utils/ThemeManager";
import WebViewScreen from "../../components/WebViewScreen";
import i18n from "i18n-js";
type Props = {
navigation: Object,
}
const URL = 'https://etud-mel.insa-toulouse.fr/webmail/';
const CUSTOM_CSS_GENERAL = '';
/**
* Class defining the app's planex screen.
* This screen uses a webview to render the planex page
*/
export default class AmicaleScreen extends React.Component<Props> {
customInjectedJS: string;
constructor() {
super();
this.customInjectedJS =
'$(document).ready(function() {' +
'$("head").append(\'<meta name="viewport" content="width=device-width, initial-scale=1.0">\');' +
'$("head").append(\'<link rel="stylesheet" href="' + CUSTOM_CSS_GENERAL + '" type="text/css"/>\');true;';
}
render() {
const nav = this.props.navigation;
return (
<WebViewScreen
navigation={nav}
data={[
{
url: URL,
icon: '',
name: '',
customJS: ''
},
]}
headerTitle={'Mails BlueMind'}
hasHeaderBackButton={true}
hasSideMenu={false}/>
);
}
}

View file

@ -1,8 +1,8 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import ThemeManager from "../utils/ThemeManager"; import ThemeManager from "../../utils/ThemeManager";
import WebViewScreen from "../components/WebViewScreen"; import WebViewScreen from "../../components/WebViewScreen";
type Props = { type Props = {
navigation: Object, navigation: Object,

View file

@ -1,8 +1,8 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import ThemeManager from "../utils/ThemeManager"; import ThemeManager from "../../utils/ThemeManager";
import WebViewScreen from "../components/WebViewScreen"; import WebViewScreen from "../../components/WebViewScreen";
import i18n from "i18n-js"; import i18n from "i18n-js";
type Props = { type Props = {
@ -73,7 +73,7 @@ export default class PlanexScreen extends React.Component<Props> {
this.customInjectedJS = this.customInjectedJS =
'$(document).ready(function() {' + '$(document).ready(function() {' +
OBSERVE_MUTATIONS_INJECTED + OBSERVE_MUTATIONS_INJECTED +
'$("head").append(\'<meta name="viewport" content="width=device-width, initial-scale=1.0">\');' + '$("head").append(\'<meta name="viewport" content="width=device-width, initial-scale=0.8">\');' +
'$("head").append(\'<link rel="stylesheet" href="' + CUSTOM_CSS_GENERAL + '" type="text/css"/>\');'; '$("head").append(\'<link rel="stylesheet" href="' + CUSTOM_CSS_GENERAL + '" type="text/css"/>\');';
if (ThemeManager.getNightMode()) if (ThemeManager.getNightMode())

View file

@ -1,8 +1,8 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import ThemeManager from "../utils/ThemeManager"; import ThemeManager from "../../utils/ThemeManager";
import WebViewScreen from "../components/WebViewScreen"; import WebViewScreen from "../../components/WebViewScreen";
type Props = { type Props = {
navigation: Object, navigation: Object,

View file

@ -1,8 +1,8 @@
// @flow // @flow
import * as React from 'react'; import * as React from 'react';
import ThemeManager from "../utils/ThemeManager"; import ThemeManager from "../../utils/ThemeManager";
import WebViewScreen from "../components/WebViewScreen"; import WebViewScreen from "../../components/WebViewScreen";
type Props = { type Props = {
navigation: Object, navigation: Object,

View file

@ -10,6 +10,11 @@
"about": "About", "about": "About",
"debug": "Debug" "debug": "Debug"
}, },
"sidenav": {
"divider1": "Nice websites",
"divider2": "Useful services",
"divider3": "Personalisation"
},
"intro": { "intro": {
"slide1": { "slide1": {
"title": "Welcome to CAMPUS", "title": "Welcome to CAMPUS",

View file

@ -10,6 +10,11 @@
"about": "À Propos", "about": "À Propos",
"debug": "Debug" "debug": "Debug"
}, },
"sidenav": {
"divider1": "Sites bien",
"divider2": "Services utiles",
"divider3": "Personnalisation"
},
"intro": { "intro": {
"slide1": { "slide1": {
"title": "Bienvenue sur CAMPUS", "title": "Bienvenue sur CAMPUS",