PresentationListItem and UploadingListItem components

bigbluebutton-html5/app/client/views/whiteboard/PresentationListItem.jsx

@@ -0,0 +1,25 @@
+PresentationListItem = React.createClass({
+  handleClickShow(){
+    return console.info('Should show the file `' + this.name + '`');
+  },
+
+  handleDelete(){
+    return console.info('Should delete the file `' + this.name + '`');
+  },
+  render() {
+    var fileItemClasses = "presenter-uploader-file-item" + (this.props.current ? " current" : "" )
+    return(
+      <li onClick={this.handleClickShow} class="presenter-uploader-file-item {{#if current}}current{{/if}}">
+        <span class="presenter-uploader-file-item-name" data-action-show>
+          {this.props.name}
+        </span>
+        <span class="presenter-uploader-file-item-actions">
+          {this.props.current ? null :
+            <i class="ion-ios-eye-outline" data-action-show></i>
+          }
+          <i onClick={this.handleClickDelete} class="ion-ios-trash-outline" data-action-delete></i>
+        </span>
+      </li>
+    );
+  }
+});

bigbluebutton-html5/app/client/views/whiteboard/UploadingFileListItem.jsx

@@ -0,0 +1,16 @@
+UploadingFileListItem = React.createClass ({
+  percUploaded() {
+    return Math.round((this.uploadedSize / this.size) * 100);
+  },
+
+  render() {
+    <li class="presenter-uploader-file-item is-uploading">
+      <span class="presenter-uploader-file-item-name">
+        {this.props.name}
+      </span>
+      <span class="presenter-uploader-file-item-progress">
+        {percUploaded}%
+      </span>
+    </li>
+  }
+});