Add image export option

Setup frontend with actions and reducers.
Receiving request in the backend.
Can create annotations for image files.
Ability to download zipped annotations.

labellab-client/src/actions/image.js

@@ -8,7 +8,10 @@ import {
   FETCH_IMAGE_FAILURE,
   FETCH_IMAGE_REQUEST,
   FETCH_IMAGE_SUCCESS,
-  SET_IMAGE_STATE
+  SET_IMAGE_STATE,
+  DOWNLOAD_REQUEST,
+  DOWNLOAD_FAILURE,
+  DOWNLOAD_SUCCESS
 } from '../constants/index'
 
 import FetchApi from '../utils/FetchAPI'
@@ -106,3 +109,30 @@ export const setNextPrev = (next, prev) => {
     return { type: SET_IMAGE_STATE, payload: data }
   }
 }
+
+export const exportDataset = callback => {
+  return dispatch => {
+    dispatch(request())
+    FetchApi('GET', '/api/v1/image/export', null, true)
+      .then(res => {
+        dispatch(success(res.data.body))
+        callback()
+      })
+      .catch(err => {
+        if (err.response) {
+          err.response.data
+            ? dispatch(failure(err.response.data.msg))
+            : dispatch(failure(err.response.statusText, null))
+        }
+      })
+  }
+  function request() {
+    return { type: DOWNLOAD_REQUEST }
+  }
+  function success(data) {
+    return { type: DOWNLOAD_SUCCESS, payload: data }
+  }
+  function failure(error) {
+    return { type: DOWNLOAD_FAILURE, payload: error }
+  }
+}

labellab-client/src/components/labeller/index.js

@@ -116,7 +116,9 @@ class LabelingLoader extends Component {
             labels={lab}
             labelData={(img && img.labelData) || {}}
             imageUrl={
+              'http://' +
               process.env.REACT_APP_HOST +
+              ':' +
               process.env.REACT_APP_SERVER_PORT +
               `/static/uploads/${image.imageUrl}?${Date.now()}`
             }