+
+
-
+
+
rowLimit && rowLimit !== 0">
+
+
+
+
+
@@ -72,3 +81,5 @@
[isConnector]="hoverConnector"
> -->
+
+
{{ x }} remaining
\ No newline at end of file
diff --git a/frontend/src/app/components/rbf-timeline/rbf-timeline.component.scss b/frontend/src/app/components/rbf-timeline/rbf-timeline.component.scss
index be7aef2d6..8afc3f026 100644
--- a/frontend/src/app/components/rbf-timeline/rbf-timeline.component.scss
+++ b/frontend/src/app/components/rbf-timeline/rbf-timeline.component.scss
@@ -34,6 +34,12 @@
&::-webkit-scrollbar {
display: none;
}
+
+ .toggle-wrapper {
+ width: 100%;
+ text-align: center;
+ margin: 1.25em 0 0;
+ }
}
.intervals, .nodes {
diff --git a/frontend/src/app/components/rbf-timeline/rbf-timeline.component.ts b/frontend/src/app/components/rbf-timeline/rbf-timeline.component.ts
index 474da7326..687a7dbfd 100644
--- a/frontend/src/app/components/rbf-timeline/rbf-timeline.component.ts
+++ b/frontend/src/app/components/rbf-timeline/rbf-timeline.component.ts
@@ -25,7 +25,9 @@ function isTimelineCell(val: RbfTree | TimelineCell): boolean {
export class RbfTimelineComponent implements OnInit, OnChanges {
@Input() replacements: RbfTree;
@Input() txid: string;
+ @Input() rowLimit: number = 5; // If explicitly set to 0, all timelines rows will be displayed by default
rows: TimelineCell[][] = [];
+ timelineExpanded: boolean = this.rowLimit === 0;
hoverInfo: RbfTree | null = null;
tooltipPosition = null;
@@ -191,6 +193,10 @@ export class RbfTimelineComponent implements OnInit, OnChanges {
return rows;
}
+ toggleTimeline(expand: boolean): void {
+ this.timelineExpanded = expand;
+ }
+
scrollToSelected() {
const node = document.getElementById('node-' + this.txid);
if (node) {