File: highlight.heex.dark.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-- 13,042 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 Dark)"/>
</head><body style="background-color:#232629;color:#cfcfc2"><pre>
<span style="color:#7a7c7d">&lt;%!-- Examples From https://hexdocs.pm/phoenix_live_view/assigns-eex.html --%></span>
<span style="color:#7a7c7d">&lt;%!-- https://hexdocs.pm/phoenix_live_view/Phoenix.Component.html#sigil_H/2 --%></span>
<span style="color:#7f8c8d">&lt;</span><span style="font-weight:bold">h1</span><span style="color:#7f8c8d">></span><span style="color:#f44f4f">{</span><span style="color:#8e44ad">expand_title</span>(<span style="color:#27ae60">@title</span>)<span style="color:#f44f4f">}</span><span style="color:#7f8c8d">&lt;/</span><span style="font-weight:bold">h1</span><span style="color:#7f8c8d">></span>
<span style="color:#7f8c8d">&lt;</span><span style="font-weight:bold">div</span> id<span style="color:#3f8058">=</span><span style="color:#f44f4f">{</span><span style="color:#f44f4f">"user_</span><span style="color:#8e44ad">#{</span>@user.id<span style="color:#8e44ad">}</span><span style="color:#f44f4f">"</span><span style="color:#f44f4f">}</span><span style="color:#7f8c8d">></span>
  <span style="color:#f44f4f">{</span><span style="color:#27ae60">@user</span>.name<span style="color:#f44f4f">}</span>
<span style="color:#7f8c8d">&lt;/</span><span style="font-weight:bold">div</span><span style="color:#7f8c8d">></span>
<span style="color:#f44f4f">{</span><span style="color:#8e44ad">render</span>(<span style="color:#f44f4f">"child_template.html"</span>, <span style="color:#27ae60">assigns</span>)<span style="color:#f44f4f">}</span>
<span style="color:#7a7c7d">&lt;%!-- Function Components --%></span>
<span style="color:#7f8c8d">&lt;.</span><span style="color:#8e44ad">show_name</span> name<span style="color:#3f8058">=</span><span style="color:#f44f4f">{</span><span style="color:#27ae60">@user</span>.name<span style="color:#f44f4f">}</span> <span style="color:#7f8c8d">/></span>

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

<span style="color:#7a7c7d">&lt;%!-- Script Tag --%></span>
<span style="color:#7f8c8d">&lt;</span><span style="font-weight:bold">script</span><span style="color:#7f8c8d">></span>
<span style="color:#7f8c8d">window</span><span style="color:#3f8058">.</span><span style="color:#2980b9;font-style:italic">URL</span> <span style="color:#3f8058">=</span> <span style="color:#f44f4f">"</span><span style="color:#7f8c8d">&lt;%=</span> <span style="color:#8e44ad">@my_url</span> <span style="color:#7f8c8d">%></span><span style="color:#f44f4f">"</span>
<span style="color:#7f8c8d">&lt;/</span><span style="font-weight:bold">script</span><span style="color:#7f8c8d">></span>

<span style="color:#7f8c8d">&lt;.</span><span style="color:#8e44ad">table</span> id<span style="color:#3f8058">=</span><span style="color:#f44f4f">"my-table"</span> rows<span style="color:#3f8058">=</span><span style="color:#f44f4f">{</span><span style="color:#27ae60">@users</span><span style="color:#f44f4f">}</span><span style="color:#7f8c8d">></span>
  <span style="color:#7f8c8d">&lt;:col</span> <span style="color:#0099ff;font-weight:bold">:for</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">{</span>header <span style="color:#3f8058">&lt;-</span> <span style="color:#27ae60">@headers</span><span style="color:#f44f4f">}</span> <span style="color:#0099ff;font-weight:bold">:let</span><span style="color:#3f8058">=</span><span style="color:#f44f4f">{</span>user<span style="color:#f44f4f">}</span><span style="color:#7f8c8d">></span>
    <span style="color:#7f8c8d">&lt;</span><span style="font-weight:bold">td</span><span style="color:#7f8c8d">></span><span style="color:#f44f4f">{</span>user[header]<span style="color:#f44f4f">}</span><span style="color:#7f8c8d">&lt;/</span><span style="font-weight:bold">td</span><span style="color:#7f8c8d">></span>
  <span style="color:#7f8c8d">&lt;/:col></span>
<span style="color:#7f8c8d">&lt;/.</span><span style="color:#8e44ad">table</span><span style="color:#7f8c8d">></span>
</pre></body></html>