hubman's questions

I have a 3 level object with a code that iterates for each level, if in case the levels increase I would like to improve it so that it is more dynamic, can recursion be used, or even non-recursion but how could it be optimized?

var obj = [{
  "seccion1": {
    "level1": {
      first: "John",
      last: "Doe"
    },
    "level2": {
      first: "juan",
      last: "perez"
    }
  }
}]


obj.forEach(function(item) {

  Object.keys(item).forEach(function(key) {
    let value = item[key];
    
    Object.keys(value).forEach(function(key2) {
       console.log(value[key2].first, value[key2].last);
     
    });
  });
});

The result should be:seccion1 level1 john doe level2 juan perez

How to use HttpStatus messages?

For example, I have this controller and what I do is send HttpStatus.OK, that is for success, but what if it fails, what should I do?

@PostMapping("/createMeet")
    public ResponseEntity<Meet> createMeet(@RequestParam("user") Long idUser,@RequestBody Meet meet ) {
        return new ResponseEntity<Meet>(meetService.createMeet(idUser, meet), HttpStatus.OK);
    }

I want to relate friends of users, the problem I have is how to get the friends of a user? I think part of my problem is that I am putting the list of friends as an attribute in the User class, private Set<User> friends = new HashSet<>(); is that ok?

I am putting this json through swagger, since they are existing users in the database.

{
  "friend": {
    "email": "string",
    "friends": [],
    "id": 0,
    "name": "string",
    "password": "string"
  },
  "owner": {
    "email": "wwww",
    "friends": [],
    "id": 3,
    "name": "dsadsa",
    "password": "d"
  }
}

This is my controller, where everything starts:

@PostMapping("/addFriend")
    public ResponseEntity<User> getUser(@RequestBody Friendship friendship) {
        log.info("addFriend");
        return new ResponseEntity<User>(userServiceImpl.createLinkWithFriends(friendship), HttpStatus.OK);
    }

This is the service:

public User createLinkWithFriends(Friendship friendship) {
    User owner=userRepository.findById(friendship.getOwner().getId());
    User friend=userRepository.findById(friendship.getFriend().getId());
    owner.addFriend(friend);

    friendsRepository.save(friendship);
    return owner;
}

and this is the repository User

@Entity
@Table(name = "user")
public class User implements Serializable {

    private static final long serialVersionUID = -3009157732242241606L;
    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    private long id;

    @Column(name = "name")
    private String name;

    @Column(name = "password")
    private String password;

    @Column(name = "email")
    private String email;

    @OneToMany(fetch=FetchType.EAGER)
    @JoinTable(
            name = "Friendship",
            joinColumns = @JoinColumn(name = "id"),
            inverseJoinColumns = @JoinColumn(name = "idFriend"))
    private Set<User> friends = new HashSet<>();

    public User() {

    }

    public User(String name, long id, String password, String email) {
        this.email = email;
        this.name = name;
        this.id = id;
        this.password = password;
    }

    public void addFriend(User userFriend){
        this.friends.add(userFriend);
    }

This is the Friendship class

@Entity
@Table(name = "Friendship")
public class Friendship implements Serializable {

    private static final long serialVersionUID = -3009157732242241606L;
    @Id
    @GeneratedValue(strategy = GenerationType.AUTO)
    private long idFriend;

    @ManyToOne
    private User owner;

    @ManyToOne
    private User friend;

    public Friendship() {

    }

    public User getOwner() {
        return owner;
    }

    public void setOwner(User owner) {
        this.owner = owner;
    }

    public User getFriend() {
        return friend;
    }

