Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
| es:doc:devel:luci [2015/06/17 22:42] – [Agregar una nueva pestaña de nivel superior] bazza | es:doc:devel:luci [2015/06/18 01:12] (current) – [Agregar el codigo view_tab] bazza | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| + | ===== Agregando nuevos elementos a LuCI ===== | ||
| + | Este es un ejemplo para mostrar cómo agregar un nuevo elemento a la interface de LuCi. | ||
| + | |||
| + | **NOTA:** alguna de la informacion provista en este wiki podria ser redundante de como los ej. mostrados en la wiki de luci. http:// | ||
| + | |||
| + | hay 2 maneras de hacer esto: | ||
| + | |||
| + | - CBI | ||
| + | - Vista (Maquetado) | ||
| + | |||
| + | ===== Agregar una nueva pestaña de nivel superior ===== | ||
| + | |||
| + | Primero vamos a agregar una nueva pestaña a la navegación superior. Normalmente uno puede ver: Estado | Sistema | Servicios | Red, etc | ||
| + | |||
| + | Uno puede hacer esto agregando un archivo al directorio controlador en tu ''/ | ||
| + | |||
| + | El directorio **controller** es el directorio por defecto para cualquier ui control (ej nueva pestaña). | ||
| + | |||
| + | El directorio **myapp** es un directorio para tu aplicación. | ||
| + | |||
| + | Nosotros llamaremos a este archivo '' | ||
| + | |||
| + | El contenido es el que sigue: | ||
| + | <WRAP prewrap 1000px> | ||
| + | <code lua> | ||
| + | module(" | ||
| + | | ||
| + | | ||
| + | | ||
| + | | ||
| + | end | ||
| + | </ | ||
| + | </ | ||
| + | ---- | ||
| + | ===== Agregar el cbi_tab codigo ===== | ||
| + | |||
| + | Como dijimos arriba, necesitamos crear un archivo llamado '' | ||
| + | |||
| + | <WRAP prewrap 1000px> | ||
| + | <code lua> | ||
| + | m = Map(" | ||
| + | d = m: | ||
| + | a = d: | ||
| + | return m | ||
| + | </ | ||
| + | </ | ||
| + | ---- | ||
| + | |||
| + | |||
| + | En el codigo de arriba, sabemos que necesitamos un archivo de config que tine las secciones apropiadas y opciones. En nuestro caso, crearemos el archivo // | ||
| + | |||
| + | <WRAP prewrap 1000px> | ||
| + | < | ||
| + | config ' | ||
| + | option ' | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | ---- | ||
| + | |||
| + | ===== Agregar el codigo view_tab ===== | ||
| + | |||
| + | El archivo // | ||
| + | |||
| + | <WRAP prewrap 1000px> | ||
| + | < | ||
| + | < | ||
| + | <% local eating = luci.model.uci.cursor(): | ||
| + | <div class=" | ||
| + | < | ||
| + | <div class=" | ||
| + | < | ||
| + | < | ||
| + | <div class=" | ||
| + | < | ||
| + | </ | ||
| + | < | ||
| + | </ | ||
| + | </ | ||