Add 'notes/reversed_notes_with_form' partial

Riyad Preukschas
1 parent e63d7b60
Showing 3 changed files with 24 additions and 3 deletions Show diff stats
app/assets/stylesheets/sections/notes.scss
app/views/notes/_reversed_notes_with_form.html.haml
app/views/projects/wall.html.haml
@@ -10,7 +10,10 @@
   padding:0px;
 }
-#notes-list li:last-child {
+#new-notes-list:not(.reversed) {
+  border-top:1px solid #aaa;
+}
+#new-notes-list.reversed {
   border-bottom:1px solid #aaa;
 }
@@ -48,7 +51,6 @@
 .note {
   padding: 8px 0;
-  border-bottom: 1px solid #eee;
   overflow: hidden;
   display: block;
   img {float: left; margin-right: 10px;}
@@ -70,6 +72,14 @@
     .delete-note { display:block; }
   }
 }
+#notes-list:not(.reversed) .note,
+#new-notes-list:not(.reversed) .note {
+  border-bottom: 1px solid #eee;
+}
+#notes-list.reversed .note,
+#new-notes-list.reversed .note {
+  border-top: 1px solid #eee;
+}
 .notes-status {
   margin: 18px;
@@ -0,0 +1,11 @@
+- if can? current_user, :write_note, @project
+  = render "notes/common_form"
+
+%ul.reversed#new-notes-list
+%ul.reversed#notes-list
+.notes-status
+
+:javascript
+  $(function(){
+    NoteList.init("#{tid}", "#{tt}", "#{project_notes_path(@project)}");
+  });
 \ No newline at end of file
 %div.wall_page
-  = render "notes/notes_with_form", tid: nil, tt: "wall"
+  = render "notes/reversed_notes_with_form", tid: nil, tt: "wall"
	@@ -0,0 +1,11 @@		@@ -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	\ No newline at end of file	12	\ No newline at end of file
1	%div.wall_page	1	%div.wall_page
2	- = render "notes/notes_with_form", tid: nil, tt: "wall"	2	+ = render "notes/reversed_notes_with_form", tid: nil, tt: "wall"