yves-biener/tui-website
1
0
Fork 0
Code Issues Pull Requests Actions Releases 5 Activity

mod: update zterm dependency and adjust layout
All checks were successful
Zig Project Action / Lint, Spell-check and test zig project (push) Successful in 49s
Details

Browse Source
This commit is contained in:
Yves Biener
2024-11-15 22:24:41 +01:00
parent 9515def4fb
commit 36a4e16535
2 changed files with 67 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
build.zig.zon
View File

@@ -40,8 +40,8 @@
.hash = "122055beff332830a391e9895c044d33b15ea21063779557024b46169fb1984c6e40", .hash = "122055beff332830a391e9895c044d33b15ea21063779557024b46169fb1984c6e40",
}, },
.zterm = .{ .zterm = .{
.url = "git+https://gitea.yves-biener.de/yves-biener/zterm#0cc0ed10d20feadd053aa2c573b73cd8d67edf71", .url = "git+https://gitea.yves-biener.de/yves-biener/zterm#aeac4bdc83ffbaa20e7def7fcc3d2a7d25d80bb7",
.hash = "122072281f3dab8b8ce7ce407def708010b5282b9e31d9c998346c9a0094f3b8648f", .hash = "1220bed707afded28b20971d960bb7053ed4fc99b9f146be2850838c301b3acbbeae",
}, },
}, },
.paths = .{ .paths = .{

97
src/main.zig
View File

@@ -7,6 +7,7 @@ const App = zterm.App(
zterm.Renderer.Direct, zterm.Renderer.Direct,
true, true,
); );
const Cell = zterm.Cell;
const Key = zterm.Key; const Key = zterm.Key;
const Layout = App.Layout; const Layout = App.Layout;
const Widget = App.Widget; const Widget = App.Widget;
@@ -30,40 +31,72 @@ pub fn main() !void {
var app: App = .{}; var app: App = .{};
var renderer: App.Renderer = .{}; var renderer: App.Renderer = .{};
var layout = Layout.createFrom(vstack: { var layout = Layout.createFrom(vcontainer: {
var vstack = Layout.VStack.init(allocator, .{ var vcontainer = Layout.VContainer.init(allocator, .{
Layout.createFrom(framing: { .{
var framing = Layout.Framing.init(allocator, .{ Layout.createFrom(framing: {
.title = .{ var framing = Layout.Framing.init(allocator, .{
.str = "Welcome to my terminal website", .title = .{
.style = .{ .str = "Welcome to my terminal website",
.ul = .{ .index = 6 }, .style = .{
.ul_style = .single, .ul = .{ .index = 6 },
.ul_style = .single,
},
}, },
}, }, .{
}, .{ .layout = Layout.createFrom(hcontainer: {
.widget = Widget.createFrom(header: { var hcontainer = Layout.HContainer.init(allocator, .{
const doc = try std.fs.cwd().openFile("./doc/home.md", .{}); .{
defer doc.close(); Widget.createFrom(header: {
var header = Widget.RawText.init(allocator, doc); var header = Widget.Text.init(&[1]Cell{
break :header &header; .{ .content = "Yves Biener", .style = .{ .bold = true } },
}), });
}); break :header &header;
break :framing &framing; }),
}), 25,
Layout.createFrom(margin: { },
var margin = Layout.Margin.init(allocator, .{ .left = 15, .right = 15 }, .{ .{
.widget = Widget.createFrom(body: { Widget.createFrom(name: {
const doc = try std.fs.cwd().openFile("./doc/test.md", .{}); var name = Widget.Text.init(&[1]Cell{
defer doc.close(); .{ .content = "File name", .style = .{ .bold = true } },
var body = Widget.RawText.init(allocator, doc); });
break :body &body; break :name &name;
}), }),
}); 50,
break :margin &margin; },
}), .{
Widget.createFrom(contacts: {
var contacts = Widget.Text.init(&[1]Cell{
.{ .content = "Contact", .style = .{ .bold = true, .ul_style = .single } },
});
break :contacts &contacts;
}),
25,
},
});
break :hcontainer &hcontainer;
}),
});
break :framing &framing;
}),
10,
},
.{
Layout.createFrom(margin: {
var margin = Layout.Margin.init(allocator, .{ .left = 15, .right = 15 }, .{
.widget = Widget.createFrom(body: {
const doc = try std.fs.cwd().openFile("./doc/test.md", .{});
defer doc.close();
var body = Widget.RawText.init(allocator, doc);
break :body &body;
}),
});
break :margin &margin;
}),
90,
},
}); });
break :vstack &vstack; break :vcontainer &vcontainer;
}); });
defer layout.deinit(); defer layout.deinit();