File system in IDE

Aim

The main aim of this deliverable was to develop the file system that is required for developing the web based IDE..

Implementation

This part of the deliverable will be used in creating the file system for the IDE. The file system has many project folders; where in each folder has many files in it. Though these files are created by drag and drop, this particular deliverable is concentrating only on the layout of the file system.

When clicked on the plus symbol beside each folder, the files in each project will be displayed and the image beside the folder turns to minus symbol indicating that all the contents in a folder are displayed. After creating an element, it can be dragged into a project folder and file should be added into the folder.

Code

The code can be obtained from the following link.
Download the Filesystem code rar