@@ -25,7 +25,7 @@ content_jsonld = {
25
25
%>
26
26
27
27
< div class ="row ">
28
- < div class ="col s12 m3 l4 ">
28
+ < div class ="col s12 m3 l2 ">
29
29
30
30
< div class ="hoverable card ">
31
31
< div class ="card-image waves-effect waves-block waves-light ">
@@ -45,6 +45,7 @@ content_jsonld = {
45
45
<% end %>
46
46
</ div >
47
47
48
+ <% if @user . public_content_count > 0 %>
48
49
< div class ="row ">
49
50
<%= pie_chart ( {
50
51
universes : @user . universes . is_public . count ,
@@ -55,6 +56,7 @@ content_jsonld = {
55
56
colors : [ Universe . color , Character . color , Location . color , "yellow" ] ,
56
57
) %>
57
58
</ div >
59
+ <% end %>
58
60
59
61
</ div >
60
62
< div class ="card-reveal ">
@@ -70,19 +72,49 @@ content_jsonld = {
70
72
</ div >
71
73
</ div >
72
74
73
- < div class ="card col s12 m9 l8 ">
75
+ < div class ="card col s12 m9 l10 ">
74
76
< div >
75
77
< ul class ="tabs ">
76
78
<% tabs . each do |tab | %>
77
- < li class ="tab col s3 <%= "disabled" if tab_content_list [ tab ] . empty? %> "> <%= link_to pluralize ( tab_content_list [ tab ] . length , tab . singularize ) , "\# #{ tab } " %> </ li >
79
+ < li class ="tab col s3 " id =" js- <%= tab %> -tab "> <%= link_to pluralize ( tab_content_list [ tab ] . length , tab . singularize ) , "\# #{ tab } " %> </ li >
78
80
<% end %>
79
81
</ ul >
80
82
</ div >
81
83
82
84
<% tabs . each do |tab | %>
83
- < div id ="<%= tab %> " class ="col s12 ">
84
- <%= render partial : 'content/list/list' , locals : { content_list : tab_content_list [ tab ] , title : '' , clean : true } %>
85
- </ div >
85
+ <% if tab_content_list [ tab ] . any? %>
86
+ < div id ="<%= tab %> " class ="col s12 ">
87
+ <%= render partial : 'content/list/list' , locals : { content_list : tab_content_list [ tab ] , title : '' , clean : true } %>
88
+ </ div >
89
+ <% elsif tab_content_list [ tab ] . empty? %>
90
+ <% tab_class = tab . singularize . titleize . constantize %>
91
+ < div id ="<%= tab %> " class ="col s12 ">
92
+ < div class ="center <%= tab_class . color %> -text " style ="margin-top: 40px; ">
93
+ < i class ="material-icons " style ="font-size: 500% "> <%= tab_class . icon %> </ i >
94
+ </ div >
95
+ < p class ="center ">
96
+ It looks like <%= @user . name %> isn't sharing any public <%= tab %> yet.
97
+ </ p >
98
+ </ div >
99
+ <% end %>
86
100
<% end %>
87
101
</ div >
88
102
</ div >
103
+
104
+ <%
105
+ # Default to showing the first tab with content in it (left-first)
106
+ tabs . each do |tab |
107
+ if tab_content_list [ tab ] . any?
108
+ %>
109
+
110
+ < script type ="text/javascript ">
111
+ $ ( document ) . ready ( function ( ) {
112
+ $ ( '#js-<%= tab %> -tab' ) . find ( 'a' ) [ 0 ] . click ( ) ;
113
+ } )
114
+ </ script >
115
+
116
+ <%
117
+ break # Only do this for the first tab with content we see
118
+ end
119
+ end
120
+ %>
0 commit comments