TEAMOVI
/
Semantization_Interface


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
							<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initialscale=1.0">
  <title>IPERION-HS Semantic Data Integrator (task 5.4)</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>

<body>

  {% include 'main_header.html.j2' %}

  <form id="fileForm" method="POST" enctype = "multipart/form-data" style="margin: 2em;  border-style: groove;  padding: 2em;">
    <div>
      Upload a CSV file:
      <fieldset>
        <input type="file" id="FILE" name="FILE"><br/><br/>
      </fieldset>
      <input id="submitted" type="submit" value="Activate Transformation" >
    </div>
    <div>
        <br/>... or manually enter the data of a record:<br/><br/>
      <fieldset>
        <legend>Record:</legend>
        {% for entry in data: %}
          <label for="nome">{{entry}}</label><br>
          <input type="text" id="{{entry}}" name="{{entry}}" placeholder="data"><br><br>
        {% endfor %}
      </fieldset>
    </div>
  </form>

  <script>
    const params = new URLSearchParams(window.location.search);
    const downloadName = params.get('download');
    if(downloadName){
      document.getElementById("fileForm").reset()
      $.get('/download', { filename: downloadName }).done(function(data){
        let link = document.createElement('a');
        link.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(data);
        link.download = downloadName;
        link.click();
      }
    );
      alert("Transformation carried out successfully");
    }
  </script>

</body>

</html>