Merge branch 'master' into 6-0-dev

Conflicts: app/views/dashboard/projects.html.haml app/views/layouts/_head_panel.html.haml config/routes.rb

Merge branch 'master' into 6-0-dev
Conflicts: app/views/dashboard/projects.html.haml app/views/layouts/_head_panel.html.haml config/routes.rb
Dmitriy Zaporozhets
2 parents f49fb5dc 7588186e
Showing 15 changed files with 324 additions and 24 deletions Show diff stats
app/assets/javascripts/notes.js
app/assets/stylesheets/sections/header.scss
app/assets/stylesheets/sections/notes.scss
app/controllers/projects/notes_controller.rb
app/helpers/notes_helper.rb
app/views/layouts/_head_panel.html.haml
app/views/projects/notes/_note.html.haml
app/views/snippets/_blob.html.haml
app/views/snippets/show.html.haml
config/gitlab.yml.example
config/routes.rb
spec/factories.rb
spec/features/notes_on_merge_requests_spec.rb
spec/fixtures/dk.png
spec/routing/project_routing_spec.rb
@@ -56,6 +56,26 @@ var NoteList = {
                     ".js-note-delete",
                     NoteList.removeNote);
+    // show the edit note form
+    $(document).on("click",
+                    ".js-note-edit",
+                    NoteList.showEditNoteForm);
+
+    // cancel note editing
+    $(document).on("click",
+                    ".note-edit-cancel",
+                    NoteList.cancelNoteEdit);
+
+    // delete note attachment
+    $(document).on("click",
+                    ".js-note-attachment-delete",
+                    NoteList.deleteNoteAttachment);
+
+    // update the note after editing
+    $(document).on("ajax:complete",
+                   "form.edit_note",
+                   NoteList.updateNote);
+
     // reset main target form after submit
     $(document).on("ajax:complete",
                    ".js-main-target-form",
@@ -63,12 +83,12 @@ var NoteList = {
     $(document).on("click",
-      ".js-choose-note-attachment-button",
-      NoteList.chooseNoteAttachment);
+                  ".js-choose-note-attachment-button",
+                  NoteList.chooseNoteAttachment);
     $(document).on("click",
-      ".js-show-outdated-discussion",
-      function(e) { $(this).next('.outdated-discussion').show(); e.preventDefault() });
+                  ".js-show-outdated-discussion",
+                  function(e) { $(this).next('.outdated-discussion').show(); e.preventDefault() });
   },
