Download as
Browse Code »

Commit 3d57165a1508fffd98c5b63eb81d71071847b85c

Authored by AurelioAHeckert
1 parent b2321f20
Exists in master and in 29 other branches add_member_task_reject_details, admin_visible_profile, article-list-template, community_notifications, contact_admin_translation, event_fixes, fix_comments_pagination, fix_rails4_organization_ratings, fix_sign_up_form, follow_step_fix, forum_topic_creation, mirror_block_improvements, multi_env_on_remote_user, new_security, noosfero_spb_ci, organization_ratings_improvements, organization_ratings_link_to_profile_stable-spb-1.3, organization_ratings_translations_fix, profile_api_improvements, ratings_minor_fixes, remote_user_fix, send_email_to_admins, stable-spb-1.3, stable-spb-1.3-fixes, stable-spb-1.4, stable-spb-1.5, suggest_rejected_value, web_steps_improvements, xss_terminate_custom_options

ActionItem152: Automatic Live Help! 

git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1369 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing 14 changed files with 707 additions and 93 deletions   Show diff stats
app/views/layouts/application.rhtml
  Diff comments   View file @3d57165
... ... @@ -39,7 +39,8 @@
39 39 # Identify the current controller and action for the CSS:
40 40 " controller_"+ @controller.controller_name() +
41 41 " action_"+ @controller.controller_name() +"_"+ @controller.action_name()
42   - %>' onload='noosfero_init();'>
  42 + %>' onload='noosfero_init();'
  43 + help="Passe o mouse sobre os elementos da página para ver a ajuda.">
