Skip to content

U
ulakbus-ui
Commit 0c559b2b authored by Erkan Öğümsöğütlü's avatar Erkan Öğümsöğütlü
Browse files
Options

UI Improvements 

header notification part done
parent 5243be6b
Hide whitespace changes
Inline Side-by-side
Showing with 73 additions and 29 deletions
app/shared/templates/directives/header-notification.html
View file @ 0c559b2b
...@@ -32,36 +32,63 @@ ...@@ -32,36 +32,63 @@
</li>--> </li>-->
<li uib-dropdown auto-close="outsideClick"> <li uib-dropdown auto-close="outsideClick">
<a uib-dropdown-toggle> <a uib-dropdown-toggle>
<div class="badge" ng-show="notifications[2].length > 0">{{notifications[2].length}}</div> <div class="badge">2</div>
<i class="fa fa-envelope fa-fw" tooltip-placement="bottom" uib-tooltip="Mesajlar"></i> <i <i class="fa fa-envelope fa-fw" tooltip-placement="bottom" uib-tooltip="Mesajlar"></i> <i
class="fa fa-caret-down"></i> class="fa fa-caret-down"></i>
</a> </a>
<ul class="dropdown-messages" uib-dropdown-menu ng-show="notifications[2].length > 0"> <ul class="dropdown-messages" uib-dropdown-menu>
<li ng-repeat="notify in notifications[2] | limitTo: '8'">
<a href="{{notify.url}}"> <div class="messages-header">
<div ng-click="popModal(notify)"> <p>Messages <span class="badge">2</span></p>
<div> <a><span class="glyphicon glyphicon-edit"></span></a>
<strong>{{notify.title}}</strong> </div>
<span class="pull-right text-muted">
<em>22 Ekim 2015</em> <li class="divider"></li>
</span>
</div> <li>
<div>{{notify.body}}...</div> <a class="clearfix unread">
<div class="left-part">
<img class="profile-pic" src="../../../img/sample-profile-pic.jpg">
</div>
<div class="right-part">
<div class="profile-name">Sample Name</div>
<div class="message-time">13:12</div>
<div class="message-content">Lorem ipsum dolor sit amet, consestetur.</div>
</div> </div>
<span ng-click="markAsRead($event,notify, 2, $index)" class="pull-right fa fa-times"></span>
</a> </a>
</li> </li>
<li class="divider"></li>
<li> <li>
<a class="text-center"> <a class="clearfix unread">
<strong>Read All Messages</strong> <div class="left-part">
<i class="fa fa-angle-right"></i> <img class="profile-pic" src="../../../img/erkan.jpg">
</div>
<div class="right-part">
<div class="profile-name">Erkan Öğümsöğütlü</div>
<div class="message-time">Dün</div>
<div class="message-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi placerat neque nec quam dapibus, fringilla tincidunt justo ultricies. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</div>
</div>
</a> </a>
</li> </li>
<li>
<a class="clearfix">
<div class="left-part">
<img class="profile-pic" src="../../../img/gokhan.jpg">
</div>
<div class="right-part">
<div class="profile-name">Gökhan Boranalp</div>
<div class="message-time">12 Tem</div>
<div class="message-content">Aliquam sed.</div>
</div>
</a>
</li>
</ul> </ul>
<!-- /.dropdown-messages --> <!-- /.dropdown-messages -->
</li> </li>
<!-- /.dropdown --> <!-- /.dropdown -->
<!--
<li uib-dropdown auto-close="outsideClick"> <li uib-dropdown auto-close="outsideClick">
<a uib-dropdown-toggle> <a uib-dropdown-toggle>
<div class="badge" ng-if="notifications[1].length > 0">{{notifications[1].length}}</div> <div class="badge" ng-if="notifications[1].length > 0">{{notifications[1].length}}</div>
...@@ -83,7 +110,7 @@ ...@@ -83,7 +110,7 @@
<!--<span class="sr-only">40% Complete (success)</span>--> <!--<span class="sr-only">40% Complete (success)</span>-->
<!--</div>--> <!--</div>-->
<!--</div>--> <!--</div>-->
<!--
</div> </div>
</a> </a>
</li> </li>
...@@ -95,25 +122,42 @@ ...@@ -95,25 +122,42 @@
</a> </a>
</li> </li>
</ul> </ul>
<!-- /.dropdown-tasks --> <!-- /.dropdown-tasks
</li> </li>
-->
<!-- /.dropdown --> <!-- /.dropdown -->
<li uib-dropdown auto-close="outsideClick"> <li uib-dropdown auto-close="outsideClick">
<a uib-dropdown-toggle> <a uib-dropdown-toggle>
<div class="badge" ng-if="notifications[3].length > 0">{{notifications[3].length}}</div> <div class="badge">1</div>
<i class="fa fa-bell fa-fw" tooltip-placement="bottom" uib-tooltip="Duyurular"></i> <i <i class="fa fa-bell fa-fw" tooltip-placement="bottom" uib-tooltip="Bildirimler"></i> <i
class="fa fa-caret-down"></i> class="fa fa-caret-down"></i>
</a> </a>
<ul class="dropdown-alerts" uib-dropdown-menu ng-if="notifications[3].length > 0"> <ul class="dropdown-alerts" uib-dropdown-menu>
<li ng-repeat="notify in notifications[3] | limitTo: '8'"> <li class="notifications-header">
<a role="button" href="{{notify.url}}"> <p>Notifications <span class="badge">1</span></p>
<div> <a>See all</a>
<i class="fa fa-comment fa-fw"></i> New Comment </li>
<span class="pull-right text-muted small">4 minutes ago</span> <li>
<span ng-click="markAsRead($event,notify, 3, $index)" class="pull-right fa fa-times"></span> <a class="unread">
</div> <div class="notification-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi placerat neque nec quam dapibus, fringilla tincidunt justo ultricies. Pellentesque habitant morbi tristique senectus et.</div>
<div class="notification-time">18:20</div>
</a>
</li>
<li>
<a>
<div class="notification-content">Nam eget eros enim. Aliquam sed odio pulvinar, sollicitudin massa et, tristique nulla.</div>
<div class="notification-time">Dün 16:44</div>
</a>
</li>
<li>
<a>
<div class="notification-content">Suspendisse nisl quam</div>
<div class="notification-time">10 Temmuz 13:28</div>
</a> </a>
</li> </li>
</ul> </ul>
<!-- /.dropdown-alerts --> <!-- /.dropdown-alerts -->
</li> </li>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment