js-quantities config

present options to choose default units for any given measurement-kind

by brian428

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/js-quantities/1.7.4/quantities.js"></script>
<h2>
Conversion preferences
</h2>
<table id='conversionPreferences'>
</table>

CSS

body {
  background: white;
  padding: 20px;
  font-family: Helvetica;
}

table, th, td {
   border: 1px solid black;
}

JavaScript

// find elements
var convpref = $('#conversionPreferences');

var typesJson = {};

//populate table
var array = Qty.getKinds();
for (var i = 0; i < array.length ; i++) {

  var units_array = Qty.getUnits(array[i]);
  console.log( "Units for " + array[ i ] );
  console.log( units_array );
  console.log( " " );
  
  typesJson[ array[ i ] ] = units_array;

	/*
  if (units_array.length > 0) {
    // create an <tr> element, append it to the <tbody> and cache it as a variable:
    var tr = $('<tr/>').appendTo(convpref);
    tr.append('<td>' + array[i] + '</td>');

    tr.append('<td>' + units_array[0] + '</td>');
    var q = Qty(1,units_array[0]).toBase();
    tr.append('<td>' + q.toString() + '</td>');

    var td = $('<td/>').appendTo(tr);
    var sel = $('<select>').appendTo(td);
    for(var k in units_array ){
      sel.append($("<option>").attr('value',units_array[k]).text(units_array[k]));
    };
    sel.val((q.numerator[0]).replace(/[<>]/gm,'') );
	}
  */

}

console.log( " " ); console.log( " " ); console.log( " " );
console.log( JSON.stringify( typesJson ) );

console.log( " " ); console.log( " " ); console.log( " " );
console.log( Qty );

let temp = Qty;
debugger;