'$title' => DI::l10n()->t('Groups'),
'$groups' => $entries,
'$link_desc' => DI::l10n()->t('External link to group'),
+ '$New_group_page' => 'register/',
'$total' => $total,
'$visible_groups' => $visibleGroups,
'$showless' => DI::l10n()->t('show less'),
- '$showmore' => DI::l10n()->t('show more')]
+ '$showmore' => DI::l10n()->t('show more'),
+ '$create_new_group' => DI::l10n()->t('Create new group')]
);
}
<h3>{{$title}}</h3>
</span>
<div id="group-list-sidebar" class="widget">
+<div id="sidebar-group-header" class="sidebar-widget-header">
<span class="fakelink" onclick="openCloseWidget('group-list-sidebar', 'group-list-sidebar-inflated');">
- <h3 id="group-list">{{$title}}</h3>
+ <h3>{{$title}}</h3>
</span>
+ <a class="group-new-tool pull-right widget-action faded-icon" id="sidebar-new-group" href="{{$New_group_page}}" data-toggle="tooltip" title="{{$create_new_group}}">
+ <i class="fa fa-plus" aria-hidden="true"></i>
+ </a>
+ </div>
+ <div id="sidebar-group-list" class="sidebar-widget-list">
+ {{* The list of available groups *}}
<ul id="group-list-sidebar-ul" role="menu">
{{foreach $groups as $group}}
{{if $group.id <= $visible_groups}}
{{/if}}
</ul>
</div>
+</div>
</span>
<script>
initWidget('group-list-sidebar', 'group-list-sidebar-inflated');
padding: 2px 8px;
}
-div#sidebar-circle-header h3 {
+div#sidebar-circle-header h3,
+div#sidebar-group-header h3 {
float: left;
}
-div#sidebar-circle-list {
+div#sidebar-circle-list,
+div#sidebar-group-list {
clear: both;
}
clear: both;
}
-.circle-edit-tool {
+.circle-edit-tool,
+.group-new-tool {
padding-top: 0;
color: $font_color_darker;
}
-.sidebar-widget-header .circle-edit-tool {
+.sidebar-widget-header .circle-edit-tool,
+.group-new-tool {
margin-top: -5px;
}
padding: 5px 10px;
}
aside #circle-sidebar .sidebar-circle-li .circle-edit-tool.faded-icon:hover,
+aside #group-sidebar .group-new-tool.faded-icon:hover,
aside #saved-search-list .saved-search-li .savedsearchdrop.faded-icon:hover,
aside .widget.widget-action.faded-icon:hover {
opacity: 0.8;
transition: all 0.25s ease-in-out;
}
aside #circle-sidebar .sidebar-circle-li .circle-edit-tool.faded-icon:hover,
+aside #group-sidebar .group-new-tool.faded-icon:hover,
aside #saved-search-list .saved-search-li .savedsearchdrop.faded-icon:hover,
aside .widget .widget-action.faded-icon:hover {
opacity: 1;
content: "\f0da"; /* Right Plain Pointer */
}
.widget > .fakelink > h3:before,
-#sidebar-circle-header > .fakelink > h3:before {
+#sidebar-circle-header > .fakelink > h3:before,
+#sidebar-group-header > .fakelink > h3:before {
font-family: ForkAwesome;
content: "\f0d7"; /* Bottom Plain Pointer */
}
}
#sidebar-new-circle,
-#sidebar-edit-circles {
+#sidebar-edit-circles,
+#sidebar-new-group {
padding: 7px;
width: 165px;
margin: auto;
opacity: 1;
}
-.sidebar-circle-li:hover, #sidebar-new-circle:hover, #sidebar-edit-circles:hover,#group-widget-collapse:hover,
-#sidebar-uncircled:hover, .side-link:hover, .nets-ul li:hover, #group-list-sidebar li:hover, #group-list-sidebar-right li:hover,
+.sidebar-circle-li:hover, #sidebar-new-circle:hover, #sidebar-edit-circles:hover, #sidebar-new-group:hover, #group-widget-collapse:hover,
+#sidebar-uncircled:hover, .side-link:hover, .nets-ul li:hover, #grouplist-sidebar li:hover, #grouplist-sidebar-right li:hover,
.nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, right_aside h4 a:hover, #message-new:hover,
#sidebar-photos-albums li:hover, .photos-upload-link:hover, .textcomplete-item.active {
/* background-color: #ddd; */
font-weight: bold;
}
-#group-widget-showmore, #sidebar-new-circle, #sidebar-edit-circles, #group-widget-collapse, #group-list-rsidebar-right, #sidebar-uncircled,
+#group-widget-showmore, #sidebar-new-circle, #sidebar-edit-circles, #sidebar-new-group, #group-widget-collapse, #grouplist-rsidebar-right, #sidebar-uncircled,
.side-link, #peoplefind-desc, #connect-desc, .nets-all, .admin.link, #message-new {
padding-left: 10px;
padding-top: 3px;
display: inline-block;
}
-a.nets-link, .side-link a, #sidebar-new-circle a, #sidebar-edit-circles a, a.savedsearchterm,a.fileas-link, aside h4 a, right_aside h4 a {
+a.nets-link, .side-link a, #sidebar-new-circle a, #sidebar-edit-circles a, #sidebar-new-group a, a.savedsearchterm,a.fileas-link, aside h4 a, right_aside h4 a {
display: block;
color: #737373;
}