Update the looks of My Projects route and add advanced filtering and configuration

jsapp/js/actions.es6

@@ -263,10 +263,13 @@ actions.resources.deployAsset.failed.listen(function(data, redeployment){
   alertify.alert(t('unable to deploy'), failure_message);
 });
 
-actions.resources.setDeploymentActive.listen(function(details) {
+actions.resources.setDeploymentActive.listen(function(details, onComplete) {
   dataInterface.setDeploymentActive(details)
     .done((data) => {
       actions.resources.setDeploymentActive.completed(data.asset);
+      if (typeof onComplete === 'function') {
+        onComplete(data);
+      }
     })
     .fail(actions.resources.setDeploymentActive.failed);
 });

jsapp/js/api.ts

@@ -4,7 +4,17 @@ import type {Json} from './components/common/common.interfaces';
 
 const JSON_HEADER = 'application/json';
 
-const fetchData = async <T>(path: string, method = 'GET', data?: Json) => {
+const fetchData = async <T>(
+  /** If you have full url to be called, remember to use `prependRootUrl`. */
+  path: string,
+  method = 'GET',
+  data?: Json,
+  /**
+   * Useful if you already have a full URL to be called and there is no point
+   * adding `ROOT_URL` to it.
+   */
+  prependRootUrl = true,
+) => {
   const headers: {[key: string]: string} = {
     Accept: JSON_HEADER,
   };
@@ -18,7 +28,9 @@ const fetchData = async <T>(path: string, method = 'GET', data?: Json) => {
     headers['Content-Type'] = JSON_HEADER;
   }
 
-  const response = await fetch(ROOT_URL + path, {
+  const url = prependRootUrl ? ROOT_URL + path : path;
+
+  const response = await fetch(url, {
     method: method,
     headers,
     body: JSON.stringify(data),
@@ -37,6 +49,10 @@ export const fetchGet = async <T>(path: string) => fetchData<T>(path);
 export const fetchPost = async <T>(path: string, data: Json) =>
   fetchData<T>(path, 'POST', data);
 
+/** POST data to Kobo API at url */
+export const fetchPostUrl = async <T>(url: string, data: Json) =>
+  fetchData<T>(url, 'POST', data, false);
+
 /** PATCH (update) data to Kobo API at path */
 export const fetchPatch = async <T>(path: string, data: Json) =>
   fetchData<T>(path, 'PATCH', data);