add boat for item requirement planning.

frontend/src/lib/components/common/LabeledProgress.svelte

@@ -8,6 +8,7 @@ import { significantDecimals } from "$lib/utils/numbers";
   export let percentageOnly = false;
   export let weighted = false;
   export let compact = false;
+  export let planned: number = null;
 
   export let fullwidth = false;
   export let name: string;
@@ -27,9 +28,12 @@ import { significantDecimals } from "$lib/utils/numbers";
 
       boat = ($now.getTime() - from.getTime()) / (to.getTime() - from.getTime());
       boatEnabled = (boat > 0 && boat < 1)
+    } else if (planned != null) {
+      boat = Math.min(1, Math.max(planned, count) / target);
+      boatEnabled = true;
     } else {
-      boatEnabled = false;
       boat = 0;
+      boatEnabled = false;
     }
   }
 </script>

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

@@ -30,7 +30,7 @@ import AggregateAmountRow from "./AggregateAmountRow.svelte";
   <LabeledProgressRow>
     {#each requirement.stats as stat (stat.id)}
       {#if !requirement.isCoarse || stat.required > 0}
-        <LabeledProgress count={stat.acquired} target={stat.required} name={stat.name} />
+        <LabeledProgress count={stat.acquired} target={stat.required} planned={stat.planned} name={stat.name} />
       {/if}
     {/each}
   </LabeledProgressRow>