@@ -25,7 +25,7 @@ content_jsonld = {
2525%>
2626
2727< div class ="row ">
28- < div class ="col s12 m3 l4 ">
28+ < div class ="col s12 m3 l2 ">
2929
3030 < div class ="hoverable card ">
3131 < div class ="card-image waves-effect waves-block waves-light ">
@@ -45,6 +45,7 @@ content_jsonld = {
4545 <% end %>
4646 </ div >
4747
48+ <% if @user . public_content_count > 0 %>
4849 < div class ="row ">
4950 <%= pie_chart ( {
5051 universes : @user . universes . is_public . count ,
@@ -55,6 +56,7 @@ content_jsonld = {
5556 colors : [ Universe . color , Character . color , Location . color , "yellow" ] ,
5657 ) %>
5758 </ div >
59+ <% end %>
5860
5961 </ div >
6062 < div class ="card-reveal ">
@@ -70,19 +72,49 @@ content_jsonld = {
7072 </ div >
7173 </ div >
7274
73- < div class ="card col s12 m9 l8 ">
75+ < div class ="card col s12 m9 l10 ">
7476 < div >
7577 < ul class ="tabs ">
7678 <% 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 >
7880 <% end %>
7981 </ ul >
8082 </ div >
8183
8284 <% 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 %>
86100 <% end %>
87101 </ div >
88102</ 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