Drag-drop nested tree with collapsable form with CodeMirror in Angular 6

Cancellato Pubblicato 5 anni fa Pagato alla consegna
Cancellato Pagato alla consegna

Angular 6 Project

We need a workflow tree just as shown in the video demonstration, it should have drag drop nodes in which we can indent other nodes if certain criteria is matched.

Each node in the tree contains a collapsable form, inside which there are dropdowns, text areas and text fields. All of these elements are CodeMirror instances, which need to be the same, as look the same as shown in the video.

Also please note that there is a sequence number, next to each element of the tree, please ensure that you persist that sequence number, even if you change the order of the elements of the tree by dragging and dropping.

Please ensure to create those drag-drop data pills shown in the video exactly as they are, and highlight them as shown in the video.

Functionalities such as delete a node from the tree should be present as stated in the video.

Video Link: [login to view URL]

Please note:

1. Create everything using JSON data structure, and no hardcoded HTML elements in the DOM.

2. The UI Should be exactly the same as shown in the video.

3. I will award bonus if you write very clean and scalable code.

AngularJS HTML5 JavaScript JSON

Rif. progetto: #18099667

Info sul progetto

4 proposte Progetto a distanza Attivo 5 anni fa

4 freelance hanno fatto un'offerta media di ₹22877 per questo lavoro

vvventure

Hi, we will summarize all the lectures and will provide you with quality notes. VVV Group is among world’s top entrepreneur business serving millions of customers across Software Designing and Development Like (WEB Altro

₹27777 INR in 10 giorni
(2 valutazioni)
3.3
Mark98998

Hi, I have gone through your project description and I'm interested to work with you. I'm very passionate about my work and give good quality of work to client. I have more than 5+ years of experience in web devel Altro

₹27777 INR in 10 giorni
(0 valutazioni)
0.0