116 lines
4.2 KiB
HTML
116 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
{% load static %}
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>集团后台|登陆</title>
|
|
<!-- Tell the browser to be responsive to screen width -->
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
|
|
<!-- Bootstrap 3.3.7 -->
|
|
<link rel="stylesheet" href="{% static 'groups/bower_components/bootstrap/dist/css/bootstrap.min.css' %}">
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="{% static 'groups/bower_components/font-awesome/css/font-awesome.min.css' %}">
|
|
<!-- Ionicons -->
|
|
<link rel="stylesheet" href="{% static 'groups/bower_components/Ionicons/css/ionicons.min.css' %}">
|
|
<!-- Theme style -->
|
|
<link rel="stylesheet" href="{% static 'groups/dist/css/AdminLTE.min.css' %}">
|
|
<!-- iCheck -->
|
|
<link rel="stylesheet" href="{% static 'groups/plugins/iCheck/square/blue.css' %}">
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
|
|
<!-- Google Font -->
|
|
<link rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
|
|
</head>
|
|
|
|
<body class="hold-transition login-page">
|
|
<div class="login-box">
|
|
<div class="login-logo">
|
|
<a href="../../index2.html"><b>集团后台</b>登陆</a>
|
|
</div>
|
|
<!-- /.login-logo -->
|
|
<div class="login-box-body">
|
|
<p class="login-box-msg">企业环保管理系统</p>
|
|
|
|
<form action="{% url 'groups_login' %}" method="post">
|
|
{% if groups_form.captcha.errors %}
|
|
<p style="color:red">{{ groups_form.captcha.error_messages }}</p>
|
|
{% elif message %}
|
|
<p style="color:red">{{ message }}</p>
|
|
{% endif %}
|
|
<div class="form-group has-feedback">
|
|
{{groups_form.username}}
|
|
<span class="glyphicon glyphicon-user form-control-feedback"></span>
|
|
</div>
|
|
<div class="form-group has-feedback">
|
|
{{groups_form.password}}
|
|
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
|
|
</div>
|
|
<div class="form-group has-feedback">
|
|
{{ groups_form.captcha }}
|
|
</div>
|
|
<div class="row">
|
|
<!-- <div class="col-xs-8">
|
|
<div class="checkbox icheck">
|
|
<label>
|
|
<input type="checkbox"> Remember Me
|
|
</label>
|
|
</div>
|
|
</div> -->
|
|
<!-- /.col -->
|
|
<div class="col-xs-12">
|
|
<button type="submit" class="btn btn-primary btn-block btn-flat ">登陆</button>
|
|
</div>
|
|
<!-- /.col -->
|
|
</div>
|
|
</form>
|
|
|
|
<!-- <div class="social-auth-links text-center">
|
|
<p>- OR -</p>
|
|
<a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign in using
|
|
Facebook</a>
|
|
<a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> Sign in using
|
|
Google+</a>
|
|
</div> -->
|
|
<!-- /.social-auth-links -->
|
|
|
|
<!-- <a href="#">I forgot my password</a><br>
|
|
<a href="register.html" class="text-center">Register a new membership</a> -->
|
|
|
|
</div>
|
|
<!-- /.login-box-body -->
|
|
</div>
|
|
<!-- /.login-box -->
|
|
|
|
<!-- jQuery 3 -->
|
|
<script src="{% static 'groups/bower_components/jquery/dist/jquery.min.js' %}"></script>
|
|
<!-- Bootstrap 3.3.7 -->
|
|
<script src="{% static 'groups/bower_components/bootstrap/dist/js/bootstrap.min.js' %}"></script>
|
|
<!-- iCheck -->
|
|
<script src="{% static 'groups/plugins/iCheck/icheck.min.js' %}"></script>
|
|
<script>
|
|
$(function () {
|
|
$('input').iCheck({
|
|
checkboxClass: 'icheckbox_square-blue',
|
|
radioClass: 'iradio_square-blue',
|
|
increaseArea: '20%' /* optional */
|
|
});
|
|
});
|
|
$('.captcha').click(function () {
|
|
$.getJSON("/groups/refresh_captcha/", function (result) {
|
|
$('.captcha').attr('src', result['image_url']);
|
|
$('#id_captcha_0').val(result['key'])
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html> |