Frontend Code Overview

Structure

All sources are in the folder src. The overall structure that of a standard angular project.

Sources

All TypeScript files are contained in the app-folder. Dependent on which kind of functionality is implemented, files go into different folders.

config

Here lies only the global configuration of the Specmate-UI.

factory

The whole code for creating new objects is here.

model

Autogenerated data model classes.

modules

The angular components, services, directives and modules.

• actions: Contains mainly all buttons with an action, like save, undo, export tests, etc.
• common: Cross-cutting modules like i18n, icons, etc.
• data: Contains the modules for saving data and communicating with the server
• forms: Form related modules.
• navigation: Navigation bar, project-explorer, item search, etc.
• notification: Contains modals like 'Quit without saving'-popup and other modals.
• specmate: Specmate main component, guards and routes.
• views: Contains all views with its functionality, like login, the editors, properties view, etc.

util

Utility functions.

validation

All validators used to validate the models

assets

Go into the assets folder. Here are also the translation files.

environments

Definitions for the dev- and prod-environments.