Dimoreno's questions

I have a banner and an avatar image on it. I have tried to add the blur effect to my banner but I have an error since the effect is done on my avatar and not on my banner.

To understand what I want, I share my JSFiddle with you .

This is my code:

.fondo_banner {
  background-image: url(https://www.walldevil.com/wallpapers/a49/desktop-wallpaper-nepal-background-wallpapers.jpg);
  background-repeat: no-repeat;
  background-position: 100%;
  background-size: cover;
  margin: 0 auto 1em;
  position: relative;
  height: 240px;
}

.overlay_fondo_banner {
  background-color: rgba(69, 90, 100, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*filter: blur(15px);*/
}

#pUsuario_avatar {
  background-image: url(http://pia.az/photos/gffbff.jpg);
  position: relative;
  width: 85px;
  height: 85px;
  background-size: cover;
  background-position: top center;
  border-radius: 50%;
  margin: 15px auto;
  cursor: pointer;
}

<div class="fondo_banner">
  <div class="overlay_fondo_banner">
    <div id="pUsuario_avatar">

    </div>
  </div>
</div>

I have the following div which contains a background image and at the bottom a menu, my question is how can I center the items of my menu in the full width of my screen, currently they are displayed on the left.

this is my code:

<div class="principal movil_principal">
        <div class="fondo_principal">
          <div id="barra_horizontal_login">
            <ul class="barra_horizontal_ul">
              <li class="barra_horizontal_li">
                <a href><i class="material-icons">help</i> Dato informativo</a>
              </li>
              <li class="barra_horizontal_li">
                <a href><i class="material-icons">help</i> Dato informativo</a>
              </li>
              <li class="barra_horizontal_li">
                <a href><i class="material-icons">help</i> Dato informativo</a>
              </li>
            </ul>
          </div>      
        </div>  
      </div>

CSS:

.principal{
  background-image: url('https://www.oxmoorhyundai.com/wp-content/themes/DealerInspireDealerTheme/images/video-fallback-background.jpg'); 
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: cover;
    margin: 0 auto 1em;  
    padding-top: 25%;
    position: relative;
}
.fondo_principal{
    background-color: rgba(66, 66, 66, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#barra_horizontal_login{
  width: 100%; 
  position: absolute; 
  bottom: 0;
  right: 0;
}
.barra_horizontal_ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgba(0,0,0,0.3);
}
.barra_horizontal_li{
  float: left;
}
.barra_horizontal_li a{
    color: #bdbdbd;
  display: block;
    font-size: 10px;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  display: inline-flex;
  vertical-align: middle;
}
.barra_horizontal_li a:hover{
    color: #424242;
}
.barra_horizontal_li i{
    color: #bdbdbd;

font-size: 13px;
}

Finally I share my jsfiddle div-example

I have two arrayswhich contain certain values ​​the first arrayis predefined and the second arrayis equal to the first array. The second arrayitself is an arrayauxiliary which I use to remove elements. The error I have is that when I remove elements from the second arraythe elements from the first are also deleted array, This is my code:

At the time of verifying my arrayit is empty. How can I resolve this error? and here my jsfiddle

function Ctrl($scope) { 

  $scope.categorias = [{"id_categoria":2,"id_empresa":2},{"id_categoria":3,"id_empresa":2}];
  $scope.categorias_Aux = $scope.categorias;

  $scope.eliminar_categoria = function(id_categoria){
    for (var i = 0; i < $scope.categorias_Aux.length; i++){
      if ($scope.categorias_Aux[i].id_categoria == id_categoria) { 
          $scope.categorias_Aux.splice(i, 1);
          break;
      }
    }
    console.log(JSON.stringify($scope.categorias))

    }

  $scope.verificar = function(){
    $scope.categorias_Aux = $scope.categorias;
    console.log(JSON.stringify($scope.categorias_Aux))
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="Ctrl">
    <table style="width:100%">
      <tr>
        <th>Nom</th>
        <th>id</th> 
        <th>accion</th>
      </tr>
      <tr ng-repeat="i in categorias_Aux">
        <td>nombre cat</td>
        <td>{{i.id_categoria}}</td> 
        <td><input type="button" value="x" ng-click="eliminar_categoria(i.id_categoria)"></td>
      </tr>
    </table>
    <input type="button" ng-click="verificar()">
  </div>
</div>

I have the following code:

.stat {
  color: #4c4c4c !important;
  float: left !important;
  font-size: 10px !important;
  line-height: 17px !important;
  text-align: center !important;
  text-decoration: none !important;
  width: auto !important;
}

.stat:hover {
  color: #747474 !important
}

.stat strong {
  display: block !important;
  font-size: 22px !important;
  line-height: 25px !important
}

<div>
  <a href="#" class="stat">
    <strong>3333</strong> vic
  </a>
  <a href="#" class="stat">
    <strong>60</strong> 0986001661
  </a>
  <a href="#" class="stat">
    <strong>117</strong> [email protected]
  </a>
</div>

I would like to know how I can align an icon instead of the label strong. Something like this:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<div>
  <a href="#" class="stat">
    <i class="material-icons">power_settings_new</i> vicsss
  </a>
  <a href="#" class="stat">
    <i class="material-icons">power_settings_new</i> 98988888
  </a>
  <a href="#" class="stat">
    <i class="material-icons">power_settings_new</i> [email protected]
  </a>
</div>

I have a button that shows two buttons when hovering over the mouse, but I have an error that when I click on one of the two buttons that are shown, they are lost. How can I solve this problem?

This is my code:

.stBoton {
    padding: 10px;
}

.opciones {
    color: red;
    display: none;
}

.stBoton:hover + .opciones {
    display: block;
}

<div>
    <button type="button" class="stBoton">
        click
    </button>
    <div class="opciones">
        <button type="button" class="stBoton">
            click1
        </button>
        <button type="button" class="stBoton">
            click2
        </button>
    </div>
</div>

The idea is that the two buttons that are shown are kept and that they are lost after clicking on one of them. Is it possible with pure CSS?

I found this tutorial on android which allows you to show a popup window see tutorial

But what I do is show my popupwindow without pressing any button, this is what I have:

private PopupWindow popupWindow;
@Override
    public void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.conductor);
       View rootView = getWindow().getDecorView().getRootView();
       mostrar_popup(rootView);
}

private void mostrar_popup(View rootView) {
        LayoutInflater layoutInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        // inflate the custom popup layout
        final View inflatedView = layoutInflater.inflate(R.layout.lista_alumnos, null,false);
        // find the ListView in the popup layout
        ListView lista_alumnos = (ListView)inflatedView.findViewById(R.id.lista_alumnos);
        // get device size
        Display display = getWindowManager().getDefaultDisplay();
        final Point size = new Point();
        display.getSize(size);
        // set height depends on the device size
        popupWindow = new PopupWindow(inflatedView, size.x - 50,size.y - 400, true );
        // set a background drawable with rounders corners
        popupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.fondo_lista_alumnos));
        // make it focusable to show the keyboard to enter in `EditText`
        popupWindow.setFocusable(true);
        // make it outside touchable to dismiss the popup window
        popupWindow.setOutsideTouchable(true);

        // show the popup at bottom of the screen and set some margin at bottom ie,
        popupWindow.showAtLocation(rootView, Gravity.BOTTOM, 0,100); //aqui esta mi error
    }

