adn-datatable

Datatable component integrable to any angular project.

Usage no npm install needed!

<script type="module">
  import adnDatatable from 'https://cdn.skypack.dev/adn-datatable';
</script>

README

DATATABLE PROJECT DOCUMENTATION

Operation

  1. Deposit with drag-and-drop or with "upload" button of a csv or excel file

  2. Convert excel to csv if it is an excel file.

Then parsing csv to two-dimensional arrays.

(The number of columns is fixed)

  1. Make modification possible with a datepicker for dates, inputs (restricted for text fields)

  2. Implementing buttons for deleting rows from the file (action)

  3. Creating filters:

    a. Two datepickers for the date range to consider

b. An input for search with tags to restrict the selection of columns on which the search is done

  4. scheduling according to the fields with ascending-descending buttons

  5. navigation with the next-previous button, a select for the exact choice of the page

  6. "Save" button to download the modified file

OR "Validate" button to store the two-dimensional array in database

Running the app

Dockerfile

we have included a dockerfile in the repo.

So that we can build the image and create a container to deploy the application under the specified port (8888).

Gitlab pipeline

The application is automatically deployed to Heroku every time we perform push operation to the GitLab repository.

For testing: https://adn-datatable.herokuapp.com