conditions.html

<style>
	p button {
		float:left;
		margin-right:2px;
	}

/* tbl (list) */

	#cond td > * {
		display: block;
	}
	#cond tr:first-child {
		display: none;
	}
	#cond td:nth-child(2):hover {
		background-color: #C3C8C8;
		cursor: pointer;
	}
</style>

<div style='display: inline-block'>
	<h1>Pump Conditions</h1>
	<ul style='font-style:italic'>
		<li>Click to edit description</li>
		<li>Select to edit input parameters or export</li>		
	</ul>
	<table id=cond>
		<tr>
			<td><input type="checkbox" onclick="selCond(this)"></td>
			<td onclick='edit(this)'></td>
			<td><button onclick='rm(this)'><i class="fa fa-trash-o"></i></button></td>
			<td><button onclick='cpCon(this)'><i class="fa fa-plus"></i></button></td>
		</tr>
		<tr>
			<td><input type="checkbox" onclick='chkAll(this)' checked></input></td>
		</tr>
	</table>
	<p>
		<button class=prime onclick='nu()'>NEW</button>
		<span id=grid>
			<button class=prime onclick='grid()'>PARAMETERS</button>
			<button onclick='xprt()'>EXPORT</i></button>		
		</span>
		<button style='float:right' onclick='removeAll()'>REMOVE ALL</button>
	</p>
</div>
<script>

// list selection

	function listIdx(e) {
		return parIdx(e.parentElement,-2);
	}

	function chkAll(e) {
		chk(':checkbox',e.checked);
		$.each(Conds,function(i,d) {
			d.grid = e.checked;
		});
		save();
		setBtns();
	}

	function setBtns() {
		$('#grid').toggle($('#cond :checkbox:gt(1):checked').length>0);
	}

	function selCond(e) {// select condition
		Conds[listIdx(e)].grid = e.checked;
		save();
		setBtns();		
	}

// operations

	function grid() {
		go('grid');		
	}

	function rm(e) {// remove
		Conds.splice(listIdx(e),1);
		save();
		loadPg();
	}

	function removeAll() {
		Conds = D.Conds = [];
		save();
		loadPg();
	}

	function cpCon(e) {// copy condition
		let o = cp(Conds[listIdx(e)]);
		o.name+=' (copy)';
		Conds.push(o);
		save();
		loadPg();
	}

	function edit(e) {
		Cond = Conds[parIdx(e,-2)];
		go('notes');
	}

	function nu() {// new
		Cond = cp(DefCond);
		Conds.push(Cond);
		Cond.name = 'Condition ' + Conds.length;
		const dt = new Date();
    	dt.setMinutes(dt.getMinutes()-dt.getTimezoneOffset());
		Cond.date = dt.toJSON().slice(0,10);		
		save();
		go('notes');
	}	

	function xprt() {// selective export
		Dlg.showSaveDialog(dlgFil('csv'),
			function (fn) {
				if (fn) {					
					let hd, lines;
					Conds.forEach(function(c,i) {
						let r = crunch(cvtArg(c));						
						if (i==0) {
							hd = Object.keys(c).sort().concat(Object.keys(r).sort());
							lines=[hd.join(',')];
						}
						if (c.grid) {
							$.each(r, (k,v) => {
								r[k] = JSON.stringify(v);
							});
							cp(c,r);
							lines.push(
								hd.map((nm,i)=> {
									return JSON.stringify(r[nm]);
								}).join(',')
							);
						}
					});		
					require('fs').writeFile(fn,lines.join('\n'));				
				}
		}); 
	}	

// init

	$.each(Conds,function(i,d) {		
		const nu = $('#cond tr').first().clone();
		nu.children().eq(1).text(d.name);
		chk(nu.find(':checkbox'),d.grid);
		$('#cond').append(nu);		  

	});		

	if (Conds.length==0) {
		$('#cond').html('<span style="font-style:italic">None</span>');
		pg('button:gt(0)').hide();
	}

	setBtns();

</script>