Front-End Directory structure

• Build/(Engineering Catalogue)

• common/

• tpladmin/

• tplcustomer/

• tplhelpdesk/

• tplrepairer/

• appadmin/(standalone module, beginning with app name, approximate content of each app module)

• appcustomer/

• apphelpdesk/

• apprepairer/

• applogin/

• common/(Universal Module Library)

• utils/(Other components)

• controller/(Controller.js of related sub-templates are stored here)

• Directives/(the relevant directive.js are stored here)

• Admin_app.js (app model definition and routing configuration file)

• Admin_main.js (Requirejs's entrance and configuration file)

• Admin_services.js (App-related service profile)

• angular_filter/(some general-purpose filters)

• Common_plugin.js (some non-angular-based but relatively important components, such as the console plugin)

• css/

• img/

• js/

• lib/(includes all third-party class libraries)

• templete/(Sub-template folder, whose contents are categorized by module type)

• 404.html

• admin.html (Portal HTML for admin module)

• customer.html (portal HTML for the customer module)

• Helpdesk.html (entry HTML for Helpdesk module)

• Login.html (entry HTML for the login module)

• Index.html (The total entry point of the program to jump to each module entry according to the configuration)

• Repairer.html (entry HTML for repairer module)

• Node_modules/(Grunt)

• src/(source files that are not grunt processed)

• test/(end-to-end testing)

• Gruntfile.js (Grunt)

• Human.txt

• Package.json (Grunt)

• Readme.md

Front-end directory structure