Finished the first cut of adding asset assignments; Added a page to display asset assignments (need to allow removing them).

imports/ui/Assets/Assign.svelte

@@ -37,6 +37,8 @@
 	let selectedGrade = 'All';
 	let selectedAssignee;
 	let assetId = "";
+	let assetIdWidget;
+
 	$: {
 		if(selectedSiteId) {
 			if(selectedCategory === 'Student') {
@@ -52,6 +54,13 @@
 			}
 		}
 	}
+
+	const createAssignment = () => {
+		if(assetId && assetId.length && selectedAssignee) {
+			Meteor.call("AssetAssignments.add", assetId, selectedCategory === 'Student' ? "Student" : "Staff", selectedAssignee._id)
+			assetId = "";
+		}
+	}
 </script>
 
 <div class="container">
@@ -91,10 +100,15 @@
 			</Cell>
 		</LayoutGrid>
 	</Paper>
-	
-	<TextField type="text" style="width: 100%" bind:value={assetId} label="Asset ID">
-		
-	</TextField>
+
+	<div style="width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end; align-content: stretch; column-gap: 2rem;">
+		<TextField bind:this={assetIdWidget} style="flex-grow: 999;" type="text" bind:value={assetId} label="Asset ID">
+
+		</TextField>
+		<Button variant="raised" color="secondary" on:click={createAssignment()} disabled={!assetId || assetId.length === 0 || !selectedAssignee}>
+			<Label style="color: white">Create</Label>
+		</Button>
+	</div>
 	<List twoLine singleSelection style="max-height: 60%">
 		{#if $assignees}
 			{#each $assignees as assignee}