değişiklikler düzenlenecek

Author: Emre Güdür

android/.project

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>example</name>
+	<comment>Project android_ created by Buildship.</comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
+	</natures>
+</projectDescription>

android/.settings/org.eclipse.buildship.core.prefs

@@ -0,0 +1,13 @@
+arguments=
+auto.sync=false
+build.scans.enabled=false
+connection.gradle.distribution=GRADLE_DISTRIBUTION(WRAPPER)
+connection.project.dir=
+eclipse.preferences.version=1
+gradle.user.home=
+java.home=C\:/Program Files (x86)/Java/jdk1.8.0_251
+jvm.arguments=
+offline.mode=false
+override.workspace.settings=true
+show.console.view=true
+show.executions.view=true

android/app/.classpath

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8"/>
+	<classpathentry kind="con" path="org.eclipse.buildship.core.gradleclasspathcontainer"/>
+	<classpathentry kind="output" path="bin"/>
+</classpath>

android/app/.project

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>app</name>
+	<comment>Project app created by Buildship.</comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.buildship.core.gradleprojectbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
+	</natures>
+</projectDescription>

android/app/.settings/org.eclipse.buildship.core.prefs

@@ -0,0 +1,2 @@
+connection.project.dir=..
+eclipse.preferences.version=1

example/App.js

@@ -43,7 +43,7 @@ export class App extends Component {
     }
 
     UNSAFE_componentWillMount() {
-        this.addMessage(6)
+        this.addMessage(7)
     }
 
     getRandomColor() {
@@ -56,7 +56,7 @@ export class App extends Component {
     }
 
     token() {
-        return (parseInt(Math.random() * 10 % 7));
+        return (parseInt(Math.random() * 10 % 8));
     }
 
     photo(size) {
@@ -97,6 +97,9 @@ export class App extends Component {
                         mtype = 'video';
                         status = 'sent';
                         break;
+                    case 7:
+                        mtype = 'audio';
+                        break;
                     default:
                         mtype = 'text';
                         status = 'read';
@@ -119,7 +122,7 @@ export class App extends Component {
                         date: +new Date(),
                         collapseTitle: loremIpsum({ count: 2, units: 'words' }),
                         participants: Array(this.token() + 6).fill(1).map(x => ({
-                            id: parseInt(Math.random() * 10 % 6),
+                            id: parseInt(Math.random() * 10 % 7),
                             title: loremIpsum({ count: 1, units: 'words' }),
                         })),
                         dataSource: Array(this.token() + 5).fill(1).map(x => ({
@@ -153,6 +156,7 @@ export class App extends Component {
                     text: mtype === 'spotify' ? 'spotify:track:0QjjaCaXE45mvhCnV3C0TA' : loremIpsum({ count: 1, units: 'sentences' }),
                     data: {
                         videoURL: this.token() >= 1 ? 'https://www.w3schools.com/html/mov_bbb.mp4' : 'http://www.exit109.com/~dnn/clips/RW20seconds_1.mp4',
+                        audioURL: 'https://www.w3schools.com/html/horse.mp3',
                         uri: `data:image/png;base64,${this.photo(150)}`,
                         status: {
                             click: true,

src/AudioMessage/AudioMessage.css

@@ -0,0 +1,3 @@
+.rce-mbox-audio {
+    padding-bottom: 10px;
+}

src/AudioMessage/AudioMessage.js

@@ -0,0 +1,20 @@
+import React from 'react';
+
+import './AudioMessage.css';
+
+export default class AudioMessage extends React.PureComponent {
+    render() {
+        return (
+            <div className={'rce-mbox-audio'}>
+                <audio controls>
+                    <source src={this.props.audioURL} type="audio/mp3"/>
+                    Your browser does not support the audio element.
+                </audio>
+            </div>
+        );
+    }
+}
+
+AudioMessage.defaultProps = {
+    audioURL: null,
+};

src/MessageBox/MessageBox.js

@@ -9,6 +9,7 @@ import SpotifyMessage from '../SpotifyMessage/SpotifyMessage';
 import ReplyMessage from '../ReplyMessage/ReplyMessage';
 import MeetingMessage from '../MeetingMessage/MeetingMessage';
 import VideoMessage from '../VideoMessage/VideoMessage';
+import AudioMessage from '../AudioMessage/AudioMessage';
 
 import Avatar from '../Avatar/Avatar';
 
@@ -41,7 +42,7 @@ export class MessageBox extends React.PureComponent {
 
     render() {
         var positionCls = classNames('rce-mbox', { 'rce-mbox-right': this.props.position === 'right' });
-        var thatAbsoluteTime = !/(text|video|file|meeting)/g.test(this.props.type) && !(this.props.type === 'location' && this.props.text);
+        var thatAbsoluteTime = !/(text|video|file|meeting|audio)/g.test(this.props.type) && !(this.props.type === 'location' && this.props.text);
 
         const dateText = this.props.date && !isNaN(this.props.date) && (
             this.props.dateString ||
@@ -217,6 +218,10 @@ export class MessageBox extends React.PureComponent {
                                         onMeetingVideoLinkClick={this.props.onMeetingVideoLinkClick}
                                         onMeetingTitleClick={this.props.onMeetingTitleClick} />
                                 }
+                                {
+                                    this.props.type === 'audio' &&
+                                    <AudioMessage audioURL={this.props.data.audioURL}/>
+                                }
 
                                 <div
                                     className={classNames(

src/index.js

@@ -14,7 +14,7 @@ import ReplyMessage from './ReplyMessage/ReplyMessage';
 import MeetingItem from './MeetingItem/MeetingItem';
 import MeetingList from './MeetingList/MeetingList';
 import MeetingMessage from './MeetingMessage/MeetingMessage';
-
+import AudioMessage from './AudioMessage/AudioMessage';
 
 export {
     MessageBox,
@@ -33,4 +33,5 @@ export {
     MeetingItem,
     MeetingList,
     MeetingMessage,
+    AudioMessage,
 };