XJC/src/app/components/admin/list-carte-envoyer/list-carte-envoyer.component.ts

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Router } from '@angular/router';
import { Observable } from 'rxjs/Observable';

import { OperationCommerciale } from '../../../../models/OperationCommerciale';
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database';

import * as firebase from 'firebase/app';
import { AngularFireAuth } from 'angularfire2/auth';
import { AuthService } from '../../../services/auth/auth.service';
import { OpCommercialService } from '../../../services/opCommercial/op-commercial.service';
import { Commercant } from '../../../../models/Commercant';

import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-list-carte-envoyer',
  templateUrl: './list-carte-envoyer.component.html',
  styleUrls: ['./list-carte-envoyer.component.scss'],
  providers: [AuthService, OpCommercialService]
})
export class ListCarteEnvoyerComponent implements OnInit, OnDestroy {
  opComm: OperationCommerciale;
  opCommList: FirebaseListObservable<any[]>;
  carteParList: FirebaseListObservable<any[]>;
  hideme = {};
  constructor(public afAuth: AngularFireAuth, public afDb: AngularFireDatabase,
              private router: Router, private authService: AuthService,
              private route: ActivatedRoute, private opComService: OpCommercialService) {
    this.hideme = {}; // init is required

    this.route.params.subscribe(params => {
      this.carteParList = this.afDb.list('/CarteParrainage/', {
          query: {
            orderByChild: 'operationCommercialCarte/uid',
            equalTo: params['idOp']
          }
        });
      this.opCommList = this.afDb.list('/OperationCommercial/', {
        query: {
          orderByChild: 'uid',
          equalTo: params['idOp']
        }
      });
      this.opCommList.forEach(op => {
        op.forEach(element => {
          this.opComm = element;
        });
      });
      /*this.opCommList.forEach(op => {
        op.forEach(element => {
          this.opComm = element;
        });
      });*/
    });
  }

  showDetails(item){
    Object.keys(this.hideme).forEach(h => {
      this.hideme[h] = false;
    });
    this.hideme[item.id] = true;
  }

  goToOpComAdmin(){
    this.router.navigate(['/listOpCommercialAdmin']);
  }

  ngOnInit() {
  }
  ngOnDestroy() {
  }
}