Angular.js / Typescript CSV Mapping tool
$30-250 USD
Πληρώθηκε κατά την παράδοση
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.
Ταυτότητα Εργασίας: #16390631
Σχετικά με την εργασία
19 freelancers κάνουν προσφορές κατά μέσο όρο $189 για αυτή τη δουλειά
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 Περισσότερα
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 Περισσότερα
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
Hi there! There is a great desire to work. I would be glad to work with you. Lets discuss in more details.
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 Περισσότερα
"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 Περισσότερα