Interfaz - NickCis/Oruga GitHub Wiki

Compilacion

La interfaz se compila con el comando npm install. (Se deberia reemplazar dsp por algo mas lindo, supongo que make o algo similiar.

Fuente

Oruga
└── src
    ├── templates
    │   └── test.jst
    └── scss
        ├── bootstrap
        │   ├── ...
        │   ├── responsive.scss
        │   └── bootstrap.scss
        └── oruga
            ├── ...
            └── oruga.scss
  • Oruga/src/templates: se encuentran todos los templates de la interfaz, tienen que ser achivos .jst. La compilacion de la interfaz se hace mediante doT. Se accede a la template (desde el navegador), mediante window.render.<nombre de archivo>(<hash de parametros>)
  • Oruga/src/scss: Fuente de scss (sass) para compilar. Cada archivo tendra su carpeta, dentro de la carpeta los archivos que comiencen con _ se usaran para los imports. Se generara un archivo de .css por cada archivo qe no comience con _. Si el archivo no se llama igual qe la carpeta, el archivo resultante sera <carpeta>-<archivo>.css, de lo contrario solo <carpeta>.css.

Compilado

Son a todos los archivos que se accederan mediante /static.

Oruga
└── static
    ├── js
    │   ├── Ajax.js
    │   ├── OrugaApi.js
    │   ├── OTemplate.js
    │   ├── OWidget.js
    │   ├── templates.js
    │   └── widgets
    │       ├── ...
    │       └── Main.js
    ├── css
    |   ├── ...
    |   ├── oruga.css
    |   ├── bootstrap.css
    |   └── bootstrap-responsive.css
    └── index.html
  • js: se encontraran todos los archivos de javascript.
  • js/Ajax.js: Libreria de ajax ver Ajax.js.
  • js/OrugaApi.js: Libreria para interactuar con Oruga. ver OrugaApi.
  • js/OWidget.js: Clase base para todos los objetos de oruga. ver Owidget.
  • js/templates.js: Archivo generado con los templates (se acceden via window.render.<nombre de template>. (Se genera en la compilacion)
  • js/widgets/: Carpeta donde se encontraran todos los widgets.
  • css: Carpeta de css
  • css/oruga.css: css basico de oruga (Se genera en la compilacion)
  • css/bootstrap.css: css de bootstrap (Se genera en la compilacion)
  • css/bootstrap-responsive.css: css bootstrap (Se genera en la compilacion)
  • index.html: Html basico de oruga (es un archivo estatico, no se compila).
⚠️ **GitHub.com Fallback** ⚠️