43 44 <script type="text/javascript">
44 45 /* Adds a class to "msie" to the body element if a Microsoft browser is
45 46 * detected. This is needed to workaround several of their limitations.
... ... @@ -57,11 +58,11 @@
57 58 </div>
58 59 <% end %>
59 60  
60   - <div id='accessibility_menu'>
61   - <a href='#content' id='link_go_content'><span><%= _('Go to content') %></span></a>
  61 + <div id="accessibility_menu">
  62 + <a href="#content" id="link_go_content"><span><%= _('Go to content') %></span></a>
62 63 </div><!-- accessibility_menu -->
63 64  
64   - <div id='path_category'>
  65 + <div id="path_category">
65 66 <% if @category -%>
66 67 <%= @category.full_name(" &rarr; ") %>
67 68 <% end -%>
... ... @@ -72,7 +73,18 @@
72 73  
73 74 <div id="beta-tag"><span>BETA</span></div>
74 75  
75   - <div id='noosfero_bar' style='position: absolute;'>
  76 + <div id="noosfero_bar" help="#noosfero_bar_help">
  77 + <div id="noosfero_bar_help" style="display:none">
  78 + Esta é a <b>barra de atalhos do <%= @environment.name() %></b>.
  79 + Atravêz dela você acessa as principais funcionalidades do ambiente
  80 + e encontra mais rapidamente as informações do seu interesse.
  81 + <p/>
  82 + Essa barra te ajuda a encontrar informações por dois caminhos
  83 + ou <b><i>dimensões</i></b>. A primeira dimensão são as <i>categorias</i>
  84 + que você encontra nas abas coloridas da barra. A segunda dimensão
  85 + são os <i>tipos de conteúdo</i> que você encontra na aba animada
  86 + da direita.
  87 + </div>
76 88  
77 89 <div id='navigation_bar'>
78 90 <%= render :file => 'shared/categories_menu' %>
... ... @@ -89,6 +101,10 @@
89 101 %>
90 102 </div><!-- id='user_box' -->
91 103  
  104 + <a href="#" id="btShowHelp" class="icon-help32on"
  105 + title="<%= _('Turn help on/off') %>"
  106 + onclick="mouseHelpOnOff()"><span><%= _('Help') %></span></a>
  107 +
92 108 </div><!-- id="noosfero_bar" -->
93 109  
94 110 <div id='frame'><!-- Frame que envolve toda pagina de um usuario -->
... ... @@ -125,6 +141,15 @@
125 141 <%= footer %>
126 142 </div><!-- id="footer" -->
127 143  
  144 + <div id="helpBox" style="display:none">
  145 + <div id="helpBoxBody">
  146 + <div id="helpAvatar"></div>
  147 + <div id="helpBoxContent"></div>
  148 + </div>
  149 + </div>
  150 + <%= javascript_include_tag 'show-mouse-help' %>
  151 + <%= javascript_include_tag 'noosfero-show-help' %>
  152 +
128 153 <div id="better-browser-promotion" style="display:none">
129 154 <h3><%=
130 155 _('Hey! Your web browser is really old!') +'</h3><p/>'+
... ...
public/designs/icons/default/help-off-32x32-HC.gif 0 → 100644
View file @3d57165

254 Bytes
public/designs/icons/default/help-on-32x32-HC.gif 0 → 100644
View file @3d57165

273 Bytes
public/designs/icons/default/style.css
  Diff comments   View file @3d57165
1   -.icon-edit { background-image: url(gtk-edit.png); }
2   -.icon-home { background-image: url(gnome-home.png); }
3   -.icon-new { background-image: url(gtk-new.png); }
4   -.icon-close { background-image: url(cancel-HC.gif); }
5   -.icon-open { background-image: url(gtk-open.png); }
6   -.icon-cms { background-image: url(abiword_48.png) }
7   -.icon-save { background-image: url(gtk-save.png); }
8   -.icon-up { background-image: url(gtk-go-up.png); }
9   -.icon-cancel { background-image: url(cancel-HC.gif); }
10   -.icon-person { background-image: url(user_icon.png); }
11   -.icon-product { background-image: url(gnome-other.png); }
12   -.icon-delete { background-image: url(gtk-delete.png); }
13   -.icon-find { background-image: url(noosfero-find.png); }
14   -.icon-back { background-image: url(gtk-go-back-ltr.png); }
15   -.icon-next { background-image: url(gtk-media-next-ltr.png); }
16   -.icon-add { background-image: url(gtk-add.png); }
17   -.icon-up { background-image: url(gtk-go-up.png); }
18   -.icon-down { background-image: url(gtk-go-down.png); }
19   -.icon-search { background-image: url(gnome-search.png); }
20   -.icon-ok { background-image: url(gtk-ok.png); }
21   -.icon-login { background-image: url(key-HC.gif); }
22   -.icon-help { background-image: url(help.gif); }
23   -.icon-firefox { background-image: url(firefox-24x24.gif); }
  1 +.icon-edit { background-image: url(gtk-edit.png) }
  2 +.icon-home { background-image: url(gnome-home.png) }
  3 +.icon-new { background-image: url(gtk-new.png) }
  4 +.icon-close { background-image: url(cancel-HC.gif) }
  5 +.icon-open { background-image: url(gtk-open.png) }
  6 +.icon-cms { background-image: url(abiword_48.png) }
  7 +.icon-save { background-image: url(gtk-save.png) }
  8 +.icon-up { background-image: url(gtk-go-up.png) }
  9 +.icon-cancel { background-image: url(cancel-HC.gif) }
  10 +.icon-person { background-image: url(user_icon.png) }
  11 +.icon-product { background-image: url(gnome-other.png) }
  12 +.icon-delete { background-image: url(gtk-delete.png) }
  13 +.icon-find { background-image: url(noosfero-find.png) }
  14 +.icon-back { background-image: url(gtk-go-back-ltr.png) }
  15 +.icon-next { background-image: url(gtk-media-next-ltr.png) }
  16 +.icon-add { background-image: url(gtk-add.png) }
  17 +.icon-up { background-image: url(gtk-go-up.png) }
  18 +.icon-down { background-image: url(gtk-go-down.png) }
  19 +.icon-search { background-image: url(gnome-search.png) }
  20 +.icon-ok { background-image: url(gtk-ok.png) }
  21 +.icon-login { background-image: url(key-HC.gif) }
  22 +.icon-help { background-image: url(help.gif) }
  23 +.icon-firefox { background-image: url(firefox-24x24.gif) }
  24 +.icon-help32on { background-image: url(help-on-32x32-HC.gif) }
  25 +.icon-help32off { background-image: url(help-off-32x32-HC.gif) }
24 26 .icon-menu- { background-image: url(menu-without-ico-HC.gif) }
25   -.icon-menu-blog { background-image: url(blog-HC.gif); }
26   -.icon-menu-album { background-image: url(album-HC.gif); }
27   -.icon-menu-product { background-image: url(product-HC.gif); }
28   -.icon-menu-enterprise { background-image: url(enterprise-HC.gif); }
29   -.icon-menu-community { background-image: url(community-HC.gif); }
30   -.icon-menu-edit { background-image: url(edit-HC.gif); }
31   -.icon-menu-ctrl-panel { background-image: url(control-HC.gif); }
32   -.icon-menu-login { background-image: url(enter-HC.gif); }
33   -.icon-menu-logout { background-image: url(exit-HC.gif); }
34   -.icon-menu-search { background-image: url(search-HC.gif); }
35   -.icon-menu-ed-design { background-image: url(edit-design-HC.gif); }
  27 +.icon-menu-blog { background-image: url(blog-HC.gif) }
  28 +.icon-menu-album { background-image: url(album-HC.gif) }
  29 +.icon-menu-product { background-image: url(product-HC.gif) }
  30 +.icon-menu-enterprise { background-image: url(enterprise-HC.gif) }
  31 +.icon-menu-community { background-image: url(community-HC.gif) }
  32 +.icon-menu-edit { background-image: url(edit-HC.gif) }
  33 +.icon-menu-ctrl-panel { background-image: url(control-HC.gif) }
  34 +.icon-menu-login { background-image: url(enter-HC.gif) }
  35 +.icon-menu-logout { background-image: url(exit-HC.gif) }
  36 +.icon-menu-search { background-image: url(search-HC.gif) }
  37 +.icon-menu-ed-design { background-image: url(edit-design-HC.gif) }
... ...
public/designs/themes/default/style.css
  Diff comments   View file @3d57165
1 1 /* Default Plain Theme for Blocks */
2 2  
3   -.design_block
4   -{
  3 +.design_block {
5 4 background: #FFFFFF;
6 5 border: 3px solid #000000;
7 6 margin-bottom: 10px;
8 7 }
9 8  
10 9 .design_editor ul, .design_box ul {
11   -list-style: none;
12   -margin: 0px;
13   -padding: 0px;
  10 + list-style: none;
  11 + margin: 0px;
  12 + padding: 0px;
14 13 }
15 14  
16   -.design_block ul
17   -{
  15 +.design_block ul {
18 16 list-style: none;
19 17 margin-left: 15px;
20 18 }
21 19  
22   -.design_block h3
23   -{
  20 +.design_block h3 {
24 21 color: #FFFFFF;
25 22 background: #545454;
26 23 font-family: Sans-serif;
... ... @@ -34,28 +31,28 @@ padding: 0px;
34 31 }
35 32  
36 33 #design_editor h3.design_block_header {
37   - padding-left: 30px;
38   - cursor: move;
  34 + padding-left: 30px;
  35 + cursor: move;
39 36 }
40 37  
41 38 a.design_button_block span {
42   -display: none;
43   -padding: 1px;
44   -color: #000;
45   -background: #dfdfdf;
46   -font-family: Sans-serif;
47   -font-size: 10px;
48   -font-weight: normal;
49   -border: 1px inset #545454;
  39 + display: none;
  40 + padding: 1px;
  41 + color: #000;
  42 + background: #dfdfdf;
  43 + font-family: Sans-serif;
  44 + font-size: 10px;
  45 + font-weight: normal;
  46 + border: 1px inset #545454;
50 47 }
51 48  
52 49 a.design_button_block:hover span {
53   -display: block;
54   -position: relative;
55   -margin-top: -20px;
56   -margin-left: -10px;
57   -z-index: 100;
58   -float: left;
  50 + display: block;
  51 + position: relative;
  52 + margin-top: -20px;
  53 + margin-left: -10px;
  54 + z-index: 100;
  55 + float: left;
59 56 }
60 57  
61 58 .design_block a.design_button_block {
... ... @@ -69,28 +66,27 @@ float: left;
69 66 }
70 67  
71 68 .design_block a.button_block_hide {
72   -background: url('icons.png') no-repeat;
73   -background-position: -60px 0px;
  69 + background: url('icons.png') no-repeat;
  70 + background-position: -60px 0px;
74 71 }
75 72 .design_block a.button_block_remove {
76   -background: red url('icons.png') no-repeat;
77   -background-position: -80px 0px;
  73 + background: red url('icons.png') no-repeat;
  74 + background-position: -80px 0px;
78 75 }
79 76 .design_block a.button_block_options {
80   -background: blue url('icons.png') no-repeat;
81   -background-position: 0px 0px;
  77 + background: blue url('icons.png') no-repeat;
  78 + background-position: 0px 0px;
82 79 }
83 80 .design_block a.button_block_item_options {
84   -background: url('icons.png') no-repeat;
85   -background-position: -40px 0px;
  81 + background: url('icons.png') no-repeat;
  82 + background-position: -40px 0px;
86 83 }
87 84  
88 85 .design_block a:hover.design_button_block {
89 86 opacity: 1.0;
90 87 }
91 88  
92   -.design_block_content
93   -{
  89 +.design_block_content {
94 90 padding: 5px;
95 91 }
96 92  
... ... @@ -106,11 +102,11 @@ background-position: -40px 0px;
106 102 }
107 103  
108 104 .button_block_options {
109   -position: absolute;
110   -left: 5px;
  105 + position: absolute;
  106 + left: 5px;
111 107 }
112 108  
113 109 .button_block_options:hover div#design_block_control_options_11 {
114   -display: block;
115   -border: 3px solid red;
  110 + display: block;
  111 + border: 3px solid red;
116 112 }
... ...
public/images/help-avatar.gif 0 → 100644
View file @3d57165

2.43 KB
public/img-source/help-avatar.svg 0 → 100644
  Diff comments   View file @3d57165
... ... @@ -0,0 +1,327 @@
  1 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 +<!-- Created with Inkscape (http://www.inkscape.org/) -->
  3 +<svg
  4 + xmlns:dc="http://purl.org/dc/elements/1.1/"
  5 + xmlns:cc="http://creativecommons.org/ns#"
  6 + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  7 + xmlns:svg="http://www.w3.org/2000/svg"
  8 + xmlns="http://www.w3.org/2000/svg"
  9 + xmlns:xlink="http://www.w3.org/1999/xlink"
  10 + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  11 + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  12 + width="48"
  13 + height="48"
  14 + id="svg2"
  15 + sodipodi:version="0.32"
  16 + inkscape:version="0.45+devel"
  17 + version="1.0"
  18 + sodipodi:docname="help-avatar.svg"
  19 + inkscape:output_extension="org.inkscape.output.svg.inkscape"
  20 + inkscape:export-filename="/home/aurium/noosfero/public/img-source/help-avatar.png"
  21 + inkscape:export-xdpi="221.25"
  22 + inkscape:export-ydpi="221.25">
  23 + <defs
  24 + id="defs4">
  25 + <linearGradient
  26 + id="linearGradient2996">
  27 + <stop
  28 + style="stop-color:#ffffff;stop-opacity:1;"
  29 + offset="0"
  30 + id="stop2998" />
  31 + <stop
  32 + style="stop-color:#ffffff;stop-opacity:0.39215687;"
  33 + offset="1"
  34 + id="stop3000" />
  35 + </linearGradient>
  36 + <inkscape:perspective
  37 + sodipodi:type="inkscape:persp3d"
  38 + id="perspective32"
  39 + inkscape:vp_x="-50 : 600 : 1"
  40 + inkscape:vp_y="0 : 1000 : 0"
  41 + inkscape:vp_z="700 : 600 : 1"
  42 + inkscape:persp3d-origin="300 : 400 : 1" />
  43 + <linearGradient
  44 + inkscape:collect="always"
  45 + id="linearGradient3380">
  46 + <stop
  47 + style="stop-color:#73d216;stop-opacity:1;"
  48 + offset="0"
  49 + id="stop3382" />
  50 + <stop
  51 + style="stop-color:#4e9a06;stop-opacity:1"
  52 + offset="1"
  53 + id="stop3384" />
  54 + </linearGradient>
  55 + <linearGradient
  56 + inkscape:collect="always"
  57 + id="linearGradient3339">
  58 + <stop
  59 + style="stop-color:#73d216;stop-opacity:0"
  60 + offset="0"
  61 + id="stop3341" />
  62 + <stop
  63 + style="stop-color:#4e9a06;stop-opacity:1"
  64 + offset="1"
  65 + id="stop3343" />
  66 + </linearGradient>
  67 + <inkscape:perspective
  68 + inkscape:persp3d-origin="118.07566 : 146.93033 : 1"
  69 + inkscape:vp_z="105.54717 : 55.106282 : 1"
  70 + inkscape:vp_y="-191.15564 : 348.80969 : 0"
  71 + inkscape:vp_x="-18.125245 : -26.355463 : 1"
  72 + id="perspective3288"
  73 + sodipodi:type="inkscape:persp3d" />
  74 + <linearGradient
  75 + id="linearGradient3018">
  76 + <stop
  77 + style="stop-color:#edd400;stop-opacity:0"
  78 + offset="0"
  79 + id="stop3020" />
  80 + <stop
  81 + style="stop-color:#c17d11;stop-opacity:1"
  82 + offset="1"
  83 + id="stop3022" />
  84 + </linearGradient>
  85 + <inkscape:perspective
  86 + sodipodi:type="inkscape:persp3d"
  87 + id="perspective10"
  88 + inkscape:vp_x="-160.76941 : 182.51388 : 1"
  89 + inkscape:vp_y="0 : 1000 : 0"
  90 + inkscape:vp_z="210.32279 : 212.68901 : 1"
  91 + inkscape:persp3d-origin="348.89133 : 400 : 1" />
  92 + <radialGradient
  93 + inkscape:collect="always"
  94 + xlink:href="#linearGradient3018"
  95 + id="radialGradient3409"
  96 + gradientUnits="userSpaceOnUse"
  97 + cx="21.432123"
  98 + cy="21.432123"
  99 + fx="15.140556"
  100 + fy="13.38717"
  101 + r="23.309734" />
  102 + <radialGradient
  103 + inkscape:collect="always"
  104 + xlink:href="#linearGradient3339"
  105 + id="radialGradient3413"
  106 + gradientUnits="userSpaceOnUse"
  107 + cx="22.323353"
  108 + cy="25.485029"
  109 + fx="20.982035"
  110 + fy="24.335329"
  111 + r="5.5778441" />
  112 + <linearGradient
  113 + inkscape:collect="always"
  114 + xlink:href="#linearGradient3380"
  115 + id="linearGradient2978"
  116 + gradientUnits="userSpaceOnUse"
  117 + gradientTransform="translate(14,0)"
  118 + x1="5.7485027"
  119 + y1="5.4589195"
  120 + x2="13.221557"
  121 + y2="15.404183" />
  122 + <linearGradient
  123 + inkscape:collect="always"
  124 + xlink:href="#linearGradient2996"
  125 + id="linearGradient3002"
  126 + x1="17.461113"
  127 + y1="2.027601"
  128 + x2="27.59375"
  129 + y2="14.28125"
  130 + gradientUnits="userSpaceOnUse" />
  131 + </defs>
  132 + <sodipodi:namedview
  133 + id="base"
  134 + pagecolor="#ffffff"
  135 + bordercolor="#666666"
  136 + borderopacity="1.0"
  137 + gridtolerance="10000"
  138 + guidetolerance="10"
  139 + objecttolerance="10"
  140 + inkscape:pageopacity="0.0"
  141 + inkscape:pageshadow="2"
  142 + inkscape:zoom="10.4375"
  143 + inkscape:cx="24"
  144 + inkscape:cy="24"
  145 + inkscape:document-units="px"
  146 + inkscape:current-layer="layer1"
  147 + showgrid="false"
  148 + inkscape:window-width="1024"
  149 + inkscape:window-height="712"
  150 + inkscape:window-x="0"
  151 + inkscape:window-y="26" />
  152 + <metadata
  153 + id="metadata7">
  154 + <rdf:RDF>
  155 + <cc:Work
  156 + rdf:about="">
  157 + <dc:format>image/svg+xml</dc:format>
  158 + <dc:type
  159 + rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
  160 + <dc:title></dc:title>
  161 + <dc:date></dc:date>
  162 + <dc:creator>
  163 + <cc:Agent>
  164 + <dc:title></dc:title>
  165 + </cc:Agent>
  166 + </dc:creator>
  167 + <dc:rights>
  168 + <cc:Agent>
  169 + <dc:title></dc:title>
  170 + </cc:Agent>
  171 + </dc:rights>
  172 + <dc:publisher>
  173 + <cc:Agent>
  174 + <dc:title></dc:title>
  175 + </cc:Agent>
  176 + </dc:publisher>
  177 + <dc:identifier></dc:identifier>
  178 + <dc:source></dc:source>
  179 + <dc:relation></dc:relation>
  180 + <dc:language></dc:language>
  181 + <dc:subject>
  182 + <rdf:Bag />
  183 + </dc:subject>
  184 + <dc:coverage></dc:coverage>
  185 + <dc:description></dc:description>
  186 + <dc:contributor>
  187 + <cc:Agent>
  188 + <dc:title></dc:title>
  189 + </cc:Agent>
  190 + </dc:contributor>
  191 + <cc:license
  192 + rdf:resource="" />
  193 + </cc:Work>
  194 + </rdf:RDF>
  195 + </metadata>
  196 + <g
  197 + inkscape:label="Layer 1"
  198 + inkscape:groupmode="layer"
  199 + id="layer1">
  200 + <g
  201 + id="g3403"
  202 + transform="translate(19.137689,0)">
  203 + <path
  204 + sodipodi:nodetypes="ccsccc"
  205 + id="path3284"
  206 + d="M 15.983695,0.61245879 L 19.617147,14.904183 C 20.891542,14.56271 21.530647,14.531897 22.170564,14.531679 C 22.810482,14.531461 23.451213,14.561839 24.728859,14.904183 L 28.362311,0.61245879 L 15.983695,0.61245879 z"
  207 + style="fill:url(#linearGradient2978);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;stroke-opacity:1"
  208 + inkscape:box3dsidetype="14" />
  209 + <path
  210 + sodipodi:type="arc"
  211 + style="fill:#8ae234;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
  212 + id="path3337"
  213 + sodipodi:cx="22.323353"
  214 + sodipodi:cy="25.485029"
  215 + sodipodi:rx="5.0778441"
  216 + sodipodi:ry="5.0778441"
  217 + d="M 27.401197,25.485029 A 5.0778441,5.0778441 0 1 1 17.245509,25.485029 A 5.0778441,5.0778441 0 1 1 27.401197,25.485029 z"
  218 + transform="matrix(1.1886793,0,0,1.1886793,-4.362305,-8.257598)" />
  219 + <path
  220 + d="M 27.401197,25.485029 A 5.0778441,5.0778441 0 1 1 17.245509,25.485029 A 5.0778441,5.0778441 0 1 1 27.401197,25.485029 z"
  221 + sodipodi:ry="5.0778441"
  222 + sodipodi:rx="5.0778441"
  223 + sodipodi:cy="25.485029"
  224 + sodipodi:cx="22.323353"
  225 + id="path3335"
  226 + style="fill:url(#radialGradient3413);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.84126985px;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
  227 + sodipodi:type="arc"
  228 + transform="matrix(1.1886793,0,0,1.1886793,-4.362305,-8.257598)" />
  229 + <path
  230 + transform="matrix(0.9897517,0,0,0.9897517,7.8426665e-2,-3.1879217)"
  231 + sodipodi:type="arc"
  232 + style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.01035440000000021px;stroke-linecap:butt;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;opacity:0.7"
  233 + id="path2393"
  234 + sodipodi:cx="22.323353"
  235 + sodipodi:cy="25.485029"
  236 + sodipodi:rx="5.0778441"
  237 + sodipodi:ry="5.0778441"
  238 + d="M 27.401197,25.485029 A 5.0778441,5.0778441 0 1 1 17.245509,25.485029 A 5.0778441,5.0778441 0 1 1 27.401197,25.485029 z" />
  239 + <path
  240 + sodipodi:type="inkscape:offset"
  241 + inkscape:radius="-0.99102211"
  242 + inkscape:original="M 15.96875 0.625 L 19.625 14.90625 C 20.899395 14.564777 21.516333 14.531468 22.15625 14.53125 C 22.796167 14.531032 23.441104 14.563906 24.71875 14.90625 L 28.375 0.625 L 15.96875 0.625 z "
  243 + xlink:href="#path3284"
  244 + style="fill:none;fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient3002);stroke-width:1px;stroke-linecap:round;stroke-linejoin:miter;stroke-opacity:1;opacity:0.9"
  245 + id="path2976"
  246 + inkscape:href="#path3284"
  247 + d="M 17.25,1.625 L 20.375,13.78125 C 21.010263,13.672512 21.724883,13.531397 22.15625,13.53125 C 22.59026,13.531102 23.318356,13.67071 23.96875,13.78125 L 27.09375,1.625 L 17.25,1.625 z"
  248 + transform="translate(0,-1.5625e-2)" />
  249 + </g>
  250 + <g
  251 + id="g3396"
  252 + transform="translate(-7.4999986,-0.5)">
  253 + <path
  254 + sodipodi:type="arc"
  255 + style="opacity:1;fill:#edd400;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.19537103;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
  256 + id="path3323"
  257 + sodipodi:cx="23.41593"
  258 + sodipodi:cy="23.41593"
  259 + sodipodi:rx="23.309734"
  260 + sodipodi:ry="23.309734"
  261 + d="M 46.725664,23.41593 A 23.309734,23.309734 0 1 1 0.10619545,23.41593 A 23.309734,23.309734 0 1 1 46.725664,23.41593 z"
  262 + transform="matrix(0.8365604,0,0,0.8365604,8.41116,8.4111597)" />
  263 + <path
  264 + transform="matrix(0.8365604,0,0,0.8365604,8.4111597,8.4111597)"
  265 + d="M 46.725664,23.41593 A 23.309734,23.309734 0 1 1 0.10619545,23.41593 A 23.309734,23.309734 0 1 1 46.725664,23.41593 z"
  266 + sodipodi:ry="23.309734"
  267 + sodipodi:rx="23.309734"
  268 + sodipodi:cy="23.41593"
  269 + sodipodi:cx="23.41593"
  270 + id="path2363"
  271 + style="opacity:1;fill:url(#radialGradient3409);fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:2.39074183;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
  272 + sodipodi:type="arc" />
  273 + <path
  274 + transform="matrix(0.6006074,0,0,0.6006074,13.936217,13.93622)"
  275 + d="M 33.139175,44.600882 A 23.309734,23.309734 0 0 1 0.20209021,21.303735"
  276 + sodipodi:ry="23.309734"
  277 + sodipodi:rx="23.309734"
  278 + sodipodi:cy="23.41593"
  279 + sodipodi:cx="23.41593"
  280 + id="path2994"
  281 + style="opacity:0.5;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:6.65992451;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
  282 + sodipodi:type="arc"
  283 + sodipodi:start="1.1405085"
  284 + sodipodi:end="3.2323314"
  285 + sodipodi:open="true" />
  286 + <path
  287 + id="path2992"
  288 + d="M 29.499999,33 C 34.198818,24.555563 33.594098,18.871841 33.594098,18.871841"
  289 + style="opacity:0.5;fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
  290 + <path
  291 + style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;opacity:0.5"
  292 + d="M 36.49509,35.5 C 41.193909,27.055562 40.589189,21.371841 40.589189,21.371841"
  293 + id="path2990" />
  294 + <path
  295 + sodipodi:type="arc"
  296 + style="opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:7.17222595;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
  297 + id="path3327"
  298 + sodipodi:cx="23.41593"
  299 + sodipodi:cy="23.41593"
  300 + sodipodi:rx="23.309734"
  301 + sodipodi:ry="23.309734"
  302 + d="M 32.029707,45.075721 A 23.309734,23.309734 0 0 1 0.44828222,19.437126"
  303 + transform="matrix(0.5577069,0,0,0.5577069,14.940773,14.940775)"
  304 + sodipodi:start="1.1922871"
  305 + sodipodi:end="3.3131254"
  306 + sodipodi:open="true" />
  307 + <path
  308 + sodipodi:type="arc"
  309 + style="opacity:0.6;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.29498505999999991;stroke-linecap:round;stroke-linejoin:round;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
  310 + id="path2980"
  311 + sodipodi:cx="23.41593"
  312 + sodipodi:cy="23.41593"
  313 + sodipodi:rx="23.309734"
  314 + sodipodi:ry="23.309734"
  315 + d="M 46.725664,23.41593 A 23.309734,23.309734 0 1 1 0.10619545,23.41593 A 23.309734,23.309734 0 1 1 46.725664,23.41593 z"
  316 + transform="matrix(0.7722096,0,0,0.7722096,9.9179934,9.9179948)" />
  317 + <path
  318 + id="path3028"
  319 + d="M 35.49509,34.5 C 40.193909,26.055562 39.589189,20.371841 39.589189,20.371841"
  320 + style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
  321 + <path
  322 + style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
  323 + d="M 28.499999,32 C 33.198818,23.555563 32.594098,17.871841 32.594098,17.871841"
  324 + id="path3030" />
  325 + </g>
  326 + </g>
  327 +</svg>
... ...
public/img-source/help.xcf 0 → 100644
View file @3d57165
No preview for this file type
public/javascripts/noosfero-show-help.js 0 → 100644
  Diff comments   View file @3d57165
... ... @@ -0,0 +1,30 @@
  1 +
  2 +function mouseHelpOnOff() {
  3 + if ( pageHelp.info.updateBox ) {
  4 + showMouseHelpOff()
  5 + $("btShowHelp").className = "icon-help32on";
  6 + } else {
  7 + showMouseHelpOn()
  8 + $("btShowHelp").className = "icon-help32off";
  9 + }
  10 + var date = new Date();
  11 + date.setTime( date.getTime() + ( 60*24*60*60*1000 ) );
  12 + var expires = "; expires=" + date.toGMTString();
  13 + document.cookie = "mouseHelpTurnOn="+ pageHelp.info.updateBox + expires +"; path=/";
  14 +}
  15 +
  16 +if ( document.cookie.indexOf("mouseHelpTurnOn=") > -1 ) {
  17 + if ( document.cookie.indexOf("mouseHelpTurnOn=true") > -1 ) {
  18 + mouseHelpOnOff();
  19 + }
  20 +} else {
  21 + var date = new Date();
  22 + date.setTime( date.getTime() + ( 60*24*60*60*1000 ) );
  23 + var expires = "; expires=" + date.toGMTString();
  24 + document.cookie = "mouseHelpTurnOn=false" + expires +"; path=/";
  25 + if ( confirm("Olá, você gostaria de ativar o modo de ajuda automática do Noosfero?") ) {
  26 + mouseHelpOnOff();
  27 + } else {
  28 + alert("Caso precise, basta clicar no icone de ajuda no canto superior direito da página.")
  29 + }
  30 +}
... ...
public/javascripts/show-mouse-help.js 0 → 100644
  Diff comments   View file @3d57165
... ... @@ -0,0 +1,196 @@
  1 +/*
  2 +** : : : : : : How to use the Show Help : : : : : :
  3 +** For each interesting page element you can put the
  4 +** attribute help. The help attribute can be any string
  5 +** text (scaped to not distroy the html) or some html id.
  6 +** The help for each element will be showed automaticaly
  7 +** when the mouse is over that. Yeah... we can turn on
  8 +** this help system calling the function showMouseHelpOn()
  9 +** and turn off calling the function showMouseHelpOff().
  10 +**
  11 +** Examples:
  12 +**
  13 +** <a href="..." help="this is a link">my link</a>
  14 +**
  15 +** <form help="#myLongHelp"> ... </form>
  16 +** <div id="myLongHelp" style="display:none">
  17 +** This is a <b>loooong</b> help. <p/>
  18 +** You can put <code>HTML</code> here too!
  19 +** </div>
  20 +**
  21 +** You need to put the style="display:none" on the long
  22 +** help container to it's text do not noise the web page.
  23 +**
  24 +** If the mouse pointed element do not have a help,
  25 +** each one of this parents will be visited to find
  26 +** the help. If no one has a help the help box turn
  27 +** to non visible.
  28 +*/
  29 +
  30 +/*
  31 +** This script can be loaded by the page and it's iFrames,
  32 +** as in the Noofero - community network system. Some of
  33 +** this code will enable the iFrame => parent information.
  34 +*/
  35 +
  36 +/*
  37 +** pageHelp has informations for this page/frame
  38 +** to not conflict with other frames.
  39 +*/
  40 +var pageHelp = {};
  41 +if ( navigator.userAgent.indexOf('MSIE') != -1 ) {
  42 + pageHelp.isIE = ( navigator.userAgent.indexOf('Opera') == -1 )
  43 +}
  44 +// If i'm in a iFrame, get the iFrame reference:
  45 +if ( window.parent == window ) {
  46 + pageHelp.myFrame = false;
  47 +} else {
  48 + var randTit = "iframe"+ Math.random();
  49 + window.frameHelpId = randTit;
  50 + var frames = window.parent.document.getElementsByTagName("iframe");
  51 + var f;
  52 + for ( var i=0; f=frames[i]; i++ ) {
  53 + if ( f.contentWindow && ( f.contentWindow.frameHelpId == randTit ) ) {
  54 + pageHelp.myFrame = f;
  55 + }
  56 + }
  57 +}
  58 +
  59 +/*
  60 +** pageHelp.info is a reference for a cetral help information.
  61 +** All frames will update the information here.
  62 +*/
  63 +if ( !window.parent.pageHelpInfo ) window.parent.pageHelpInfo = {};
  64 +pageHelp.info = window.parent.pageHelpInfo;
  65 +pageHelp.info.incPos = { x:20, y:20 };
  66 +pageHelp.info.myDoc = window.parent.document;
  67 +
  68 +mouseBli = 0;
  69 +function getHelp( ev ) {
  70 + var helpInfo = pageHelp.info;
  71 + if ( helpInfo.updateBox ) {
  72 + if ( window.event ) {
  73 + ev = window.event;
  74 + var el = ev.srcElement;
  75 + } else {
  76 + var el = ev.target;
  77 + }
  78 + var mX = 0;
  79 + var mY = 0;
  80 + if ( ev.pageX || ev.pageY) {
  81 + mX = ev.pageX;
  82 + mY = ev.pageY;
  83 + }
  84 + else if (ev.clientX || ev.clientY) {
  85 + mX = ev.clientX;
  86 + mY = ev.clientY;
  87 + if ( pageHelp.isIE ) {
  88 + mX += helpInfo.myDoc.body.scrollLeft;
  89 + mY += helpInfo.myDoc.body.scrollTop;
  90 + }
  91 + }
  92 + if ( pageHelp.myFrame ) {
  93 + var fPos = pageHelp.getPos( pageHelp.myFrame );
  94 + mX += fPos.x;
  95 + mY += fPos.y;
  96 + }
  97 + var box = helpInfo.helpBox;
  98 + helpInfo.mX = mX;
  99 + helpInfo.mY = mY;
  100 + if ( mX > ( helpInfo.myDoc.body.clientWidth / 1.8 ) ) {
  101 + movePageHelpToTheLeftMouseSide()
  102 + } else {
  103 + movePageHelpToTheRightMouseSide()
  104 + }
  105 + if ( ( mY + box.clientHeight + 40 ) >
  106 + ( helpInfo.myDoc.body.clientHeight + helpInfo.myDoc.body.scrollTop )
  107 + ) {
  108 + mY = helpInfo.myDoc.body.clientHeight + helpInfo.myDoc.body.scrollTop
  109 + - box.clientHeight - 40;
  110 + }
  111 + if ( box ) {
  112 + debug = mouseBli++ +" "+ el.nodeName;
  113 + while ( el.parentNode.getAttribute && ! el.getAttribute("help") ) { el = el.parentNode }
  114 + debug += " :: "+ el.nodeName +" "+ el.getAttribute("help");
  115 + debug += "<br>"+ pageHelp.myFrame.src +" x:"+ mX +" y:"+ mY;
  116 + var txt = el.getAttribute("help");
  117 + if ( txt ) {
  118 + box.style.display = "block";
  119 + if ( txt != "FALSE" ) {
  120 + if ( /^#.+/.test( txt ) ) {
  121 + var txtEl = el.ownerDocument.getElementById( txt.replace(/#/,"") );
  122 + if ( txtEl ) txt = txtEl.innerHTML;
  123 + }
  124 + box.content.innerHTML = '<p/>'+ txt +
  125 + '<br style="clear:both" />'+
  126 + '<div class="help-force-clear-ieworkarroundbug"'+
  127 + ' style="height:1px; overflow:hidden"></div>';
  128 + }
  129 + } else {
  130 + box.style.display = "none";
  131 + }
  132 + box.style.left = ( mX + helpInfo.incPos.x ) +"px";
  133 + box.style.top = ( mY + helpInfo.incPos.y ) +"px";
  134 + }
  135 + }
  136 +}
  137 +
  138 +pageHelp.getPos = function (obj) {
  139 + var x = y = 0;
  140 + if (obj.offsetParent) {
  141 + do {
  142 + x += obj.offsetLeft;
  143 + y += obj.offsetTop;
  144 + } while (obj = obj.offsetParent);
  145 + }
  146 + return { x:x, y:y };
  147 +}
  148 +
  149 +function movePageHelpToTheLeftMouseSide() {
  150 + clearTimeout( movePageHelpToTheRightMouseSide.timeout )
  151 + clearTimeout( movePageHelpToTheLeftMouseSide.timeout )
  152 + if ( pageHelp.info.incPos.x > -( pageHelp.info.helpBox.clientWidth + 20 ) ) {
  153 + pageHelp.info.incPos.x -= 10;
  154 + if ( ( pageHelp.info.mX + pageHelp.info.incPos.x + pageHelp.info.helpBox.clientWidth ) >
  155 + pageHelp.info.myDoc.body.clientWidth ) {
  156 + pageHelp.info.incPos.x =
  157 + pageHelp.info.myDoc.body.clientWidth - pageHelp.info.helpBox.clientWidth - pageHelp.info.mX - 10;
  158 + }
  159 + pageHelp.info.helpBox.style.left = ( pageHelp.info.mX + pageHelp.info.incPos.x ) +"px";
  160 + movePageHelpToTheLeftMouseSide.timeout =
  161 + setTimeout( "movePageHelpToTheLeftMouseSide()", 20 );
  162 + }
  163 +}
  164 +
  165 +function movePageHelpToTheRightMouseSide() {
  166 + clearTimeout( movePageHelpToTheRightMouseSide.timeout )
  167 + clearTimeout( movePageHelpToTheLeftMouseSide.timeout )
  168 + if ( pageHelp.info.incPos.x < 20 ) {
  169 + pageHelp.info.incPos.x += 10;
  170 + pageHelp.info.helpBox.style.left = ( pageHelp.info.mX + pageHelp.info.incPos.x ) +"px";
  171 + movePageHelpToTheRightMouseSide.timeout =
  172 + setTimeout( "movePageHelpToTheRightMouseSide()", 20 );
  173 + }
  174 +}
  175 +
  176 +if( window.addEventListener ) { // Standard
  177 + document.body.addEventListener( "mousemove", getHelp, false );
  178 +}
  179 +if( window.attachEvent ) { // IE
  180 + document.body.attachEvent( "onmousemove", getHelp );
  181 +}
  182 +
  183 +function showMouseHelpOn() {
  184 + pageHelp.info.helpBox = document.getElementById("helpBox");
  185 + pageHelp.info.helpBox.content = document.getElementById("helpBoxContent");
  186 + pageHelp.info.helpBox.setAttribute( "help", "FALSE" );
  187 + pageHelp.info.updateBox = true;
  188 + pageHelp.info.myDoc.body.style.cursor = "help";
  189 +}
  190 +
  191 +function showMouseHelpOff() {
  192 + pageHelp.info.helpBox.style.display = "none";
  193 + pageHelp.info.updateBox = false;
  194 + pageHelp.info.myDoc.body.style.cursor = "default";
  195 +}
  196 +
... ...
public/stylesheets/common.css
  Diff comments   View file @3d57165
... ... @@ -268,7 +268,7 @@ div.file-manager-button a:hover {
268 268  
269 269  
270 270 #spinner {
271   - z-index: 1000;
  271 + z-index: 10;
272 272 position: absolute;
273 273 left: 50%;
274 274 margin-left: -16px;
... ... @@ -292,7 +292,7 @@ clear: both;
292 292 /* Notice */
293 293  
294 294 div#notice {
295   - z-index: 4000;
  295 + z-index: 20;
296 296 position: absolute;
297 297 top: 100px;
298 298 left: 50%;
... ... @@ -403,3 +403,4 @@ body.category4 #content h4, body.category4 #content h5, body.category4 #content
403 403 margin-bottom: 1em;
404 404 text-align: center;
405 405 }
  406 +
... ...
public/stylesheets/help.css
  Diff comments   View file @3d57165
1 1  
2   -div.help_message {
3   - z-index: 10000;
4   - width: 600;
  2 +#btShowHelp {
5 3 position: absolute;
6   - top: 50%
7   - height: 400px;
8   - margin-top: -200px;
  4 + top: 2px;
  5 + right: 2px;
  6 + display: block;
  7 + width: 32px;
  8 + height: 32px;
  9 + opacity: 0.5;
  10 + filter: alpha(opacity=50);
  11 +}
  12 +#btShowHelp:hover {
  13 + opacity: 1;
  14 + filter: alpha(opacity=100);
  15 +}
  16 +#btShowHelp span {
  17 + display: none;
  18 +}
  19 +
  20 +#helpBox {
  21 + position: absolute;
  22 + top: 350px;
  23 + border: 2px solid #26A;
  24 + background: #A0B8D0;
  25 + width: 35%;
  26 + z-index: 2000;
  27 +}
9 28  
10   - left: 50%;
11   - margin-left: -300px;
12   - background: yellow;
  29 +#helpBoxBody {
  30 + border: 1px solid #E8F0F8;
  31 + padding: 0px 5px 0px 10px;
  32 +}
  33 +
  34 +#helpAvatar {
  35 + float: left;
  36 + margin: 5px 10px 5px -5px;
  37 + width: 48px;
  38 + height: 48px;
  39 + background: url("/images/help-avatar.gif");
  40 +}
  41 +.msie6 #helpAvatar {
  42 + margin: 5px 8px 5px -2px;
  43 +}
  44 +
  45 +#helpBoxBody p {
  46 + margin: 0px;
  47 + padding: 8px 0px 0px 0px;
  48 +}
13 49  
14   - overflow: auto;
  50 +.help-force-clear-ieworkarroundbug {
  51 + margin-top: -2px;
15 52 }
16 53  
... ...
public/stylesheets/lightbox.css
  Diff comments   View file @3d57165
... ... @@ -14,7 +14,7 @@ Modified : February 1, 2006
14 14 position: absolute;
15 15 top: 50%;
16 16 left: 50%;
17   - z-index: 9999;
  17 + z-index: 300;
18 18 width: 500px;
19 19 margin: -200px 0 0 -250px;
20 20 border: 10px solid #000;
... ... @@ -33,7 +33,7 @@ Modified : February 1, 2006
33 33 left:0;
34 34 width:100%;
35 35 height:100%;
36   - z-index:5000;
  36 + z-index:200;
37 37 background-color:#000;
38 38 -moz-opacity: 0.5;
39 39 opacity:.50;
... ...
public/stylesheets/menu.css
  Diff comments   View file @3d57165
... ... @@ -10,7 +10,7 @@
10 10 left: 3px;
11 11 right: 3px;
12 12 height: 22px;
13   - z-index: 4500;
  13 + z-index: 100;
14 14 background-color: #3465A4;
15 15 font-size: 11px;
16 16 letter-spacing: -1px;
... ...