Toggle all event details with showEventDetails

views/index.ejs

@@ -46,7 +46,7 @@
 
   <%- include('partials/weeks', {
     fetchUrl: '/api/weeks/',
-    showRSVP: true,
+    showEventDetails: true,
     sectionTitles: {
       0: 'Now Playing',
       1: 'Coming Attractions',

views/partials/movie.ejs

@@ -6,16 +6,23 @@
         :class="titleSize(movie) + ' overflow-hidden font-medium text-center overflow-ellipsis'"
       ></span>
 
-      <span
-        x-show="movie.time"
-        x-text="movie.time.replace(/ /g, '\u00a0')"
-        class="text-md overflow-hidden font-medium text-center bg-violet-700 text-white px-2 py-0.5 rounded-2xl"
-      ></span>
+
+      <% if (showEventDetails) { %>
+        <span
+          x-show="movie.time"
+          x-text="movie.time.replace(/ /g, '\u00a0')"
+          class="text-md overflow-hidden font-medium text-center bg-violet-700 text-white px-2 py-0.5 rounded-2xl"
+        ></span>
+      <% } else { %>
+        <span><!-- Empty span to Retain formatting --></span>
+      <% } %>
     </h4>
 
     <div class="flex flex-col justify-between flex-1">
       <div class="relative mt-2">
-        <%- include('movie/field_trip_banner'); %>
+        <% if (showEventDetails) { %>
+          <%- include('movie/field_trip_banner'); %>
+        <% } %>
 
         <a
           :href="movie.url"

views/partials/movies.ejs

@@ -1,5 +1,5 @@
 <div class="flex flex-wrap justify-center mt-2 space-y-4 max-w-9xl">
   <template x-for="movie in week.movies">
-    <%- include('movie.ejs'); %>
+    <%- include('movie.ejs', { showEventDetails }); %>
   </template>
 </div>

views/partials/week.ejs

@@ -13,7 +13,7 @@
         ></span>
       </h3>
 
-      <% if (showRSVP) { %>
+      <% if (showEventDetails) { %>
         <button
           x-data
           x-cloak
@@ -35,6 +35,6 @@
   </template>
 
   <template x-if="!week.isSkipped">
-    <%- include('movies') %>
+    <%- include('movies', { showEventDetails }) %>
   </template>
 </div>

views/partials/weeks.ejs

@@ -79,7 +79,7 @@
     <div>
       <%- include('section_title') %>
 
-      <%- include('week', { showRSVP }); %>
+      <%- include('week', { showEventDetails }); %>
     </div>
   </template>
 </div>

views/previous/index.ejs

@@ -3,7 +3,7 @@
 <div class="mt-10">
   <%- include('../partials/weeks', {
     fetchUrl: '/api/weeks?past=true',
-    showRSVP: false,
+    showEventDetails: false,
     sectionTitles: { 0: 'Past Releases' },
   }); %>
 </div>