2023-03-04

src/views/team/home.hbs

@@ -0,0 +1,52 @@
+<div class=" Grid u-spaceBottomSm">
+  <div class=" Grid-cell u-spaceNone u-sizeFit">
+    <img src="{{team_preferences.links.teamLogo.href}}", style="height: 64px;">
+  </div>
+  <div class=" Grid-cell u-sizeFill u-spaceNone">
+    <h2 class=" u-spaceNone">{{team.name}}</h2>  
+    <p class=" u-spaceNone">{{team.season_name}}</p>
+    <small class=" u-spaceNone"><a href="{{team.leagueUrl}}">{{team.leagueName}}</a></small>
+  </div>
+</div>
+
+  
+<div class=" Grid-cell u-sizeFit">
+  <div class=" u-flex u-flexAlignItemsCenter u-flexJustifyEnd">
+    <div class="ButtonGroup">
+      <a class="Button" href="schedule">
+        <img src ="/teamsnap-ui/assets/icons/schedule.svg" class="Icon">
+        <span class="span u-hidden u-xs-inline">Schedule</span>
+        </a>
+      <a class="Button" href="members">
+        <img src ="/teamsnap-ui/assets/icons/roster.svg" class="Icon">
+        <span class="span u-hidden u-xs-inline">Roster</span>
+        </a>
+      <a class="Button" href="opponents">
+        <img src ="/teamsnap-ui/assets/icons/team.svg" class="Icon">
+        <span class="span u-hidden u-xs-inline">Opponents</span>
+      </a>
+    </div>
+  </div>
+</div>
+
+<div class=" Panel Panel--full">
+  <div class=" Panel-header">
+    <h2 class=" Panel-title">Upcoming Events</h2>
+  </div>
+  <div class=" Panel-body">
+    {{#each upcoming_events}}
+      {{>event_panel event=this}}
+    {{/each}}
+  </div>
+</div>
+
+<div class=" Panel Panel--full">
+  <div class=" Panel-header">
+    <h2 class=" Panel-title">Recent Events</h2>
+  </div>
+  <div class=" Panel-body">
+    {{#each recent_events}}
+      {{>event_panel event=this}}
+    {{/each}}
+  </div>
+</div>