Skip to content

Instantly share code, notes, and snippets.

@darklilium
darklilium / highchartsOnTopValueInStackedChart
Created May 3, 2016 14:15
How to make stacked column graph to show total data value on top
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color:'black'
}
}
@darklilium
darklilium / ReactTabs_SelectedIndexProb.js
Last active May 2, 2017 18:48
React Tabs component
/*The tab component doesnt work too well when u try to render it.
https://github.com/reactjs/react-tabs
Thanks to : deepaksisodiya
"Removing the selectedIndex={0} is not a solution,
You need to set it by state, like
selectedIndex={this.state.selectedTab}
also initialise selectedTab state to your preferred tab.
then on onSelect={this._handleSelect} event of Tabs, set the selectedTab again.
*/
@darklilium
darklilium / [React]exportToExcel.txt
Last active April 10, 2020 00:38
[React]Exportar a Excel
Para exportar a excel:
//Esta es la funcion para el boton exportar.
onClickExport(){
//console.log("asd export");
var data = this.state.interruptions;
var exportResults = [];
for (var i = 0; i < data.length; i++) {
exportResults.push(translator(data[i]));
@darklilium
darklilium / [JQuery+CSS]Funciones JQuery para css.txt
Created March 17, 2016 13:11
[JQuery+CSS]Funciones JQuery para css
Algunas funciones que se utilizan en Jquery para la modificacion, agregación o eliminación de selectores.
//Cambia las propiedades de un selector.
$(".searchNotification").css("visibility","initial");
//Elimina los hijos pertenecientes al padre del selector. (incluídos textos)
$( "#myNotification" ).empty();
//Agrega un selector nuevo al padre.
$("#myNotification").append("<div><strong>NIS: " + this.refs.NIS.value +" presente en falla aislada</strong></div>");
@darklilium
darklilium / [React]Exportar e Importar Componentes.txt
Last active January 3, 2022 21:08
[React]Exportar e Importar Componentes
Para exportar componentes, se deben seguir los siguientes pasos:
• En un archivo js indicar los import correspondientes a las librerias react y react-dom, como otras(con rutas relativas).
Ejemplo: statistics-toolbar.js
import React from 'react';
import ReactDOM from 'react-dom';
import token from '../services/token-service';
import layers from '../services/layers-service';
import mymap from '../services/map-service';
• Construir el componente.
@darklilium
darklilium / [Webpack]webpack.config.js
Last active March 17, 2016 12:45
[Webpack]Module export y configuracion de puerto
Cada que se utilice un nuevo módulo se debe escribir la ruta relativa a la ubicación del archivo javascript en el apartado "entry".
Ejemplo:
...
module.exports = {
entry: {
login: './static/js/bundles/main.js',
dashboard: './static/js/bundles/dashboard.js',
interruptions: './static/js/bundles/interruptions.js'
},
...
@darklilium
darklilium / [JSX]Comentarios en jsx
Last active March 17, 2016 12:45
[JSX]Comentarios en jsx
Para comentar en la parte de renderizado del componente se utiliza {/* */}
Ejemplo:
return (
<div className="mytable-Wrapper">
{/*aaa */}
</div>
);
/* Es una "stateful function" que mantiene un estado interno pese a que ya se haya terminado de ejecutar la función.
*En js todas las funciones en javascript son closures implicitamente, lo unico que se hizo ahí fue hacerla explicita
*al retornar un objeto que usaba una var interna de la función, en este caso map. Así que mientras el objeto externo
*que tiene los metodos createMap y getMap viva, la variable map seguirá viva independiente de si se terminó de ejecutar la función mymap
*/
Ejemplos:
function mymap(){
var map;
@darklilium
darklilium / [React] componente.docx
Last active March 17, 2016 12:44
[React] Fx de un componente
Funciones de un componente:
Cada componente posee funciones o métodos que pertenecen a su ciclo de vida que se pueden implementar:
• componentWillMount(): se ejecuta antes que se renderice el componente.
• componentDidMount(): se ejecuta despues que se renderiza el componente.
• shouldComponentUpdate(): devuelve un valor si el componente debiera actualizarse.
• componentWillUnMount(): se ejecuta antes que el componente se elimine.