Jose Hermosilla Rodrigo's questions

I have several strings with the following structure:

AAAA_BBBB_CCCC_1_15_17
AAAA_BBBB_1
AAAA_BBBB_15_17

I am trying to find a regex that captures the following groups:

GRUPO1: AAAA  GRUPO2: BBBB_CCCC GRUPO3: 1_15_17
GRUPO1: AAAA  GRUPO2: BBBB GRUPO3: 1
GRUPO1: AAAA  GRUPO2: BBBB GRUPO3: 15_17

I have tried the following:

([a-zA-Z]+)_([a-zA-Z]+_?[a-zA-Z]+?)_(\d+_?)+

I'm having trouble with the third group, as it seems that the next one matchoverwrites the previous one using the +for group (\d+_?)+.

Example

const regex = /([a-zA-Z]+)_([a-zA-Z]+_?[a-zA-Z]+?)_(\d+_?)+/

const string = 'AAAA_BBBB_CCCC_1_2'

const [fullMatch, ...groups] = string.match(regex)

console.log(groups)

In the example 1_2I only get the 2.

How can I capture this last full group?

I'm doing one aplicación cliand I need to capture one KeyboardInterrupt at any point in the execution of the program.

My intention is to eliminate some folders/files that may have been generated.

Is there any solution cross-platform?

I have a mdiAreato which I add several windows (of the class QWidget):

self.mdiArea.addSubWindow(self.win_ts)
self.mdiArea.addSubWindow(self.win_vt)
self.mdiArea.addSubWindow(self.win_norm)

By default, the last window added is the active one ( win_norm), but I want it to be the first ( win_ts), for this I have seen the method setActiveSubWindowbut it receives a y as a parameter QMdiSubWindowwhen doing:

self.mdiArea.setActiveSubWindow(self.win_ts)

throws an error, obviously.

I've tried to create QmdiSubWindows from QWidgets, but it doesn't seem to work either:

    window_ts = QMdiSubWindow()
    window_ts.setWidget(self.win_ts)
    window_vt = QMdiSubWindow(self.win_vt)
    window_vt.setWidget(self.win_vt)
    window_norm = QMdiSubWindow()
    window_norm.setWidget(self.win_norm)

    self.mdiArea.addSubWindow(window_ts)
    self.mdiArea.addSubWindow(window_vt)
    self.mdiArea.addSubWindow(window_norm)

    self.mdiArea.setActiveSubWindow(window_ts)

How can I then set the active window?

I'm relatively new to PyQt, so any suggestions are helpful.

I am looking for a purely CSS solution to the following problem.

I have a div that contains an indeterminate number of divs, I am looking for a given RGB color, for example, (0,0,0)and a range of opacity values ​​to (0.3 - 0.7)vary the opacity of the divs in that range progressively.

At the moment I have the following. Using the selectors first-childand last-child:

.container {
  background : #f7f7f7;
  padding : 10px;
}

.container div {
  height : 30px;
  margin : 5px;
  background : rgba(0, 0, 0, .5);
}

.container div:first-child {
  background : rgba(0, 0, 0, .3);
}

.container div:last-child {
  background : rgba(0, 0, 0, .7);
}

<div class="container">
  <div>aaa</div>
  <div>aaa</div>
  <div>aaa</div>
  <div>aaa</div>
  <div>aaa</div>
  <div>aaa</div>
</div>

Is it possible using only CSS?

I am making an application using Angular 2.

I have followed the steps described in the official documentation to use Angular Material in my application. (Except SystemJS mappings which I am not using)

Everything seems to be working fine, ie there are no errors in the console, except that the components are not working quite right, like the styles are not loading correctly or something is missing.

In my app.component.scssI have the following (I add an Angular Material theme)

@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.scss';

.spacer {
  // This fills the remaining space, by using flexbox. 
  // Every toolbar row uses a flexbox row layout.
  -webkit-box-flex : 1;
  -ms-flex : 1 1 auto;
  flex : 1 1 auto;
}

And the html content of the main component app.component.html:

<md-toolbar color="primary">
  <span>Título</span>
  <span class="spacer"></span>
  <button md-icon-button [mdMenuTriggerFor]="menu">
    <md-icon>more_vert</md-icon>
  </button>
  <md-menu #menu="mdMenu">
    <button md-menu-item>
      <md-icon>fingerprint</md-icon>
      <span>Login</span>
    </button>
    <button md-menu-item>
      <md-icon>fingerprint</md-icon>
      <span>Registrarse</span>
    </button>
    <button md-menu-item>
      <md-icon>fingerprint</md-icon>
      <span>Acerca de</span>
    </button>
  </md-menu>
