add auth new js

templates/admin/auths/new.tmpl

@@ -16,70 +16,104 @@
 				    <div class="form-group">
 					    <label class="col-md-3 control-label">Auth Type: </label>
 					    <div class="col-md-7">
-						    <select class="form-control">
+						    <select class="form-control" id="auth-type">
 						    {{range $key, $val := .LoginTypes}}
 		  					<option value="{{$key}}">{{$val}}</option>
 		  					{{end}}
 							</select>
 						</div>
 					</div>
+                    <div class="ldap">
+                        <div class="form-group {{if .Err_AuthName}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Name: </label>
+                            <div class="col-md-7">
+                                <input name="name" class="form-control" placeholder="Type authentication's name" value="{{.name}}" required="required">
+                            </div>
+                        </div>
 
-					<div class="form-group {{if .Err_AuthName}}has-error has-feedback{{end}}">
-						<label class="col-md-3 control-label">Name: </label>
-						<div class="col-md-7">
-							<input name="name" class="form-control" placeholder="Type authentication's name" value="{{.name}}" required="required">
-						</div>
-					</div>
+                        <div class="form-group {{if .Err_Domain}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Domain: </label>
+                            <div class="col-md-7">
+                                <input name="domain" class="form-control" placeholder="Type domain name" value="{{.domain}}" required="required">
+                            </div>
+                        </div>
 
-					<div class="form-group {{if .Err_Domain}}has-error has-feedback{{end}}">
-						<label class="col-md-3 control-label">Domain: </label>
-						<div class="col-md-7">
-							<input name="domain" class="form-control" placeholder="Type domain name" value="{{.domain}}" required="required">
-						</div>
-					</div>
+                        <div class="form-group {{if .Err_Host}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Host: </label>
+                            <div class="col-md-7">
+                                <input name="host" class="form-control" placeholder="Type host address" value="{{.host}}" required="required">
+                            </div>
+                        </div>
 
-					<div class="form-group {{if .Err_Host}}has-error has-feedback{{end}}">
-						<label class="col-md-3 control-label">Host: </label>
-						<div class="col-md-7">
-							<input name="host" class="form-control" placeholder="Type host address" value="{{.host}}" required="required">
-						</div>
-					</div>
+                        <div class="form-group {{if .Err_Port}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Port: </label>
+                            <div class="col-md-7">
+                                <input name="port" class="form-control" placeholder="Type port number" value="{{.port}}" required="required">
+                            </div>
+                        </div>
 
-					<div class="form-group {{if .Err_Port}}has-error has-feedback{{end}}">
-						<label class="col-md-3 control-label">Port: </label>
-						<div class="col-md-7">
-							<input name="port" class="form-control" placeholder="Type port number" value="{{.port}}" required="required">
-						</div>
-					</div>
+                        <div class="form-group {{if .Err_BaseDN}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Base DN: </label>
+                            <div class="col-md-7">
+                                <input name="base_dn" class="form-control" placeholder="Type base DN" value="{{.base_dn}}" required="required">
+                            </div>
+                        </div>
 
-					<div class="form-group {{if .Err_BaseDN}}has-error has-feedback{{end}}">
-						<label class="col-md-3 control-label">Base DN: </label>
-						<div class="col-md-7">
-							<input name="base_dn" class="form-control" placeholder="Type base DN" value="{{.base_dn}}" required="required">
-						</div>
-					</div>
+                        <div class="form-group {{if .Err_Attributes}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Search Attributes: </label>
+                            <div class="col-md-7">
+                                <input name="attributes" class="form-control" placeholder="Type search attributes" value="{{.attributes}}" required="required">
+                            </div>
+                        </div>
 
-					<div class="form-group {{if .Err_Attributes}}has-error has-feedback{{end}}">
-						<label class="col-md-3 control-label">Search Attributes: </label>
-						<div class="col-md-7">
-							<input name="attributes" class="form-control" placeholder="Type search attributes" value="{{.attributes}}" required="required">
-						</div>
-					</div>
+                        <div class="form-group {{if .Err_Filter}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Search Filter: </label>
+                            <div class="col-md-7">
+                                <input name="filter" class="form-control" placeholder="Type search filter" value="{{.filter}}" required="required">
+                            </div>
+                        </div>
+
+                        <div class="form-group {{if .Err_MsAdSA}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Ms Ad SA: </label>
+                            <div class="col-md-7">
+                                <input name="ms_ad_sa" class="form-control" placeholder="Type Ms Ad SA" value="{{.ms_ad_sa}}" required="required">
+                            </div>
+                        </div>
+
+                    </div>
+
+                    <div class="smtp hidden">
+                        <div class="form-group {{if .Err_Host}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Host: </label>
+                            <div class="col-md-7">
+                                <input name="host" class="form-control" placeholder="Type host address" value="{{.host}}" required="required">
+                            </div>
+                        </div>
+
+                        <div class="form-group {{if .Err_Port}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">Port: </label>
+                            <div class="col-md-7">
+                                <input name="port" class="form-control" placeholder="Type port number" value="{{.port}}" required="required">
+                            </div>
+                        </div>
+
+                        <div class="form-group {{if .Err_TLS}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">TLS: </label>
+                            <div class="col-md-7">
+                                <input name="port" type="checkbox" class="form-control" value="" required="required">
+                            </div>
+                        </div>
+                        <div class="form-group {{if .Err_TLS}}has-error has-feedback{{end}}">
+                            <label class="col-md-3 control-label">TLS: </label>
+                            <div class="col-md-7">
+                                <select class="form-control">
+                                    <option value="">options</option>
+                                </select>
+                            </div>
+                        </div>
+                    </div>
 
-					<div class="form-group {{if .Err_Filter}}has-error has-feedback{{end}}">
-						<label class="col-md-3 control-label">Search Filter: </label>
-						<div class="col-md-7">
-							<input name="filter" class="form-control" placeholder="Type search filter" value="{{.filter}}" required="required">
-						</div>
-					</div>
 
-					<div class="form-group {{if .Err_MsAdSA}}has-error has-feedback{{end}}">
-						<label class="col-md-3 control-label">Ms Ad SA: </label>
-						<div class="col-md-7">
-							<input name="ms_ad_sa" class="form-control" placeholder="Type Ms Ad SA" value="{{.ms_ad_sa}}" required="required">
-						</div>
-					</div>
-					
 					<hr/>
 					<div class="form-group">
 					    <div class="col-md-offset-3 col-md-7">
@@ -92,4 +126,19 @@
 
 	</div>
 </div>
+<script>
+    $(function () {
+        $('#auth-type').on("change", function () {
+            var v = $(this).val();
+            if (v == 2) {
+                $('.ldap').toggleShow();
+                $('.smtp').toggleHide();
+            }
+            if (v == 3) {
+                $('.smtp').toggleShow();
+                $('.ldap').toggleHide();
+            }
+        });
+    });
+</script>
 {{template "base/footer" .}}