Form validation and barcode input handling improvements

General improvements
2025-09-16 17:56:51 +00:00 · 2017-04-17 16:53:16 +02:00 · 2017-04-16 23:11:03 +02:00
30 changed files with 682 additions and 363 deletions
--- a/GrocyDbMigrator.php
+++ b/GrocyDbMigrator.php
@@ -0,0 +1,83 @@
+<?php
+
+class GrocyDbMigrator
+{
+	public static function MigrateDb(PDO $pdo)
+	{
+		self::ExecuteMigrationWhenNeeded($pdo, 1, "
+			CREATE TABLE products (
+				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
+				name TEXT NOT NULL UNIQUE,
+				description TEXT,
+				location_id INTEGER NOT NULL,
+				qu_id_purchase INTEGER NOT NULL,
+				qu_id_stock INTEGER NOT NULL,
+				qu_factor_purchase_to_stock REAL NOT NULL,
+				barcode TEXT UNIQUE,
+				created_timestamp DATETIME DEFAULT (datetime('now', 'localtime'))
+			)"
+		);
+
+		self::ExecuteMigrationWhenNeeded($pdo, 2, "
+			CREATE TABLE locations (
+				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
+				name TEXT NOT NULL UNIQUE,
+				description TEXT,
+				created_timestamp DATETIME DEFAULT (datetime('now', 'localtime'))
+			)"
+		);
+
+		self::ExecuteMigrationWhenNeeded($pdo, 3, "
+			CREATE TABLE quantity_units (
+				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
+				name TEXT NOT NULL UNIQUE,
+				description TEXT,
+				created_timestamp DATETIME DEFAULT (datetime('now', 'localtime'))
+			)"
+		);
+
+		self::ExecuteMigrationWhenNeeded($pdo, 4, "
+			CREATE TABLE stock (
+				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
+				product_id INTEGER NOT NULL,
+				amount INTEGER NOT NULL,
+				best_before_date DATE,
+				purchased_date DATE DEFAULT (datetime('now', 'localtime')),
+				stock_id TEXT NOT NULL
+			)"
+		);
+
+		self::ExecuteMigrationWhenNeeded($pdo, 5, "
+			CREATE TABLE consumptions (
+				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
+				product_id INTEGER NOT NULL,
+				amount INTEGER NOT NULL,
+				best_before_date DATE,
+				purchased_date DATE,
+				used_date DATE DEFAULT (datetime('now', 'localtime')),
+				spoiled INTEGER NOT NULL DEFAULT 0,
+				stock_id TEXT NOT NULL
+			)"
+		);
+
+		self::ExecuteMigrationWhenNeeded($pdo, 6, "
+			INSERT INTO locations (name, description) VALUES ('DefaultLocation', 'This is the first default location, edit or delete it');
+			INSERT INTO quantity_units (name, description) VALUES ('DefaultQuantityUnit', 'This is the first default quantity unit, edit or delete it');
+			INSERT INTO products (name, description, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('DefaultProduct1', 'This is the first default product, edit or delete it', 1, 1, 1, 1);
+			INSERT INTO products (name, description, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('DefaultProduct2', 'This is the second default product, edit or delete it', 1, 1, 1, 1);"
+		);
+	}
+
+	private static function ExecuteMigrationWhenNeeded(PDO $pdo, int $migrationId, string $sql)
+	{
+		if ($pdo->query("SELECT COUNT(*) FROM migrations WHERE migration = $migrationId")->fetchColumn() == 0)
+		{
+			if ($pdo->exec(utf8_encode($sql)) === false)
+			{
+				throw new Exception($pdo->errorInfo());
+			}
+
+			$pdo->exec('INSERT INTO migrations (migration) VALUES (' . $migrationId . ')');
+		}
+	}
+}
--- a/GrocyDemoDataGenerator.php
+++ b/GrocyDemoDataGenerator.php
@@ -0,0 +1,29 @@
+<?php
+
+class GrocyDemoDataGenerator
+{
+	public static function PopulateDemoData(PDO $pdo)
+	{
+		$sql = "
+			UPDATE locations SET name = 'Vorratskammer', description = '' WHERE id = 1;
+			INSERT INTO locations (name) VALUES ('S<><53>igkeitenschrank');
+			INSERT INTO locations (name) VALUES ('Konvervenschrank');
+
+			UPDATE quantity_units SET name = 'St<53>ck' WHERE id = 1;
+			INSERT INTO quantity_units (name) VALUES ('Packung');
+
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Gummib<69>rchen', 2, 2, 2, 1);
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Chips', 2, 2, 2, 1);
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Eier', 1, 2, 1, 10);
+
+			INSERT INTO stock (product_id, amount, best_before_date, stock_id) VALUES (3, 5, date('now', '+180 day'), '".uniqid()."');
+			INSERT INTO stock (product_id, amount, best_before_date, stock_id) VALUES (4, 5, date('now', '+180 day'), '".uniqid()."');
+			INSERT INTO stock (product_id, amount, best_before_date, stock_id) VALUES (5, 5, date('now', '+25 day'), '".uniqid()."');
+		";
+
+		if ($pdo->exec(utf8_encode($sql)) === false)
+		{
+			throw new Exception($pdo->errorInfo());
+		}
+	}
+}
--- a/GrocyLogicStock.php
+++ b/GrocyLogicStock.php
@@ -0,0 +1,89 @@
+<?php
+
+class GrocyLogicStock
+{
+	public static function GetCurrentStock()
+	{
+		$db = Grocy::GetDbConnectionRaw();
+		return $db->query('SELECT product_id, SUM(amount) AS amount, MIN(best_before_date) AS best_before_date from stock GROUP BY product_id ORDER BY MIN(best_before_date) ASC')->fetchAll(PDO::FETCH_OBJ);
+	}
+
+	public static function GetProductDetails(int $productId)
+	{
+		$db = Grocy::GetDbConnection();
+
+		$product = $db->products($productId);
+		$productStockAmount = $db->stock()->where('product_id', $productId)->sum('amount');
+		$productLastPurchased = $db->stock()->where('product_id', $productId)->max('purchased_date');
+		$productLastUsed = $db->consumptions()->where('product_id', $productId)->max('used_date');
+		$quPurchase = $db->quantity_units($product->qu_id_purchase);
+		$quStock = $db->quantity_units($product->qu_id_stock);
+
+		return array(
+			'product' => $product,
+			'last_purchased' => $productLastPurchased,
+			'last_used' => $productLastUsed,
+			'stock_amount' => $productStockAmount,
+			'quantity_unit_purchase' => $quPurchase,
+			'quantity_unit_stock' => $quStock
+		);
+	}
+
+	public static function ConsumeProduct(int $productId, int $amount, bool $spoiled)
+	{
+		$db = Grocy::GetDbConnection();
+
+		$productStockAmount = $db->stock()->where('product_id', $productId)->sum('amount');
+		$potentialStockEntries = $db->stock()->where('product_id', $productId)->orderBy('purchased_date', 'ASC')->fetchAll(); //FIFO
+
+		if ($amount > $productStockAmount)
+		{
+			return false;
+		}
+
+		foreach ($potentialStockEntries as $stockEntry)
+		{
+			if ($amount == 0)
+			{
+				break;
+			}
+
+			if ($amount >= $stockEntry->amount) //Take the whole stock entry
+			{
+				$consumptionRow = $db->consumptions()->createRow(array(
+					'product_id' => $stockEntry->product_id,
+					'amount' => $stockEntry->amount,
+					'best_before_date' => $stockEntry->best_before_date,
+					'purchased_date' => $stockEntry->purchased_date,
+					'spoiled' => $spoiled,
+					'stock_id' => $stockEntry->stock_id
+				));
+				$consumptionRow->save();
+
+				$amount -= $stockEntry->amount;
+				$stockEntry->delete();
+			}
+			else //Stock entry amount is > than needed amount -> split the stock entry resp. update the amount
+			{
+				$consumptionRow = $db->consumptions()->createRow(array(
+					'product_id' => $stockEntry->product_id,
+					'amount' => $amount,
+					'best_before_date' => $stockEntry->best_before_date,
+					'purchased_date' => $stockEntry->purchased_date,
+					'spoiled' => $spoiled,
+					'stock_id' => $stockEntry->stock_id
+				));
+				$consumptionRow->save();
+
+				$restStockAmount = $stockEntry->amount - $amount;
+				$amount = 0;
+
+				$stockEntry->update(array(
+					'amount' => $restStockAmount
+				));
+			}
+		}
+
+		return true;
+	}
+}
--- a/GrocyPhpHelper.php
+++ b/GrocyPhpHelper.php
@@ -0,0 +1,17 @@
+<?php
+
+class GrocyPhpHelper
+{
+	public static function FindObjectInArrayByPropertyValue($array, $propertyName, $propertyValue)
+	{
+		foreach($array as $object)
+		{
+			if($object->{$propertyName} == $propertyValue)
+			{
+				return $object;
+			}
+		}
+
+		return null;
+	}
+}
--- a/bower.json
+++ b/bower.json
@@ -9,6 +9,12 @@
 		"bootstrap-validator": "0.11.9",
 		"bootstrap-datepicker": "1.6.4",
 		"moment": "2.18.1",
-		"bootstrap-combobox": "1.1.8"
+		"bootstrap-combobox": "1.1.8",
+		"datatables.net": "1.10.13",
+		"datatables.net-bs": "2.1.1",
+		"datatables.net-responsive": "2.1.1",
+		"datatables.net-responsive-bs": "2.1.1",
+		"jquery-timeago": "1.5.4",
+		"toastr": "2.1.3"
 	}
 }
