fix: Add Weekdays, Correct Font Color (#4836)

Author: maze-runnar

app/helpers/is-light.js

@@ -0,0 +1,7 @@
+import { isLight } from 'open-event-frontend/utils/color';
+import Helper from '@ember/component/helper';
+
+export function textColor(color) {
+  return isLight(color) ? '#000' : '#fff';
+}
+export default Helper.helper(textColor);

app/templates/components/public/speaker-item.hbs

@@ -48,13 +48,13 @@
           <p>
             {{#if session.startsAt}}
               <strong>
-                {{moment-format session.startsAt 'DD MMM YY'}}
+                {{general-date session.startsAt session.event.timezone}}
               </strong>
             {{/if}}
           </p>
           <a href="{{href-to 'public.sessions.list' 'all'}}#session-id-{{session.id}}">
             <div class="ui fluid padded" style={{css color=session.track.fontColor background-color=session.track.color}}>
-              <h3 class="item" style={{css user-select='text'}}>
+              <h3 class="item" style={{css user-select='text' color=(is-light session.track.color)}}>
                 {{#if (and session.startsAt session.endsAt)}}
                   {{moment-format session.startsAt 'HH:mm'}} - {{moment-format session.endsAt 'hh:mm'}}
                   <br>

app/utils/color.ts

@@ -1,6 +1,6 @@
 export function getLuma(hex: string): number {
   // https://stackoverflow.com/a/12043228/3309666
-  const c = hex.substring(1);    // strip #
+  const c = hex.toString().substring(1);    // strip #
   const rgb = parseInt(c, 16);   // convert rrggbb to decimal
   const r = (rgb >> 16) & 0xff;  // extract red
   const g = (rgb >>  8) & 0xff;  // extract green