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>

src/views/team/list.hbs

@@ -0,0 +1,49 @@
+<div class=" Panel u-sm-size1of2 u-spaceSidesAuto u-spaceSm u-maxWidthSm">
+  <div class="Panel-header">
+    <h3 class="Panel-title">
+      My Teams
+    </h3>
+  </div>
+  <div class="Panel-body">
+    {{#each teams}}
+			{{#unless this.isArchivedSeason}}
+    <a
+      class="Panel-row Panel-row--withCells u-textDecorationNone"
+      href="/{{this.id}}/home"
+    >
+      <div class=" Panel-cell u-flexGrow1 u-textNoWrap">
+        <b>
+          {{this.name}}
+        </b>
+      </div>
+      <div class=" Panel-cell u-fontSizeSm u-size1of3 u-textRight">
+        {{this.seasonName}}
+      </div>
+    </a>
+    {{/unless}}
+    {{/each}}
+    <div class="Panel-header">
+    <h3 class="Panel-title">
+      Archived Seasons
+    </h3>
+    </div>
+    {{#each teams}}
+			{{#if this.isArchivedSeason}}
+    <a
+      class="Panel-row Panel-row--withCells u-textDecorationNone"
+      href="/{{this.id}}/home"
+    >
+      <div class=" Panel-cell u-flexGrow1 u-textNoWrap">
+        <b>
+          {{this.name}}
+        </b>
+      </div>
+      <div class=" Panel-cell u-fontSizeSm u-size1of3 u-textRight">
+        {{this.seasonName}}
+      </div>
+    </a>
+    {{/if}}
+    {{/each}}
+  </div>
+  </div>
+</div>