[usb-lock-off] now you can add a description which is shown on the front page, edited database, added template tags, made nice red-flag for missing input name :)

1 files changed, 32 insertions, 1 deletions

diff --git a/modules-available/usblockoff/templates/usb-edit-config.html b/modules-available/usblockoff/templates/usb-edit-config.html
index 51166138..1cd24ce7 100644
--- a/modules-available/usblockoff/templates/usb-edit-config.html
+++ b/modules-available/usblockoff/templates/usb-edit-config.html
@@ -14,7 +14,7 @@
 							<label for="configName">{{lang_configName}}</label>
 						</div>
 						<div class="col-sm-7">
-							<input required class="form-control" name="configName" id="configName" value="{{configName}}">
+							<input type="text" class="form-control" name="configName" id="configName" value="{{configName}}">
 						</div>
 						<div class="col-sm-2">
 							<a class="btn btn-default" title="{{lang_configName_helptext}}">
@@ -22,6 +22,20 @@
 							</a>
 						</div>
 					</div>
+					<br>
+					<div class="row">
+						<div class="col-sm-3">
+							<label for="configDesc">{{lang_description}}</label>
+						</div>
+						<div class="col-sm-7">
+							<input class="form-control" name="configDesc" id="configDesc" value="{{configDesc}}">
+						</div>
+						<div class="col-sm-2">
+							<a class="btn btn-default" title="{{lang_configDesc_helptext}}">
+								<span class="glyphicon glyphicon-question-sign"></span>
+							</a>
+						</div>
+					</div>
 				</div>
 
 			</div>
@@ -54,3 +68,20 @@
 	</div>
 
 </form>
+
+
+
+<script type="application/javascript">
+	document.addEventListener("DOMContentLoaded", function () {
+		$('form').submit(function () {
+			var input = $("#configName");
+			var name = $.trim(input.val());
+			if (!name) {
+				input.addClass("missingInput");
+				return false;
+			}
+		});
+	});
+</script>
+
+