Commit f9add5f7d8e5ba5840d054b1409cd7924992ab4e
Committed by
Antonio Terceiro
1 parent
966b6500
Exists in
master
and in
28 other branches
Added scarletred theme to noosfero
site_title is added by theme favicon is added by theme or profile (ActionItem1529)
Showing
17 changed files
with
324 additions
and
9 deletions
Show diff stats
app/helpers/application_helper.rb
@@ -371,6 +371,24 @@ module ApplicationHelper | @@ -371,6 +371,24 @@ module ApplicationHelper | ||
371 | nil | 371 | nil |
372 | end | 372 | end |
373 | 373 | ||
374 | + def theme_favicon | ||
375 | + return '/designs/themes/' + current_theme + '/favicon.ico' if profile.nil? || profile.theme.nil? | ||
376 | + if File.exists?(File.join(RAILS_ROOT, 'public', theme_path, 'favicon.ico')) | ||
377 | + '/designs/themes/' + profile.theme + '/favicon.ico' | ||
378 | + else | ||
379 | + favicon = profile.articles.find_by_path('favicon.ico') | ||
380 | + if favicon | ||
381 | + favicon.public_filename | ||
382 | + else | ||
383 | + '/designs/themes/' + environment.theme + '/favicon.ico' | ||
384 | + end | ||
385 | + end | ||
386 | + end | ||
387 | + | ||
388 | + def theme_site_title | ||
389 | + theme_include('site_title') | ||
390 | + end | ||
391 | + | ||
374 | def theme_header | 392 | def theme_header |
375 | theme_include('header') | 393 | theme_include('header') |
376 | end | 394 | end |
app/views/layouts/application-ng.rhtml
@@ -6,7 +6,7 @@ | @@ -6,7 +6,7 @@ | ||
6 | <!--<meta http-equiv="refresh" content="1"/>--> | 6 | <!--<meta http-equiv="refresh" content="1"/>--> |
7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | 7 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
8 | <meta name="description" content="<%= @environment.name %>" /> | 8 | <meta name="description" content="<%= @environment.name %>" /> |
9 | - <link rel="shortcut icon" href="<%= image_path('/designs/themes/' + current_theme + '/favicon.ico') %>" type="image/x-icon" /> | 9 | + <link rel="shortcut icon" href="<%= image_path(theme_favicon) %>" type="image/x-icon" /> |
10 | <%= noosfero_javascript %> | 10 | <%= noosfero_javascript %> |
11 | <%= stylesheet_link_tag noosfero_stylesheets, :cache => 'cache' %> | 11 | <%= stylesheet_link_tag noosfero_stylesheets, :cache => 'cache' %> |
12 | <%= stylesheet_link_tag template_stylesheet_path %> | 12 | <%= stylesheet_link_tag template_stylesheet_path %> |
@@ -73,7 +73,7 @@ | @@ -73,7 +73,7 @@ | ||
73 | </div><!-- end id="user" --> | 73 | </div><!-- end id="user" --> |
74 | 74 | ||
75 | <h1 id="site-title"> | 75 | <h1 id="site-title"> |
76 | - <%= link_to content_tag('span', environment.name), environment.top_url %> | 76 | + <%= theme_site_title %> |
77 | </h1> | 77 | </h1> |
78 | <div id="navigation"> | 78 | <div id="navigation"> |
79 | <ul> | 79 | <ul> |
@@ -0,0 +1 @@ | @@ -0,0 +1 @@ | ||
1 | +<%= link_to(image_tag("/designs/themes/noosfero/images/logo-noosfero.png"), environment.top_url) %> |
public/designs/themes/noosfero/style.css
1 | @import url(../base/style.css); | 1 | @import url(../base/style.css); |
2 | 2 | ||
3 | -#site-title { | ||
4 | - background: url(images/logo-noosfero.png) no-repeat; | ||
5 | -} | ||
6 | - | ||
7 | -.docSize-LT-800 #site-title { | ||
8 | - width: 100px; | ||
9 | - background: url(images/logo-noosfero-no-text.png) no-repeat; | 3 | +#site-title img { |
4 | + left:-22px; | ||
5 | + position:absolute; | ||
6 | + top:-30px; | ||
10 | } | 7 | } |
@@ -0,0 +1,19 @@ | @@ -0,0 +1,19 @@ | ||
1 | +<div id="assets-menu"> | ||
2 | + <ul> | ||
3 | + <%= generate_assets_menu %> | ||
4 | + </ul> | ||
5 | +</div><!-- fim id="assets-menu" --> | ||
6 | + | ||
7 | +<script type="text/javascript"> | ||
8 | + jQuery(document).ready(function() { | ||
9 | + $ = jQuery; | ||
10 | + $("#site-title, #assets-menu").mouseover(function() { | ||
11 | + clearTimeout( window.closeAssetsTimeout ); | ||
12 | + $("#assets-menu").slideDown("slow"); | ||
13 | + }); | ||
14 | + $("#site-title, #assets-menu").mouseout(function() { | ||
15 | + window.closeAssetsTimeout = | ||
16 | + setTimeout( '$("#assets-menu").slideUp("slow")', 500 ); | ||
17 | + }); | ||
18 | + }); | ||
19 | +</script> |
188 Bytes
222 Bytes
266 Bytes
525 Bytes
198 Bytes
210 Bytes
189 Bytes
@@ -0,0 +1 @@ | @@ -0,0 +1 @@ | ||
1 | +<%= link_to(image_tag("/designs/themes/#{environment.theme}/imgs/thin-logo.png"), environment.top_url) %> |
@@ -0,0 +1,221 @@ | @@ -0,0 +1,221 @@ | ||
1 | +@import url(../base/style.css); | ||
2 | + | ||
3 | +head { | ||
4 | + margin: 0px; | ||
5 | + padding: 0px; | ||
6 | +} | ||
7 | + | ||
8 | +body { | ||
9 | + margin: 0px auto; | ||
10 | + padding: 0px; | ||
11 | +} | ||
12 | + | ||
13 | +#wrap-1 { | ||
14 | + position: relative; | ||
15 | +} | ||
16 | + | ||
17 | +#wrap-2 { | ||
18 | + margin-top: -4px; | ||
19 | + padding-bottom: 0px; | ||
20 | +} | ||
21 | + | ||
22 | +#navigation, | ||
23 | +#navigation-end { | ||
24 | + display: none; | ||
25 | +} | ||
26 | + | ||
27 | +#theme-header { | ||
28 | + height: 30px; | ||
29 | +} | ||
30 | + | ||
31 | +/************************** user bar ***************************/ | ||
32 | + | ||
33 | +#user { | ||
34 | + top: -23px; | ||
35 | + right: 10px; | ||
36 | + height: 20px; | ||
37 | +} | ||
38 | + | ||
39 | +#user a, | ||
40 | +#user a strong { | ||
41 | + color: #A40000; | ||
42 | +} | ||
43 | + | ||
44 | +/************************** navigation ***************************/ | ||
45 | + | ||
46 | +#navigation { | ||
47 | + background: none; | ||
48 | +} | ||
49 | + | ||
50 | +/************************** content ***************************/ | ||
51 | + | ||
52 | +#content { | ||
53 | + margin-top: 0px; | ||
54 | +} | ||
55 | + | ||
56 | +#boxes { | ||
57 | + margin-top: 20px; | ||
58 | +} | ||
59 | + | ||
60 | +#profile-header { | ||
61 | + margin: -10px; | ||
62 | + margin-bottom: 0px; | ||
63 | + width: 958px; | ||
64 | + max-width: none; | ||
65 | + max-height: none; | ||
66 | +} | ||
67 | + | ||
68 | +#profile-footer { | ||
69 | + margin-left: -10px; | ||
70 | + width: 958px; | ||
71 | + max-width: none; | ||
72 | +} | ||
73 | + | ||
74 | +#content .block-title, | ||
75 | +#content .main-block h1, #not-found h1, #access-denied h1 { | ||
76 | + border-bottom:2px solid #A40000; | ||
77 | + color: #A40000; | ||
78 | +} | ||
79 | + | ||
80 | +.profile-image-block p { | ||
81 | + color: #A40000; | ||
82 | +} | ||
83 | + | ||
84 | +.block a { | ||
85 | + color: #A40000; | ||
86 | +} | ||
87 | + | ||
88 | +.block a:visited { | ||
89 | + color: #CC0000; | ||
90 | +} | ||
91 | + | ||
92 | +.control-panel a, | ||
93 | +.control-panel a:visited { | ||
94 | + color: #000; | ||
95 | +} | ||
96 | + | ||
97 | +.controller-profile_editor .control-panel a:hover { | ||
98 | + background-color: #A40000; | ||
99 | + color: #FFF; | ||
100 | +} | ||
101 | + | ||
102 | +#content .link-list-block li a:hover { | ||
103 | + background-color: #A40000; | ||
104 | +} | ||
105 | + | ||
106 | +#content .link-list-block li a.link-this-page { | ||
107 | + background-color: #CC0000; | ||
108 | + border-right:2px solid #A40000; | ||
109 | +} | ||
110 | + | ||
111 | +.template-rightbar #content .link-list-block li a.link-this-page, | ||
112 | +#content .box-3 .link-list-block li a.link-this-page { | ||
113 | + border-left: 2px solid #A40000; | ||
114 | + border-right: none; | ||
115 | + margin-left: -5px; | ||
116 | + margin-right: 0px; | ||
117 | + max-width: 170px; | ||
118 | + -moz-border-radius-bottomleft: 0; | ||
119 | + -moz-border-radius-topleft: 0; | ||
120 | + -moz-border-radius-bottomright: 4px; | ||
121 | + -moz-border-radius-topright: 4px; | ||
122 | + -webkit-border-radius-bottomleft: 0; | ||
123 | + -webkit-border-radius-topleft: 0; | ||
124 | + -webkit-border-radius-bottomright: 4px; | ||
125 | + -webkit-border-radius-topright: 4px; | ||
126 | +} | ||
127 | + | ||
128 | +/************** blog **************/ | ||
129 | + | ||
130 | +#content .blog-posts { | ||
131 | + margin-top: 30px; | ||
132 | +} | ||
133 | + | ||
134 | +#content .blog-post .title a:hover { | ||
135 | + color: #A40000; | ||
136 | +} | ||
137 | + | ||
138 | +#article .blog-feed-link { | ||
139 | + position: absolute; | ||
140 | + right: 0px; | ||
141 | + top: 28px; | ||
142 | +} | ||
143 | + | ||
144 | +#article-tags { | ||
145 | + margin-right: 30px; | ||
146 | +} | ||
147 | + | ||
148 | +/************** environment bar **************/ | ||
149 | + | ||
150 | +#site-title { | ||
151 | + position: absolute; | ||
152 | + left: 10px; | ||
153 | + top: -27px; | ||
154 | + height: 40px; | ||
155 | + width: 264px; | ||
156 | +} | ||
157 | + | ||
158 | +#site-title a { | ||
159 | + display: block; | ||
160 | + top: 0px; | ||
161 | + height: 20px; | ||
162 | +} | ||
163 | + | ||
164 | +#assets-menu { | ||
165 | + display: none; | ||
166 | + position: absolute; | ||
167 | + top: 26px; | ||
168 | + left: 56px; | ||
169 | + min-width: 140px; | ||
170 | + z-index: 10; | ||
171 | + border: 1px solid #D3D7CF; | ||
172 | + border-top: none; | ||
173 | + background: #EEE; | ||
174 | + padding: 0px 4px 6px 4px; | ||
175 | + -moz-border-radius-bottomleft: 10px; | ||
176 | + -moz-border-radius-bottomright: 10px; | ||
177 | + -webkit-border-radius-bottomleft: 10px; | ||
178 | + -webkit-border-radius-bottomright: 10px; | ||
179 | + border-radius-bottomleft: 10px; | ||
180 | + border-radius-bottomright: 10px; | ||
181 | +} | ||
182 | + | ||
183 | +#assets-menu ul, | ||
184 | +#assets-menu li { | ||
185 | + margin: 0px; | ||
186 | + padding: 0px; | ||
187 | + list-style: none; | ||
188 | +} | ||
189 | + | ||
190 | +#assets-menu a { | ||
191 | + text-decoration: none; | ||
192 | + display: block; | ||
193 | + padding: 2px 4px 2px 8px; | ||
194 | + color: #555; | ||
195 | + border: 1px solid #EEE; | ||
196 | +} | ||
197 | + | ||
198 | +#assets-menu a:hover { | ||
199 | + background: #FBFBFB; | ||
200 | + border: 1px solid #F6F6F6; | ||
201 | + color: #000; | ||
202 | + -moz-border-radius: 5px; | ||
203 | + -webkit-border-radius: 5px; | ||
204 | + border-radius: 5px; | ||
205 | +} | ||
206 | + | ||
207 | +/**************************** Comments *******************************/ | ||
208 | + | ||
209 | +#content .comments h3 { | ||
210 | + color: #A40000; | ||
211 | + border-bottom: 2px solid #A40000; | ||
212 | +} | ||
213 | + | ||
214 | +.post_comment_box h4 { | ||
215 | + background-color: #A40000; | ||
216 | + color: #FFF; | ||
217 | +} | ||
218 | + | ||
219 | +.post_comment_box.closed h4 { | ||
220 | + border: none; | ||
221 | +} |
No preview for this file type
test/unit/application_helper_test.rb
@@ -154,6 +154,28 @@ class ApplicationHelperTest < Test::Unit::TestCase | @@ -154,6 +154,28 @@ class ApplicationHelperTest < Test::Unit::TestCase | ||
154 | assert_nil theme_footer | 154 | assert_nil theme_footer |
155 | end | 155 | end |
156 | 156 | ||
157 | + should 'render theme site title' do | ||
158 | + stubs(:theme_path).returns('/user_themes/mytheme') | ||
159 | + site_title_path = RAILS_ROOT + '/public/user_themes/mytheme/site_title.rhtml' | ||
160 | + | ||
161 | + File.expects(:exists?).with(site_title_path).returns(true) | ||
162 | + expects(:render).with(:file => site_title_path, :use_full_path => false).returns("Site title") | ||
163 | + | ||
164 | + assert_equal "Site title", theme_site_title | ||
165 | + end | ||
166 | + | ||
167 | + should 'ignore unexisting theme site title' do | ||
168 | + stubs(:theme_path).returns('/user_themes/mytheme') | ||
169 | + site_title_path = RAILS_ROOT + '/public/user_themes/mytheme/site_title.rhtml' | ||
170 | + alternate_site_title_path = RAILS_ROOT + '/public/user_themes/mytheme/site_title.html.erb' | ||
171 | + | ||
172 | + File.expects(:exists?).with(site_title_path).returns(false) | ||
173 | + File.expects(:exists?).with(alternate_site_title_path).returns(false) | ||
174 | + expects(:render).with(:file => site_title_path).never | ||
175 | + | ||
176 | + assert_nil theme_site_title | ||
177 | + end | ||
178 | + | ||
157 | should 'expose theme owner' do | 179 | should 'expose theme owner' do |
158 | theme = mock | 180 | theme = mock |
159 | profile = mock | 181 | profile = mock |
@@ -621,6 +643,40 @@ class ApplicationHelperTest < Test::Unit::TestCase | @@ -621,6 +643,40 @@ class ApplicationHelperTest < Test::Unit::TestCase | ||
621 | assert_equal ['Home Page', 'Products', 'Members', 'Agenda'], links.map{|i| i.keys.first} | 643 | assert_equal ['Home Page', 'Products', 'Members', 'Agenda'], links.map{|i| i.keys.first} |
622 | end | 644 | end |
623 | 645 | ||
646 | + should 'use favicon from environment theme if does not have profile' do | ||
647 | + stubs(:environment).returns(fast_create(Environment, :theme => 'new-theme')) | ||
648 | + stubs(:profile).returns(nil) | ||
649 | + assert_equal '/designs/themes/new-theme/favicon.ico', theme_favicon | ||
650 | + end | ||
651 | + | ||
652 | + should 'use favicon from environment theme if the profile theme is nil' do | ||
653 | + stubs(:environment).returns(fast_create(Environment, :theme => 'new-theme')) | ||
654 | + stubs(:profile).returns(fast_create(Profile)) | ||
655 | + assert_equal '/designs/themes/new-theme/favicon.ico', theme_favicon | ||
656 | + end | ||
657 | + | ||
658 | + should 'use favicon from profile theme if the profile has theme' do | ||
659 | + stubs(:environment).returns(fast_create(Environment, :theme => 'new-theme')) | ||
660 | + stubs(:profile).returns(fast_create(Profile, :theme => 'profile-theme')) | ||
661 | + File.expects(:exists?).with(File.join(RAILS_ROOT, 'public', '/designs/themes/profile-theme', 'favicon.ico')).returns(true) | ||
662 | + assert_equal '/designs/themes/profile-theme/favicon.ico', theme_favicon | ||
663 | + end | ||
664 | + | ||
665 | + should 'use favicon from profile articles if the profile theme does not have' do | ||
666 | + stubs(:environment).returns(fast_create(Environment, :theme => 'new-theme')) | ||
667 | + stubs(:profile).returns(fast_create(Profile, :theme => 'profile-theme')) | ||
668 | + file = UploadedFile.create!(:uploaded_data => fixture_file_upload('/files/favicon.ico', 'image/png'), :profile => profile) | ||
669 | + File.expects(:exists?).with(File.join(RAILS_ROOT, 'public', theme_path, 'favicon.ico')).returns(false) | ||
670 | + assert_equal file.public_filename, theme_favicon | ||
671 | + end | ||
672 | + | ||
673 | + should 'use favicon from environment if the profile theme and profile articles do not have' do | ||
674 | + stubs(:environment).returns(fast_create(Environment, :theme => 'new-theme')) | ||
675 | + stubs(:profile).returns(fast_create(Profile, :theme => 'profile-theme')) | ||
676 | + File.expects(:exists?).with(File.join(RAILS_ROOT, 'public', theme_path, 'favicon.ico')).returns(false) | ||
677 | + assert_equal '/designs/themes/new-theme/favicon.ico', theme_favicon | ||
678 | + end | ||
679 | + | ||
624 | protected | 680 | protected |
625 | 681 | ||
626 | def url_for(args = {}) | 682 | def url_for(args = {}) |