fix: target name gets highlited in side-menu

fossasia · Jan 26, 2020 · cf4b742 · cf4b742
1 parent 398bb21
commit cf4b742
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/app/components/public/side-menu.js b/app/components/public/side-menu.js
@@ -3,12 +3,18 @@ import { computed } from '@ember/object';
 import moment from 'moment';
 
 export default Component.extend({
+  Index: undefined,
   async didInsertElement() {
     this._super(...arguments);
     let speakersCall = await this.get('event.speakersCall');
     this.set('shouldShowCallforSpeakers',
       speakersCall && speakersCall.announcement && (speakersCall.privacy === 'public'));
   },
+  actions: {
+    changeIndex(index) {
+      this.set('Index', index);
+    }
+  },
   isSchedulePublished: computed('event.schedulePublishedOn', function() {
     return this.get('event.schedulePublishedOn') && this.get('event.schedulePublishedOn').toISOString() !== moment(0).toISOString();
   })

diff --git a/app/templates/components/public/side-menu.hbs b/app/templates/components/public/side-menu.hbs
@@ -1,11 +1,11 @@
 {{#if (and (not-eq session.currentRouteName 'public.cfs.new-session') (not-eq session.currentRouteName 'public.cfs.new-speaker') (not-eq session.currentRouteName 'public.cfs.edit-speaker') (not-eq session.currentRouteName 'public.cfs.edit-session'))}}
   <div class="ui fluid vertical {{unless device.isMobile 'pointing'}} menu">
     {{#if (eq session.currentRouteName 'public.index')}}
-      {{#scroll-to href='#info' class='item active'}}
+      {{#scroll-to click=(action 'changeIndex' "info") href='#info' class=(if (eq Index "info") 'active item' 'item')}}
         {{t 'Info'}}
       {{/scroll-to}}
       {{#if event.tickets.length}}
-        {{#scroll-to href='#tickets' class='item'}}
+        {{#scroll-to click=(action 'changeIndex' "tickets") href='#tickets' class=(if (eq Index "tickets") 'active item' 'item')}}
           {{t 'Tickets'}}
         {{/scroll-to}}
       {{/if}}
@@ -46,7 +46,7 @@
     {{/if}}
     {{#if event.hasOwnerInfo}}
       {{#if (eq session.currentRouteName 'public.index')}}
-        {{#scroll-to href='#owner' class='item'}}
+        {{#scroll-to click=(action 'changeIndex' "owner")  href='#owner' class=(if (eq Index "owner") 'active item' 'item')}}
           {{t 'Owner'}}
         {{/scroll-to}}
       {{else}}
@@ -56,7 +56,7 @@
       {{/if}}
     {{/if}}
     {{#if (eq session.currentRouteName 'public.index')}}
-      {{#scroll-to href='#getting-here' class='item'}}
+      {{#scroll-to click=(action 'changeIndex' "gettingHere") href='#getting-here' class=(if (eq Index "gettingHere") 'active item' 'item')}}
         {{t 'Getting here'}}
       {{/scroll-to}}
     {{else}}