This is 1.0

Going straight to 1.0...
Hide barcode in select dropdown but search in it
2025-10-19 11:34:45 +00:00 · 2017-04-20 17:10:21 +02:00 · 2017-04-19 21:09:28 +02:00 · 2017-04-18 23:04:26 +02:00 · 2017-04-18 21:33:44 +02:00 · 2017-04-18 21:15:45 +02:00
36 changed files with 1382 additions and 478 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -198,6 +198,5 @@ FakesAssemblies/
 /bower_components
 /vendor
 /.release
-/config.php
 /composer.phar
 /composer.lock
--- a/Grocy.php
+++ b/Grocy.php
@@ -0,0 +1,63 @@
+<?php
+
+class Grocy
+{
+	private static $DbConnectionRaw;
+	/**
+	 * @return PDO
+	 */
+	public static function GetDbConnectionRaw()
+	{
+		if (self::$DbConnectionRaw == null)
+		{
+			$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("CREATE TABLE migrations (migration INTEGER NOT NULL UNIQUE, execution_time_timestamp DATETIME DEFAULT (datetime('now', 'localtime')), PRIMARY KEY(migration)) WITHOUT ROWID");
+				GrocyDbMigrator::MigrateDb($pdo);
+
+				if (self::IsDemoInstallation())
+				{
+					GrocyDemoDataGenerator::PopulateDemoData($pdo);
+				}
+			}
+
+			self::$DbConnectionRaw = $pdo;
+		}
+
+		return self::$DbConnectionRaw;
+	}
+
+	private static $DbConnection;
+	/**
+	 * @return LessQL\Database
+	 */
+	public static function GetDbConnection()
+	{
+		if (self::$DbConnection == null)
+		{
+			self::$DbConnection = new LessQL\Database(self::GetDbConnectionRaw());
+		}
+
+		return self::$DbConnection;
+	}
+
+	public static function IsDemoInstallation()
+	{
+		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/GrocyDbMigrator.php
+++ b/GrocyDbMigrator.php
@@ -0,0 +1,88 @@
+<?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,
+				min_stock_amount INTEGER NOT NULL DEFAULT 0,
+				default_best_before_days INTEGER NOT NULL DEFAULT 0,
+				row_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,
+				row_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,
+				row_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,
+				row_created_timestamp DATETIME DEFAULT (datetime('now', 'localtime'))
+			)"
+		);
+
+		self::ExecuteMigrationWhenNeeded($pdo, 5, "
+			CREATE TABLE stock_log (
+				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,
+				spoiled INTEGER NOT NULL DEFAULT 0,
+				stock_id TEXT NOT NULL,
+				transaction_type TEXT NOT NULL,
+				row_created_timestamp DATETIME DEFAULT (datetime('now', 'localtime'))
+			)"
+		);
+
+		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,55 @@
+<?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'); --2
+			INSERT INTO locations (name) VALUES ('Konservenschrank'); --3
+			INSERT INTO locations (name) VALUES ('K<>hlschrank'); --4
+
+			UPDATE quantity_units SET name = 'St<53>ck' WHERE id = 1;
+			INSERT INTO quantity_units (name) VALUES ('Packung'); --2
+			INSERT INTO quantity_units (name) VALUES ('Glas'); --3
+			INSERT INTO quantity_units (name) VALUES ('Dose'); --4
+			INSERT INTO quantity_units (name) VALUES ('Becher'); --5
+			INSERT INTO quantity_units (name) VALUES ('Bund'); --6
+
+			DELETE FROM products WHERE id IN (1, 2);
+			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); --3
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Chips', 2, 2, 2, 1); --4
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Eier', 1, 2, 1, 10); --5
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Nudeln', 1, 2, 2, 1); --6
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Essiggurken', 3, 3, 3, 1); --7
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Gulaschsuppe', 3, 4, 4, 1); --8
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Joghurt', 4, 5, 5, 1); --9
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('K<>se', 4, 2, 2, 1); --10
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Aufschnitt', 4, 2, 2, 1); --11
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Paprika', 4, 1, 1, 1); --12
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Gurke', 4, 1, 1, 1); --13
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Radieschen', 4, 6, 6, 1); --14
+			INSERT INTO products (name, location_id, qu_id_purchase, qu_id_stock, qu_factor_purchase_to_stock) VALUES ('Tomate', 4, 1, 1, 1); --15
+		";
+
+		if ($pdo->exec(utf8_encode($sql)) === false)
+		{
+			throw new Exception($pdo->errorInfo());
+		}
+
+		GrocyLogicStock::AddProduct(3, 5, date('Y-m-d', strtotime('+180 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(4, 5, date('Y-m-d', strtotime('+180 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(5, 5, date('Y-m-d', strtotime('+20 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(6, 5, date('Y-m-d', strtotime('+600 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(7, 5, date('Y-m-d', strtotime('+800 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(8, 5, date('Y-m-d', strtotime('+900 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(9, 5, date('Y-m-d', strtotime('+14 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(10, 5, date('Y-m-d', strtotime('+21 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(11, 5, date('Y-m-d', strtotime('+10 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(12, 5, date('Y-m-d', strtotime('+2 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(13, 5, date('Y-m-d', strtotime('-2 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(14, 5, date('Y-m-d', strtotime('+2 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+		GrocyLogicStock::AddProduct(15, 5, date('Y-m-d', strtotime('-2 days')), GrocyLogicStock::TRANSACTION_TYPE_PURCHASE);
+	}
+}
--- a/GrocyLogicStock.php
+++ b/GrocyLogicStock.php
@@ -0,0 +1,157 @@
+<?php
+
+class GrocyLogicStock
+{
+	const TRANSACTION_TYPE_PURCHASE = 'purchase';
+	const TRANSACTION_TYPE_CONSUME = 'consume';
+	const TRANSACTION_TYPE_INVENTORY_CORRECTION = 'inventory-correction';
+
+	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->stock_log()->where('product_id', $productId)->where('transaction_type', self::TRANSACTION_TYPE_CONSUME)->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 AddProduct(int $productId, int $amount, string $bestBeforeDate, $transactionType)
+	{
+		if ($transactionType === self::TRANSACTION_TYPE_CONSUME || $transactionType === self::TRANSACTION_TYPE_PURCHASE || $transactionType === self::TRANSACTION_TYPE_INVENTORY_CORRECTION)
+		{
+			$db = Grocy::GetDbConnection();
+			$stockId = uniqid();
+
+			$logRow = $db->stock_log()->createRow(array(
+				'product_id' => $productId,
+				'amount' => $amount,
+				'best_before_date' => $bestBeforeDate,
+				'purchased_date' => date('Y-m-d'),
+				'stock_id' => $stockId,
+				'transaction_type' => $transactionType
+			));
+			$logRow->save();
+
+			$stockRow = $db->stock()->createRow(array(
+				'product_id' => $productId,
+				'amount' => $amount,
+				'best_before_date' => $bestBeforeDate,
+				'purchased_date' => date('Y-m-d'),
+				'stock_id' => $stockId,
+			));
+			$stockRow->save();
+
+			return true;
+		}
+		else
+		{
+			throw new Exception("Transaction type $transactionType is not valid (GrocyLogicStock.AddProduct)");
+		}
+	}
+
+	public static function ConsumeProduct(int $productId, int $amount, bool $spoiled, $transactionType)
+	{
+		if ($transactionType === self::TRANSACTION_TYPE_CONSUME || $transactionType === self::TRANSACTION_TYPE_PURCHASE || $transactionType === self::TRANSACTION_TYPE_INVENTORY_CORRECTION)
+		{
+			$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
+				{
+					$logRow = $db->stock_log()->createRow(array(
+						'product_id' => $stockEntry->product_id,
+						'amount' => $stockEntry->amount * -1,
+						'best_before_date' => $stockEntry->best_before_date,
+						'purchased_date' => $stockEntry->purchased_date,
+						'used_date' => date('Y-m-d'),
+						'spoiled' => $spoiled,
+						'stock_id' => $stockEntry->stock_id,
+						'transaction_type' => $transactionType
+					));
+					$logRow->save();
+
+					$amount -= $stockEntry->amount;
+					$stockEntry->delete();
+				}
+				else //Stock entry amount is > than needed amount -> split the stock entry resp. update the amount
+				{
+					$logRow = $db->stock_log()->createRow(array(
+						'product_id' => $stockEntry->product_id,
+						'amount' => $amount * -1,
+						'best_before_date' => $stockEntry->best_before_date,
+						'purchased_date' => $stockEntry->purchased_date,
+						'used_date' => date('Y-m-d'),
+						'spoiled' => $spoiled,
+						'stock_id' => $stockEntry->stock_id,
+						'transaction_type' => $transactionType
+					));
+					$logRow->save();
+
+					$restStockAmount = $stockEntry->amount - $amount;
+					$amount = 0;
+
+					$stockEntry->update(array(
+						'amount' => $restStockAmount
+					));
+				}
+			}
+
+			return true;
+		}
+		else
+		{
+			throw new Exception("Transaction type $transactionType is not valid (GrocyLogicStock.ConsumeProduct)");
+		}
+	}
+
+	public static function InventoryProduct(int $productId, int $newAmount, string $bestBeforeDate)
+	{
+		$db = Grocy::GetDbConnection();
+		$productStockAmount = $db->stock()->where('product_id', $productId)->sum('amount');
+
+		if ($newAmount > $productStockAmount)
+		{
+			$amountToAdd = $newAmount - $productStockAmount;
+			self::AddProduct($productId, $amountToAdd, $bestBeforeDate, self::TRANSACTION_TYPE_INVENTORY_CORRECTION);
+		}
+		else if ($newAmount < $productStockAmount)
+		{
+			$amountToRemove = $productStockAmount - $newAmount;
+			self::ConsumeProduct($productId, $amountToRemove, false, self::TRANSACTION_TYPE_INVENTORY_CORRECTION);
+		}
+
+		return true;
+	}
+}
--- a/GrocyPhpHelper.php
+++ b/GrocyPhpHelper.php
@@ -0,0 +1,49 @@
+<?php
+
+class GrocyPhpHelper
+{
+	public static function FindObjectInArrayByPropertyValue($array, $propertyName, $propertyValue)
+	{
+		foreach($array as $object)
+		{
+			if($object->{$propertyName} == $propertyValue)
+			{
+				return $object;
+			}
+		}
+
+		return null;
+	}
+
+	public static function FindAllObjectsInArrayByPropertyValue($array, $propertyName, $propertyValue, $operator = '==')
+	{
+		$returnArray = array();
+
+		foreach($array as $object)
+		{
+			switch($operator)
+			{
+				case '==':
+					if($object->{$propertyName} == $propertyValue)
+					{
+						$returnArray[] = $object;
+					}
+					break;
+				case '>':
+					if($object->{$propertyName} > $propertyValue)
+					{
+						$returnArray[] = $object;
+					}
+					break;
+				case '<':
+					if($object->{$propertyName} < $propertyValue)
+					{
+						$returnArray[] = $object;
+					}
+					break;
+			}
+		}
+
+		return $returnArray;
+	}
+}
--- a/README.md
+++ b/README.md
@@ -11,10 +11,7 @@ For now my main focus is on stock management, ERP your fridge!
 Public demo of the latest version &rarr; [https://grocy.projectdemos.berrnd.org](https://grocy.projectdemos.berrnd.org) 

 ## How to install
-Just unpack the [latest release](https://github.com/berrnd/grocy/releases/latest) on your PHP enabled webserver, copy `config-dist.php` to `config.php`, edit it to your needs, ensure that the `data` directory is writable and you're ready to go. Alternatively clone this repository and install Composer and Bower dependencies manually.
-
-## Todo
-A lot...
+Just unpack the [latest release](https://github.com/berrnd/grocy/releases/latest) on your PHP enabled webserver, copy `config-dist.php` to `data/config.php`, edit it to your needs, ensure that the `data` directory is writable and you're ready to go. Alternatively clone this repository and install Composer and Bower dependencies manually.

 ## License
 The MIT License (MIT)
--- a/bower.json
+++ b/bower.json
@@ -9,6 +9,13 @@
 		"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",
+		"tagmanager": "3.0.2"
 	}
 }
--- a/build.bat
+++ b/build.bat
@@ -8,4 +8,4 @@ for /f "tokens=*" %%a in ('type version.txt') do set version=%%a

 del "%releasePath%\grocy_%version%.zip"
 "build_tools\7za.exe" a -r "%releasePath%\grocy_%version%.zip" "%projectPath%\*" -xr!.* -xr!build_tools -xr!build.bat -xr!composer.json -xr!composer.lock -xr!composer.phar -xr!grocy.phpproj -xr!grocy.phpproj.user -xr!grocy.sln
-"build_tools\7za.exe" d "%releasePath%\grocy_%version%.zip" data\add_before_end_body.html data\demo.txt data\grocy.db data\.gitignore config.php bower.json
+"build_tools\7za.exe" d "%releasePath%\grocy_%version%.zip" data\add_before_end_body.html data\demo.txt data\config.php data\grocy.db data\.gitignore bower.json
--- 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,17 @@ 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('');
+	}
+};
+
+String.prototype.contains = function(search)
+{
+	return this.toLowerCase().indexOf(search.toLowerCase()) !== -1;
+};
--- a/grocy.php
+++ b/grocy.php
@@ -1,169 +0,0 @@
-<?php
-
-class Grocy
-{
-	private static $DbConnection;
-	private static $DbConnectionRaw;
-
-	/**
-	 * @return PDO
-	 */
-	private static function GetDbConnectionRaw()
-	{
-		if (self::$DbConnectionRaw == null)
-		{
-			$newDb = !file_exists('data/grocy.db');
-			$pdo = new PDO('sqlite:data/grocy.db');
-
-			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();
-
-				if (self::IsDemoInstallation())
-				{
-					self::PopulateDemoData();
-				}
-			}
-
-			self::$DbConnectionRaw = $pdo;
-		}
-
-		return self::$DbConnectionRaw;
-	}
-
-	/**
-	 * @return LessQL\Database
-	 */
-	public static function GetDbConnection()
-	{
-		if (self::$DbConnection == null)
-		{
-			self::$DbConnection = new LessQL\Database(self::GetDbConnectionRaw());
-		}
-
-		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');
-	}
-}
--- a/grocy.phpproj
+++ b/grocy.phpproj
@@ -17,9 +17,14 @@
  </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\inventory.php" />
    <Compile Include="views\purchase.php" />
    <Compile Include="views\quantityunitform.php" />
    <Compile Include="views\locationform.php" />
@@ -44,6 +49,8 @@
    <Content Include="style.css" />
    <Content Include="version.txt" />
    <Content Include="views\consumption.js" />
+    <Content Include="views\dashboard.js" />
+    <Content Include="views\inventory.js" />
    <Content Include="views\purchase.js" />
    <Content Include="views\quantityunitform.js" />
    <Content Include="views\locationform.js" />
--- a/index.php
+++ b/index.php
@@ -4,11 +4,19 @@ use \Psr\Http\Message\ServerRequestInterface as Request;
 use \Psr\Http\Message\ResponseInterface as Response;
 use Slim\Views\PhpRenderer;

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

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

@@ -24,22 +32,20 @@ if (!Grocy::IsDemoInstallation())
 	]));
 }

-$app->get('/', function(Request $request, Response $response)
-{
-	$db = Grocy::GetDbConnection();
+$db = Grocy::GetDbConnection();

+$app->get('/', function(Request $request, Response $response) use($db)
+{
 	return $this->renderer->render($response, '/layout.php', [
 		'title' => 'Dashboard',
 		'contentPage' => 'dashboard.php',
 		'products' => $db->products(),
-		'currentStock' => Grocy::GetCurrentStock()
+		'currentStock' => GrocyLogicStock::GetCurrentStock()
 	]);
 });

-$app->get('/purchase', function(Request $request, Response $response)
+$app->get('/purchase', function(Request $request, Response $response) use($db)
 {
-	$db = Grocy::GetDbConnection();
-
 	return $this->renderer->render($response, '/layout.php', [
 		'title' => 'Purchase',
 		'contentPage' => 'purchase.php',
@@ -47,10 +53,8 @@ $app->get('/purchase', function(Request $request, Response $response)
 	]);
 });

-$app->get('/consumption', function(Request $request, Response $response)
+$app->get('/consumption', function(Request $request, Response $response) use($db)
 {
-	$db = Grocy::GetDbConnection();
-
 	return $this->renderer->render($response, '/layout.php', [
 		'title' => 'Consumption',
 		'contentPage' => 'consumption.php',
@@ -58,10 +62,17 @@ $app->get('/consumption', function(Request $request, Response $response)
 	]);
 });

-$app->get('/products', function(Request $request, Response $response)
+$app->get('/inventory', function(Request $request, Response $response) use($db)
 {
-	$db = Grocy::GetDbConnection();
+	return $this->renderer->render($response, '/layout.php', [
+		'title' => 'Inventory',
+		'contentPage' => 'inventory.php',
+		'products' => $db->products()
+	]);
+});

+$app->get('/products', function(Request $request, Response $response) use($db)
+{
 	return $this->renderer->render($response, '/layout.php', [
 		'title' => 'Products',
 		'contentPage' => 'products.php',
@@ -71,10 +82,8 @@ $app->get('/products', function(Request $request, Response $response)
 	]);
 });

-$app->get('/locations', function(Request $request, Response $response)
+$app->get('/locations', function(Request $request, Response $response) use($db)
 {
-	$db = Grocy::GetDbConnection();
-
 	return $this->renderer->render($response, '/layout.php', [
 		'title' => 'Locations',
 		'contentPage' => 'locations.php',
@@ -82,10 +91,8 @@ $app->get('/locations', function(Request $request, Response $response)
 	]);
 });

-$app->get('/quantityunits', function(Request $request, Response $response)
+$app->get('/quantityunits', function(Request $request, Response $response) use($db)
 {
-	$db = Grocy::GetDbConnection();
-
 	return $this->renderer->render($response, '/layout.php', [
 		'title' => 'Quantity units',
 		'contentPage' => 'quantityunits.php',
@@ -93,10 +100,8 @@ $app->get('/quantityunits', function(Request $request, Response $response)
 	]);
 });

-$app->get('/product/{productId}', function(Request $request, Response $response, $args)
+$app->get('/product/{productId}', function(Request $request, Response $response, $args) use($db)
 {
-	$db = Grocy::GetDbConnection();
-
 	if ($args['productId'] == 'new')
 	{
 		return $this->renderer->render($response, '/layout.php', [
@@ -120,10 +125,8 @@ $app->get('/product/{productId}', function(Request $request, Response $response,
 	}
 });

-$app->get('/location/{locationId}', function(Request $request, Response $response, $args)
+$app->get('/location/{locationId}', function(Request $request, Response $response, $args) use($db)
 {
-	$db = Grocy::GetDbConnection();
-
 	if ($args['locationId'] == 'new')
 	{
 		return $this->renderer->render($response, '/layout.php', [
@@ -143,10 +146,8 @@ $app->get('/location/{locationId}', function(Request $request, Response $respons
 	}
 });

-$app->get('/quantityunit/{quantityunitId}', function(Request $request, Response $response, $args)
+$app->get('/quantityunit/{quantityunitId}', function(Request $request, Response $response, $args) use($db)
 {
-	$db = Grocy::GetDbConnection();
-
 	if ($args['quantityunitId'] == 'new')
 	{
 		return $this->renderer->render($response, '/layout.php', [
@@ -166,148 +167,100 @@ $app->get('/quantityunit/{quantityunitId}', function(Request $request, Response
 	}
 });

-$app->group('/api', function()
+$app->group('/api', function() use($db, $app)
 {
-	$this->get('/get-objects/{entity}', function(Request $request, Response $response, $args)
+	$this->get('/get-objects/{entity}', function(Request $request, Response $response, $args) use($db)
 	{
-		$db = Grocy::GetDbConnection();
 		echo json_encode($db->{$args['entity']}());
-
-		return $response->withHeader('Content-Type', 'application/json');
 	});

-	$this->get('/get-object/{entity}/{objectId}', function(Request $request, Response $response, $args)
+	$this->get('/get-object/{entity}/{objectId}', function(Request $request, Response $response, $args) use($db)
 	{
-		$db = Grocy::GetDbConnection();
 		echo json_encode($db->{$args['entity']}($args['objectId']));
-
-		return $response->withHeader('Content-Type', 'application/json');
 	});

-	$this->post('/add-object/{entity}', function(Request $request, Response $response, $args)
+	$this->post('/add-object/{entity}', function(Request $request, Response $response, $args) use($db)
 	{
-		$db = Grocy::GetDbConnection();
 		$newRow = $db->{$args['entity']}()->createRow($request->getParsedBody());
 		$newRow->save();
 		$success = $newRow->isClean();
 		echo json_encode(array('success' => $success));
-
-		return $response->withHeader('Content-Type', 'application/json');
 	});

-	$this->post('/edit-object/{entity}/{objectId}', function(Request $request, Response $response, $args)
+	$this->post('/edit-object/{entity}/{objectId}', function(Request $request, Response $response, $args) use($db)
 	{
-		$db = Grocy::GetDbConnection();
 		$row = $db->{$args['entity']}($args['objectId']);
 		$row->update($request->getParsedBody());
 		$success = $row->isClean();
 		echo json_encode(array('success' => $success));
-
-		return $response->withHeader('Content-Type', 'application/json');
 	});

-	$this->get('/delete-object/{entity}/{objectId}', function(Request $request, Response $response, $args)
+	$this->get('/delete-object/{entity}/{objectId}', function(Request $request, Response $response, $args) use($db)
 	{
-		$db = Grocy::GetDbConnection();
 		$row = $db->{$args['entity']}($args['objectId']);
 		$row->delete();
 		$success = $row->isClean();
 		echo json_encode(array('success' => $success));
-
-		return $response->withHeader('Content-Type', 'application/json');
 	});

-	$this->get('/get-product-statistics/{productId}', function(Request $request, Response $response, $args)
+	$this->get('/stock/add-product/{productId}/{amount}', 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
-		));
-
-		return $response->withHeader('Content-Type', 'application/json');
-	});
-
-	$this->get('/get-current-stock', function(Request $request, Response $response)
+		$bestBeforeDate = date('Y-m-d');
+		if (isset($request->getQueryParams()['bestbeforedate']) && !empty($request->getQueryParams()['bestbeforedate']))
 		{
-		echo json_encode(Grocy::GetCurrentStock());
-
-		return $response->withHeader('Content-Type', 'application/json');
-	});
-
-	$this->get('/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');
+			$bestBeforeDate = $request->getQueryParams()['bestbeforedate'];
 		}

-		$spoiled = 0;
+		$transactionType = GrocyLogicStock::TRANSACTION_TYPE_PURCHASE;
+		if (isset($request->getQueryParams()['transactiontype']) && !empty($request->getQueryParams()['transactiontype']))
+		{
+			$transactionType = $request->getQueryParams()['transactiontype'];
+		}
+
+		echo json_encode(array('success' => GrocyLogicStock::AddProduct($args['productId'], $args['amount'], $bestBeforeDate, $transactionType)));
+	});
+
+	$this->get('/stock/consume-product/{productId}/{amount}', function(Request $request, Response $response, $args)
+	{
+		$spoiled = false;
 		if (isset($request->getQueryParams()['spoiled']) && !empty($request->getQueryParams()['spoiled']) && $request->getQueryParams()['spoiled'] == '1')
 		{
-			$spoiled = 1;
+			$spoiled = true;
 		}

-		foreach ($potentialStockEntries as $stockEntry)
+		$transactionType = GrocyLogicStock::TRANSACTION_TYPE_CONSUME;
+		if (isset($request->getQueryParams()['transactiontype']) && !empty($request->getQueryParams()['transactiontype']))
 		{
-			if ($amount == 0)
-			{
-				break;
+			$transactionType = $request->getQueryParams()['transactiontype'];
 		}

-			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));
-		return $response->withHeader('Content-Type', 'application/json');
+		echo json_encode(array('success' => GrocyLogicStock::ConsumeProduct($args['productId'], $args['amount'], $spoiled, $transactionType)));
 	});
+
+	$this->get('/stock/inventory-product/{productId}/{newAmount}', function(Request $request, Response $response, $args)
+	{
+		$bestBeforeDate = date('Y-m-d');
+		if (isset($request->getQueryParams()['bestbeforedate']) && !empty($request->getQueryParams()['bestbeforedate']))
+		{
+			$bestBeforeDate = $request->getQueryParams()['bestbeforedate'];
+		}
+
+		echo json_encode(array('success' => GrocyLogicStock::InventoryProduct($args['productId'], $args['newAmount'], $bestBeforeDate)));
+	});
+
+	$this->get('/stock/get-product-details/{productId}', function(Request $request, Response $response, $args)
+	{
+		echo json_encode(GrocyLogicStock::GetProductDetails($args['productId']));
+	});
+
+	$this->get('/stock/get-current-stock', function(Request $request, Response $response)
+	{
+		echo json_encode(GrocyLogicStock::GetCurrentStock());
+	});
+})->add(function($request, $response, $next)
+{
+	$response = $next($request, $response);
+	return $response->withHeader('Content-Type', 'application/json');
 });

 $app->run();
--- 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,27 @@ 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,
+.no-real-button {
+	pointer-events: none;
+}
+
+.warning-bg {
+	background-color: #fcf8e3 !important;
+}
+
+.error-bg {
+	background-color: #f2dede !important;
+}
--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-0.1.0
+1.0.0
--- a/views/consumption.js
+++ b/views/consumption.js
@@ -10,12 +10,19 @@
 		spoiled = 1;
 	}

-	Grocy.FetchJson('/api/consume-product/' + jsonForm.product_id + '/' + jsonForm.amount + '?spoiled=' + spoiled,
+	Grocy.FetchJson('/api/stock/get-product-details/' + jsonForm.product_id,
+		function (productDetails)
+		{
+			Grocy.FetchJson('/api/stock/consume-product/' + jsonForm.product_id + '/' + jsonForm.amount + '?spoiled=' + spoiled,
 				function(result)
 				{
-			$('#product_id').val(null);
+					toastr.success('Removed ' + jsonForm.amount + ' ' + productDetails.quantity_unit_stock.name + ' of ' + productDetails.product.name + ' from stock');
+
 					$('#amount').val(1);
-			$('#product_name').focus();
+					$('#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)
@@ -23,48 +30,108 @@
 					console.error(xhr);
 				}
 			);
+		},
+		function(xhr)
+		{
+			console.error(xhr);
+		}
+	);
 });

 $('#product_id').on('change', function(e)
 {
 	var productId = $(e.target).val();

-	Grocy.FetchJson('/api/get-product-statistics/' + productId,
-		function(productStatistics)
+	if (productId)
 	{
-			$('#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);
+		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-stock-qu-name2').text(productDetails.quantity_unit_stock.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 || ''));
+				$('#amount').attr('max', productDetails.stock_amount);
+
+				Grocy.EmptyElementWhenMatches('#selected-product-last-purchased-timeago', 'NaN years ago');
+				Grocy.EmptyElementWhenMatches('#selected-product-last-used-timeago', 'NaN years ago');
+
+				if ((productDetails.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();
+					$('#product_id_text_input').focus();
+				}
+				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'
+	$('.combobox').combobox({
+		appendId: '_text_input'
 	});
-	$('.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();
-	$('#purchase-form').validator('validate');
+	$('#product_id_text_input').on('change', function(e)
+	{
+		var input = $('#product_id_text_input').val().toString();
+		var possibleOptionElement = $("#product_id option[data-additional-searchdata*='" + input + "']").first();
+		
+		if (possibleOptionElement.length > 0)
+		{
+			$('#product_id').val(possibleOptionElement.val());
+			$('#product_id').data('combobox').refresh();
+			$('#product_id').trigger('change');
+		}
+	});
+
+	$('#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');
+
+	$('#amount').on('focus', function(e)
+	{
+		if ($('#product_id_text_input').val().length === 0)
+		{
+			$('#product_id_text_input').focus();
+		}
+	});
+
+	$('#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,44 +1,43 @@
 <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 data-additional-searchdata="<?php echo $product->barcode; ?>" value="<?php echo $product->id; ?>"><?php echo $product->name; ?></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>
 			<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="checkbox">
 			<label for="spoiled">
 				<input type="checkbox" id="spoiled" name="spoiled"> Spoiled
 			</label>
 		</div>
+
 		<button id="save-consumption-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-6 col-md-5 col-lg-3 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
@@ -1,9 +1,16 @@
 <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
+
 	<h1 class="page-header">Dashboard</h1>

-	<h3>Current stock</h3>
+	<h3>Stock overview</h3>
+
+	<div>
+		<p class="btn btn-lg btn-warning no-real-button"><strong><?php echo count(GrocyPhpHelper::FindAllObjectsInArrayByPropertyValue($currentStock, 'best_before_date', date('Y-m-d', strtotime('+5 days')), '<')); ?></strong> products expiring within the next 5 days</p>
+		<p class="btn btn-lg btn-danger no-real-button"><strong><?php echo count(GrocyPhpHelper::FindAllObjectsInArrayByPropertyValue($currentStock, 'best_before_date', date('Y-m-d', strtotime('-1 days')), '<')); ?></strong> products are already expired</p>
+	</div>
+
 	<div class="table-responsive">
-		<table class="table table-striped">
+		<table id="current-stock-table" class="table table-striped">
 			<thead>
 				<tr>
 					<th>Product</th>
@@ -13,19 +20,21 @@
 			</thead>
 			<tbody>
 				<?php foreach ($currentStock as $currentStockEntry) : ?>
-				<tr>
+				<tr class="<?php if ($currentStockEntry->best_before_date < date('Y-m-d', strtotime('-1 days'))) echo 'error-bg'; else if ($currentStockEntry->best_before_date < date('Y-m-d', strtotime('+5 days'))) echo 'warning-bg'; ?>">
 					<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; ?>
+						<time class="timeago timeago-contextual" datetime="<?php echo $currentStockEntry->best_before_date; ?>"></time>
 					</td>
 				</tr>
 				<?php endforeach; ?>
 			</tbody>
 		</table>
 	</div>
+
 </div>
--- a/views/inventory.js
+++ b/views/inventory.js
@@ -0,0 +1,237 @@
+$('#save-inventory-button').on('click', function(e)
+{
+	e.preventDefault();
+
+	var jsonForm = $('#inventory-form').serializeJSON();
+
+	Grocy.FetchJson('/api/stock/get-product-details/' + jsonForm.product_id,
+		function (productDetails)
+		{
+			Grocy.FetchJson('/api/stock/inventory-product/' + jsonForm.product_id + '/' + jsonForm.new_amount + '?bestbeforedate=' + $('#best_before_date').val(),
+				function (result) {
+					toastr.success('Stock amount of ' + productDetails.product.name  + ' is now ' + jsonForm.new_amount.toString() + ' ' + productDetails.quantity_unit_stock.name);
+
+					$('#new_amount').val('');
+					$('#best_before_date').val('');
+					$('#product_id').val('');
+					$('#product_id_text_input').focus();
+					$('#product_id_text_input').val('');
+					$('#product_id_text_input').trigger('change');
+					$('#inventory-form').validator('validate');
+				},
+				function (xhr) {
+					console.error(xhr);
+				}
+			);
+		},
+		function(xhr)
+		{
+			console.error(xhr);
+		}
+	);
+});
+
+$('#product_id').on('change', function(e)
+{
+	var productId = $(e.target).val();
+
+	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 || ''));
+				$('#new_amount').attr('not-equal', productDetails.stock_amount);
+				$('#new_amount_qu_unit').text(productDetails.quantity_unit_stock.name);
+
+				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()
+{
+	$('.datepicker').datepicker(
+	{
+		format: 'yyyy-mm-dd',
+		startDate: '+0d',
+		todayHighlight: true,
+		autoclose: true,
+		calendarWeeks: true,
+		orientation: 'bottom auto',
+		weekStart: 1,
+		showOnFocus: false
+	});
+	$('.datepicker').trigger('change');
+
+	$('.combobox').combobox({
+		appendId: '_text_input'
+	});
+
+	$('#product_id_text_input').on('change', function(e)
+	{
+		var input = $('#product_id_text_input').val().toString();
+		var possibleOptionElement = $("#product_id option[data-additional-searchdata*='" + input + "']").first();
+		
+		if (possibleOptionElement.length > 0)
+		{
+			$('#product_id').val(possibleOptionElement.val());
+			$('#product_id').data('combobox').refresh();
+			$('#product_id').trigger('change');
+		}
+	});
+
+	$('#new_amount').val('');
+	$('#best_before_date').val('');
+	$('#product_id').val('');
+	$('#product_id_text_input').focus();
+	$('#product_id_text_input').val('');
+	$('#product_id_text_input').trigger('change');
+
+	$('#inventory-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';
+				}
+			},
+			'notequal': function($el)
+			{
+				if ($el.val().length !== 0 && $el.val().toString() === $el.attr('not-equal').toString())
+				{
+					return 'This value cannot be equal to ' + $el.attr('not-equal').toString();
+				}
+			}
+		}
+	});
+	$('#inventory-form').validator('validate');
+
+	$('#new_amount').on('focus', function(e)
+	{
+		if ($('#product_id_text_input').val().length === 0)
+		{
+			$('#product_id_text_input').focus();
+		}
+	});
+
+	$('#inventory-form input').keydown(function(event)
+	{
+		if (event.keyCode === 13) //Enter
+		{
+			if ($('#inventory-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);
+		$('#inventory-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'));
+		}
+	}
+
+	$('#inventory-form').validator('validate');
+});
+
+$('#new_amount').on('change', function(e)
+{
+	if ($('#product_id').parent().hasClass('has-error'))
+	{
+		$('#inventory-change-info').hide();
+		return;
+	}
+
+	var productId = $('#product_id').val();
+	var newAmount = $('#new_amount').val();
+
+	if (productId)
+	{
+		Grocy.FetchJson('/api/stock/get-product-details/' + productId,
+			function(productDetails)
+			{
+				var productStockAmount = productDetails.stock_amount || '0';
+
+				if (newAmount > productStockAmount)
+				{
+					var amountToAdd = newAmount - productDetails.stock_amount;
+					$('#inventory-change-info').text('This means ' + amountToAdd.toString() + ' ' + productDetails.quantity_unit_stock.name + ' will be added to stock');
+					$('#inventory-change-infoo').show();
+				}
+				else if (newAmount < productStockAmount)
+				{
+					var amountToRemove = productStockAmount - newAmount;
+					$('#inventory-change-info').text('This means ' + amountToRemove.toString() + ' ' + productDetails.quantity_unit_stock.name + ' will be removed from stock');
+					$('#inventory-change-info').show();
+				}
+				else
+				{
+					$('#inventory-change-info').hide();
+				}
+			},
+			function(xhr)
+			{
+				console.error(xhr);
+			}
+		);
+	}
+});
--- a/views/inventory.php
+++ b/views/inventory.php
@@ -0,0 +1,49 @@
+<div class="col-sm-4 col-sm-offset-3 col-md-3 col-md-offset-2 main">
+	<h1 class="page-header">Inventory</h1>
+
+	<form id="inventory-form">
+
+		<div class="form-group">
+			<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 data-additional-searchdata="<?php echo $product->barcode; ?>" value="<?php echo $product->id; ?>"><?php echo $product->name; ?></option>
+				<?php endforeach; ?>
+			</select>
+			<div class="help-block with-errors"></div>
+		</div>
+
+		<div class="form-group">
+			<label for="new_amount">New amount&nbsp;&nbsp;<span id="new_amount_qu_unit" class="small text-muted"></span></label>
+			<input type="number" data-notequal="notequal" class="form-control" id="new_amount" name="new_amount" min="0" not-equal="-1" required>
+			<div class="help-block with-errors"></div>
+			<div id="inventory-change-info" class="help-block text-muted"></div>
+		</div>
+
+		<div class="form-group">
+			<label for="best_before_date">Best before&nbsp;&nbsp;<span class="small text-muted">This will apply to added products</span></label>
+			<div class="input-group date">
+				<input type="text" data-isodate="isodate" class="form-control datepicker" id="best_before_date" name="best_before_date" 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>
+		</div>
+
+		<button id="save-inventory-button" type="submit" class="btn btn-default">OK</button>
+
+	</form>
+</div>
+
+<div class="col-sm-6 col-md-5 col-lg-3 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> <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/layout.php
+++ b/views/layout.php
@@ -9,45 +9,72 @@

 	<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="/bower_components/tagmanager/tagmanager.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>
+					<li data-nav-for-page="inventory.php">
+						<a class="discrete-link" href="/inventory"><i class="fa fa-list fa-fw"></i>&nbsp;Inventory</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>

 	<div class="container-fluid">
 		<div class="row">
+
 			<div class="col-sm-3 col-md-2 sidebar">
+
 				<ul class="nav nav-sidebar">
 					<li data-nav-for-page="dashboard.php">
 						<a class="discrete-link" href="/"><i class="fa fa-tachometer fa-fw"></i>&nbsp;Dashboard</a>
@@ -58,7 +85,11 @@
 					<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>
+					<li data-nav-for-page="inventory.php">
+						<a class="discrete-link" href="/inventory"><i class="fa fa-list fa-fw"></i>&nbsp;Inventory</a>
+					</li>
 				</ul>
+
 				<ul class="nav nav-sidebar">
 					<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>
@@ -70,13 +101,14 @@
 						<a class="discrete-link" href="/quantityunits"><i class="fa fa-balance-scale fa-fw"></i>&nbsp;Manage quantity units</a>
 					</li>
 				</ul>
+
 				<div class="nav-copyright nav nav-sidebar">
 					grocy is a project by
 					<a class="discrete-link" href="https://berrnd.de" target="_blank">Bernd Bestel</a>
 					<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 />
@@ -84,25 +116,34 @@
 						<i class="fa fa-github"></i>
 					</a>
 				</div>
+
 			</div>

 			<script>Grocy.ContentPage = '<?php echo $contentPage; ?>';</script>
 			<?php include $contentPage; ?>
+
 		</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>
+	<script src="/bower_components/tagmanager/tagmanager.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
@@ -1,4 +1,5 @@
 <div class="col-sm-3 col-sm-offset-3 col-md-4 col-md-offset-2 main">
+
 	<h1 class="page-header"><?php echo $title; ?></h1>

 	<script>Grocy.EditMode = '<?php echo $mode; ?>';</script>
@@ -8,14 +9,20 @@
 	<?php endif; ?>

 	<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>
 			<textarea class="form-control" rows="2" id="description" name="description"><?php if ($mode == 'edit') echo $location->description; ?></textarea>
 		</div>
+
 		<button id="save-location-button" type="submit" class="btn btn-default">Save</button>
+
 	</form>
+
 </div>
--- a/views/locations.js
+++ b/views/locations.js
@@ -30,3 +30,14 @@
 		}
 	});
 });
+
+$(function()
+{
+	$('#locations-table').DataTable({
+		'pageLength': 50,
+		'order': [[1, 'asc']],
+		'columnDefs': [
+			{ 'orderable': false, 'targets': 0 }
+		]
+	});
+});
--- a/views/locations.php
+++ b/views/locations.php
@@ -1,4 +1,5 @@
 <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
+
 	<h1 class="page-header">
 		Locations
 		<a class="btn btn-default" href="/location/new" role="button">
@@ -7,7 +8,7 @@
 	</h1>

 	<div class="table-responsive">
-		<table class="table table-striped">
+		<table id="locations-table" class="table table-striped">
 			<thead>
 				<tr>
 					<th>#</th>
@@ -37,4 +38,5 @@
 			</tbody>
 		</table>
 	</div>
+
 </div>
--- a/views/productform.js
+++ b/views/productform.js
@@ -32,5 +32,47 @@

 $(function()
 {
+	$('#barcode-taginput').tagsManager({
+		'hiddenTagListName': 'barcode',
+		'tagsContainer': '#barcode-taginput-container'
+	});
+
+	if (Grocy.EditMode === 'edit')
+	{
+		Grocy.FetchJson('/api/get-object/products/' + Grocy.EditObjectId,
+			function (product)
+			{
+				if (product.barcode !== null && product.barcode.length > 0)
+				{
+					product.barcode.split(',').forEach(function(item)
+					{
+						$('#barcode-taginput').tagsManager('pushTag', item);
+					});
+				}
+			},
+			function(xhr)
+			{
+				console.error(xhr);
+			}
+		);
+	}
+
+	$('#qu_factor_purchase_to_stock').trigger('change');
 	$('#name').focus();
+	$('#product-form').validator();
+	$('#product-form').validator('validate');
+});
+
+$('.input-group-qu').on('change', function(e)
+{
+	var factor = $('#qu_factor_purchase_to_stock').val();
+	if (factor > 1)
+	{
+		$('#qu-conversion-info').text('This means 1 ' + $("#qu_id_purchase option:selected").text() + ' purchased will be converted into ' + (1 * factor).toString() + ' ' + $("#qu_id_stock option:selected").text() + ' in stock.');
+		$('#qu-conversion-info').show();
+	}
+	else
+	{
+		$('#qu-conversion-info').hide();
+	}
 });
--- a/views/productform.php
+++ b/views/productform.php
@@ -1,4 +1,5 @@
 <div class="col-sm-3 col-sm-offset-3 col-md-4 col-md-offset-2 main">
+
 	<h1 class="page-header"><?php echo $title; ?></h1>

 	<script>Grocy.EditMode = '<?php echo $mode; ?>';</script>
@@ -8,51 +9,75 @@
 	<?php endif; ?>

 	<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; ?>">
-		</div>
-		<div class="form-group">
-			<label for="barcode">Barcode</label>
-			<div class="input-group date">
-				<input type="text" class="form-control" id="barcode" name="barcode" value="<?php if ($mode == 'edit') echo $product->barcode; ?>">
-				<div class="input-group-addon">
-					<i class="fa fa-barcode"></i>
-				</div>
-			</div>
+			<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="description">Description</label>
 			<textarea class="form-control" rows="2" id="description" name="description"><?php if ($mode == 'edit') echo $product->description; ?></textarea>
 		</div>
+
+		<div class="form-group tm-group">
+			<label for="barcode-taginput">Barcode(s)&nbsp;&nbsp;<i class="fa fa-barcode"></i></label>
+			<input type="text" class="form-control tm-input" id="barcode-taginput">
+			<div id="barcode-taginput-container"></div>
+		</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="min_stock_amount">Minimum stock amount</label>
+			<input required min="0" type="number" class="form-control" id="min_stock_amount" name="min_stock_amount" value="<?php if ($mode == 'edit') echo $product->min_stock_amount; else echo '0'; ?>">
+			<div class="help-block with-errors"></div>
+		</div>
+
+		<div class="form-group">
+			<label for="default_best_before_days">Default best before days<br /><span class="small text-muted">For purchases this amount of days will be added to today for the best before date suggestion</span></label>
+			<input required min="0" type="number" class="form-control" id="default_best_before_days" name="default_best_before_days" value="<?php if ($mode == 'edit') echo $product->default_best_before_days; else echo '0'; ?>">
+			<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 input-group-qu" 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">
+			<select required class="form-control input-group-qu" 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 input-group-qu" 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>
+
+		<p id="qu-conversion-info" class="help-block text-muted"></p>
+
 		<button id="save-product-button" type="submit" class="btn btn-default">Save</button>
 	</form>
+
 </div>
--- 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
@@ -1,4 +1,5 @@
 <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
+
 	<h1 class="page-header">
 		Products
 		<a class="btn btn-default" href="/product/new" role="button">
@@ -7,12 +8,13 @@
 	</h1>

 	<div class="table-responsive">
-		<table class="table table-striped">
+		<table id="products-table" class="table table-striped">
 			<thead>
 				<tr>
 					<th>#</th>
 					<th>Name</th>
 					<th>Location</th>
+					<th>Min. stock amount</th>
 					<th>QU purchase</th>
 					<th>QU stock</th>
 					<th>QU factor</th>
@@ -34,13 +36,16 @@
 						<?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 $product->min_stock_amount; ?>
 					</td>
 					<td>
-						<?php echo Grocy::FindObjectInArrayByPropertyValue($quantityunits, 'id', $product->qu_id_stock)->name; ?>
+						<?php echo GrocyPhpHelper::FindObjectInArrayByPropertyValue($quantityunits, 'id', $product->qu_id_purchase)->name; ?>
+					</td>
+					<td>
+						<?php echo GrocyPhpHelper::FindObjectInArrayByPropertyValue($quantityunits, 'id', $product->qu_id_stock)->name; ?>
 					</td>
 					<td>
 						<?php echo $product->qu_factor_purchase_to_stock; ?>
@@ -53,4 +58,5 @@
 			</tbody>
 		</table>
 	</div>
+
 </div>
--- a/views/purchase.js
+++ b/views/purchase.js
@@ -3,23 +3,25 @@
 	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;
+			var amount = jsonForm.amount * productDetails.product.qu_factor_purchase_to_stock;
+
+			Grocy.FetchJson('/api/stock/add-product/' + jsonForm.product_id + '/' + amount + '?bestbeforedate=' + $('#best_before_date').val(),
+				function (result) {
+					toastr.success('Added ' + amount + ' ' + productDetails.quantity_unit_stock.name + ' of ' + productDetails.product.name + ' to stock');

-			Grocy.PostJson('/api/add-object/stock', jsonForm,
-				function(result)
-				{
-					$('#product_id').val(null);
 					$('#amount').val(1);
-					$('#product_id').focus();
+					$('#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)
-				{
+				function (xhr) {
 					console.error(xhr);
 				}
 			);
@@ -35,21 +37,35 @@ $('#product_id').on('change', function(e)
 {
 	var productId = $(e.target).val();

-	Grocy.FetchJson('/api/get-product-statistics/' + productId,
-		function(productStatistics)
+	if (productId)
 	{
-			$('#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');
+		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 || ''));
+				$('#new_amount_qu_unit').text(productDetails.quantity_unit_stock.name);
+				
+				if (productDetails.product.default_best_before_days.toString() !== '0')
+				{
+					$('#best_before_date').val(moment().add(productDetails.product.default_best_before_days, 'days').format('YYYY-MM-DD'));
+				}
+
+				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 +73,121 @@ $(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'
+	});
+
+	$('#product_id_text_input').on('change', function(e)
+	{
+		var input = $('#product_id_text_input').val().toString();
+		var possibleOptionElement = $("#product_id option[data-additional-searchdata*='" + input + "']").first();
+		
+		if (possibleOptionElement.length > 0)
+		{
+			$('#product_id').val(possibleOptionElement.val());
+			$('#product_id').data('combobox').refresh();
+			$('#product_id').trigger('change');
+		}
+	});
+
+	$('#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');
+
+	$('#best_before_date').on('focus', function(e)
+	{
+		if ($('#product_id_text_input').val().length === 0)
+		{
+			$('#product_id_text_input').focus();
+		}
+	});
+
+	$('#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,49 +1,48 @@
-<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 data-additional-searchdata="<?php echo $product->barcode; ?>" value="<?php echo $product->id; ?>"><?php echo $product->name; ?></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>
-		<div class="form-group">
-			<label for="amount">Amount</label>
-			<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">
+				<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>
 		</div>
+
+		<div class="form-group">
+			<label for="amount">Amount&nbsp;&nbsp;<span id="new_amount_qu_unit" class="small text-muted"></span></label>
+			<input type="number" class="form-control" id="amount" name="amount" value="1" min="1" required>
+			<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-6 col-md-5 col-lg-3 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
@@ -1,4 +1,5 @@
 <div class="col-sm-3 col-sm-offset-3 col-md-4 col-md-offset-2 main">
+
 	<h1 class="page-header"><?php echo $title; ?></h1>

 	<script>Grocy.EditMode = '<?php echo $mode; ?>';</script>
@@ -8,14 +9,20 @@
 	<?php endif; ?>

 	<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>
 			<textarea class="form-control" rows="2" id="description" name="description"><?php if ($mode == 'edit') echo $quantityunit->description; ?></textarea>
 		</div>
+
 		<button id="save-quantityunit-button" type="submit" class="btn btn-default">Save</button>
+
 	</form>
+
 </div>
--- 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
@@ -1,4 +1,5 @@
 <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
+
 	<h1 class="page-header">
 		Quantity units
 		<a class="btn btn-default" href="/quantityunit/new" role="button">
@@ -7,7 +8,7 @@
 	</h1>

 	<div class="table-responsive">
-		<table class="table table-striped">
+		<table id="quantityunits-table" class="table table-striped">
 			<thead>
 				<tr>
 					<th>#</th>
@@ -37,4 +38,5 @@
 			</tbody>
 		</table>
 	</div>
+
 </div>
Author	SHA1	Message	Date
Bernd Bestel	c4a22c18f7	This is 1.0	2017-04-20 17:10:21 +02:00
Bernd Bestel	e38c24f9ed	Going straight to 1.0...	2017-04-19 21:09:28 +02:00
Bernd Bestel	83a7534a74	Hide barcode in select dropdown but search in it	2017-04-18 23:04:26 +02:00
Bernd Bestel	dc530c80aa	Released version 0.4.0	2017-04-18 21:33:44 +02:00
Bernd Bestel	6aaaa2073b	Add possibility to have multiple barcodes per product	2017-04-18 21:15:45 +02:00
Bernd Bestel	4f0dc818f6	Make product overview a little bit smaller on large screens	2017-04-18 20:05:02 +02:00
Bernd Bestel	3ed6c9b28a	Add a quantity unit conversion hint on product form	2017-04-18 19:54:51 +02:00
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
 .0.0