1

Tengo este datepicker, en el cual muestro las fechas bloqueadas segun la condicion de que esten aceptadas o no, intento filtrar ahora por un nuevo parametro, area_id. Si el area_id de los datos es igual a la del usuario deben mostrarse las fechas en naranja y si aceptado es igual a 1 bloquearse y pintarse de rojo.

Este es el codigo que tengo:

var daysData = <?= json_encode($data) ?>;
var isArea = {{ Auth::user()->area_id }}
var newA = [];
for( j of daysData){
  let start = moment(j["start"]);
  let end   = moment(j["end"]);

  for (let m = moment(start); m.diff(end, 'days') <= 0; m.add(1, 'days')) {
    newA[m.format('DD/MM/YYYY')] = j;
  }
}

$('input[name="datefilter"]').daterangepicker({

isInvalidDate: function(date) {
    var valid = false ; // default css class
    let d =  date.format("DD/MM/YYYY");
    if(typeof newA[d] !== 'undefined'){
        if(newA[d].acept == 1 && newA[d].area_id == isArea){
            valid =  true;
        }
    }
    return valid;
},
isCustomDate: function(date) {

  var daySettings = 'day_green';
  let d =  date.format("DD/MM/YYYY");
  if(typeof newA[d] !== 'undefined'){
       daySettings = 'day_red';
           if(newA[d].acept == 0 && newA[d].area_id ==isArea){
            daySettings = 'day_orange';
           }
        }
  }
  return daySettings;
},

Pro me sigue pintando las fechas que no corresponden al area_id del usuario con lo cual me tiene un poco frustrado. Agradeceria una manita.

Saludos y gracias

9
  • ¿La consola te da algún error de javascript? Aquí falta un punto y coma al final aunque puede que no haga falta (si estás usando algún transpilador de javascript): var isArea = {{ Auth::user()->area_id }} Commented el 4 sept. 2018 a las 10:04
  • Uso el framework de laravel, con lo que el area_id me lo coje correctamente ya que hice un console.log y me pinta el area_id del usuario correctamente, pero en la condicion debe ser que no estoy comparando como debo
    – Peisou
    Commented el 4 sept. 2018 a las 10:21
  • Pues prueba a poner console.log(newA[d].area_id); console.log(isArea); console.log(newA[d].area_id == isArea); Para ver qué valores saca Commented el 4 sept. 2018 a las 10:23
  • Lo he probado y newA[d].area_id no me muestra nada por consola sin embargo en el json puedes ver los datos perfectamente, este es el output con console lod de daysData: {area_id: 2, title: "asd", start: "2018-08-30", end: "2018-08-31", acept: 0} y este el output de newA : {area_id: 2, title: "asd", start: "2018-08-12", end: "2018-08-12", acept: 0} sera por ponerle el [d]?
    – Peisou
    Commented el 4 sept. 2018 a las 10:39
  • Claro, newA[d] sería si fuera un array pero es un objeto Commented el 4 sept. 2018 a las 10:50

1 respuesta 1

1

Resuelto, he realizado el filtro directamente en php, con lo cual, cuando realizo la consulta a la base de datos ya filtro directamente por el area_id, sin necesidad de modificar nada en javascript ya que traigo los datos correctos al front.

Adjunto la consulta:

$data =  \DB::table('vacations')->select('*')
        ->join('users','users.id','=','vacations.user_id')
        ->where(['vacations.area_id' => $fil])
        ->get();

    return $data;
0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.