fix sprint viewing.

frontend/src/lib/components/layout/Section.svelte

@@ -11,9 +11,10 @@
   export let noProgress = false;
   export let icon: IconName = null;
   export let status: Status = null;
+  export let anchor: string = "";
 </script>
 
-<div class="sl3-entry">
+<div id={anchor} class="sl3-entry">
   <div class="header">
     <div class="entry-icon">
       {#if icon != null}

frontend/src/lib/components/project/ItemSubSection.svelte

@@ -21,6 +21,8 @@
   let eventText: string
 
   $: {
+    icon = void(0);
+
     if (event === "none" || event === "acquired") {
       if (item.acquiredTime) {
         icon = "check";

frontend/src/lib/components/scope/SprintBody.svelte

@@ -9,6 +9,7 @@
   import ItemSubSection from "../project/ItemSubSection.svelte";
 
   export let sprint: Sprint
+  export let compact: boolean = false;
 
   let timeRange: [Date, Date];
   
@@ -34,8 +35,8 @@
 {/if}
 {#if sprint.kind === SprintKind.Items}
   {#each (sprint.items||[]) as item (item.id)}
-    {#if !item.acquiredTime}
-      <ItemSubSection compact item={item} />
+    {#if !compact || !item.acquiredTime}
+      <ItemSubSection compact={compact} item={item} />
     {/if}
   {/each}
 {:else}

frontend/src/lib/components/scope/SprintSection.svelte

@@ -1,25 +1,17 @@
 <script lang="ts">
-  import { goto } from "$app/navigation";
   import type Sprint from "$lib/models/sprint";
 
   import Option from "../layout/Option.svelte";
   import OptionsRow from "../layout/OptionsRow.svelte";
   import SprintBody from "./SprintBody.svelte";
-  import { projectPrettyId, scopePrettyId } from "$lib/utils/prettyIds";
-  import { getScopeContext } from "../contexts/ScopeContext.svelte";
+  import { projectPrettyId } from "$lib/utils/prettyIds";
   import Section from "../layout/Section.svelte";
 
   export let sprint: Sprint;
-  const {scope} = getScopeContext();
-
-  function gotoSprint() {
-    goto(`/${scopePrettyId($scope)}/sprints#${projectPrettyId(sprint)}`)
-  }
 </script>
 
-<Section noProgress title={sprint.name}>
+<Section anchor={projectPrettyId(sprint)} noProgress title={sprint.name}>
   <OptionsRow slot="right">
-    <Option on:click={gotoSprint}>View</Option>
     <Option open={{name: "sprint.edit", sprint}}>Edit</Option>
     <Option open={{name: "sprint.delete", sprint}} color="red">Delete</Option>
   </OptionsRow>

frontend/src/lib/components/scope/SprintSubSection.svelte

@@ -10,10 +10,10 @@
   import { getScopeContext } from "../contexts/ScopeContext.svelte";
 
   export let sprint: Sprint;
-  const {scope} = getScopeContext();
+  const {scope, lastHistoryRange} = getScopeContext();
 
   function gotoSprint() {
-    goto(`/${scopePrettyId($scope)}/sprints#${projectPrettyId(sprint)}`)
+    goto(`/${scopePrettyId($scope)}/sprints/${$lastHistoryRange}#${projectPrettyId(sprint)}`)
   }
 </script>
 
@@ -23,5 +23,5 @@
     <Option open={{name: "sprint.edit", sprint}}>Edit</Option>
     <Option open={{name: "sprint.delete", sprint}} color="red">Delete</Option>
   </OptionsRow>
-  <SprintBody sprint={sprint} />
+  <SprintBody compact sprint={sprint} />
 </SubSection>