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
|
<beginfold id='1'><%!--</beginfold id='1'> Examples From https://hexdocs.pm/phoenix_live_view/assigns-eex.html <endfold id='1'>--%></endfold id='1'>
<beginfold id='1'><%!--</beginfold id='1'> https://hexdocs.pm/phoenix_live_view/Phoenix.Component.html#sigil_H/2 <endfold id='1'>--%></endfold id='1'>
<h1><beginfold id='2'>{</beginfold id='2'>expand_title<beginfold id='3'>(</beginfold id='3'>@title<endfold id='3'>)</endfold id='3'><endfold id='2'>}</endfold id='2'></h1>
<div id=<beginfold id='2'>{</beginfold id='2'>"user_#{@user.id}"<endfold id='2'>}</endfold id='2'>>
<beginfold id='2'>{</beginfold id='2'>@user.name<endfold id='2'>}</endfold id='2'>
</div>
<beginfold id='2'>{</beginfold id='2'>render<beginfold id='3'>(</beginfold id='3'>"child_template.html", assigns<endfold id='3'>)</endfold id='3'><endfold id='2'>}</endfold id='2'>
<beginfold id='1'><%!--</beginfold id='1'> Function Components <endfold id='1'>--%></endfold id='1'>
<.show_name name=<beginfold id='2'>{</beginfold id='2'>@user.name<endfold id='2'>}</endfold id='2'> />
<%= for user <- Repo.all<beginfold id='3'>(</beginfold id='3'>User<endfold id='3'>)</endfold id='3'> <beginfold id='4'>do</beginfold id='4'> %>
<beginfold id='2'>{</beginfold id='2'>user.name<endfold id='2'>}</endfold id='2'>
<% <endfold id='4'>end</endfold id='4'> %>
<div class="card">
<.card_header <beginfold id='2'>{</beginfold id='2'>assigns<endfold id='2'>}</endfold id='2'> />
<.card_body <beginfold id='2'>{</beginfold id='2'>assigns<endfold id='2'>}</endfold id='2'> />
<.card_footer <beginfold id='2'>{</beginfold id='2'>assigns<endfold id='2'>}</endfold id='2'> />
</div>
<div class="card">
<.card_header title=<beginfold id='2'>{</beginfold id='2'>@title<endfold id='2'>}</endfold id='2'> class=<beginfold id='2'>{</beginfold id='2'>@title_class<endfold id='2'>}</endfold id='2'> />
<.card_body>
<beginfold id='2'>{</beginfold id='2'>render_slot<beginfold id='3'>(</beginfold id='3'>@inner_block<endfold id='3'>)</endfold id='3'><endfold id='2'>}</endfold id='2'>
</.card_body>
<.card_footer on_close=<beginfold id='2'>{</beginfold id='2'>@on_close<endfold id='2'>}</endfold id='2'> />
</div>
<beginfold id='1'><%!--</beginfold id='1'> Comprehensions <endfold id='1'>--%></endfold id='1'>
<section :for=<beginfold id='2'>{</beginfold id='2'>post <- @posts><endfold id='2'>}</endfold id='2'>>
<h1><beginfold id='2'>{</beginfold id='2'>expand_title<beginfold id='3'>(</beginfold id='3'>post.title<endfold id='3'>)</endfold id='3'><endfold id='2'>}</endfold id='2'></h1>
</section>
<.form :let=<beginfold id='2'>{</beginfold id='2'>f<endfold id='2'>}</endfold id='2'> for=<beginfold id='2'>{</beginfold id='2'>@form<endfold id='2'>}</endfold id='2'> phx-change="validate" phx-submit="save">
<.input field=<beginfold id='2'>{</beginfold id='2'>f<beginfold id='5'>[</beginfold id='5'>:username<endfold id='5'>]</endfold id='5'><endfold id='2'>}</endfold id='2'> type="text" />
</.form>
<div title="My div" class=<beginfold id='2'>{</beginfold id='2'>@class<endfold id='2'>}</endfold id='2'>>
<p>Hello <beginfold id='2'>{</beginfold id='2'>@name<endfold id='2'>}</endfold id='2'></p>
<MyApp.Weather.city name="Kraków"/>
</div>
<table id="admin-table" :if=<beginfold id='2'>{</beginfold id='2'>@admin?<endfold id='2'>}</endfold id='2'>>
<tr :for=<beginfold id='2'>{</beginfold id='2'>user <- @users<endfold id='2'>}</endfold id='2'>>
<td><beginfold id='2'>{</beginfold id='2'>user.name<endfold id='2'>}</endfold id='2'></td>
</tr>
<table>
<beginfold id='1'><%!--</beginfold id='1'> Slots <endfold id='1'>--%></endfold id='1'>
<.table id="my-table" rows=<beginfold id='2'>{</beginfold id='2'>@users<endfold id='2'>}</endfold id='2'>>
<:col :for=<beginfold id='2'>{</beginfold id='2'>header <- @headers<endfold id='2'>}</endfold id='2'> :let=<beginfold id='2'>{</beginfold id='2'>user<endfold id='2'>}</endfold id='2'>>
<td><beginfold id='2'>{</beginfold id='2'>user<beginfold id='5'>[</beginfold id='5'>header<endfold id='5'>]</endfold id='5'><endfold id='2'>}</endfold id='2'></td>
</:col>
</.table>
<beginfold id='1'><%!--</beginfold id='1'> Script Tag <endfold id='1'>--%></endfold id='1'>
<script>
window.URL = "<%= @my_url %>"
</script>
<.table id="my-table" rows=<beginfold id='2'>{</beginfold id='2'>@users<endfold id='2'>}</endfold id='2'>>
<:col :for=<beginfold id='2'>{</beginfold id='2'>header <- @headers<endfold id='2'>}</endfold id='2'> :let=<beginfold id='2'>{</beginfold id='2'>user<endfold id='2'>}</endfold id='2'>>
<td><beginfold id='2'>{</beginfold id='2'>user<beginfold id='5'>[</beginfold id='5'>header<endfold id='5'>]</endfold id='5'><endfold id='2'>}</endfold id='2'></td>
</:col>
</.table>
|
