neuron-technologies/neuron-web
3
0
Fork 0
Code Issues 2 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

feat(native-el-ui): convert all component files to el-html vessel API
Dev — Build & local smoke test / build-smoke (pull_request) Failing after 4m48s
Details

Browse Source 
Replaced raw HTML heredoc returns with native el_ function calls across
all 21 component files. styles.el intentionally excluded.
This commit is contained in:
Will Anderson
2026-05-08 22:35:41 -05:00
parent f2ab12e65b
commit 2553a6b7ac
21 changed files with 2550 additions and 2105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/founding_badge.el
+22 -16
View File
@@ -4,26 +4,32 @@
// "Neuron, LLC" footer. Matches the design picked from
// /tmp/founding-badge-preview.html.
extern fn el_div(attrs: String, children: String) -> String
extern fn el_img(src: String, alt: String, attrs: String) -> String
fn founding_badge(member_number: Int) -> String {
let num_str: String = int_to_str(member_number)
let show_number: Bool = member_number > 0
return <div class="founding-badge" aria-label="Founding Member badge">
<img class="founding-badge-brain" src="/assets/brand/neuron-brain.png" alt="Neuron" width="40" height="40">
<div class="founding-badge-eye">Founding Member</div>
{#if show_number}
<div class="founding-badge-num">#{num_str}</div>
<div class="founding-badge-of">of 1,000</div>
{#else}
<div class="founding-badge-pending">Your number awaits</div>
{/if}
<div class="founding-badge-line"></div>
<div class="founding-badge-name">Neuron, LLC</div>
</div>
let number_or_pending: String = if show_number {
el_div("class=\"founding-badge-num\"", "#" + num_str) +
el_div("class=\"founding-badge-of\"", "of 1,000")
} else {
el_div("class=\"founding-badge-pending\"", "Your number awaits")
}
el_div(
"class=\"founding-badge\" aria-label=\"Founding Member badge\"",
el_img("/assets/brand/neuron-brain.png", "Neuron", "class=\"founding-badge-brain\" width=\"40\" height=\"40\"") +
el_div("class=\"founding-badge-eye\"", "Founding Member") +
number_or_pending +
el_div("class=\"founding-badge-line\"", "") +
el_div("class=\"founding-badge-name\"", "Neuron, LLC")
)
}
fn founding_badge_css() -> String {
return <style>
.founding-badge {
let css_a: String = ".founding-badge {
width: 200px;
background: #fff;
border: 1px solid rgba(0,82,160,.18);
@@ -83,6 +89,6 @@ fn founding_badge_css() -> String {
letter-spacing: .14em;
text-transform: uppercase;
color: #6B6B7E;
}
</style>
}"
"<style>" + css_a + "</style>"
}