*/
public function getNetworkList(bool $seen = false, int $start = 0, int $limit = self::DEFAULT_PAGE_LIMIT)
{
- $ident = self::NETWORK;
+ $ident = self::NETWORK;
$notifications = [];
$condition = ['wall' => false, 'uid' => local_user()];
*/
public function getSystemList(bool $seen = false, int $start = 0, int $limit = self::DEFAULT_PAGE_LIMIT)
{
- $ident = self::SYSTEM;
+ $ident = self::SYSTEM;
$notifications = [];
$filter = ['uid' => local_user()];
*/
public function getPersonalList(bool $seen = false, int $start = 0, int $limit = self::DEFAULT_PAGE_LIMIT)
{
- $ident = self::PERSONAL;
+ $ident = self::PERSONAL;
$notifications = [];
$myurl = str_replace('http://', '', DI::app()->contact['nurl']);
*/
public function getHomeList(bool $seen = false, int $start = 0, int $limit = self::DEFAULT_PAGE_LIMIT)
{
- $ident = self::HOME;
+ $ident = self::HOME;
$notifications = [];
$condition = ['wall' => true, 'uid' => local_user()];
public function getIntroList(bool $all = false, int $start = 0, int $limit = self::DEFAULT_PAGE_LIMIT, int $id = 0)
{
/// @todo sanitize wording according to SELF::INTRO
- $ident = 'introductions';
- $notifications = [];
- $sql_extra = "";
+ $ident = 'introductions';
+ $notifications = [];
+ $sql_extra = "";
if (empty($id)) {
if (!$all) {
$intro = [
'label' => 'friend_suggestion',
- 'str_type' => $this->l10n->t('Friend Suggestion'),
+ 'str_type' => $this->l10n->t('Friend Suggestion'),
'intro_id' => $intro['intro_id'],
'madeby' => $intro['name'],
'madeby_url' => $intro['url'],
}
$intro = [
'label' => (($intro['network'] !== Protocol::OSTATUS) ? 'friend_request' : 'follower'),
- 'str_type' => (($intro['network'] !== Protocol::OSTATUS) ? $this->l10n->t('Friend/Connect Request') : $this->l10n->t('New Follower')),
+ 'str_type' => (($intro['network'] !== Protocol::OSTATUS) ? $this->l10n->t('Friend/Connect Request') : $this->l10n->t('New Follower')),
'dfrn_id' => $intro['issued-id'],
'uid' => $_SESSION['uid'],
'intro_id' => $intro['intro_id'],
/**
* Shows the printable result of notifications for a specific tab
*
- * @param string $header The notification header
- * @param array $content The array with the notifications
- * @param string $noContent The string in case there are no notifications
- * @param array $showLink The possible links at the top
+ * @param string $header The notification header
+ * @param array $notifications The array with the notifications
+ * @param string $noContent The string in case there are no notifications
+ * @param array $showLink The possible links at the top
*
* @return string The rendered output
*
* @throws \Friendica\Network\HTTPException\InternalServerErrorException
*/
- protected static function printContent(string $header, array $content, string $noContent, array $showLink)
+ protected static function printContent(string $header, array $notifications, string $noContent, array $showLink)
{
// Get the nav tabs for the notification pages
$tabs = self::getTabs();
$notif_tpl = Renderer::getMarkupTemplate('notifications/notifications.tpl');
return Renderer::replaceMacros($notif_tpl, [
- '$notif_header' => $header ?? DI::l10n()->t('Notifications'),
- '$tabs' => $tabs,
- '$notif_content' => $content,
- '$notif_nocontent' => $noContent,
- '$notif_show_lnk' => $showLink,
- '$notif_paginate' => $pager->renderMinimal(count($content))
+ '$header' => $header ?? DI::l10n()->t('Notifications'),
+ '$tabs' => $tabs,
+ '$notifications' => $notifications,
+ '$noContent' => $noContent,
+ '$showLink' => $showLink,
+ '$paginate' => $pager->renderMinimal(count($notifications))
]);
}
switch ($notification['label']) {
case 'friend_suggestion':
$notificationContent[] = Renderer::replaceMacros($notificationSuggestions, [
- '$type' => $notification['label'],
+ '$type' => $notification['label'],
'str_notification_type' => DI::l10n()->t('Notification type:'),
- 'str_type' => $notification['str_type'],
- '$intro_id' => $notification['intro_id'],
- '$lbl_madeby' => DI::l10n()->t('Suggested by:'),
- '$madeby' => $notification['madeby'],
- '$madeby_url' => $notification['madeby_url'],
- '$madeby_zrl' => $notification['madeby_zrl'],
- '$madeby_addr' => $notification['madeby_addr'],
- '$contact_id' => $notification['contact_id'],
- '$photo' => $notification['photo'],
- '$fullname' => $notification['name'],
- '$url' => $notification['url'],
- '$zrl' => $notification['zrl'],
- '$lbl_url' => DI::l10n()->t('Profile URL'),
- '$addr' => $notification['addr'],
- '$hidden' => ['hidden', DI::l10n()->t('Hide this contact from others'), ($notification['hidden'] == 1), ''],
- '$knowyou' => $notification['knowyou'],
- '$approve' => DI::l10n()->t('Approve'),
- '$note' => $notification['note'],
- '$request' => $notification['request'],
- '$ignore' => DI::l10n()->t('Ignore'),
- '$discard' => DI::l10n()->t('Discard'),
+ 'str_type' => $notification['str_type'],
+ '$intro_id' => $notification['intro_id'],
+ '$lbl_madeby' => DI::l10n()->t('Suggested by:'),
+ '$madeby' => $notification['madeby'],
+ '$madeby_url' => $notification['madeby_url'],
+ '$madeby_zrl' => $notification['madeby_zrl'],
+ '$madeby_addr' => $notification['madeby_addr'],
+ '$contact_id' => $notification['contact_id'],
+ '$photo' => $notification['photo'],
+ '$fullname' => $notification['name'],
+ '$url' => $notification['url'],
+ '$zrl' => $notification['zrl'],
+ '$lbl_url' => DI::l10n()->t('Profile URL'),
+ '$addr' => $notification['addr'],
+ '$hidden' => ['hidden', DI::l10n()->t('Hide this contact from others'), ($notification['hidden'] == 1), ''],
+ '$knowyou' => $notification['knowyou'],
+ '$approve' => DI::l10n()->t('Approve'),
+ '$note' => $notification['note'],
+ '$request' => $notification['request'],
+ '$ignore' => DI::l10n()->t('Ignore'),
+ '$discard' => DI::l10n()->t('Discard'),
]);
break;
}
$notificationContent[] = Renderer::replaceMacros($notificationTemplate, [
- '$type' => $notification['label'],
- '$header' => $header,
+ '$type' => $notification['label'],
+ '$header' => $header,
'str_notification_type' => DI::l10n()->t('Notification type:'),
- 'str_type' => $notification['notifytype'],
- '$dfrn_text' => $dfrn_text,
- '$dfrn_id' => $notification['dfrn_id'],
- '$uid' => $notification['uid'],
- '$intro_id' => $notification['intro_id'],
- '$contact_id' => $notification['contact_id'],
- '$photo' => $notification['photo'],
- '$fullname' => $notification['name'],
- '$location' => $notification['location'],
- '$lbl_location' => DI::l10n()->t('Location:'),
- '$about' => $notification['about'],
- '$lbl_about' => DI::l10n()->t('About:'),
- '$keywords' => $notification['keywords'],
- '$lbl_keywords' => DI::l10n()->t('Tags:'),
- '$gender' => $notification['gender'],
- '$lbl_gender' => DI::l10n()->t('Gender:'),
- '$hidden' => ['hidden', DI::l10n()->t('Hide this contact from others'), ($notification['hidden'] == 1), ''],
- '$url' => $notification['url'],
- '$zrl' => $notification['zrl'],
- '$lbl_url' => DI::l10n()->t('Profile URL'),
- '$addr' => $notification['addr'],
- '$lbl_knowyou' => $lbl_knowyou,
- '$lbl_network' => DI::l10n()->t('Network:'),
- '$network' => ContactSelector::networkToName($notification['network'], $notification['url']),
- '$knowyou' => $knowyou,
- '$approve' => DI::l10n()->t('Approve'),
- '$note' => $notification['note'],
- '$ignore' => DI::l10n()->t('Ignore'),
- '$discard' => $discard,
- '$action' => $action,
+ 'str_type' => $notification['notifytype'],
+ '$dfrn_text' => $dfrn_text,
+ '$dfrn_id' => $notification['dfrn_id'],
+ '$uid' => $notification['uid'],
+ '$intro_id' => $notification['intro_id'],
+ '$contact_id' => $notification['contact_id'],
+ '$photo' => $notification['photo'],
+ '$fullname' => $notification['name'],
+ '$location' => $notification['location'],
+ '$lbl_location' => DI::l10n()->t('Location:'),
+ '$about' => $notification['about'],
+ '$lbl_about' => DI::l10n()->t('About:'),
+ '$keywords' => $notification['keywords'],
+ '$lbl_keywords' => DI::l10n()->t('Tags:'),
+ '$gender' => $notification['gender'],
+ '$lbl_gender' => DI::l10n()->t('Gender:'),
+ '$hidden' => ['hidden', DI::l10n()->t('Hide this contact from others'), ($notification['hidden'] == 1), ''],
+ '$url' => $notification['url'],
+ '$zrl' => $notification['zrl'],
+ '$lbl_url' => DI::l10n()->t('Profile URL'),
+ '$addr' => $notification['addr'],
+ '$lbl_knowyou' => $lbl_knowyou,
+ '$lbl_network' => DI::l10n()->t('Network:'),
+ '$network' => ContactSelector::networkToName($notification['network'], $notification['url']),
+ '$knowyou' => $knowyou,
+ '$approve' => DI::l10n()->t('Approve'),
+ '$note' => $notification['note'],
+ '$ignore' => DI::l10n()->t('Ignore'),
+ '$discard' => $discard,
+ '$action' => $action,
]);
break;
}
// notification and apply the correct template according to the notificationtype (label).
foreach ($notifications['notifications'] as $notification) {
$notification_templates = [
- 'like' => 'notifications/likes_item.tpl',
- 'dislike' => 'notifications/dislikes_item.tpl',
- 'attend' => 'notifications/attend_item.tpl',
- 'attendno' => 'notifications/attend_item.tpl',
- 'attendmaybe' => 'notifications/attend_item.tpl',
- 'friend' => 'notifications/friends_item.tpl',
- 'comment' => 'notifications/comments_item.tpl',
- 'post' => 'notifications/posts_item.tpl',
- 'notification' => 'notifications/notification.tpl',
+ 'like' => 'notifications/likes_item.tpl',
+ 'dislike' => 'notifications/dislikes_item.tpl',
+ 'attend' => 'notifications/attend_item.tpl',
+ 'attendno' => 'notifications/attend_item.tpl',
+ 'attendmaybe' => 'notifications/attend_item.tpl',
+ 'friend' => 'notifications/friends_item.tpl',
+ 'comment' => 'notifications/comments_item.tpl',
+ 'post' => 'notifications/posts_item.tpl',
+ 'notification' => 'notifications/notification.tpl',
];
$notificationTemplate = Renderer::getMarkupTemplate($notification_templates[$notification['label']]);
}
/* notifications unseen */
-.notify-unseen { background-color: #cceeFF; }
+.notification-unseen { background-color: #cceeFF; }
/* autocomplete popup */
ul.acpopup {
var notification_id = 0;
// Insert notifs into the notifications-menu
- $(data.notifications).each(function(key, notif) {
- var text = notif.message.format('<span class="contactname">' + notif.name + '</span>');
- var contact = ('<a href="' + notif.url + '"><span class="contactname">' + notif.name + '</span></a>');
- var seenclass = (notif.seen == 1) ? "notify-seen" : "notify-unseen";
+ $(data.notifications).each(function(key, notification) {
+ var text = notification.message.format('<span class="contactname">' + notification.name + '</span>');
+ var contact = ('<a href="' + notification.url + '"><span class="contactname">' + notification.name + '</span></a>');
+ var seenclass = (notification.seen == 1) ? "notification-seen" : "notification-unseen";
var html = notifications_tpl.format(
- notif.href, // {0} // link to the source
- notif.photo, // {1} // photo of the contact
+ notification.href, // {0} // link to the source
+ notification.photo, // {1} // photo of the contact
text, // {2} // preformatted text (autor + text)
- notif.date, // {3} // date of notification (time ago)
+ notification.date, // {3} // date of notification (time ago)
seenclass, // {4} // visited status of the notification
- new Date(notif.timestamp*1000), // {5} // date of notification
- notif.url, // {6} // profile url of the contact
- notif.message.format(contact), // {7} // preformatted html (text including author profile url)
+ new Date(notification.timestamp*1000), // {5} // date of notification
+ notification.url, // {6} // profile url of the contact
+ notification.message.format(contact), // {7} // preformatted html (text including author profile url)
'' // {8} // Deprecated
);
nnm.append(html);
<a accesskey="c" id="nav-community-link" class="nav-commlink {{$nav.community.2}} {{$sel.community}}" href="{{$nav.community.0}}" title="{{$nav.community.3}}" >{{$nav.community.1}}</a>
{{/if}}
{{if $nav.introductions}}
- <a id="nav-notify-link" class="nav-commlink {{$nav.introductions.2}} {{$sel.introductions}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >{{$nav.introductions.1}}</a>
+ <a id="nav-notification-link" class="nav-commlink {{$nav.introductions.2}} {{$sel.introductions}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >{{$nav.introductions.1}}</a>
<span id="intro-update" class="nav-ajax-left"></span>
{{/if}}
{{if $nav.messages}}
{{if $nav.notifications}}
<a accesskey="f" id="nav-notifications-linkmenu" class="nav-commlink" href="{{$nav.notifications.0}}" rel="#nav-notifications-menu" title="{{$nav.notifications.1}}">{{$nav.notifications.1}}</a>
- <span id="notify-update" class="nav-ajax-left"></span>
+ <span id="notification-update" class="nav-ajax-left"></span>
<ul id="nav-notifications-menu" class="menu-popup">
<li id="nav-notifications-see-all"><a href="{{$nav.notifications.all.0}}">{{$nav.notifications.all.1}}</a></li>
<li id="nav-notifications-mark-all"><a href="#" onclick="notifyMarkAll(); return false;">{{$nav.notifications.mark.3}}</a></li>
-<h1>{{$notif_header}}</h1>
+<h1>{{$header}}</h1>
{{if $tabs }}{{include file="common_tabs.tpl"}}{{/if}}
<div class="notif-network-wrapper">
{{* The "show ignored" link *}}
- {{if $notif_show_lnk}}<a href="{{$notif_show_lnk.href}}" id="notifications-show-hide-link">{{$notif_show_lnk.text}}</a>{{/if}}
+ {{if $showLink}}<a href="{{$showLink.href}}" id="notifications-show-hide-link">{{$showLink.text}}</a>{{/if}}
{{* The notifications *}}
- {{if $notif_content}}
- {{foreach $notif_content as $notification}}
+ {{if $notifications}}
+ {{foreach $notifications as $notification}}
{{$notification nofilter}}
{{/foreach}}
{{/if}}
{{* If no notifications messages available *}}
- {{if $notif_nocontent}}
- <div class="notif_nocontent">{{$notif_nocontent}}</div>
+ {{if $noContent}}
+ <div class="notification_nocontent">{{$noContent}}</div>
{{/if}}
{{* The pager *}}
- {{$notif_paginate nofilter}}
+ {{$paginate nofilter}}
</div>
<div class="settings-content-block">
<div id="settings-notifications">
-<div id="settings-notify-desc">{{$lbl_not}}</div>
+<div id="settings-notification-desc">{{$lbl_not}}</div>
<div class="group">
{{include file="field_intcheckbox.tpl" field=$notify1}}
background:#444;
}
-.notify-seen {
+.notification-seen {
background:#111;
}
#settings-notifications label {
margin-left: 20px;
}
-#settings-notify-desc, #settings-activity-desc {
+#settings-notification-desc, #settings-activity-desc {
font-weight: bold;
margin-bottom: 15px;
}
#crepair-url-label,
#crepair-request-label,
#crepair-confirm-label,
-#crepair-notify-label,
+#crepair-notification-label,
#crepair-photo-label,
#crepair-poll-label {
float: left;
margin-right: -20px;
}
-.nav-notify {
+.nav-notification {
display: none;
position: absolute;
font-size: 10px;
min-width: 15px;
text-align: right;
}
-.nav-notify.show {
+.nav-notification.show {
display: block;
}
#nav-notifications-menu {
padding: 7px 7px 0px 0px;
}
-.notify-seen {
+.notification-seen {
background: #DDDDDD;
}
<a accesskey="c" id="nav-community-link" class="nav-commlink {{$nav.community.2}} {{$sel.community}}" href="{{$nav.community.0}}" title="{{$nav.community.3}}" >{{$nav.community.1}}</a>
{{/if}}
{{if $nav.introductions}}
- <a id="nav-notify-link" class="nav-commlink {{$nav.introductions.2}} {{$sel.introductions}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >{{$nav.introductions.1}}</a>
+ <a id="nav-notification-link" class="nav-commlink {{$nav.introductions.2}} {{$sel.introductions}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >{{$nav.introductions.1}}</a>
<span id="intro-update" class="nav-ajax-left"></span>
{{/if}}
{{if $nav.messages}}
{{if $nav.notifications}}
<a accesskey="f" id="nav-notifications-linkmenu" class="nav-commlink" href="{{$nav.notifications.0}}" rel="#nav-notifications-menu" title="{{$nav.notifications.1}}">{{$nav.notifications.1}}</a>
- <span id="notify-update" class="nav-ajax-left"></span>
+ <span id="notification-update" class="nav-ajax-left"></span>
<ul id="nav-notifications-menu" class="menu-popup">
<li id="nav-notifications-see-all"><a href="{{$nav.notifications.all.0}}">{{$nav.notifications.all.1}}</a></li>
<li id="nav-notifications-mark-all"><a href="#" onclick="notifyMarkAll(); return false;">{{$nav.notifications.mark.3}}</a></li>
text-decoration: none;
text-align: left
}
-#topbar-first .topbar-nav .nav-segment .nav-notify {
+#topbar-first .topbar-nav .nav-segment .nav-notification {
position: absolute;
top: 4px;
right: -2px;
font-size: 12px;
}
-#topbar-first #nav-notifications-menu li.notify-unseen {
+#topbar-first #nav-notifications-menu li.notification-unseen {
border-left: 3px solid #f3fcfd;
background-color: #f3fcfd;
}
#topbar-first .account .user-title span {
color: $nav_icon_color;
}
-#topbar-first .account #main-menu .nav-notify {
+#topbar-first .account #main-menu .nav-notification {
position: absolute;
top: 4px;
right: -2px;
font-family: ".SFNSText-Regular","San Francisco","Roboto","Segoe UI","Helvetica Neue","Lucida Grande",Helvetica,Arial,sans-serif;
}
-#topbar-first #nav-notifications-menu li.notify-unseen {
+#topbar-first #nav-notifications-menu li.notification-unseen {
border-left: 3px solid #f3fcfd;
background-color: antiquewhite;
}
<ul class="nav navbar-nav navbar-left" role="menubar">
<li id="nav-communication" class="nav-segment" role="presentation">
{{if $nav.network}}
- <a accesskey="n" role="menuitem" class="nav-menu {{$sel.network}}" href="{{$nav.network.0}}" data-toggle="tooltip" aria-label="{{$nav.network.3}}" title="{{$nav.network.3}}"><i class="fa fa-lg fa-th" aria-hidden="true"></i><span id="net-update" class="nav-network-badge badge nav-notify"></span></a>
+ <a accesskey="n" role="menuitem" class="nav-menu {{$sel.network}}" href="{{$nav.network.0}}" data-toggle="tooltip" aria-label="{{$nav.network.3}}" title="{{$nav.network.3}}"><i class="fa fa-lg fa-th" aria-hidden="true"></i><span id="net-update" class="nav-network-badge badge nav-notification"></span></a>
{{/if}}
{{if $nav.home}}
- <a accesskey="p" role="menuitem" class="nav-menu {{$sel.home}}" href="{{$nav.home.0}}" data-toggle="tooltip" aria-label="{{$nav.home.3}}" title="{{$nav.home.3}}"><i class="fa fa-lg fa-home" aria-hidden="true"></i><span id="home-update" class="nav-home-badge badge nav-notify"></span></a>
+ <a accesskey="p" role="menuitem" class="nav-menu {{$sel.home}}" href="{{$nav.home.0}}" data-toggle="tooltip" aria-label="{{$nav.home.3}}" title="{{$nav.home.3}}"><i class="fa fa-lg fa-home" aria-hidden="true"></i><span id="home-update" class="nav-home-badge badge nav-notification"></span></a>
{{/if}}
{{if $nav.community}}
<li id="nav-personal" class="nav-segment hidden-xs" role="presentation">
{{if $nav.messages}}
- <a role="menuitem" id="nav-messages-link" href="{{$nav.messages.0}}" data-toggle="tooltip" aria-label="{{$nav.messages.1}}" title="{{$nav.messages.1}}" class="nav-menu {{$sel.messages}}"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i><span id="mail-update" class="nav-mail-badge badge nav-notify"></span></a>
+ <a role="menuitem" id="nav-messages-link" href="{{$nav.messages.0}}" data-toggle="tooltip" aria-label="{{$nav.messages.1}}" title="{{$nav.messages.1}}" class="nav-menu {{$sel.messages}}"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i><span id="mail-update" class="nav-mail-badge badge nav-notification"></span></a>
{{/if}}
{{if $nav.events}}
{{if $nav.contacts}}
<a role="menuitem" id="nav-contacts-link" class="nav-menu {{$sel.contacts}} {{$nav.contacts.2}}" href="{{$nav.contacts.0}}" data-toggle="tooltip" aria-label="{{$nav.contacts.1}}" title="{{$nav.contacts.1}}" ><i class="fa fa-users fa-lg" aria-hidden="true"></i></a>
- <span id="intro-update" class="nav-intro-badge badge nav-notify" onclick="window.location.href = '{{$nav.introductions.0}}' " data-toggle="tooltip" aria-label="{{$nav.introductions.3}}" title="{{$nav.introductions.3}}"></span>
+ <span id="intro-update" class="nav-intro-badge badge nav-notification" onclick="window.location.href = '{{$nav.introductions.0}}' " data-toggle="tooltip" aria-label="{{$nav.introductions.3}}" title="{{$nav.introductions.3}}"></span>
{{/if}}
</li>
<a href="{{$nav.notifications.0}}" rel="#nav-notifications-menu" data-toggle="tooltip" aria-label="{{$nav.notifications.1}}" title="{{$nav.notifications.1}}" role="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="nav-notifications-menu">
<i class="fa fa-bell fa-lg" aria-hidden="true"></i>
<span role="menuitem" class="sr-only">{{$nav.notifications.1}}</span>
- <span id="notify-update" class="nav-notify-badge badge nav-notify dropdown" data-toggle="dropdown"></span>
+ <span id="notification-update" class="nav-notification-badge badge nav-notification dropdown" data-toggle="dropdown"></span>
</a>
{{* The notifications dropdown menu. There are two parts of menu. The second is at the bottom of this file. It is loaded via js. Look at nav-notifications-template *}}
<li role="presentation"><a role="menuitem" href="{{$nav.notifications.all.0}}" title="{{$nav.notifications.1}}"><i class="fa fa-bell fa-fw" aria-hidden="true"></i> {{$nav.notifications.1}}</a></li>
{{/if}}
{{if $nav.messages}}
- <li role="presentation"><a role="menuitem" class="nav-commlink {{$nav.messages.2}} {{$sel.messages}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" ><i class="fa fa-envelope fa-fw" aria-hidden="true"></i> {{$nav.messages.1}} <span id="mail-update-li" class="nav-mail-badge badge nav-notify"></span></a></li>
+ <li role="presentation"><a role="menuitem" class="nav-commlink {{$nav.messages.2}} {{$sel.messages}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" ><i class="fa fa-envelope fa-fw" aria-hidden="true"></i> {{$nav.messages.1}} <span id="mail-update-li" class="nav-mail-badge badge nav-notification"></span></a></li>
{{/if}}
<li role="presentation" class="divider"></li>
{{if $nav.contacts}}
- <li role="presentation"><a role="menuitem" id="nav-menu-contacts-link" class="nav-link {{$nav.contacts.2}}" href="{{$nav.contacts.0}}" title="{{$nav.contacts.3}}"><i class="fa fa-users fa-fw" aria-hidden="true"></i> {{$nav.contacts.1}}</a><span id="intro-update-li" class="nav-intro-badge badge nav-notify"></span></li>
+ <li role="presentation"><a role="menuitem" id="nav-menu-contacts-link" class="nav-link {{$nav.contacts.2}}" href="{{$nav.contacts.0}}" title="{{$nav.contacts.3}}"><i class="fa fa-users fa-fw" aria-hidden="true"></i> {{$nav.contacts.1}}</a><span id="intro-update-li" class="nav-intro-badge badge nav-notification"></span></li>
{{/if}}
{{if $nav.delegation}}
<li role="presentation"><a role="menuitem" id="nav-delegation-link" class="nav-commlink {{$nav.delegation.2}} {{$sel.delegation}}" href="{{$nav.delegation.0}}" title="{{$nav.delegation.3}}"><i class="fa fa-flag fa-fw" aria-hidden="true"></i> {{$nav.delegation.1}}</a></li>
<script type="text/javascript" src="../../js/mod_notifications.js"></script>
<div class="generic-page-wrapper">
- {{include file="section_title.tpl" title=$notif_header}}
+ {{include file="section_title.tpl" title=$header}}
{{if $tabs }}{{include file="common_tabs.tpl"}}{{/if}}
<div class="notif-network-wrapper">
{{* The "show ignored" link *}}
- {{if $notif_show_lnk}}<a href="{{$notif_show_lnk.href}}" id="notifications-show-hide-link">{{$notif_show_lnk.text}}</a>{{/if}}
+ {{if $showLink}}<a href="{{$showLink.href}}" id="notifications-show-hide-link">{{$showLink.text}}</a>{{/if}}
{{* The notifications *}}
- {{if $notif_content}}
+ {{if $notifications}}
<ul class="notif-network-list media-list">
- {{foreach $notif_content as $notification}}
+ {{foreach $notifications as $notification}}
<li>{{$notification nofilter}}</li>
{{/foreach}}
</ul>
{{/if}}
{{* If no notifications messages available *}}
- {{if $notif_nocontent}}
- <div class="notif_nocontent">{{$notif_nocontent}}</div>
+ {{if $noContent}}
+ <div class="notification_nocontent">{{$noContent}}</div>
{{/if}}
</div>
{{* The pager *}}
- {{$notif_paginate nofilter}}
+ {{$paginate nofilter}}
</div>
<div class="section-content-tools-wrapper">
<div id="settings-notifications">
- <div id="settings-notify-desc"><h4>{{$lbl_not}}</h4></div>
+ <div id="settings-notification-desc"><h4>{{$lbl_not}}</h4></div>
<div class="group">
{{include file="field_intcheckbox.tpl" field=$notify1}}
width: 22px;
height: 22px;
}
-nav .nav-menu-icon .nav-notify {
+nav .nav-menu-icon .nav-notification {
top: 3px;
}
nav .nav-menu {
nav .nav-menu.selected {
border-bottom: 3px solid #9eabb0;
}
-nav .nav-notify {
+nav .nav-notification {
display: none;
position: absolute;
background-color: #19aeff;
min-width: 15px;
text-align: right;
}
-nav .nav-notify.show {
+nav .nav-notification.show {
display: block;
}
nav #nav-help-link,
width: 22px;
height: 22px;
}
-nav .nav-menu-icon .nav-notify {
+nav .nav-menu-icon .nav-notification {
top: 3px;
}
nav .nav-menu {
nav .nav-menu.selected {
border-bottom: 3px solid #9eabb0;
}
-nav .nav-notify {
+nav .nav-notification {
display: none;
position: absolute;
background-color: #dc0000;
min-width: 15px;
text-align: right;
}
-nav .nav-notify.show {
+nav .nav-notification.show {
display: block;
}
nav #nav-help-link,
width: 22px;
height: 22px;
}
-nav .nav-menu-icon .nav-notify {
+nav .nav-menu-icon .nav-notification {
top: 3px;
}
nav .nav-menu {
nav .nav-menu.selected {
border-bottom: 3px solid #9eabb0;
}
-nav .nav-notify {
+nav .nav-notification {
display: none;
position: absolute;
background-color: #86608e;
min-width: 15px;
text-align: right;
}
-nav .nav-notify.show {
+nav .nav-notification.show {
display: block;
}
nav #nav-help-link,
}
img { width: 22px; height: 22px; }
- .nav-notify { top: 3px; }
+ .nav-notification { top: 3px; }
}
.nav-menu {
}
- .nav-notify {
+ .nav-notification {
display: none;
position: absolute;
background-color: @NavbarNotifBg;
{{if $nav.network}}
<li id="nav-network-link" class="nav-menu {{$sel.network}}">
<a accesskey="n" class="{{$nav.network.2}}" href="{{$nav.network.0}}" title="{{$nav.network.3}}" >{{$nav.network.1}}</a>
- <span id="net-update" class="nav-notify"></span>
+ <span id="net-update" class="nav-notification"></span>
</li>
{{/if}}
{{if $nav.home}}
<li id="nav-home-link" class="nav-menu {{$sel.home}}">
<a accesskey="p" class="{{$nav.home.2}}" href="{{$nav.home.0}}" title="{{$nav.home.3}}" >{{$nav.home.1}}</a>
- <span id="home-update" class="nav-notify"></span>
+ <span id="home-update" class="nav-notification"></span>
</li>
{{/if}}
<a class="{{$nav.introductions.2}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >
<span class="icon s22 intro">{{$nav.introductions.1}}</a>
</a>
- <span id="intro-update" class="nav-notify"></span>
+ <span id="intro-update" class="nav-notification"></span>
</li>
{{/if}}
<a class="{{$nav.messages.2}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" >
<span class="icon s22 mail">{{$nav.messages.1}}</a>
</a>
- <span id="mail-update" class="nav-notify"></span>
+ <span id="mail-update" class="nav-notification"></span>
</li>
{{/if}}
{{if $nav.notifications}}
<li id="nav-notifications-linkmenu" class="nav-menu-icon"><a accesskey="f" href="{{$nav.notifications.0}}" rel="#nav-notifications-menu" title="{{$nav.notifications.1}}"><span class="icon s22 notify">{{$nav.notifications.1}}</span></a>
- <span id="notify-update" class="nav-notify"></span>
+ <span id="notification-update" class="nav-notification"></span>
<ul id="nav-notifications-menu" class="menu-popup">
<!-- TODO: better icons! -->
<li id="nav-notifications-mark-all" class="toolbar"><a href="#" onclick="notifyMarkAll(); return false;" title="{{$nav.notifications.mark.3}}"><span class="icon s10 edit"></span></a></a><a href="{{$nav.notifications.all.0}}" title="{{$nav.notifications.all.1}}"><span class="icon s10 plugin"></span></a></li>
padding-left: 11px;
}
-#notify-update {
+#notification-update {
background-position: 0px -168px;
}
margin-right: -20px;
}
-.nav-notify {
+.nav-notification {
display: none;
position: absolute;
font-size: 10px;
min-width: 15px;
text-align: right;
}
-.nav-notify.show {
+.nav-notification.show {
display: block;
}
#nav-notifications-menu {
filter: alpha(opacity=100);
}
-.notify-seen {
+.notification-seen {
background: #000000;
}
-.notify-seen a {
+.notification-seen a {
color: #efefef !important;
}
}
#settings-activity-desc,
-#settings-notify-desc {
+#settings-notification-desc {
margin: 10px 10px 10px 0;
font-weight: bold;
}
<!-- {{if $nav.notifications}}<a id="intro-update" class="nav-ajax-update" href="{{$nav.notifications.0}}" title="{{$nav.notifications.1}}"></a>{{/if}} -->
{{if $nav.introductions}}<a id="intro-update" class="nav-ajax-update" href="{{$nav.introductions.0}}" title="{{$nav.introductions.1}}"></a>{{/if}}
{{if $nav.messages}}<a id="mail-update" class="nav-ajax-update" href="{{$nav.messages.0}}" title="{{$nav.messages.1}}"></a>{{/if}}
- {{if $nav.notifications}}<a rel="#nav-notifications-menu" id="notify-update" class="nav-ajax-update" href="{{$nav.notifications.0}}" title="{{$nav.notifications.1}}"></a>{{/if}}
+ {{if $nav.notifications}}<a rel="#nav-notifications-menu" id="notification-update" class="nav-ajax-update" href="{{$nav.notifications.0}}" title="{{$nav.notifications.1}}"></a>{{/if}}
<ul id="nav-notifications-menu" class="menu-popup">
<li id="nav-notifications-mark-all"><a href="#" onclick="notifyMarkAll(); return false;">{{$nav.notifications.mark.3}}</a></li>
<li><a id="nav-directory-link" class="nav-link {{$nav.directory.2}}" href="{{$nav.directory.0}}">{{$nav.directory.1}}</a></li>
{{if $nav.apps}}<li><a id="nav-apps-link" class="nav-link {{$nav.apps.2}}" href="{{$nav.apps.0}}">{{$nav.apps.1}}</a></li>{{/if}}
- {{if $nav.notifications}}<li><a id="nav-notify-link" class="nav-commlink nav-sep {{$nav.notifications.2}}" href="{{$nav.notifications.0}}">{{$nav.notifications.1}}</a></li>{{/if}}
+ {{if $nav.notifications}}<li><a id="nav-notification-link" class="nav-commlink nav-sep {{$nav.notifications.2}}" href="{{$nav.notifications.0}}">{{$nav.notifications.1}}</a></li>{{/if}}
{{if $nav.messages}}<li><a id="nav-messages-link" class="nav-commlink {{$nav.messages.2}}" href="{{$nav.messages.0}}">{{$nav.messages.1}}</a></li>{{/if}}
{{if $nav.contacts}}<li><a id="nav-contacts-link" class="nav-commlink {{$nav.contacts.2}}" href="{{$nav.contacts.0}}">{{$nav.contacts.1}}</a></li>{{/if}}
background-color: #1C2126 !important;
}
-nav .nav-notify {
+nav .nav-notification {
background-color: #2C77AE !important
}
}
/* Notifications */
-li.notify-unseen {
+li.notification-unseen {
background-color: #252C33;
}
-li.notify-seen {
+li.notification-seen {
background-color: #1C2126;
}
font: bold 11px/16px Arial;
}
-nav .nav-notify {
+nav .nav-notification {
/* background-color: #427FED; */
background-color: #CB4437;
top: -3px;
border-radius: 10px;
}
-nav .nav-menu-icon .nav-notify {
+nav .nav-menu-icon .nav-notification {
top: 0px;
}
font: bold 11px/16px Arial;
}
-nav .nav-notify {
+nav .nav-notification {
background-color: #CB4437;
top: -3px;
right: -4px;
border-radius: 10px;
}
-nav .nav-menu-icon .nav-notify {
+nav .nav-menu-icon .nav-notification {
top: 0px;
}
color: #fff;
}
-nav .nav-notify {
+nav .nav-notification {
background-color: #F80;
top: 0px;
right: -5px;
border-radius: 5px 5px 5px 5px;
}
-nav .nav-menu-icon .nav-notify {
+nav .nav-menu-icon .nav-notification {
top: 0px;
}
margin-right: 4px;
}
-nav .nav-menu > a > .nav-notify,
-nav .nav-menu-icon > a > .nav-notify {
+nav .nav-menu > a > .nav-notification,
+nav .nav-menu-icon > a > .nav-notification {
position: absolute;
top: 3px;
right: -5px;
margin-right: -20px;
}
-nav .nav-notify {
+nav .nav-notification {
display: none;
background-color: #F80;
-moz-border-radius: 5px 5px 5px 5px;
text-align: center;
color: white;
}
-nav .nav-notify.show {
+nav .nav-notification.show {
display: inline-block;
}
padding: 5px 10px; */
}
-.notify-unseen {background-color: #FFF; }
+.notification-unseen {background-color: #FFF; }
-.notify-seen {
+.notification-seen {
background: none repeat scroll 0 0 #EEE;
}
<a accesskey="p" class="{{$nav.home.2}}" href="{{$nav.home.0}}" title="{{$nav.home.3}}" >
<span class="desktop-view">{{$nav.home.1}}</span>
<i class="icon s22 icon-home mobile-view"><span class="sr-only">{{$nav.home.1}}</span></i>
- <span id="home-update" class="nav-notify"></span>
+ <span id="home-update" class="nav-notification"></span>
</a>
</li>
{{/if}}
<a accesskey="n" class="{{$nav.network.2}}" href="{{$nav.network.0}}" title="{{$nav.network.3}}" >
<span class="desktop-view">{{$nav.network.1}}</span>
<i class="icon s22 icon-th mobile-view"><span class="sr-only">{{$nav.network.1}}</span></i>
- <span id="net-update" class="nav-notify"></span>
+ <span id="net-update" class="nav-notification"></span>
</a>
</li>
{{/if}}
<li role="menu" aria-haspopup="true" id="nav-messages-linkmenu" class="nav-menu-icon">
<a href="{{$nav.messages.0}}" title="{{$nav.messages.1}}">
<span class="icon s22 icon-envelope"><span class="sr-only">{{$nav.messages.1}}</span></span>
- <span id="mail-update" class="nav-notify"></span>
+ <span id="mail-update" class="nav-notification"></span>
</a>
</li>
{{/if}}
<li role="menu" aria-haspopup="true" id="nav-notifications-linkmenu" class="nav-menu-icon">
<a title="{{$nav.notifications.1}}">
<span class="icon s22 icon-bell tilted-icon"><span class="sr-only">{{$nav.notifications.1}}</span></span>
- <span id="notify-update" class="nav-notify"></span>
+ <span id="notification-update" class="nav-notification"></span>
</a>
<ul id="nav-notifications-menu" class="menu-popup">
<li role="menuitem" id="nav-notifications-mark-all"><a onclick="notifyMarkAll(); return false;">{{$nav.notifications.mark.1}}</a></li>
{{if $userinfo}}
<li role="menu" aria-haspopup="true" id="nav-user-linkmenu" class="nav-menu">
- <a accesskey="u" title="{{$sitelocation}}"><img src="{{$userinfo.icon}}" alt="{{$userinfo.name}}"><span id="nav-user-linklabel">{{$userinfo.name}}</span><span id="intro-update" class="nav-notify"></span></a>
+ <a accesskey="u" title="{{$sitelocation}}"><img src="{{$userinfo.icon}}" alt="{{$userinfo.name}}"><span id="nav-user-linklabel">{{$userinfo.name}}</span><span id="intro-update" class="nav-notification"></span></a>
<ul id="nav-user-menu" class="menu-popup">
<li role="menuitem"> <a class="{{$nav.search.2}}" href="{{$nav.search.0}}" title="{{$nav.search.3}}" >{{$nav.search.1}}</a> </li>
- {{if $nav.introductions}}<li role="menuitem"><a class="{{$nav.introductions.2}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >{{$nav.introductions.1}}</a><span id="intro-update-li" class="nav-notify"></span></li>{{/if}}
+ {{if $nav.introductions}}<li role="menuitem"><a class="{{$nav.introductions.2}}" href="{{$nav.introductions.0}}" title="{{$nav.introductions.3}}" >{{$nav.introductions.1}}</a><span id="intro-update-li" class="nav-notification"></span></li>{{/if}}
{{if $nav.contacts}}<li role="menuitem"><a class="{{$nav.contacts.2}}" href="{{$nav.contacts.0}}" title="{{$nav.contacts.3}}" >{{$nav.contacts.1}}</a></li>{{/if}}
- {{if $nav.messages}}<li role="menuitem"><a class="{{$nav.messages.2}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" >{{$nav.messages.1}} <span id="mail-update-li" class="nav-notify"></span></a></li>{{/if}}
+ {{if $nav.messages}}<li role="menuitem"><a class="{{$nav.messages.2}}" href="{{$nav.messages.0}}" title="{{$nav.messages.3}}" >{{$nav.messages.1}} <span id="mail-update-li" class="nav-notification"></span></a></li>{{/if}}
{{if $nav.delegation}}<li role="menuitem"><a class="{{$nav.delegation.2}}" href="{{$nav.delegation.0}}" title="{{$nav.delegation.3}}">{{$nav.delegation.1}}</a></li>{{/if}}
{{if $nav.usermenu.1}}<li role="menuitem"><a class="{{$nav.usermenu.1.2}}" href="{{$nav.usermenu.1.0}}" title="{{$nav.usermenu.1.3}}">{{$nav.usermenu.1.1}}</a></li>{{/if}}
{{if $nav.settings}}<li role="menuitem"><a class="{{$nav.settings.2}}" href="{{$nav.settings.0}}" title="{{$nav.settings.3}}">{{$nav.settings.1}}</a></li>{{/if}}