Download as
Browse Code »

Commit 66596e51c766eb66cc72bca4035a476983d15b81

Authored by Fabio Teixeira
1 parent 2e0e1b3d
Exists in remove_sisp_buttons

Refactory theme javascript by adding namespaces and also remove some dead code 

Signed-off-by: ArthurJahn <stutrzbecher@gmail.com>
Signed-off-by: Dylan Guedes <djmgguedes@gmail.com>
Signed-off-by: Fabio Teixeira <fabio1079@gmail.com>
Showing 1 changed file with 250 additions and 187 deletions   Show diff stats
src/noosfero-spb/noosfero-spb-theme/theme.js
  Diff comments   View file @66596e5
1   -function alignBlocks(containerIndex){
2   - //Needed to save the original reference to jQuery(this)
3   - jt = jQuery(this);
4   - longerBlock = 0;
5   - jt.find(".block-outer").each(function () {
6   - if(jQuery(this).height() > longerBlock)
7   - longerBlock = jQuery(this).height();
8   - });
  1 +/* globals jQuery */
  2 +
  3 +// Theme javascript namespace
  4 +var SPBNoosferoTheme = {};
  5 +
  6 +SPBNoosferoTheme.OrganizationRatings = (function($) {
  7 +
  8 + function set_use_report_content() {
  9 + $('.profile-homepage .organization-average-rating-container .rate-this-organization a').html('Avalie este software');
  10 + $('.make-report-block .make-report-container .button-bar a span').html('Avalie este software');
  11 + $('.star-rate-data .star-rate-form.rating-cooldown .button-bar a span').html('Avalie este software');
  12 + $('.make-report-block .make-report-container .make-report-message').html('Relate sua experiência ou do órgão/empresa com relação ao software.');
  13 + $('.ratings-list .see-more a.icon-arrow-right-p').html('veja todos os relatos');
  14 + $('.main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input').attr('value', 'Enviar');
  15 + $('.main-content .star-rate-data .star-rate-form .star-rate-text').html('Avalie este software');
  16 + $('.main-content .star-rate-data .star-rate-form .star-comment-container .formlabel').html('Depoimento sobre o software');
  17 + $('.star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information').html('Dados adicionais (órgãos e empresas)');
  18 + $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label').html('Nome do órgão ou empresa');
  19 + $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited label').html('Número de beneficiados');
  20 + $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values label').html('Recursos economizados');
  21 + }
  22 +
  23 + function set_tooltip_content() {
  24 + $('.star-tooltip').html("?");
  25 + }
9 26  
10   - jt.find("#block-48504 .block-inner-2").height(492);
11   - jt.find("#block-55304 .block-inner-2").height(378);
12   -
13   - //Aligns the blocks in the most common situations
14   - jt.find(".block-outer").height(longerBlock);
15   - //Only used for blocks with video, since it uses the size of the iframe
16   - if(jt.find("iframe").length > 0){
17   - jt.find(".block-inner-1 .block-inner-2").each(function (idx) {
18   - if(idx==2){
19   - jQuery(this).height(jt.find("iframe").height());
20   - }
21   - });
  27 + function animateExtraFields(additional_fields, arrow) {
  28 + var innerHeight = additional_fields[0].offsetHeight;
  29 +
  30 + if(additional_fields.height() !== 0) {
  31 + arrow.attr('class', "comments-arrow-down");
  32 + additional_fields.animate({height: 0});
  33 + } else {
  34 + arrow.attr('class', "comments-arrow-up");
  35 + additional_fields.animate({height: additional_fields.get(0).scrollHeight}, 1000 );
22 36 }
23   -}
24 37  
25   -(function($) {
26   - // Run code
27   - if($.cookie("high_contrast") === 'true'){
28   - $( "body" ).toggleClass( "contraste" );
29   - }
30   - $( "#siteaction-contraste a" ).click(function() {
31   - $( "body" ).toggleClass( "contraste" );
32   - if($('body').hasClass('contraste')){
33   - $.cookie('high_contrast', 'true', {path: '/'});
34   - } else {
35   - $.cookie('high_contrast', null, { path: '/' });
36   - }
37   - });
  38 + // Fix for the arrow change on modal display to block, killing the entire page
  39 + $("#institution_modal").css({'display':'none'});
  40 + }
38 41  
39   - $( ".profile-image" ).prepend( "<span class='helper'></span>" );
40   - //insere a mensagem no bloco de trilhas na página inicial//
41   - $( ".action-home-index #content .community-track-plugin_track-card-list-block .track_list" ).prepend( "<span class='msg_block'>Construa seu caminho de participação na elaboração de políticas públicas...</span>" );
42   - //insere a mensagem no bloco de comunidades na página inicial//
43   - $( ".action-home-index #content .communities-block .block-inner-2>div" ).prepend( "<span class='msg_block'>Participe dos dialogos entre governo e sociedade em comunidades temáticas...</span>" );
44   - $( ".action-home-index #content .communities-block .block-inner-2>div.block-footer-content .msg_block" ).remove();
45   - $('.container-block-plugin_container-block').each(alignBlocks);
  42 + function set_arrow_direction() {
  43 + var additional_data_bar = $('.comments-display-fields');
46 44  
47   - $('#block-48500 > .block-inner-1 > .block-inner-2').append('<div class="more_button" style="position: absolute; top: 5px; left: 519px;"><div class="view_all"><a href="/portal/blog">Ler todas</a></div></div>');
  45 + additional_data_bar.on('click', function() {
  46 + var arrow = additional_data_bar.find('span[class*="comments-arrow"]');
  47 + var additional_fields = $('.comments-software-extra-fields');
  48 +
  49 + if (additional_fields) {
  50 + animateExtraFields(additional_fields, arrow);
  51 + }
  52 + });
  53 + }
48 54  
49 55  
  56 + function initialize() {
  57 + set_use_report_content();
  58 + set_tooltip_content();
  59 + set_arrow_direction();
  60 + }
50 61  
51   -// Foco no botao de busca
52 62  
53   -$('#link-buscar').click(function(e) {
54   - e.defaultPrevented();
55   - window.location.hash = '#portal-searchbox';
56   - $('.searchField').focus()
57   -})
  63 + return {
  64 + init: initialize
  65 + };
58 66  
59   -})(jQuery);
  67 +}) (jQuery);
60 68  
61 69  
62   -// Efeito Fade nos box de softwares
  70 +SPBNoosferoTheme.NoosferoUserMessages = (function($) {
  71 + // Places some user mensagens on noosfero
  72 + function user_messages_additions() {
  73 + //insere a mensagem no bloco de trilhas na página inicial//
  74 + $(".action-home-index #content .community-track-plugin_track-card-list-block .track_list").prepend("<span class='msg_block'>Construa seu caminho de participação na elaboração de políticas públicas...</span>");
  75 + //insere a mensagem no bloco de comunidades na página inicial//
  76 + $(".action-home-index #content .communities-block .block-inner-2>div").prepend("<span class='msg_block'>Participe dos dialogos entre governo e sociedade em comunidades temáticas...</span>");
  77 + $(".action-home-index #content .communities-block .block-inner-2>div.block-footer-content .msg_block").remove();
63 78  
64   -(function($){
65   - "use strict";// Make javascript less intolerant to errors
  79 + $('#block-48500 > .block-inner-1 > .block-inner-2').append('<div class="more_button" style="position: absolute; top: 5px; left: 519px;"><div class="view_all"><a href="/portal/blog">Ler todas</a></div></div>');
  80 + }
66 81  
67   - var TRANSITION_TIME = 250;// milliseconds
68 82  
  83 + function initialize() {
  84 + user_messages_additions();
  85 + }
69 86  
70   - function show_finality() {
71   - var finality = $(this).children(".software-block-finality");
  87 + return {
  88 + init: initialize
  89 + };
72 90  
73   - //finality.stop().fadeTo(TRANSITION_TIME,1);
74   - finality.stop().fadeTo('fast', 1);
75   - //finality.stop().animate({"top" : "0%"}, TRANSITION_TIME);
  91 +}) (jQuery);
  92 +
  93 +
  94 +// Fade effect on software blocks in the portal homepage
  95 +SPBNoosferoTheme.HighlightedSoftwaresBlock = (function($) {
  96 + "use strict";
  97 +
  98 + function show_finality(evt) {
  99 + var $finality = $(this).children(".software-block-finality");
  100 +
  101 + $finality.stop().fadeTo('fast', 1);
76 102 }
77 103  
  104 +
78 105 function hide_finality() {
79   - var finality = $(this).children(".software-block-finality");
  106 + var $finality = $(this).children(".software-block-finality");
80 107  
81   - //finality.stop().fadeTo(TRANSITION_TIME,0);
82   - finality.stop().fadeTo('fast', 0);
83   - //finality.stop().animate({"top" : "100%"}, TRANSITION_TIME);
  108 + $finality.stop().fadeTo('fast', 0);
84 109 }
85 110  
86   - function move_article_buttons(){
87   - var article_actions = $('#article-actions').clone();
88   - var report = $('.report-abuse-action').remove();
89   - var suggest = $('.icon-suggest').remove();
90 111  
  112 + function set_events(){
  113 + // Fade css
  114 + var $softwares_finality_blocks = $('.software-block-finality');
  115 + $softwares_finality_blocks.css({'opacity':0, 'top':0});
91 116  
92   - $(article_actions).find('.icon-edit, .icon-new, .icon-delete, .icon-locale').remove();
93   - $('.article-body').append(article_actions);
  117 + // End Fade CSS
  118 + var $softwares_blocks = $('.software-block');
  119 + $softwares_blocks.mouseover(show_finality);
  120 + $softwares_blocks.mouseout(hide_finality);
  121 + }
  122 +
  123 +
  124 + function initialize() {
  125 + if ($("#box-1 .softwares-block").length === 1) {
  126 + set_events();
  127 + }
94 128 }
95 129  
  130 + return {
  131 + init: initialize
  132 + };
  133 +}) (jQuery);
  134 +
  135 +
  136 +SPBNoosferoTheme.NoosferoHTMLAditions = (function($) {
  137 + "use strict";
  138 +
96 139 function add_link_to_article_div(){
97 140 var list = $('.display-content-block').find('li');
98 141  
... ... @@ -108,27 +151,120 @@ $(&#39;#link-buscar&#39;).click(function(e) {
108 151 });
109 152 }
110 153  
  154 +
111 155 function insert_notice_div(){
112 156 var notice = $('.display-content-block').find('li');
113   - notice.each(function(){
114   - var $set = $(this).children();
115   - for(var i=1, len = $set.length; i < len; i+=5){
  157 +
  158 + notice.each(function() {
  159 + var i, len, $set = $(this).children();
  160 +
  161 + for(i=1, len = $set.length; i < len; i+=5){
116 162 $set.slice(i, i+5).wrapAll('<div class="notice-item"/>');
117 163 }
118   - for(var i=2, len = $set.length; i < len; i+=3){
  164 +
  165 + for(i=2, len = $set.length; i < len; i+=3){
119 166 $set.slice(i, i+3).wrapAll('<div class="notice-info"/>');
120 167 }
121   - //$('<div class="notice-item"></div>').wrap($(this).find( '.image', '.title', '.lead', '.read_more'));
122 168 });
  169 + }
123 170  
  171 +
  172 + function add_tooltips(){
  173 + $('#content span[title]').attr("data-toggle","tooltip");
  174 +
  175 + $('[data-toggle="tooltip"]').tooltip();
124 176 }
125 177  
  178 +
  179 + function add_popovers() {
  180 + var span = $('span[data-toggle="popover"]');
  181 + var place = span.attr("data-placement");
  182 + var elementClass = span.attr("data-class");
  183 +
  184 + var popover = span.popover({
  185 + html:true,
  186 + placement: place,
  187 + content: function() {
  188 + return $(this).next().html();
  189 + }
  190 + })
  191 + .data('bs.popover');
  192 +
  193 + if(popover) {
  194 + popover.tip()
  195 + .addClass(elementClass);
  196 + $('a.toggle-popover').on("click",function() {
  197 + span.trigger("click");
  198 + });
  199 + }
  200 + }
  201 +
  202 + function move_breadcrumbs() {
  203 + $('.breadcrumbs-plugin_content-breadcrumbs-block').prependTo('#wrap-2');
  204 + $('<span id="breadcrumbs-you-are-here">Você está aqui:</span>').insertBefore($('.breadcrumbs-plugin_content-breadcrumbs-block .block-inner-2').children().first());
  205 + }
  206 +
  207 + // temporary solution for the suspension_point in some buttons
  208 + function remove_suspension_points_in_buttons() {
  209 + $(".template-kind a span:contains('...')").each(function(index, element) {
  210 + element.innerHTML = element.innerHTML.replace(/(\...)/, "");
  211 + });
  212 + }
  213 +
  214 + // temporary solution for the text in send_email buttons
  215 + function replace_send_email_button_text() {
  216 + $('.action-profile-members .page-members-header .icon-menu-mail').html('Contatar administradores');
  217 + }
  218 +
  219 +
  220 + // Put the focus on the search form when user click on the "go to search link"
  221 + function search_link_apply_focus_to_its_form() {
  222 + $('#link-buscar').click(function(e) {
  223 + e.preventDefault();
  224 + $('.searchField').focus();
  225 + });
  226 + }
  227 +
  228 +
  229 + function move_article_buttons(){
  230 + var article_actions = $('#article-actions').clone();
  231 + var report = $('.report-abuse-action').remove();
  232 + var suggest = $('.icon-suggest').remove();
  233 +
  234 + $(article_actions).find('.icon-edit, .icon-new, .icon-delete, .icon-locale').remove();
  235 + $('.article-body').append(article_actions);
  236 + }
  237 +
  238 +
  239 + function initialize() {
  240 + add_link_to_article_div();
  241 + insert_notice_div();
  242 + add_tooltips();
  243 + add_popovers();
  244 + move_breadcrumbs();
  245 + remove_suspension_points_in_buttons();
  246 + replace_send_email_button_text();
  247 + search_link_apply_focus_to_its_form();
  248 + move_article_buttons();
  249 + }
  250 +
  251 + return {
  252 + init: initialize
  253 + };
  254 +
  255 +}) (jQuery);
  256 +
  257 +
  258 +SPBNoosferoTheme.SoftwareCatalog = (function($) {
  259 + "use strict";
  260 +
126 261 //toggle filter options in catalog page
127 262 function setFilterCategoriesOptionClass() {
128 263 var filterOptions = $("#filter-categories-option");
129 264 filterOptions.addClass("animated slideInDown");
130 265 }
131 266  
  267 +
132 268 function toggleFilterOptions(){
133 269 var filterOptions = $("#filter-categories-option");
134 270 var filterHeight = filterOptions[0].scrollHeight;
... ... @@ -152,34 +288,28 @@ $(&#39;#link-buscar&#39;).click(function(e) {
152 288 }
153 289 }
154 290  
155   - function setEvents(){
156   - // Fade css
157   - $('.software-block-finality').css({'opacity':0, 'top':0});
158   - // End Fade CSS
159   - var software_block = $('.software-block');
160   - software_block.mouseover(show_finality);
161   - software_block.mouseout(hide_finality);
162 291  
  292 + function setEvents() {
163 293 var showOptions = $("#filter-option-catalog-software");
164 294 var hideOptions = $("#filter-option-catalog-close");
  295 +
165 296 showOptions.click(toggleFilterOptions);
166 297 hideOptions.click(toggleFilterOptions);
167 298 }
168 299  
169   - /* Finds all uploaded files from manuals page and sets its names on the right format */
170   - function set_uploaded_files_names() {
171   - try {
172   - var article = document.getElementById('article');
173   - var folderList = article.getElementsByClassName('folder-content')[0];
174   - var folderItens = folderList.getElementsByClassName('item-description');
  300 + function initialize() {
  301 + setFilterCategoriesOptionClass();
  302 + setEvents();
  303 + }
175 304  
176   - for(var i = 0, var loop_length = folderItens.length; i < loop_length; i++) {
177   - split_file_extension(folderItens[i].getElementsByTagName('a')[0]);
178   - }
179   - } catch(e) {
  305 + return {
  306 + init: initialize
  307 + };
  308 +}) (jQuery);
180 309  
181   - }
182   - }
  310 +
  311 +SPBNoosferoTheme.NoosferoFoldersContent = (function($) {
  312 + "use strict";
183 313  
184 314 /* Splits a file name from its extension. Example: example.pdf becomes example - PDF */
185 315 function split_file_extension(element) {
... ... @@ -191,113 +321,46 @@ $(&#39;#link-buscar&#39;).click(function(e) {
191 321 }
192 322 }
193 323  
194   - function set_tooltip_content() {
195   - $('.star-tooltip').html("?");
196   - }
197   -
198   - function set_arrow_direction() {
199   - var additional_data_bar = $('.comments-display-fields');
200 324  
201   - additional_data_bar.on('click', function() {
202   - var arrow = additional_data_bar.find('span[class*="comments-arrow"]');
203   - var additional_fields = $('.comments-software-extra-fields');
  325 + /* Finds all uploaded files from manuals page and sets its names on the right format */
  326 + function set_uploaded_files_names() {
  327 + try {
  328 + var article = document.getElementById('article');
  329 + var folderList = article.getElementsByClassName('folder-content')[0];
  330 + var folderItens = folderList.getElementsByClassName('item-description');
204 331  
205   - if (additional_fields) {
206   - animateExtraFields(additional_fields, arrow);
  332 + for(var i = 0, loop_length = folderItens.length; i < loop_length; i++) {
  333 + split_file_extension(folderItens[i].getElementsByTagName('a')[0]);
207 334 }
208   - });
209   - }
210   -
211   -
212   - function animateExtraFields(additional_fields, arrow) {
213   - var innerHeight = additional_fields[0].offsetHeight;
  335 + } catch(e) {
214 336  
215   - if(additional_fields.height() !== 0) {
216   - arrow.attr('class', "comments-arrow-down");
217   - additional_fields.animate({height: 0});
218   - } else {
219   - arrow.attr('class', "comments-arrow-up");
220   - additional_fields.animate({height: additional_fields.get(0).scrollHeight}, 1000 );
221 337 }
222   -
223   - // Fix for the arrow change on modal display to block, killing the entire page
224   - $("#institution_modal").css({'display':'none'});
225 338 }
226 339  
227 340  
228   - function set_use_report_content() {
229   - $('.profile-homepage .organization-average-rating-container .rate-this-organization a').html('Avalie este software');
230   - $('.make-report-block .make-report-container .button-bar a span').html('Avalie este software');
231   - $('.star-rate-data .star-rate-form.rating-cooldown .button-bar a span').html('Avalie este software');
232   - $('.make-report-block .make-report-container .make-report-message').html('Relate sua experiência ou do órgão/empresa com relação ao software.');
233   - $('.ratings-list .see-more a.icon-arrow-right-p').html('veja todos os relatos');
234   - $('.main-content .star-rate-data .star-rate-form .star-comment-container .button-bar input').attr('value', 'Enviar');
235   - $('.main-content .star-rate-data .star-rate-form .star-rate-text').html('Avalie este software');
236   - $('.main-content .star-rate-data .star-rate-form .star-comment-container .formlabel').html('Depoimento sobre o software');
237   - $('.star-rate-form .star-comment-container .comments-display-fields span#comments-additional-information').html('Dados adicionais (órgãos e empresas)');
238   - $('.star-rate-form .star-comment-container .comments-software-extra-fields #input_institution_comments label').html('Nome do órgão ou empresa');
239   - $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-people-benefited label').html('Número de beneficiados');
240   - $('.star-rate-form .star-comment-container .comments-software-extra-fields .comments-software-saved-values label').html('Recursos economizados');
  341 + function initialize() {
  342 + set_uploaded_files_names();
241 343 }
242 344  
243   - function add_tooltips(){
244   - $('#content span[title]').attr("data-toggle","tooltip");
245 345  
246   - $('[data-toggle="tooltip"]').tooltip();
247   - }
248   -
249   - function add_popovers() {
250   - var span = $('span[data-toggle="popover"]');
251   - var place = span.attr("data-placement");
252   - var elementClass = span.attr("data-class");
253   - if(span){
254   - var popover = span.popover({
255   - html:true,
256   - placement: place,
257   - content: function() {
258   - return $(this).next().html();
259   - }
260   - })
261   - .data('bs.popover');
262   - }
263   - if(popover) {
264   - popover.tip()
265   - .addClass(elementClass);
266   - $('a.toggle-popover').on("click",function() {
267   - span.trigger("click");
268   - });
269   - }
270   - }
  346 + return {
  347 + init: initialize
  348 + };
271 349  
272   - function move_breadcrumbs() {
273   - $('.breadcrumbs-plugin_content-breadcrumbs-block').prependTo('#wrap-2');
274   - $('<span id="breadcrumbs-you-are-here">Você está aqui:</span>').insertBefore($('.breadcrumbs-plugin_content-breadcrumbs-block .block-inner-2').children().first());
275   - }
  350 +}) (jQuery);
276 351  
277   - // temporary solution for the suspension_point in some buttons
278   - function remove_suspension_points_in_buttons() {
279   - $(".template-kind a span:contains('...')").each(function(index, element) {
280   - element.innerHTML = element.innerHTML.replace(/(\...)/, "");
281   - });
282   - }
283 352  
284   - // temporary solution for the text in send_email buttons
285   - function replace_send_email_button_text() {
286   - $('.action-profile-members .page-members-header .icon-menu-mail').html('Contatar administradores');
287   - }
  353 +// Theme javascript bootstrap
  354 +(function(jQuery) {
  355 + "use strict";
288 356  
289   - $(document).ready(function(){
290   - add_tooltips();
291   - add_popovers();
292   - move_article_buttons();
293   - move_breadcrumbs();
294   - insert_notice_div();
295   - set_uploaded_files_names();
296   - set_tooltip_content();
297   - set_arrow_direction();
298   - set_use_report_content();
299   - setEvents();
300   - remove_suspension_points_in_buttons();
301   - replace_send_email_button_text();
302   - });
303   -})(jQuery);
  357 + // Initialize everything
  358 + $(document).ready(function() {
  359 + SPBNoosferoTheme.OrganizationRatings.init();
  360 + SPBNoosferoTheme.NoosferoUserMessages.init();
  361 + SPBNoosferoTheme.HighlightedSoftwaresBlock.init();
  362 + SPBNoosferoTheme.NoosferoHTMLAditions.init();
  363 + SPBNoosferoTheme.SoftwareCatalog.init();
  364 + SPBNoosferoTheme.NoosferoFoldersContent.init();
  365 + });
  366 +}) (jQuery);
... ...