notifications

[drewrehfeld]

will provide designs

[asimshahzadmjc]

[drewrehfeld]

    <a href="http://drakesnotes.com/messages">
        <span class="glyphicon glyphicon-inbox" style="padding-right: 25px; font-size: 20px; color: #000000">
        </span>
    </a>
    <span class="glyphicon glyphicon-bell" style="padding-right: 10px; font-size: 20px; color: #000000"></span>
</div>
                    <hr class="top-bar-full"> 
                    <div id="alert-notifications" role="alert"></div>
                    <!-- Tab panes -->
                    <div id="tab_control_conntainer" class="">
                        <div class="tab-content">
                            <div id="alert-notification"></div>
                            <div class="tab-pane active" id="messages_inbox" role="tabpanel">
                                <div class="inbox_messages" id="inbox_messages">
                                                    <div class="media">

                    <div class="pull-left">
                    <img src="http://drakesnotes.com/wp-content/uploads/2016/08/image-150x150.jpeg" class="media-photo img-circle" style="height: 60px; margin-bottom: 15px">
                    </div>
                    <div class="media-body">
                        <p class="summary">
                            <b>Maria Hernandez</b> replied to <a>your post</a>.
                        </p>
                        <p class="pull-right"><small>3:10PM, 1/2/17</small>
                        </p> 
                    </div>

                </div>
                <hr>
                                <div class="media">

                    <div class="pull-left">
                    <img src="http://1.gravatar.com/avatar/45acb8acdf320e2d9c5305c68f975b8c?s=40&#038;d=mm&#038;r=g" class="media-photo img-circle" style="height: 60px; margin-bottom: 15px"">
                    </div>
                    <div class="media-body">
                        <p class="summary">
                            <b>Maria Hernandez</b> liked <a>your post</a>. <!-- link takes user to post -->
                        </p>
                        <p class="pull-right"><small>1:02PM, 1/1/17</small>
                        </p> 
                    </div>

                </div>
                <hr>
                                <div class="media">

                    <div class="pull-left">
                    <img src="http://1.gravatar.com/avatar/45acb8acdf320e2d9c5305c68f975b8c?s=40&#038;d=mm&#038;r=g" class="media-photo img-circle" style="height: 60px; margin-bottom: 15px">
                    </div>
                    <div class="media-body">
                        <p class="summary">
                            <b>Maria Hernandez</b> replied to <a>a post</a> you commented on. <!-- link takes user to post -->
                        </p>
                        <p class="pull-right"><small>1:02PM, 1/1/17</small>
                        </p> 
                    </div>

                </div>
                <hr>
                                <div class="media">

                    <div class="pull-left">
                    <img src="http://1.gravatar.com/avatar/45acb8acdf320e2d9c5305c68f975b8c?s=40&#038;d=mm&#038;r=g" class="media-photo img-circle" style="height: 60px; margin-bottom: 15px">
                    </div>
                    <div class="media-body">
                        <p class="summary">
                            <b>InstructorUsername</b> posted a <a>new quiz</a>.<!-- only instructors initiate this notification -->
                        </p>
                        <p class="pull-right"><small>1:02PM, 1/1/17</small>
                        </p> 
                    </div>

                </div>
                <hr>
                                <div class="media">
<div class="pull-left">
                    <img src="http://1.gravatar.com/avatar/45acb8acdf320e2d9c5305c68f975b8c?s=40&#038;d=mm&#038;r=g" class="media-photo img-circle" style="height: 60px; margin-bottom: 15px">
                    </div>
                    <div class="media-body">
                        <p class="summary">
                            <b>InstructorUsername</b> posted a <a>task</a>.<!-- only instructors initiate this notification -->
                        </p>
                        <p class="pull-right"><small>1:02PM, 1/1/17</small>
                        </p> 
                    </div>

                </div>
                <hr>
                                <div class="media">

                    <div class="pull-left">
                    <img src="http://1.gravatar.com/avatar/45acb8acdf320e2d9c5305c68f975b8c?s=40&#038;d=mm&#038;r=g" class="media-photo img-circle" style="height: 60px; margin-bottom: 15px">
                    </div>
                    <div class="media-body">
                        <p class="summary">
                            <b>InstructorUsername</b> updated your grade for <a>Quiz 2</a>. <!-- only instructors initiate this notification. link takes user to gradebook -->
                        </p>
                        <p class="pull-right"><small>1:02PM, 1/1/17</small>
                        </p> 
                    </div>

                </div>
                            <hr>
                                <div class="media">

                    <div class="pull-left">
                    <img src="http://1.gravatar.com/avatar/45acb8acdf320e2d9c5305c68f975b8c?s=40&#038;d=mm&#038;r=g" class="media-photo img-circle" style="height: 60px; margin-bottom: 15px">
                    </div>
                    <div class="media-body">
                        <p class="summary">
                            <b>Studentusername</b> enrolled in <a>PHIL 1</a>. <!-- only instructors receive this notification. -->
                        </p>
                        <p class="pull-right"><small>1:02PM, 1/1/17</small>
                        </p> 
                    </div>

                </div>    
                     <hr>
                                <div class="media">

                    <div class="pull-left">
                    <img src="http://1.gravatar.com/avatar/45acb8acdf320e2d9c5305c68f975b8c?s=40&#038;d=mm&#038;r=g" class="media-photo img-circle" style="height: 60px; margin-bottom: 15px">
                    </div>
                    <div class="media-body">
                        <p class="summary">
                            <b>Peterman James</b> likes <a>your comment</a>. <!-- only instructors receive this notification. -->
                        </p>
                        <p class="pull-right"><small>1:02PM, 1/1/17</small>
                        </p> 
                    </div>

                </div>
                <hr>
                                <div class="media">

                    <div class="pull-left">
                    <img src="http://1.gravatar.com/avatar/45acb8acdf320e2d9c5305c68f975b8c?s=40&#038;d=mm&#038;r=g" class="media-photo img-circle" style="height: 60px; margin-bottom: 15px">
                    </div>
                    <div class="media-body">
                        <p class="summary">
                            <b>InstructorUserName</b> posted in <a>PHIL 1</a>. <!-- only instructors initiate this notification, but it goes to all students in a course -->
                        </p>
                        <p class="pull-right"><small>1:02PM, 1/1/17</small>
                        </p> 
                    </div>

                </div>  

                        </div>
                    </div>
                </div>```

[drewrehfeld]

[drewrehfeld]

@asimshahzadmjc the entire area between <hr> and <hr> should be clickable, so user doesn't have to click the link in the notification. this will work like facebook, see below when i am selecting the first notification

[asimshahzadmjc]

@drewrehfeld ready for testing

[drewrehfeld]

@asimshahzadmjc change this to read: Drew Rehfeld posted in PHIL 5 2017

change this to read: Drew Rehfeld posted material in PHIL 5 Fa 2017 (just get rid of the "a" in front of material)