movie screen and description

Author: Minacava

ios/build/LineApp/Build/Intermediates.noindex/LineApp.build/Debug-iphonesimulator/LineApp.build/LineApp.app-Simulated.xcent

@@ -3,10 +3,10 @@
 <plist version="1.0">
 <dict>
 	<key>application-identifier</key>
-	<string>FAKETEAMID.org.reactjs.native.example.LineApp</string>
+	<string>7PYK8XUWA3.org.reactjs.native.example.LineApp</string>
 	<key>keychain-access-groups</key>
 	<array>
-		<string>FAKETEAMID.org.reactjs.native.example.LineApp</string>
+		<string>7PYK8XUWA3.org.reactjs.native.example.LineApp</string>
 	</array>
 </dict>
 </plist>

ios/build/LineApp/Build/Intermediates.noindex/LineApp.build/Debug-iphonesimulator/LineApp.build/dgph

@@ -3,10 +3,10 @@
 <plist version="1.0">
 <dict>
 	<key>application-identifier</key>
-	<string>FAKETEAMID.org.reactjs.native.example.LineAppTests</string>
+	<string>7PYK8XUWA3.org.reactjs.native.example.LineAppTests</string>
 	<key>keychain-access-groups</key>
 	<array>
-		<string>FAKETEAMID.org.reactjs.native.example.LineAppTests</string>
+		<string>7PYK8XUWA3.org.reactjs.native.example.LineAppTests</string>
 	</array>
 </dict>
 </plist>

ios/build/LineApp/Build/Intermediates.noindex/LineApp.build/Debug-iphonesimulator/LineAppTests.build/LineAppTests.xctest-Simulated.xcent

@@ -6,6 +6,38 @@
 	<integer>10</integer>
 	<key>logs</key>
 	<dict>
+		<key>5FBD2FC6-EC86-4839-AE7B-D2B98C6B5FC0</key>
+		<dict>
+			<key>className</key>
+			<string>IDECommandLineBuildLog</string>
+			<key>documentTypeString</key>
+			<string>&lt;nil&gt;</string>
+			<key>domainType</key>
+			<string>Xcode.IDEActivityLogDomainType.BuildLog</string>
+			<key>fileName</key>
+			<string>5FBD2FC6-EC86-4839-AE7B-D2B98C6B5FC0.xcactivitylog</string>
+			<key>primaryObservable</key>
+			<dict>
+				<key>highLevelStatus</key>
+				<string>W</string>
+			</dict>
+			<key>schemeIdentifier-containerName</key>
+			<string>LineApp project</string>
+			<key>schemeIdentifier-schemeName</key>
+			<string>LineApp</string>
+			<key>schemeIdentifier-sharedScheme</key>
+			<integer>1</integer>
+			<key>signature</key>
+			<string>Building project LineApp with scheme LineApp and configuration Debug</string>
+			<key>timeStartedRecording</key>
+			<real>589057410.79598105</real>
+			<key>timeStoppedRecording</key>
+			<real>589057417.34411299</real>
+			<key>title</key>
+			<string>Building project LineApp with scheme LineApp and configuration Debug</string>
+			<key>uniqueIdentifier</key>
+			<string>5FBD2FC6-EC86-4839-AE7B-D2B98C6B5FC0</string>
+		</dict>
 		<key>B80A73AB-D564-4D3D-B531-3A6E7C2D6A93</key>
 		<dict>
 			<key>className</key>

ios/build/LineApp/Build/Intermediates.noindex/LineApp.build/Debug-iphonesimulator/LineAppTests.build/dgph

@@ -3,7 +3,7 @@
 <plist version="1.0">
 <dict>
 	<key>LastAccessedDate</key>
-	<date>2019-08-26T19:32:36Z</date>
+	<date>2019-09-01T19:03:30Z</date>
 	<key>WorkspacePath</key>
 	<string>/Users/minamac/Desktop/Proyectos/lineVideo/ios/LineApp.xcodeproj</string>
 </dict>

ios/build/LineApp/Build/Intermediates.noindex/RCTActionSheet.build/Debug-iphonesimulator/RCTActionSheet.build/dgph

