Project Map

Libraries and Framework used

Keira2 is built using:

• Bootstrap as main CSS framework
• Squel as JavaScript library to build SQL queries
• HighlightJS as Syntax highlighting for the SQL code
• AngularJS as main JavaScript framework
• angular-ui-bootstrap as AngularJS module (replacement of jQuery bootstrap)
• angular-ui-router as AngularJS module
• angular-loading-bar as AngularJS module
• angular-tablesort as AngularJS module
• angular-highlightjs as AngularJS module to use highlight.js

Keira2 retrieves all datas using the TrinityCore RESTful JSON API.

Main Views

There are 9 main Views:

• Quest
• Creature
• Game Object
• Item
• Character
• SmartAI

Each View has its separate Controller, partial HTML files and contains a set of Tabs.

Tabs are handled as ui-bootstrap directives.

File Structure

./index.html

Application index (main file, it imports everything else).

./config.js

Application config file.

./css/

All css files.

./fonts/

All fonts.

./js/app/

Contains Keira2 core, all Controllers are placed here.

There is one Controller into a separated file for each View.

Modal controllers and query functions have their separate file too.

./js/libs/

All Angular modules and libraries.

./partials/

Contains all partial HTML files.

Each View has its own separated main file and subfolder.

Each View subfolder contains all the HTML files ng-included by each tab, one separated file for each tab.