Processor cancelled vs finished; Re-run processor if incomplete during next render

src/js/services/ui/actions.js

@@ -200,6 +200,13 @@ export function cancelProcess(key){
     }
 }
 
+export function processCancelled(key){
+    return { 
+        type: 'PROCESS_CANCELLED',
+        key: key
+    }
+}
+
 export function processFinished(key){
     return { 
         type: 'PROCESS_FINISHED',

src/js/services/ui/middleware.js

@@ -130,9 +130,16 @@ const UIMiddleware = (function(){
                 next(action)
                 break
 
-            case 'CANCEL_PROCESS':
+            case 'PROCESS_CANCELLED':
                 store.dispatch({
-                    type: action.key+'_CANCEL'
+                    type: action.key+'_CANCELLED'
+                })
+                next(action)
+                break
+
+            case 'PROCESS_FINISHED':
+                store.dispatch({
+                    type: action.key+'_FINISHED'
                 })
                 next(action)
                 break

src/js/services/ui/reducer.js

@@ -153,6 +153,7 @@ export default function reducer(ui = {}, action){
             }
             return Object.assign({}, ui, {processes: processes})
 
+         case 'PROCESS_CANCELLED':
          case 'PROCESS_FINISHED':
             var processes = Object.assign({}, (ui.processes ? ui.processes : {}))
             if (processes[action.key]){