Initial check in; All but the history pages working.

2022-09-07 08:58:00 -07:00
commit d6bd620207
109 changed files with 13170 additions and 0 deletions
--- a/imports/ui/pages/Assets/AssetList.jsx
+++ b/imports/ui/pages/Assets/AssetList.jsx
@@ -0,0 +1,135 @@
+import { Meteor } from 'meteor/meteor';
+import React, { useState } from 'react';
+import { useTracker } from 'meteor/react-meteor-data';
+import _ from 'lodash';
+import SimpleTable from "/imports/ui/util/SimpleTable";
+import TextField from "@mui/material/TextField";
+import Button from "@mui/material/Button";
+import Select from '@mui/material/Select';
+import MenuItem from '@mui/material/MenuItem';
+import {Assets, conditions} from "/imports/api/assets";
+import {AssetTypes} from "/imports/api/asset-types";
+
+const cssEditorField = {
+	margin: '0.6rem 0',
+}
+const cssGridFieldContainer = {
+	display: 'grid',
+	gridTemplateColumns: "1fr 1fr",
+	columnGap: '1rem',
+	rowGap: '0.4rem',
+	marginBottom: '1.5rem'
+}
+const cssFieldContainer = {
+	display: 'flex',
+	flexDirection: 'column',
+	backgroundColor: '#DDD',
+	padding: '0.5rem',
+	border: '1px solid #999',
+	borderRadius: '0.2rem',
+}
+const cssButtonContainer = {
+	display: 'flex',
+	gap: '1rem',
+	justifyContent: 'flex-end'
+}
+
+const AssetEditor = ({value, close}) => {
+	const [assetId, setAssetId] = useState(value.assetId || "")
+	const [serial, setSerial] = useState(value.serial || "")
+	const [condition, setCondition] = useState(value.condition || "")
+	const [conditionDetails, setConditionDetails] = useState(value.conditionDetails || "")
+	const [assetTypeId, setAssetTypeId] = useState(value.assetTypeId || "")
+	const assetTypes = AssetTypes.find({}, {sort: {year: -1}});
+
+	const applyChanges = () => {
+		close()
+		//TODO Should invert this and only close if there was success on the server.
+		if(value._id)
+			Meteor.call("assets.update", value._id, assetTypeId, assetId, serial, condition, conditionDetails);
+		else
+			Meteor.call("assets.add", assetTypeId, assetId, serial, condition, conditionDetails);
+	}
+	const rejectChanges = () => {
+		close()
+	}
+
+	return (
+		<div style={cssFieldContainer}>
+			<h1>Asset Editor</h1>
+			<div style={cssGridFieldContainer}>
+				<TextField style={cssEditorField} select variant="standard" value={assetTypeId} onChange={(e)=>{setAssetTypeId(e.target.value)}} label="Asset Type">
+					{assetTypes.map((assetType, i) => {
+						return <MenuItem key={i} value={assetType._id}>{assetType.name}</MenuItem>
+					})}
+				</TextField>
+				<TextField style={cssEditorField} variant="standard" label="Asset ID" value={assetId} onChange={(e) => {setAssetId(e.target.value)}}/>
+				<TextField style={cssEditorField} select variant="standard" label="Condition" value={condition} onChange={(e)=>{setCondition(e.target.value)}}>
+					{conditions.map((condition, i) => {
+						return <MenuItem key={i} value={condition}>{condition}</MenuItem>
+					})}
+				</TextField>
+				<TextField style={cssEditorField} variant="standard" label="Serial" value={serial} onChange={(e) => {setSerial(e.target.value)}}/>
+				<TextField style={{gridColumn: '1 / span 2',...cssEditorField}} multiline variant="outlined" rows={4} label="Condition Details" value={conditionDetails} onChange={(e) => {setConditionDetails(e.target.value)}}/>
+			</div>
+			<div style={cssButtonContainer}>
+				<Button variant="contained" style={{gridColumn: '2/2'}} className="button accept-button" onClick={applyChanges}>Accept</Button>
+				<Button type="outlined" style={{gridColumn: '3/3'}} className="button reject-button" onClick={rejectChanges}>Reject</Button>
+			</div>
+		</div>
+	)
+}
+
+export default () => {
+	Meteor.subscribe('assetTypes');
+	Meteor.subscribe('assets');
+	
+	const {assets} = useTracker(() => {
+		const assets = Assets.find({}).fetch();
+		const assetTypes = AssetTypes.find({}, {sort: {year: -1}}).fetch();
+		const assetTypeNameMap = assetTypes.reduce((map, obj) => {
+			map[obj._id] = obj;
+			return map;
+		}, {})
+
+		for(let asset of assets) {
+			asset.assetType = assetTypeNameMap[asset.assetTypeId]
+		}
+
+		return {
+			assets
+		}
+	});
+	
+	const columns = [
+		{
+			name: "Asset ID",
+			value: (row) => row.assetId,
+		},
+		{
+			name: "Serial",
+			value: (row) => row.serial,
+		},
+		{
+			name: "Condition",
+			value: (row) => row.condition,
+		},
+		{
+			name: "AssetType",
+			value: (row) => row.assetType.name,
+		},
+	]
+	
+	const options = {
+		key: (row) => row._id,
+		editor: (row, close) => {return (<AssetEditor value={row} close={close}/>)},
+		add: true,
+		maxHeight: '40rem'
+	}
+
+	return (
+		<>
+			<SimpleTable rows={assets} columns={columns} options={options}/>
+		</>
+	)
+}