реактивные диаграммы DefaultPortModel цвет - PullRequest
Новая
       10

реактивные диаграммы DefaultPortModel цвет

0 голосов
/ 09 апреля 2020

Как изменить цвет порта (DefaultPortModel) в реактивных диаграммах, пожалуйста? Я не нашел способ сделать это.

Я хочу иметь возможность настроить цвет:

  • Линия порта (полный прямоугольник, содержащий текст vidout-rtsp)
  • Поле для наведения (желто-зеленое)
  • То же поле, когда оно не наведено

Port hover color

Вот часть моего кода: 

class NoDuplicateInputPortModel extends DefaultPortModel {
  noDuplicateInput(port) {
    return !port.getOptions().in || Object.keys(port.getLinks()).length === (port === this ? 1 : 0);
  }
  canLinkToPort(port) {
    return super.canLinkToPort(port) && this.noDuplicateInput(this) && this.noDuplicateInput(port);
  }
}


class CamPortModel extends NoDuplicateInputPortModel {
  constructor(isIn, name, label) {
    super(isIn, name, label);
    this.color = 'rgba(255,255,0,1)';
  }


// Some hidded lines...

for(let camera_info of module.template.cameras_info) {
  let camPort = node.addPort(new CamPortModel(true, `cam-${camera_info.name}`, `cam-${camera_info.name}`));
  modules_camera_ports[module.id][camera_info.id] = camPort
  camPort.getOptions().id =  `mod-${module.id}-camport-${camera_info.id}`;
}
...