    public void setFriend(User friend) {
        this.friend = friend;
    }
}

i get this error when i do mvn clean package

2019-05-03 23:54:59.925  INFO 20200 --- [           main] org.hibernate.Version                    : HHH000412: Hibernate Core {5.0.12.Final}
2019-05-03 23:54:59.925  INFO 20200 --- [           main] org.hibernate.cfg.Environment            : HHH000206: hibernate.properties not found
2019-05-03 23:54:59.931  INFO 20200 --- [           main] org.hibernate.cfg.Environment            : HHH000021: Bytecode provider name : javassist
2019-05-03 23:54:59.979  INFO 20200 --- [           main] o.hibernate.annotations.common.Version   : HCANN000001: Hibernate Commons Annotations {5.0.1.Final}
2019-05-03 23:55:00.132  INFO 20200 --- [           main] org.hibernate.dialect.Dialect            : HHH000400: Using dialect: org.hibernate.dialect.H2Dialect
2019-05-03 23:55:01.094  INFO 20200 --- [           main] org.hibernate.tool.hbm2ddl.SchemaUpdate  : HHH000228: Running hbm2ddl schema update
2019-05-03 23:55:01.132  INFO 20200 --- [           main] rmationExtractorJdbcDatabaseMetaDataImpl : HHH000262: Table not found: friendship
2019-05-03 23:55:01.133  INFO 20200 --- [           main] rmationExtractorJdbcDatabaseMetaDataImpl : HHH000262: Table not found: friendship
2019-05-03 23:55:01.136  WARN 20200 --- [           main] o.s.w.c.s.GenericWebApplicationContext   : Exception encountered during context initialization - cancelling refresh attempt: org.sp
ringframework.beans.factory.BeanCreationException: Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/autoconfigure/orm/jpa/Hibern
ateJpaAutoConfiguration.class]: Invocation of init method failed; nested exception is javax.persistence.PersistenceException: [PersistenceUnit: default] Unable to build Hibernate SessionFac
tory
2019-05-03 23:55:01.152  INFO 20200 --- [           main] utoConfigurationReportLoggingInitializer :

Error starting ApplicationContext. To display the auto-configuration report re-run your application with 'debug' enabled.
2019-05-03 23:55:01.184 ERROR 20200 --- [           main] o.s.boot.SpringApplication               : Application startup failed

org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'entityManagerFactory' defined in class path resource [org/springframework/boot/autoconfigure/orm/jpa/
HibernateJpaAutoConfiguration.class]: Invocation of init method failed; nested exception is javax.persistence.PersistenceException: [PersistenceUnit: default] Unable to build Hibernate Sess
ionFactory

I uploaded my project to github https://github.com/hubmanS/traslateInClick , I would really appreciate if you do the test

i have this html

<div class="horizontal">
    <div>
        <span>  <input type="text" maxlength="100" placeholder="titulo" name="name">   </span>
        <span>  <input type="date" name="date">   </span>
    </div>

    <span> <input type="button" id="send" name="more" (click)="saveBooks(name.value, date.value)" value="Send"></span>
    <!-- (click)="changeList(true) -->
</div>

and in the angular component I have

async saveBooks(name, date){
        console.log('DATE ', name, date);
    }

I get the following error:

ERROR TypeError: Cannot read property 'value' of undefined
    at Object.eval [as handleEvent] (DatasComponent.html:22)
    at handleEvent (core.js:23107)

I want to fill a quantity, for example 9 elements of the array with the value of 0

let resultados = [];
    resultados[0] = 0;
    resultados[1] = 0;
    resultados[2] = 0;
    resultados[3] = 0;
    resultados[4] = 0;
    resultados[5] = 0;
    resultados[6] = 0;
    resultados[7] = 0;
    resultados[8] = 0;

I want to generalize it to fill n elements in the array, is there a proper js function to do this? or should I do it with a loop to fill it?

Evaluation for example is like a school subject, mathematics physics chemistry.

Attempts for example are the exams that are given for each subject

I want to know the attempts of a user regarding an evaluation

The user_id must be in the entity Attempt?

Attached the relational model

When used Node.jsto import a class it would be:

var Comprobador = require('./comprobador.js');

let comprobador=new Comprobador();

But in pure JavaScript on the client side, how would it be?

I try to make the diveditable but at first try it doesn't work, then if it works, what's wrong?

try it by clicking on the phrase

var app = angular.module('plunker', []);

app.directive('rightClick', function() {

  document.oncontextmenu = function(e) {
    if (e.target.hasAttribute('right-click')) {
      return false;
    }
  }

  return function(scope, el, attrs) {
    el.bind('contextmenu', function(e) {
      document.getElementById('op').contentEditable = 'true';
    });
  }

});