driver.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/map_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff" >

    <fragment
        android:id="@+id/map_conductor"
        android:name="com.google.android.gms.maps.SupportMapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</RelativeLayout>

I thank you in advance

I am consuming a Ws which returns an array, and I present it in a select, the data is displayed well but I want to know how I give it a default value, this is what I have done

<div class="form-group">
  <label for="sel1">Categoría 1:</label>
  <select class="form-control" 
   ng-init = "data.emp_cat_uno = categorias[0]" //no funciona
   ng-options="c.nombre_cat as c.nombre_cat for c in categorias "
   ng-model="data.emp_cat_uno"
   ng-change = "setear_id_cat_1()">
  </select>
</div>  

js

$scope.hideLoader = FctLoader.show($scope.hideLoader);
ServCategorias.servicioCategorias().success(function(data, status){
   $scope.categorias = data.data.categorias;
})
.error(function(data, status){
   alert(status+' provinicias');
})
.finally(function() {
  $scope.hideLoader = true;         
});

services

.service('ServCategorias',['$http',function($http){
    this.servicioCategorias = function(){
        return $http.get('url');
    };
}])

I want to know how I make the first value default, I hope and there is a solution with everything, thank you

I am trying to display a custom list inside an alertDialog, everything goes fine until when the user clicks on an item followed by it the alertDialog closes and when I want to show the alertDialog again I get this error:

