yves-biener/zterm
1
0
Fork 0
Code Issues Pull Requests Actions Wiki Activity

mod(example/input): ellipse rendering with scrolling for text field contents
Some checks failed
Zig Project Action / Lint, Spell-check and test zig project (push) Failing after 17s
Details

Browse Source
This commit is contained in:
Yves Biener
2025-06-28 22:09:36 +02:00
parent ded1f2c17e
commit 439520d4fe
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
examples/elements/input.zig
View File

@@ -166,17 +166,24 @@ const InputField = struct {
const this: *@This() = @ptrCast(@alignCast(ctx)); const this: *@This() = @ptrCast(@alignCast(ctx));
assert(cells.len == @as(usize, size.x) * @as(usize, size.y)); assert(cells.len == @as(usize, size.x) * @as(usize, size.y));
// TODO add configuration for coloring the text! const offset = if (this.input.items.len - this.cursor_offset + 1 >= cells.len) this.input.items.len + 1 - cells.len else 0;
for (this.input.items, 0..) |cp, idx| { for (this.input.items[offset..], 0..) |cp, idx| {
cells[idx].style.fg = .black; cells[idx].style.fg = this.configuration.color;
cells[idx].cp = cp; cells[idx].cp = cp;
// display ellipse at the beginning
if (offset > 0 and idx == 0) cells[idx].cp = '…';
// NOTE do not write over the contents of this `Container`'s `Size` // NOTE do not write over the contents of this `Container`'s `Size`
if (idx == cells.len - 1) break; if (idx == cells.len - 1) {
// display ellipse at the end
if (this.input.items.len >= cells.len and this.cursor_offset > 0) cells[idx].cp = '…';
break;
}
} }
// TODO show ellipse `..` (maybe with configuration where - start, middle, end) if (this.input.items.len < cells.len)
// show cursor after text (if there is still space available) cells[this.input.items.len - this.cursor_offset].style.cursor = true
if (this.input.items.len < cells.len) cells[this.input.items.len - this.cursor_offset].style.cursor = true; else
cells[this.input.items.len - offset - this.cursor_offset].style.cursor = true;
} }
}; };
@@ -247,7 +254,7 @@ pub fn main() !void {
.rectangle = .{ .fill = .light_grey }, .rectangle = .{ .fill = .light_grey },
.size = .{ .size = .{
.grow = .horizontal, .grow = .horizontal,
.dim = .{ .y = 10 }, .dim = .{ .y = 1 },
}, },
}, input_field.element())); }, input_field.element()));