Add refresh logic when OnPutFile is received

src/js/Controllers/BCController.js

@@ -1,6 +1,6 @@
 import RpcFactory from './RpcFactory'
 import store from '../store'
-import { updateAppList, activateApp, deactivateApp, registerApplication, unregisterApplication, policyUpdate,  updateColorScheme, setAppIsConnected, onSystemCapabilityUpdated } from '../actions'
+import { updateAppList, activateApp, deactivateApp, registerApplication, unregisterApplication, policyUpdate, onPutFile,  updateColorScheme, setAppIsConnected, onSystemCapabilityUpdated } from '../actions'
 import sdlController from './SDLController'
 import externalPolicies from './ExternalPoliciesController'
 import {flags} from '../Flags'
@@ -47,6 +47,10 @@ class BCController {
             case "OnSystemCapabilityUpdated":
                 store.dispatch(onSystemCapabilityUpdated(rpc.params.systemCapability))
                 return null
+            case "OnPutFile":
+                store.dispatch(onPutFile(rpc.params.appID, rpc.params.syncFileName, rpc.params.fileType, rpc.params.fileSize, 
+                                         rpc.params.offset, rpc.params.length, rpc.params.isSystemFile, rpc.params.isPersistentFile))
+                return null
             case "UpdateDeviceList":
                 return true
             case "MixingAudioSupported":

src/js/Controllers/Controller.js

@@ -131,6 +131,7 @@ export default class Controller {
         this.subscribeToNotification("Buttons.OnButtonSubscription")
         this.subscribeToNotification("BasicCommunication.OnAppRegistered")
         this.subscribeToNotification("BasicCommunication.OnAppUnregistered")
+        this.subscribeToNotification("BasicCommunication.OnPutFile")
         this.subscribeToNotification("Navigation.OnVideoDataStreaming")
         this.subscribeToNotification("SDL.OnStatusUpdate")
         this.subscribeToNotification("BasicCommunication.OnSystemCapabilityUpdated")

src/js/Templates/Shared/Image.js

@@ -86,7 +86,7 @@ export default class Image extends React.Component {
                 )
             } else {
                 return (
-                    <img className={this.props.class} src={this.props.image} onError={e => this.onError(e)} />
+                    <img className={this.props.class} src={this.props.image + "?m=" + new Date().getTime()} onError={e => this.onError(e)} />
                 )
             }
 

src/js/actions.js

@@ -26,7 +26,8 @@ export const Actions = {
     UPDATE_COLOR_SCHEME: "UPDATE_COLOR_SCHEME",
     SET_APP_IS_CONNECTED: "SET_APP_IS_CONNECTED",
     ON_SYSTEM_CAPABILITY_UPDATED: "ON_SYSTEM_CAPABILITY_UPDATED",
-    ON_APP_SERVICE_DATA: "ON_APP_SERVICE_DATA"
+    ON_APP_SERVICE_DATA: "ON_APP_SERVICE_DATA",
+    ON_PUT_FILE: "ON_PUT_FILE"
 }
 
 export const updateAppList = (applications) => {
@@ -264,4 +265,18 @@ export const onAppServiceData = (service_data) => {
         type: Actions.ON_APP_SERVICE_DATA,
         serviceData: service_data
     }
+}
+
+export const onPutFile = (appID, fileName, fileType, fileSize, offset, length, isSystemFile, isPersistentFile) => {
+    return {
+        type: Actions.ON_PUT_FILE,
+        appID: appID,
+        fileName: fileName,
+        fileType: fileType,
+        fileSize: fileSize,
+        offset: offset,
+        length: length,
+        isSystemFile: isSystemFile,
+        isPersistentFile: isPersistentFile
+    }
 }

src/js/reducers.js

@@ -481,6 +481,10 @@ function ui(state = {}, action) {
             var app = newState[action.appID] ? newState[action.appID] : newAppState()
             app.isDisconnected = false
             return newState
+        case Actions.ON_PUT_FILE:
+            var newState = { ...state }
+            var app = newState[action.appID] ? newState[action.appID] : newAppState()
+            return newState
         default:
             return state
     }
@@ -512,4 +516,4 @@ export const hmi = combineReducers({
     ui,
     system,
     systemCapability
-})
+})