New group button
This commit is contained in:
parent
141c55fe7f
commit
a7cce4013c
5 changed files with 30 additions and 12 deletions
|
@ -151,10 +151,12 @@ class GroupManager
|
||||||
'$title' => DI::l10n()->t('Groups'),
|
'$title' => DI::l10n()->t('Groups'),
|
||||||
'$groups' => $entries,
|
'$groups' => $entries,
|
||||||
'$link_desc' => DI::l10n()->t('External link to group'),
|
'$link_desc' => DI::l10n()->t('External link to group'),
|
||||||
|
'$New_group_page' => 'register/',
|
||||||
'$total' => $total,
|
'$total' => $total,
|
||||||
'$visible_groups' => $visibleGroups,
|
'$visible_groups' => $visibleGroups,
|
||||||
'$showless' => DI::l10n()->t('show less'),
|
'$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')]
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -16,9 +16,16 @@ function showHideGroupList() {
|
||||||
<h3>{{$title}}</h3>
|
<h3>{{$title}}</h3>
|
||||||
</span>
|
</span>
|
||||||
<div id="group-list-sidebar" class="widget">
|
<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');">
|
<span class="fakelink" onclick="openCloseWidget('group-list-sidebar', 'group-list-sidebar-inflated');">
|
||||||
<h3 id="group-list">{{$title}}</h3>
|
<h3>{{$title}}</h3>
|
||||||
</span>
|
</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">
|
<ul id="group-list-sidebar-ul" role="menu">
|
||||||
{{foreach $groups as $group}}
|
{{foreach $groups as $group}}
|
||||||
{{if $group.id <= $visible_groups}}
|
{{if $group.id <= $visible_groups}}
|
||||||
|
@ -47,6 +54,7 @@ function showHideGroupList() {
|
||||||
{{/if}}
|
{{/if}}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</span>
|
</span>
|
||||||
<script>
|
<script>
|
||||||
initWidget('group-list-sidebar', 'group-list-sidebar-inflated');
|
initWidget('group-list-sidebar', 'group-list-sidebar-inflated');
|
||||||
|
|
|
@ -1303,11 +1303,13 @@ aside #follow-sidebar .form-group-search .form-button-search {
|
||||||
padding: 2px 8px;
|
padding: 2px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#sidebar-circle-header h3 {
|
div#sidebar-circle-header h3,
|
||||||
|
div#sidebar-group-header h3 {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#sidebar-circle-list {
|
div#sidebar-circle-list,
|
||||||
|
div#sidebar-group-list {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1315,11 +1317,13 @@ div#sidebar-circle-list {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.circle-edit-tool {
|
.circle-edit-tool,
|
||||||
|
.group-new-tool {
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
color: $font_color_darker;
|
color: $font_color_darker;
|
||||||
}
|
}
|
||||||
.sidebar-widget-header .circle-edit-tool {
|
.sidebar-widget-header .circle-edit-tool,
|
||||||
|
.group-new-tool {
|
||||||
margin-top: -5px;
|
margin-top: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1340,12 +1344,14 @@ aside .widget-action {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
}
|
}
|
||||||
aside #circle-sidebar .sidebar-circle-li .circle-edit-tool.faded-icon:hover,
|
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 #saved-search-list .saved-search-li .savedsearchdrop.faded-icon:hover,
|
||||||
aside .widget.widget-action.faded-icon:hover {
|
aside .widget.widget-action.faded-icon:hover {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
transition: all 0.25s ease-in-out;
|
transition: all 0.25s ease-in-out;
|
||||||
}
|
}
|
||||||
aside #circle-sidebar .sidebar-circle-li .circle-edit-tool.faded-icon:hover,
|
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 #saved-search-list .saved-search-li .savedsearchdrop.faded-icon:hover,
|
||||||
aside .widget .widget-action.faded-icon:hover {
|
aside .widget .widget-action.faded-icon:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
@ -3063,7 +3069,8 @@ details.profile-jot-net[open] summary:before {
|
||||||
content: "\f0da"; /* Right Plain Pointer */
|
content: "\f0da"; /* Right Plain Pointer */
|
||||||
}
|
}
|
||||||
.widget > .fakelink > h3:before,
|
.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;
|
font-family: ForkAwesome;
|
||||||
content: "\f0d7"; /* Bottom Plain Pointer */
|
content: "\f0d7"; /* Bottom Plain Pointer */
|
||||||
}
|
}
|
||||||
|
|
|
@ -931,7 +931,8 @@ li.widget-list {
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar-new-circle,
|
#sidebar-new-circle,
|
||||||
#sidebar-edit-circles {
|
#sidebar-edit-circles,
|
||||||
|
#sidebar-new-group {
|
||||||
padding: 7px;
|
padding: 7px;
|
||||||
width: 165px;
|
width: 165px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
|
|
@ -435,8 +435,8 @@ pre code {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-circle-li:hover, #sidebar-new-circle:hover, #sidebar-edit-circles:hover,#group-widget-collapse: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, #group-list-sidebar li:hover, #group-list-sidebar-right li: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,
|
.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 {
|
#sidebar-photos-albums li:hover, .photos-upload-link:hover, .textcomplete-item.active {
|
||||||
/* background-color: #ddd; */
|
/* background-color: #ddd; */
|
||||||
|
@ -456,7 +456,7 @@ pre code {
|
||||||
font-weight: bold;
|
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 {
|
.side-link, #peoplefind-desc, #connect-desc, .nets-all, .admin.link, #message-new {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
|
@ -490,7 +490,7 @@ pre code {
|
||||||
display: inline-block;
|
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;
|
display: block;
|
||||||
color: #737373;
|
color: #737373;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue