From a7cce4013c5040a6c22e7f960e9549b64115089a Mon Sep 17 00:00:00 2001
From: anubis2814 <57196483+anubis2814@users.noreply.github.com>
Date: Sun, 4 Jun 2023 22:04:32 -0400
Subject: [PATCH] New group button

---
 src/Content/GroupManager.php         |  4 +++-
 view/templates/widget/group_list.tpl | 10 +++++++++-
 view/theme/frio/css/style.css        | 17 ++++++++++++-----
 view/theme/smoothly/style.css        |  3 ++-
 view/theme/vier/style.css            |  8 ++++----
 5 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/src/Content/GroupManager.php b/src/Content/GroupManager.php
index 9377ea32e9..36765359be 100644
--- a/src/Content/GroupManager.php
+++ b/src/Content/GroupManager.php
@@ -151,10 +151,12 @@ class GroupManager
 					'$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')]
 			);
 		}
 
diff --git a/view/templates/widget/group_list.tpl b/view/templates/widget/group_list.tpl
index fd71a8e9dc..562900803d 100644
--- a/view/templates/widget/group_list.tpl
+++ b/view/templates/widget/group_list.tpl
@@ -16,9 +16,16 @@ function showHideGroupList() {
 	<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}}
@@ -47,6 +54,7 @@ function showHideGroupList() {
 		{{/if}}
 	</ul>
 </div>
+</div>
 </span>
 <script>
 initWidget('group-list-sidebar', 'group-list-sidebar-inflated');
diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index f9e0e5ee71..aacebdbe4a 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -1303,11 +1303,13 @@ aside #follow-sidebar .form-group-search .form-button-search {
 	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;
 }
 
@@ -1315,11 +1317,13 @@ div#sidebar-circle-list {
 	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;
 }
 
@@ -1340,12 +1344,14 @@ aside .widget-action {
 	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;
@@ -3063,7 +3069,8 @@ details.profile-jot-net[open] summary:before {
 	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 */
 }
diff --git a/view/theme/smoothly/style.css b/view/theme/smoothly/style.css
index 3ede3a8daa..3e38030b97 100644
--- a/view/theme/smoothly/style.css
+++ b/view/theme/smoothly/style.css
@@ -931,7 +931,8 @@ li.widget-list {
 }
 
 #sidebar-new-circle,
-#sidebar-edit-circles {
+#sidebar-edit-circles, 
+#sidebar-new-group {
 	padding: 7px;
 	width: 165px;
 	margin: auto;
diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index dd310af325..60baa11ab7 100644
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -435,8 +435,8 @@ pre code {
 	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; */
@@ -456,7 +456,7 @@ pre code {
 	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;
@@ -490,7 +490,7 @@ pre code {
 	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;
 }