File: highlight.heex.html

package info (click to toggle)
kf6-syntax-highlighting 6.13.0-1
  • links: PTS, VCS
  • area: main
  • in suites: forky, sid, trixie
  • size: 47,568 kB
  • sloc: xml: 197,750; cpp: 12,850; python: 3,023; sh: 955; perl: 546; ruby: 488; pascal: 393; javascript: 161; php: 150; jsp: 132; lisp: 131; haskell: 124; ada: 119; ansic: 107; makefile: 96; f90: 94; ml: 85; cobol: 81; yacc: 71; csh: 62; erlang: 54; sql: 51; java: 47; objc: 37; awk: 31; asm: 30; tcl: 29; fortran: 18; cs: 10
file content (65 lines) | stat: -rw-r--r-- 14,794 bytes parent folder | download 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>highlight.heex</title>
<meta name="generator" content="KF5::SyntaxHighlighting - Definition (Elixir/HEEx) - Theme (Breeze Light)"/>
</head><body style="background-color:#ffffff;color:#1f1c1b"><pre>
<span style="color:#898887">&lt;%!-- Examples From https://hexdocs.pm/phoenix_live_view/assigns-eex.html --%></span>
<span style="color:#898887">&lt;%!-- https://hexdocs.pm/phoenix_live_view/Phoenix.Component.html#sigil_H/2 --%></span>
<span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">h1</span><span style="color:#644a9b;font-weight:bold">></span><span style="color:#bf0303">{</span><span style="color:#644a9b">expand_title</span>(<span style="color:#006e28">@title</span>)<span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">h1</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">div</span> id<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#bf0303">"user_</span><span style="color:#644a9b">#{</span>@user.id<span style="color:#644a9b">}</span><span style="color:#bf0303">"</span><span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#bf0303">{</span><span style="color:#006e28">@user</span>.name<span style="color:#bf0303">}</span>
<span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">div</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#bf0303">{</span><span style="color:#644a9b">render</span>(<span style="color:#bf0303">"child_template.html"</span>, <span style="color:#006e28">assigns</span>)<span style="color:#bf0303">}</span>
<span style="color:#898887">&lt;%!-- Function Components --%></span>
<span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">show_name</span> name<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#006e28">@user</span>.name<span style="color:#bf0303">}</span> <span style="color:#644a9b;font-weight:bold">/></span>

<span style="color:#644a9b;font-weight:bold">&lt;%=</span> <span style="font-weight:bold">for</span> user <span style="color:#ca60ca">&lt;-</span> Repo.<span style="color:#644a9b">all</span>(User) <span style="font-weight:bold">do</span> <span style="color:#644a9b;font-weight:bold">%></span>
  <span style="color:#bf0303">{</span>user.name<span style="color:#bf0303">}</span>
<span style="color:#644a9b;font-weight:bold">&lt;%</span> <span style="font-weight:bold">end</span> <span style="color:#644a9b;font-weight:bold">%></span>
<span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">div</span> class<span style="color:#ca60ca">=</span><span style="color:#bf0303">"card"</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">card_header</span> <span style="color:#bf0303">{</span><span style="color:#006e28">assigns</span><span style="color:#bf0303">}</span> <span style="color:#644a9b;font-weight:bold">/></span>
  <span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">card_body</span> <span style="color:#bf0303">{</span><span style="color:#006e28">assigns</span><span style="color:#bf0303">}</span> <span style="color:#644a9b;font-weight:bold">/></span>
  <span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">card_footer</span> <span style="color:#bf0303">{</span><span style="color:#006e28">assigns</span><span style="color:#bf0303">}</span> <span style="color:#644a9b;font-weight:bold">/></span>
<span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">div</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">div</span> class<span style="color:#ca60ca">=</span><span style="color:#bf0303">"card"</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">card_header</span> title<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#006e28">@title</span><span style="color:#bf0303">}</span> class<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#006e28">@title_class</span><span style="color:#bf0303">}</span> <span style="color:#644a9b;font-weight:bold">/></span>
  <span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">card_body</span><span style="color:#644a9b;font-weight:bold">></span>
    <span style="color:#bf0303">{</span><span style="color:#644a9b">render_slot</span>(<span style="color:#006e28">@inner_block</span>)<span style="color:#bf0303">}</span>
  <span style="color:#644a9b;font-weight:bold">&lt;/.</span><span style="color:#644a9b">card_body</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">card_footer</span> on_close<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#006e28">@on_close</span><span style="color:#bf0303">}</span> <span style="color:#644a9b;font-weight:bold">/></span>
