Skip to content

Commit eebf689

Browse files
azyzz228azyzz228
committed
add initial set of tags, for loop'ed tags, and 2 phoenix snippets
1 parent 05f427f commit eebf689

File tree

1 file changed

+192
-0
lines changed

1 file changed

+192
-0
lines changed

‎snippets/snippets.code-snippets

+192
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
{
2+
// HTML tags
3+
"HTML <div> tag": {
4+
"prefix": ";div",
5+
"body": [
6+
"<div class=\"\">$0</div>"
7+
],
8+
"description": "Code snippet that generates <div></div> inside of elixir file"
9+
},
10+
"HTML <p> tag": {
11+
"prefix": ";p",
12+
"body": [
13+
"<p class=\"\">$0</p>"
14+
],
15+
"description": "Code snippet that generates <p></p> inside of elixir file"
16+
},
17+
"HTML <ul> tag": {
18+
"prefix": ";ul",
19+
"body": [
20+
"<ul class=\"\">$0</ul>"
21+
],
22+
"description": "Code snippet that generates <ul></ul> inside of elixir file"
23+
},
24+
"HTML <li> tag": {
25+
"prefix": ";li",
26+
"body": [
27+
"<li class=\"\">$0</li>"
28+
],
29+
"description": "Code snippet that generates <li></li> inside of elixir file"
30+
},
31+
"HTML <h1> tag": {
32+
"prefix": ";h1",
33+
"body": [
34+
"<h1 class=\"\">$0</h1>"
35+
],
36+
"description": "Code snippet that generates <h1></h1> inside of elixir file"
37+
},
38+
"HTML <h2> tag": {
39+
"prefix": ";h2",
40+
"body": [
41+
"<h2 class=\"\">$0</h2>"
42+
],
43+
"description": "Code snippet that generates <h2></h2> inside of elixir file"
44+
},
45+
"HTML <h3> tag": {
46+
"prefix": ";h3",
47+
"body": [
48+
"<h3 class=\"\">$0</h3>"
49+
],
50+
"description": "Code snippet that generates <h3></h3> inside of elixir file"
51+
},
52+
"HTML <h4> tag": {
53+
"prefix": ";h4",
54+
"body": [
55+
"<h4 class=\"\">$0</h4>"
56+
],
57+
"description": "Code snippet that generates <h4></h4> inside of elixir file"
58+
},
59+
"HTML <h5> tag": {
60+
"prefix": ";h5",
61+
"body": [
62+
"<h5 class=\"\">$0</h5>"
63+
],
64+
"description": "Code snippet that generates <h5></h5> inside of elixir file"
65+
},
66+
"HTML <h6> tag": {
67+
"prefix": ";h6",
68+
"body": [
69+
"<h6 class=\"\">$0</h6>"
70+
],
71+
"description": "Code snippet that generates <h6></h6> inside of elixir file"
72+
},
73+
"HTML <span> tag": {
74+
"prefix": ";span",
75+
"body": [
76+
"<span class=\"\">$0</span>"
77+
],
78+
"description": "Code snippet that generates <span></span> inside of elixir file"
79+
},
80+
"HTML <form> tag": {
81+
"prefix": ";form",
82+
"body": [
83+
"<form class=\"\">$0</form>"
84+
],
85+
"description": "Code snippet that generates <form></form> inside of elixir file"
86+
},
87+
"HTML <button> tag": {
88+
"prefix": ";button",
89+
"body": [
90+
"<button class=\"\">$0</button>"
91+
],
92+
"description": "Code snippet that generates <button></button> inside of elixir file"
93+
},
94+
95+
// ------
96+
// Phoenix Framework Related Snippets
97+
// ------
98+
99+
// ------ Misc.
100+
"Code Render Block <%= %>": {
101+
"prefix": ";pe",
102+
"body": [
103+
"<%= $0 %>"
104+
],
105+
"description": "Code snippet that generates <%= %> inside of elixir file"
106+
},
107+
"Phoenix <.link> core compotent": {
108+
"prefix": ";plink",
109+
"body": [
110+
"<.link navigate={~p\"/$1\"}>$0</.link>"
111+
],
112+
"description": "Code snippet that generates <%= %> inside of elixir file"
113+
},
114+
// ------ For loop tags
115+
"HTML <div> with for loop": {
116+
"prefix": ";divfl",
117+
"body": [
118+
"<div :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</div>"
119+
],
120+
"description": "Code snippet that generates <div :for={item <- @list_of_items} class=\"\"></div> inside of elixir file"
121+
},
122+
"HTML <p> with for loop": {
123+
"prefix": ";pfl",
124+
"body": [
125+
"<p :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</p>"
126+
],
127+
"description": "Code snippet that generates <p :for={item <- @list_of_items} class=\"\"></p> inside of elixir file"
128+
},
129+
"HTML <ul> with for loop": {
130+
"prefix": ";ulfl",
131+
"body": [
132+
"<ul :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</ul>"
133+
],
134+
"description": "Code snippet that generates <ul :for={item <- @list_of_items} class=\"\"></ul> inside of elixir file"
135+
},
136+
"HTML <li> with for loop": {
137+
"prefix": ";lifl",
138+
"body": [
139+
"<li :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</li>"
140+
],
141+
"description": "Code snippet that generates <li :for={item <- @list_of_items} class=\"\"></li> inside of elixir file"
142+
},
143+
"HTML <h1> with for loop": {
144+
"prefix": ";h1fl",
145+
"body": [
146+
"<h1 :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</h1>"
147+
],
148+
"description": "Code snippet that generates <h1 :for={item <- @list_of_items} class=\"\"></h1> inside of elixir file"
149+
},
150+
"HTML <h2> with for loop": {
151+
"prefix": ";h2fl",
152+
"body": [
153+
"<h2 :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</h2>"
154+
],
155+
"description": "Code snippet that generates <h2 :for={item <- @list_of_items} class=\"\"></h2> inside of elixir file"
156+
},
157+
"HTML <h3> with for loop": {
158+
"prefix": ";h3fl",
159+
"body": [
160+
"<h3 :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</h3>"
161+
],
162+
"description": "Code snippet that generates <h3 :for={item <- @list_of_items} class=\"\"></h3> inside of elixir file"
163+
},
164+
"HTML <h4> with for loop": {
165+
"prefix": ";h4fl",
166+
"body": [
167+
"<h4 :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</h4>"
168+
],
169+
"description": "Code snippet that generates <h4 :for={item <- @list_of_items} class=\"\"></h4> inside of elixir file"
170+
},
171+
"HTML <h5> with for loop": {
172+
"prefix": ";h5fl",
173+
"body": [
174+
"<h5 :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</h5>"
175+
],
176+
"description": "Code snippet that generates <h5 :for={item <- @list_of_items} class=\"\"></h5> inside of elixir file"
177+
},
178+
"HTML <h6> with for loop": {
179+
"prefix": ";h6fl",
180+
"body": [
181+
"<h6 :for={${2:item} <- @${1:list_of_items}} class=\"\">$0</h6>"
182+
],
183+
"description": "Code snippet that generates <h6 :for={item <- @list_of_items} class=\"\"></h6> inside of elixir file"
184+
},
185+
"HTML <span> tag with for loop": {
186+
"prefix": ";spanfl",
187+
"body": [
188+
"<span class=\"\">$0</span>"
189+
],
190+
"description": "Code snippet that generates <span :for={item <- @list_of_items} class=\"\"></span> inside of elixir file"
191+
},
192+
}

0 commit comments

Comments
 (0)