| 460 | |
| 461 | // eslint-disable-next-line complexity |
| 462 | layoutStatus() { |
| 463 | this.wrapper = blessed.layout({ |
| 464 | width: this.minimal ? "100%" : "25%", |
| 465 | height: this.minimal ? "30%" : "36%", |
| 466 | top: this.minimal ? "70%" : "0%", |
| 467 | left: this.minimal ? "0%" : "75%", |
| 468 | layout: "grid" |
| 469 | }); |
| 470 | |
| 471 | this.status = blessed.box({ |
| 472 | parent: this.wrapper, |
| 473 | label: "Status", |
| 474 | tags: true, |
| 475 | padding: { |
| 476 | left: 1 |
| 477 | }, |
| 478 | width: this.minimal ? "34%-1" : "100%", |
| 479 | height: this.minimal ? "100%" : "34%", |
| 480 | valign: "middle", |
| 481 | border: { |
| 482 | type: "line" |
| 483 | }, |
| 484 | style: { |
| 485 | fg: -1, |
| 486 | border: { |
| 487 | fg: this.color |
| 488 | } |
| 489 | } |
| 490 | }); |
| 491 | |
| 492 | this.operations = blessed.box({ |
| 493 | parent: this.wrapper, |
| 494 | label: "Operation", |
| 495 | tags: true, |
| 496 | padding: { |
| 497 | left: 1 |
| 498 | }, |
| 499 | width: this.minimal ? "34%-1" : "100%", |
| 500 | height: this.minimal ? "100%" : "34%", |
| 501 | valign: "middle", |
| 502 | border: { |
| 503 | type: "line" |
| 504 | }, |
| 505 | style: { |
| 506 | fg: -1, |
| 507 | border: { |
| 508 | fg: this.color |
| 509 | } |
| 510 | } |
| 511 | }); |
| 512 | |
| 513 | this.progress = blessed.box({ |
| 514 | parent: this.wrapper, |
| 515 | label: "Progress", |
| 516 | tags: true, |
| 517 | padding: this.minimal |
| 518 | ? { |
| 519 | left: 1 |