Merge pull request #8298 from michaelchadwick/remove-ilios-calendar-e…

…vent-month-render-modifier

Remove IliosCalendarEventMonthComponent render modifier

packages/ilios-common/.lint-todo

@@ -6,7 +6,6 @@ add|ember-template-lint|no-at-ember-render-modifiers|7|2|7|2|1a2522cd1202904fb09
 add|ember-template-lint|no-at-ember-render-modifiers|6|8|6|8|c628ee621a6e921e369bf6bcb158a5ef932e6741|1731542400000|1762646400000|1793750400000|addon/components/editable-field.hbs
 add|ember-template-lint|no-at-ember-render-modifiers|2|2|2|2|ad17d66e0fe1720bc8ddedc12dff3a105709765c|1731542400000|1762646400000|1793750400000|addon/components/html-editor.hbs
 add|ember-template-lint|no-at-ember-render-modifiers|3|2|3|2|d39abab22a3e75d93f69335da422e7ef73b36283|1731542400000|1762646400000|1793750400000|addon/components/html-editor.hbs
-add|ember-template-lint|no-at-ember-render-modifiers|9|2|9|2|1a2522cd1202904fb09a6e811dec6b46d8189ab3|1731542400000|1762646400000|1793750400000|addon/components/ilios-calendar-event-month.hbs
 add|ember-template-lint|no-at-ember-render-modifiers|4|4|4|4|fc97c348371546a640a56d968295aa0dec994ad9|1731542400000|1762646400000|1793750400000|addon/components/ilios-tooltip.hbs
 add|ember-template-lint|no-at-ember-render-modifiers|62|10|62|10|5ba6894d30ea3a3eae704867d5bc5d61c5ee4e1f|1731542400000|1762646400000|1793750400000|addon/components/mesh-manager.hbs
 add|ember-template-lint|no-at-ember-render-modifiers|3|2|3|2|6bbbcafd85d75fd8f3d70c2bd4ba01d753c24f9c|1731542400000|1762646400000|1793750400000|addon/components/offering-calendar.hbs

packages/ilios-common/addon/components/ilios-calendar-event-month.hbs

@@ -1,26 +1,22 @@
 <button
   {{! template-lint-disable no-inline-styles }}
   style={{this.style}}
-  class="month-event {{if this.clickable "clickable"}}"
+  class="month-event {{if this.clickable 'clickable'}}"
   type="button"
   data-test-ilios-calendar-event
   data-test-ilios-calendar-event-month
   {{on "click" (if this.clickable @selectEvent (noop))}}
-  {{did-insert (set this "theElement")}}
+  id={{this.eventButtonId}}
   {{mouse-hover-toggle (set this "showTooltip")}}
 >
   {{#if @event}}
-    {{#if (and this.theElement this.showTooltip)}}
-      <IliosTooltip @target={{this.theElement}}>
+    {{#if this.showTooltip}}
+      <IliosTooltip @target={{this.eventButtonElement}}>
         {{this.tooltipContent}}
       </IliosTooltip>
     {{/if}}
     {{#if this.recentlyUpdated}}
-      <FaIcon
-        @icon="exclamation"
-        class="recently-updated-icon"
-        @title={{t "general.newUpdates"}}
-      />
+      <FaIcon @icon="exclamation" class="recently-updated-icon" @title={{t "general.newUpdates"}} />
     {{/if}}
     <span class="ilios-calendar-event-time">
       <span class="ilios-calendar-event-start">
@@ -39,12 +35,12 @@
     <span class="ilios-calendar-event-name">
       {{#if @event.isMulti}}
         {{@event.name}},
-      <em>
-        {{t "general.multiple"}}
-      </em>
+        <em>
+          {{t "general.multiple"}}
+        </em>
       {{else}}
         {{@event.name}}
       {{/if}}
     </span>
   {{/if}}
-</button>
+</button>

packages/ilios-common/addon/components/ilios-calendar-event-month.js

@@ -3,12 +3,21 @@ import { service } from '@ember/service';
 import { action } from '@ember/object';
 import { htmlSafe } from '@ember/template';
 import { DateTime } from 'luxon';
+import { guidFor } from '@ember/object/internals';
 import colorChange from 'ilios-common/utils/color-change';
 import calendarEventTooltip from 'ilios-common/utils/calendar-event-tooltip';
 
 export default class IliosCalendarEventMonthComponent extends Component {
   @service intl;
 
+  get eventButtonId() {
+    return `ilios-calendar-event-month-button-${guidFor(this)}`;
+  }
+
+  get eventButtonElement() {
+    return document.getElementById(this.eventButtonId);
+  }
+
   get isIlm() {
     return !!this.args.event.ilmSession;
   }