sasl 1.8.2 including mechanisms

modules/sasl/tmpl/index.tmpl

@@ -1,109 +1,46 @@
+<? I18N znc-sasl ?>
 <? INC Header.tmpl ?>
 
 <div class="container col-md-10 col-md-offset-1">
 	<div class="panel panel-default">
-		<div class="panel-heading">Simple Authentication and Security Layer (SASL)</div>
+		<div class="panel-heading"><? FORMAT "SASL" ?></div>
-			<div class="panel-body">
 			<form class="form-horizontal" action="<? VAR URIPrefix TOP ?><? VAR ModPath TOP ?>" method="post">
+				<div class="panel-body">
 				<? INC _csrf_check.tmpl ?>
 
 					<div class="form-group">
-					<label for="inputSASLUsername" class="col-sm-2 control-label">Username:</label>
+						<label for="inputSASLUsername" class="col-sm-2 control-label"><? FORMAT "Username:" ?></label>
 						<div class="col-sm-10">
-							<input type="text" class="form-control" id="inputSASLUsername" name="username" maxlength="128" placeholder="Enter a Username">
+							<input type="text" class="form-control" id="inputSASLUsername" name="username" maxlength="128" placeholder="<? FORMAT "Please enter a username." ?>">
 						</div>
 					</div>
 
 					<div class="form-group">
-					<label for="inputSASLPassword" class="col-sm-2 control-label">Password:</label>
+						<label for="inputSASLPassword" class="col-sm-2 control-label"><? FORMAT "Password:" ?></label>
 						<div class="col-sm-10">
-							<input type="text" class="form-control" id="inputSASLPassword" name="username" placeholder="Enter a Password" autocomplete="off">
+							<input type="text" class="form-control" id="inputSASLPassword" name="username" placeholder="<? FORMAT "Please enter a password." ?>" autocomplete="off">
 						</div>
 					</div>
 
 					<div class="form-group">
-					<label for="inputSASLUsername" class="col-sm-2 control-label">Connect:</label>
+						<label for="inputSASLUsername" class="col-sm-2 control-label"><? FORMAT "Options" ?></label>
 						<div class="col-sm-10">
 							<div class="switch">
 								<input type="checkbox" name="require_auth" id="opt_require_auth" class="cmn-toggle cmn-toggle-round-flat" value="1"<? IF RequireAuth ?> checked="checked"<? ENDIF ?> />
 								<label for="opt_require_auth"></label>
-								<span class="help-block">Connect only if SASL authentication succeeds. Require authentication</span>
+								<span class="help-block"><? FORMAT "Connect only if SASL authentication succeeds." ?></span>
 							</div>
 						</div>
 					</div>
 
-
+					<div class="form-group">
-
+						<label for="inputMechanismsDescription" class="col-sm-2 control-label"><? FORMAT "Mechanisms" ?></label>
-
+						<div class="col-sm-10">
-			</div>
-			<div class="panel-footer text-right">
-				<input class="btn btn-danger" type="reset" value="Reset">
-				<input class="btn btn-success" type="submit" name="save" value="Save" />
-			</div>
-				</form>
-	</div>
-</div>
-
-<? INC Footer.tmpl ?>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<!--
-	<div class="section">
-		<h3></h3>
-		<div class="sectionbg">
-			<div class="sectionbody">
-				<div class="subsection">
-					<div class="inputlabel">Username:</div>
-					<input type="text" name="username" value="<? VAR Username ?>" class="half" maxlength="128"
-							   title="Please enter a username." />
-				</div>
-				<div class="subsection">
-					<div class="inputlabel">Password:</div>
-					<input type="password" name="password" class="half"
-						   title="Please enter a password." autocomplete="off" />
-				</div>
-			</div>
-		</div>
-		<h3>Options</h3>
-		<div class="sectionbg">
-			<div class="sectionbody lotsofcheckboxes">
-				<span class="checkboxandlabel" title="Connect only if SASL authentication succeeds.">
-					<input type="checkbox" name="require_auth" id="opt_require_auth" value="1"<? IF RequireAuth ?> checked="checked"<? ENDIF ?> />
-					<label for="opt_require_auth">Require authentication</label>
-				</span>
-				<div style="clear:both;"></div>
-			</div>
-		</div>
-	</div>
-
-	<div class="section">
-		<h3>Mechanisms</h3>
-		<div class="sectionbg">
-			<div class="sectionbody">
-				<div class="subsection">
 							<table class="data">
 								<thead>
 										<tr>
-								<td>Name</td>
+												<th><? FORMAT "Name" ?></th>
-								<td>Description</td>
+												<th><? FORMAT "Description" ?></th>
 										</tr>
 								</thead>
 								<tbody>
@@ -115,12 +52,13 @@
 										<? ENDLOOP ?>
 								</tbody>
 						</table>
+							
 						</div>
-				<div class="subsection">
+						<label for="inputMechanisms" class="col-sm-2 control-label"><? FORMAT "Selected mechanisms and their order:" ?></label>
-					<div class="inputlabel">Selected mechanisms and their order:</div>
+						<div class="col-sm-10">
-					<input type="text" name="mechanisms" id="mechanisms" value="<? VAR Mechanisms ?>" class="half"/>
+							<input type="text" class="form-control" id="inputMechanisms" name="mechanisms" value="<? VAR Mechanisms ?>">
 							<script>
-					$("#mechanisms").selectize({
+							$("#inputMechanisms").selectize({
 									plugins: ["drag_drop"],
 									delimiter: " ",
 									options: [<? LOOP MechanismLoop SORTASC=Name ?>{value:"<? VAR Name ?>",text:"<? VAR Name ?>"},<? ENDLOOP ?>],
@@ -128,13 +66,12 @@
 							</script>
 						</div>
 					</div>
+				<div class="panel-footer text-right">
+					<input class="btn btn-danger" type="reset" value="Reset">
+					<input class="btn btn-success" type="submit" name="save" value="<? FORMAT "Save" ?>" />
 				</div>
+			</form>
 	</div>
-	<div style="clear:both;"></div>
+</div>
 
-	<div class="submitline">
+<? INC Footer.tmpl ?>
-		<input type="hidden" name="submitted" value="1" />
-		<input type="submit" value="Save" />
-	</div>
-</form>
--->