Active group in menu

arj03 · Nov 18, 2021 · 0487e3e · 0487e3e
1 parent c0fccf5
commit 0487e3e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/dist/index.css b/dist/index.css
@@ -20,6 +20,11 @@ body {
   overflow:auto;
 }
 
+.activegroup {
+  font-weight: bold;
+  color: #90EE90
+}
+
 #main {
   margin-left: 13rem;
   padding-left: 1rem;

diff --git a/dist/index.html b/dist/index.html
@@ -16,7 +16,7 @@
 
       <b>Groups</b><span style="padding-left: 5px;" class="link" v-on:click="newGroup()" title="Create a new group">🌱</span>
       <ul v-for="group in groups" class="dashed">
-        <li class="link">
+        <li class="link" v-bind:class="{ activegroup: group.id == activeGroupId }">
           <span v-on:click="openGroup(group)" title="Open group">{{ group.title }}</span>
         </li>
       </ul>

diff --git a/index.js b/index.js
@@ -105,6 +105,8 @@ const menu = new Vue({
       groups: [],
       peers: [],
 
+      activeGroupId: '',
+
       // group dialog
       groupKey: '',
       showGroupEdit: false,
@@ -117,6 +119,7 @@ const menu = new Vue({
   methods: {
     dumpDB,
     openGroup: function(group) {
+      this.activeGroupId = group.id
       new Vue(chatApp(pull, ssbSingleton, group, getChatFeed)).$mount("#app")
     },
     editGroupConfig: function(group) {
@@ -179,7 +182,8 @@ const menu = new Vue({
                 if (err) return console.error(err)
 
                 this.showGroupEdit = false
-
+                this.activeGroupId = groupId
+
                 new Vue(
                   chatApp(pull, ssbSingleton,
                           { key: groupKey, id: groupId }, getChatFeed)