The specified child already has a parent. You must call removeView() on the child's parent first.

This is my code:

AlertDialog dialog; //variable global
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.conductor);
    cargar_mensajes();
}

private void cargar_mensajes() {
    String url = url;
    JsonObjectRequest request = new JsonObjectRequest(url, null, new Response.Listener<JSONObject>(){
        @Override
        public void onResponse(JSONObject response) {
            try{
                lista_mensajes = new ListView(Conductor.this);
                JSONObject res = new JSONObject(response.toString());
                JSONObject data = res.getJSONObject("data");
                JSONArray mensajes = data.getJSONArray("mensajes");
                for(int i = 0; i<mensajes.length();i++){
                    JSONObject item = mensajes.getJSONObject(i);
                    int id_mensaje = item.getInt("id_mensaje");
                    String mensaje_cond = item.getString("mensaje");
                    //LISTA PERSONALIZADA
                    datos_mensajes = new Datos_mensajes(id_mensaje, mensaje_cond);
                    arrayList.add(datos_mensajes);
                    Adaptador_mensajes adaptador_mensajes = new Adaptador_mensajes(Conductor.this,arrayList);
                    lista_mensajes.setAdapter(adaptador_mensajes);

                    lista_mensajes.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                        @Override
                        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                            TextView txt_id_mensaje_conductor = (TextView)view.findViewById(R.id.txt_id_mensaje_conductor);
                            TextView txt_mensaje_conductor = (TextView)view.findViewById(R.id.txt_mensaje_conductor);
                            String id_mensaje_conductor_txt = txt_id_mensaje_conductor.getText().toString();
                            String mensaje_conductor_txt = txt_mensaje_conductor.getText().toString();

                            Toast.makeText(Conductor.this, mensaje_conductor_txt+" "+id_mensaje_conductor_txt, Toast.LENGTH_SHORT).show();
                            dialog.dismiss(); //CIERRO ALERTDIALOG
                        }
                    });
                    //FIN LISTA PERSONALIZADA
                }
            }catch (JSONException e){

            }
            onConnectionFinished();
        }
    }, new Response.ErrorListener(){
        @Override
        public void onErrorResponse(VolleyError error) {
            Toast.makeText(Conductor.this,"Error al cargar los mensajes",Toast.LENGTH_LONG).show();
            onConnectionFailed();
        }
    }){
        @Override
        public Map<String, String> getHeaders() throws AuthFailureError {
            Map<String, String>  params = new HashMap<String, String>();
            params.put("Content-Type", "application/json");
            params.put("Authorization", "Basic "+auth);
            return params;
        }
    };
    addToQueue(request);
}

@Override
public boolean onCreateOptionsMenu(android.view.Menu menu) {
    getMenuInflater().inflate(R.menu.menu_conductor,menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case R.id.sms_conductor:
            AlertDialog.Builder builder = new AlertDialog.Builder(Conductor.this);
            builder.setCancelable(true);
            builder.setView(lista_mensajes);
            dialog = builder.create();
            dialog = builder.show();
            return true;
    }
    return super.onOptionsItemSelected(item);
}

I do all this with a menu that I show in the upper right part. Everything is correct, the only error is the one I mentioned, how can I solve it?

I thank you in advance

I have the following Activity which starts a service of type service in android for it inside my Activity class I have the following

Intent i_service = new Intent(getApplicationContext(), MyService.class);
        i_service.putExtra("nombre_clase", "Mapas");
        startService(i_service);

and in my class MyService.class I have the following:

 public int onStartCommand(Intent intent, int flags, int startId) {
        Log.d(var,"servicio stratcomand");
        String nombre_clase = intent.getStringExtra("nombre_clase");
        Log.d("bbbbbbbbbb", "valor: "+nombre_clase);
        if(nombre_clase == "Mapas"){
            Log.d("aaaaaaaaaaa", "valor: "+nombre_clase);
        }else{
            Log.d("aaaaaaaaaaa", "noo error ");
        }
        return super.onStartCommand(intent, flags, startId);
    }

Before entering the condition I print the class_name variable which does not present any error, but when I want it to print the value of the same variable within the condition I always get the message "no error", since the value "Maps" if it exists.

