Added group details

Models/M365Group.cs

@@ -6,9 +6,8 @@ public class M365Group
         public string? DisplayName { get; set; }
         public string? Description { get; set; }
         public string? Visibility { get; set; }
-        public string? Url { get; set; }
-        public string? Thumbnail { get; set; }
-        public string? UserRole { get; set; }
-        public bool TeamsConnected { get; set; }
+
+        public List<string>? Owners { get; set; }
+        public List<string>? Members { get; set; }
     }
 }

Pages/GroupDetails.cshtml

@@ -1,4 +1,58 @@
 @page
 @model hack_together_groups_manager.Pages.GroupDetailsModel
 @{
+    ViewData["Title"] = "M365 Group Details";
 }
+
+<style>
+    body {
+        padding: 20px 0;
+        background: #f2f5f8;
+    }
+</style>
+
+<div class="text-left">
+    <h3 class="display-8">Group Details: </h3>
+
+    <table>
+        <tr>
+            <td>Display Name:</td>
+            <td>@Model.M365GroupDetails.DisplayName</td>
+        </tr>
+        <tr>
+            <td>Description:</td>
+            <td>@Model.M365GroupDetails.Description</td>
+        </tr>
+        <tr>
+            <td>Visibility:</td>
+            <td>@Model.M365GroupDetails.Visibility</td>
+        </tr>
+    </table>
+
+    <p></p>
+    <div>Owners:</div>
+    <table class="table table-striped border">
+    @foreach (var owner in Model.M365GroupDetails.Owners)
+    {
+            <tr>
+                    <td>
+                        @Html.DisplayFor(m => owner)
+                    </td>                        
+            </tr>
+    }
+    </table>
+
+    <p></p>
+    <div>Members:</div>
+    <table class="table table-striped border">
+        @foreach (var member in Model.M365GroupDetails.Members)
+        {
+            <tr>
+                <td>
+                    @Html.DisplayFor(m => member)
+                </td>
+            </tr>
+        }
+    </table>
+</div>
+

Pages/GroupDetails.cshtml.cs

@@ -1,12 +1,62 @@
 using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.Mvc.RazorPages;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Microsoft.Graph;
+using System.Diagnostics.Metrics;
 
 namespace hack_together_groups_manager.Pages
 {
     public class GroupDetailsModel : PageModel
     {
-        public void OnGet()
+        private readonly ILogger<IndexModel> _logger;
+        private readonly GraphServiceClient _graphServiceClient;
+        public Models.M365Group M365GroupDetails { get; set; }
+
+        public GroupDetailsModel(ILogger<IndexModel> logger, GraphServiceClient graphServiceClient)
         {
+            _logger = logger;
+            _graphServiceClient = graphServiceClient;
+        }
+
+        public async Task OnGetAsync()
+        {
+            string groupId = HttpContext.Request.Query["groupId"];
+            var  groupInfo = new Models.M365Group();
+
+            if (groupId != null)
+            {
+                var resultGroupInfo = await this._graphServiceClient.Groups[groupId].Request().GetAsync();
+                if (resultGroupInfo != null)
+                {
+                    var group = resultGroupInfo as Microsoft.Graph.Group;
+
+                    groupInfo.Description = group.Description;
+                    groupInfo.DisplayName = group.DisplayName;
+                    groupInfo.Visibility = group.Visibility;
+                }
+
+                var resultMembersInfo = await this._graphServiceClient.Groups[groupId].Members.Request().GetAsync();
+                if (resultMembersInfo != null)
+                {
+                    groupInfo.Members = new List<string>();
+                    foreach (var member in resultMembersInfo)
+                    {
+                        groupInfo.Members.Add((member as Microsoft.Graph.User).UserPrincipalName);
+                    }
+                }
+
+                var resultOwnersInfo = await this._graphServiceClient.Groups[groupId].Owners.Request().GetAsync();
+                if (resultOwnersInfo != null)
+                {
+                    groupInfo.Owners = new List<string>();
+                    foreach (var owner in resultOwnersInfo)
+                    {
+                        groupInfo.Owners.Add((owner as Microsoft.Graph.User).UserPrincipalName);
+                    }
+                }
+            }
+
+            M365GroupDetails = groupInfo;
         }
     }
 }

Pages/Index.cshtml

@@ -32,7 +32,7 @@
             {
                 <tr>
                     <td>
-                        @Html.DisplayFor(m => item.DisplayName)
+                        <a href="/GroupDetails?groupId=@Html.DisplayFor(m => item.Id)">@Html.DisplayFor(m => item.DisplayName)</a>
                     </td>
                     <td>
                         @Html.DisplayFor(m => item.Description)

Pages/Index.cshtml.cs

@@ -42,14 +42,5 @@ public async Task OnGetAsync()
 
             M365Groups = m365Groups;
         }
-        public ActionResult GroupDetails(string Id)
-        {
-            return RedirectToAction("GroupDetails");
-        }
-
-        public ActionResult Edit(string Id)
-        {
-            return RedirectToAction("GroupDetails");
-        }
     }
 }

Pages/MemberGroups.cshtml

@@ -33,7 +33,7 @@
             {
                 <tr>
                     <td>
-                        @Html.DisplayFor(m => item.DisplayName)
+                        <a href="/GroupDetails?groupId=@Html.DisplayFor(m => item.Id)">@Html.DisplayFor(m => item.DisplayName)</a>
                     </td>
                     <td>
                         @Html.DisplayFor(m => item.Description)

README.md

@@ -20,6 +20,10 @@ Member Groups page showing the M365 groups, an user is member of:
 
 ![Member Groups](./assets/member-groups.png)
 
+Clicking the Group name will display additional information of the Group.
+
+![Group Details](./assets/group-details.png)
+
 ## Minimal path to awesome
 
 Follow below steps to use this app: