feature-9081: Show sidebar filter option for languages (#9133)

* feature-9081: Show sidebar filter option for languages

* feature-9081: Show sidebar filter option for languages

* feature-9081: Show sidebar filter option for languages

* feature-9081: Show sidebar filter option for languages

* feature-9081: Show sidebar filter option for languages

* feature-9081: Show sidebar filter option for languages

* feature-9081: Show sidebar filter option for languages

Author: Hieu Lam - TMA

app/templates/components/public/schedule-menu-filter.hbs

@@ -61,25 +61,44 @@
                         </div>
                     </UiDropdown>
                 </div>
+            {{else}}
+                {{#if this.languageList}}
+                    <div class="four wide column item-session-level">
+                        <UiDropdown @class="d-flex items-center pl-4 mb-2 search selection menu-type">
+                            <div class="default">
+                                {{t 'Langs'}}
+                            </div>
+                            <i class="dropdown icon ic-ddown"></i>
+                            <div class="menu">
+                                {{#each this.languageList as |language|}}
+                                    <UiCheckbox @class="item" @label={{language.name}} @checked={{if (includes this.activeLanguage
+                                        language.name) "active" }} @onChange={{action this.languageFilter language.name}} />
+                                {{/each}}
+                            </div>
+                        </UiDropdown>
+                     </div>
+                {{/if}}
             {{/if}}
         </div>
     </div>
-    <div class="four wide column item-track">
-        {{#if this.languageList}}
-            <UiDropdown @class="d-flex items-center pl-4 mb-2 search selection menu-type">
-                <div class="default">
-                    {{t 'Languages'}}
-                </div>
-                <i class="dropdown icon ic-ddown"></i>
-                <div class="menu">
-                    {{#each this.languageList as |language|}}
-                    <UiCheckbox @class="item" @label={{language.name}} @checked={{if (includes this.activelanguage
-                        language.name) " active" }} @onChange={{action this.languageFilter language.name}} />
-                    {{/each}}
-                </div>
-            </UiDropdown>
-        {{/if}}
-    </div>
+    {{#if this.hasSessionLevel}}
+        <div class="four wide column item-track">
+            {{#if this.languageList}}
+                <UiDropdown @class="d-flex items-center pl-4 mb-2 search selection menu-type">
+                    <div class="default">
+                        {{t 'Languages'}}
+                    </div>
+                    <i class="dropdown icon ic-ddown"></i>
+                    <div class="menu">
+                        {{#each this.languageList as |language|}}
+                            <UiCheckbox @class="item" @label={{language.name}} @checked={{if (includes this.activeLanguage
+                                language.name) "active" }} @onChange={{action this.languageFilter language.name}} />
+                        {{/each}}
+                    </div>
+                </UiDropdown>
+            {{/if}}
+        </div>
+    {{/if}}
     {{#if (or this.router.currentRoute.queryParams.track  this.router.currentRoute.queryParams.room this.router.currentRoute.queryParams.sessionType this.router.currentRoute.queryParams.level)}}
         <div class="ui mb-2">
             {{#if this.router.currentRoute.queryParams.track}}

app/templates/public/sessions.hbs

@@ -22,7 +22,7 @@
         </UiDropdown>
       </div>
       <div class="three wide column item-clear-filter custom-a-href">
-        <LinkTo @route="public.sessions" @models={{array this.model.event.id}} @query={{hash sort='starts-at' date=null search=null track=null sessionType=null room=null level=null my_speaker_sessions=null my_schedule=null}} @invokeAction={{action this.removeActiveClass}} data-tooltip="{{t 'Clear All Filters'}}" class="pb-2 pt-2 ui button mb-2">
+        <LinkTo @route="public.sessions" @models={{array this.model.event.id}} @query={{hash sort='starts-at' date=null search=null track=null language=null sessionType=null room=null level=null my_speaker_sessions=null my_schedule=null}} @invokeAction={{action this.removeActiveClass}} data-tooltip="{{t 'Clear All Filters'}}" class="pb-2 pt-2 ui button mb-2">
           <i><Icons::ClearFilter /></i>
         </LinkTo>
       </div>
@@ -128,7 +128,7 @@
         <LinkTo @route="public.sessions" @models={{array this.model.event.id}} @query={{hash sort='-favourite-count'}} class="item">{{t 'By Popularity'}}</LinkTo>
       </div>
     </UiDropdown>
-    <LinkTo @route="public.sessions" @models={{array this.model.event.id}} @query={{hash sort='starts-at' date=null search=null track=null sessionType=null room=null level=null my_speaker_sessions=null my_schedule=null}} @invokeAction={{action this.removeActiveClass}} data-tooltip="{{t 'Clear All Filters'}}" class="pb-2 pt-2 ui button mb-2">
+    <LinkTo @route="public.sessions" @models={{array this.model.event.id}} @query={{hash sort='starts-at' date=null search=null track=null sessionType=null room=null level=null language=null my_speaker_sessions=null my_schedule=null}} @invokeAction={{action this.removeActiveClass}} data-tooltip="{{t 'Clear All Filters'}}" class="pb-2 pt-2 ui button mb-2">
       <i><Icons::ClearFilter /></i>
     </LinkTo>
     {{/if}}