add gamecard progress
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
@import url("../../css/paper.css");
|
||||
@import url("paper.css");
|
||||
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
|
||||
@import url('../fonts/vera/bitstreamvera.css');
|
||||
@import url('../fonts/verdana/verdanapro.css');
|
||||
@@ -48,7 +48,7 @@ card-right {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
/* padding: .1in; */
|
||||
outline: solid grey;
|
||||
/*outline: solid grey;*/
|
||||
}
|
||||
|
||||
table {
|
||||
@@ -59,12 +59,39 @@ table {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th, tr, td {
|
||||
/* box-sizing: content-box; */
|
||||
border: 0.5px solid black;
|
||||
table.lineup {
|
||||
text-transform: uppercase;
|
||||
width: 100%;
|
||||
border: black;
|
||||
}
|
||||
|
||||
.cell-checkbox {
|
||||
color: grey;
|
||||
font-size: .75em;
|
||||
}
|
||||
|
||||
.cell-info-lastname {
|
||||
width: 70px;
|
||||
text-transform: uppercase;
|
||||
font-stretch: condensed;
|
||||
}
|
||||
|
||||
.in-starting-lineup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
th{
|
||||
background: black;
|
||||
color: white;
|
||||
border: none;
|
||||
}
|
||||
|
||||
tr, td {
|
||||
border: 0.5px solid grey;
|
||||
height: 17px;
|
||||
text-overflow: ellipsis;
|
||||
overflow-x: hidden;
|
||||
@@ -82,13 +109,18 @@ th, tr, td {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.numbercell {
|
||||
font-family: "m+1m";
|
||||
text-align: center;
|
||||
.cell-smalltext {
|
||||
font-stretch: condensed;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.day-of-the-week{
|
||||
font-family: "m+1m";
|
||||
font-size: 8px;
|
||||
transform: rotate(-90deg);
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
.statscell {
|
||||
font-family: "m+1m";
|
||||
text-align: center;
|
||||
@@ -97,16 +129,13 @@ th, tr, td {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {background-color: #f2f2f2;}
|
||||
|
||||
th{
|
||||
background: black;
|
||||
color: white;
|
||||
border: none;
|
||||
tr:nth-child(even) {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
.customcol{
|
||||
width: 120px;
|
||||
|
||||
|
||||
{
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@@ -116,9 +145,21 @@ th{
|
||||
font-stretch: condensed;
|
||||
}
|
||||
|
||||
.square {
|
||||
.cell-square {
|
||||
height: 14px;
|
||||
width: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cell-square.narrow {
|
||||
width: 10px;
|
||||
}
|
||||
.cell-mono {
|
||||
font-family: "m+1m";
|
||||
}
|
||||
|
||||
.cell-condensed {
|
||||
font-stretch: condensed;
|
||||
}
|
||||
|
||||
.available-status-code-1{
|
||||
|
||||
@@ -23,70 +23,70 @@
|
||||
</tr>
|
||||
</thead>
|
||||
</table>
|
||||
<table>
|
||||
<table class="lineup">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="numbercell">
|
||||
<th class="cell-square">
|
||||
</th>
|
||||
<th class="customcol">
|
||||
</th>
|
||||
<th class="numbercell">
|
||||
<th class="cell-square">
|
||||
</th>
|
||||
<th class="numbercell">
|
||||
<th class="cell-square">
|
||||
</th>
|
||||
<th class="numbercell">1
|
||||
</th>
|
||||
<th class="numbercell">2
|
||||
</th>
|
||||
<th class="numbercell">3
|
||||
</th>
|
||||
<th class="numbercell">4
|
||||
</th>
|
||||
<th class="numbercell">5
|
||||
</th>
|
||||
<th class="numbercell">6
|
||||
</th>
|
||||
<th class="numbercell">7
|
||||
</th>
|
||||
<th class="numbercell">X
|
||||
{% for inning in '1234567X' %}
|
||||
<th class="cell-square">{{ inning }}
|
||||
</th>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for member in members_startinglineup %}
|
||||
<tr>
|
||||
<td class="numbercell">{{ member.lineup_entry.sequence | add:"1" }}</td>
|
||||
<td class="cell-square cell-smalltext cell-mono">{{ member.lineup_entry.sequence | add:"1" }}</td>
|
||||
<td class="customcol">{{ member.member.last_name }}</td>
|
||||
<td class="numbercell">{{ member.member.jersey_number }}</td>
|
||||
<td class="numbercell">{{ member.lineup_entry.label }}</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="cell-square cell-smalltext">{{ member.member.jersey_number }}</td>
|
||||
<td class="cell-square cell-smalltext cell-mono">{{ member.lineup_entry.label }}</td>
|
||||
{% for inning in '1234567X' %}
|
||||
<td class="cell-square"></td>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<table>
|
||||
<table class="lineup">
|
||||
<tbody>
|
||||
{% for member in members_startingpositiononly %}
|
||||
<tr>
|
||||
<td class="numbercell"></td>
|
||||
<td class="customcol">{{ member.member.last_name }}</td>
|
||||
<td class="numbercell">{{ member.member.jersey_number }}</td>
|
||||
<td class="numbercell">{{ member.lineup_entry.label }}</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td class="cell-square"></td>
|
||||
<td class="">{{ member.member.last_name }}</td>
|
||||
<td class="cell-square cell-smalltext">{{ member.member.jersey_number }}</td>
|
||||
<td class="cell-square cell-smalltext cell-mono">{{ member.lineup_entry.label }}</td>
|
||||
{% for inning in '1234567X' %}
|
||||
<td class="cell-square"></td>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% for member in members_bench %}
|
||||
<tr>
|
||||
<td class="cell-square"></td>
|
||||
<td class="">{{ member.member.last_name }}</td>
|
||||
<td class="cell-square cell-smalltext">{{ member.member.jersey_number }}</td>
|
||||
<td class="cell-square cell-smalltext cell-mono">{{ member.lineup_entry.label }}</td>
|
||||
{% for inning in '1234567X' %}
|
||||
<td class="cell-square"></td>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% for _ in blankrows_lineup %}
|
||||
<tr>
|
||||
<td class="cell-square"></td>
|
||||
<td class="">{{ member.member.last_name }}</td>
|
||||
<td class="cell-square cell-smalltext">{{ member.member.jersey_number }}</td>
|
||||
<td class="cell-square cell-smalltext cell-mono">{{ member.lineup_entry.label }}</td>
|
||||
{% for inning in '1234567X' %}
|
||||
<td class="cell-square"></td>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
@@ -95,29 +95,26 @@
|
||||
</div>
|
||||
<div class="half-card">
|
||||
<div class="content card-right">
|
||||
<table class="tg">
|
||||
<div style="width:100%">
|
||||
<table class="">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="numbercell"></th>
|
||||
<th class="numbercell"></th>
|
||||
<th class="cell-square"></th>
|
||||
<th class="cell-square"></th>
|
||||
<th class="condensedNameCell">Available</th>
|
||||
<th class="statscell">AVG/OBP/SLG:PA</th>
|
||||
<th class="numbercell">P</th>
|
||||
<th class="numbercell">C</th>
|
||||
<th class="numbercell">IF</th>
|
||||
<th class="numbercell">OF</th>
|
||||
<th class="cell-square cell-smalltext narrow">P</th>
|
||||
<th class="cell-square cell-smalltext narrow">C</th>
|
||||
<th class="cell-square cell-smalltext narrow">IF</th>
|
||||
<th class="cell-square cell-smalltext narrow">OF</th>
|
||||
{% for event in events_future %}
|
||||
<th class="numbercell">
|
||||
<span style="transform: rotate(-90deg);display: inline-block">
|
||||
{{ event.data.start_date|date:'D' }}
|
||||
</span>
|
||||
<th class="cell-square cell-smalltext cell-condensed narrow">
|
||||
<span class="day-of-the-week">{{ event.data.start_date|date:'D' }}</span>
|
||||
</th>
|
||||
{% endfor %}
|
||||
{% for event in events_past %}
|
||||
<th class="numbercell">
|
||||
<span style="transform: rotate(-90deg);display: inline-block">
|
||||
{{ event.data.start_date|date:'D' }}
|
||||
</span>
|
||||
<th class="cell-square cell-smalltext cell-condensed narrow">
|
||||
<span class="day-of-the-week">{{ event.data.start_date|date:'D' }}</span>
|
||||
</th>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
@@ -126,65 +123,109 @@
|
||||
{% for member in members %}
|
||||
|
||||
<tr>
|
||||
<td class="numbercell"></td>
|
||||
<td class="numbercell available-status-code-{{ member.availability.status_code }}">{{ member.member.jersey_number }}</td>
|
||||
<td class="condensedNameCell available-status-code-{{ member.availability.status_code }}">{{ member.member.last_name }}</td>
|
||||
<td class="cell-square"></td>
|
||||
<td class="cell-square cell-smalltext cell-mono available-status-code-{{ member.availability.status_code }} {% if member.in_starting_lineup %}in-starting-lineup{% endif %}">{{ member.member.jersey_number }}</td>
|
||||
<td class="cell-info-lastname available-status-code-{{ member.availability.status_code }} {% if member.in_starting_lineup %}in-starting-lineup{% endif %}">{{ member.member.last_name }}</td>
|
||||
<td class="statscell"></td>
|
||||
<td class="numbercell">
|
||||
|
||||
<td class="cell-square cell-checkbox narrow no-inside-border">
|
||||
{% if "P" in member.member.position %}
|
||||
<i class="bi bi-check-square-fill"></i>
|
||||
{% else %}
|
||||
<i class="bi bi-square"></i>
|
||||
{% endif %}
|
||||
<td class="numbercell">
|
||||
<td class="cell-square cell-checkbox narrow no-inside-border">
|
||||
{% if "C" in member.member.position %}
|
||||
<i class="bi bi-check-square-fill"></i>
|
||||
{% else %}
|
||||
<i class="bi bi-square"></i>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td class="numbercell">
|
||||
{% if "IF" in member.member.position or "1B" in member.member.position %}
|
||||
<td class="cell-square cell-checkbox narrow no-inside-border">
|
||||
{% if "IF" in member.member.position or "1B" in member.member.position or "2B" in member.member.position or "3B" in member.member.position or "SS" in member.member.position %}
|
||||
<i class="bi bi-check-square-fill"></i>
|
||||
{% else %}
|
||||
<i class="bi bi-square"></i>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td class="numbercell">
|
||||
{% if "OF" in member.member.position %}
|
||||
<td class="cell-square cell-checkbox narrow no-inside-border">
|
||||
{% if "OF" in member.member.position or "LF" in member.member.position or "CF" in member.member.position or "RF" in member.member.position %}
|
||||
<i class="bi bi-check-square-fill"></i>
|
||||
{% else %}
|
||||
<i class="bi bi-square"></i>
|
||||
{% endif %}
|
||||
</td>
|
||||
<td class="numbercell available-status-code-{{ member.availability_future.0.data.status_code }}">
|
||||
|
||||
<td class="cell-square narrow cell-smalltext cell-mono no-inside-border available-status-code-{{ member.availability_future.0.data.status_code }}">
|
||||
{{ member.availability_future.0.data.status.0 }}
|
||||
</td>
|
||||
<td class="numbercell available-status-code-{{ member.availability_future.1.data.status_code }}">
|
||||
<td class="cell-square narrow cell-smalltext cell-mono no-inside-border available-status-code-{{ member.availability_future.1.data.status_code }}">
|
||||
{{ member.availability_future.1.data.status.0 }}
|
||||
</td>
|
||||
<td class="numbercell available-status-code-{{ member.availability_future.2.data.status_code }}">
|
||||
<td class="cell-square narrow cell-smalltext cell-mono no-inside-border available-status-code-{{ member.availability_future.2.data.status_code }}">
|
||||
{{ member.availability_future.2.data.status.0 }}
|
||||
</td>
|
||||
<td class="numbercell available-status-code-{{ member.availability_future.3.data.status_code }}">
|
||||
<td class="cell-square narrow cell-smalltext cell-mono no-inside-border available-status-code-{{ member.availability_future.3.data.status_code }}">
|
||||
{{ member.availability_future.3.data.status.0 }}
|
||||
</td>
|
||||
<td class="numbercell available-status-code-{{ member.availability_past.0.data.status_code }}">
|
||||
<td class="cell-square narrow cell-smalltext cell-mono available-status-code-{{ member.availability_past.0.data.status_code }}">
|
||||
{{ member.availability_past.0.data.status.0 }}
|
||||
</td>
|
||||
<td class="numbercell available-status-code-{{ member.availability_past.1.data.status_code }}">
|
||||
<td class="cell-square narrow cell-smalltext cell-mono available-status-code-{{ member.availability_past.1.data.status_code }}">
|
||||
{{ member.availability_past.1.data.status.0 }}
|
||||
</td>
|
||||
<td class="numbercell available-status-code-{{ member.availability_past.2.data.status_code }}">
|
||||
<td class="cell-square narrow cell-smalltext cell-mono available-status-code-{{ member.availability_past.2.data.status_code }}">
|
||||
{{ member.availability_past.2.data.status.0 }}
|
||||
</td>
|
||||
<td class="numbercell available-status-code-{{ member.availability_past.3.data.status_code }}">
|
||||
<td class="cell-square narrow cell-smalltext cell-mono available-status-code-{{ member.availability_past.3.data.status_code }}">
|
||||
{{ member.availability_past.3.data.status.0 }}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
{% endfor %}
|
||||
{% for _ in blankrows_info %}
|
||||
<tr>
|
||||
<td class="cell-square"></td>
|
||||
<td class="cell-square"></td>
|
||||
<td class="cell-square"></td>
|
||||
<td class="statscell"></td>
|
||||
<td class="cell-square narrow"></td>
|
||||
<td class="cell-square narrow"></td>
|
||||
<td class="cell-square narrow"></td>
|
||||
<td class="cell-square narrow"></td>
|
||||
<td class="cell-square narrow available-status-code"></td>
|
||||
<td class="cell-square narrow available-status-code"></td>
|
||||
<td class="cell-square narrow available-status-code"></td>
|
||||
<td class="cell-square narrow available-status-code"></td>
|
||||
<td class="cell-square narrow available-status-code"></td>
|
||||
<td class="cell-square narrow available-status-code"></td>
|
||||
<td class="cell-square narrow available-status-code"></td>
|
||||
<td class="cell-square narrow available-status-code"></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for member in members %}
|
||||
<tr>
|
||||
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% for _ in blankrows_info %}
|
||||
<tr>
|
||||
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -198,17 +239,17 @@
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="numbercell" style="background-color: #323669">
|
||||
<th class="cell-square" style="background-color: #323669">
|
||||
{{ event.data.start_date|date:"D, F j, Y g:i A" }}
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="numbercell" style="background-color: #323669">
|
||||
<th class="cell-square" style="background-color: #323669">
|
||||
{{ event.data.location_name }}
|
||||
</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="numbercell" style="background-color: lightgray">
|
||||
<th class="cell-square" style="background-color: lightgray">
|
||||
|
||||
</th>
|
||||
</tr>
|
||||
|
||||
@@ -106,6 +106,7 @@ def gamecard(request, team_id, event_id):
|
||||
|
||||
members_startinglineup = []
|
||||
members_startingpositiononly = []
|
||||
members_bench = []
|
||||
|
||||
for member in members:
|
||||
if re.search(
|
||||
@@ -123,9 +124,14 @@ def gamecard(request, team_id, event_id):
|
||||
member["lineup_entry"]["label"] = position
|
||||
|
||||
if member["lineup_entry"].get("id") and not position_only:
|
||||
member["in_starting_lineup"] = True
|
||||
members_startinglineup.append(member)
|
||||
elif member["lineup_entry"].get("id") and position_only:
|
||||
member["in_starting_lineup"] = False
|
||||
members_startingpositiononly.append(member)
|
||||
elif member["availability"]["status_code"] in [1, 2]:
|
||||
member["in_starting_lineup"] = False
|
||||
members_bench.append(member)
|
||||
|
||||
members_startinglineup = sorted(
|
||||
members_startinglineup,
|
||||
@@ -139,7 +145,12 @@ def gamecard(request, team_id, event_id):
|
||||
"members": members,
|
||||
"members_startinglineup": members_startinglineup,
|
||||
"members_startingpositiononly": members_startingpositiononly,
|
||||
"members_bench": members_bench,
|
||||
"blankrows_lineup": range(
|
||||
13 - len(members_startingpositiononly) - len(members_bench)
|
||||
),
|
||||
"ts_team": Team.objects.get(id=team_id),
|
||||
"ts_opponent": Opponent.objects.filter(id=ts_event.data["opponent_id"]).first,
|
||||
"blankrows_info": range(25 - len(members)),
|
||||
}
|
||||
return render(request, "gamecard/gamecard.html", context=context)
|
||||
|
||||
Reference in New Issue
Block a user