duepuntozero, vier: add unread messages per group

This commit is contained in:
fabrixxm 2015-11-08 18:02:04 +01:00
parent 3c1127e613
commit c700a6fb37
6 changed files with 51 additions and 21 deletions

View file

@ -4,18 +4,19 @@
<div id="sidebar-group-list">
<ul role="menu" id="sidebar-group-ul">
{{foreach $groups as $group}}
<li role="menuitem" class="sidebar-group-li">
<li role="menuitem" class="sidebar-group-li group-{{$group.id}}">
{{if $group.cid}}
<input type="checkbox"
class="{{if $group.selected}}ticked{{else}}unticked {{/if}} action"
<input type="checkbox"
class="{{if $group.selected}}ticked{{else}}unticked {{/if}} action"
onclick="contactgroupChangeMember('{{$group.id}}','{{$group.cid}}');return true;"
{{if $group.ismember}}checked="checked"{{/if}}
/>
{{/if}}
{{/if}}
{{if $group.edit}}
<a class="groupsideedit" href="{{$group.edit.href}}" title="{{$edittext}}"><span id="edit-sidebar-group-element-{{$group.id}}" class="group-edit-icon iconspacer small-pencil"><span class="sr-only">{{$edittext}}</span></span></a>
{{/if}}
<a id="sidebar-group-element-{{$group.id}}" class="sidebar-group-element {{if $group.selected}}group-selected{{/if}}" href="{{$group.href}}">{{$group.text}}</a>
<span class="notify"></span>
</li>
{{/foreach}}
</ul>

View file

@ -2039,6 +2039,17 @@ a.mail-list-link {
#sidebar-group-list ul {
list-style-type: none;
}
.sidebar-group-li .notify {
display: none;
font-size: 9px;
border: 1px solid rgb(221, 221, 221);
padding: 2px;
float: right;
background-color: #BABDB6;
}
.sidebar-group-li .notify.show {
display: block;
}
#sidebar-group-list .icon, #sidebar-group-list .iconspacer {
display: inline-block;

View file

@ -4,7 +4,7 @@ $(document).ready(function(){
var intro = $(data).find('intro').text();
var mail = $(data).find('mail').text();
$("tool notify").removeClass("on");
$(".tool .notify").removeClass("on");
$(data).find("group").each(function() {
var gid = this.id;
var gcount = this.innerHTML;

View file

@ -366,6 +366,17 @@ code {
#sidebar-group-list .tool:hover {
background: #EEE;
}
#sidebar-group-list .notify {
min-width: 10px;
text-align: center;
color: #FFF;
background-color: #CB4437;
font: bold 10px Arial;
padding: 3px;
border-radius: 10px;
display: none;
}
#sidebar-group-list .notify.show { display: inline-block; }
.tool .label {
/* float: left; */
}
@ -1360,12 +1371,12 @@ section.minimal {
width: 100%;
margin-bottom: 0.3em;
}
.wall-item-container .wall-item-actions-social,
.wall-item-container .wall-item-actions-social,
.wall-item-container .wall-item-actions-isevent {
float: left;
margin-bottom: 1px;
}
.wall-item-container .wall-item-actions-social a,
.wall-item-container .wall-item-actions-social a,
.wall-item-container .wall-item-actions-isevent a {
float: left;
margin-right: 1em;
@ -2287,7 +2298,7 @@ aside #id_password {
width: 120px;
height: 130px;
float: left;
overflow: hidden;
overflow: hidden;
margin-left: 5px;
}*/