</md-toolbar>

<md-tab-group>
  <md-tab label="Mapa">Mapa</md-tab>
  <md-tab label="Configuración">Config</md-tab>
</md-tab-group>

As I say, the behavior of the components does not seem to work quite well and in the following image you can clearly see what I mean:

As you can see, the menu does not appear below the button that executes the action to open the menu. The tabs are not styled, the ripple effect of the buttons does not work etc.

What could be happening or what could I be missing?

I have the following query:

CREATE OR REPLACE VIEW muni_no_one_point_inside AS
SELECT 
      m.gid
    , scripts.stx_extract(m.geom, 2)
FROM muni m
LEFT JOIN LATERAL (
    SELECT ST_Collect(x.geom) as geom
    FROM (
        SELECT geom
        FROM munitextosmal mtm
        WHERE mtm.geom && m.geom
        AND ST_Relate(m.geom, mtm.geom, 'T********')
    )x
) as xx ON true
WHERE st_numGeometries(
    st_intersection(m.geom, xx.geom)
) <> 1

That is, I want to obtain the geometries that either do not intersect with any point (NULL) or that intersect with more than one point .

With the previous query, the NULL values ​​are not taken, I have to force it to take the NULL values, that is, in the WHERE clause I must check that the number of geometries is NULL or different from 1.

WHERE st_numGeometries(
    st_intersection(m.geom, xx.geom)
)  IS NULL OR st_numGeometries(
    st_intersection(m.geom, xx.geom)
) <> 1

My question is, why isn't it enough to check that it is different from 1?

How does PostgreSQL internally decide that NULL is not different from 1?

I have a question that has arisen using the JavaScript throw keyword .

According to the documentation the syntax is:

throw expression;

Now, I've seen several examples using throw as if it were a function call, i.e. the expression in parentheses:

throw(new Error('Esto es un error'))

Furthermore, if we pass more than one argument to it, it will take the last argument:

throw(1, 2, 3, new Error('Esto es un error'), 'El último')

This behavior seems to be undocumented, the question would be, why doesn't it throw some syntax error?

If the syntax is correct, what's the point of being able to pass it so many arguments?

If I'm totally wrong, what am I missing here?

I have an array created with numpy:

matriz = numpy.matrix([]);

I try to insert rows in a loop (something like):

for i in range(3) : matriz = numpy.insert(matriz, i, [i + 1, 0, 0])

I expected the result to be:

matrix([[1, 0, 0], [2, 0, 0], [3, 0, 0]])

However I get:

matrix([[ 1.,  2.,  3.,  0.,  0.,  0.,  0.,  0.,  0.]])

What am I doing wrong?

I'm trying to parse lines like this with regular expressions in python :

21698213.20307                  -4937213.445 7  -3801759.02548  21698206.56648

These values ​​specifically refer to "observations" of GPS signals. In the line above there would be 5 "remarks". If the observables are L1, L2, C1, C2, P2the values ​​I would like to extract:

L1 : { observación -> 21698213.203, LossOfLockInd -> 0, SignalStrengthInd -> 7}

L2 : { observación -> NOHAY, LossOfLockInd -> NOHAY, SignalStrengthInd -> NOHAY }

C1 : { observación -> -4937213.445, LossOfLockInd -> 0 (NO HAY), SignalStrengthInd -> 7}

C2 : { observación -> -3801759.025, LossOfLockInd -> 4, SignalStrengthInd -> 8}

P2 : { observación -> 21698206.566, LossOfLockInd -> 4, SignalStrengthInd -> 8}

That is, I need to extract each "decimal number from 3 decimal places( observation )" and "each individual number or space ( LossOfLock, SignalStrength )". In the event that there is no value for one of the observables I would like to have 3 empty elements (If there is no observable the separation between each of the observables is 18)

So far I've been able to get the decimals and the integers separately, but I can't also join the empty spaces ( LossOfLock ) or separate the missing observables into 3 empty elements.

This is the expression I'm using at the moment.

([-+]?\d*\.\d{3}|\d)

Example of capture he does so far:

var match = '21698213.20307                  -4937213.445 7  -3801759.02548  21698206.56648'.match(/([-+]?\d*\.\d{3}|\d)/g);
console.log(match);

