Lado de cliente - acien101/GranaSATDashboard GitHub Wiki

Para el lado de cliente la aplicación hace uso principalmente de Bootstrap para la página web, del framework Angularjs.

En el directorio /static se encontrarán todos los archivos del lado del cliente.

La aplicación se estructura de la siguiente manera:

mainController.js

Este fichero es el núcleo principal de la aplicación angular. Ahí es donde se define la aplicación y el controlador principal.

index.html

El index.html es la página principal de la aplicación. Tiene bastante importancia porque es el encargado de importar todos los archivos de scripts, html's, css, etc. de la aplicación. Además es el encargado de ir intercambiando la información por pantalla cuando se le da a una pestaña.

/directives

Cada pestaña de la aplicación cuenta con una directiva, esto es un elemento DOM que se puede instanciar con Angularjs. El index.html es el encargado de ir poniendolo en pantalla cuando se le da a algún botón.

En el directorio /directives están definidas todas las directivas de cada pestaña. La estructura tradicional de cada directiva es un elemento html y un script con los métodos de dicha directiva.

Si se programa un método que solo afecta a esa directiva en especial entonces se pone en su script correspondiente, pero cuando ese método se usa en más de una directiva, este se pone en el mainController, que es común a todas.

Hace falta remarcar el hecho de que el contenido del directorio /directives/confTree es un poco más diferente que el resto. Este directorio tiene la directiva del TreeView, pero que este a su vez está compuesto por más directivas, por ejemplo para el log, para activar un script, etc. Además cuenta con un fichero llamado resources.json en la que están definidos los strings de los tooltips para cada elemento en pantalla. Posiblemente (seguro) que hay otra forma para hacer este tipo de cosas, pero en su momento decidí programarlo así, si lo ves es tu deber cambiarlo >.<