@@ -17,6 +17,7 @@ function FullScreen(props) {
                 {
                     props.fullScreen ? <Iconf name="compress" color="white" size={20} /> : <Icon name="md-expand" size={20} color="white" />
                 }
+
             </TouchableHighlight>
         </View>
     )

ios/build/LineApp/Build/Intermediates.noindex/RCTAnimation.build/Debug-iphonesimulator/RCTAnimation.build/dgph

@@ -43,18 +43,19 @@ class Player extends Component {
   }
   onFullScreen = () => {
     this.fullScreen();
-    this.state.fullScreen ? this.video.dismissFullscreenPlayer() : this.video.presentFullscreenPlayer(); //esto no funciona del todo bien 
+    this.state.fullScreen ? this.video.dismissFullscreenPlayer() : this.video.presentFullscreenPlayer();
+    this.fullScreen();
   }
   videoRef = (element) => {
     this.video = element;
   }
   onProgress = (playload) => {
-    let currentTime = playload.currentTime / 60; //tiempo transcurrido en minutos
-    let minutes = Math.floor(currentTime); //tiempo transcurrido sin decimales
+    let currentTime = playload.currentTime / 60;
+    let minutes = Math.floor(currentTime);
     let seconds = currentTime % 1;
     seconds = (seconds * 60) / 1000;
-    let time = (minutes + seconds * 10).toFixed(2); //toFixed(2) 2 decimales
-    let duration = (playload.seekableDuration / 60).toFixed(2)//seekableDuration: duracion de todo el video
+    let time = (minutes + seconds * 10).toFixed(2);
+    let duration = (playload.seekableDuration / 60).toFixed(2)
     this.setState({
       currentTime: time,
       progress: (playload.currentTime / playload.seekableDuration),

ios/build/LineApp/Build/Intermediates.noindex/RCTBlob.build/Debug-iphonesimulator/RCTBlob.build/dgph

@@ -1,18 +1,38 @@
 import React, { Component } from 'react';
 import MovieLayout from '../components/movie';
 import Player from "../../player/containers/player";
+import Details from '../../videos/components/details'
 import Header from '../../sections/components/header';
-
+import Close from '../../sections/components/close';
+import { connect } from 'react-redux';
 class Movie extends Component {
+    closeVideo = () => {
+        this.props.dispatch({
+            type: 'SET_SELECTED_MOVIE',
+            payload: {
+                movie: null,
+            }
+        })
+    }
     render() {
         return (
             <MovieLayout>
-                <Header />
+                <Header>
+                    <Close
+                        onPress={this.closeVideo}
+                    />
+                </Header>
                 <Player />
+                <Details {...this.props.movie} />
             </MovieLayout>
         )
-
     }
 }
+function mapStateToProps(state) {
+    return {
+        movie: state.selectedMovie
+    }
+}
+
 
-export default Movie
+export default connect(mapStateToProps)(Movie);

ios/build/LineApp/Build/Intermediates.noindex/RCTGeolocation.build/Debug-iphonesimulator/RCTGeolocation.build/dgph

@@ -0,0 +1,45 @@
+import React from 'react';
+import {
+    Text,
+    View,
+    Animated,
+    StyleSheet,
+    TouchableOpacity
+} from 'react-native';
+
+
+function Close(props) {
+    this.fadeAnimation = new Animated.Value(0)
+    Animated.timing(this.fadeAnimation, {
+        toValue: 1,
+        duration: 1000,
+        useNativeDriver: true,
+    }).start()
+    return (
+        <TouchableOpacity
+            onPress={props.onPress}
+            style={styles.container}
+        >
+            <Animated.Text style={[styles.button, { opacity: this.fadeAnimation }]}>X</Animated.Text>
+        </TouchableOpacity>
+    )
+}
+const styles = StyleSheet.create({
+    button: {
+        fontWeight: 'bold',
+        color: 'white',
+    },
+    container: {
+        backgroundColor: '#EE0039',
+        borderRadius: 12,
+        width: 25,
+        height: 25,
+        overflow: 'hidden',
+        alignItems: 'center',
+        justifyContent: 'center',
+        right: 20,
+        top: 25,
+    }
+})
+
+export default Close;

ios/build/LineApp/Build/Intermediates.noindex/RCTImage.build/Debug-iphonesimulator/RCTImage.build/dgph

@@ -19,14 +19,13 @@ function Header(props) {
                         {props.children}
                     </View>
                 </View>
-
             </SafeAreaView>
         </View>
     )
 }
 const styles = StyleSheet.create({
     container: {
-        paddingVertical: 5,
+        paddingVertical: 1,
         paddingHorizontal: 5,
         flexDirection: 'row',
     },

ios/build/LineApp/Build/Intermediates.noindex/RCTLinking.build/Debug-iphonesimulator/RCTLinking.build/dgph

@@ -17,7 +17,6 @@ function CategoryListLayout(props) {
 
 const styles = StyleSheet.create({
     container: {
-        paddingVertical: 30,
         paddingHorizontal: 10,
     },
     title: {

ios/build/LineApp/Build/Intermediates.noindex/RCTNetwork.build/Debug-iphonesimulator/RCTNetwork.build/dgph

@@ -0,0 +1,64 @@
+import React from 'react';
+import { View, Text, Image, StyleSheet, ScrollView } from 'react-native';
+
+function Details(props) {
+    return (
+        <View>
+            <View style={styles.top}>
+                <Text>{props.title}</Text>
+            </View>
+            <View style={styles.bottom}>
+                <ScrollView>
+                    <View style={styles.details}>
+                        <Image
+                            style={styles.cover}
+                            source={{ uri: props.medium_cover_image }}
+                        />
+
+                        <Text style={styles.description}>{props.description_full}</Text>
+
+                    </View>
+                </ScrollView>
+            </View>
+        </View>
+    )
+}
+
+export default Details;
+
+const styles = StyleSheet.create({
+    container: {},
+    trailer: {
+        height: 200
+    },
+    details: {
+        flexDirection: "row",
+        marginBottom: 20
+    },
+    cover: {
+        width: 125,
+        height: 190
+    },
+    title: {
+        color: "#44546b",
+        fontSize: 18,
+        fontWeight: "bold"
+    },
+    top: {
+        borderBottomWidth: 1,
+        borderBottomColor: "#eaeaea",
+        padding: 20,
+        backgroundColor: "white"
+    },
+    bottom: {
+        padding: 20,
+
+    },
+    description: {
+        fontSize: 15,
+        lineHeight: 22.5,
+        color: "#4c4c4c",
+        marginLeft: 10,
+        flex: 1
+    }
+});

ios/build/LineApp/Build/Intermediates.noindex/RCTSettings.build/Debug-iphonesimulator/RCTSettings.build/dgph

@@ -5,18 +5,37 @@ import {
     Image,
     Text,
     StyleSheet,
-    TouchableOpacity
+    TouchableOpacity,
+    Animated
 } from 'react-native';
 
 function Suggestion(props) {
+    this.fadeImage = new Animated.Value(0)
+    Animated.timing(this.fadeImage, {
+        toValue: 1,
+        duration: 500,
+        useNativeDriver: true,
+    }).start()
     return (
         <TouchableOpacity
             onPress={props.onPress}
         >
             <View style={styles.contanier}>
                 <View style={styles.left}>
-                    <Image
-                        style={styles.cover}
+                    <Animated.Image
+                        style={[styles.cover,
+                        {
+                            opacity: this.fadeImage,
+                            transform: [
+                                {
+                                    scale: this.fadeImage.interpolate({
+                                        inputRange: [0, 1],
+                                        outputRange: [0.85, 1],
+                                    })
+                                }
+                            ]
+
+                        }]}
                         source={{ uri: props.medium_cover_image }}
                     />
                 </View>

ios/build/LineApp/Build/Intermediates.noindex/RCTText.build/Debug-iphonesimulator/RCTText.build/dgph

@@ -11,6 +11,7 @@ import storage from 'redux-persist/lib/storage';
 const persistConfig = {
     key: 'root',
     storage,
+    blacklist: ['selectedMovie']
 }
 const persistedReducer = persistReducer(persistConfig, reducer)