Ref.2.3: PYTHON OR JAVA CODE USING KENDO UI TO DROP OR SELECT GRAPHS OR TABLES FOR EACH SECTION IN A PREDEFINED GRID

The script will work on a grid layout provided by the user as HTML/CSS and will allow the user to drag and drop or context select graphs or tables for each cell in the grid. It will display a list of Kendo widgets on the left of the page and use those to get scripts from a database to fill each section div. The section will get information from the database in the final product but can use arbitrary lists here. It will get graph information, table layout information from the database and the output of the entire class will be used as input for the next step which will be where the user selects the information fields which will produce the final page that the user will see. View * list of graph/tabel options in draggable field list on left * layout of viewports in a grid on right * layout of viewport with widget sample thumbnail after drop/select Controller * drag and drop/context select kendo widget label onto individual viewport * pass selection id and viewport id to controller. * add image sample to layout viewport after selection. Model * get list of widgets from database (arbitrary list here) * get viewport from drop-down list * get widget script from database based on widget id * combine selection script and layout script based on selection id and {{field_id}} to produce single template script * save template back to database in users template table For database read-write operations please use dummy code. For widget script please use dummy code. Source code will become property of the job poster. Time 5hrs