Angular.js / Typescript CSV Mapping tool

Σε Εξέλιξη Αναρτήθηκε Πριν 6 χρόνια Πληρώθηκε κατά την παράδοση
Σε Εξέλιξη Πληρώθηκε κατά την παράδοση

Hi,

we need a small app, that maps CSV files with given fields.

1. Upload a csv file. The fields (Header) will be shown on the left side among them selves.

2. The given fields (Name, PreName, Age, Birthday, Gender) will be always shown on the right side.

3. You can now connect the fields from the left side with them on the left side by dragging from a left field to a right field. An arrow will appear, which will remain after you dragged it. If they are in different rows, the field on the left side change its position, so that they are in the same row.

4. To delete a connection, a small delete icon appears, when you move with the mouse over the arrow.

5. Below the fields, there is a preview grid. It shows max. 5 entries from the CSV, after you uploaded it.

It is very important, that the UI and design is very userfriendly and looks nice.

For the grid, you can use this here:
https://github.com/swimlane/ngx-datatable

The fields on the right side should be defined by this interface:
interface CSVMappingField
{
isMandatory: boolean, // Sets, if the field is mandatory or not. If so, this field must be mapped.
name: string, // The internal name of the field
uiText: string, // Text that will be shown in the UI
tooltip: string, // Tooltip, when you mouseover the field
datatype: "string" | "int" | "float" | "boolean" | "date" // If the user enters a fixed value, a control must be shown. Textbox at string, Checkbox at "boolean", calendar at "date" and so on.
}

Mandatory fields must be marked by a * and if they are not already connected, the background color should be a light red.

The fixed value fields are on the right side. When you connect one with the predefined fields, it jumps to the left side in the same row.

AngularJS Typescript UI / User Interface Σχεδιασμός Ιστοσελίδας

Ταυτότητα Εργασίας: #16390631

Σχετικά με την εργασία

19 προτάσεις Απομακρυσμένη εργασία Ενεργό Πριν 6 χρόνια

19 freelancers κάνουν προσφορές κατά μέσο όρο $189 για αυτή τη δουλειά

sagarwal3005

Hi, I can create the CSV Mapping tool for you in Angular JS as per the UI explained in your detailed requirement. I have done similar requirement before and I understand the requirement 100%. I am a highly motivated pr Περισσότερα

$200 USD σε 1 μέρα
(78 Αξιολογήσεις)
6.5
alexmarchdev

A proposal has not yet been provided

$277 USD σε 3 μέρες
(9 Αξιολογήσεις)
5.1
harilalrafaliya

A proposal has not yet been provided

$277 USD σε 10 μέρες
(17 Αξιολογήσεις)
3.9
pramodv

I am proficient in web development using HTML5, CSS3, Javascript, jQuery, jQuery UI, Ajax, AngularJS, Bootstap, Foundation, Php, Asp.Net MVC etc. I have also have strong experience of software development using Foxpro Περισσότερα

$100 USD σε 5 μέρες
(4 Αξιολογήσεις)
3.5
CreteTech

Hi We can make this app in angular js. I am keeping price low because we are new here and we need reviews. Contact us Thanks

$150 USD σε 3 μέρες
(2 Αξιολογήσεις)
1.8
aaravkachhadiya

Hi there! There is a great desire to work. I would be glad to work with you. Lets discuss in more details.

$250 USD σε 10 μέρες
(0 Αξιολογήσεις)
0.0
mahmoud87hassan1

I am an experienced developer with close to 5 years experience in ASP.NET MVC and Web Forms,Web API work in the present. I also have a wealth of experience developing for a dynamic and responsive client side using adv Περισσότερα

$122 USD σε 5 μέρες
(0 Αξιολογήσεις)
0.0
CompanyABAP

"hi! I'm a part of big team of are a professional and well-coordinated team. We have translation departments (Italian, English, Spanish, French, Polish, Russian), backend, frontend, testers, project management and des Περισσότερα

$155 USD σε 3 μέρες
(0 Αξιολογήσεις)
0.0
ranjitmenon2018

I have 15 yrs of industry experience and would love to take on this project .

$155 USD σε 3 μέρες
(0 Αξιολογήσεις)
0.0