@@ -107,8 +127,8 @@ var NoteList = {
   /**
    * Called when clicking the "Choose File" button.
-   * 
-   * Opesn the file selection dialog.
+   *
+   * Opens the file selection dialog.
    */
   chooseNoteAttachment: function() {
     var form = $(this).closest("form");
@@ -143,7 +163,7 @@ var NoteList = {
   /**
    * Called in response to "cancel" on a diff note form.
-   * 
+   *
    * Shows the reply button again.
    * Removes the form and if necessary it's temporary row.
    */
@@ -187,6 +207,59 @@ var NoteList = {
   },
   /**
+   * Called in response to clicking the edit note link
+   *
+   * Replaces the note text with the note edit form
+   * Adds a hidden div with the original content of the note to fill the edit note form with
+   * if the user cancels
+   */
+  showEditNoteForm: function(e) {
+    e.preventDefault();
+    var note = $(this).closest(".note");
+    note.find(".note-text").hide();
+
+    // Show the attachment delete link
+    note.find(".js-note-attachment-delete").show();
+
+    var form = note.find(".note-edit-form");
+    form.show();
+
+
+    var textarea = form.find("textarea");
+    var p = $("<p></p>").text(textarea.val());
+    var hidden_div = $('<div class="note-original-content"></div>').append(p);
+    form.append(hidden_div);
+    hidden_div.hide();
+    textarea.focus();
+  },
+
+  /**
+   * Called in response to clicking the cancel button when editing a note
+   *
+   * Resets and hides the note editing form
+   */
+  cancelNoteEdit: function(e) {
+    e.preventDefault();
+    var note = $(this).closest(".note");
+    NoteList.resetNoteEditing(note);
+  },
+
+
+  /**
+   * Called in response to clicking the delete attachment link
+   *
+   * Removes the attachment wrapper view, including image tag if it exists
+   * Resets the note editing form
+   */
+  deleteNoteAttachment: function() {
+    var note = $(this).closest(".note");
+    note.find(".note-attachment").remove();
+    NoteList.resetNoteEditing(note);
+    NoteList.rewriteTimestamp(note.find(".note-last-update"));
+  },
+
+
+  /**
    * Called when clicking on the "reply" button for a diff line.
    *
    * Shows the note form below the notes.
@@ -436,5 +509,65 @@ var NoteList = {
       votes.find(".upvotes").text(votes.find(".upvotes").text().replace(/\d+/, upvotes));
       votes.find(".downvotes").text(votes.find(".downvotes").text().replace(/\d+/, downvotes));
     }
+  },
+
+  /**
+   * Called in response to the edit note form being submitted
+   *
+   * Updates the current note field.
+   * Hides the edit note form
+   */
+  updateNote: function(e, xhr, settings) {
+    response = JSON.parse(xhr.responseText);
+    if (response.success) {
+      var note_li = $("#note_" + response.id);
+      var note_text = note_li.find(".note-text");
+      note_text.html(response.note).show();
+
+      var note_form = note_li.find(".note-edit-form");
+      note_form.hide();
+      note_form.find(".btn-save").enableButton();
+
+      // Update the "Edited at xxx label" on the note to show it's just been updated
+      NoteList.rewriteTimestamp(note_li.find(".note-last-update"));
+    }
+  },
+
+  /**
+  * Called in response to the 'cancel note' link clicked, or after deleting a note attachment
+  *
+  * Hides the edit note form and shows the note
+  * Resets the edit note form textarea with the original content of the note
+  */
+  resetNoteEditing: function(note) {
+    note.find(".note-text").show();
+
+    // Hide the attachment delete link
+    note.find(".js-note-attachment-delete").hide();
+
+    // Put the original content of the note back into the edit form textarea
+    var form = note.find(".note-edit-form");
+    var original_content = form.find(".note-original-content");
+    form.find("textarea").val(original_content.text());
+    original_content.remove();
+
+    note.find(".note-edit-form").hide();
+  },
+
+  /**
+  * Utility function to generate new timestamp text for a note
+  *
+  */
+  rewriteTimestamp: function(element) {
+    // Strip all newlines from the existing timestamp
+    var ts = element.text().replace(/\n/g, ' ').trim();
+
+    // If the timestamp already has '(Edited xxx ago)' text, remove it
+    ts = ts.replace(new RegExp("\\(Edited [A-Za-z0-9 ]+\\)$", "gi"), "");
+
+    // Append "(Edited just now)"
+    ts = (ts + " <small>(Edited just now)</small>");
+
+    element.html(ts);
   }
 };
@@ -77,6 +77,7 @@ header {
     top: -4px;
     img {
       width: 26px;
+      height: 26px;
       @include border-radius(4px);
     }
   }
@@ -325,3 +325,32 @@ ul.notes {
     float: left;
   }
 }
+
+.note-edit-form {
+  display: none;
+
+  .note_text {
+    border: 1px solid #DDD;
+    box-shadow: none;
+    font-size: 14px;
+    height: 80px;
+    width: 98.6%;
+  }
+
+  .form-actions {
+    padding-left: 20px;
+
+    .btn-save {
+      float: left;
+    }
+
+    .note-form-option {
+      float: left;
+      padding: 2px 0 0 25px;
+    }
+  }
+}
+
+.js-note-attachment-delete {
+  display: none;
+}
@@ -38,6 +38,32 @@ class Projects::NotesController &lt; Projects::ApplicationController
     end
   end
+  def update
+    @note = @project.notes.find(params[:id])
+    return access_denied! unless can?(current_user, :admin_note, @note)
+
+    @note.update_attributes(params[:note])
+
+    respond_to do |format|
+      format.js do
+        render js: { success: @note.valid?, id: @note.id, note: view_context.markdown(@note.note) }.to_json
+      end
+      format.html do
+        redirect_to :back
+      end
+    end
+  end
+
+  def delete_attachment
+    @note = @project.notes.find(params[:id])
+    @note.remove_attachment!
+    @note.update_attribute(:attachment, nil)
+
+    respond_to do |format|
+      format.js { render nothing: true }
+    end
+  end
+
   def preview
     render text: view_context.markdown(params[:note])
   end
@@ -28,4 +28,11 @@ module NotesHelper
   def loading_new_notes?
     params[:loading_new].present?
   end
+
+  def note_timestamp(note)
+    # Shows the created at time and the updated at time if different
+    ts = "#{time_ago_in_words(note.created_at)} ago"
+    ts << content_tag(:small, " (Edited #{time_ago_in_words(note.updated_at)} ago)") if note.updated_at != note.created_at
+    ts.html_safe
+  end
 end
@@ -37,4 +37,4 @@
             %i.icon-signout
         %li
           = link_to current_user, class: "profile-pic", id: 'profile-pic' do
-            = image_tag gravatar_icon(current_user.email, 26)
+            = image_tag gravatar_icon(current_user.email, 26), alt: ''
@@ -6,13 +6,14 @@
         Link here
       &nbsp;
       - if(note.author_id == current_user.id) || can?(current_user, :admin_note, @project)
-        = link_to project_note_path(@project, note), title: "Remove comment", method: :delete, confirm: 'Are you sure you want to remove comment?', remote: true, class: "danger js-note-delete" do
+        = link_to "#", title: "Edit comment", class: "js-note-edit" do
+          %i.icon-edit
+        = link_to project_note_path(@project, note), title: "Remove comment", method: :delete, confirm: 'Are you sure you want to remove this comment?', remote: true, class: "danger js-note-delete" do
           %i.icon-trash.cred
     = image_tag gravatar_icon(note.author_email), class: "avatar s32"
     = link_to_member(@project, note.author, avatar: false)
     %span.note-last-update
-      = time_ago_in_words(note.updated_at)
-      ago
+      = note_timestamp(note)
     - if note.upvote?
       %span.vote.upvote.label.label-success
@@ -25,13 +26,37 @@
   .note-body
-    = preserve do
-      = markdown(note.note)
+    .note-text
+      = preserve do
+        = markdown(note.note)
+
+    .note-edit-form
+      = form_for note, url: project_note_path(@project, note), method: :put, remote: true do |f|
+        = f.text_area :note, class: 'note_text js-note-text js-gfm-input turn-on'
+
+        .form-actions
+          = f.submit 'Save changes', class: "btn btn-primary btn-save"
+
+          .note-form-option
+            %a.choose-btn.btn.btn-small.js-choose-note-attachment-button
+              %i.icon-paper-clip
+              %span Choose File ...
+            &nbsp;
+            %span.file_name.js-attachment-filename File name...
+            = f.file_field :attachment, class: "js-note-attachment-input hide"
+
+          = link_to  'Cancel', "#", class: "btn btn-cancel note-edit-cancel"
+
+
   - if note.attachment.url
-    - if note.attachment.image?
-      = image_tag note.attachment.url, class: 'note-image-attach'
-    .attachment.pull-right
-      = link_to note.attachment.secure_url, target: "_blank" do
-        %i.icon-paper-clip
-        = note.attachment_identifier
+    .note-attachment
+      - if note.attachment.image?
+        = image_tag note.attachment.url, class: 'note-image-attach'
+      .attachment.pull-right
+        = link_to note.attachment.secure_url, target: "_blank" do
+          %i.icon-paper-clip
+          = note.attachment_identifier
+          = link_to delete_attachment_project_note_path(@project, note),
+            title: "Delete this attachment", method: :delete, remote: true, confirm: 'Are you sure you want to remove the attachment?', class: "danger js-note-attachment-delete" do
+            %i.icon-trash.cred
   .clear
@@ -6,6 +6,7 @@
       .btn-group.tree-btn-group.pull-right
         - if @snippet.author == current_user
           = link_to "Edit", edit_snippet_path(@snippet), class: "btn btn-tiny", title: 'Edit Snippet'
+          = link_to "Delete", snippet_path(@snippet), method: :delete, confirm: "Are you sure?", class: "btn btn-tiny", title: 'Delete Snippet'
         = link_to "Raw", raw_snippet_path(@snippet), class: "btn btn-tiny", target: "_blank"
   .file_content.code
     - unless @snippet.content.empty?
 %h3.page_title
   - if @snippet.private?
-    %i.icon-lock.cgreen
+    %i{:class => "icon-lock cgreen has_bottom_tooltip", "data-original-title" => "Private snippet"}
   - else
-    %i.icon-globe.cblue
+    %i{:class => "icon-globe cblue has_bottom_tooltip", "data-original-title" => "Public snippet"}
   = @snippet.title
@@ -18,6 +18,7 @@ production: &amp;base
     host: localhost
     port: 80
     https: false
+    # WARNING: This feature is no longer supported
     # Uncomment and customize to run in non-root path
     # Note that ENV['RAILS_RELATIVE_URL_ROOT'] in config/puma.rb may need to be changed
     # relative_url_root: /gitlab
@@ -284,12 +284,16 @@ Gitlab::Application.routes.draw do
         end
       end
-      resources :notes, only: [:index, :create, :destroy] do
+      resources :notes, only: [:index, :create, :destroy, :update] do
+        member do
+          delete :delete_attachment
+        end
+
         collection do
           post :preview
         end
       end
-      end
+    end
   end
   root to: "dashboard#show"
+include ActionDispatch::TestProcess
+
 FactoryGirl.define do
   sequence :sentence, aliases: [:title, :content] do
     Faker::Lorem.sentence
@@ -127,6 +129,7 @@ FactoryGirl.define do
     factory :note_on_issue, traits: [:on_issue], aliases: [:votable_note]
     factory :note_on_merge_request, traits: [:on_merge_request]
     factory :note_on_merge_request_diff, traits: [:on_merge_request, :on_diff]
+    factory :note_on_merge_request_with_attachment, traits: [:on_merge_request, :with_attachment]
     trait :on_commit do
       project factory: :project_with_code
@@ -148,6 +151,10 @@ FactoryGirl.define do
       noteable_id   1
       noteable_type "Issue"
     end
+
+    trait :with_attachment do
+      attachment { fixture_file_upload(Rails.root + "spec/fixtures/dk.png", "image/png") }
+    end
   end
   factory :event do
@@ -3,6 +3,7 @@ require &#39;spec_helper&#39;
 describe "On a merge request", js: true do
   let!(:project) { create(:project_with_code) }
   let!(:merge_request) { create(:merge_request, project: project) }
+  let!(:note) { create(:note_on_merge_request_with_attachment, project: project) }
   before do
     login_as :user
@@ -72,6 +73,71 @@ describe &quot;On a merge request&quot;, js: true do
       should_not have_css(".note")
     end
   end
+
+  describe "when editing a note", js: true do
+    it "should contain the hidden edit form" do
+      within("#note_#{note.id}") { should have_css(".note-edit-form", visible: false) }
+    end
+
+    describe "editing the note" do
+      before do
+        find('.note').hover
+        find(".js-note-edit").click
+      end
+
+      it "should show the note edit form and hide the note body" do
+        within("#note_#{note.id}") do
+          find(".note-edit-form", visible: true).should be_visible
+          find(".note-text", visible: false).should_not be_visible
+        end
+      end
+
+      it "should reset the edit note form textarea with the original content of the note if cancelled" do
+        find('.note').hover
+        find(".js-note-edit").click
+
+        within(".note-edit-form") do
+          fill_in "note[note]", with: "Some new content"
+          find(".btn-cancel").click
+          find(".js-note-text", visible: false).text.should == note.note
+        end
+      end
+
+      it "appends the edited at time to the note" do
+        find('.note').hover
+        find(".js-note-edit").click
+
+        within(".note-edit-form") do
+          fill_in "note[note]", with: "Some new content"
+          find(".btn-save").click
+        end
+
+        within("#note_#{note.id}") do
+          should have_css(".note-last-update small")
+          find(".note-last-update small").text.should match(/Edited just now/)
+        end
+      end
+    end
+
+    describe "deleting an attachment" do
+      before do
+        find('.note').hover
+        find(".js-note-edit").click
+      end
+
+      it "shows the delete link" do
+        within(".note-attachment") do
+          should have_css(".js-note-attachment-delete")
+        end
+      end
+
+      it "removes the attachment div and resets the edit form" do
+        find(".js-note-attachment-delete").click
+        should_not have_css(".note-attachment")
+        find(".note-edit-form", visible: false).should_not be_visible
+      end
+    end
+  end
 end
 describe "On a merge request diff", js: true, focus: true do
@@ -237,7 +237,7 @@ end
 #      project_snippet GET    /:project_id/snippets/:id(.:format)      snippets#show
 #                      PUT    /:project_id/snippets/:id(.:format)      snippets#update
 #                      DELETE /:project_id/snippets/:id(.:format)      snippets#destroy
-describe Projects::SnippetsController, "routing" do
+describe SnippetsController, "routing" do
   it "to #raw" do
     get("/gitlabhq/snippets/1/raw").should route_to('projects/snippets#raw', project_id: 'gitlabhq', id: '1')
   end
	@@ -56,6 +56,26 @@ var NoteList = {		@@ -56,6 +56,26 @@ var NoteList = {
56	".js-note-delete",	56	".js-note-delete",
57	NoteList.removeNote);	57	NoteList.removeNote);
58		58
		59	+ // show the edit note form
		60	+ $(document).on("click",
		61	+ ".js-note-edit",
		62	+ NoteList.showEditNoteForm);
		63	+
		64	+ // cancel note editing
		65	+ $(document).on("click",
		66	+ ".note-edit-cancel",
		67	+ NoteList.cancelNoteEdit);
		68	+
		69	+ // delete note attachment
		70	+ $(document).on("click",
		71	+ ".js-note-attachment-delete",
		72	+ NoteList.deleteNoteAttachment);
		73	+
		74	+ // update the note after editing
		75	+ $(document).on("ajax:complete",
		76	+ "form.edit_note",
		77	+ NoteList.updateNote);
		78	+
59	// reset main target form after submit	79	// reset main target form after submit
60	$(document).on("ajax:complete",	80	$(document).on("ajax:complete",
61	".js-main-target-form",	81	".js-main-target-form",
	@@ -63,12 +83,12 @@ var NoteList = {		@@ -63,12 +83,12 @@ var NoteList = {
63		83
64		84
65	$(document).on("click",	85	$(document).on("click",
66	- ".js-choose-note-attachment-button",
67	- NoteList.chooseNoteAttachment);	86	+ ".js-choose-note-attachment-button",
		87	+ NoteList.chooseNoteAttachment);
68		88
69	$(document).on("click",	89	$(document).on("click",
70	- ".js-show-outdated-discussion",
71	- function(e) { $(this).next('.outdated-discussion').show(); e.preventDefault() });	90	+ ".js-show-outdated-discussion",
		91	+ function(e) { $(this).next('.outdated-discussion').show(); e.preventDefault() });
72	},	92	},
73		93
74		94
	@@ -107,8 +127,8 @@ var NoteList = {		@@ -107,8 +127,8 @@ var NoteList = {
107		127
108	/**	128	/**
109	* Called when clicking the "Choose File" button.	129	* Called when clicking the "Choose File" button.
110	- *
111	- * Opesn the file selection dialog.	130	+ *
		131	+ * Opens the file selection dialog.
112	*/	132	*/
113	chooseNoteAttachment: function() {	133	chooseNoteAttachment: function() {
114	var form = $(this).closest("form");	134	var form = $(this).closest("form");
	@@ -143,7 +163,7 @@ var NoteList = {		@@ -143,7 +163,7 @@ var NoteList = {
143		163
144	/**	164	/**
145	* Called in response to "cancel" on a diff note form.	165	* Called in response to "cancel" on a diff note form.
146	- *	166	+ *
147	* Shows the reply button again.	167	* Shows the reply button again.
148	* Removes the form and if necessary it's temporary row.	168	* Removes the form and if necessary it's temporary row.
149	*/	169	*/
	@@ -187,6 +207,59 @@ var NoteList = {		@@ -187,6 +207,59 @@ var NoteList = {
187	},	207	},
188		208
189	/**	209	/**
		210	+ * Called in response to clicking the edit note link
		211	+ *
		212	+ * Replaces the note text with the note edit form
		213	+ * Adds a hidden div with the original content of the note to fill the edit note form with
		214	+ * if the user cancels
		215	+ */
		216	+ showEditNoteForm: function(e) {
		217	+ e.preventDefault();
		218	+ var note = $(this).closest(".note");
		219	+ note.find(".note-text").hide();
		220	+
		221	+ // Show the attachment delete link
		222	+ note.find(".js-note-attachment-delete").show();
		223	+
		224	+ var form = note.find(".note-edit-form");
		225	+ form.show();
		226	+
		227	+
		228	+ var textarea = form.find("textarea");
		229	+ var p = $("<p></p>").text(textarea.val());
		230	+ var hidden_div = $('<div class="note-original-content"></div>').append(p);
		231	+ form.append(hidden_div);
		232	+ hidden_div.hide();
		233	+ textarea.focus();
		234	+ },
		235	+
		236	+ /**
		237	+ * Called in response to clicking the cancel button when editing a note
		238	+ *
		239	+ * Resets and hides the note editing form
		240	+ */
		241	+ cancelNoteEdit: function(e) {
		242	+ e.preventDefault();
		243	+ var note = $(this).closest(".note");
		244	+ NoteList.resetNoteEditing(note);
		245	+ },
		246	+
		247	+
		248	+ /**
		249	+ * Called in response to clicking the delete attachment link
		250	+ *
		251	+ * Removes the attachment wrapper view, including image tag if it exists
		252	+ * Resets the note editing form
		253	+ */
		254	+ deleteNoteAttachment: function() {
		255	+ var note = $(this).closest(".note");
		256	+ note.find(".note-attachment").remove();
		257	+ NoteList.resetNoteEditing(note);
		258	+ NoteList.rewriteTimestamp(note.find(".note-last-update"));
		259	+ },
		260	+
		261	+
		262	+ /**
190	* Called when clicking on the "reply" button for a diff line.	263	* Called when clicking on the "reply" button for a diff line.
191	*	264	*
192	* Shows the note form below the notes.	265	* Shows the note form below the notes.
	@@ -436,5 +509,65 @@ var NoteList = {		@@ -436,5 +509,65 @@ var NoteList = {
436	votes.find(".upvotes").text(votes.find(".upvotes").text().replace(/\d+/, upvotes));	509	votes.find(".upvotes").text(votes.find(".upvotes").text().replace(/\d+/, upvotes));
437	votes.find(".downvotes").text(votes.find(".downvotes").text().replace(/\d+/, downvotes));	510	votes.find(".downvotes").text(votes.find(".downvotes").text().replace(/\d+/, downvotes));
438	}	511	}
		512	+ },
		513	+
		514	+ /**
		515	+ * Called in response to the edit note form being submitted
		516	+ *
		517	+ * Updates the current note field.
		518	+ * Hides the edit note form
		519	+ */
		520	+ updateNote: function(e, xhr, settings) {
		521	+ response = JSON.parse(xhr.responseText);
		522	+ if (response.success) {
		523	+ var note_li = $("#note_" + response.id);
		524	+ var note_text = note_li.find(".note-text");
		525	+ note_text.html(response.note).show();
		526	+
		527	+ var note_form = note_li.find(".note-edit-form");
		528	+ note_form.hide();
		529	+ note_form.find(".btn-save").enableButton();
		530	+
		531	+ // Update the "Edited at xxx label" on the note to show it's just been updated
		532	+ NoteList.rewriteTimestamp(note_li.find(".note-last-update"));
		533	+ }
		534	+ },
		535	+
		536	+ /**
		537	+ * Called in response to the 'cancel note' link clicked, or after deleting a note attachment
		538	+ *
		539	+ * Hides the edit note form and shows the note
		540	+ * Resets the edit note form textarea with the original content of the note
		541	+ */
		542	+ resetNoteEditing: function(note) {
		543	+ note.find(".note-text").show();
		544	+
		545	+ // Hide the attachment delete link
		546	+ note.find(".js-note-attachment-delete").hide();
		547	+
		548	+ // Put the original content of the note back into the edit form textarea
		549	+ var form = note.find(".note-edit-form");
		550	+ var original_content = form.find(".note-original-content");
		551	+ form.find("textarea").val(original_content.text());
		552	+ original_content.remove();
		553	+
		554	+ note.find(".note-edit-form").hide();
		555	+ },
		556	+
		557	+ /**
		558	+ * Utility function to generate new timestamp text for a note
		559	+ *
		560	+ */
		561	+ rewriteTimestamp: function(element) {
		562	+ // Strip all newlines from the existing timestamp
		563	+ var ts = element.text().replace(/\n/g, ' ').trim();
		564	+
		565	+ // If the timestamp already has '(Edited xxx ago)' text, remove it
		566	+ ts = ts.replace(new RegExp("\\(Edited [A-Za-z0-9 ]+\\)$", "gi"), "");
		567	+
		568	+ // Append "(Edited just now)"
		569	+ ts = (ts + " <small>(Edited just now)</small>");
		570	+
		571	+ element.html(ts);
439	}	572	}
440	};	573	};
	@@ -325,3 +325,32 @@ ul.notes {		@@ -325,3 +325,32 @@ ul.notes {
325	float: left;	325	float: left;
326	}	326	}
327	}	327	}
		328	+
		329	+.note-edit-form {
		330	+ display: none;
		331	+
		332	+ .note_text {
		333	+ border: 1px solid #DDD;
		334	+ box-shadow: none;
		335	+ font-size: 14px;
		336	+ height: 80px;
		337	+ width: 98.6%;
		338	+ }
		339	+
		340	+ .form-actions {
		341	+ padding-left: 20px;
		342	+
		343	+ .btn-save {
		344	+ float: left;
		345	+ }
		346	+
		347	+ .note-form-option {
		348	+ float: left;
		349	+ padding: 2px 0 0 25px;
		350	+ }
		351	+ }
		352	+}
		353	+
		354	+.js-note-attachment-delete {
		355	+ display: none;
		356	+}
	@@ -38,6 +38,32 @@ class Projects::NotesController < Projects::ApplicationController		@@ -38,6 +38,32 @@ class Projects::NotesController < Projects::ApplicationController
38	end	38	end
39	end	39	end
40		40
		41	+ def update
		42	+ @note = @project.notes.find(params[:id])
		43	+ return access_denied! unless can?(current_user, :admin_note, @note)
		44	+
		45	+ @note.update_attributes(params[:note])
		46	+
		47	+ respond_to do \|format\|
		48	+ format.js do
		49	+ render js: { success: @note.valid?, id: @note.id, note: view_context.markdown(@note.note) }.to_json
		50	+ end
		51	+ format.html do
		52	+ redirect_to :back
		53	+ end
		54	+ end
		55	+ end
		56	+
		57	+ def delete_attachment
		58	+ @note = @project.notes.find(params[:id])
		59	+ @note.remove_attachment!
		60	+ @note.update_attribute(:attachment, nil)
		61	+
		62	+ respond_to do \|format\|
		63	+ format.js { render nothing: true }
		64	+ end
		65	+ end
		66	+
41	def preview	67	def preview
42	render text: view_context.markdown(params[:note])	68	render text: view_context.markdown(params[:note])
43	end	69	end
	@@ -28,4 +28,11 @@ module NotesHelper		@@ -28,4 +28,11 @@ module NotesHelper
28	def loading_new_notes?	28	def loading_new_notes?
29	params[:loading_new].present?	29	params[:loading_new].present?
30	end	30	end
		31	+
		32	+ def note_timestamp(note)
		33	+ # Shows the created at time and the updated at time if different
		34	+ ts = "#{time_ago_in_words(note.created_at)} ago"
		35	+ ts << content_tag(:small, " (Edited #{time_ago_in_words(note.updated_at)} ago)") if note.updated_at != note.created_at
		36	+ ts.html_safe
		37	+ end
31	end	38	end
	@@ -37,4 +37,4 @@		@@ -37,4 +37,4 @@
37	%i.icon-signout	37	%i.icon-signout
38	%li	38	%li
39	= link_to current_user, class: "profile-pic", id: 'profile-pic' do	39	= link_to current_user, class: "profile-pic", id: 'profile-pic' do
40	- = image_tag gravatar_icon(current_user.email, 26)	40	+ = image_tag gravatar_icon(current_user.email, 26), alt: ''
	@@ -6,13 +6,14 @@		@@ -6,13 +6,14 @@
6	Link here	6	Link here
7		7
8	- if(note.author_id == current_user.id) \|\| can?(current_user, :admin_note, @project)	8	- if(note.author_id == current_user.id) \|\| can?(current_user, :admin_note, @project)
9	- = link_to project_note_path(@project, note), title: "Remove comment", method: :delete, confirm: 'Are you sure you want to remove comment?', remote: true, class: "danger js-note-delete" do	9	+ = link_to "#", title: "Edit comment", class: "js-note-edit" do
		10	+ %i.icon-edit
		11	+ = link_to project_note_path(@project, note), title: "Remove comment", method: :delete, confirm: 'Are you sure you want to remove this comment?', remote: true, class: "danger js-note-delete" do
10	%i.icon-trash.cred	12	%i.icon-trash.cred
11	= image_tag gravatar_icon(note.author_email), class: "avatar s32"	13	= image_tag gravatar_icon(note.author_email), class: "avatar s32"
12	= link_to_member(@project, note.author, avatar: false)	14	= link_to_member(@project, note.author, avatar: false)
13	%span.note-last-update	15	%span.note-last-update
14	- = time_ago_in_words(note.updated_at)
15	- ago	16	+ = note_timestamp(note)
16		17
17	- if note.upvote?	18	- if note.upvote?
18	%span.vote.upvote.label.label-success	19	%span.vote.upvote.label.label-success
	@@ -25,13 +26,37 @@		@@ -25,13 +26,37 @@
25		26
26		27
27	.note-body	28	.note-body
28	- = preserve do
29	- = markdown(note.note)	29	+ .note-text
		30	+ = preserve do
		31	+ = markdown(note.note)
		32	+
		33	+ .note-edit-form
		34	+ = form_for note, url: project_note_path(@project, note), method: :put, remote: true do \|f\|
		35	+ = f.text_area :note, class: 'note_text js-note-text js-gfm-input turn-on'
		36	+
		37	+ .form-actions
		38	+ = f.submit 'Save changes', class: "btn btn-primary btn-save"
		39	+
		40	+ .note-form-option
		41	+ %a.choose-btn.btn.btn-small.js-choose-note-attachment-button
		42	+ %i.icon-paper-clip
		43	+ %span Choose File ...
		44	+
		45	+ %span.file_name.js-attachment-filename File name...
		46	+ = f.file_field :attachment, class: "js-note-attachment-input hide"
		47	+
		48	+ = link_to 'Cancel', "#", class: "btn btn-cancel note-edit-cancel"
		49	+
		50	+
30	- if note.attachment.url	51	- if note.attachment.url
31	- - if note.attachment.image?
32	- = image_tag note.attachment.url, class: 'note-image-attach'
33	- .attachment.pull-right
34	- = link_to note.attachment.secure_url, target: "_blank" do
35	- %i.icon-paper-clip
36	- = note.attachment_identifier	52	+ .note-attachment
		53	+ - if note.attachment.image?
		54	+ = image_tag note.attachment.url, class: 'note-image-attach'
		55	+ .attachment.pull-right
		56	+ = link_to note.attachment.secure_url, target: "_blank" do
		57	+ %i.icon-paper-clip
		58	+ = note.attachment_identifier
		59	+ = link_to delete_attachment_project_note_path(@project, note),
		60	+ title: "Delete this attachment", method: :delete, remote: true, confirm: 'Are you sure you want to remove the attachment?', class: "danger js-note-attachment-delete" do
		61	+ %i.icon-trash.cred
37	.clear	62	.clear
1	%h3.page_title	1	%h3.page_title
2	- if @snippet.private?	2	- if @snippet.private?
3	- %i.icon-lock.cgreen	3	+ %i{:class => "icon-lock cgreen has_bottom_tooltip", "data-original-title" => "Private snippet"}
4	- else	4	- else
5	- %i.icon-globe.cblue	5	+ %i{:class => "icon-globe cblue has_bottom_tooltip", "data-original-title" => "Public snippet"}
6		6
7	= @snippet.title	7	= @snippet.title
8		8
	@@ -3,6 +3,7 @@ require 'spec_helper'		@@ -3,6 +3,7 @@ require 'spec_helper'
3	describe "On a merge request", js: true do	3	describe "On a merge request", js: true do
4	let!(:project) { create(:project_with_code) }	4	let!(:project) { create(:project_with_code) }
5	let!(:merge_request) { create(:merge_request, project: project) }	5	let!(:merge_request) { create(:merge_request, project: project) }
		6	+ let!(:note) { create(:note_on_merge_request_with_attachment, project: project) }
6		7
7	before do	8	before do
8	login_as :user	9	login_as :user
	@@ -72,6 +73,71 @@ describe "On a merge request", js: true do		@@ -72,6 +73,71 @@ describe "On a merge request", js: true do
72	should_not have_css(".note")	73	should_not have_css(".note")
73	end	74	end
74	end	75	end
		76	+
		77	+ describe "when editing a note", js: true do
		78	+ it "should contain the hidden edit form" do
		79	+ within("#note_#{note.id}") { should have_css(".note-edit-form", visible: false) }
		80	+ end
		81	+
		82	+ describe "editing the note" do
		83	+ before do
		84	+ find('.note').hover
		85	+ find(".js-note-edit").click
		86	+ end
		87	+
		88	+ it "should show the note edit form and hide the note body" do
		89	+ within("#note_#{note.id}") do
		90	+ find(".note-edit-form", visible: true).should be_visible
		91	+ find(".note-text", visible: false).should_not be_visible
		92	+ end
		93	+ end
		94	+
		95	+ it "should reset the edit note form textarea with the original content of the note if cancelled" do
		96	+ find('.note').hover
		97	+ find(".js-note-edit").click
		98	+
		99	+ within(".note-edit-form") do
		100	+ fill_in "note[note]", with: "Some new content"
		101	+ find(".btn-cancel").click
		102	+ find(".js-note-text", visible: false).text.should == note.note
		103	+ end
		104	+ end
		105	+
		106	+ it "appends the edited at time to the note" do
		107	+ find('.note').hover
		108	+ find(".js-note-edit").click
		109	+
		110	+ within(".note-edit-form") do
		111	+ fill_in "note[note]", with: "Some new content"
		112	+ find(".btn-save").click
		113	+ end
		114	+
		115	+ within("#note_#{note.id}") do
		116	+ should have_css(".note-last-update small")
		117	+ find(".note-last-update small").text.should match(/Edited just now/)
		118	+ end
		119	+ end
		120	+ end
		121	+
		122	+ describe "deleting an attachment" do
		123	+ before do
		124	+ find('.note').hover
		125	+ find(".js-note-edit").click
		126	+ end
		127	+
		128	+ it "shows the delete link" do
		129	+ within(".note-attachment") do
		130	+ should have_css(".js-note-attachment-delete")
		131	+ end
		132	+ end
		133	+
		134	+ it "removes the attachment div and resets the edit form" do
		135	+ find(".js-note-attachment-delete").click
		136	+ should_not have_css(".note-attachment")
		137	+ find(".note-edit-form", visible: false).should_not be_visible
		138	+ end
		139	+ end
		140	+ end
75	end	141	end
76		142
77	describe "On a merge request diff", js: true, focus: true do	143	describe "On a merge request diff", js: true, focus: true do
	@@ -237,7 +237,7 @@ end		@@ -237,7 +237,7 @@ end
237	# project_snippet GET /:project_id/snippets/:id(.:format) snippets#show	237	# project_snippet GET /:project_id/snippets/:id(.:format) snippets#show
238	# PUT /:project_id/snippets/:id(.:format) snippets#update	238	# PUT /:project_id/snippets/:id(.:format) snippets#update
239	# DELETE /:project_id/snippets/:id(.:format) snippets#destroy	239	# DELETE /:project_id/snippets/:id(.:format) snippets#destroy
240	-describe Projects::SnippetsController, "routing" do	240	+describe SnippetsController, "routing" do
241	it "to #raw" do	241	it "to #raw" do
242	get("/gitlabhq/snippets/1/raw").should route_to('projects/snippets#raw', project_id: 'gitlabhq', id: '1')	242	get("/gitlabhq/snippets/1/raw").should route_to('projects/snippets#raw', project_id: 'gitlabhq', id: '1')
243	end	243	end