FreakU
/
Retrospring
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added notification test page

This commit is contained in:
pixeldesu 2014-12-09 23:07:04 +01:00
parent f277b249c2
commit ef9579594c
5 changed files with 84 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/base.css.scss
View File

@ -11,6 +11,7 @@ body {
@import "scss/navbar";
@import "scss/panel";
@import "scss/user";
@import "scss/notifications";
.j2-page {
padding-top: 30px;

20
app/assets/stylesheets/scss/notifications.scss Normal file
View File

@ -0,0 +1,20 @@
.notification--img {
min-height: 32px;
min-width: 32px;
height: 32px;
width: 32px;
}
.notification--user, .notification--text {
z-index: 99;
margin-bottom: 0px;
}
.notification--icon {
position: relative;
float: right;
font-size: 18px;
color: $gray;
opacity: 0.8;
z-index: 0;
}

9
app/views/notifications/_notification_tabs.html.haml Normal file
View File

@ -0,0 +1,9 @@
.col-md-3.col-xs-12.col-sm-3
.panel.panel-default
.panel-body
%ul.nav.nav-pills.nav-stacked
= nav_entry "All notifications", ""
= nav_entry "Answers", ""
= nav_entry "Likes", ""
= nav_entry "Comments", ""
= nav_entry "Followers", ""

2
app/views/notifications/index.html.erb
View File

@ -1,2 +0,0 @@
<h1>Notifications#index</h1>
<p>Find me in app/views/notifications/index.html.erb</p>

54
app/views/notifications/index.html.haml Normal file
View File

@ -0,0 +1,54 @@
.container.j2-page
= render 'notification_tabs'
.col-md-9.col-xs-12.col-sm-9
%ul.list-group
%li.list-group-item
.media
.pull-left
%img.notification--img
.media-body
%h6.media-heading.notification--user
username
%p.notification--text
followed you!
.notification--icon
%i.fa.fa-users
%li.list-group-item
.media
.pull-left
%img.notification--img
.media-body
%h6.media-heading.notification--user
username
%p.notification--text
answered
%a your question
some time ago!
.notification--icon
%i.fa.fa-exclamation
%li.list-group-item
.media
.pull-left
%img.notification--img
.media-body
%h6.media-heading.notification--user
username
%p.notification--text
smiled at
%a your answer
some time ago!
.notification--icon
%i.fa.fa-smile-o
%li.list-group-item
.media
.pull-left
%img.notification--img
.media-body
%h6.media-heading.notification--user
username
%p.notification--text
commented
%a your answer
some time ago!
.notification--icon
%i.fa.fa-comments