Commit 7b8823c271404263ad68e92108d6a9f1fee1e9d2

Authored by AurelioAHeckert
1 parent f54fa6c1

ActionItem287: friends manage interface and delet is better now.

git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1718 3f533792-8f58-4932-b0fe-aaf55b0a4547
app/helpers/application_helper.rb
... ... @@ -398,6 +398,7 @@ module ApplicationHelper
398 398 # #profile_image) and its name below it.
399 399 def profile_image_link(profile, size=:portrait)
400 400 link_to( '<div>'+ profile_image(profile, size) +'</div><span>'+ profile.name() +'</span>', profile.url,
  401 + :class => 'profile_link',
401 402 :help => _('Click on this icon to go to the <b>%s</b>\'s home page') % profile.name )
402 403 end
403 404  
... ...
app/views/friends/index.rhtml
  1 +<div id="manage_friends">
  2 +
1 3 <h1><%= _("%s's friends") % profile.name %></h1>
2 4  
3 5 <ul class='profile-list'>
4 6 <% @friends.each do |friend| %>
5 7 <li>
6   - <%= profile_image_link(friend)%>
7   - <br/>
8   - <%= link_to '(remove)', :action => 'remove', :id => friend.id %>
  8 + <%= profile_image_link friend %>
  9 + <div class="controll">
  10 + <%= link_to content_tag('span',_('remove')),
  11 + { :action => 'remove', :id => friend.id },
  12 + :class => 'button icon-delete',
  13 + :title => _('remove'),
  14 + :help => _('Clicking on this button will remove your friend relation with %s.') % friend.name %>
  15 + </div><!-- end class="controll" -->
9 16 </li>
10 17 <% end %>
11 18 </ul>
... ... @@ -18,7 +25,9 @@
18 25 </p>
19 26 <% end %>
20 27  
21   -
22 28 <% button_bar do %>
23 29 <%= button(:back, _('Go back'), :controller => 'profile_editor') %>
24 30 <% end %>
  31 +
  32 +</div><!-- end id="manage_friends" -->
  33 +
... ...
app/views/friends/remove.rhtml
  1 +<div id="remove_friend">
  2 +
1 3 <h1><%= _('Removing friend: %s') % @friend.name %></h1>
2 4  
  5 +<%= profile_image @friend, :thumb, :class => 'friend_picture' %>
  6 +
3 7 <p>
4 8 <%= _('Are you sure you want to remove %s from your friends list?') % @friend.name %>
5 9 </p>
... ... @@ -16,3 +20,5 @@
16 20 <%= submit_button(:ok, _("Yes, I want to remove %s from my friend list") % @friend.name) %>
17 21 <%= button(:cancel, _("No, I don't want"), :action => 'index') %>
18 22 <% end %>
  23 +
  24 +</div><!-- end id="remove_friend" -->
... ...
app/views/layouts/application.rhtml
... ... @@ -170,6 +170,19 @@
170 170 // the onload will run only after all related documents load.
171 171 // by that we need to cal this here:
172 172 if ( window.addEventListener ) resizePrincipalTemplateBox()
  173 +
  174 + // Sory IE:
  175 + if ( document.all ) {
  176 + if ( confirm("<%=
  177 +_("Ups... It seems you are using Internet Explorer.
  178 +
  179 +We are sory, but some things will not work well on this web browser for now...
  180 +We propose you to use Firefox, for this web site and any other.
  181 +
  182 +Do you want to get your Firefox now?").gsub(/\n/,'\n') %>") ) {
  183 + document.location.href = "http://getfirefox.com";
  184 + }
  185 + }
173 186 </script>
174 187  
175 188 </body>
... ...
public/designs/themes/default/stylesheets/controller_friends.css 0 → 100644
... ... @@ -0,0 +1,9 @@
  1 +
  2 +.profile-list .profile_link span {
  3 + font-weight: bold;
  4 +}
  5 +
  6 +.profile-list li:hover .profile_link span {
  7 + color: #FFF;
  8 +}
  9 +
... ...
public/stylesheets/controller_friends.css 0 → 100644
... ... @@ -0,0 +1,59 @@
  1 +
  2 +#content #manage_friends ul {
  3 + margin: 0px;
  4 + padding: 0px;
  5 + list-style: none;
  6 +}
  7 +
  8 +#content #manage_friends li {
  9 + float: left;
  10 + width: 200px;
  11 + height: 68px;
  12 + margin: 5px;
  13 + padding: 5px;
  14 + border: 2px solid #B8CFE7;
  15 + list-style: none;
  16 + overflow: hidden;
  17 + position: relative;
  18 +}
  19 +#content #manage_friends li:hover {
  20 + border: 2px solid #2A5896;
  21 + background: #729FCF;
  22 +}
  23 +
  24 +.profile-list img {
  25 + float: left;
  26 + border: none;
  27 +}
  28 +
  29 +.profile-list a {
  30 + text-decoration: none;
  31 +}
  32 +
  33 +.profile-list .profile_link span {
  34 + width: 200px;
  35 + display: block;
  36 + overflow: hidden;
  37 +}
  38 +
  39 +.controll {
  40 + position: absolute;
  41 + right: 5px;
  42 + bottom: 10px;
  43 +}
  44 +
  45 +#manage_friends .button-bar {
  46 + clear: both;
  47 + padding-top: 20px;
  48 +}
  49 +
  50 +#remove_friend .friend_picture {
  51 + float: left;
  52 + margin-right: 15px;
  53 +}
  54 +
  55 +#remove_friend form {
  56 + clear: both;
  57 + padding-top: 20px;
  58 +}
  59 +
... ...