Removed old asset assignment collection (delete from the db if you have it). Added proper history associated with assigning and unassigning. Need to still add events attached to a CB which then transition to the history when the CB is checked in.

imports/ui/Assignments/AssignmentByAsset.svelte

@@ -9,8 +9,9 @@
     import {Assets} from "/imports/api/assets";
     import {Students} from "/imports/api/students";
     import {AssetTypes} from "/imports/api/asset-types";
-    import Button, { Label } from '@smui/button';
-    import Dialog, { Title, Content, Actions } from '@smui/dialog';
+	import Select, { Option } from '@smui/select';
+	import Button, { Label } from '@smui/button';
+	import Dialog, { Title, Content, Actions } from '@smui/dialog';
 
     onMount(async () => {
 	    Meteor.subscribe('assets');
@@ -51,19 +52,83 @@
 		    foundAssignee = undefined;
 	    }
     }
+
+	let conditions = ['New', 'Like New', 'Good', 'Okay', 'Damaged'];
+	let condition = "New";
+	let comment = "";
+	let conditionDetails = "";
     
     const formatDate = (date) => {
         return date.toLocaleDateString('en-us', {weekday: 'long', year: 'numeric', month: 'short', day: 'numeric'});
     }
     const unassign = () => {
-    	if(confirm("Unassign Asset?")) {
-    		Meteor.call("assets.unassign", foundAsset.assetId);
-	    }
+    	// if(confirm("Unassign Asset?")) {
+    	// 	Meteor.call("assets.unassign", foundAsset.assetId);
+	    // }
+		condition = foundAsset.condition;
+		conditionDetails = foundAsset.conditionDetails;
+
+		openDialog();
     }
+
+	let isDialogOpen = false;
+
+	const openDialog = () => {
+		// assetTypeDialogSelectedIndex = -1;
+		isDialogOpen = true;
+	}
+	const dialogClosed = (e) => {
+		switch (e.detail.action) {
+			case 'unassign':
+				if(foundAsset && foundAsset.assetId) {
+					Meteor.call("assets.unassign", foundAsset.assetId, comment, condition, conditionDetails, (err, result) => {
+						if(err) {
+							console.error(err);
+							//TODO: Display an error!
+						}
+						else {
+							// TODO: Set focus to the asset ID field.
+
+						}
+					});
+				}
+				break;
+			default:
+			case 'cancel':
+				break;
+		}
+	}
 </script>
 
 <div class="container">
-    <h1 style="display: block">Asset Assignments</h1>
+	<Dialog bind:open={isDialogOpen} surface$style="width: 850px; max-width: calc(100vw - 32px);"
+			on:SMUIDialog:closed={dialogClosed}>
+		<Title id="large-scroll-title">Report Asset Condition</Title>
+		<Content id="large-scroll-content">
+			<Select bind:value={condition} label="Condition">
+				{#each conditions as next}
+					<Option value={next}>{next}</Option>
+				{/each}
+			</Select>
+			<div style="grid-column: 1/span 1">
+				<TextField type="text" style="width: 100%; margin-top: 1rem" bind:value={comment} label="Comment"></TextField>
+			</div>
+			<div style="grid-column: 1/span 1">
+				<TextField textarea style="width: 100%; height: 20rem; margin-top: 1rem" helperLine$style="width: 100%" bind:value={conditionDetails} label="Condition Details">
+				</TextField>
+			</div>
+		</Content>
+		<Actions>
+			<Button action="unassign" default>
+				<Label>Ok</Label>
+			</Button>
+			<Button action="cancel">
+				<Label>Cancel</Label>
+			</Button>
+		</Actions>
+	</Dialog>
+
+    <h1 style="display: block">Asset Assignments By Asset</h1>
 
     <Paper>
         <LayoutGrid>
@@ -75,6 +140,10 @@
 
     {#if foundAsset}
 	    <div>Asset ID: {foundAsset.assetId}</div>
+		<div>Condition: {foundAsset.condition}</div>
+		{#if foundAsset.conditionDetails}
+			<div>Condition Details: {foundAsset.conditionDetails}</div>
+		{/if}
 	    {#if foundAssetType}
 		    <div>{foundAssetType.name}</div>
 	    {/if}