In the end I used the regular expression : ([-+ \d]{9}[. ][ \d]{3})([\d ])([\d ])proposed by Mariano and a couple of code-based tweaks to fill in the gaps left by the regex at the end :

##Obtenemos la observación
the_obs = re.findall(self.REGEX_PARSE_LINEA_OBS, ''.join(obsArray[obsindex : obsindex + step]) )
## quitamos los espacios de la lista
## El regex devuelve un array de tuplas
## con chain.from_iterable() las tuplas desaparecen 
## y pasan dentro de la lista como strings
the_obs = map(strip_, list(itertools.chain.from_iterable(the_obs)))

## El regex nos puede dejar hiuecos al final si no hay observaciones
## con esto rellenamos los huecos
if(len(the_obs) < len(self.header['OBSERV_TYPES'] * 3)) : 
    ## Cuantos huecos faltan por rellenar ?
    size = (len(self.header['OBSERV_TYPES'] * 3)) - len(the_obs)
    ## rellenamos los huecos DEL FINAL!!!
    the_obs[len(the_obs):] = ['' for x in range(size)]

I have an input of type file and with the multiple property , that is, I can select several files. Specifically, I need to send three types of files to the server:

 1. archivo.shp
 2. archivo.shx
 3. archivo.dbf

I would like that in the menu to choose input files when selecting any of the previous files automatically select the others (if they exist). That is, if I select archivo.shp, I also select archivo.shx and archivo.dbfif they exist in the same path as file.shp.

How could I implement something like that with JavaScript?

I run into a problem that I don't know how to solve and I can't find anything about it. Imagine that I have the following routes in an express application:

// app.js
app.use('/users', require('./routes/users'));

// routes/users.js
router.use(accesoExterno);
router.route('/login').get(...).post(...).put(...)
...

In the databaseaccesoExterno , there must be a type column booleanthat says if the user has privileges to access "externally", that is, if he is not connected to the network from where he launched the server .

What should I do in the middleware accesoExternoto perform this check?

function accesoExterno(req, res, next){
  //PSEUDO-CODE
  db.users.get('accesoExterno')
  .then( tieneAcceso => {
    if(!tieneAcceso){
      // Si no tiene acceso comprobar que está conectado a la misma red
    }
  })
}

EDIT

Things I have tried:

• req.host -> It returns the host. I can check if it is running from "localhost", which would be an option. But what if you enter through "127.0.0.1" or directly from the IP?
• req.ip -> I think this would work for me, because if I'm connected to my network, it returns my network's IP, if not, it returns my device's IP?

Any clarification to my doubts would be of great help.

Hello, I am developing a desktop application using electron. The app just, for now, displays a map created with openlayers 3. Trying to make the map fill the full height of the window with the property css height : 100%;seems to "do not listen".

I have verified that the height of the map varies only when the width varies, no matter what height you set, as if it were proportional to the width of the map.

mainWindow {width : 800, height : 600}

mainWindow {width : 600, height : 600}

Looking at the dev tools, it seems that the style is applied but it does not respect the height, why?

I am trying to make a class in TypeScript, like this:

It can receive Array<Array<string>>only one or it can receive several parameters ( ancho : number, blanco : string, trozo : string)

The implementation suggests me to use the sobrecarga de constructores, but this is a problem since in TypeScript the constructors created must be compatible , so we must implement the constructors with all the class variables even if they are not explicitly needed in that constructor, although they can be declared optional ( In fact one constructor is implemented that is compatible with all the others, the other constructors are simply declared):

PLUNK

class Piramide {
    public array :  Array<Array<String>> | Array<any>;
    public ancho : number;
    public blanco : string;
    public trozo : string;

    constructor(array : Array<Array<String>> | Array<any>, ancho? : number, blanco? : string, trozo? : string);
    constructor(array :  Array<Array<String>> | Array<any>, ancho : number, blanco : string, trozo : string){

        if(!array){
            this.ancho = ancho;
            this.blanco = blanco;
            this.trozo = trozo;
            this.array = [];
        }
        else 
            this.array = array;
            this.ancho = array.length;
            ...
    }

    ...
}

Is there a way to make this more understandable and readable?

I am relatively new to TypeScript and am reviewing both documentación oficialthe GitHub.

In one of these GitHub examples there is a function urithat passes arguments without using parentheses ( ejemplo completo):