--- a/grocy.js
+++ b/grocy.js
@@ -2,8 +2,11 @@

 $(function()
 {
-	var menuItem = $('.nav-sidebar').find("[data-nav-for-page='" + Grocy.ContentPage + "']");
+	var menuItem = $('.nav').find("[data-nav-for-page='" + Grocy.ContentPage + "']");
 	menuItem.addClass('active');
+
+	$.timeago.settings.allowFuture = true;
+	$('time.timeago').timeago();
 });

 Grocy.FetchJson = function(url, success, error)
@@ -33,7 +36,7 @@ Grocy.FetchJson = function(url, success, error)

 	xhr.open('GET', url, true);
 	xhr.send();
-}
+};

 Grocy.PostJson = function(url, jsonData, success, error)
 {
@@ -63,4 +66,12 @@ Grocy.PostJson = function(url, jsonData, success, error)
 	xhr.open('POST', url, true);
 	xhr.setRequestHeader('Content-type', 'application/json');
 	xhr.send(JSON.stringify(jsonData));
-}
+};
+
+Grocy.EmptyElementWhenMatches = function(selector, text)
+{
+	if ($(selector).text() === text)
+	{
+		$(selector).text('');
+	}
+};
--- a/grocy.php
+++ b/grocy.php
@@ -2,28 +2,26 @@

 class Grocy
 {
-	private static $DbConnection;
 	private static $DbConnectionRaw;
-
 	/**
 	 * @return PDO
 	 */
-	private static function GetDbConnectionRaw()
+	public static function GetDbConnectionRaw()
 	{
 		if (self::$DbConnectionRaw == null)
 		{
-			$newDb = !file_exists('data/grocy.db');
-			$pdo = new PDO('sqlite:data/grocy.db');
+			$newDb = !file_exists(__DIR__ . '/data/grocy.db');
+			$pdo = new PDO('sqlite:' . __DIR__ . '/data/grocy.db');
+			$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

 			if ($newDb)
 			{
-				$pdo->exec('PRAGMA encoding = "UTF-8"');
 				$pdo->exec("CREATE TABLE migrations (migration INTEGER NOT NULL UNIQUE, execution_time_timestamp DATETIME DEFAULT (datetime('now', 'localtime')), PRIMARY KEY(migration)) WITHOUT ROWID");
-				self::MigrateDb();
+				GrocyDbMigrator::MigrateDb($pdo);

 				if (self::IsDemoInstallation())
 				{
-					self::PopulateDemoData();
+					GrocyDemoDataGenerator::PopulateDemoData($pdo);
 				}
 			}

@@ -33,6 +31,7 @@ class Grocy
 		return self::$DbConnectionRaw;
 	}

+	private static $DbConnection;
 	/**
 	 * @return LessQL\Database
 	 */
@@ -46,124 +45,19 @@ class Grocy
 		return self::$DbConnection;
 	}

-	public static function MigrateDb()
-	{
-		$pdo = self::GetDbConnectionRaw();
-
-		self::ExecuteMigrationWhenNeeded($pdo, 1, "
-			CREATE TABLE products (
-				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
-				name TEXT NOT NULL UNIQUE,
-				description TEXT,
-				location_id INTEGER NOT NULL,
-				qu_id_purchase INTEGER NOT NULL,
-				qu_id_stock INTEGER NOT NULL,
-				qu_factor_purchase_to_stock REAL NOT NULL,
-				barcode TEXT UNIQUE,
-				created_timestamp DATETIME DEFAULT (datetime('now', 'localtime'))
-			)"
-		);
-
-		self::ExecuteMigrationWhenNeeded($pdo, 2, "
-			CREATE TABLE locations (
-				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
-				name TEXT NOT NULL UNIQUE,
-				description TEXT,
-				created_timestamp DATETIME DEFAULT (datetime('now', 'localtime'))
-			)"
-		);
-
-		self::ExecuteMigrationWhenNeeded($pdo, 3, "
-			CREATE TABLE quantity_units (
-				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
-				name TEXT NOT NULL UNIQUE,
-				description TEXT,
-				created_timestamp DATETIME DEFAULT (datetime('now', 'localtime'))
-			)"
-		);
-
-		self::ExecuteMigrationWhenNeeded($pdo, 4, "
-			CREATE TABLE stock (
-				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
-				product_id INTEGER NOT NULL,
-				amount INTEGER NOT NULL,
-				best_before_date DATE,
-				purchased_date DATE DEFAULT (datetime('now', 'localtime'))
-			)"
-		);
-
-		self::ExecuteMigrationWhenNeeded($pdo, 5, "
-			CREATE TABLE consumptions (
-				id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT UNIQUE,
-				product_id INTEGER NOT NULL,
-				amount INTEGER NOT NULL,
-				used_date DATE DEFAULT (datetime('now', 'localtime')),
-				best_before_date DATE,
-				purchased_date DATE,
-				spoiled INTEGER NOT NULL DEFAULT 0
-			)"
-		);
-
-		self::ExecuteMigrationWhenNeeded($pdo, 6, "
-			INSERT INTO locations (name, description) VALUES ('DefaultLocation', 'This is the first default location, edit or delete it');
-			INSERT INTO quantity_units (name, description) VALUES ('DefaultQuantityUnit', 'This is the first default quantity unit, edit or delete it');
-			INSERT INTO products (name, description, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('DefaultProduct1', 'This is the first default product, edit or delete it', 1, 1, 1, 1);
-			INSERT INTO products (name, description, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('DefaultProduct2', 'This is the second default product, edit or delete it', 1, 1, 1, 1);"
-		);
-	}
-
-	public static function PopulateDemoData()
-	{
-		$pdo = self::GetDbConnectionRaw();
-
-		self::ExecuteMigrationWhenNeeded($pdo, -1, utf8_encode("
-			UPDATE locations SET name = 'Vorratskammer', description = '' WHERE id = 1;
-			INSERT INTO locations (name) VALUES ('S<><53>igkeitenschrank');
-			INSERT INTO locations (name) VALUES ('Konvervenschrank');
-
-			UPDATE quantity_units SET name = 'St<53>ck' WHERE id = 1;
-			INSERT INTO quantity_units (name) VALUES ('Packung');
-
-			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Gummib<69>rchen', 2, 2, 2, 1);
-			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Chips', 2, 2, 2, 1);
-			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Eier', 1, 2, 1, 10);
-
-			INSERT INTO stock (product_id, amount, best_before_date) VALUES (3, 5, date('now', '+180 day'));
-			INSERT INTO stock (product_id, amount, best_before_date) VALUES (4, 5, date('now', '+180 day'));
-			INSERT INTO stock (product_id, amount, best_before_date) VALUES (5, 5, date('now', '+25 day'));
-		"));
-	}
-
-	private static function ExecuteMigrationWhenNeeded(PDO $pdo, int $migrationId, string $sql)
-	{
-		if ($pdo->query("SELECT COUNT(*) FROM migrations WHERE migration = $migrationId")->fetchColumn() == 0)
-		{
-			$pdo->exec($sql);
-			$pdo->exec('INSERT INTO migrations (migration) VALUES (' . $migrationId . ')');
-		}
-	}
-
-	public static function FindObjectInArrayByPropertyValue($array, $propertyName, $propertyValue)
-	{
-		foreach($array as $object)
-		{
-			if($object->{$propertyName} == $propertyValue)
-			{
-				return $object;
-			}
-		}
-
-		return null;
-	}
-
-	public static function GetCurrentStock()
-	{
-		$db = self::GetDbConnectionRaw();
-		return $db->query('SELECT product_id, SUM(amount) AS amount, MIN(best_before_date) AS best_before_date from stock GROUP BY product_id ORDER BY MIN(best_before_date) DESC')->fetchAll(PDO::FETCH_OBJ);
-	}
-
 	public static function IsDemoInstallation()
 	{
-		return file_exists('data/demo.txt');
+		return file_exists(__DIR__ . '/data/demo.txt');
+	}
+
+	private static $InstalledVersion;
+	public static function GetInstalledVersion()
+	{
+		if (self::$InstalledVersion == null)
+		{
+			self::$InstalledVersion = file_get_contents(__DIR__ . '/version.txt');
+		}
+
+		return self::$InstalledVersion;
 	}
 }
--- a/grocy.phpproj
+++ b/grocy.phpproj
@@ -17,7 +17,11 @@
  </PropertyGroup>
  <ItemGroup>
    <Compile Include="config-dist.php" />
-    <Compile Include="grocy.php" />
+    <Compile Include="Grocy.php" />
+    <Compile Include="GrocyLogicStock.php" />
+    <Compile Include="GrocyDemoDataGenerator.php" />
+    <Compile Include="GrocyPhpHelper.php" />
+    <Compile Include="GrocyDbMigrator.php" />
    <Compile Include="index.php" />
    <Compile Include="views\consumption.php" />
    <Compile Include="views\purchase.php" />
@@ -44,6 +48,7 @@
    <Content Include="style.css" />
    <Content Include="version.txt" />
    <Content Include="views\consumption.js" />
+    <Content Include="views\dashboard.js" />
    <Content Include="views\purchase.js" />
    <Content Include="views\quantityunitform.js" />
    <Content Include="views\locationform.js" />
--- a/index.php
+++ b/index.php
@@ -6,9 +6,17 @@ use Slim\Views\PhpRenderer;

 require_once 'vendor/autoload.php';
 require_once 'config.php';
-require_once 'grocy.php';
+require_once 'Grocy.php';
+require_once 'GrocyDbMigrator.php';
+require_once 'GrocyDemoDataGenerator.php';
+require_once 'GrocyLogicStock.php';
+require_once 'GrocyPhpHelper.php';

-$app = new \Slim\App;
+$app = new \Slim\App(new \Slim\Container([
+	'settings' => [
+		'displayErrorDetails' => true,
+	],
+]));
 $container = $app->getContainer();
 $container['renderer'] = new PhpRenderer('./views');

@@ -32,7 +40,7 @@ $app->get('/', function(Request $request, Response $response)
 		'title' => 'Dashboard',
 		'contentPage' => 'dashboard.php',
 		'products' => $db->products(),
-		'currentStock' => Grocy::GetCurrentStock()
+		'currentStock' => GrocyLogicStock::GetCurrentStock()
 	]);
 });

@@ -217,95 +225,33 @@ $app->group('/api', function()
 		return $response->withHeader('Content-Type', 'application/json');
 	});

