geowe-ui-js

0.1.2 • Public • Published

geowe-ui

Librería Typescript Open Source de componentes para el desarrollo de interfaz de usuario en la web.

Requerimientos

Para comenzar a trabajar con el proyecto necesitará tener Node.js instalado en su entorno. Para geowe-ui se han utilizado las siguientes versiones:

$ node --version
v10.15.3

$ npm --version
6.4.1

Instalación para Javascript

Para usar la librería desde un proyecto Javascript basado en NodeJS, ejecute el siguiente comando:

npm install --save geowe-ui-js

Construcción de la librería para Javascript

Para generar la distribución en formato Javascript desde el actual proyecto Typescript, ejecute la siguiente línea de comandos:

npm run build && npm run build:css && npm run copy:html && npm run copy:package && npm run copy:readme && npm run pack-ui-lib

Se obtendrán los ficheros fuente en Javascript dentro de la carpeta jslib/geowe-ui-js y en el raíz del proyecto se habrá generado el fichero geowe-ui-js-X.Y.Z.tgz.

Ejemplo básico de geowe-ui usando Javascript

import { SimpleButton } from 'geowe-ui-js/api/button/SimpleButton';
import { ToggleButton } from 'geowe-ui-js/api/button/ToggleButton';
import 'geowe-ui-js/style/main.css'
 
//Integrado para usar directamente fuente de iconos (https://fontawesome.com/start)
const zoomExtentButton = new SimpleButton("zoomExtentId", "Zoom to extent", 'fas fa-globe-americas', execute);
//ToggleButton sin etiqueta
const selectToggletButton = new ToggleButton("selectId", "", 'fas fa-mouse-pointer', execute);
 
zoomExtentButton.show();
selectToggletButton.show();
 
function execute() {
    alert("executed!!");
}

Contributors

Package Sidebar

Install

npm i geowe-ui-js

Weekly Downloads

2

Version

0.1.2

License

MIT

Unpacked Size

280 kB

Total Files

43

Last publish

Collaborators

  • jmmluna