{% extends 'base.html' %} {% load mytags %} {% block content %} {% include 'nav_cat_bar.html' %} <div class="wrapper wrapper-content animated fadeInRight"> <div class="row"> <div class="col-sm-10"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h5>填写基本信息</h5> <div class="ibox-tools"> <a class="collapse-link"> <i class="fa fa-chevron-up"></i> </a> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <i class="fa fa-wrench"></i> </a> <a class="close-link"> <i class="fa fa-times"></i> </a> </div> </div> <div class="ibox-content"> <form method="post" id="userForm" class="form-horizontal" action=""> {% if error %} <div class="alert alert-warning text-center">{{ error }}</div> {% endif %} {% if msg %} <div class="alert alert-success text-center">{{ msg }}</div> {% endif %} <div class="form-group"> <label for="username" class="col-sm-2 control-label">用户名<span class="red-fonts">*</span></label> <div class="col-sm-8"> <input id="username" name="username" placeholder="Username" type="text" class="form-control" {% if error %}value="{{ username }}" {% endif %}> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <label for="name" class="col-sm-2 control-label">姓名<span class="red-fonts">*</span></label> <div class="col-sm-8"> <input id="name" name="name" placeholder="Name" type="text" class="form-control" {% if error %}value="{{ name }}" {% endif %} > </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <label for="groups" class="col-sm-2 control-label">用户组</label> <div class="col-sm-8"> <select id="groups" name="groups" class="form-control m-b" multiple size="12"> {% for group in group_all %} {% if forloop.first %} <option value="{{ group.id }}" selected>{{ group.name }}</option> {% else %} <option value="{{ group.id }}">{{ group.name }}</option> {% endif %} {% endfor %} </select> </div> </div> {% ifequal session_role_id 2 %} <div class="hr-line-dashed"></div> <div class="form-group"> <label for="role" class="col-sm-2 control-label">权限<span class="red-fonts">*</span></label> <div class="col-sm-8"> {% for r, role_name in user_role.items %} <div class="col-sm-3"> <div class="radio i-checks"> <label><input type="radio" value="{{ r }}" class="role" name="role" {% ifequal r 'CU' %}checked{% endifequal %}>{{ role_name }}</label> </div> </div> {% endfor %} </div> </div> <div class="form-group" id="admin_groups" style="display: none"> <label for="role" class="col-sm-2 control-label">管理用户组<span class="red-fonts">*</span></label> <div class="col-sm-8"> {% for user_group in group_all %} <div class="col-sm-3"> <div class="checkbox i-checks"> <label><input type="checkbox" value="{{ user_group.id }}" name="admin_groups" > {{ user_group.name }}</label> </div> </div> {% endfor %} </div> </div> {% endifequal %} <div class="hr-line-dashed"></div> <div class="form-group"> <label for="email" class="col-sm-2 control-label">Email<span class="red-fonts">*</span></label> <div class="col-sm-8"> <input id="email" name="email" type="email" placeholder="username@jumpserver.org" class="form-control" {% if error %}value="{{ email }}" {% endif %}> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"><label class="col-sm-2 control-label">其它</label> <div class="col-sm-2"> <div class="checkbox i-checks"> <label><input type="checkbox" value="0" name="extra" >禁用 </label> </div> </div> <div class="col-sm-2"> <div class="checkbox i-checks"> <label><input type="checkbox" value="1" name="extra">ssh key登录 </label> </div> </div> <div class="col-sm-2"> <div class="checkbox i-checks"> <label><input type="checkbox" value="2" name="extra">发送邮件 </label> </div> </div> </div> <div class="hr-line-dashed"></div> <div class="form-group"> <div class="col-sm-4 col-sm-offset-2"> <button class="btn btn-white" type="reset">取消</button> <button id="submit_button" class="btn btn-primary" type="submit">确认保存</button> </div> </div> </form> </div> </div> </div> </div> </div> {% endblock %} {% block self_footer_js %} <script> $('#userForm').validator({ timely: 2, theme: "yellow_right_effect", rules: { check_username: [/^\w{3,20}$/, '大小写字母数字和下划线'], type_m: function(element){ return $("#M").is(":checked"); } }, fields: { "username": { rule: "required;check_username", tip: "输入用户名", ok: "", msg: {required: "必须填写!"} }, "password": { rule: "required;length[6~50]", tip: "输入密码", ok: "", msg: {required: "必须填写!"} }, "name": { rule: "required", tip: "姓名", ok: "", msg: {required: "必须填写"} }, "email": { rule: "required", tip: "Email", ok: "", msg: {required: "必须填写"} } }, valid: function(form) { form.submit(); } }); $("document").ready(function(){ $("input.role").click(function(){ if($("input.role[value=GA]").is( ":checked" )){ $("#admin_groups").css("display", 'block'); } else { $("#admin_groups").css("display", 'none'); } }) }) </script> {% endblock %}