-	$this->get('/get-product-statistics/{productId}', function(Request $request, Response $response, $args)
+	$this->get('/stock/get-product-details/{productId}', function(Request $request, Response $response, $args)
 	{
-		$db = Grocy::GetDbConnection();
-		$product = $db->products($args['productId']);
-		$productStockAmount = $db->stock()->where('product_id', $args['productId'])->sum('amount');
-		$productLastPurchased = $db->stock()->where('product_id', $args['productId'])->max('purchased_date');
-		$productLastUsed = $db->consumptions()->where('product_id', $args['productId'])->max('used_date');
-		$quPurchase = $db->quantity_units($product->qu_id_purchase);
-		$quStock = $db->quantity_units($product->qu_id_stock);
-
-		echo json_encode(array(
-			'product' => $product,
-			'last_purchased' => $productLastPurchased,
-			'last_used' => $productLastUsed,
-			'stock_amount' => $productStockAmount,
-			'quantity_unit_purchase' => $quPurchase,
-			'quantity_unit_stock' => $quStock
-		));
-
+		echo json_encode(GrocyLogicStock::GetProductDetails($args['productId']));
 		return $response->withHeader('Content-Type', 'application/json');
 	});

-	$this->get('/get-current-stock', function(Request $request, Response $response)
+	$this->get('/stock/get-current-stock', function(Request $request, Response $response)
 	{
-		echo json_encode(Grocy::GetCurrentStock());
-
+		echo json_encode(GrocyLogicStock::GetCurrentStock());
 		return $response->withHeader('Content-Type', 'application/json');
 	});

-	$this->get('/consume-product/{productId}/{amount}', function(Request $request, Response $response, $args)
+	$this->get('/stock/consume-product/{productId}/{amount}', function(Request $request, Response $response, $args)
 	{
-		$db = Grocy::GetDbConnection();
-		$productStockAmount = $db->stock()->where('product_id', $args['productId'])->sum('amount');
-		$potentialStockEntries = $db->stock()->where('product_id', $args['productId'])->orderBy('purchased_date', 'ASC')->fetchAll(); //FIFO
-		$amount = $args['amount'];
-
-		if ($amount > $productStockAmount)
-		{
-			echo json_encode(array('success' => false));
-			return $response->withStatus(400)->withHeader('Content-Type', 'application/json');
-		}
-
-		$spoiled = 0;
+		$spoiled = false;
 		if (isset($request->getQueryParams()['spoiled']) && !empty($request->getQueryParams()['spoiled']) && $request->getQueryParams()['spoiled'] == '1')
 		{
-			$spoiled = 1;
+			$spoiled = true;
 		}

-		foreach ($potentialStockEntries as $stockEntry)
-		{
-			if ($amount == 0)
-			{
-				break;
-			}
+		echo json_encode(array('success' => GrocyLogicStock::ConsumeProduct($args['productId'], $args['amount'], $spoiled)));
+		return $response->withHeader('Content-Type', 'application/json');
+	});

-			if ($amount >= $stockEntry->amount) //Take the whole stock entry
-			{
-				$newRow = $db->consumptions()->createRow(array(
-					'product_id' => $stockEntry->product_id,
-					'amount' => $stockEntry->amount,
-					'best_before_date' => $stockEntry->best_before_date,
-					'purchased_date' => $stockEntry->purchased_date,
-					'spoiled' => $spoiled
-				));
-				$newRow->save();
-
-				$stockEntry->delete();
-			}
-			else //Split the stock entry resp. update the amount
-			{
-				$newRow = $db->consumptions()->createRow(array(
-					'product_id' => $stockEntry->product_id,
-					'amount' => $amount,
-					'best_before_date' => $stockEntry->best_before_date,
-					'purchased_date' => $stockEntry->purchased_date,
-					'spoiled' => $spoiled
-				));
-				$newRow->save();
-
-				$restStockAmount = $stockEntry->amount - $amount;
-				$stockEntry->update(array(
-					'amount' => $restStockAmount
-				));
-			}
-
-			$amount -= $stockEntry->amount;
-		}
-
-		echo json_encode(array('success' => true));
+	$this->get('/helper/uniqid', function(Request $request, Response $response)
+	{
+		echo json_encode(array('uniqid' => uniqid()));
 		return $response->withHeader('Content-Type', 'application/json');
 	});
 });
--- a/style.css
+++ b/style.css
@@ -26,6 +26,10 @@
 		min-width: 210px;
 		max-width: 260px;
 	}
