Skip to content

Commit 661ef32

Browse files
drusepthdrusepth
committed
restyle tags page
1 parent 0046af6 commit 661ef32

File tree

1 file changed

+43
-107
lines changed

1 file changed

+43
-107
lines changed

‎app/views/data/tags.html.erb‎

Lines changed: 43 additions & 107 deletions
Original file line numberDiff line numberDiff line change
@@ -1,121 +1,57 @@
1-
<% Rails.application.config.content_types[:all].each do |content_type| %>
2-
<%
3-
grouped_tags = PageTag.where(page_type: content_type.name, user_id: current_user).group_by(&:tag)
4-
5-
next if grouped_tags.values.length == 0
6-
%>
7-
8-
<h2 class="grey-text" style="font-size: 2rem"><%= content_type.name %> tags</h2>
9-
<% grouped_tags.each do |tag, page_list| %>
10-
<div class="row">
11-
<div class="col s12">
12-
<div class="card">
13-
<div class="card-content">
14-
<div class="row">
15-
<div class="col s12 m6 l4">
16-
<%=
17-
link_to send(
18-
"#{content_type.name.downcase.pluralize}_path",
19-
slug: PageTagService.slug_for(tag)
20-
) do
21-
%>
22-
<span class="new badge <%= content_type.color %> left" data-badge-caption="<%= tag %>" style="margin: 0.2em; font-size: 1em"></span>
23-
<% end %>
24-
</div>
25-
<div class="col s12 m6 l8">
26-
<% page_list.each do |page_tag| %>
27-
<div class="chip js-load-page-name" data-klass="<%= page_tag.page_type %>" data-id="<%= page_tag.page_id %>">
28-
<%= link_to send("#{page_tag.page_type.downcase}_path", page_tag.page_id) do %>
29-
<span class="<%= content_type.text_color %>">
30-
<i class="material-icons left">
31-
<%= content_type.icon %>
32-
</i>
33-
</span>
34-
<span class="name-container">
35-
<%= "<em>Loading #{content_type.name} name...</em>".html_safe %>
36-
</span>
37-
<% end %>
38-
</div>
39-
<% end %>
40-
</div>
41-
</div>
42-
43-
</div>
44-
</div>
1+
<h2 class="grey-text" style="font-size: 2rem">Your Notebook.ai tags</h2>
2+
<ul class="collapsible">
3+
<% Rails.application.config.content_types[:all].each do |content_type| %>
4+
<%
5+
grouped_tags = PageTag.where(page_type: content_type.name, user_id: current_user).group_by(&:tag)
6+
7+
next if grouped_tags.values.length == 0
8+
%>
9+
10+
<li>
11+
<div class="collapsible-header">
12+
<i class="material-icons <%= content_type.text_color %>"><%= content_type.icon %></i>
13+
<%= content_type.name %> tags
14+
<span class="badge"><%= grouped_tags.values.length %></span>
4515
</div>
46-
</div>
47-
<% end %>
48-
<% end %>
49-
50-
51-
<% @tags.group_by(&:page_type).each do |page_type, tags| %>
52-
<div class="row">
53-
<div class="col s12">
54-
<div class="card">
55-
<div class="card-content">
56-
<div class="card-title"><%= page_type %> tags</div>
57-
58-
<% tags.each do |tag| %>
59-
<div class="row">
60-
<div class="col s12 m6 l4">
16+
<div class="collapsible-body">
17+
<% grouped_tags.each do |tag, page_list| %>
18+
<div class="row">
19+
<div class="col s12 m6 l4">
20+
<div>
6121
<%=
6222
link_to send(
63-
"#{tag.page_type.downcase.pluralize}_path",
64-
slug: tag.slug
23+
"#{content_type.name.downcase.pluralize}_path",
24+
slug: PageTagService.slug_for(tag)
6525
) do
6626
%>
67-
<span class="new badge <%= content_class_from_name(tag.page_type).color %> left" data-badge-caption="<%= tag.tag %>" style="margin: 0.2em; font-size: 1em"></span>
27+
<span class="<%= content_type.color %> white-text" style="padding: 0.3em 0.4em; font-size: 1em">
28+
<%= tag %>
29+
</span>
6830
<% end %>
69-
7031
</div>
71-
<div class="col s12 m6 l8">
72-
32+
<div class="grey-text">
33+
Used by <%= pluralize page_list.length, 'page' %>
7334
</div>
7435
</div>
75-
<% end %>
76-
77-
</div>
78-
</div>
79-
</div>
80-
</div>
81-
<% end %>
82-
83-
84-
<div class="row">
85-
<div class="col s12">
86-
<div class="card">
87-
<div class="card-content">
88-
<div class="card-title">Tags</div>
89-
<div class="row clearfix">
90-
<% @tags.group_by(&:page_type).each do |page_type, tags| %>
91-
<div class="col s12 m6 l4">
92-
<div class="card-title grey-text">
93-
<%= page_type %> Tags
94-
</div>
95-
</div>
96-
9736
<div class="col s12 m6 l8">
98-
<% tags.each do |tag| %>
99-
<div class="row">
100-
<div class="col s12 m6 l4">
101-
<%=
102-
link_to send(
103-
"#{tag.page_type.downcase.pluralize}_path",
104-
slug: tag.slug
105-
) do
106-
%>
107-
<span class="new badge <%= content_class_from_name(tag.page_type).color %> left" data-badge-caption="<%= tag.tag %>" style="margin: 0.2em"></span>
108-
<% end %>
109-
</div>
110-
<div class="col s12 m6 l8">
111-
112-
</div>
37+
<% page_list.each do |page_tag| %>
38+
<div class="chip js-load-page-name" data-klass="<%= page_tag.page_type %>" data-id="<%= page_tag.page_id %>">
39+
<%= link_to send("#{page_tag.page_type.downcase}_path", page_tag.page_id) do %>
40+
<span class="<%= content_type.text_color %>">
41+
<i class="material-icons left">
42+
<%= content_type.icon %>
43+
</i>
44+
</span>
45+
<span class="name-container">
46+
<em>Loading <%= content_type.name %> name...</em>
47+
</span>
48+
<% end %>
11349
</div>
11450
<% end %>
11551
</div>
116-
<% end %>
117-
</div>
52+
</div>
53+
<% end %>
11854
</div>
119-
</div>
120-
</div>
121-
</div>
55+
</li>
56+
<% end %>
57+
</ul>

0 commit comments

Comments
 (0)