import { Http } from '@angular/http';
import { ToastsManager } from 'ng2-toastr/ng2-toastr';

import { ApplicationsService } from '../resources/applications';
import { UsersService } from '../resources/users';
import { LocaleService } from '../common/i18n';
import { TdDialogService } from '@covalent/core';
import { Component, AfterViewInit, ViewChild } from '@angular/core';
import { TdMediaService } from '@covalent/core';
import { FormBase, IComboOption } from './base';
import { ActivatedRoute, Router } from '@angular/router';

var user_example = { 
    username: 'rym',
    roles: [ 1 ],
    lastLogin: 1488885433000,
    modificationTimestamp: 1479898458000,
    email: 'rbouchair@curistec.com',
    first_name: 'Rym',
    last_name: 'Bouchair',
    creation_timestamp: 1479898458000,
    organizations_ids: [ 1, 2, 5, 6, 7, 8 ]
}

@Component({
  selector: 'user-form',
  templateUrl: 'src/app/forms/user.form.html'
})
export class UserFormComponent extends FormBase {

  constructor(private http: Http,
              private users: UsersService,
              private applications: ApplicationsService,
              router: Router,
              toaster: ToastsManager,
              route: ActivatedRoute,              
              $L: LocaleService,
              dialogs: TdDialogService) {
    super($L, router, route, toaster, users, $L.get('user'), dialogs);
  }

 
  goBack(): void {
    this.router.navigate([`users`]);
  }

  init() : void {
    super.setFirstFocus();
    super.reset();
    super.prepareInitialData('username', {
      metadata: []
    });
  }
 
  ngAfterViewInit(): void {
    this.init();
  }
}