+
+	#navbar-mobile {
+		display: none !important;
+	}
 }

 .nav-sidebar {
@@ -70,7 +74,7 @@
 	text-align: center;
 }

-a.discrete-link {
+.discrete-link {
 	color: inherit;
 }

@@ -90,3 +94,18 @@ a.discrete-link {
 	white-space: nowrap;
 	width: 1%;
 }
+
+.dataTables_info,
+.dataTables_length,
+.dataTables_filter {
+	font-style: italic;
+}
+
+.timeago-contextual {
+	font-style: italic;
+	font-size: 0.8em;
+}
+
+.disabled {
+	pointer-events: none;
+}
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-0.1.0
+0.3.0
--- a/views/consumption.js
+++ b/views/consumption.js
@@ -10,13 +10,26 @@
 		spoiled = 1;
 	}

-	Grocy.FetchJson('/api/consume-product/' + jsonForm.product_id + '/' + jsonForm.amount + '?spoiled=' + spoiled,
-		function(result)
+	Grocy.FetchJson('/api/stock/get-product-details/' + jsonForm.product_id,
+		function (productDetails)
 		{
-			$('#product_id').val(null);
-			$('#amount').val(1);
-			$('#product_name').focus();
-			$('#consumption-form').validator('validate');
+			Grocy.FetchJson('/api/stock/consume-product/' + jsonForm.product_id + '/' + jsonForm.amount + '?spoiled=' + spoiled,
+				function(result)
+				{
+					toastr.success('Removed ' + jsonForm.amount + ' ' + productDetails.quantity_unit_stock.name + ' of ' + productDetails.product.name + ' from stock');
+
+					$('#amount').val(1);
+					$('#product_id').val('');
+					$('#product_id_text_input').focus();
+					$('#product_id_text_input').val('');
+					$('#product_id_text_input').trigger('change');
+					$('#consumption-form').validator('validate');
+				},
+				function(xhr)
+				{
+					console.error(xhr);
+				}
+			);
 		},
 		function(xhr)
 		{
@@ -29,42 +42,72 @@ $('#product_id').on('change', function(e)
 {
 	var productId = $(e.target).val();

-	Grocy.FetchJson('/api/get-product-statistics/' + productId,
-		function(productStatistics)
-		{
-			$('#selected-product-name').text(productStatistics.product.name);
-			$('#selected-product-stock-amount').text(productStatistics.stock_amount || '0');
-			$('#selected-product-stock-qu-name').text(productStatistics.quantity_unit_stock.name);
-			$('#selected-product-stock-qu-name2').text(productStatistics.quantity_unit_stock.name);
-			$('#selected-product-last-purchased').text(productStatistics.last_purchased || 'never');
-			$('#selected-product-last-used').text(productStatistics.last_used || 'never');
-			$('#amount').attr('max', productStatistics.stock_amount);
-		},
-		function(xhr)
-		{
-			console.error(xhr);
-		}
-	);
+	if (productId)
+	{
+		Grocy.FetchJson('/api/stock/get-product-details/' + productId,
+			function(productStatistics)
+			{
+				$('#selected-product-name').text(productStatistics.product.name);
+				$('#selected-product-stock-amount').text(productStatistics.stock_amount || '0');
+				$('#selected-product-stock-qu-name').text(productStatistics.quantity_unit_stock.name);
+				$('#selected-product-stock-qu-name2').text(productStatistics.quantity_unit_stock.name);
+				$('#selected-product-last-purchased').text((productStatistics.last_purchased || 'never').substring(0, 10));
+				$('#selected-product-last-purchased-timeago').text($.timeago(productStatistics.last_purchased || ''));
+				$('#selected-product-last-used').text((productStatistics.last_used || 'never').substring(0, 10));
+				$('#selected-product-last-used-timeago').text($.timeago(productStatistics.last_used || ''));
+				$('#amount').attr('max', productStatistics.stock_amount);
+
+				Grocy.EmptyElementWhenMatches('#selected-product-last-purchased-timeago', 'NaN years ago');
+				Grocy.EmptyElementWhenMatches('#selected-product-last-used-timeago', 'NaN years ago');
+
+				if ((productStatistics.stock_amount || 0) === 0)
+				{
+					$('#product_id').val('');
+					$('#product_id_text_input').val('');
+					$('#product_id_text_input').addClass('has-error');
+					$('#product_id_text_input').parent('.input-group').addClass('has-error');
+					$('#product_id_text_input').closest('.form-group').addClass('has-error');
+					$('#product-error').text('This product is not in stock.');
+					$('#product-error').show();
+				}
+				else
+				{
+					$('#product_id_text_input').removeClass('has-error');
+					$('#product_id_text_input').parent('.input-group').removeClass('has-error');
+					$('#product_id_text_input').closest('.form-group').removeClass('has-error');
+					$('#product-error').hide();
+				}
+			},
+			function(xhr)
+			{
+				console.error(xhr);
+			}
+		);
+	}
 });

 $(function()
 {
-	$('.datepicker').datepicker(
-	{
-		format: 'yyyy-mm-dd',
-		startDate: '-3d',
-		todayHighlight: true,
-		autoclose: true,
-		calendarWeeks: true,
-		orientation: 'bottom auto'
-	});
-	$('.datepicker').val(moment().format('YYYY-MM-DD'));
-	$('.datepicker').trigger('change');
+	$('.combobox').combobox({ appendId: '_text_input' });

-	$('.combobox').combobox();
-	$('#product_id').focus();
-	$('#product_id').val(null);
-	$('#product_name').trigger('change');
-	$('#purchase-form').validator();
-	$('#purchase-form').validator('validate');
+	$('#amount').val(1);
+	$('#product_id').val('');
+	$('#product_id_text_input').focus();
+	$('#product_id_text_input').val('');
+	$('#product_id_text_input').trigger('change');
+
+	$('#consumption-form').validator();
+	$('#consumption-form').validator('validate');
+
+	$('#consumption-form input').keydown(function(event)
+	{
+		if (event.keyCode === 13) //Enter
+		{
+			if ($('#consumption-form').validator('validate').has('.has-error').length !== 0) //There is at least one validation error
+			{
+				event.preventDefault();
+				return false;
+			}
+		}
+	});
 });
--- a/views/consumption.php
+++ b/views/consumption.php
@@ -1,22 +1,16 @@
 <div class="col-sm-3 col-sm-offset-3 col-md-3 col-md-offset-2 main">
-	<h1 class="page-header">Record consumption</h1>
+	<h1 class="page-header">Consumption</h1>

 	<form id="consumption-form">
 		<div class="form-group">
-			<label for="product_id">Product</label>
-			<select class="form-control combobox" id="product_id" name="product_id" required>
+			<label for="product_id">Product&nbsp;&nbsp;<i class="fa fa-barcode"></i></label>
+			<select data-instockproduct="instockproduct" class="form-control combobox" id="product_id" name="product_id" required>
 				<option value=""></option>
 				<?php foreach ($products as $product) : ?>
-					<option value="<?php echo $product->id; ?>"><?php echo $product->name; ?></option>
+					<option value="<?php echo $product->id; ?>"><?php echo $product->name; ?><?php if (!empty($product->barcode)) echo ' [' . $product->barcode . ']'; ?></option>
 				<?php endforeach; ?>
 			</select>
-			<div class="input-group date">
-				<input type="text" class="form-control" id="barcode" name="barcode" />
-				<div class="input-group-addon">
-					<i class="fa fa-barcode"></i>
-				</div>
-			</div>
-			<div class="help-block with-errors"></div>
+			<div id="product-error" class="help-block with-errors"></div>
 		</div>
 		<div class="form-group">
 			<label for="amount">Amount</label>
@@ -32,13 +26,13 @@
 	</form>
 </div>

-<div class="col-sm-3 col-md-3 main well">
+<div class="col-sm-4 col-md-4 main well">
 	<h3>Product overview <strong><span id="selected-product-name"></span></strong></h3>
 	<h4><strong>Stock quantity unit:</strong> <span id="selected-product-stock-qu-name"></span></h4>

 	<p>
 		<strong>Stock amount:</strong> <span id="selected-product-stock-amount"></span> <span id="selected-product-stock-qu-name2"></span><br />
-		<strong>Last purchased:</strong> <span id="selected-product-last-purchased"></span><br />
-		<strong>Last used:</strong> <span id="selected-product-last-used"></span>
+		<strong>Last purchased:</strong> <span id="selected-product-last-purchased"></span> <time id="selected-product-last-purchased-timeago" class="timeago timeago-contextual"></time><br />
+		<strong>Last used:</strong> <span id="selected-product-last-used"></span> <time id="selected-product-last-used-timeago" class="timeago timeago-contextual"></time>
 	</p>
 </div>
--- a/views/dashboard.js
+++ b/views/dashboard.js
@@ -0,0 +1,7 @@
+$(function()
+{
+	$('#current-stock-table').DataTable({
+		'paging': false,
+		'order': [[2, 'asc']]
+	});
+});
--- a/views/dashboard.php
+++ b/views/dashboard.php
@@ -3,7 +3,7 @@

 	<h3>Current stock</h3>
 	<div class="table-responsive">
-		<table class="table table-striped">
+		<table id="current-stock-table" class="table table-striped">
 			<thead>
 				<tr>
 					<th>Product</th>
@@ -15,13 +15,13 @@
 				<?php foreach ($currentStock as $currentStockEntry) : ?>
 				<tr>
 					<td>
-						<?php echo Grocy::FindObjectInArrayByPropertyValue($products, 'id', $currentStockEntry->product_id)->name; ?>
+						<?php echo GrocyPhpHelper::FindObjectInArrayByPropertyValue($products, 'id', $currentStockEntry->product_id)->name; ?>
 					</td>
 					<td>
 						<?php echo $currentStockEntry->amount; ?>
 					</td>
 					<td>
-						<?php echo $currentStockEntry->best_before_date; ?>
+						<?php echo $currentStockEntry->best_before_date; ?> <time class="timeago timeago-contextual" datetime="<?php echo $currentStockEntry->best_before_date; ?>"></time>
 					</td>
 				</tr>
 				<?php endforeach; ?>
--- a/views/layout.php
+++ b/views/layout.php
@@ -9,38 +9,56 @@

 	<meta name="author" content="Bernd Bestel (bernd@berrnd.de)" />

-	<title>
-		<?php echo $title; ?> | grocy
-	</title>
+	<title><?php echo $title; ?> | grocy</title>

-	<link href="/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
-	<link href="/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
-	<link href="/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css" rel="stylesheet" />
-	<link href="/bower_components/bootstrap-combobox/css/bootstrap-combobox.css" rel="stylesheet" />
-	<link href="/style.css" rel="stylesheet" />
+	<link href="/bower_components/bootstrap/dist/css/bootstrap.min.css?v=<?php echo Grocy::GetInstalledVersion(); ?>" rel="stylesheet" />
+	<link href="/bower_components/font-awesome/css/font-awesome.min.css?v=<?php echo Grocy::GetInstalledVersion(); ?>" rel="stylesheet" />
+	<link href="/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker3.min.css?v=<?php echo Grocy::GetInstalledVersion(); ?>" rel="stylesheet" />
+	<link href="/bower_components/bootstrap-combobox/css/bootstrap-combobox.css?v=<?php echo Grocy::GetInstalledVersion(); ?>" rel="stylesheet" />
+	<link href="/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css?v=<?php echo Grocy::GetInstalledVersion(); ?>" rel="stylesheet" />
+	<link href="/bower_components/datatables.net-responsive-bs/css/responsive.bootstrap.min.css?v=<?php echo Grocy::GetInstalledVersion(); ?>" rel="stylesheet" />
+	<link href="/bower_components/toastr/toastr.min.css?v=<?php echo Grocy::GetInstalledVersion(); ?>" rel="stylesheet" />
+	<link href="/style.css?v=<?php echo Grocy::GetInstalledVersion(); ?>" rel="stylesheet" />

-	<script src="/bower_components/jquery/dist/jquery.min.js"></script>
-	<script src="/grocy.js"></script>
+	<script src="/bower_components/jquery/dist/jquery.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/grocy.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
 </head>

 <body>
 	<nav class="navbar navbar-default navbar-fixed-top">
 		<div class="container-fluid">
 			<div class="navbar-header">
-				<!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" >
+				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-mobile" >
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
-				</button>-->
+				</button>
 				<a class="navbar-brand" href="/">grocy</a>
 			</div>

-			<div id="navbar" class="navbar-collapse collapse">
-				<!--<ul class="nav navbar-nav navbar-right">
-					<li>
-						<a href="#">About</a>
+			<div id="navbar-mobile" class="navbar-collapse collapse">
+				<ul class="nav navbar-nav navbar-right">
+					<li data-nav-for-page="dashboard.php">
+						<a class="discrete-link" href="/"><i class="fa fa-tachometer fa-fw"></i>&nbsp;Dashboard</a>
 					</li>
-				</ul>-->
+					<li data-nav-for-page="purchase.php">
+						<a class="discrete-link" href="/purchase"><i class="fa fa-shopping-cart fa-fw"></i>&nbsp;Record purchase</a>
+					</li>
+					<li data-nav-for-page="consumption.php">
+						<a class="discrete-link" href="/consumption"><i class="fa fa-cutlery fa-fw"></i>&nbsp;Record consumption</a>
+					</li>
+				</ul>
+				<ul class="nav navbar-nav navbar-right">
+					<li data-nav-for-page="products.php">
+						<a class="discrete-link" href="/products"><i class="fa fa-product-hunt fa-fw"></i>&nbsp;Manage products</a>
+					</li>
+					<li data-nav-for-page="locations.php">
+						<a class="discrete-link" href="/locations"><i class="fa fa-map-marker fa-fw"></i>&nbsp;Manage locations</a>
+					</li>
+					<li data-nav-for-page="quantityunits.php">
+						<a class="discrete-link" href="/quantityunits"><i class="fa fa-balance-scale fa-fw"></i>&nbsp;Manage quantity units</a>
+					</li>
+				</ul>
 			</div>
 		</div>
 	</nav>
@@ -76,7 +94,7 @@
 					<br />
 					Created with passion since 2017
 					<br />
-					Version <?php echo file_get_contents('version.txt'); ?>
+					Version <?php echo Grocy::GetInstalledVersion(); ?>
 					<br />
 					Life runs on code
 					<br />
@@ -91,18 +109,24 @@
 		</div>
 	</div>

-	<script src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
-	<script src="/bower_components/bootbox/bootbox.js"></script>
-	<script src="/bower_components/jquery.serializeJSON/jquery.serializejson.min.js"></script>
-	<script src="/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
-	<script src="/bower_components/moment/min/moment.min.js"></script>
-	<script src="/bower_components/bootstrap-validator/dist/validator.min.js"></script>
-	<script src="/bower_components/bootstrap-combobox/js/bootstrap-combobox.js"></script>
+	<script src="/bower_components/bootstrap/dist/js/bootstrap.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/bootbox/bootbox.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/jquery.serializeJSON/jquery.serializejson.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/moment/min/moment.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/bootstrap-validator/dist/validator.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/bootstrap-combobox/js/bootstrap-combobox.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/datatables.net/js/jquery.dataTables.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/datatables.net-responsive/js/dataTables.responsive.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/datatables.net-responsive-bs/js/responsive.bootstrap.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/jquery-timeago/jquery.timeago.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>
+	<script src="/bower_components/toastr/toastr.min.js?v=<?php echo Grocy::GetInstalledVersion(); ?>"></script>

-	<?php if (file_exists('views/' . str_replace('.php', '.js', $contentPage))) : ?>
-		<script src="/views/<?php echo str_replace('.php', '.js', $contentPage); ?>"></script>
+	<?php if (file_exists(__DIR__ . '/' . str_replace('.php', '.js', $contentPage))) : ?>
+		<script src="/views/<?php echo str_replace('.php', '.js', $contentPage) . '?v=' . Grocy::GetInstalledVersion(); ?>"></script>
 	<?php endif; ?>

-	<?php if (file_exists('data/add_before_end_body.html')) include 'data/add_before_end_body.html' ?>
+	<?php if (file_exists(__DIR__ . '/../data/add_before_end_body.html')) include __DIR__ . '/../data/add_before_end_body.html' ?>
 </body>
 </html>
--- a/views/locationform.js
+++ b/views/locationform.js
@@ -33,4 +33,6 @@
 $(function()
 {
 	$('#name').focus();
+	$('#location-form').validator();
+	$('#location-form').validator('validate');
 });
--- a/views/locationform.php
+++ b/views/locationform.php
@@ -10,7 +10,8 @@
 	<form id="location-form">
 		<div class="form-group">
 			<label for="name">Name</label>
-			<input type="text" class="form-control" id="name" name="name" value="<?php if ($mode == 'edit') echo $location->name; ?>" />
+			<input type="text" class="form-control" required id="name" name="name" value="<?php if ($mode == 'edit') echo $location->name; ?>" />
+			<div class="help-block with-errors"></div>
 		</div>
 		<div class="form-group">
 			<label for="description">Description</label>
--- a/views/locations.js
+++ b/views/locations.js
@@ -30,3 +30,15 @@
 		}
 	});
 });
