Fixed most bugs and now able to upload file to firebase cloud storage.

4 files changed, 16 insertions, 13 deletions

diff --git a/index.html b/index.html
index 05131cc..58f5a95 100644
--- a/index.html
+++ b/index.html
@@ -69,6 +69,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     <script src="https://www.gstatic.com/firebasejs/5.3.0/firebase-app.js"></script>
     <script src="https://www.gstatic.com/firebasejs/5.3.0/firebase-auth.js"></script>
     <script src="https://www.gstatic.com/firebasejs/5.3.0/firebase-firestore.js"></script>
+    <script src="https://www.gstatic.com/firebasejs/5.3.0/firebase-storage.js"></script>
 
     <script>
       // Load and register pre-caching Service Worker
diff --git a/src/actions/firebaseStorage.js b/src/actions/firebaseStorage.js
index 950dfda..8cdbd59 100644
--- a/src/actions/firebaseStorage.js
+++ b/src/actions/firebaseStorage.js
@@ -2,14 +2,17 @@ import { storage } from '../firebase.js';
 
 export const UPLOAD_PICTURE = 'UPLOAD_PICTURE';
 
-export const uploadPicture = (picutreFile, uploader) => (dispatch, getState) => {
-    var storageRef  =   storage.ref('requests/' + getState().firebaseAuth.uid + '/' + file.name);
+export const uploadPicture = (file, uploader) => (dispatch, getState) => {
+    if(file) {
+      var storageRef  =   storage.ref('requests/' + getState().firebaseAuth.uid + '/' + file.name);
 
-    var task = storageRef.put(file);
-
-    task.on('state_changed', function(snapshot) {
-        var percentage  = (snapshot.bytedTransferred /
+      var task = storageRef.put(file);
+    
+      task.on('state_changed', function(snapshot) {
+        var percentage  = (snapshot.bytesTransferred /
         snapshot.totalBytes) * 100;
+        console.log(percentage);
         uploader.value  = percentage;
-    });
-}
\ No newline at end of file
+      });
+    }
+}
diff --git a/src/components/mao-tutoring.js b/src/components/mao-tutoring.js
index 936773a..887c078 100644
--- a/src/components/mao-tutoring.js
+++ b/src/components/mao-tutoring.js
@@ -149,7 +149,6 @@ class MaoTutoring extends connect(store)(PageViewElement) {
       #uploader {
         appearance: none;
         width: 100%;
-        margin: 10px;
       }
       </style>
 
@@ -225,7 +224,7 @@ class MaoTutoring extends connect(store)(PageViewElement) {
               </vaadin-date-picker>
 
               <div class="picture-upload">
-                <paper-input onchange="${() => this.uploadFile()}" id="pictureField" value="" label="Upload Picture With Trainee" type="file"></paper-input>
+                <paper-input onchange="${() => this.uploadFile()}" id="pictureField" label="Upload Picture With Trainee" type="file" accept="image/png, image/jpeg"></paper-input>
                 <paper-progress value="0" max="100" id="uploader"></paper-progress>
               </div>
               
@@ -350,9 +349,9 @@ class MaoTutoring extends connect(store)(PageViewElement) {
   uploadFile() {
     if(this.shadowRoot) {
       var uploader  = this.shadowRoot.getElementById('uploader');
-      var file      = this.shadowRoot.getElementById('pictureField').files[0];
+      var file      = this.shadowRoot.getElementById('pictureField').inputElement.inputElement.files[0];
 
-      store.dispatch()
+      store.dispatch(uploadPicture(file, uploader));
     }
   }
 
diff --git a/src/reducers/firebaseStorage.js b/src/reducers/firebaseStorage.js
index f58bad5..1c07449 100644
--- a/src/reducers/firebaseStorage.js
+++ b/src/reducers/firebaseStorage.js
@@ -12,7 +12,7 @@ import {
   }
   from '../actions/firebaseStorage.js';
   
-  const firebaseFirestore = (state = {}, action) => {
+  const firebaseStorage = (state = {}, action) => {
     switch (action.type) {
       default:
         return state;