import { Component, OnInit, Query } from '@angular/core';
/*import data from '../../../chalets.json';*/
import { AngularFireDatabase, AngularFireList } from '@angular/fire/database';
import { Observable } from 'rxjs';

declare var $: any;

@Component({
  selector: 'app-vouspreferezunchalet',
  templateUrl: './vouspreferezunchalet.component.html',
  styleUrls: ['./vouspreferezunchalet.component.scss']
})
export class VouspreferezunchaletComponent implements OnInit {
  itemValue = '';
  items: Observable<any[]>;
 items2: Observable<any[]>;
 items3: Observable<any[]>;
 items4: Observable<any[]>;
 items5: Observable<any[]>;
  constructor(public db: AngularFireDatabase) {
    this.items = db.list('chalets', ref => {
      return ref.orderByChild('categorie').equalTo('1');
    }).valueChanges();
    this.items2 = db.list('chalets', ref => {
      return ref.orderByChild('categorie').equalTo('2');
    }).valueChanges();
    this.items3 = db.list('chalets', ref => {
      return ref.orderByChild('categorie').equalTo('3');
    }).valueChanges();
    this.items4 = db.list('chalets', ref => {
      return ref.orderByChild('categorie').equalTo('4');
    }).valueChanges();
    this.items5 = db.list('chalets', ref => {
      return ref.orderByChild('categorie').equalTo('5');
    }).valueChanges();
  }