Commit ca1e3d05796484424057d071b726779537868384
1 parent
687290a0
Exists in
master
and in
4 other branches
wall login in progress
Showing
10 changed files
with
110 additions
and
74 deletions
Show diff stats
app/assets/images/ajax-loader.gif
app/assets/javascripts/application.js
@@ -20,6 +20,6 @@ $(function(){ | @@ -20,6 +20,6 @@ $(function(){ | ||
20 | $('select#tag').selectmenu({style:'popup', width:200}); | 20 | $('select#tag').selectmenu({style:'popup', width:200}); |
21 | }); | 21 | }); |
22 | 22 | ||
23 | -function updatePage(){ | ||
24 | - $.ajax({type: "GET", url: location.href, dataType: "script"}); | 23 | +function updatePage(data){ |
24 | + $.ajax({type: "GET", url: location.href, data: data, dataType: "script"}); | ||
25 | } | 25 | } |
@@ -0,0 +1,65 @@ | @@ -0,0 +1,65 @@ | ||
1 | +var NoteList = { | ||
2 | + | ||
3 | +first_id: 0, | ||
4 | +last_id: 0, | ||
5 | +resource_name: null, | ||
6 | + | ||
7 | +init: | ||
8 | + function(resource_name, first_id, last_id) { | ||
9 | + this.resource_name = resource_name; | ||
10 | + this.first_id = first_id; | ||
11 | + this.last_id = last_id; | ||
12 | + this.initRefresh(); | ||
13 | + this.initLoadMore(); | ||
14 | + }, | ||
15 | + | ||
16 | +getOld: | ||
17 | + function() { | ||
18 | + $('.loading').show(); | ||
19 | + $.ajax({ | ||
20 | + type: "GET", | ||
21 | + url: location.href, | ||
22 | + data: "first_id=" + this.first_id, | ||
23 | + complete: function(){ $('.loading').hide()}, | ||
24 | + dataType: "script"}); | ||
25 | + }, | ||
26 | + | ||
27 | +append: | ||
28 | + function(id, html) { | ||
29 | + this.first_id = id; | ||
30 | + $("#notes-list").append(html); | ||
31 | + this.initLoadMore(); | ||
32 | + }, | ||
33 | + | ||
34 | +prepend: | ||
35 | + function(id, html) { | ||
36 | + this.last_id = id; | ||
37 | + $("#notes-list").prepend(html); | ||
38 | + }, | ||
39 | + | ||
40 | +getNew: | ||
41 | + function() { | ||
42 | + // refersh notes list | ||
43 | + $.ajax({ | ||
44 | + type: "GET", | ||
45 | + url: location.href, | ||
46 | + data: "last_id=" + this.last_id, | ||
47 | + dataType: "script"}); | ||
48 | + }, | ||
49 | + | ||
50 | +initRefresh: | ||
51 | + function() { | ||
52 | + // init timer | ||
53 | + var int = setInterval("NoteList.getNew()", 20000); | ||
54 | + }, | ||
55 | + | ||
56 | +initLoadMore: | ||
57 | + function() { | ||
58 | + $(window).bind('scroll', function(){ | ||
59 | + if($(window).scrollTop() == $(document).height() - $(window).height()){ | ||
60 | + $(window).unbind('scroll'); | ||
61 | + NoteList.getOld(); | ||
62 | + } | ||
63 | + }); | ||
64 | + } | ||
65 | +} |
app/assets/stylesheets/projects.css.scss
@@ -421,31 +421,6 @@ input.ssh_project_url { | @@ -421,31 +421,6 @@ input.ssh_project_url { | ||
421 | list-style:none; | 421 | list-style:none; |
422 | margin:0px; | 422 | margin:0px; |
423 | padding:0px; | 423 | padding:0px; |
424 | - | ||
425 | - li { | ||
426 | - display:list-item; | ||
427 | - padding:8px; | ||
428 | - margin:0px; | ||
429 | - background: #F7FBFC; | ||
430 | - border-top: 1px solid #E2EAEE; | ||
431 | - | ||
432 | - &:first-child { | ||
433 | - border-top: none; | ||
434 | - } | ||
435 | - &:nth-child(2n+1) { | ||
436 | - background: white; | ||
437 | - } | ||
438 | - p { | ||
439 | - margin-bottom: 4px; | ||
440 | - font-size: 13px; | ||
441 | - color:#111; | ||
442 | - } | ||
443 | - } | ||
444 | - cite { | ||
445 | - &.ago { | ||
446 | - color:#666; | ||
447 | - } | ||
448 | - } | ||
449 | } | 424 | } |
450 | 425 | ||
451 | .notes_count { | 426 | .notes_count { |
@@ -460,14 +435,6 @@ input.ssh_project_url { | @@ -460,14 +435,6 @@ input.ssh_project_url { | ||
460 | right: 6px; | 435 | right: 6px; |
461 | top: 6px; | 436 | top: 6px; |
462 | } | 437 | } |
463 | -.note_author { | ||
464 | - float:left; | ||
465 | - width:60px; | ||
466 | -} | ||
467 | -.note_content { | ||
468 | - float:left; | ||
469 | - width:650px; | ||
470 | -} | ||
471 | 438 | ||
472 | .issue_notes { | 439 | .issue_notes { |
473 | .note_content { | 440 | .note_content { |
@@ -556,8 +523,7 @@ input.ssh_project_url { | @@ -556,8 +523,7 @@ input.ssh_project_url { | ||
556 | 523 | ||
557 | } | 524 | } |
558 | .commit, | 525 | .commit, |
559 | -.message, | ||
560 | -#notes-list{ | 526 | +.message{ |
561 | .author { | 527 | .author { |
562 | background: #eaeaea; | 528 | background: #eaeaea; |
563 | color: #333; | 529 | color: #333; |
@@ -719,3 +685,12 @@ table.highlighttable pre{ | @@ -719,3 +685,12 @@ table.highlighttable pre{ | ||
719 | .project-refs-select { | 685 | .project-refs-select { |
720 | width:200px; | 686 | width:200px; |
721 | } | 687 | } |
688 | + | ||
689 | + | ||
690 | +body.project-page #notes-list .note {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;} | ||
691 | +body.project-page #notes-list .note {padding: 10px; border-bottom: 1px solid #eee; overflow: hidden; display: block;} | ||
692 | +body.project-page #notes-list .note img{float: left; margin-right: 10px;} | ||
693 | +body.project-page #notes-list .note span.note-title{display: block;} | ||
694 | +body.project-page #notes-list .note span.note-title{margin-bottom: 10px} | ||
695 | +body.project-page #notes-list .note span.note-author{color: #999; font-weight: normal; font-style: italic;} | ||
696 | +body.project-page #notes-list .note span.note-author strong{font-weight: bold; font-style: normal;} |
app/controllers/projects_controller.rb
@@ -86,13 +86,15 @@ class ProjectsController < ApplicationController | @@ -86,13 +86,15 @@ class ProjectsController < ApplicationController | ||
86 | def wall | 86 | def wall |
87 | @note = Note.new | 87 | @note = Note.new |
88 | @notes = @project.common_notes.order("created_at DESC") | 88 | @notes = @project.common_notes.order("created_at DESC") |
89 | + @notes = @notes.fresh.limit(20) | ||
89 | 90 | ||
90 | - @notes = case params[:view] | ||
91 | - when "week" then @notes.since((Date.today - 7.days).at_beginning_of_day) | ||
92 | - when "all" then @notes.all | ||
93 | - when "day" then @notes.since(Date.today.at_beginning_of_day) | ||
94 | - else @notes.fresh.limit(10) | ||
95 | - end | 91 | + respond_to do |format| |
92 | + format.html | ||
93 | + format.js do | ||
94 | + @notes = @notes.where("id > ?", params[:last_id]) if params[:last_id] | ||
95 | + @notes = @notes.where("id < ?", params[:first_id]) if params[:first_id] | ||
96 | + end | ||
97 | + end | ||
96 | end | 98 | end |
97 | 99 | ||
98 | # | 100 | # |
app/views/notes/_notes.html.haml
@@ -20,8 +20,8 @@ | @@ -20,8 +20,8 @@ | ||
20 | $("#submit_note").removeAttr("disabled"); | 20 | $("#submit_note").removeAttr("disabled"); |
21 | }) | 21 | }) |
22 | 22 | ||
23 | -- if ["issues", "projects"].include?(controller.controller_name) | 23 | +-#- if ["issues", "projects"].include?(controller.controller_name) |
24 | :javascript | 24 | :javascript |
25 | $(function(){ | 25 | $(function(){ |
26 | - var int =self.setInterval("updatePage()", 20000); | 26 | + var int =self.setInterval("updatePage('ref=#{params[:ref]}')", 20000); |
27 | }); | 27 | }); |
app/views/notes/_show.html.haml
1 | -%li{:id => dom_id(note)} | ||
2 | - %div.note_author | ||
3 | - = image_tag gravatar_icon(note.author.email), :class => "left", :width => 40, :style => "padding-right:5px;" | ||
4 | - %div.note_content.left | 1 | +%li{:id => dom_id(note), :class => "note"} |
2 | + = image_tag gravatar_icon(note.author.email), :class => "left", :width => 40, :style => "padding-right:5px;" | ||
3 | + %div.note-author | ||
4 | + %strong= note.author_name | ||
5 | + = time_ago_in_words(note.updated_at) | ||
6 | + - if(note.author_id == current_user.id) || can?(current_user, :admin_note, @project) | ||
7 | + = link_to 'Remove', [@project, note], :confirm => 'Are you sure?', :method => :delete, :remote => true, :class => "lbutton delete-note right negative" | ||
8 | + | ||
9 | + %div.note-title | ||
5 | = markdown(note.note) | 10 | = markdown(note.note) |
6 | - if note.attachment.url | 11 | - if note.attachment.url |
7 | Attachment: | 12 | Attachment: |
8 | = link_to note.attachment_identifier, note.attachment.url, :target => "_blank" | 13 | = link_to note.attachment_identifier, note.attachment.url, :target => "_blank" |
9 | - %br | ||
10 | - %span.author= note.author.name | ||
11 | - %cite.ago | ||
12 | - = time_ago_in_words(note.updated_at) | ||
13 | - ago | ||
14 | %br | 14 | %br |
15 | - - if(note.author_id == current_user.id) || can?(current_user, :admin_note, @project) | ||
16 | - = link_to 'Remove', [@project, note], :confirm => 'Are you sure?', :method => :delete, :remote => true, :class => "lbutton delete-note right negative" | ||
17 | .clear | 15 | .clear |
app/views/notes/create.js.haml
app/views/projects/wall.html.haml
1 | %div.wall_page | 1 | %div.wall_page |
2 | - if can? current_user, :write_note, @project | 2 | - if can? current_user, :write_note, @project |
3 | = render "notes/form" | 3 | = render "notes/form" |
4 | - .right | ||
5 | - = form_tag wall_project_path(@project), :method => :get do | ||
6 | - .span-2 | ||
7 | - = radio_button_tag :view, "recent", (params[:view] || "recent") == "recent", :onclick => "this.form.submit()", :id => "recent_view" | ||
8 | - = label_tag "recent_view","Recent" | ||
9 | - .span-2 | ||
10 | - = radio_button_tag :view, "day", params[:view] == "day", :onclick => "this.form.submit()", :id => "day_view" | ||
11 | - = label_tag "day_view","Today" | ||
12 | - .span-2 | ||
13 | - = radio_button_tag :view, "week", params[:view] == "week", :onclick => "this.form.submit()", :id => "week_view" | ||
14 | - = label_tag "week_view","Week" | ||
15 | - .span-2 | ||
16 | - = radio_button_tag :view, "all", params[:view] == "all", :onclick => "this.form.submit()", :id => "all_view" | ||
17 | - = label_tag "all_view","All" | ||
18 | .clear | 4 | .clear |
19 | - %br | ||
20 | %hr | 5 | %hr |
21 | = render "notes/notes" | 6 | = render "notes/notes" |
22 | 7 | ||
8 | +.loading{ :style => "display:none;"} | ||
9 | + %center= image_tag "ajax-loader.gif" | ||
10 | + | ||
23 | :javascript | 11 | :javascript |
24 | $(function(){ | 12 | $(function(){ |
25 | $("#note_note").live("click", function(){ | 13 | $("#note_note").live("click", function(){ |
26 | $(this).css("height", "100px"); | 14 | $(this).css("height", "100px"); |
27 | $('.attach_holder').show(); | 15 | $('.attach_holder').show(); |
28 | }); | 16 | }); |
17 | + | ||
18 | + NoteList.init("wall", #{@notes.last.id}, #{@notes.first.id}); | ||
29 | }); | 19 | }); |
app/views/projects/wall.js.haml
1 | -:plain | ||
2 | - $("#notes-list").html("#{escape_javascript(render(:partial => 'notes/notes_list'))}"); | 1 | +- unless @notes.blank? |
2 | + | ||
3 | + - if params[:last_id] | ||
4 | + :plain | ||
5 | + NoteList.prepend(#{@notes.first.id}, "#{escape_javascript(render(:partial => 'notes/notes_list'))}"); | ||
6 | + | ||
7 | + - if params[:first_id] | ||
8 | + :plain | ||
9 | + NoteList.append(#{@notes.last.id}, "#{escape_javascript(render(:partial => 'notes/notes_list'))}"); |