What I want to know is how do I solve this problem, in advance I thank you

I have an input where I enter data and the first 3 numbers are separated with a - and the next 3 as well and the rest are not:

001-001-123234344

What I need is that this entry only allows having the - and not another symbol like {}()+*# ... ect

this is my code

<input type="text" ng-model="data.dato" ng-change="cambios()" maxlength="17"><br>

and in my controller I have the following

$scope.data = {};
$scope.cambios = function(){
   if($scope.data.dato.length === 3 || $scope.data.dato.length === 7){
        $scope.data.dato = $scope.data.dato+'-';       
   }
   if($scope.data.dato.length === 17){
        $scope.final = $scope.data.dato.replace(/-/g,'');
        alert($scope.final)
    }
 }

Finally, in the first if the - is added, when I have already entered all the data and I would like to delete everything and it remains empty, it is not deleted, how can I control that?

I thank you in advance

I have the following array of objects:

$scope.name = {
  "cliente":[
    {"id":1, "dato":"des"},{"id":2, "dato":"eeeee"}
   ],
  "detalle":[{"id":1, "dato":"oooo"},{"id":2, "dato":"ccccc"},{"id":2, "dato":"xxxxxxxxx"},{"id":2, "dato":"zzzzzzz"}]

}

which is traversed to assign to a new array all the data that corresponds to the id of the client object. this is my controller

function MyCtrl($scope) {
    $scope.arreglo = [];
    $scope.name = {
  "cliente":[
    {"id":1, "dato":"des"},{"id":2, "dato":"eeeee"}
   ],
  "detalle":[{"id":1, "dato":"oooo"},{"id":2, "dato":"ccccc"},{"id":2, "dato":"xxxxxxxxx"},{"id":2, "dato":"zzzzzzz"}]

}
for(var i=0; i<$scope.name.cliente.length;i++){
  for(var j=0; j<$scope.name.detalle.length;j++){
    if($scope.name.cliente[i].id == $scope.name.detalle[j].id){
      $scope.arreglo.push({"cliente":$scope.name.cliente[i].id, "detalle":$scope.name.detalle[j]})
    }
  }
}
    console.log(JSON.stringify($scope.arreglo))
}

When printing $scope.array the result is as follows:

[{"cliente":1,"detalle":{"id":1,"dato":"oooo"}},{"cliente":2,"detalle":{"id":2,"dato":"ccccc"}},{"cliente":2,"detalle":{"id":2,"dato":"xxxxxxxxx"}},{"cliente":2,"detalle":{"id":2,"dato":"zzzzzzz"}}]

And what I want is for it to appear like this:

[{"cliente":1,"detalle":{"id":1,"dato":"oooo"}},
{"cliente":2,"detalle":{"id":2,"dato":"ccccc", "dato":"xxxxxxxxx","dato":"zzzzzzz"}}]

In itself what I want is that the client id is presented only once along with its associated data

I have the following array:

$scope.arreglo = [
        {"clave_acceso":"122"},
      {"clave_acceso":"222"},
      {"clave_acceso":"333"}
    ];

and from the desire to create a url which should be like the following: If the array has a data: http:services/autorizaciones?ca=122 If the array has more than one data: http:services/autorizaciones?ca=122&ca =222&ca=33.......etc

In my controller I have the following:

$scope.url ="";
    $scope.arreglo = [
        {"clave_acceso":"122"},
      {"clave_acceso":"222"},
      {"clave_acceso":"333"}
    ];

        for(var i =0; i < $scope.arreglo.length;i++){
        if($scope.arreglo.length >= 2){
        $scope.url="http:services/autorizaciones?ca="+$scope.arreglo[i].clave_acceso+"&ca="+$scope.arreglo[i].clave_acceso;
        }else{
            $scope.url="http:services/autorizaciones?ca="+$scope.arreglo[i].clave_acceso;
        }
      }

and at the end of everything I print in my html view the url

<h5>{{url}}</h5>

But I'm doing something wrong that doesn't show up as I expect.

How can I solve that? I thank you in advance

I have an array of students which I present their names in a list and below each name two buttons that allow them to be assigned a grade, either positive or negative.

What I want to do is that when I click on the button (positive or negative) it shows a message and hides the buttons div

