mirror of
https://github.com/Blair-SGA-Dev-Team/blazerapp.git
synced 2024-11-21 12:31:16 -05:00
poll pg (no css?) + styling
This commit is contained in:
parent
a4770d9fa0
commit
3b842be5c9
|
@ -55,7 +55,7 @@ function TeacherButton(props) {
|
|||
return (
|
||||
<View style={[styles.item1,{flexDirection:'row'}]}>
|
||||
<TouchableOpacity style={{flex:1}} onPress={()=>{props.navigation.navigate('TeacherList',{data:props.data,name:props.name})}} activeOpacity={0.8}>
|
||||
<Text style={styles.title}>{props.name}</Text>
|
||||
<Text style={styles.title3}>{props.name}</Text>
|
||||
</TouchableOpacity>
|
||||
{props.icon?<Icon.Button color={color} name="star" size={30} style={{alignSelf:'center'}} backgroundColor="white" onPress={()=>{setColor(color=='#dba309'?'lightgrey':'#dba309');props.addFavorite(props.name)}}/>:<></>}
|
||||
</View>
|
||||
|
|
|
@ -34,7 +34,7 @@ const Stack = createStackNavigator();
|
|||
export const ClubInfo = ({route}) => {
|
||||
const item = route.params;
|
||||
return (
|
||||
<View style = {{padding: 10}}>
|
||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||
<View style ={styles.infoContainer}>
|
||||
<Text style = {styles.title1}>Meeting Time and Day: </Text>
|
||||
<Text style = {{fontSize:20}}>{item.meeting}</Text>
|
||||
|
@ -57,7 +57,7 @@ function ClubElement (props) {
|
|||
<TouchableOpacity style={styles.item1} onPress={()=>props.navigation.navigate('ClubInfo', {data:props.data,name:props.name,meeting:item.meeting,link:item.link,sponsor:item.sponsor})} activeOpacity={0.8}>
|
||||
<View style = {{display: 'flex', flexDirection: 'row', alignItems: 'center'}}>
|
||||
<Image source = {require('./assets/clubs.png')} style = {{height: 40, width: 40, marginRight: 10}}/>
|
||||
<Text style={styles.title}>{props.item.name}</Text>
|
||||
<Text style={styles.title3}>{props.item.name}</Text>
|
||||
</View>
|
||||
|
||||
</TouchableOpacity>
|
||||
|
|
|
@ -27,7 +27,7 @@ const Stack = createStackNavigator();
|
|||
export const LunchInfo = ({route}) => {
|
||||
const item = route.params;
|
||||
return (
|
||||
<View style = {{padding: 10}}>
|
||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||
<View style ={styles.infoContainer}>
|
||||
<Text style = {styles.title1}>Description: </Text>
|
||||
<Text style = {styles.title}>{item.text}</Text>
|
||||
|
@ -47,7 +47,7 @@ function LunchEvent (props) {
|
|||
<TouchableOpacity style={styles.item1} onPress={()=>props.navigation.navigate('LunchInfo', {data:props.data,name:item.title,text:item.text,loc:item.loc})} activeOpacity={0.8}>
|
||||
<View style = {{display: 'flex', flexDirection: 'row', alignItems: 'center'}}>
|
||||
<Image source = {require('./assets/lunch.png')} style = {{height: 40, width: 40, marginRight: 10}}/>
|
||||
<Text style={styles.title}>{item.title}</Text>
|
||||
<Text style={styles.title3}>{item.title}</Text>
|
||||
</View>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
|
|
15
app/Poll.js
15
app/Poll.js
|
@ -15,13 +15,20 @@ import {
|
|||
DebugInstructions,
|
||||
ReloadInstructions,
|
||||
} from 'react-native/Libraries/NewAppScreen';
|
||||
|
||||
import {WebView} from 'react-native-webview';
|
||||
class Poll extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
<View>
|
||||
|
||||
</View>
|
||||
<WebView
|
||||
source = {{uri: 'https://docs.google.com/forms/d/e/1FAIpQLSfR0XP2yo3TV3egz7aMok56wnP9kG4FQt2v3rHrrayf8uC7Vw/viewform?usp=sf_link'}}
|
||||
javaScriptEnabled={true}
|
||||
domStorageEnabled={true}
|
||||
startInLoadingState={true}
|
||||
style={{marginTop: 20}}
|
||||
cacheEnabled={true}
|
||||
|
||||
/>
|
||||
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
@ -29,7 +29,7 @@ export const SSLInfo = ({route}) => {
|
|||
const item = route.params;
|
||||
console
|
||||
return (
|
||||
<View style = {{padding: 10}}>
|
||||
<View style = {{padding: 10, backgroundColor: 'white', height: '100%'}}>
|
||||
<View style ={styles.infoContainer}>
|
||||
<Text style = {styles.title1}>Description: </Text>
|
||||
<Text style = {styles.title}>{item.text}</Text>
|
||||
|
@ -53,7 +53,7 @@ function SSLElement (props) {
|
|||
<TouchableOpacity style={styles.item1} onPress={()=>props.navigation.navigate('SSLInfo', {data: props.data, name: item.item.title, text: item.item.text, loc:item.item.loc, teacher: item.item.teacher})} activeOpacity={0.8}>
|
||||
<View style = {{display: 'flex', flexDirection: 'row', alignItems: 'center'}}>
|
||||
<Image source = {require('./assets/sslopps.png')} style = {{height: 40, width: 40, marginRight: 10}}/>
|
||||
<Text style={styles.title}>{item.item.title}</Text>
|
||||
<Text style={styles.title3}>{item.item.title}</Text>
|
||||
</View>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
|
|
|
@ -32,7 +32,7 @@ const StaffElement = ({item}) => {
|
|||
<TouchableOpacity style={styles.item1} onPress={()=>setVisible(!visible)} activeOpacity={0.8}>
|
||||
<View style = {{display: 'flex', flexDirection: 'row', alignItems: 'center'}}>
|
||||
<Image source = {require('./assets/staff.png')} style = {{height: 40, width: 40, marginRight: 10}}/>
|
||||
<Text style={styles.title}>{item.item.name}</Text>
|
||||
<Text style={styles.title3}>{item.item.name}</Text>
|
||||
</View>
|
||||
{visible?extra:<></>}
|
||||
</TouchableOpacity>
|
||||
|
|
|
@ -45,13 +45,31 @@ class StudentWeek extends React.Component {
|
|||
} else {
|
||||
const iconURI = this.state.data.icon !== undefined?`data:image/png;charset=utf-8;base64,${this.state.data.icon}`:'';
|
||||
return (
|
||||
<View style={{paddingTop:'5%',paddingLeft:'10%',paddingRight:'10%'}}>
|
||||
<Text style={{fontSize:32,marginBottom:'10%',textAlign:'center'}}>{this.state.data.name}</Text>
|
||||
<Image style = {{height: '50%', width:'100%'}}source={{uri:iconURI}} />
|
||||
<View style = {{paddingTop:'5%'}}>
|
||||
<Text style={{fontSize: 20}}>Grade {this.state.data.year}</Text>
|
||||
<Text style={{fontSize: 20}}>{"\n"}Hobbies: {this.state.data.hobbies}</Text>
|
||||
<Text style={{fontSize: 20}}>{"\n"}Achievements: {this.state.data.achievements}</Text>
|
||||
<View style={{paddingTop:'5%',paddingHorizontal:'10%', backgroundColor: 'white', height: '100%'}}>
|
||||
<View style = {{display: 'flex', flexDirection: 'row', justifyContent: 'space-between'}}>
|
||||
<View>
|
||||
<Text style={{fontSize:28,marginBottom:'10%',textAlign:'center'}}>{this.state.data.name}</Text>
|
||||
<Text style={{fontSize:20}}>{'\t'}Grade {this.state.data.year}</Text>
|
||||
</View>
|
||||
<View style = {{height: 150, width: 150}}>
|
||||
<Image style = {{height: '100%', width:'100%', borderRadius: 6}}source={{iconURI}} />
|
||||
</View>
|
||||
|
||||
</View>
|
||||
|
||||
<View style = {{paddingTop:'10%', height: '55%', display: 'flex', flexDirection: 'column', justifyContent: 'space-between'}}>
|
||||
<View>
|
||||
<Text style={{fontSize: 20, fontWeight: 'bold'}}>{"\n"}Hobbies</Text>
|
||||
<Text style={{fontSize: 20}}>{'\t'}{this.state.data.hobbies}</Text>
|
||||
</View>
|
||||
<View>
|
||||
<Text style={{fontSize: 20, fontWeight: 'bold'}}>{"\n"}Achievements </Text>
|
||||
<Text style={{fontSize: 20}}>{'\t'}{this.state.data.achievements}</Text>
|
||||
</View>
|
||||
<View>
|
||||
<Text style={{fontSize: 20, fontWeight: 'bold'}}>{"\n"}Message</Text>
|
||||
<Text style={{fontSize: 20}}>{'\t'}{this.state.data.messages}</Text>
|
||||
</View>
|
||||
</View>
|
||||
|
||||
</View>
|
||||
|
|
|
@ -19,7 +19,7 @@ const styles = StyleSheet.create({
|
|||
width: '100%',
|
||||
},
|
||||
title: {
|
||||
fontSize: 28,
|
||||
fontSize: 20,
|
||||
},
|
||||
date: {
|
||||
fontSize:12,
|
||||
|
@ -40,6 +40,9 @@ const styles = StyleSheet.create({
|
|||
textDecorationStyle: "solid",
|
||||
textDecorationColor: "red",
|
||||
},
|
||||
title3: {
|
||||
fontSize: 28,
|
||||
},
|
||||
link: {
|
||||
fontSize: 28,
|
||||
textDecorationLine: 'underline',
|
||||
|
@ -51,6 +54,13 @@ const styles = StyleSheet.create({
|
|||
borderRadius: 6,
|
||||
padding: 5,
|
||||
marginBottom: 10,
|
||||
shadowColor: "black",
|
||||
shadowOffset: {
|
||||
width: 0,
|
||||
height: 0
|
||||
},
|
||||
shadowOpacity: 0.3,
|
||||
shadowRadius: 3,
|
||||
},
|
||||
headerTitle: {
|
||||
fontSize: 24,
|
||||
|
|
Loading…
Reference in New Issue
Block a user