import {
  AlignmentFlag,
  CursorShape,
  Direction,
  QBoxLayout,
  QGraphicsDropShadowEffect,
  QLabel,
  QPixmap,
  QWidget,
} from '@nodegui/nodegui';
import { join } from 'path';

export class SettingsCheckBox extends QWidget {
  layout = new QBoxLayout(Direction.LeftToRight);

  label = new QLabel(this);

  checkbox = new QLabel(this);

  unch = new QPixmap(join(__dirname, './assets/icons/checkbox-blank-outline.png'));

  ch = new QPixmap(join(__dirname, './assets/icons/checkbox-marked.png'));

  constructor(parent: any) {
    super(parent);
    this.initComponent();
    this.setChecked(false);
  }

  text() { return this.label.text(); }

  setText(text: string) {
    this.label.setText(text);
  }

  private _checked = false;

  isChecked() { return this._checked; }

  setChecked(checked: boolean) {
    this.checkbox.setPixmap(checked ? this.ch : this.unch);
    this._checked = checked;
  }

  private initComponent() {
    const { layout, label, checkbox } = this;
    this.setObjectName('SCheckBox');
    this.setLayout(layout);
    this.setCursor(CursorShape.PointingHandCursor);
    layout.setContentsMargins(2, 10, 2, 10);
    label.setAlignment(AlignmentFlag.AlignVCenter);
    checkbox.setObjectName('CheckBox');
    const effect = new QGraphicsDropShadowEffect();
    effect.setBlurRadius(5);
    effect.setXOffset(0);
    effect.setYOffset(0);
    checkbox.setGraphicsEffect(effect);
    layout.addWidget(label, 1);
    layout.addWidget(checkbox);
  }
}