--- a/www/inv_waters.php Wed Aug 29 19:58:36 2018 +0200 +++ b/www/inv_waters.php Wed Aug 29 23:13:13 2018 +0200 @@ -1,6 +1,6 @@ <?php require_once($_SERVER['DOCUMENT_ROOT'].'/includes/global.inc.php'); -page_header('Water sources', 'inv_waters'); +page_header('Brouwwater voorraad', 'inv_waters'); ?> <div id="jqxgrid"></div> @@ -11,61 +11,58 @@ <!-- Popup editor window. --> <div id="popupWindow"> - <div>Wijzig brouwwater bron.</div> + <div>Wijzig brouwwater.</div> <div style="overflow: hidden;"> <table> <tr> - <td align="right" style="vertical-align: top;">Water naam:</td> + <td style="vertical-align: top; float: right;">Water naam:</td> <td align="left" colspan="3" style="vertical-align: top;"><input id="name" /></td> </tr> <tr> - <td align="right" style="vertical-align: top;">Calcium (Ca) mg/l:</td> - <td align="left" style="vertical-align: top;"><input id="calcium" /></td> - <td align="right" style="vertical-align: top;">Magnesium (Mg) mg/l:</td> - <td align="left" style="vertical-align: top;"><input id="magnesium" /></td> + <td style="vertical-align: top; float: right;">Calcium (Ca) mg/l:</td> + <td><div id="calcium"></div></td> + <td style="vertical-align: top; float: right;">Magnesium (Mg) mg/l:</td> + <td><div id="magnesium"></div></td> </tr> <tr> - <td align="right" style="vertical-align: top;">Natrium (Na) mg/l:</td> - <td align="left" style="vertical-align: top;"><input id="sodium" /></td> - <td align="right" style="vertical-align: top;">Chloride (Cl) mg/l:</td> - <td align="left" style="vertical-align: top;"><input id="chloride" /></td> + <td style="vertical-align: top; float: right;">Natrium (Na) mg/l:</td> + <td><div id="sodium"></div></td> + <td style="vertical-align: top; float: right;">Chloride (Cl) mg/l:</td> + <td><div id="chloride"></div></td> </tr> <tr> - <td align="right" style="vertical-align: top;">Sulfaat (CaSO4) mg/l:</td> - <td align="left" style="vertical-align: top;"><input id="sulfate" /></td> - <td align="right" style="vertical-align: top;">Zuurgraad (pH):</td> - <td align="left" style="vertical-align: top;"><input id="ph" /></td> - </tr> - <tr> - <td align="right" style="vertical-align: top;">Bicarbonaat (HCO3) mg/l:</td> <!-- Input for total_alkalinity --> - <td align="left" style="vertical-align: top;"><input id="bicarbonate" /></td> - <td align="right" style="vertical-align: top;">Totale alkaliteit (CaCO3) mg/l:</td> - <td align="left" style="vertical-align: top;"><input id="total_alkalinity" /></td> + <td style="vertical-align: top; float: right;">Sulfaat (CaSO4) mg/l:</td> + <td><div id="sulfate"></div></td> + <td style="vertical-align: top; float: right;">Zuurgraad (pH):</td> + <td><div id="ph"></div></td> </tr> <tr> - <td align="right" style="vertical-align: top;">Opmerkingen:</td> - <td align="left" colspan="3"><textarea id="notes"></textarea></td> + <td style="vertical-align: top; float: right;">Bicarbonaat (HCO3) mg/l:</td> <!-- Input for total_alkalinity --> + <td><div id="bicarbonate"></div></td> + <td style="vertical-align: top; float: right;">Totale alkaliteit (CaCO3) mg/l:</td> + <td><div id="total_alkalinity"></div></td> </tr> <tr> - <td align="right" style="vertical-align: top;">Altijd op voorraad:</td> - <td align="left"><div id="always_on_stock"></div></td> - <td align="right" style="vertical-align: top;">Standaard water:</td> - <td align="left"><div id="default_water"></div></td> + <td style="vertical-align: top; float: right;">Opmerkingen:</td> + <td colspan="3"><textarea id="notes"></textarea></td> </tr> <tr> - <td align="right" style="vertical-align: top;">Voorraad:</td> - <td align="left"><div id="inventory"></div></td> - <td align="right" style="vertical-align: top;">Prijs per liter:</td> - <td align="left"><div id="cost"></div></td> + <td style="vertical-align: top; float: right;">Onbeperkt op voorraad:</td> + <td><div id="unlimited_stock"></div></td> + <td style="vertical-align: top; float: right;">Standaard water:</td> + <td><div id="default_water"></div></td> </tr> <tr> - <td style="padding-top: 10px;" align="right"><input type="button" id="Delete" value="Delete" /></td> - <td align="right"></td> - <td align="right"></td> - <td style="padding-top: 10px;" align="right"> - <input style="margin-right: 5px;" type="button" id="Save" value="Save" /> - <input id="Cancel" type="button" value="Cancel" /> - </td> + <td style="vertical-align: top; float: right;">Voorraad:</td> + <td><div id="inventory"></div></td> + <td style="vertical-align: top; float: right;">Prijs per liter:</td> + <td><div id="cost"></div></td> + </tr> + <tr> + <td style="padding-top: 10px; float: right;"><input type="button" id="Delete" value="Delete" /></td> + <td></td> + <td></td> + <td style="padding-top: 10px;"><input style="margin-right: 5px;" type="button" id="Save" value="Save" /><input id="Cancel" type="button" value="Cancel" /></td> </tr> </table> </div>