Add min and max values to number of colums per view

amoerie · May 15, 2018 · edc16b5 · edc16b5
1 parent 957eb66
commit edc16b5
Showing 1 changed file with 5 additions and 0 deletions.
diff --git 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}