csv-metadata-quality-web/templates/index.html

<!doctype html>
<html lang="en" class="h-100">
  {% include 'head.html' %}
  <body class="d-flex flex-column h-100">
    {% include 'header.html' %}
    <main class="flex-shrink-0">
      <div class="container py-3">
        <p class="lead">The DSpace CSV Metadata Quality Checker is a pipeline of sanity checks and automated fixes for a number of common issues in metadata files.</p>
        <form method="POST" action="" enctype="multipart/form-data">
          <div class="mb-3">
            <label for="formFile" class="form-label">Select a CSV file to process</label>
            <input class="form-control" type="file" id="formFile" name="file" accept=".csv">
          </div>

          <button type="submit" class="btn btn-primary">Submit</button>
        </form>
      </div>
    </main>

    {% include 'footer.html' %}
  </body>
</html>
Add simple HTML template with file upload Code taken from the following blog posts: - https://pythonbasics.org/flask-upload-file - https://blog.miguelgrinberg.com/post/handling-file-uploads-with-flask 2021-03-11 14:55:58 +01:00			`<!doctype html>`
templates/index.html: Improve layout Based on the Bootstrap v5.0-beta2 sticky footer example. See: https://getbootstrap.com/docs/5.0/examples/sticky-footer/ 2021-03-11 19:28:42 +01:00			`<html lang="en" class="h-100">`
Split index.html template into header, index, and footer 2021-03-11 21:41:22 +01:00			`{% include 'head.html' %}`
templates/index.html: Improve layout Based on the Bootstrap v5.0-beta2 sticky footer example. See: https://getbootstrap.com/docs/5.0/examples/sticky-footer/ 2021-03-11 19:28:42 +01:00			`<body class="d-flex flex-column h-100">`
Major refactor Refactor the templates to include a header, use csv-metadata-quality in a subshell instead of trying to import and pass args to it (which I actually managed to do, but then trying to capture the output was an issue), and use ansi2html to prepare the CLI output as the HTML. 2021-03-12 18:14:49 +01:00			`{% include 'header.html' %}`
templates/index.html: Improve layout Based on the Bootstrap v5.0-beta2 sticky footer example. See: https://getbootstrap.com/docs/5.0/examples/sticky-footer/ 2021-03-11 19:28:42 +01:00			`<main class="flex-shrink-0">`
Major refactor Refactor the templates to include a header, use csv-metadata-quality in a subshell instead of trying to import and pass args to it (which I actually managed to do, but then trying to capture the output was an issue), and use ansi2html to prepare the CLI output as the HTML. 2021-03-12 18:14:49 +01:00			`<div class="container py-3">`
templates/index.html: Improve layout Based on the Bootstrap v5.0-beta2 sticky footer example. See: https://getbootstrap.com/docs/5.0/examples/sticky-footer/ 2021-03-11 19:28:42 +01:00			`<p class="lead">The DSpace CSV Metadata Quality Checker is a pipeline of sanity checks and automated fixes for a number of common issues in metadata files.</p>`
			`<form method="POST" action="" enctype="multipart/form-data">`
templates/index.html: Use Bootstrap form components 2021-03-13 12:50:46 +01:00			`<div class="mb-3">`
			`<label for="formFile" class="form-label">Select a CSV file to process</label>`
			`<input class="form-control" type="file" id="formFile" name="file" accept=".csv">`
			`</div>`

			`<button type="submit" class="btn btn-primary">Submit</button>`
templates/index.html: Improve layout Based on the Bootstrap v5.0-beta2 sticky footer example. See: https://getbootstrap.com/docs/5.0/examples/sticky-footer/ 2021-03-11 19:28:42 +01:00			`</form>`
			`</div>`
			`</main>`

Split index.html template into header, index, and footer 2021-03-11 21:41:22 +01:00			`{% include 'footer.html' %}`
Add simple HTML template with file upload Code taken from the following blog posts: - https://pythonbasics.org/flask-upload-file - https://blog.miguelgrinberg.com/post/handling-file-uploads-with-flask 2021-03-11 14:55:58 +01:00			`</body>`
			`</html>`