I share what I have below:

HTML view

<ul class="ejemplo" ng-app ng-controller="sample">
    <div ng-repeat="i in estudiantes">
      <h5>{{i.nombres}}</h5>
      <div class="botones">
        <input type="button" data-ng-click=calificar($event,i.id) value="calificacion positiva" id="1"/>
        <input type="button" data-ng-click=calificar($event,i.id) value="calificacion negativa" id="2"/>
      </div>      
    </div>
</ul>

controller.js

function sample ($scope) {

    $scope.estudiantes = [
        {
            nombres: 'Diego Israel',
            id: 2
        },
        {
            nombres: 'Juan Carlos',
            id: 3
        },
        {
            nombres: 'Pedro',
            id: 4
        }
    ];

    $scope.calificar = function(event,id){
    var estado = event.target.id;
      switch (estado) {
        case '1':
          //para no mostrar este alert quiero ocultar el div botones y mostrar el respectivo mensaje
            alert('calificacion positiva');
        break;
        case '2':
          //para no mostrar este alert quiero ocultar el div botones y mostrar el respectivo mensaje
            alert('calificacion negativa');
        break;
        default:
        return false;
      }     
    }
}

The idea is that once the button has been clicked, automatically below the name of the selected student the message I hope I have made myself understood is displayed. I thank you in advance

I have the following code in my controller:

$scope.a="26-04-2016";    
$scope.c = moment($scope.a,"DD-MM-YYYY").format("DD-MM-YYYY");
$scope.b="20-10-2016";
$scope.d = moment($scope.b,"DD-MM-YYYY").format("DD-MM-YYYY");
if($scope.d <= $scope.c){
    alert($scope.d+' es menor a '+$scope.c)
}else{
    alert($scope.d+' es mayor a '+$scope.c)
}

With this I compare two dates between the 20-10-2016and the 26-04-2016, at first glance it is known that the 20-10-2016is greater than 26-04-2016but when executing this code it gives me the result that it is less.

What is the problem?

I have an array with hour values ​​which I present in a select tag as follows:

Select

07:00:00
07:10:00
07:20:00
07:30:00
07:40:00
07:50:00
08:00:00

But I want to know how to group them as follows:

07:00:00 - 07:10:00
07:10:00 - 07:20:00
07:20:00 - 07:30:00
07:30:00 - 07:40:00
07:40:00 - 07:50:00
07:50:00 - 08:00:00

This is what I have so far:

HTML

<div ng-controller="MyCtrl">
  <select ng-model="data.rh"
          ng-init="data.rh=rangoHoras[0].h"
          ng-options="rh.h as rh.h for rh in rangoHoras"
          style="color:#283593;">
  </select>
</div>

controller.js

function MyCtrl($scope) {
    $scope.rangoHoras=[
        {"h":"07:00:00"},{"h":"07:10:00"},{"h":"07:20:00"},
        {"h":"07:30:00"},{"h":"07:40:00"},{"h":"07:50:00"},
        {"h":"08:00:00"}
    ];
}

I am trying to find ranges between two given times, in Si what I want is to do the following:

I have h1 = 20:00:00 and h2= 20:30:00

What I want is for the end result to be equal to this:

20:00:00--20:10:00--20:20:00--20:30:00 That is, add 10 minutes to the given time

This is my code:

.controller('General', function($scope){
   $scope.h1=moment("18:00:00",'HH,mm,ss').format('HH-mm-ss');
   $scope.h2=moment("21:00:00",'HH,mm,ss').format('HH-mm-ss');

  var rangoMinutos = function(h1, h2) {
      var rango= [];

      while (h1 <= h2) {
          rango.push(h1);
          h1.add(1,'hours');//NO SE SI ESTE BIEN ESTO
      }
      return rango;
  };

  var results1 = rangoMinutos($scope.h1, $scope.h2);
  alert(results1)//ver resultado de los rangos
})

I have an example of sending emails using email composer. At the moment I send emails to a user, but I would like to know how to send the same email to an array of contacts.

below I share my code:

app.js

