Change Monitor input type from number to text

Angular seems to have a bug where when an input is type="number",
assiging a value to it via ng-model produces an error.

web/skins/bootstrap/views/tab-monitor-buffers.php

@@ -1,26 +1,26 @@
 <div role="tabpanel" class="tab-pane" id="buffers">
 	<div class="form-group">
 		<label for="ImageBufferCount"><?= $SLANG['ImageBufferSize'] ?></label>
-		<input id="ImageBufferCount" type="number" class="form-control" ng-model="monitor.ImageBufferCount" required />
+		<input id="ImageBufferCount" type="text" class="form-control" ng-model="monitor.ImageBufferCount" required />
 	</div>
 	<div class="form-group">
 		<label for="WarmupCount"><?= $SLANG['WarmupFrames'] ?></label>
-		<input id="WarmupCount" type="number" class="form-control" ng-model="monitor.WarmupCount" required />
+		<input id="WarmupCount" type="text" class="form-control" ng-model="monitor.WarmupCount" required />
 	</div>
 	<div class="form-group">
 		<label for="PreEventCount"><?= $SLANG['PreEventImageBuffer'] ?></label>
-		<input id="PreEventCount" type="number" class="form-control" ng-model="monitor.PreEventCount" required />
+		<input id="PreEventCount" type="text" class="form-control" ng-model="monitor.PreEventCount" required />
 	</div>
 	<div class="form-group">
 		<label for="PostEventCount"><?= $SLANG['PostEventImageBuffer'] ?></label>
-		<input id="PostEventCount" type="number" class="form-control" ng-model="monitor.PostEventCount" required />
+		<input id="PostEventCount" type="text" class="form-control" ng-model="monitor.PostEventCount" required />
 	</div>
 	<div class="form-group">
 		<label for="StreamReplayBuffer"><?= $SLANG['StreamReplayBuffer'] ?></label>
-		<input id="StreamReplayBuffer" type="number" class="form-control" ng-model="monitor.StreamReplayBuffer" required />
+		<input id="StreamReplayBuffer" type="text" class="form-control" ng-model="monitor.StreamReplayBuffer" required />
 	</div>
 	<div class="form-group">
 		<label for="AlarmFrameCount"><?= $SLANG['AlarmFrameCount'] ?></label>
-		<input id="AlarmFrameCount" type="number" class="form-control" ng-model="monitor.AlarmFrameCount" required />
+		<input id="AlarmFrameCount" type="text" class="form-control" ng-model="monitor.AlarmFrameCount" required />
 	</div>
 </div>

web/skins/bootstrap/views/tab-monitor-general.php

@@ -62,11 +62,11 @@
 ?>
 	<div class="form-group" ng-show="monitor.sourceType == 'Local'">
 		<label for="MaxFPS"><?= $SLANG['MaximumFPS'] ?></label>
-		<input type="number" id="MaxFPS" class="form-control" ng-model="monitor.MaxFPS" />
+		<input type="text" id="MaxFPS" class="form-control" ng-model="monitor.MaxFPS" />
 	</div>
 	<div class="form-group" ng-show="monitor.sourceType == 'Local'">
 		<label for="AlarmMaxFPS"><?= $SLANG['AlarmMaximumFPS'] ?></label>
-		<input type="number" id="AlarmMaxFPS" class="form-control" ng-model="monitor.AlarmMaxFPS" />
+		<input type="text" id="AlarmMaxFPS" class="form-control" ng-model="monitor.AlarmMaxFPS" />
 	</div>
 	</div> <!-- End .col-md-6 -->
 
@@ -80,12 +80,12 @@
 
 		<div class="form-group">
  			<label for=""><?= $SLANG['CaptureWidth'] ?> (<?= $SLANG['Pixels'] ?>)</label>
-			<input class="form-control" type="number" ng-model="monitor.Width" ng-maxlength="4" placeholder="704" />
+			<input class="form-control" type="text" ng-model="monitor.Width" placeholder="704" />
 		</div>
 
 		<div class="form-group">
  			<label for=""><?= $SLANG['CaptureHeight'] ?> (<?= $SLANG['Pixels'] ?>)</label>
-			<input class="form-control" type="number" ng-model="monitor.Height" ng-maxlength="4" placeholder="480" />
+			<input class="form-control" type="text" ng-model="monitor.Height" placeholder="480" />
 		</div>
 
 		<div class="checkbox">
@@ -98,7 +98,12 @@
 		<div class="form-group">
  			<label for=""><?= $SLANG['Orientation'] ?></label>
 			<select class="form-control" ng-model="monitor.Orientation" required>
-				<?php foreach ( $orientations as $name => $value ) { ?><option value="<?= $value ?>"<?php if ( $value == $newMonitor['Orientation'] ) { ?> selected="selected"<?php } ?>><?= $name ?></option><?php } ?>
+				<option value="0">Normal</option>
+				<option value="90">Rotate Right</option>
+				<option value="180">Inverted</option>
+				<option value="270">Rotate Left</option>
+				<option value="hori">Flipped Horizontally</option>
+				<option value="vert">Flipped Vertically</option>
 			</select>
 		</div>
 	</div> <!-- End .col-md-6 -->

web/skins/bootstrap/views/tab-monitor-local.php

@@ -71,6 +71,6 @@
 
 	<div class="form-group">
 		<label for=""><?= $SLANG['V4LCapturesPerFrame'] ?></label>
-		<input type="number" ng-model="monitor.V4LCapturesPerFrame" value="<?php echo $newMonitor['V4LCapturesPerFrame'] ?>"/>
+		<input type="text" ng-model="monitor.V4LCapturesPerFrame" />
 	</div>
 </div> <!-- End local -->

web/skins/bootstrap/views/tab-monitor-remote.php

@@ -25,7 +25,7 @@
 			</div>
 			<div class="form-group">
 				<label for=""><?= $SLANG['RemoteHostPort'] ?></label>
-				<input type="number" class="form-control" ng-model="monitor.Port" placeholder="Usually 80 for http, 554 for rtsp" ng-required="monitor.sourceType == 'Remote'" />
+				<input type="text" class="form-control" ng-model="monitor.Port" placeholder="Usually 80 for http, 554 for rtsp" ng-required="monitor.sourceType == 'Remote'" />
 			</div>
 			<div class="form-group">
 				<label><?= $SLANG['RemoteHostPath'] ?></label>

web/skins/bootstrap/views/tab-monitor-timestamp.php

@@ -5,10 +5,10 @@
 	</div>
 	<div class="form-group">
 		<label for="labelX"><?= $SLANG['TimestampLabelX'] ?></label>
-		<input type="number" id="labelX" class="form-control" ng-model="monitor.LabelX" required />
+		<input type="text" id="labelX" class="form-control" ng-model="monitor.LabelX" required />
 	</div>
 	<div class="form-group">
 		<label for="labelY"><?= $SLANG['TimestampLabelY'] ?></label>
-		<input type="number" id="labelY" class="form-control" ng-model="monitor.LabelY" required />
+		<input type="text" id="labelY" class="form-control" ng-model="monitor.LabelY" required />
 	</div>
 </div>