+
+$(function()
+{
+	$('#locations-table').DataTable({
+		'pageLength': 50,
+		'order': [[1, 'asc']],
+		'columnDefs': [
+			{ 'orderable': false, 'targets': 0 }
+		]
+	});
+});
+
--- a/views/locations.php
+++ b/views/locations.php
@@ -7,7 +7,7 @@
 	</h1>

 	<div class="table-responsive">
-		<table class="table table-striped">
+		<table id="locations-table" class="table table-striped">
 			<thead>
 				<tr>
 					<th>#</th>
--- a/views/productform.js
+++ b/views/productform.js
@@ -33,4 +33,15 @@
 $(function()
 {
 	$('#name').focus();
+	$('#product-form').validator();
+	$('#product-form').validator('validate');
+});
+
+$('#barcode').keydown(function(event)
+{
+	if (event.keyCode === 13) //Enter
+	{
+		event.preventDefault();
+		return false;
+	}
 });
--- a/views/productform.php
+++ b/views/productform.php
@@ -10,7 +10,8 @@
 	<form id="product-form">
 		<div class="form-group">
 			<label for="name">Name</label>
-			<input type="text" class="form-control" id="name" name="name" value="<?php if ($mode == 'edit') echo $product->name; ?>">
+			<input type="text" class="form-control" required id="name" name="name" value="<?php if ($mode == 'edit') echo $product->name; ?>">
+			<div class="help-block with-errors"></div>
 		</div>
 		<div class="form-group">
 			<label for="barcode">Barcode</label>
