Add Buttons for Model File Download

- Download : Download model.zip file from modelUrl

Issue-ID: AIMLFW-158

Change-Id: I774c69fd5c87b43118424d42e6773cc712ebe423
Signed-off-by: Sangwi Kang <ksw292002@snu.ac.kr>

diff --git a/src/components/home/status/TrainingJobInfo.js b/src/components/home/status/TrainingJobInfo.js
index 1a371ab..0966823 100644 (file)
--- a/src/components/home/status/TrainingJobInfo.js
+++ b/src/components/home/status/TrainingJobInfo.js
@@ -151,8 +151,18 @@ const TrainingJobInfo = props => {
           <Form.Control type='text' value={datalakeSource} readOnly />
         </Form.Group>
         <Form.Group controlId='modelUrl'>
-          <Form.Label>Model URL</Form.Label>
-          <Form.Control type='text' value={modelUrl} readOnly />
+          <Form.Label>
+            Model URL
+          </Form.Label>
+         <br/>
+         <Form.Label>
+           <span className='px-1'> {modelUrl} </span>
+           <span className='mx-2'>
+             <a href={modelUrl} download>
+               <i className='bi bi-arrow-down-square' style={{ color: 'blue'}}></i>
+             </a>
+           </span>
+         </Form.Label>
         </Form.Group>
       </Form>
     </>