MrDoc/template/app_doc/pro_list.html

168 lines
7.1 KiB
HTML
Raw Normal View History

2019-07-21 22:08:04 +08:00
{% load staticfiles %}
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
2019-12-15 15:45:05 +08:00
<meta http-equiv="X-UA-Compatible" content="IE=Edgechrome=1">
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta http-equiv="Cache-Control" content="max-age=7200" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
2019-07-25 22:17:34 +08:00
<title>MrDoc - 一个简单的文档写作系统</title>
2019-07-21 22:08:04 +08:00
<link href="{% static 'layui/css/layui.css' %}" rel="stylesheet">
2019-12-01 20:44:16 +08:00
<link href="{% static 'mrdoc.css' %}" rel="stylesheet">
<link rel="icon" href="{% static 'favicon_16.png' %}"/>
2019-07-21 22:08:04 +08:00
</head>
2019-12-15 15:45:05 +08:00
<body class="layui-container">
2019-12-01 20:44:16 +08:00
<!-- 页头 -->
{% include 'app_doc/head_base.html' %}
<!-- 页头结束 -->
<!-- 主体 -->
2019-12-15 15:45:05 +08:00
<div class="" style="display:flex;flex-wrap:wrap;">
<!-- 遍历文集列表 -->
2019-07-21 22:08:04 +08:00
{% for p in project_list %}
2019-12-15 15:45:05 +08:00
<div class="project-item layui-col-md3 layui-col-xs12">
2019-07-21 22:08:04 +08:00
<a href="{% url 'pro_index' p.id %}">
<div class="layui-card">
2019-12-15 15:45:05 +08:00
<div class="layui-card-header">
2020-01-15 21:03:44 +08:00
{% if p.role == 1 %}
<strong><i class="layui-icon layui-icon-password"></i> {{ p.name }}</strong>
{% elif p.role == 2 %}
<strong><i class="layui-icon layui-icon-user"></i> {{ p.name }}</strong>
{% else %}
<strong>{{ p.name }}</strong>
{% endif %}
2019-07-25 21:47:26 +08:00
</div>
2019-07-21 22:08:04 +08:00
<div class="layui-card-body">
2019-07-25 21:47:26 +08:00
<p>作者:{{p.create_user}}</p>
2019-11-03 20:36:34 +08:00
<p class="tooltip">简介:
2019-11-03 21:23:15 +08:00
{% if p.intro == "" %}
<span class="">此文集没有填写简介</span>
{% else %}
2019-12-15 15:45:05 +08:00
<span class="">{{ p.intro | slice:'30' }}…</span>
2019-11-03 20:36:34 +08:00
<span class="tooltip-content clearfix">{{ p.intro }}</span>
2019-11-03 21:23:15 +08:00
{% endif %}
2019-11-03 20:36:34 +08:00
</p>
2019-07-25 21:47:26 +08:00
<p></p>
2019-07-21 22:08:04 +08:00
</div>
</div>
</a>
</div>
{% endfor %}
2019-12-15 15:45:05 +08:00
<!-- 新建文档 -->
<!--<div class="project-item layui-hide-xs">-->
<!--<a href="{% url 'create_doc' %}" target="_blank">-->
<!--<div class="layui-card">-->
<!--<div class="layui-card-header"><i class="layui-icon layui-icon-add-1"></i> 创建文档</div>-->
<!--<div class="layui-card-body">-->
<!--新建一个文档,马上开始写作……-->
<!--</div>-->
<!--</div>-->
<!--</a>-->
<!--</div>-->
2019-07-21 22:08:04 +08:00
</div>
2019-12-01 20:44:16 +08:00
<!-- 主体结束 -->
2019-07-21 22:08:04 +08:00
<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
<script src="{% static 'layui/layui.all.js' %}"></script>
{% block custom_script %}
<script>
$.ajaxSetup({
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
});
var layer = layui.layer;
//创建新文集
createPro = function () {
layer.open({
type:1,
title:'新建文集',
area:'300px;',
id:'createPro',//配置ID
content:'<div style="padding: 20px;"><input class="layui-input" type="text" id="pname" style="margin-bottom:10px;" placeholder="输入文集名" required lay-verify="required"><textarea name="desc" id="desc" placeholder="输入文集简介" class="layui-textarea"></textarea></div>',
btn:['确定','取消'], //添加按钮
btnAlign:'c', //按钮居中
yes:function (index,layero) {
data = {
'pname':$("#pname").val(),
'desc':$("#desc").val(),
}
$.post("{% url 'create_project' %}",data,function(r){
if(r.status){
//创建成功,刷新页面
window.location.reload();
}else{
//创建失败,提示
console.log(r)
}
})
},
});
};
//修改文集
modifyPro = function(pro_id){
layer.open({
type:1,
title:'修改文集',
area:'300px;',
id:'createPro',//配置ID
content:'<div style="padding: 20px;"><input class="layui-input" type="text" id="pname" style="margin-bottom:10px;" placeholder="输入文集名" required lay-verify="required"><textarea name="desc" id="desc" placeholder="输入文集简介" class="layui-textarea"></textarea></div>',
btn:['确定','取消'], //添加按钮
btnAlign:'c', //按钮居中
yes:function (index,layero) {
data = {
'pro_id':pro_id,
'name':$("#pname").val(),
'desc':$("#desc").val(),
}
$.post("{% url 'modify_project' %}",data,function(r){
if(r.status){
//修改成功,刷新页面
window.location.reload();
}else{
//修改失败,提示
console.log(r)
}
})
},
});
};
//修改用户密码
changePwd = function(uid,username){
layer.open({
type:1,
title:'修改密码',
area:'300px;',
id:'changePwd',
content:'<div style="padding:10px 0 0 20px;">修改用户[' + username + ']的密码:</div><div style="padding: 20px;"><input class="layui-input" type="password" id="newPwd1" style="margin-bottom:10px;" placeholder="输入新密码" required lay-verify="required"><input class="layui-input" type="password" id="newPwd2" placeholder="再次确认新密码" required lay-verify="required"></div>',
btn:['确认修改','取消'],
yes:function (index,layero) {
data = {
'password':$("#newPwd1").val(),
'password2':$("#newPwd2").val(),
}
$.post("{% url 'modify_pwd' %}",data,function(r){
if(r.status){
//修改成功
window.location.reload();
//layer.close(index)
}else{
//修改失败,提示
//console.log(r)
layer.msg(r.data)
}
})
},
})
};
2019-07-21 22:08:04 +08:00
</script>
2019-12-01 20:44:16 +08:00
<!-- 统计代码开始 -->
2020-01-15 21:03:44 +08:00
{% if debug %}
{% else %}
{{ static_code | safe }}
{% endif %}
2019-12-01 20:44:16 +08:00
<!-- 统计代码结束 -->
2019-07-21 22:08:04 +08:00
{% endblock %}
</body>
</html>