@@ -27,31 +28,35 @@
 		</div>
 		<div class="form-group">
 			<label for="location_id">Location</label>
-			<select class="form-control" id="location_id" name="location_id">
+			<select required class="form-control" id="location_id" name="location_id">
 				<?php foreach ($locations as $location) : ?>
 					<option <?php if ($mode == 'edit' && $location->id == $product->location_id) echo 'selected="selected"'; ?> value="<?php echo $location->id; ?>"><?php echo $location->name; ?></option>
 				<?php endforeach; ?>
 			</select>
+			<div class="help-block with-errors"></div>
 		</div>
 		<div class="form-group">
 			<label for="qu_id_purchase">Quantity unit purchase</label>
-			<select class="form-control" id="qu_id_purchase" name="qu_id_purchase">
+			<select required class="form-control" id="qu_id_purchase" name="qu_id_purchase">
 				<?php foreach ($quantityunits as $quantityunit) : ?>
 					<option <?php if ($mode == 'edit' && $quantityunit->id == $product->qu_id_purchase) echo 'selected="selected"'; ?> value="<?php echo $quantityunit->id; ?>"><?php echo $quantityunit->name; ?></option>
 				<?php endforeach; ?>
 			</select>
+			<div class="help-block with-errors"></div>
 		</div>
 		<div class="form-group">
 			<label for="qu_id_stock">Quantity unit stock</label>
-			<select class="form-control" id="qu_id_stock" name="qu_id_stock">
-			<?php foreach ($quantityunits as $quantityunit) : ?>
-				<option <?php if ($mode == 'edit' && $quantityunit->id == $product->qu_id_stock) echo 'selected="selected"'; ?> value="<?php echo $quantityunit->id; ?>"><?php echo $quantityunit->name; ?></option>
-			<?php endforeach; ?>
+			<select required class="form-control" id="qu_id_stock" name="qu_id_stock">
+				<?php foreach ($quantityunits as $quantityunit) : ?>
+					<option <?php if ($mode == 'edit' && $quantityunit->id == $product->qu_id_stock) echo 'selected="selected"'; ?> value="<?php echo $quantityunit->id; ?>"><?php echo $quantityunit->name; ?></option>
+				<?php endforeach; ?>
 			</select>
