barbatus / typescript-runtime Goto Github PK

barbatus_typescript-runtime.js?hash=b9c22e4…:134 Uncaught TypeError: Object.setPrototypeOf called on null or undefined
    at setPrototypeOf (<anonymous>)
    at __extends (barbatus_typescript-runtime.js?hash=b9c22e4…:134)
    at project-selector.component.ts:91
    at project-selector.component.js (project-selector.component.ts:101)
    at fileEvaluate (modules-runtime.js?hash=8587d18…:343)
    at require (modules-runtime.js?hash=8587d18…:238)
    at component-selector.component.js (component-selector.component.ts:14)
    at fileEvaluate (modules-runtime.js?hash=8587d18…:343)
    at require (modules-runtime.js?hash=8587d18…:238)
    at shared.module.js (shared.module.ts:15)
    at fileEvaluate (modules-runtime.js?hash=8587d18…:343)
    at require (modules-runtime.js?hash=8587d18…:238)
    at work-item-modal.component.js (work-item-modal.component.ts:23)
    at fileEvaluate (modules-runtime.js?hash=8587d18…:343)
    at require (modules-runtime.js?hash=8587d18…:238)

import { Mongo } from 'meteor/mongo';
import { Component, EventEmitter, AfterContentInit, AfterViewChecked, ElementRef, forwardRef, OnInit } from '@angular/core';
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
import { KitsuneComponent } from 'imports/ui/kitsune.component';
import { Project, Projects } from 'imports/api/project/project';
import * as _ from 'lodash';

export abstract class SelectorComponent<T> extends KitsuneComponent implements ControlValueAccessor, AfterContentInit, AfterViewChecked {
  selected: T | T[];
  settings: any;
  select: EventEmitter<T | T[]> = new EventEmitter<T | T[]>();

  protected dropdown: JQuery;
  protected onTouched: () => void;

  constructor(private element: ElementRef) {
    super();
  }

  ngAfterContentInit() {
    this.dropdown = jQuery(this.element.nativeElement).dropdown(_.assign(this.settings || {}, {
      onChange: (val: string | string[]) => {
        // TODO setting this.selected value will fail on safari for this and writeValue()
        this.selected = _.isArray(val) ? val.map(_ => this.getItem(_)) : this.getItem(val);
        this.select.emit(this.selected);
      }
    }));
  }

  removeSelected(item: any) {
    let deletingItem = typeof item === "string" ? item : item.toString();
    this.dropdown.dropdown("remove selected", deletingItem);
  }

  ngAfterViewChecked() {
    this.setValue();
  }

  writeValue(item: T | T[]): void {
    this.selected = item;
  }

  registerOnChange(fn: (_: T | T[]) => void): void {
    this.select.subscribe(fn);
  }

  registerOnTouched(fn: () => void): void {
    this.onTouched = fn;
  }

  getValue(item: T): string {
    return item.toString();
  }

  getItem(val: string): T {
    return <any>val;
  }

  protected setValue(value: T | T[] = this.selected) {
    if (value !== null && value !== undefined) {
      let val = _.isArray<T>(value) ? value.map(_ => this.getValue(_)) : this.getValue(value);
      if (!_.isEqual(val, this.dropdown.dropdown('get value')) || (_.isEmpty(val) ? !!this.dropdown.dropdown('get text') : !this.dropdown.dropdown('get text'))) {
        this.dropdown.dropdown('set selected', val);
        this.dropdown.find('select').val(val);
      }
    }
  }
}

// tslint:disable:component-selector no-forward-ref use-input-property-decorator use-output-property-decorator
@Component({
  selector: 'select[selector=project]',
  providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ProjectSelectorComponent), multi: true }],
  inputs: ['options', 'selected', 'settings'],
  outputs: ['select'],
  template: `
    <option *ngFor="let option of options" value="{{ option._id }}">{{ option.name }}</option>
  `
})
// tslint:enable
export class ProjectSelectorComponent extends SelectorComponent<string> implements OnInit {
  options: Mongo.Cursor<Project>;

  constructor(element: ElementRef) {
    super(element);
  }

  ngOnInit() {
    this.options = this.options || Projects.find();
  }
}