sean
/
swornforged
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use new :for syntax

This commit is contained in:
🎷🐢 S. P. O. Clayton 2023-01-20 11:13:04 -05:00
parent 15cf4310b5
commit 236a1b2eba
Signed by: sean
SSH Key Fingerprint: SHA256:zkuPrRvkEDiQQv1Y5yScWa6I4zhj+eiv7XnP8pxIxVU
1 changed files with 64 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

140
lib/swornforged_web/controllers/page_html/home.html.heex
View File

@ -2,87 +2,75 @@
<div class="flex flex-col gap-6 p-6 max-w-3xl mx-auto"> <div class="flex flex-col gap-6 p-6 max-w-3xl mx-auto">
<div class="p-6 shadow-md rounded-lg bg-white flex flex-col gap-4"> <div class="p-6 shadow-md rounded-lg bg-white flex flex-col gap-4">
<h2 class="text-3xl font-bold">Assets</h2> <h2 class="text-3xl font-bold">Assets</h2>
<%= for asset_type <- @dataforged["Asset Types"] do %> <div :for={asset_type <- @dataforged["Asset Types"]} id={asset_type["$id"]}>
<div id={asset_type["$id"]}> <h2 class="text-2xl font-bold rounded mb-2">
<h2 class="text-2xl font-bold rounded mb-2"> <a href={"#" <> asset_type["$id"]}><%= asset_type["Display"]["Title"] %></a>
<a href={"#" <> asset_type["$id"]}><%= asset_type["Display"]["Title"] %></a> </h2>
</h2> <ul class="flex flex-col gap-2">
<ul class="flex flex-col gap-2"> <li :for={asset <- asset_type["Assets"]} id={asset["$id"]}>
<%= for asset <- asset_type["Assets"] do %> <div>
<li id={asset["$id"]}> <h3
<div> class="font-bold text-white px-2 py-1 rounded-t"
<h3 style={"background-color: #{asset["Display"]["Color"]}"}
class="font-bold text-white px-2 py-1 rounded-t" >
style={"background-color: #{asset["Display"]["Color"]}"} <a href={"#" <> asset["$id"]}><%= asset["Display"]["Title"] %></a>
> </h3>
<a href={"#" <> asset["$id"]}><%= asset["Display"]["Title"] %></a> <ul class="p-2 flex flex-col gap-2">
</h3> <li :for={ability <- asset["Abilities"]} id={ability["$id"]}>
<ul class="p-2 flex flex-col gap-2"> <%= raw(Earmark.as_html!(ability["Text"])) %>
<%= for ability <- asset["Abilities"] do %> </li>
<li id={ability["$id"]}><%= raw(Earmark.as_html!(ability["Text"])) %></li> </ul>
<% end %> </div>
</ul> </li>
</div> </ul>
</li> </div>
<% end %>
</ul>
</div>
<% end %>
</div> </div>
<div class="p-6 shadow-md rounded-lg bg-white flex flex-col gap-4"> <div class="p-6 shadow-md rounded-lg bg-white flex flex-col gap-4">
<h2 class="text-2xl font-bold">Oracles</h2> <h2 class="text-2xl font-bold">Oracles</h2>
<%= for oracle_category <- @dataforged["Oracle Categories"] do %> <div :for={oracle_category <- @dataforged["Oracle Categories"]} id={oracle_category["$id"]}>
<div id={oracle_category["$id"]}> <h2 class="text-lg font-bold text-white bg-gray-500 p-2 rounded mb-2">
<h2 class="text-lg font-bold text-white bg-gray-500 p-2 rounded mb-2"> <a href={"#" <> oracle_category["$id"]}>
<a href={"#" <> oracle_category["$id"]}> <%= oracle_category["Display"]["Title"] %>
<%= oracle_category["Display"]["Title"] %> </a>
</a> </h2>
</h2> <ul class="flex flex-col gap-2">
<ul class="flex flex-col gap-2"> <li :for={oracle <- oracle_category["Oracles"]} id={oracle["$id"]}>
<%= for oracle <- oracle_category["Oracles"] do %> <div>
<li id={oracle["$id"]}> <h3 class="font-bold text-white px-2 py-1 bg-slate-400 rounded">
<div> <a href={"#" <> oracle["$id"]}>
<h3 class="font-bold text-white px-2 py-1 bg-slate-400 rounded"> <%= oracle["Display"]["Title"] %>
<a href={"#" <> oracle["$id"]}> </a>
<%= oracle["Display"]["Title"] %> </h3>
</a> </div>
</h3> </li>
</div> </ul>
</li> </div>
<% end %>
</ul>
</div>
<% end %>
</div> </div>
<div class="p-6 shadow-md rounded-lg bg-white flex flex-col gap-4"> <div class="p-6 shadow-md rounded-lg bg-white flex flex-col gap-4">
<h2 class="text-3xl font-bold">Moves</h2> <h2 class="text-3xl font-bold">Moves</h2>
<%= for move_category <- @dataforged["Move Categories"] do %> <div :for={move_category <- @dataforged["Move Categories"]} id={move_category["$id"]}>
<div id={move_category["$id"]}> <h2 class="text-2xl font-bold rounded mb-4">
<h2 class="text-2xl font-bold rounded mb-4"> <a href={"#" <> move_category["$id"]}>
<a href={"#" <> move_category["$id"]}> <%= move_category["Display"]["Title"] %>
<%= move_category["Display"]["Title"] %> </a>
</a> </h2>
</h2> <ul class="flex flex-col gap-6">
<ul class="flex flex-col gap-6"> <li :for={move <- move_category["Moves"]} id={move["$id"]}>
<%= for move <- move_category["Moves"] do %> <div class="flex flex-col gap-2">
<li id={move["$id"]}> <h3
<div class="flex flex-col gap-2"> class="font-bold text-white px-2 py-1 rounded-t"
<h3 style={"background-color: #{move["Display"]["Color"]}"}
class="font-bold text-white px-2 py-1 rounded-t" >
style={"background-color: #{move["Display"]["Color"]}"} <a href={"#" <> move["$id"]}>
> <%= move["Display"]["Title"] %>
<a href={"#" <> move["$id"]}> </a>
<%= move["Display"]["Title"] %> </h3>
</a> <div class="p-2">
</h3> <%= raw(Earmark.as_html!(move["Text"], gfm: true, gfm_tables: true)) %>
<div class="p-2"> </div>
<%= raw(Earmark.as_html!(move["Text"], gfm: true, gfm_tables: true)) %> </div>
</div> </li>
</div> </ul>
</li> </div>
<% end %>
</ul>
</div>
<% end %>
</div> </div>
</div> </div>