.controller('General', function($scope){
  $scope.EnvioMail= function() {
    $scope.contactos=[{correo:"[email protected]"},{correo:"[email protected]"},{correo:"[email protected]"},{correo:"[email protected]"}];
    for(var i=0; i<$scope.contactos.length;i++){
      alert($scope.contactos[i].correo);
    }
    $scope.nombre="[email protected]";
    if(window.plugins && window.plugins.emailComposer) {
      window.plugins.emailComposer.showEmailComposerWithCallback(function(result) {
       alert("Response ->");
      }, 
      "Esta es una prueba para enviar mails desde tu aplicacion ionic", // Subject
      "",                      // Body
      [$scope.nombre],    // To EN ESTA PARTE QUIERO ENVIARLE A $scope.contactos[i].correo
      null,                    // CC
      null,                    // BCC
      false,                   // isHTML
      null,                    // Attachments
      null);                   // Attachment Data
    }
  }
})

index.html

<ion-content ng-controller='General'>
  <br><br>
  <button class="button button-assertive" ng-click="EnvioMail()">enviar mail</button>
</ion-content>

In itself, what I want is to send said mail to$scope.contactos[i].correo

I have the following code that shows me a series of hours from 07 to 22. What I want to know is how to obtain the value of the selected hour in my controller and if it is possible to print it in an alert.

HTML view

<div ng-controller="MyCtrl">
  <div class="item item-divider item-positive item-text-wrap">
          HORA INGRESO
        </div>
        <div class="row">
          <div class="col .col-50">
            <div class="item item-input item-select">
              <div class="input-label">HH</div>
              <select ng-model="data.hih" ng-init="data.hih=horas[0]" ng-options="hih.hora for hih in horas">
              </select>
            </div>          
          </div>
        </div>
        <a class="button button-block icon-left ion-ios-compose button-balanced" 

          ng-click="crearTutoria()">
          Crear Tutoría
        </a>
</div>

Controller

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.horas = [];
    for(var i=7;i<=22;i++){
      if(i<10){
        $scope.iconcatenado='0'+i;
        $scope.horas.push({hora:$scope.iconcatenado});
      }else{
        $scope.horas.push({hora:i});
      }
    }

    $scope.data = {};
    //9.1 hace referencia al data de CrearTutoria.html
    $scope.crearTutoria=function(){
        alert($scope.data.hih)//esto me muestra [Object:Object]
        alert(JSON.stringify($scope.data.hih))// me imprime hora:07 y lo que solo quiero obtener es 07 o el cualquier valor seleccionado
    }
}

I have the following code in java. What I am trying to search for is the word sql inside my a variable but I enter sql language and it says that the word has not been found. How can I do to search for sql even if I enter sql language of the variable a? I hope you can help me, thanks

public static void main(String[] args) {
            // TODO code application logic here
            String a="sql";
            int intIndex = a.indexOf("lenguaje sql");
          if(intIndex == - 1){
             System.out.println("palabra encontrada");
          }else{
             System.out.println("palabra no encontrada"
             + intIndex);
          }

        }

I would like to know how to obtain in angular js the parallels of each matter. So far I can get the name but not its parallel. Could you help me? I have the following JSON:

 [
  {
    "num": "125",
    "nom_coe": "Matematicas",
    "variacion": " ",
    "creditos": "2",
    "grupo_creditos": "",
    "paralelos": [
      {
        "paralelo": "B",
        "dia": "s/d",
        "aula": "NO ASIGNADA",
        "hora_inicio": "12:00:00",
        "hora_fin": "12:00:00"
      }
    ]
  },
  {
    "num": "855",
    "nom_coe": "Historia",
    "variacion": " ",
    "creditos": "4",
    "grupo_creditos": "Genérica",
    "paralelos": [
      {
        "paralelo": "A",
        "dia": "Martes",
        "aula": "NO ASIGNADA",
        "hora_inicio": "10:00:00",
        "hora_fin": "13:00:00"
      }
    ]
  },
  {
    "num": "255",
    "nom_coe": "Lengua",
    "variacion": " ",
    "creditos": "3",
    "grupo_creditos": "",
    "paralelos": [
      {
        "paralelo": "A",
        "dia": "Jueves",
        "aula": "NO ASIGNADA",
        "hora_inicio": "07:30:00",
        "hora_fin": "10:00:00"
      }
    ]
  }
]

This is my code:

$scope.datosComp=data;
    var length = $scope.datosComp.length;
    for ( i=0; i < length; i++) {  
      alert($scope.datosComp[i].nom_coe);
    };

How do I get the parallels?