<span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">div</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#898887">&lt;%!-- Comprehensions --%></span>
<span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">section</span> <span style="color:#0095ff;font-weight:bold">:for</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span>post <span style="color:#ca60ca">&lt;-</span> <span style="color:#006e28">@posts</span><span style="color:#ca60ca">></span><span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">h1</span><span style="color:#644a9b;font-weight:bold">></span><span style="color:#bf0303">{</span><span style="color:#644a9b">expand_title</span>(post.title)<span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">h1</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">section</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">form</span> <span style="color:#0095ff;font-weight:bold">:let</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span>f<span style="color:#bf0303">}</span> for<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#006e28">@form</span><span style="color:#bf0303">}</span> <span style="color:#644a9b;font-weight:bold">phx-change</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"validate"</span> <span style="color:#644a9b;font-weight:bold">phx-submit</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">"save"</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">input</span> field<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span>f[<span style="color:#0057ae">:username</span>]<span style="color:#bf0303">}</span> type<span style="color:#ca60ca">=</span><span style="color:#bf0303">"text"</span> <span style="color:#644a9b;font-weight:bold">/></span>
<span style="color:#644a9b;font-weight:bold">&lt;/.</span><span style="color:#644a9b">form</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">div</span> title<span style="color:#ca60ca">=</span><span style="color:#bf0303">"My div"</span> class<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#006e28">@class</span><span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">p</span><span style="color:#644a9b;font-weight:bold">></span>Hello <span style="color:#bf0303">{</span><span style="color:#006e28">@name</span><span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">p</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;</span>MyApp.Weather.<span style="color:#644a9b">city</span> name<span style="color:#ca60ca">=</span><span style="color:#bf0303">"Kraków"</span><span style="color:#644a9b;font-weight:bold">/></span>
<span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">div</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">table</span> id<span style="color:#ca60ca">=</span><span style="color:#bf0303">"admin-table"</span> <span style="color:#0095ff;font-weight:bold">:if</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#006e28">@admin?</span><span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">tr</span> <span style="color:#0095ff;font-weight:bold">:for</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span>user <span style="color:#ca60ca">&lt;-</span> <span style="color:#006e28">@users</span><span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">></span>
    <span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">td</span><span style="color:#644a9b;font-weight:bold">></span><span style="color:#bf0303">{</span>user.name<span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">td</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">tr</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">table</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#898887">&lt;%!-- Slots --%></span>
<span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">table</span> id<span style="color:#ca60ca">=</span><span style="color:#bf0303">"my-table"</span> rows<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#006e28">@users</span><span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;:col</span> <span style="color:#0095ff;font-weight:bold">:for</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span>header <span style="color:#ca60ca">&lt;-</span> <span style="color:#006e28">@headers</span><span style="color:#bf0303">}</span> <span style="color:#0095ff;font-weight:bold">:let</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span>user<span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">></span>
    <span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">td</span><span style="color:#644a9b;font-weight:bold">></span><span style="color:#bf0303">{</span>user[header]<span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">td</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;/:col></span>
<span style="color:#644a9b;font-weight:bold">&lt;/.</span><span style="color:#644a9b">table</span><span style="color:#644a9b;font-weight:bold">></span>

<span style="color:#898887">&lt;%!-- Script Tag --%></span>
<span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">script</span><span style="color:#644a9b;font-weight:bold">></span>
<span style="color:#644a9b;font-weight:bold">window</span><span style="color:#ca60ca">.</span><span style="color:#0057ae;font-style:italic">URL</span> <span style="color:#ca60ca">=</span> <span style="color:#bf0303">"</span><span style="color:#644a9b;font-weight:bold">&lt;%=</span> <span style="color:#644a9b">@my_url</span> <span style="color:#644a9b;font-weight:bold">%></span><span style="color:#bf0303">"</span>
<span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">script</span><span style="color:#644a9b;font-weight:bold">></span>

<span style="color:#644a9b;font-weight:bold">&lt;.</span><span style="color:#644a9b">table</span> id<span style="color:#ca60ca">=</span><span style="color:#bf0303">"my-table"</span> rows<span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span><span style="color:#006e28">@users</span><span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;:col</span> <span style="color:#0095ff;font-weight:bold">:for</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span>header <span style="color:#ca60ca">&lt;-</span> <span style="color:#006e28">@headers</span><span style="color:#bf0303">}</span> <span style="color:#0095ff;font-weight:bold">:let</span><span style="color:#ca60ca">=</span><span style="color:#bf0303">{</span>user<span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">></span>
    <span style="color:#644a9b;font-weight:bold">&lt;</span><span style="font-weight:bold">td</span><span style="color:#644a9b;font-weight:bold">></span><span style="color:#bf0303">{</span>user[header]<span style="color:#bf0303">}</span><span style="color:#644a9b;font-weight:bold">&lt;/</span><span style="font-weight:bold">td</span><span style="color:#644a9b;font-weight:bold">></span>
  <span style="color:#644a9b;font-weight:bold">&lt;/:col></span>
<span style="color:#644a9b;font-weight:bold">&lt;/.</span><span style="color:#644a9b">table</span><span style="color:#644a9b;font-weight:bold">></span>
</pre></body></html>