From edc16b57074d62ddd8913b1eae421fa24f70f0b1 Mon Sep 17 00:00:00 2001
From: Alexander Moerman <amoerman@csc.com>
Date: Tue, 15 May 2018 14:51:29 +0200
Subject: [PATCH] Add min and max values to number of colums per view

---
 .../views/home/settings.components.views.tsx                 | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/TeamCityTheatre.Web/views/home/settings.components.views.tsx b/src/TeamCityTheatre.Web/views/home/settings.components.views.tsx
index 3373b3c1..c3e2a42e 100644
--- a/src/TeamCityTheatre.Web/views/home/settings.components.views.tsx
+++ b/src/TeamCityTheatre.Web/views/home/settings.components.views.tsx
@@ -96,6 +96,8 @@ const DefaultNumberOfBranchesPerTile = (props: { view: View }) => {
                   name="view-branches-per-tile-input"
                   className="form-control"
                   value={props.view.defaultNumberOfBranchesPerTile}
+                  step={1}
+                  min={1}
                   onClick={stopPropagation}
                   onChange={(event: ChangeEvent<HTMLInputElement>) => updateView(props.view.withDefaultNumberOfBranchesPerTile(+event.currentTarget.value))}
                   onKeyUp={onEnter(() => saveView(props.view))}/>;
@@ -105,6 +107,9 @@ const DefaultNumberOfBranchesPerTile = (props: { view: View }) => {
 const NumberOfColumns = (props: { view: View }) => {
   if (props.view.isEditing)
     return <input type="number"
+                  step={1}
+                  min={4}
+                  max={16}
                   name="view-number-of-columns"
                   className="form-control"
                   value={props.view.numberOfColumns}