+			<div class="help-block with-errors"></div>
 		</div>
 		<div class="form-group">
 			<label for="qu_factor_purchase_to_stock">Factor purchase to stock quantity unit</label>
-			<input type="text" class="form-control" id="qu_factor_purchase_to_stock" name="qu_factor_purchase_to_stock" value="<?php if ($mode == 'edit') echo $product->qu_factor_purchase_to_stock; else echo '1'; ?>">
+			<input required min="1" type="number" class="form-control" id="qu_factor_purchase_to_stock" name="qu_factor_purchase_to_stock" value="<?php if ($mode == 'edit') echo $product->qu_factor_purchase_to_stock; else echo '1'; ?>">
+			<div class="help-block with-errors"></div>
 		</div>
 		<button id="save-product-button" type="submit" class="btn btn-default">Save</button>
 	</form>
--- a/views/products.js
+++ b/views/products.js
@@ -30,3 +30,14 @@
 		}
 	});
 });
+
+$(function()
+{
+	$('#products-table').DataTable({
+		'pageLength': 50,
+		'order': [[1, 'asc']],
+		'columnDefs': [
+			{ 'orderable': false, 'targets': 0 }
+		]
+	});
+});
--- a/views/products.php
+++ b/views/products.php
@@ -7,7 +7,7 @@
 	</h1>

 	<div class="table-responsive">
-		<table class="table table-striped">
+		<table id="products-table" class="table table-striped">
 			<thead>
 				<tr>
 					<th>#</th>
@@ -34,13 +34,13 @@
 						<?php echo $product->name; ?>
 					</td>
 					<td>
-						<?php echo Grocy::FindObjectInArrayByPropertyValue($locations, 'id', $product->location_id)->name; ?>
+						<?php echo GrocyPhpHelper::FindObjectInArrayByPropertyValue($locations, 'id', $product->location_id)->name; ?>
 					</td>
 					<td>
-						<?php echo Grocy::FindObjectInArrayByPropertyValue($quantityunits, 'id', $product->qu_id_purchase)->name; ?>
+						<?php echo GrocyPhpHelper::FindObjectInArrayByPropertyValue($quantityunits, 'id', $product->qu_id_purchase)->name; ?>
 					</td>
 					<td>
-						<?php echo Grocy::FindObjectInArrayByPropertyValue($quantityunits, 'id', $product->qu_id_stock)->name; ?>
+						<?php echo GrocyPhpHelper::FindObjectInArrayByPropertyValue($quantityunits, 'id', $product->qu_id_stock)->name; ?>
 					</td>
 					<td>
 						<?php echo $product->qu_factor_purchase_to_stock; ?>
--- a/views/purchase.js
+++ b/views/purchase.js
@@ -3,20 +3,35 @@
 	e.preventDefault();

 	var jsonForm = $('#purchase-form').serializeJSON();
-	delete jsonForm.barcode;

