Build a Website

The goal of the project is to create a special webpage where elements are added/removed/moved on the fly. Main visual components: * Left menu with data objects (LEVEL 1 objects: entity,view + LEVEL 2 objects: data input fields like integer, date, time, url, email ... [see attached picture for the complete list of input types]) * right panel with a 2 levels collapsible list where the left menu items will be added by drag'n drop or by clicking on the ">" button *At the top of the panel we will have a form with a text input "Project Title" and a file upload input "Project logo" , plus a sutmit button that will later be used to post the whole project data. => For now, the submit button will just call a javascript function that will just show and "ok" alert and cancel the submit event. * below we will have a 2 level collapsible list (so this is a list of list of data inputs) Each element of the list will have a delete button (with a confirmation message before removing the element from the list) + UP and DOWN buttons that will allow to move up or down the element in the corresponding list => this means that a entity element (LEVEL 1) will move up or down only on the first level and data input elements (LEVEL 2) will move up or down only Inside the LEVEL 1 parent => if possible it would be great to be able to also move the element by drag'n drop [not mandatory] * when the user drops an element from the left menu to the right panel the element will be inserted at the corresponding LEVEL (1 or 2) depending on the element type => if the user drops a LEVEL 1 element on any other element , it will be inserted always after the end of the existing LEVEL 1 element => if the user drops a LEVEL 2 element on a LEVEL 1 element , then the LEVEL 2 element is added as the last child of the LEVEL 1 element => if the user drops a LEVEL 2 element on a LEVEL 2 element , then is it added just after the existing LEVEL2 element * each LEVEL 2 element will contain different kind of data input fields Example: an integer will have Minimum and maximum value input fields a text field will have minimum and maximum length input fields, plus a checkbox "can be empty" => I will give the details for each field when we start the project