feat: Enhance session item UI

app/components/public/session-item.hbs

@@ -40,7 +40,7 @@
            </div>
            <div class="left floated nine wide column">
              {{#each @session.speakers as |speaker|}}
-                {{speaker.name}} ({{speaker.position}}, {{speaker.organisation}})
+                {{speaker.name}} {{#if (or speaker.position speaker.positionOrganisation)}}({{speaker.positionOrganisation}}){{/if}}
                 <br>
               {{/each}}
             </div>
@@ -119,6 +119,8 @@
         <br>
         {{speaker.name}}
         <br>
+        {{speaker.positionOrganisation}}
+        <br>
         {{#if speaker.shortBiography}}
           {{sanitize speaker.shortBiography}}
         {{else if speaker.longBiography}}

app/components/public/session-item.js

@@ -1,12 +1,14 @@
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
+import { tracked } from '@glimmer/tracking';
 import { extractYoutubeUrl } from 'open-event-frontend/utils/url';
 
 export default class SessionItem extends Component {
   @service router;
 
-  hideImage = false;
+  @tracked
+  hideImage = this.args.expanded;
 
   get youtubeLink() {
     return extractYoutubeUrl(this.args.session.videoUrl);

app/models/speaker.js

@@ -1,6 +1,7 @@
 import attr from 'ember-data/attr';
 import ModelBase from 'open-event-frontend/models/base';
 import { belongsTo, hasMany } from 'ember-data/relationships';
+import { computed } from '@ember/object';
 
 export default class Speaker extends ModelBase.extend({
 
@@ -43,6 +44,10 @@ export default class Speaker extends ModelBase.extend({
   event    : belongsTo('event'),
   sessions : hasMany('session'),
 
+  positionOrganisation: computed('position', 'organization', function() {
+    return [this.position, this.organisation].filter(Boolean).join(', ');
+  }),
+
   ready() {
     if (!this.complexFieldValues) {
       this.complexFieldValues = {};