-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.html.heex
118 lines (117 loc) · 3.65 KB
/
app.html.heex
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<div class="rainbow"></div>
<%= if assigns[:mode] == "app" do %>
<.wc_simple_appbar
title={"Phoenix WebComponent"}
class="bg-blue-600 text-slate-200"
>
<:menu to={~p"/storybook"}>
Storybook
</:menu>
<:logo>
<logo-gsmlg-dev />
</:logo>
<:user_profile>
<.wc_link href={"https://github.com/gsmlg-dev/phoenix_webcomponent"}>
<.wc_mdi name="github" class="w-12 h-12" color="white" />
</.wc_link>
</:user_profile>
</.wc_simple_appbar>
<% else %>
<.wc_appbar
title={"Phoenix WebComponent"}
>
<:menu to={~p"/storybook"}>
Storybook
</:menu>
<:logo>
<logo-gsmlg-dev />
</:logo>
<:user_profile>
<.wc_link href={"https://github.com/gsmlg-dev/phoenix_webcomponent"}>
<.wc_mdi name="github" class="w-12 h-12" color="white" />
</.wc_link>
</:user_profile>
</.wc_appbar>
<% end %>
<main class="container min-h-[calc(100vh-56px)] flex flex-row justify-start items-start overflow-hidden">
<.flash_group flash={@flash} />
<.wc_left_menu
class="w-48 min-h-[calc(100vh-56px)] bg-slate-100"
active={assigns[:active_menu]}
>
<:title class="text-slate-400 font-bold">
WebComponent
</:title>
<:menu>
<.wc_left_menu_group active={assigns[:active_menu]}>
<:title>Page</:title>
<:menu id="page" to={~p"/"}>
<.wc_mdi name={"page-layout-header"} class="w-4 h-4" />
Page
</:menu>
</.wc_left_menu_group>
</:menu>
<:menu>
<.wc_left_menu_group active={assigns[:active_menu]}>
<:title>Hook</:title>
<:menu id="phx-wc-hook" to={~p"/hook"}>
<.wc_mdi name={"webhook"} class="w-4 h-4" />
PhxWCHook
</:menu>
</.wc_left_menu_group>
</:menu>
<:menu>
<.wc_left_menu_group active={assigns[:active_menu]}>
<:title>Icon</:title>
<:menu id="mdi" to={~p"/mdi"}>
<.wc_mdi name={"material-design"} class="w-4 h-4" />
MD Icon
</:menu>
<:menu id="bsi" to={~p"/bsi"}>
<.wc_bsi name={"bootstrap"} class="w-4 h-4" />
BS Icon
</:menu>
</.wc_left_menu_group>
</:menu>
<:menu>
<.wc_left_menu_group active={assigns[:active_menu]}>
<:title>Components</:title>
<:menu id="actionbar" to="/storybook/components/actionbar">
<.wc_bsi name={"tools"} class="w-4 h-4" />
Actionbar
</:menu>
<:menu id="breadcrumb" to="/storybook/components/breadcrumb">
<.wc_bsi name={"segmented-nav"} class="w-4 h-4" />
Breadcrumb
</:menu>
<:menu id="card" to="/storybook/components/card">
<.wc_bsi name={"card-text"} class="w-4 h-4" />
Card
</:menu>
<:menu id="left_menu" to="/storybook/components/left_menu">
<.wc_bsi name={"layout-sidebar"} class="w-4 h-4" />
Left Menu
</:menu>
<:menu id="markdown" to="/storybook/components/markdown">
<.wc_bsi name={"markdown"} class="w-4 h-4" />
Markdown
</:menu>
<:menu id="modal" to="/storybook/components/modal">
<.wc_bsi name={"chat-square"} class="w-4 h-4" />
Modal
</:menu>
<:menu id="pagination" to="/storybook/components/pagination">
<.wc_mdi name={"book-open-page-variant-outline"} class="w-4 h-4" />
Pagination
</:menu>
<:menu id="table" to="/storybook/components/table">
<.wc_mdi name={"table"} class="w-4 h-4" />
Table
</:menu>
</.wc_left_menu_group>
</:menu>
</.wc_left_menu>
<div class="flex flex-col flex-auto">
<%= @inner_content %>
</div>
</main>