import {Injectable} from '@angular/core';
import {FormBuilder, FormGroup, Validators, FormControl} from '@angular/forms';
import {Router} from '@angular/router';

import {ParseService, ShowService} from '~shared/services/services.module';

@Injectable()
export class MenuService extends ParseService {

  protected database = this.Object.extend('Menu');

  private routeParams: object = {};

  form: FormGroup;
  roles = [];
  data = null;

  set params(val: object) {
    this.routeParams = val;
    this.refresh();
  }

  get params(): object {
    return this.routeParams;
  }

  constructor(private fb: FormBuilder, private router: Router, private show: ShowService) {
    super();

    this.form = this.fb.group({
      group: new FormControl('', [Validators.required, Validators.minLength(2), Validators.maxLength(20)]),
      name: new FormControl('', [Validators.required, Validators.minLength(2), Validators.maxLength(20)]),
      icon: new FormControl('', [Validators.required, Validators.maxLength(20)]),
      url: new FormControl('', [Validators.required, Validators.maxLength(128)]),
      orderBy: new FormControl(0, [Validators.required, Validators.min(1)]),
      roles: new FormControl([])
    });
  }

  onInit() {
    this.form.reset();
    Object.values(this.form.controls).forEach(control => control.markAsPristine());
    this.form.patchValue({
      orderBy: 0,
      roles: []
    });

    if (!this.roles.length) {
      const role = new this.Query(this.Role);
      role.addAscending('createdAt');
      role.find()
        .then(rows => this.roles = rows)
        .catch(this.handleError)
        .catch(err => this.show.error(err.message));
    }
  }

  onDestroy() {
    this.roles = [];
    this.data = null;
  }

  refresh() {
    const query = new this.Query(this.database);
    query.get(this.params['id'])
      .then(data => {
        this.data = data;
        return data.get('roles').query().find();
      })
      .then(roles => {
        this.form.patchValue({
          group: this.data.get('group'),
          name: this.data.get('name'),
          icon: this.data.get('icon'),
          url: this.data.get('url'),
          orderBy: this.data.get('orderBy'),
          roles: roles
        });
      })
      .catch(this.handleError)
      .catch(err => {
        this.show.error(err.message);
        this.router.navigate(['/system/menu']);
      });
  }

  hasError(controlName: string, errorCode: string, path?: string[]) {
    const control = this.form.controls[controlName];
    return control.dirty && control.hasError(errorCode, path);
  }

  control(controlName: string) {
    return this.form ? this.form.controls[controlName] : null;
  }

  onReset($event) {
    $event.preventDefault();
    this.onInit();
  }

  onSubmit($event) {
    $event.preventDefault();
    Object.values(this.form.controls).forEach(control => control.markAsDirty());
    if (!this.form.valid || !this.data) {
      return false;
    }

    const acl = new this.ACL();
    acl.setRoleReadAccess('root', true);
    acl.setRoleWriteAccess('root', true);
    if (typeof this.control('roles').value === 'object' && this.control('roles').value.length) {
      this.control('roles').value.forEach(role => acl.setRoleReadAccess(role, true));
    } else {
      acl.setPublicReadAccess(true);
    }

    const data = this.data;
    data.setACL(acl);
    Object.entries(this.form.value)
      .filter(([key]) => !['roles'].includes(key))
      .forEach(([key, val]) => {
        data.set(key, val);
      });

    const relation = data.relation('roles');
    relation.remove(this.roles);
    if (typeof this.control('roles').value === 'object' && this.control('roles').value.length) {
      relation.add(this.control('roles').value);
    }

    data.save()
      .then(() => {
        this.show.success('修改成功');
        this.router.navigate(['/system/menu']);
      })
      .catch(this.handleError)
      .catch(err => {
        data.revert();
        this.show.error(err.message);
      });
  }

}