eventsheet styling fixes

2024-05-03 07:41:29 -05:00
parent f421089eb9
commit dd48aeca8d
5 changed files with 122 additions and 69 deletions
--- a/src/views/eventsheet/partials/roster_and_history.hbs
+++ b/src/views/eventsheet/partials/roster_and_history.hbs
@@ -62,14 +62,14 @@
    <td class="position-capability outfield">{{positionCapabilityFor this "OF"}}</td>
    {{#loopEvents ../upcoming_events}}
      {{#timepointForMember ../this ../../timeline this}}
-      <td class="availability-on-day future available-status-code-{{this.availability.statusCode}}">
+      <td class="availability-on-day future available-status-code-{{this.availability.statusCode}} {{this.value}}">
        {{this.value}}
      </td>
      {{/timepointForMember}}
    {{/loopEvents}}
    {{#loopEvents ../recent_events}}
      {{#timepointForMember ../this ../../timeline this}}
-      <td class="availability-on-day past available-status-code-{{this.availability.statusCode}}">
+      <td class="availability-on-day past available-status-code-{{this.availability.statusCode}} {{this.value}}">
        {{this.value}}
      </td>
      {{/timepointForMember}}
--- a/src/views/eventsheet/sheet.hbs
+++ b/src/views/eventsheet/sheet.hbs
@@ -2,7 +2,8 @@

 <body class="B5">
  <div class="sheet eventsheet" id="page-1">
-    <section id="defense-card">
+    {{!-- NW --}}
+    <section id="defense-card" data-card-location="NW">
      <header>
        <div class="event-title float-left">
          {{event.formattedTitle}} – {{dateFormat event.startDate "ddd, MMM D h:mm A" }}
@@ -31,7 +32,8 @@
        </div>
      </div>
    </section>
-    <section id="roster-and-history">
+    {{!-- NE --}}
+    <section id="roster-and-history" data-card-location="NE">
      <div class="roster-and-history">
        {{> roster_and_history 
          event=event 
@@ -42,7 +44,8 @@
          }}
      </div>
    </section>
-    <section class="lineup-card" id="lineup-card-dugout">
+    {{!-- SW --}}
+    <section class="lineup-card" id="lineup-card-dugout" data-card-location="SW">
      <header>
        <div class="float-left event-title">{{event.formattedTitle}}</div>
        <div class="float-right homeaway">{{event.gameType}}</div>
@@ -80,7 +83,8 @@
        </table>
      </div>
    </section>
-    <section class="lineup-card" id="lineup-card-exchange">
+    {{!-- SE --}}
+    <section class="lineup-card" id="lineup-card-exchange" data-card-location="SE">
      <header>
        <div class="float-left event-title">{{event.formattedTitle}}</div>
        <div class="float-right homeaway">{{event.gameType}}</div>
@@ -120,11 +124,7 @@
    </section>
  </div>
  <div class="sheet eventsheet" id="page-2">
-    <section id="defense-card" style="border:solid black;">
-      <div id="defense-pane">
-        {{> defense_pane}}
-      </div>
-    </section>
+    {{!-- NW --}}
    <section id="front-cover">
      <header>
        <div class="homeaway">
@@ -184,7 +184,71 @@
        {{/if}}
      </div>
    </section>
-    <section class="lineup-card" id="lineup-card-dugout-blank">
+    {{!-- NE --}}
+    <section id="defense-card" class="blank">
+      <header>
+        <div class="event-title float-left">
+          &nbsp;
+        </div>
+        <div class="homeaway float-right">
+          &nbsp;
+        </div>
+      </header>
+      <div>
+        <div id="defense-pane">
+          {{> defense_pane event_lineup_entries=null members=null}}
+        </div>
+        <div class="footer">
+          <table class="notes">
+            <tbody>
+              <tr>
+                <th>Notes</th>
+              </tr>
+              {{#repeat 3}}
+              <tr>
+                <td></td>
+              </tr>
+              {{/repeat}}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </section>
+    {{!-- SW --}}
+    <section class="lineup-card exchange blank" id="lineup-card-exchange-blank">
+      <div class="starting-lineup-table">
+        <table>
+          <thead>
+            <tr>
+              <th colspan="4">
+              Starting
+              </th>
+              <th class="substitution">
+              Substitution
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {{#repeat 12}}
+            <tr class="slot">
+              <th class="sequence">
+              </th>
+              <td class="player-name">
+              </td>
+              <td class="jersey-number">
+              </td>
+              <td class="position">
+              </td>
+              <td class="substitution">
+              </td>
+            </tr>
+            {{/repeat}}
+          </tbody>
+        </table>
+      </div>
+    </section>
+    {{!-- SE --}}
+    <section class="lineup-card exchange blank" id="lineup-card-dugout-blank">
      <div class="starting-lineup-table">
        <table>
          <thead>
@@ -218,38 +282,6 @@
        </table>
      </div>
    </section>
-    <section class="lineup-card" id="lineup-card-exchange-blank">
-      <div class="starting-lineup-table">
-        <table>
-          <thead>
-            <tr>
-              <th colspan="4">
-              Starting
-              </th>
-              <th class="substitution">
-              Substitution
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {{#repeat 12}}
-            <tr class="slot">
-              <th class="sequence">
-              </th>
-              <td class="player-name">
-              </td>
-              <td class="jersey-number">
-              </td>
-              <td class="position">
-              </td>
-              <td class="substitution">
-              </td>
-            </tr>
-            {{/repeat}}
-          </tbody>
-        </table>
-      </div>
-    </section>

  </div>
 </body>