Skip to content

Instantly share code, notes, and snippets.

View darklilium's full-sized avatar

Evelyn Hernández darklilium

2 followers · 7 following
View GitHub Profile
@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 / [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 / getOutputStatistics.json
Last active May 23, 2017 19:25
Estadísticas por atributo arcgis rest srv
//Referencia: http://resources.arcgis.com/en/help/rest/apiref/query.html
{
output.statistics: [
{
"statisticType": "count",
"onStatisticField": "zona",
"outStatisticFieldName": "cantidad"
}
],
@darklilium
darklilium / sqlAPI.js
Last active May 19, 2017 16:52
sqlAPI.js
//API.JS
const sql = require('mssql');
const fs = require('fs');
var pool;
var config = {
server: "serverip\\instance",
database: "mydatabase",
user: "myuser",
@darklilium
darklilium / connSQLNode.js
Last active May 18, 2017 18:51
Conexión SQL Server con node.
//server.js
const sql = require('mssql');
var sqlQuery = function(config,query){
var res = {complete: '',results: ''};
var promise = new Promise((resolve,reject)=>{
var pool = new sql.connect(config, err=>{
var request = new sql.Request(pool);
@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 / layerList.html
Last active May 2, 2017 18:46
LayerList Arcgis edited
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Layer List Dijit</title>
<link rel="stylesheet" href="https://js.arcgis.com/3.17/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.17/esri/css/esri.css">
@darklilium
darklilium / editState.js
Last active May 2, 2017 18:45
Edit state for a certain attr in an object.
//Ex: We have this var in a state in react.
var obj = {
obs: "hello",
id: 1
}
...
//To modify "obs" we do:
this.setState({
@darklilium
darklilium / webpack.config.js
Last active April 20, 2017 21:17
Webpack 2 config for new app with arcgis and react toolbox.
const path = require('path');
const webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
const reactToolboxVariables = {
'color-text': '#444548',
/* Note that you can use global colors and variables */
'color-primary': 'rgb(218,41,28);',
'button-height': '30px',
};
@darklilium
darklilium / Griddle_rowColorOnClick
Created December 26, 2016 15:08
[Griddle]Put color on row click.
Source: http://stackoverflow.com/questions/39426819/selecting-a-row-in-react-griddle-and-changing-tr-background-color
First:
class ComponentWithGriddle extends React.Component {
constructor(props) {
super(props);
this.state = {
selectedRowId: 0,
};