-	Grocy.FetchJson('/api/get-object/products/' + jsonForm.product_id,
-		function(product)
+	Grocy.FetchJson('/api/stock/get-product-details/' + jsonForm.product_id,
+		function (productDetails)
 		{
-			jsonForm.amount = jsonForm.amount * product.qu_factor_purchase_to_stock;
+			jsonForm.amount = jsonForm.amount * productDetails.product.qu_factor_purchase_to_stock;

-			Grocy.PostJson('/api/add-object/stock', jsonForm,
-				function(result)
+			Grocy.FetchJson('/api/helper/uniqid',
+				function(uniqidResponse)
 				{
-					$('#product_id').val(null);
-					$('#amount').val(1);
-					$('#product_id').focus();
-					$('#purchase-form').validator('validate');
+					jsonForm.stock_id = uniqidResponse.uniqid;
+
+					Grocy.PostJson('/api/add-object/stock', jsonForm,
+						function(result)
+						{
+							toastr.success('Added ' + jsonForm.amount + ' ' + productDetails.quantity_unit_stock.name + ' of ' + productDetails.product.name + ' to stock');
+
+							$('#amount').val(1);
+							$('#best_before_date').val('');
+							$('#product_id').val('');
+							$('#product_id_text_input').focus();
+							$('#product_id_text_input').val('');
+							$('#product_id_text_input').trigger('change');
+							$('#purchase-form').validator('validate');
+						},
+						function(xhr)
+						{
+							console.error(xhr);
+						}
+					);
 				},
 				function(xhr)
 				{
@@ -35,21 +50,29 @@ $('#product_id').on('change', function(e)
 {
 	var productId = $(e.target).val();

-	Grocy.FetchJson('/api/get-product-statistics/' + productId,
-		function(productStatistics)
-		{
-			$('#selected-product-name').text(productStatistics.product.name);
-			$('#selected-product-stock-amount').text(productStatistics.stock_amount || '0');
-			$('#selected-product-stock-qu-name').text(productStatistics.quantity_unit_stock.name);
-			$('#selected-product-purchase-qu-name').text(productStatistics.quantity_unit_purchase.name);
-			$('#selected-product-last-purchased').text(productStatistics.last_purchased || 'never');
-			$('#selected-product-last-used').text(productStatistics.last_used || 'never');
-		},
-		function(xhr)
-		{
-			console.error(xhr);
-		}
-	);
+	if (productId)
+	{
+		Grocy.FetchJson('/api/stock/get-product-details/' + productId,
+			function(productDetails)
+			{
+				$('#selected-product-name').text(productDetails.product.name);
+				$('#selected-product-stock-amount').text(productDetails.stock_amount || '0');
+				$('#selected-product-stock-qu-name').text(productDetails.quantity_unit_stock.name);
+				$('#selected-product-purchase-qu-name').text(productDetails.quantity_unit_purchase.name);
+				$('#selected-product-last-purchased').text((productDetails.last_purchased || 'never').substring(0, 10));
+				$('#selected-product-last-purchased-timeago').text($.timeago(productDetails.last_purchased || ''));
+				$('#selected-product-last-used').text((productDetails.last_used || 'never').substring(0, 10));
+				$('#selected-product-last-used-timeago').text($.timeago(productDetails.last_used || ''));
+
+				Grocy.EmptyElementWhenMatches('#selected-product-last-purchased-timeago', 'NaN years ago');
+				Grocy.EmptyElementWhenMatches('#selected-product-last-used-timeago', 'NaN years ago');
+			},
+			function(xhr)
+			{
+				console.error(xhr);
+			}
+		);
+	}
 });

 $(function()
@@ -57,19 +80,98 @@ $(function()
 	$('.datepicker').datepicker(
 	{
 		format: 'yyyy-mm-dd',
-		startDate: '+7d',
+		startDate: '+0d',
 		todayHighlight: true,
 		autoclose: true,
 		calendarWeeks: true,
-		orientation: 'bottom auto'
+		orientation: 'bottom auto',
+		weekStart: 1,
+		showOnFocus: false
 	});
-	$('.datepicker').val(moment().format('YYYY-MM-DD'));
 	$('.datepicker').trigger('change');

-	$('.combobox').combobox();
-	$('#product_id').focus();
-	$('#product_id').val(null);
-	$('#product_name').trigger('change');
-	$('#purchase-form').validator();
+	$('.combobox').combobox({ appendId: '_text_input' });
+
+	$('#amount').val(1);
+	$('#best_before_date').val('');
+	$('#product_id').val('');
+	$('#product_id_text_input').focus();
+	$('#product_id_text_input').val('');
+	$('#product_id_text_input').trigger('change');
+
+	$('#purchase-form').validator({
+		custom: {
+			'isodate': function($el)
+			{
+				if ($el.val().length !== 0 && !moment($el.val(), 'YYYY-MM-DD', true).isValid())
+				{
+					return 'Wrong date format, needs to be YYYY-MM-DD';
+				}
+			}
+		}
+	});
+	$('#purchase-form').validator('validate');
+
+	$('#purchase-form input').keydown(function(event)
+	{
+		if (event.keyCode === 13) //Enter
+		{
+			if ($('#purchase-form').validator('validate').has('.has-error').length !== 0) //There is at least one validation error
+			{
+				event.preventDefault();
+				return false;
+			}
+		}
+	});
+});
+
+$('#best_before_date-datepicker-button').on('click', function(e)
+{
+	$('.datepicker').datepicker('show');
+});
+
+$('#best_before_date').on('change', function(e)
+{
+	var value = $('#best_before_date').val();
+	if (value.length === 8 && $.isNumeric(value))
+	{
+		value = value.replace(/(\d{4})(\d{2})(\d{2})/, '$1-$2-$3');
+		$('#best_before_date').val(value);
+		$('#purchase-form').validator('validate');
+	}
+});
+
+$('#best_before_date').on('keypress', function(e)
+{
+	var element = $(e.target);
+	var value = element.val();
+	var dateObj = moment(element.val(), 'YYYY-MM-DD', true);
+
+	$('.datepicker').datepicker('hide');
+
+	if (value.length === 0)
+	{
+		element.val(moment().format('YYYY-MM-DD'));
+	}
+	else if (dateObj.isValid())
+	{
+		if (e.keyCode === 38) //Up
+		{
+			element.val(dateObj.add(-1, 'days').format('YYYY-MM-DD'));
+		}
+		else if (e.keyCode === 40) //Down
+		{
+			element.val(dateObj.add(1, 'days').format('YYYY-MM-DD'));
+		}
+		else if (e.keyCode === 37) //Left
+		{
+			element.val(dateObj.add(-1, 'weeks').format('YYYY-MM-DD'));
+		}
+		else if (e.keyCode === 39) //Right
+		{
+			element.val(dateObj.add(1, 'weeks').format('YYYY-MM-DD'));
+		}
+	}
+
 	$('#purchase-form').validator('validate');
 });
--- a/views/purchase.php
+++ b/views/purchase.php
@@ -1,19 +1,23 @@
-<div class="col-sm-3 col-sm-offset-3 col-md-3 col-md-offset-2 main">
-	<h1 class="page-header">Record purchase</h1>
+<div class="col-sm-4 col-sm-offset-3 col-md-3 col-md-offset-2 main">
+	<h1 class="page-header">Purchase</h1>

 	<form id="purchase-form">
 		<div class="form-group">
-			<label for="product_id">Product</label>
+			<label for="product_id">Product&nbsp;&nbsp;<i class="fa fa-barcode"></i></label>
 			<select class="form-control combobox" id="product_id" name="product_id" required>
 				<option value=""></option>
 				<?php foreach ($products as $product) : ?>
-					<option value="<?php echo $product->id; ?>"><?php echo $product->name; ?></option>
+					<option value="<?php echo $product->id; ?>"><?php echo $product->name; ?><?php if (!empty($product->barcode)) echo ' [' . $product->barcode . ']'; ?></option>
 				<?php endforeach; ?>
 			</select>
+			<div class="help-block with-errors"></div>
+		</div>
+		<div class="form-group">
+			<label for="best_before_date">Best before</label>
 			<div class="input-group date">
-				<input type="text" class="form-control" id="barcode" name="barcode" />
-				<div class="input-group-addon">
-					<i class="fa fa-barcode"></i>
+				<input type="text" data-isodate="isodate" class="form-control datepicker" id="best_before_date" name="best_before_date" required autocomplete="off">
+				<div id="best_before_date-datepicker-button" class="input-group-addon">
+					<i class="fa fa-calendar"></i>
 				</div>
 			</div>
 			<div class="help-block with-errors"></div>
@@ -23,27 +27,17 @@
 			<input type="number" class="form-control" id="amount" name="amount" value="1" min="1" required>
 			<div class="help-block with-errors"></div>
 		</div>
-		<div class="form-group">
-			<label for="best_before_date">Best before</label>
-			<div class="input-group date">
-				<input type="text" class="form-control datepicker" id="best_before_date" name="best_before_date" required>
-				<div class="input-group-addon">
-					<i class="fa fa-calendar"></i>
-				</div>
-			</div>
-			<div class="help-block with-errors"></div>
-		</div>
 		<button id="save-purchase-button" type="submit" class="btn btn-default">OK</button>
 	</form>
 </div>

-<div class="col-sm-3 col-md-3 main well">
+<div class="col-sm-4 col-md-4 main well">
 	<h3>Product overview <strong><span id="selected-product-name"></span></strong></h3>
 	<h4><strong>Purchase quantity:</strong> <span id="selected-product-purchase-qu-name"></span></h4>

 	<p>
 		<strong>Stock amount:</strong> <span id="selected-product-stock-amount"></span> <span id="selected-product-stock-qu-name"></span><br />
-		<strong>Last purchased:</strong> <span id="selected-product-last-purchased"></span><br />
-		<strong>Last used:</strong> <span id="selected-product-last-used"></span>
+		<strong>Last purchased:</strong> <span id="selected-product-last-purchased"></span> <time id="selected-product-last-purchased-timeago" class="timeago timeago-contextual"></time><br />
+		<strong>Last used:</strong> <span id="selected-product-last-used"></span> <time id="selected-product-last-used-timeago" class="timeago timeago-contextual"></time>
 	</p>
 </div>
--- a/views/quantityunitform.js
+++ b/views/quantityunitform.js
@@ -33,4 +33,6 @@
 $(function()
 {
 	$('#name').focus();
+	$('#quantityunit-form').validator();
+	$('#quantityunit-form').validator('validate');
 });
--- a/views/quantityunitform.php
+++ b/views/quantityunitform.php
@@ -10,7 +10,8 @@
 	<form id="quantityunit-form">
 		<div class="form-group">
 			<label for="name">Name</label>
-			<input type="text" class="form-control" id="name" name="name" value="<?php if ($mode == 'edit') echo $quantityunit->name; ?>" />
+			<input type="text" class="form-control" required id="name" name="name" value="<?php if ($mode == 'edit') echo $quantityunit->name; ?>" />
+			<div class="help-block with-errors"></div>
 		</div>
 		<div class="form-group">
 			<label for="description">Description</label>
--- a/views/quantityunits.js
+++ b/views/quantityunits.js
@@ -30,3 +30,14 @@
 		}
 	});
 });
+
+$(function()
+{
+	$('#quantityunits-table').DataTable({
+		'pageLength': 50,
+		'order': [[1, 'asc']],
+		'columnDefs': [
+			{ 'orderable': false, 'targets': 0 }
+		]
+	});
+});
--- a/views/quantityunits.php
+++ b/views/quantityunits.php
@@ -7,7 +7,7 @@
 	</h1>

 	<div class="table-responsive">
-		<table class="table table-striped">
+		<table id="quantityunits-table" class="table table-striped">
 			<thead>
 				<tr>
 					<th>#</th>
Author	SHA1	Message	Date
Bernd Bestel	2b8c672279	Form validation and barcode input handling improvements	2017-04-17 16:53:16 +02:00
Bernd Bestel	bd29f5da25	General improvements	2017-04-16 23:11:03 +02:00
@@ -1 +1 @@
 .1.0
 .3.0