app.controller('MainCtrl', function($scope) {

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.js"></script>
<script src="app.js"></script>


<body ng-app="plunker" ng-controller="MainCtrl">
  <div id="op" right-click alert="You right clciked me">Right click me</div>
</body>

I want to get the errors made when writing a static text, in this case ( hola soy el texto estatico de prueba). My problem occurs when back/backspace is pressed, it stops working.

I check if it is a space so that the error does not affect the entire sentence but only the word. Example: hola comoand I write ola como, then everything would be wrong because the entire sentence is moved 1 position, however there is only 1 error, which is the h.

texto estatico         texto escrito       respuesta            resp actual 
hola soy el texto      hla soy el texto    error-> o -----l     error->ola---la

In the previous case, the user only made a mistake in writing the letter "o", but his mistake affected the whole word. To try to solve it, I obtain the positions of the beginnings of the words with the function getPosiciones() that so that the error produced, which in this case was only the letter o, does not affect the entire sentence; Now it only affects the word, but it's still wrong, it should affect 1 letter and not the whole word .

var texto = document.getElementById('captureInput');
var index = 0;
var errores = [];
var textoEstatico = "hola soy el texto estatico de prueba";
var posiciones = [];
var indexActual = 0;
var flagDoubleEspacio = false;

function is_special_key(key_id) {
  var tecladoEspecial=[8,9,13,17,18,19,27,33,34,35,36,37,38,39,40,45,46,91,93,112,113,114,115,116,117,118,119,120,121,122,123,145];
if(tecladoEspecial.indexOf(key_id)==0){
return true;
}
  return false;

}


function esLaMisma(key_id, texto, i) {
  var res = false;

  if (key_id == texto.charAt(i)) {
    res = true;
  }
  return res;
}

function posicionPalabras(texto, done) {
  var posiciones = [];
  var ini, fin, cp, tamPalabras = 0;
  ini = fin = 0, cp = 0;
  var copiaEstatica, palabra = "";
  var arrayEstatico = textoEstatico.split(" ");
  var arregloPosiciones = []
  for (var i = 0; i < arrayEstatico.length; i++) {
    tamPalabras = arrayEstatico[i].length - 1;
    if (fin == 0) {
      fin = fin + tamPalabras + 1;
    } else {
      fin = fin + tamPalabras + 2;
    }
    var auxPos = {
      ini,
      fin
    };
    palabra = arrayEstatico[i];
    arregloPosiciones.push({
      palabra: palabra,
      posiciones: auxPos
    });
    ini = fin + 1;

  };
  return done(null, arregloPosiciones);
}

function buscarPalabra(mapeo, indice, done) {

  getPosiciones();
  var intervalIni = 0,
    intervalFin = 0;
  mapeo.forEach(function(current, index, verdadero) {
    intervalIni = current.posiciones.ini;
    intervalFin = current.posiciones.fin;
    if (indice >= intervalIni && indice <= intervalFin) {
      return done(null, current.palabra)
    }
  })
}


texto.addEventListener('keydown', function(keyboardEvent) {

  if (!is_special_key(keyboardEvent.keyCode)) {

    flagDoubleEspacio = true;
    let keyC = keyboardEvent.key;

    if ((!esLaMisma(keyC, textoEstatico, index))) {
      arregloPosiciones = posicionPalabras(textoEstatico, function(err, result) {
        buscarPalabra(result, index, function(err, res) {
          let simbol = textoEstatico.charAt(index);
          let mensaje = 'palabra: ' + res + '    \tletra Original: ' + simbol + '    \tletra erronea: ' + keyC;
          mostrarMensaje(mensaje, "erroresFrecuentes");
          errores.push({
            palabra: res,
            posiciones: {
              simbol,
              keyC
            }
          });
        });
      });

    }
  } else {
    if (keyboardEvent.keyCode == 8) { //backspace
      index -= 2;
    }

  }
  if (keyboardEvent.keyCode == 32) { //espacio

    if (flagDoubleEspacio) {
      index = posiciones[indexActual];
      indexActual++;
      flagDoubleEspacio = false;
    }
  } else {
    index++;
  }

});

function mostrarMensaje(mensaje, caja) {
  var contenedor = document.getElementById(caja);
  var res = contenedor.innerText.split('\n');
  res.push(mensaje);
  contenedor.innerText = res.join('\n');
  contenedor.scrollTop = contenedor.scrollHeight - contenedor.clientHeight;
}

function getPosiciones() {

  for (var i = 0; i <= textoEstatico.length - 1; i++) {
    if (textoEstatico.charAt(i) == " ") {
      posiciones.push(i + 1);
    }

  }
}

<p>hola soy el texto estatico de prueba</p>
<textarea id="captureInput" placeholde="escribe aqui"></textarea>
<pre id="erroresFrecuentes" style="overflow-y: scroll; height:200px;"></pre>

I want that when a key is pressed for a long time it is not typed multiple times.

ejemplo:
tecla      tiempo      resultado
  a           3seg        a

I made this code but it doesn't work, use all 3 events.

var texto=document.getElementById("texto");
var pulsado=false;
texto.addEventListener('keydown', function(keyboardEvent) {
    if(pulsado) return false;
    pulsado=true;
});
texto.addEventListener('keypress', function(keyboardEvent) {
    if(!pulsado){
                
    }
});
texto.addEventListener('keyup', function(keyboardEvent) {
    pulsado=false;
});

<textarea id="texto"></textarea>

My code is:

<select>
  <option value="" disabled>seleccione la marca</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>

How do I make it appear in the select seleccione la marca, but not be selectable?

I tried disabledbut it doesn't show up.

I have this code, I need to make it dynamic

<svg  width="240" height="240" viewBox="0 0 240 240"><circle cx="120" 
cy="120" r="120" fill="#ebeced"></circle><path d="M 120.0,120.0 L 120.0,0.0 A 
120.0,120.0 0 1 1 75.71350260559888,8.471052418954017 Z" fill="#58d6a6"></path>
<circle cx="120" cy="120" r="100" fill="#ffffff"></circle></svg>

<svg width="240" height="240" viewBox="0 0 240 240"><circle cx="120" cy="120" 
r="120" fill="#ebeced"></circle><path d="M 120.0,120.0 L 120.0,0.0 A 120.0,120.0 
0 1 1 55.59949741795174,18.744998804110452 Z" fill="#58d6a6"></path><circle 
cx="120" cy="120" r="100" fill="#ffffff"></circle></svg>

I leave 2 examples, I do not find a relationship, as it should vary.

That graph now means 90% of X, I want to make it dynamic for any percentage.

Here is my progress:

function circlePath(cx, cy, r){
var variables="M" + cx + "," + cy + "m" + (-r) + ",0a" + r + "," + r + " 0 1,0 " + (r * 2) + ",0a" + r + "," + r + " 0 1,0 " + (-r * 2) + ",0";;

var pathEl = document.createElementNS("http://www.w3.org/2000/svg", "path");
pathEl.setAttribute(variables);
document.querySelector('svg').appendChild(pathEl);
}

circlePath(120,120,120);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<svg  class="circulo" width="240" height="240" viewBox="0 0 240 240"><circle cx="120" 
cy="120" r="120" fill="#ebeced"></circle ><path d="M 120.0,120.0 L 120.0,0.0 A 
120.0,120.0 0 1 1 75.71350260559888,8.471052418954017 Z" fill="#58d6a6"></path>
<circle cx="120" cy="120" r="100" fill="#ffffff"></circle></svg>

I relied on: https://stackoverflow.com/questions/5737975/circle-drawing-with-svgs-arc-path

and here an example: http://jsfiddle.net/godly/zL5Su/

But it does not work!

I want the text not to be lost, only the red background color should be lost. Here my code:

$('#confirmacion').fadeIn(9500);
$('#confirmacion').fadeOut(9500);

#confirmacion{
    background-color: red;
    color: #000;
    height: 2em;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="confirmacion"> iniciando un nuevo registro.</div>

I have a simple example of a div, which I want to rotate 180 degrees Horizontally, my example rotates vertically which I don't want

<!DOCTYPE html>
<html>
<head>
<style> 
div {
    width: 200px;
    height: 100px;
    background-color: yellow;
    /* Rotate div */
    -ms-transform: rotate(27deg); /* IE 9 */
    -webkit-transform: rotate(37deg); /* Chrome, Safari, Opera */
    transform: rotate(37deg);
}
</style>
</head>
<body>

<div>Hello</div>
<br>


</body>
</html>

I want to make an effect that when the user writes, the text that they have to write is marked with a color.

In the following link is what I want to do:

https://www.keytrac.net/en/tryout

...in the ANYTEXT SOLUTION option .

Doing the test, writing, the test text is marked in yellow.

Here I leave a screenshot.

I want you to give me some idea of ​​how to do it, or some example.

Given this code:

let promise =new Promise(function(resolve,reject){
    console.log("uno");
    resolve();
});
promise.then(function(){
    var cont=1;
    promise.then(function(){
        for (var i = 0; i < 100; i++) {
            cont++;
        };
        console.log(5);
    });
    promise.then(function(){
        console.log("dos");
        console.log("tres");
    });
});
promise.then(function(){
    console.log("cuatro");
})

The order of execution I expect is:

1. "uno" (let the for be executed)
2. "five"
3. "two and three"
4. "four"

Note: I did test my code and it runs:

uno->cuatro->cinco->dos->tres

I understand that before resolve() is sent, the execution time of the tasks before resolve is respected, for example:

var p = new Promise(function (resolve, reject) {
      setTimeout(function () {
        console.log('cinco');
        resolve('cinco');
      }, 5000);
    })

After 5 seconds have passed, it proceeds to execute the then (and it is what I was looking for, here the order of execution is respected)

but in .then, if one of them lasts longer than the others, it is executed at the end, I already understand that from the explanations, but isn't there any way to respect a then after it finishes, proceed through the other then?

.then(function (res) {
      // res es igual a 'cinco'
setTimeout(function () {
      console.log("dos");
},2000);
      return 'dos';
    })
.then(function (res) {
      // res es igual a 'dos'
      console.log("tres");
      return 'tres';
    });

the return is "three"->"two"

modification: new example with settimeout modifications in .then

var promise = new Promise(function (resolve, reject) {
  console.log('uno');
  resolve('uno');
});
promise.then(function (res) {
    // res es igual a 'uno'
    var p = new Promise(function (resolve, reject) {
      setTimeout(function () {
        console.log('cinco');
        resolve('cinco');
      }, 5000);
    })

    // Este then SI esta encadenado
    .then(function (res) {
      // res es igual a 'cinco'
      setTimeout(function () {
      console.log("dos");
  },2000);
      return 'dos';
    })
    // Este then NO esta encadenado al then anterior
    .then(function (res) {
      // res es igual a 'dos'
      console.log("tres");
      return 'tres';
    });
    // Acá le estamos indicando que todos los `then` encadenados
    // esperen a que se resuelva esta nueva promesa
    return p;
  })
  // Este then SI esta encadenado al then anterior
  .then(function (res) {
    // res es igual a 'dos', porque 'tres' no esta encadenado
    console.log('cuatro: ' + res);
  });

does not respect the order of execution in the

.then(function (res) {
          // res es igual a 'cinco'
          setTimeout(function () {
          console.log("dos");
      },2000);
          return 'dos';
        })

I intend to move to the left for 1 second and to the right for 1 second, so that it looks like it is shaking, each movement about 3 times

this is my code but it doesn't do both movements it only does the first one

#formulario:hover{
   /*position: absolute;*/
  -moz-transition-property: background-color, color, left;
  -moz-transition-duration: 1s;
  -webkit-transition-property: background-color, color, left;
  -webkit-transition-duration: 1s;
  -o-transition-property: background-color, color, left;
  -o-transition-duration: 1s;
  background-color: #CEF6CE;
      left: -15px;
      right: -15px;
    position: relative;
}

What would be the time when pressed?

$(captureInput).keydown(function(event){ 
                startDOWNPress = (new Date()).getTime();
.
. //Codigo no util para el ejemplo
.
$(captureInput).keypress(function(event){ 
                startPressUP = (new Date()).getTime();
.
.//Codigo no util para el ejemplo
.
$(captureInput).keyup(function(event){ 
                startUPDOWN= (new Date()).getTime();

What I am doing is obtaining the time of tightening, for that I obtain the time from when it is tightened ( keyDown) until it is initial raised ( keyup).

How do I do the highlight time?

Enhancement time is from the start of the release until the end of the release.

edit:

Pressure time: The time from when a key is detected as being pressed (KeyDown) until it is detected that it is not pressed any more (KeyUp).

Highlight time: The time from the last time a key is considered to have been entered (KeyPress) until it is detected that it is no longer pressed (KeyUp).

I have to update npm and NodeJS and I don't know how!!! I copied this code from here but it doesn't work, it doesn't update.

npm install -g npm-windows-upgrade
npm-windows-upgrade