Display uploaded file name

[Former Member]

I've created a perspective in the backoffice to load data from a CSV file. First step, the user uploads a csv file, second step, when the user click on "import" button the csv file is parsed and models are created.

It's working well but while the user upload his file, the file name is never displayed. The user wonder if the upload actually worked.

I'd like to display the filename to confirm to the user that the upload worked before clicking on "import".

Here is the definition

 <context component="create-wizard" type="StopSaleFile">
     <wz:flow xmlns:wz="http://www.hybris.com/cockpitng/config/wizard-config" id="StopSaleFileWizard" title="create.stopsalefile.title">
         <wz:step id="step1" label="create.stopsalefile.general.label" >
             <wz:content id="step1.content">
                 <wz:property-list root="newStopSaleFile">
                     <wz:property qualifier="csvName" editor="com.hybris.cockpitng.editor.defaultfileupload"/>
                 </wz:property-list>
             </wz:content>
             <wz:navigation id="step1.navigation">
                 <wz:cancel/>
                 <wz:custom align="right" handler="stopSalesHandler" label="create.stopsalefile.import.csv">
             <wz:save property="newStopSaleFile" />
                 </wz:custom>
             </wz:navigation>
         </wz:step>
     </wz:flow>
     </context>

I add screenshot to show the issue. In the first one you see the popin before and after the upload. The second screenshot shows the loader (with a funny "c:\fakepath" string hardcoded 🙂 ) when the uploaded file is heavy. Actually the user won't see it in my case because the file will be really light.

I tried to follow the exemple of this page but it display nothing (the two blue buttons disappeared)...