Commit caeb65b1892c8a140d8f72f6aafa3f5fd1d3cbc3
Exists in
master
and in
4 other branches
Merge branch 'change-notes-order' of https://github.com/riyad/gitlabhq into riyad-change-notes-order
Showing
35 changed files
with
454 additions
and
340 deletions
Show diff stats
app/assets/javascripts/note.js
... | ... | @@ -1,182 +0,0 @@ |
1 | -var NoteList = { | |
2 | - | |
3 | - notes_path: null, | |
4 | - target_params: null, | |
5 | - target_id: 0, | |
6 | - target_type: null, | |
7 | - first_id: 0, | |
8 | - last_id: 0, | |
9 | - disable:false, | |
10 | - | |
11 | - init: | |
12 | - function(tid, tt, path) { | |
13 | - this.notes_path = path + ".js"; | |
14 | - this.target_id = tid; | |
15 | - this.target_type = tt; | |
16 | - this.target_params = "&target_type=" + this.target_type + "&target_id=" + this.target_id; | |
17 | - | |
18 | - // get notes | |
19 | - this.getContent(); | |
20 | - | |
21 | - // get new notes every n seconds | |
22 | - this.initRefresh(); | |
23 | - | |
24 | - $('.delete-note').live('ajax:success', function() { | |
25 | - $(this).closest('li').fadeOut(); }); | |
26 | - | |
27 | - $(".note-form-holder").live("ajax:before", function(){ | |
28 | - $(".submit_note").disable() | |
29 | - }) | |
30 | - | |
31 | - $(".note-form-holder").live("ajax:complete", function(){ | |
32 | - $(".submit_note").enable() | |
33 | - }) | |
34 | - | |
35 | - disableButtonIfEmptyField(".note-text", ".submit_note"); | |
36 | - | |
37 | - $(".note-text").live("focus", function(){ | |
38 | - $(this).css("height", "80px"); | |
39 | - $('.note_advanced_opts').show(); | |
40 | - }); | |
41 | - | |
42 | - $("#note_attachment").change(function(e){ | |
43 | - var val = $('.input-file').val(); | |
44 | - var filename = val.replace(/^.*[\\\/]/, ''); | |
45 | - $(".file_name").text(filename); | |
46 | - }); | |
47 | - | |
48 | - }, | |
49 | - | |
50 | - | |
51 | - /** | |
52 | - * Load new notes to fresh list called 'new_notes_list': | |
53 | - * - Replace 'new_notes_list' with new list every n seconds | |
54 | - * - Append new notes to this list after submit | |
55 | - */ | |
56 | - | |
57 | - initRefresh: | |
58 | - function() { | |
59 | - // init timer | |
60 | - var intNew = setInterval("NoteList.getNew()", 10000); | |
61 | - }, | |
62 | - | |
63 | - replace: | |
64 | - function(html) { | |
65 | - $("#new_notes_list").html(html); | |
66 | - }, | |
67 | - | |
68 | - prepend: | |
69 | - function(id, html) { | |
70 | - if(id != this.last_id) { | |
71 | - $("#new_notes_list").prepend(html); | |
72 | - } | |
73 | - }, | |
74 | - | |
75 | - getNew: | |
76 | - function() { | |
77 | - // refersh notes list | |
78 | - $.ajax({ | |
79 | - type: "GET", | |
80 | - url: this.notes_path, | |
81 | - data: "last_id=" + this.last_id + this.target_params, | |
82 | - dataType: "script"}); | |
83 | - }, | |
84 | - | |
85 | - refresh: | |
86 | - function() { | |
87 | - // refersh notes list | |
88 | - $.ajax({ | |
89 | - type: "GET", | |
90 | - url: this.notes_path, | |
91 | - data: "first_id=" + this.first_id + "&last_id=" + this.last_id + this.target_params, | |
92 | - dataType: "script"}); | |
93 | - }, | |
94 | - | |
95 | - | |
96 | - /** | |
97 | - * Init load of notes: | |
98 | - * 1. Get content with ajax call | |
99 | - * 2. Set content of notes list with loaded one | |
100 | - */ | |
101 | - | |
102 | - | |
103 | - getContent: | |
104 | - function() { | |
105 | - $.ajax({ | |
106 | - type: "GET", | |
107 | - url: this.notes_path, | |
108 | - data: "?" + this.target_params, | |
109 | - complete: function(){ $('.status').removeClass("loading")}, | |
110 | - beforeSend: function() { $('.status').addClass("loading") }, | |
111 | - dataType: "script"}); | |
112 | - }, | |
113 | - | |
114 | - setContent: | |
115 | - function(fid, lid, html) { | |
116 | - this.last_id = lid; | |
117 | - this.first_id = fid; | |
118 | - $("#notes-list").html(html); | |
119 | - | |
120 | - // Init infinite scrolling | |
121 | - this.initLoadMore(); | |
122 | - }, | |
123 | - | |
124 | - | |
125 | - /** | |
126 | - * Paging for old notes when scroll to bottom: | |
127 | - * 1. Init scroll events with 'initLoadMore' | |
128 | - * 2. Load onlder notes with 'getOld' method | |
129 | - * 3. append old notes to bottom of list with 'append' | |
130 | - * | |
131 | - */ | |
132 | - getOld: | |
133 | - function() { | |
134 | - $('.loading').show(); | |
135 | - $.ajax({ | |
136 | - type: "GET", | |
137 | - url: this.notes_path, | |
138 | - data: "first_id=" + this.first_id + this.target_params, | |
139 | - complete: function(){ $('.status').removeClass("loading")}, | |
140 | - beforeSend: function() { $('.status').addClass("loading") }, | |
141 | - dataType: "script"}); | |
142 | - }, | |
143 | - | |
144 | - append: | |
145 | - function(id, html) { | |
146 | - if(this.first_id == id) { | |
147 | - this.disable = true; | |
148 | - } else { | |
149 | - this.first_id = id; | |
150 | - $("#notes-list").append(html); | |
151 | - } | |
152 | - }, | |
153 | - | |
154 | - initLoadMore: | |
155 | - function() { | |
156 | - $(document).endlessScroll({ | |
157 | - bottomPixels: 400, | |
158 | - fireDelay: 1000, | |
159 | - fireOnce:true, | |
160 | - ceaseFire: function() { | |
161 | - return NoteList.disable; | |
162 | - }, | |
163 | - callback: function(i) { | |
164 | - NoteList.getOld(); | |
165 | - } | |
166 | - }); | |
167 | - } | |
168 | -}; | |
169 | - | |
170 | -var PerLineNotes = { | |
171 | - init: | |
172 | - function() { | |
173 | - $(".line_note_link, .line_note_reply_link").live("click", function(e) { | |
174 | - var form = $(".per_line_form"); | |
175 | - $(this).closest("tr").after(form); | |
176 | - form.find("#note_line_code").val($(this).attr("line_code")); | |
177 | - form.show(); | |
178 | - return false; | |
179 | - }); | |
180 | - disableButtonIfEmptyField(".line-note-text", ".submit_inline_note"); | |
181 | - } | |
182 | -} |
... | ... | @@ -0,0 +1,251 @@ |
1 | +var NoteList = { | |
2 | + | |
3 | + notes_path: null, | |
4 | + target_params: null, | |
5 | + target_id: 0, | |
6 | + target_type: null, | |
7 | + top_id: 0, | |
8 | + bottom_id: 0, | |
9 | + loading_more_disabled: false, | |
10 | + reversed: false, | |
11 | + | |
12 | + init: | |
13 | + function(tid, tt, path) { | |
14 | + this.notes_path = path + ".js"; | |
15 | + this.target_id = tid; | |
16 | + this.target_type = tt; | |
17 | + this.reversed = $("#notes-list").hasClass("reversed"); | |
18 | + this.target_params = "&target_type=" + this.target_type + "&target_id=" + this.target_id; | |
19 | + | |
20 | + // get initial set of notes | |
21 | + this.getContent(); | |
22 | + | |
23 | + $("#notes-list, #new-notes-list").on("ajax:success", ".delete-note", function() { | |
24 | + $(this).closest('li').fadeOut(); | |
25 | + }); | |
26 | + | |
27 | + $(".note-form-holder").on("ajax:before", function(){ | |
28 | + $(".submit_note").disable() | |
29 | + }) | |
30 | + | |
31 | + $(".note-form-holder").on("ajax:complete", function(){ | |
32 | + $(".submit_note").enable() | |
33 | + }) | |
34 | + | |
35 | + disableButtonIfEmptyField(".note-text", ".submit_note"); | |
36 | + | |
37 | + $(".note-text").on("focus", function(){ | |
38 | + $(this).css("height", "80px"); | |
39 | + $('.note_advanced_opts').show(); | |
40 | + }); | |
41 | + | |
42 | + $("#note_attachment").change(function(e){ | |
43 | + var val = $('.input-file').val(); | |
44 | + var filename = val.replace(/^.*[\\\/]/, ''); | |
45 | + $(".file_name").text(filename); | |
46 | + }); | |
47 | + }, | |
48 | + | |
49 | + | |
50 | + /** | |
51 | + * Handle loading the initial set of notes. | |
52 | + * And set up loading more notes when scrolling to the bottom of the page. | |
53 | + */ | |
54 | + | |
55 | + | |
56 | + /** | |
57 | + * Gets an inital set of notes. | |
58 | + */ | |
59 | + getContent: | |
60 | + function() { | |
61 | + $.ajax({ | |
62 | + type: "GET", | |
63 | + url: this.notes_path, | |
64 | + data: "?" + this.target_params, | |
65 | + complete: function(){ $('.notes-status').removeClass("loading")}, | |
66 | + beforeSend: function() { $('.notes-status').addClass("loading") }, | |
67 | + dataType: "script"}); | |
68 | + }, | |
69 | + | |
70 | + /** | |
71 | + * Called in response to getContent(). | |
72 | + * Replaces the content of #notes-list with the given html. | |
73 | + */ | |
74 | + setContent: | |
75 | + function(first_id, last_id, html) { | |
76 | + this.top_id = first_id; | |
77 | + this.bottom_id = last_id; | |
78 | + $("#notes-list").html(html); | |
79 | + | |
80 | + // init infinite scrolling | |
81 | + this.initLoadMore(); | |
82 | + | |
83 | + // init getting new notes | |
84 | + if (this.reversed) { | |
85 | + this.initRefreshNew(); | |
86 | + } | |
87 | + }, | |
88 | + | |
89 | + | |
90 | + /** | |
91 | + * Handle loading more notes when scrolling to the bottom of the page. | |
92 | + * The id of the last note in the list is in this.bottom_id. | |
93 | + * | |
94 | + * Set up refreshing only new notes after all notes have been loaded. | |
95 | + */ | |
96 | + | |
97 | + | |
98 | + /** | |
99 | + * Initializes loading more notes when scrolling to the bottom of the page. | |
100 | + */ | |
101 | + initLoadMore: | |
102 | + function() { | |
103 | + $(document).endlessScroll({ | |
104 | + bottomPixels: 400, | |
105 | + fireDelay: 1000, | |
106 | + fireOnce:true, | |
107 | + ceaseFire: function() { | |
108 | + return NoteList.loading_more_disabled; | |
109 | + }, | |
110 | + callback: function(i) { | |
111 | + NoteList.getMore(); | |
112 | + } | |
113 | + }); | |
114 | + }, | |
115 | + | |
116 | + /** | |
117 | + * Gets an additional set of notes. | |
118 | + */ | |
119 | + getMore: | |
120 | + function() { | |
121 | + // only load more notes if there are no "new" notes | |
122 | + $('.loading').show(); | |
123 | + $.ajax({ | |
124 | + type: "GET", | |
125 | + url: this.notes_path, | |
126 | + data: "loading_more=1&" + (this.reversed ? "before_id" : "after_id") + "=" + this.bottom_id + this.target_params, | |
127 | + complete: function(){ $('.notes-status').removeClass("loading")}, | |
128 | + beforeSend: function() { $('.notes-status').addClass("loading") }, | |
129 | + dataType: "script"}); | |
130 | + }, | |
131 | + | |
132 | + /** | |
133 | + * Called in response to getMore(). | |
134 | + * Append notes to #notes-list. | |
135 | + */ | |
136 | + appendMoreNotes: | |
137 | + function(id, html) { | |
138 | + if(id != this.bottom_id) { | |
139 | + this.bottom_id = id; | |
140 | + $("#notes-list").append(html); | |
141 | + } | |
142 | + }, | |
143 | + | |
144 | + /** | |
145 | + * Called in response to getMore(). | |
146 | + * Disables loading more notes when scrolling to the bottom of the page. | |
147 | + * Initalizes refreshing new notes. | |
148 | + */ | |
149 | + finishedLoadingMore: | |
150 | + function() { | |
151 | + this.loading_more_disabled = true; | |
152 | + | |
153 | + // from now on only get new notes | |
154 | + if (!this.reversed) { | |
155 | + this.initRefreshNew(); | |
156 | + } | |
157 | + }, | |
158 | + | |
159 | + | |
160 | + /** | |
161 | + * Handle refreshing and adding of new notes. | |
162 | + * | |
163 | + * New notes are all notes that are created after the site has been loaded. | |
164 | + * The "old" notes are in #notes-list the "new" ones will be in #new-notes-list. | |
165 | + * The id of the last "old" note is in this.bottom_id. | |
166 | + */ | |
167 | + | |
168 | + | |
169 | + /** | |
170 | + * Initializes getting new notes every n seconds. | |
171 | + */ | |
172 | + initRefreshNew: | |
173 | + function() { | |
174 | + setInterval("NoteList.getNew()", 10000); | |
175 | + }, | |
176 | + | |
177 | + /** | |
178 | + * Gets the new set of notes. | |
179 | + */ | |
180 | + getNew: | |
181 | + function() { | |
182 | + $.ajax({ | |
183 | + type: "GET", | |
184 | + url: this.notes_path, | |
185 | + data: "loading_new=1&after_id=" + (this.reversed ? this.top_id : this.bottom_id) + this.target_params, | |
186 | + dataType: "script"}); | |
187 | + }, | |
188 | + | |
189 | + /** | |
190 | + * Called in response to getNew(). | |
191 | + * Replaces the content of #new-notes-list with the given html. | |
192 | + */ | |
193 | + replaceNewNotes: | |
194 | + function(html) { | |
195 | + $("#new-notes-list").html(html); | |
196 | + }, | |
197 | + | |
198 | + /** | |
199 | + * Adds a single note to #new-notes-list. | |
200 | + */ | |
201 | + appendNewNote: | |
202 | + function(id, html) { | |
203 | + if (this.reversed) { | |
204 | + $("#new-notes-list").prepend(html); | |
205 | + } else { | |
206 | + $("#new-notes-list").append(html); | |
207 | + } | |
208 | + } | |
209 | +}; | |
210 | + | |
211 | +var PerLineNotes = { | |
212 | + init: | |
213 | + function() { | |
214 | + /** | |
215 | + * Called when clicking on the "add note" or "reply" button for a diff line. | |
216 | + * | |
217 | + * Shows the note form below the line. | |
218 | + * Sets some hidden fields in the form. | |
219 | + */ | |
220 | + $(".diff_file_content").on("click", ".line_note_link, .line_note_reply_link", function(e) { | |
221 | + var form = $(".per_line_form"); | |
222 | + $(this).closest("tr").after(form); | |
223 | + form.find("#note_line_code").val($(this).data("lineCode")); | |
224 | + form.show(); | |
225 | + return false; | |
226 | + }); | |
227 | + | |
228 | + disableButtonIfEmptyField(".line-note-text", ".submit_inline_note"); | |
229 | + | |
230 | + /** | |
231 | + * Called in response to successfully deleting a note on a diff line. | |
232 | + * | |
233 | + * Removes the actual note from view. | |
234 | + * Removes the reply button if the last note for that line has been removed. | |
235 | + */ | |
236 | + $(".diff_file_content").on("ajax:success", ".delete-note", function() { | |
237 | + var trNote = $(this).closest("tr"); | |
238 | + trNote.fadeOut(function() { | |
239 | + $(this).remove(); | |
240 | + }); | |
241 | + | |
242 | + // check if this is the last note for this line | |
243 | + // elements must really be removed for this to work reliably | |
244 | + var trLine = trNote.prev(); | |
245 | + var trRpl = trNote.next(); | |
246 | + if (trLine.hasClass("line_holder") && trRpl.hasClass("reply")) { | |
247 | + trRpl.fadeOut(function() { $(this).remove(); }); | |
248 | + } | |
249 | + }); | |
250 | + } | |
251 | +} | ... | ... |
app/assets/stylesheets/sections/notes.scss
... | ... | @@ -3,14 +3,17 @@ |
3 | 3 | * |
4 | 4 | */ |
5 | 5 | #notes-list, |
6 | -#new_notes_list { | |
6 | +#new-notes-list { | |
7 | 7 | display:block; |
8 | 8 | list-style:none; |
9 | 9 | margin:0px; |
10 | 10 | padding:0px; |
11 | 11 | } |
12 | 12 | |
13 | -#new_notes_list li:last-child{ | |
13 | +#new-notes-list:not(.reversed) { | |
14 | + border-top:1px solid #aaa; | |
15 | +} | |
16 | +#new-notes-list.reversed { | |
14 | 17 | border-bottom:1px solid #aaa; |
15 | 18 | } |
16 | 19 | |
... | ... | @@ -48,7 +51,6 @@ |
48 | 51 | |
49 | 52 | .note { |
50 | 53 | padding: 8px 0; |
51 | - border-bottom: 1px solid #eee; | |
52 | 54 | overflow: hidden; |
53 | 55 | display: block; |
54 | 56 | img {float: left; margin-right: 10px;} |
... | ... | @@ -70,6 +72,18 @@ |
70 | 72 | .delete-note { display:block; } |
71 | 73 | } |
72 | 74 | } |
75 | +#notes-list:not(.reversed) .note, | |
76 | +#new-notes-list:not(.reversed) .note { | |
77 | + border-bottom: 1px solid #eee; | |
78 | +} | |
79 | +#notes-list.reversed .note, | |
80 | +#new-notes-list.reversed .note { | |
81 | + border-top: 1px solid #eee; | |
82 | +} | |
83 | + | |
84 | +.notes-status { | |
85 | + margin: 18px; | |
86 | +} | |
73 | 87 | |
74 | 88 | |
75 | 89 | p.notify_controls input{ | ... | ... |
app/contexts/notes/load_context.rb
... | ... | @@ -3,30 +3,31 @@ module Notes |
3 | 3 | def execute |
4 | 4 | target_type = params[:target_type] |
5 | 5 | target_id = params[:target_id] |
6 | - first_id = params[:first_id] | |
7 | - last_id = params[:last_id] | |
6 | + after_id = params[:after_id] | |
7 | + before_id = params[:before_id] | |
8 | 8 | |
9 | 9 | |
10 | 10 | @notes = case target_type |
11 | - when "commit" | |
12 | - then project.commit_notes(project.commit(target_id)).fresh.limit(20) | |
13 | - when "snippet" | |
14 | - then project.snippets.find(target_id).notes | |
15 | - when "wall" | |
16 | - then project.common_notes.order("created_at DESC").fresh.limit(50) | |
11 | + when "commit" | |
12 | + project.commit_notes(project.commit(target_id)).fresh.limit(20) | |
17 | 13 | when "issue" |
18 | - then project.issues.find(target_id).notes.inc_author.order("created_at DESC").limit(20) | |
14 | + project.issues.find(target_id).notes.inc_author.fresh.limit(20) | |
19 | 15 | when "merge_request" |
20 | - then project.merge_requests.find(target_id).notes.inc_author.order("created_at DESC").limit(20) | |
16 | + project.merge_requests.find(target_id).notes.inc_author.fresh.limit(20) | |
17 | + when "snippet" | |
18 | + project.snippets.find(target_id).notes.fresh | |
19 | + when "wall" | |
20 | + # this is the only case, where the order is DESC | |
21 | + project.common_notes.order("created_at DESC, id DESC").limit(50) | |
21 | 22 | when "wiki" |
22 | - then project.wikis.reverse.map {|w| w.notes.fresh }.flatten[0..20] | |
23 | + project.wikis.reverse.map {|w| w.notes.fresh }.flatten[0..20] | |
23 | 24 | end |
24 | 25 | |
25 | - @notes = if last_id | |
26 | - @notes.where("id > ?", last_id) | |
27 | - elsif first_id | |
28 | - @notes.where("id < ?", first_id) | |
29 | - else | |
26 | + @notes = if after_id | |
27 | + @notes.where("id > ?", after_id) | |
28 | + elsif before_id | |
29 | + @notes.where("id < ?", before_id) | |
30 | + else | |
30 | 31 | @notes |
31 | 32 | end |
32 | 33 | end | ... | ... |
app/models/note.rb
... | ... | @@ -36,7 +36,7 @@ class Note < ActiveRecord::Base |
36 | 36 | scope :today, where("created_at >= :date", date: Date.today) |
37 | 37 | scope :last_week, where("created_at >= :date", date: (Date.today - 7.days)) |
38 | 38 | scope :since, lambda { |day| where("created_at >= :date", date: (day)) } |
39 | - scope :fresh, order("created_at DESC") | |
39 | + scope :fresh, order("created_at ASC, id ASC") | |
40 | 40 | scope :inc_author_project, includes(:project, :author) |
41 | 41 | scope :inc_author, includes(:author) |
42 | 42 | ... | ... |
app/views/commits/_text_file.html.haml
... | ... | @@ -13,14 +13,11 @@ |
13 | 13 | %td.old_line |
14 | 14 | = link_to raw(type == "new" ? " " : line_old), "##{line_code}", id: line_code |
15 | 15 | - if @comments_allowed |
16 | - = link_to "", "#", class: "line_note_link", "line_code" => line_code, title: "Add note for this line" | |
16 | + = render "notes/per_line_note_link", line_code: line_code | |
17 | 17 | %td.new_line= link_to raw(type == "old" ? " " : line_new) , "##{line_code}", id: line_code |
18 | 18 | %td.line_content{class: "noteable_line #{type} #{line_code}", "line_code" => line_code}= raw "#{line} " |
19 | 19 | |
20 | 20 | - if @comments_allowed |
21 | - - comments = @line_notes.select { |n| n.line_code == line_code }.sort_by(&:created_at).reverse | |
21 | + - comments = @line_notes.select { |n| n.line_code == line_code }.sort_by(&:created_at) | |
22 | 22 | - unless comments.empty? |
23 | - - comments.each_with_index do |note, i| | |
24 | - = render "notes/reply_button", line_code: line_code if i.zero? | |
25 | - = render "notes/per_line_show", note: note | |
26 | - - @line_notes.reject!{ |n| n == note } | |
23 | + = render "notes/per_line_notes_with_reply", notes: comments | ... | ... |
app/views/commits/show.html.haml
app/views/issues/show.html.haml
app/views/merge_requests/_show.html.haml
... | ... | @@ -16,7 +16,7 @@ |
16 | 16 | Diff |
17 | 17 | |
18 | 18 | .merge_request_notes#notes{ class: (controller.action_name == 'show') ? "" : "hide" } |
19 | - = render("notes/notes", tid: @merge_request.id, tt: "merge_request") | |
19 | + = render("notes/notes_with_form", tid: @merge_request.id, tt: "merge_request") | |
20 | 20 | .merge-request-diffs |
21 | 21 | = render "merge_requests/show/diffs" if @diffs |
22 | 22 | .status | ... | ... |
app/views/merge_requests/show.js.haml
... | ... | @@ -0,0 +1,39 @@ |
1 | +.note-form-holder | |
2 | + = form_for [@project, @note], remote: "true", multipart: true do |f| | |
3 | + %h3.page_title Leave a comment | |
4 | + -if @note.errors.any? | |
5 | + .alert-message.block-message.error | |
6 | + - @note.errors.full_messages.each do |msg| | |
7 | + %div= msg | |
8 | + | |
9 | + = f.hidden_field :noteable_id | |
10 | + = f.hidden_field :noteable_type | |
11 | + = f.text_area :note, size: 255, class: 'note-text' | |
12 | + #preview-note.preview_note.hide | |
13 | + .hint | |
14 | + .right Comments are parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}. | |
15 | + .clearfix | |
16 | + | |
17 | + .row.note_advanced_opts.hide | |
18 | + .span3 | |
19 | + = f.submit 'Add Comment', class: "btn success submit_note grouped", id: "submit_note" | |
20 | + = link_to 'Preview', preview_project_notes_path(@project), class: 'btn grouped', id: 'preview-link' | |
21 | + .span4.notify_opts | |
22 | + %h6.left Notify via email: | |
23 | + = label_tag :notify do | |
24 | + = check_box_tag :notify, 1, @note.noteable_type != "Commit" | |
25 | + %span Project team | |
26 | + | |
27 | + - if @note.notify_only_author?(current_user) | |
28 | + = label_tag :notify_author do | |
29 | + = check_box_tag :notify_author, 1 , @note.noteable_type == "Commit" | |
30 | + %span Commit author | |
31 | + .span5.attachments | |
32 | + %h6.left Attachment: | |
33 | + %span.file_name File name... | |
34 | + | |
35 | + .input.input_file | |
36 | + %a.file_upload.btn.small Upload File | |
37 | + = f.file_field :attachment, class: "input-file" | |
38 | + %span.hint Any file less than 10 MB | |
39 | + | ... | ... |
app/views/notes/_create_common.js.haml
... | ... | @@ -1,12 +0,0 @@ |
1 | -- if note.valid? | |
2 | - :plain | |
3 | - $(".note-form-holder .error").remove(); | |
4 | - $('.note-form-holder textarea').val(""); | |
5 | - $('.note-form-holder #preview-link').text('Preview'); | |
6 | - $('.note-form-holder #preview-note').hide(); | |
7 | - $('.note-form-holder').show(); | |
8 | - NoteList.prepend(#{note.id}, "#{escape_javascript(render partial: "notes/show", locals: {note: note})}"); | |
9 | -- else | |
10 | - :plain | |
11 | - $(".note-form-holder").replaceWith("#{escape_javascript(render('form'))}"); | |
12 | - |
... | ... | @@ -0,0 +1,13 @@ |
1 | +- if note.valid? | |
2 | + :plain | |
3 | + $(".note-form-holder .error").remove(); | |
4 | + $('.note-form-holder textarea').val(""); | |
5 | + $('.note-form-holder #preview-link').text('Preview'); | |
6 | + $('.note-form-holder #preview-note').hide(); | |
7 | + $('.note-form-holder').show(); | |
8 | + NoteList.appendNewNote(#{note.id}, "#{escape_javascript(render "notes/note", note: note)}"); | |
9 | + | |
10 | +- else | |
11 | + :plain | |
12 | + $(".note-form-holder").replaceWith("#{escape_javascript(render 'form')}"); | |
13 | + | ... | ... |
app/views/notes/_create_line.js.haml
... | ... | @@ -1,8 +0,0 @@ |
1 | -- if note.valid? | |
2 | - :plain | |
3 | - $(".per_line_form").hide(); | |
4 | - $('.line-note-form-holder textarea').val(""); | |
5 | - $("a.line_note_reply_link[line_code='#{note.line_code}']").closest("tr").remove(); | |
6 | - var trEl = $(".#{note.line_code}").parent(); | |
7 | - trEl.after("#{escape_javascript(render partial: "notes/per_line_show", locals: {note: note})}"); | |
8 | - trEl.after("#{escape_javascript(render partial: "notes/reply_button", locals: {line_code: note.line_code})}"); |
... | ... | @@ -0,0 +1,19 @@ |
1 | +- if note.valid? | |
2 | + :plain | |
3 | + // hide and reset the form | |
4 | + $(".per_line_form").hide(); | |
5 | + $('.line-note-form-holder textarea').val(""); | |
6 | + | |
7 | + // find the reply button for this line | |
8 | + // (might not be there if this is the first note) | |
9 | + var trRpl = $("a.line_note_reply_link[data-line-code='#{note.line_code}']").closest("tr"); | |
10 | + if (trRpl.size() == 0) { | |
11 | + // find the commented line ... | |
12 | + var trEl = $(".#{note.line_code}").parent(); | |
13 | + // ... and insert the note and the reply button after it | |
14 | + trEl.after("#{escape_javascript(render "notes/per_line_reply_button", line_code: note.line_code)}"); | |
15 | + trEl.after("#{escape_javascript(render "notes/per_line_note", note: note)}"); | |
16 | + } else { | |
17 | + // instert new note before reply button | |
18 | + trRpl.before("#{escape_javascript(render "notes/per_line_note", note: note)}"); | |
19 | + } | ... | ... |
app/views/notes/_form.html.haml
... | ... | @@ -1,39 +0,0 @@ |
1 | -.note-form-holder | |
2 | - = form_for [@project, @note], remote: "true", multipart: true do |f| | |
3 | - %h3.page_title Leave a comment | |
4 | - -if @note.errors.any? | |
5 | - .alert-message.block-message.error | |
6 | - - @note.errors.full_messages.each do |msg| | |
7 | - %div= msg | |
8 | - | |
9 | - = f.hidden_field :noteable_id | |
10 | - = f.hidden_field :noteable_type | |
11 | - = f.text_area :note, size: 255, class: 'note-text' | |
12 | - #preview-note.preview_note.hide | |
13 | - .hint | |
14 | - .right Comments are parsed with #{link_to "GitLab Flavored Markdown", help_markdown_path, target: '_blank'}. | |
15 | - .clearfix | |
16 | - | |
17 | - .row.note_advanced_opts.hide | |
18 | - .span3 | |
19 | - = f.submit 'Add Comment', class: "btn success submit_note grouped", id: "submit_note" | |
20 | - = link_to 'Preview', preview_project_notes_path(@project), class: 'btn grouped', id: 'preview-link' | |
21 | - .span4.notify_opts | |
22 | - %h6.left Notify via email: | |
23 | - = label_tag :notify do | |
24 | - = check_box_tag :notify, 1, @note.noteable_type != "Commit" | |
25 | - %span Project team | |
26 | - | |
27 | - - if @note.notify_only_author?(current_user) | |
28 | - = label_tag :notify_author do | |
29 | - = check_box_tag :notify_author, 1 , @note.noteable_type == "Commit" | |
30 | - %span Commit author | |
31 | - .span5.attachments | |
32 | - %h6.left Attachment: | |
33 | - %span.file_name File name... | |
34 | - | |
35 | - .input.input_file | |
36 | - %a.file_upload.btn.small Upload File | |
37 | - = f.file_field :attachment, class: "input-file" | |
38 | - %span.hint Any file less than 10 MB | |
39 | - |
app/views/notes/_load.js.haml
... | ... | @@ -1,17 +0,0 @@ |
1 | -- unless @notes.blank? | |
2 | - - if params[:last_id] | |
3 | - :plain | |
4 | - NoteList.replace("#{escape_javascript(render(partial: 'notes/notes_list'))}"); | |
5 | - | |
6 | - - elsif params[:first_id] | |
7 | - :plain | |
8 | - NoteList.append(#{@notes.last.id}, "#{escape_javascript(render(partial: 'notes/notes_list'))}"); | |
9 | - | |
10 | - - else | |
11 | - :plain | |
12 | - NoteList.setContent(#{@notes.last.id}, #{@notes.first.id}, "#{escape_javascript(render(partial: 'notes/notes_list'))}"); | |
13 | - | |
14 | -- else | |
15 | - - if params[:first_id] | |
16 | - :plain | |
17 | - NoteList.append(#{params[:first_id]}, ""); |
... | ... | @@ -0,0 +1,21 @@ |
1 | +%li{id: dom_id(note), class: "note"} | |
2 | + = image_tag gravatar_icon(note.author.email), class: "avatar s32" | |
3 | + %div.note-author | |
4 | + %strong= note.author_name | |
5 | + = link_to "##{dom_id(note)}", name: dom_id(note) do | |
6 | + %cite.cgray | |
7 | + = time_ago_in_words(note.updated_at) | |
8 | + ago | |
9 | + - if(note.author_id == current_user.id) || can?(current_user, :admin_note, @project) | |
10 | + = link_to [@project, note], confirm: 'Are you sure?', method: :delete, remote: true, class: "cred delete-note btn very_small" do | |
11 | + %i.icon-trash | |
12 | + Remove | |
13 | + | |
14 | + %div.note-title | |
15 | + = preserve do | |
16 | + = markdown(note.note) | |
17 | + - if note.attachment.url | |
18 | + .right | |
19 | + %div.file | |
20 | + = link_to note.attachment_identifier, note.attachment.url, target: "_blank" | |
21 | + .clear | ... | ... |
app/views/notes/_notes.html.haml
1 | -- if can? current_user, :write_note, @project | |
2 | - = render "notes/form" | |
3 | -.clear | |
4 | -%hr | |
5 | -%ul#new_notes_list | |
6 | -%ul#notes-list | |
7 | -.status | |
1 | +- @notes.each do |note| | |
2 | + - next unless note.author | |
3 | + = render "note", note: note | |
8 | 4 | |
9 | - | |
10 | -:javascript | |
11 | - $(function(){ | |
12 | - NoteList.init("#{tid}", "#{tt}", "#{project_notes_path(@project)}"); | |
13 | - }); | ... | ... |
app/views/notes/_notes_list.html.haml
... | ... | @@ -0,0 +1 @@ |
1 | += link_to "", "#", class: "line_note_link", data: { line_code: line_code }, title: "Add note for this line" | ... | ... |
app/views/notes/_per_line_show.html.haml
app/views/notes/_reply_button.html.haml
... | ... | @@ -0,0 +1,11 @@ |
1 | +- if can? current_user, :write_note, @project | |
2 | + = render "notes/common_form" | |
3 | + | |
4 | +%ul.reversed#new-notes-list | |
5 | +%ul.reversed#notes-list | |
6 | +.notes-status | |
7 | + | |
8 | +:javascript | |
9 | + $(function(){ | |
10 | + NoteList.init("#{tid}", "#{tt}", "#{project_notes_path(@project)}"); | |
11 | + }); | |
0 | 12 | \ No newline at end of file | ... | ... |
app/views/notes/_show.html.haml
... | ... | @@ -1,21 +0,0 @@ |
1 | -%li{id: dom_id(note), class: "note"} | |
2 | - = image_tag gravatar_icon(note.author.email), class: "avatar s32" | |
3 | - %div.note-author | |
4 | - %strong= note.author_name | |
5 | - = link_to "##{dom_id(note)}", name: dom_id(note) do | |
6 | - %cite.cgray | |
7 | - = time_ago_in_words(note.updated_at) | |
8 | - ago | |
9 | - - if(note.author_id == current_user.id) || can?(current_user, :admin_note, @project) | |
10 | - = link_to [@project, note], confirm: 'Are you sure?', method: :delete, remote: true, class: "cred delete-note btn very_small" do | |
11 | - %i.icon-trash | |
12 | - Remove | |
13 | - | |
14 | - %div.note-title | |
15 | - = preserve do | |
16 | - = markdown(note.note) | |
17 | - - if note.attachment.url | |
18 | - .right | |
19 | - %div.file | |
20 | - = link_to note.attachment_identifier, note.attachment.url, target: "_blank" | |
21 | - .clear |
app/views/notes/create.js.haml
app/views/notes/index.js.haml
1 | -= render "notes/load" | |
1 | +- unless @notes.blank? | |
2 | + - if loading_more_notes? | |
3 | + :plain | |
4 | + NoteList.appendMoreNotes(#{@notes.last.id}, "#{escape_javascript(render 'notes/notes')}"); | |
5 | + | |
6 | + - elsif loading_new_notes? | |
7 | + :plain | |
8 | + NoteList.replaceNewNotes("#{escape_javascript(render 'notes/notes')}"); | |
9 | + | |
10 | + - else | |
11 | + :plain | |
12 | + NoteList.setContent(#{@notes.first.id}, #{@notes.last.id}, "#{escape_javascript(render 'notes/notes')}"); | |
13 | + | |
14 | +- else | |
15 | + - if loading_more_notes? | |
16 | + :plain | |
17 | + NoteList.finishedLoadingMore(); | ... | ... |
app/views/projects/wall.html.haml
app/views/snippets/show.html.haml
app/views/wikis/show.html.haml