reorganize start...

src/views/event-lineup.pug

@@ -0,0 +1,63 @@
+extends ../base.pug
+include lineup-slot.pug
+include ../widgets/availability-progress-bar.pug
+
+block append styles
+	link(rel='stylesheet' href='/css/lineup.css')
+
+block pre-scripts
+	script(type='text/javascript', src='/js/Sortable.js')
+
+block content
+	div(id=`event-lineup-${event.id}`).event-lineup
+		.Panel
+			.panel-header
+				.Panel-title #{event.formattedTitle}
+			.Panel-body
+				.Panel-row
+					p.text-muted.mb-2 #{event.startDate}
+					p #{event.locationName}
+					+availability-progress-bar(availabilitySummary, team)
+				
+		.Panel
+			.Panel-body
+				.Panel-row.Panel-title.u-padXs 
+					i.bi.bi-clipboard-check.me-1
+					span Starting Lineup
+				.Panel-row.Grid.Grid--fit.fw-bold.text-center.u-padXs
+					each pos in ["P", "C", "1B", "2B", "3B", "SS", "LF", "CF", "RF", "EH", "DH"]
+						.Grid-cell.position-status #{pos}
+				.slot-set
+					each lineup_entry, i in event_lineup_entries_offense
+							+lineup-slot(lineup_entry, i)
+		.Panel
+			.Panel-body
+				.Panel-row.Panel-title.u-padXs 
+					i.bi.bi-clipboard-minus.me-1
+					span Starting Lineup (Position Only)
+				.slot-set
+					each lineup_entry, i in event_lineup_entries
+						if lineup_entry.label.includes("[PO]")
+							+lineup-slot(lineup_entry, i)
+		.Panel
+			.Panel-body
+				.Panel-row.Panel-title.u-padXs 
+					i.bi.bi-clipboard.me-1
+					span Bench
+				.slot-set
+					each availability, i in availabilities.filter((a)=>a.eventId==event_id && !context.event_lineup_entries.map((lue)=>lue.memberId).includes(a.memberId) && !a.member.isNonPlayer && a.statusCode!=0 && a.statusCode!==null)
+						+lineup-slot(availability, i)
+										
+		.Panel
+			.Panel-body
+				.Panel-row.Panel-title.u-padXs 
+					i.bi.bi-clipboard-x.me-1
+					span Out
+				.slot-set
+					each availability, i in availabilities.filter((a)=>a.eventId==event_id && !context.event_lineup_entries.map((lue)=>lue.memberId).includes(a.memberId) && !a.member.isNonPlayer && (a.statusCode==0 || a.statusCode===null))
+						+lineup-slot(availability, i)
+block scripts
+	script
+		include lineup.js
+	script.
+		colorPositions();