public async getRateLimit() {
    return this.get<RateLimit>(uri`/rate_limit`);
}

Here is the implementation of this function:

function uri(template: TemplateStringsArray, ...args: any[]): string;
function uri(template: TemplateStringsArray) {
    let text = template[0];
    for (let i = 1; i < template.length; i++) {
        text += encodeURIComponent(String(arguments[i]));
        text += template[i];
    }
    return text;
}

I can't see this way of calling functions documented anywhere. I would really appreciate a link to the documentation or an explanation if I'm wrong.

I am trying to make a Component in Angular 2. This component has a variable title, whose value is displayed in a part of the template :

import { Component, ViewChild } from '@angular/core';
import { bootstrap } from '@angular/platform-browser-dynamic';

declare var ol: any;

@Component({
  selector: 'map',
  template: `
  <div id="container">
    <nav class="navbar navbar-default navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <strong class="navbar-brand">{{title}}</strong>
        </div>
      </div>
    </nav>
    <div id="down" #mapa style="max-height : 500px;">
    </div>
  </div>
  `
})
class MapaComponent {
  @ViewChild('mapa') mapa;
  map  : any;

  title : string = 'Mi mapa';

  /* Contructor */
  constructor() {}

  ngAfterViewInit() {
    this.map = new ol.Map({
      layers: [
        new ol.layer.Tile({
          source: new ol.source.OSM()
        })
      ],
      target: this.mapa.nativeElement,
      view: new ol.View({...})
    })
  }
}

bootstrap(MapaComponent, []); // Component is bootstrapped!

What I want to do is modify the value of said variable for each component created and I was wondering if it could be done in some way by declaring the value of said variable as an attribute of a Componentin the following way:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Mapa</title>
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>

    <script src="node_modules/zone.js/dist/zone.js"></script>
    <script src="node_modules/reflect-metadata/Reflect.js"></script>
    <script src="node_modules/systemjs/dist/system.js"></script>
    <script src="node_modules/rxjs/bundles/Rx.js"></script>

    <script src="systemjs.config.js"></script>

    <script src="http://openlayers.org/en/v3.12.1/build/ol.js"></script>

    <script>
      System.import ('built/map')
        .then(null, console.error.bind(console));
    </script>

  </head>
  <body>
    <!-- Componente creado -->
    <map title = "Mapa A"></map>

    <link rel="stylesheet" type="text/css" href="node_modules/bootstrap/dist/css/bootstrap.min.css">

    <link rel="stylesheet" href="http://openlayers.org/en/v3.12.1/css/ol.css" type="text/css">


  </body>
</html>

Is it possible to modify the value of the title variable in this way?

In the following examples, asynchronous operations are shown, inside loops.

The primer ejemplodoes not work and is an expected result as the loop terminates execution and the callbacks return the last value of the variable looped through.

He segundo ejemplosolves the above with the use ofbind.

He tercer ejemplocreates an anonymous function that executes itself and is passed the correct value. This new function creates a new scope and the function called within it contains the correct value for each iteration.

He último ejemplouses a loop forEach, which produces a correct result since the value of each iteration is encapsulated in a function, creating a new scope...

var obj = {
  key : 'val',
  key2 : 'val'
};

function funcionAsync(cb){
  setTimeout(cb, 1000);
}

// Quiero evitar hacer esto, es decir, ir pasando el parámetro entre funciones
function funcionAsyncConParam(param, cb){
  setTimeout(()=>cb(param), 1000);
}

var keys = Object.keys(obj);

//NO funciona, imprime key2 key2
for(k of keys){
  funcionAsync(function(){
    console.log(k, 'Función 1');
  });
}

//Funciona, imprime key key2 (Pero se quiere evitar)
for(k of keys){
  funcionAsyncConParam(k, function(k){
    console.log(k, 'Función EVITAR');
  });
}

//Funciona, imprime key key2
for(k of keys){
  funcionAsync(function(k){
    console.log(k, 'Función 2');
  }.bind(null, k));
}

//Funciona, imprime key key2
for(k of keys){
  (function(k){
    funcionAsync(function(){
      console.log(k, 'Función 3');
    });
  })(k);
}

// Funciona, imprime key key2
keys.forEach(function(k){
  funcionAsync(function(){
    console.log(k, 'Función 4');
  });
});

I think I understand why the various solutions work, my question is: Is there any other way to pass the current value of the loop as a reference to an asynchronous function or event handler?