forked from mirror/MrDoc
468 lines
19 KiB
HTML
468 lines
19 KiB
HTML
{% load staticfiles %}
|
||
<!DOCTYPE html>
|
||
<html lang="zh-cn">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=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="keywords" content="觅道文档,mrdoc,markdown,文档写作,在线教程,Python文档系统,django应用"/>
|
||
<meta name="description" content="MrDoc觅道文档是一个开源的在线文档系统，由州的先生（zmister.com）基于 Python 的 Django 进行开发框架，适合作为个人和小型团队的文档、笔记和知识管理工具。" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>{{ kw }} - 觅道搜索 - MrDoc觅道文档</title>
|
||
<link href="{% static 'layui/css/layui.css' %}" rel="stylesheet">
|
||
<link href="{% static 'mrdoc.css' %}?version={{mrdoc_version}}" rel="stylesheet">
|
||
<link rel="icon" href="{% static 'favicon_16.png' %}"/>
|
||
<style>
|
||
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
|
||
background-color: #0885ff !important;
|
||
}
|
||
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
|
||
background-color: #0885ff !important;
|
||
}
|
||
/* layui分页组件样式 */
|
||
.layui-laypage .layui-laypage-curr .layui-laypage-em{
|
||
background-color: #0885ff !important;
|
||
}
|
||
/* 控制栏表单下拉框样式 */
|
||
.index-control .layui-input-inline{
|
||
/* width: 100px; */
|
||
}
|
||
.index-control .layui-input{
|
||
height: 25px;
|
||
border: none;
|
||
}
|
||
.index-control .layui-form-select dl {
|
||
top: 30px;
|
||
}
|
||
.index-control .layui-form-item{
|
||
margin-bottom: 0px;
|
||
}
|
||
/* 文集列表样式 */
|
||
.project-item-list{
|
||
/* float: left; */
|
||
min-width: 0;
|
||
width: 100vw;
|
||
height: 120px;
|
||
/* margin-top: 20px; */
|
||
/* margin-left: 20px; */
|
||
margin: 10px;
|
||
border: 1px solid #ddd;
|
||
border-radius: 4px;
|
||
box-shadow: 0 1px 3px rgba(0,0,0,.055);
|
||
}
|
||
/* 搜索类型 */
|
||
a.search_type{
|
||
color: #999;
|
||
margin-left: 15px;
|
||
font-size: 16px;
|
||
padding-bottom: 5px;
|
||
}
|
||
a.search_type:hover{
|
||
color: #333;
|
||
}
|
||
/* 当前搜索类型链接样式 */
|
||
.current_search_type{
|
||
color: #333 !important;
|
||
border-bottom: 2px solid#007fff !important;
|
||
}
|
||
/* 搜索结果标题 */
|
||
.search_result_title{
|
||
color: #00c;
|
||
font-weight: 400;
|
||
font-size: medium;
|
||
line-height:26px;
|
||
}
|
||
.search_result_title:hover{
|
||
color: #00c;
|
||
}
|
||
/* 搜索结果简介 */
|
||
.search_result_pre{
|
||
font-size: 13px;
|
||
color: #333;
|
||
line-height: 20px;
|
||
word-break: break-word;
|
||
}
|
||
/* 搜索结果归属 */
|
||
.search_result_info a{
|
||
color: green;
|
||
}
|
||
/* 时间筛选下拉框 */
|
||
.layui-form-select dl dd.layui-this{
|
||
background-color:#0885ff;
|
||
}
|
||
|
||
@media screen and (min-width: 1200px){
|
||
.layui-container {
|
||
width: 970px;
|
||
}
|
||
}
|
||
|
||
|
||
/* 移动端筛选控制栏样式 */
|
||
@media screen and (max-width: 768px){
|
||
/* 控制栏样式 */
|
||
.index-control .layui-form-item .layui-inline{
|
||
display: -webkit-inline-box;
|
||
}
|
||
.index-control .layui-form-item .layui-input-inline{
|
||
display: -webkit-inline-box;
|
||
float: none;
|
||
left: -3px;
|
||
/* width: auto; */
|
||
margin: 0;
|
||
}
|
||
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body class="layui-container">
|
||
<!-- 页头 -->
|
||
<div class="layui-header layui-fluid">
|
||
<div class="" style="display:flex;flex-direction:row;justify-content:space-between;">
|
||
<!-- LOGO -->
|
||
<div class="">
|
||
<a class="logo" href="{% url 'search' %}">
|
||
<img src="{% static 'search/mrdoc_search_logo_2.svg' %}" style="height: 32px;width: auto;">
|
||
</a>
|
||
</div>
|
||
<!-- 搜索框 -->
|
||
<div style="margin:12px;" class="layui-hide-xs">
|
||
<form method="get" action="">
|
||
<div class="layui-input-inline">
|
||
<input class="layui-input mrdoc-search-input"
|
||
placeholder="搜索文集或文档" name="kw" style="width: 500px;border-radius:5px" value="{{kw}}"/>
|
||
<input name="type" value="{{search_type}}" hidden>
|
||
<button type="submit"
|
||
style="position: absolute;top:12px;right: 8px;border: none;background-color: white;">
|
||
<i class="layui-icon layui-icon-search" ></i>
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<!-- 用户菜单 -->
|
||
<div class="">
|
||
<ul class="layui-nav layui-layout-right">
|
||
{% if request.user.is_authenticated %}
|
||
<li class="layui-nav-item">
|
||
<a href="javascript:void(0);">
|
||
<i class="layui-icon layui-icon-friends"></i> <span class="layui-hide-xs">{{request.user.username}}</span>
|
||
</a>
|
||
<dl class="layui-nav-child">
|
||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||
{% if request.user.is_superuser %}
|
||
<dd>
|
||
<a href="{% url 'pro_list' %}">
|
||
<i class="layui-icon layui-icon-console layui-hide-md"></i>
|
||
<span class="layui-hide-xs">返回首页</span>
|
||
</a>
|
||
</dd>
|
||
{% endif %}
|
||
<dd class="layui-hide-md">
|
||
<a href="{% url 'create_doc' %}">
|
||
<i class="layui-icon layui-icon-add-1 layui-hide-md"></i>
|
||
</a>
|
||
</dd>
|
||
<dd>
|
||
<a href="{% url 'manage_doc' %}">
|
||
<i class="layui-icon layui-icon-app layui-hide-md"></i>
|
||
<span class="layui-hide-xs">个人中心</span>
|
||
</a>
|
||
</dd>
|
||
<dd>
|
||
<a href="javascript:void(0);" onclick="changePwd('{{ request.user.id }}','{{ request.user.username }}' )">
|
||
<i class="layui-icon layui-icon-password layui-hide-md"></i>
|
||
<span class="layui-hide-xs">修改密码</span>
|
||
</a>
|
||
</dd>
|
||
<dd>
|
||
<a href="{% url 'logout' %}">
|
||
<i class="layui-icon layui-icon-release layui-hide-md"></i>
|
||
<span class="layui-hide-xs">退出登录</span>
|
||
</a>
|
||
</dd>
|
||
</dl>
|
||
</li>
|
||
{% else %}
|
||
<li class="layui-nav-item">
|
||
<a href="javascript:void(0);">
|
||
<i class="layui-icon layui-icon-username"></i> 游客
|
||
</a>
|
||
<dl class="layui-nav-child">
|
||
<!-- <dd><a href="">基本资料</a></dd> -->
|
||
{% if close_register == 'on' %}
|
||
<dd><a href="{% url 'login' %}">登录</a></dd>
|
||
{% else %}
|
||
<dd><a href="{% url 'register' %}">注册</a></dd>
|
||
<dd><a href="{% url 'login' %}">登录</a></dd>
|
||
{% endif %}
|
||
</dl>
|
||
</li>
|
||
{% endif %}
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 页头结束 -->
|
||
|
||
<!-- 小屏下的搜索框 -->
|
||
<div class="" style="margin-top:10px;padding-left:15px;">
|
||
<!-- 搜索框 -->
|
||
<div style="margin:12px 0 12px 0;" class="layui-hide-md layui-hide-lg layui-hide-sm">
|
||
<form method="get" action="">
|
||
<div class="layui-inline">
|
||
<div class="layui-input-inline">
|
||
<input class="layui-input mrdoc-search-input"
|
||
placeholder="搜索文集或文档" name="kw" style="border-radius:5px" value="{{kw}}"/>
|
||
<input name="type" value="{{search_type}}" hidden>
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<button type="submit" class="layui-btn layui-btn-sm layui-btn-normal">
|
||
<i class="layui-icon layui-icon-search" ></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 筛选栏 -->
|
||
<div class="layui-container" style="margin-top: 10px;">
|
||
<!-- 表单风格开始 -->
|
||
<div class="layui-row">
|
||
<form class="index-control layui-form" lay-filter="filter-time-form">
|
||
<div class="layui-form-item">
|
||
<!-- 筛选开始 -->
|
||
<div class="layui-inline">
|
||
<!-- 文档搜索 -->
|
||
<div class="layui-input-inline">
|
||
<a href="{% url 'search' %}?kw={{kw}}&type=doc&d_range={{d_range}}" class="search_type" id="search_doc"><i class="layui-icon layui-icon-search"></i>文档</a>
|
||
<a href="{% url 'search' %}?kw={{kw}}&type=pro&d_range={{d_range}}" class="search_type" id="search_project"><i class="layui-icon layui-icon-list"></i>文集</a>
|
||
</div>
|
||
</div>
|
||
<!-- 筛选结束 -->
|
||
<div class="layui-input-inline" style="float: right;">
|
||
<select name="d_range" lay-verify="sel_recent" id="sel_recent">
|
||
<option value="">时间筛选</option>
|
||
<option value="all">全部时间</option>
|
||
<option value="recent1">近1天</option>
|
||
<option value="recent7">近7天</option>
|
||
<option value="recent30">近30天</option>
|
||
<option value="recent365">近1年</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<!-- 表单风格结束 -->
|
||
</div>
|
||
|
||
<!-- 搜索结果提示 -->
|
||
{% if kw != '' %}
|
||
<div style="padding: 0 15px;margin-top: 10px;margin-bottom: 10px;color: #999;">
|
||
觅道文档在
|
||
{% if date_range == 'recent1' %}
|
||
近1天内
|
||
{% elif date_range == 'recent7' %}
|
||
近7天内
|
||
{% elif date_range == 'recent30' %}
|
||
近30天内
|
||
{% elif date_range == 'recent365' %}
|
||
近一年内
|
||
{% else %}
|
||
全部时间内
|
||
{% endif %}
|
||
搜索到 {{ data_list.count }} 条结果
|
||
</div>
|
||
{% endif %}
|
||
|
||
<!-- 主体 -->
|
||
<div class="layui-container search_result" id="search_result" style="padding: 0 20px;">
|
||
<!-- 遍历搜索结果列表 -->
|
||
<!-- 文档搜索结果 -->
|
||
{% if search_type == 'doc' %}
|
||
{% load doc_filter %}
|
||
{% for result in datas %}
|
||
<div style="margin-bottom: 18px;">
|
||
<!-- 标题 -->
|
||
<h3>
|
||
<a href="{% url 'doc' pro_id=result.top_doc doc_id=result.id %}" target="_blank" class="search_result_title">{{ result.name }}</a>
|
||
</h3>
|
||
<!-- 简介 -->
|
||
<div class="search_result_pre">{{ result.pre_content|get_key_context:kw }}</div>
|
||
<!-- 所属文集 -->
|
||
<p class="search_result_info">
|
||
<a href="{% url 'pro_index' pro_id=result.top_doc %}" target="_blank">{{ result.top_doc | get_doc_top }}</a> - <span style="font-size: 14px;color: #999;">{{result.modify_time}}</span></p>
|
||
</div>
|
||
{% endfor %}
|
||
<!-- 文集搜索结果 -->
|
||
{% elif search_type == 'pro' %}
|
||
{% load project_filter %}
|
||
{% for result in datas %}
|
||
<div style="margin-bottom: 18px;">
|
||
<!-- 标题 -->
|
||
<h3>
|
||
<a href="{% url 'pro_index' pro_id=result.id %}" target="_blank" class="search_result_title">{{ result.name }}</a>
|
||
</h3>
|
||
<!-- 简介 -->
|
||
<div class="search_result_pre">{{ result.intro|get_key_context:kw }}</div>
|
||
<!-- 所属文集 -->
|
||
<p class="search_result_info">
|
||
<a>{{ result.create_user }}</a> - <span style="font-size: 14px;color: #999;">{{result.modify_time}}</span></p>
|
||
</div>
|
||
{% endfor %}
|
||
{% endif %}
|
||
|
||
</div>
|
||
<!-- 主体结束 -->
|
||
<!-- 分页 -->
|
||
<div class="layui-row project-list-page" style="text-align: center;">
|
||
<div class="layui-box layui-laypage layui-laypage-default">
|
||
<!-- 上一页 -->
|
||
{% if datas.has_previous %}
|
||
<a href="?page={{ datas.previous_page_number }}&kw={{kw}}&type={{search_type}}&d_range={{date_range}}" class="layui-btn layui-btn-xs layui-btn-normal">上一页</a>
|
||
{% else %}
|
||
<a href="javascript:;" class="layui-btn layui-btn-xs layui-btn-disabled">上一页</a>
|
||
{% endif %}
|
||
<!-- 当前页 -->
|
||
<span class="layui-laypage-curr">
|
||
<em class="layui-laypage-em"></em>
|
||
<em>{{ datas.number }}/{{ datas.paginator.num_pages }}</em>
|
||
</span>
|
||
<!-- 下一页 -->
|
||
{% if datas.has_next %}
|
||
<a href="?page={{ datas.next_page_number }}&kw={{kw}}&type={{search_type}}&d_range={{date_range}}" class="layui-btn layui-btn-xs layui-btn-normal">下一页</a>
|
||
{% else %}
|
||
<a class="layui-btn layui-btn-xs layui-btn-disabled">下一页</a>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
<!-- 分页结束 -->
|
||
|
||
<!-- 页脚 -->
|
||
{% include 'app_doc/foot_base.html' %}
|
||
<!-- 页脚结束 -->
|
||
|
||
<script src="{% static '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;
|
||
var form = layui.form;
|
||
function positionFooter() {
|
||
// 获取页脚的高度
|
||
footerHeight = $(".layui-footer").height();
|
||
// 获取页脚的高度
|
||
// scrollTop() 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
|
||
footerTop = ($(window).scrollTop() + $(window).height() - footerHeight - 35)+"px";
|
||
//如果页面内容高度小于屏幕高度，div#footer将绝对定位到屏幕底部，否则div#footer保留它的正常静态定位
|
||
if(($(".layui-header").height() + $(".index-control").height() + $(".project-list-content").height() + $(".project-list-page").height() + 16) < $(window).height()) {
|
||
console.log("页脚置底")
|
||
$(".layui-footer").css({ position: "absolute",left:"0" }).stop().css({top:footerTop});
|
||
}else{
|
||
$(".layui-footer").css({ position: ""})
|
||
}
|
||
};
|
||
$(window).bind("load", function() {
|
||
// 设置页脚位置
|
||
var footerHeight = 0;
|
||
var footerTop = 0;
|
||
positionFooter();
|
||
//$(window).scroll(positionFooter).resize(positionFooter);
|
||
//设置条件栏选中值
|
||
var url = layui.url();
|
||
console.log(url)
|
||
$("#sel-role").val(url.search.role);
|
||
$("#sel-sort").val(url.search.sort);
|
||
layui.form.render('select');
|
||
});
|
||
|
||
// 搜索词高亮
|
||
function keyLight(id, key, bgColor){
|
||
var oDiv = document.getElementById(id),
|
||
sText = oDiv.innerHTML,
|
||
bgColor = bgColor || "#c00",
|
||
sKey = "<span name='addSpan' style='color: "+bgColor+";'>"+key+"</span>",
|
||
num = -1,
|
||
rStr = new RegExp(key, "ig"),
|
||
rHtml = new RegExp("\<.*?\>","ig"), //匹配html元素
|
||
aHtml = sText.match(rHtml); //存放html元素的数组
|
||
sText = sText.replace(rHtml, '{~}'); //替换html标签
|
||
// sText = sText.replace(rStr,sKey); //替换key
|
||
sText = sText.replace(rStr,function(text){
|
||
return "<span name='addSpan' style='color: "+bgColor+";'>"+text+"</span>"
|
||
}); //替换key
|
||
sText = sText.replace(/{~}/g,function(){ //恢复html标签
|
||
num++;
|
||
return aHtml[num];
|
||
});
|
||
oDiv.innerHTML = sText;
|
||
};
|
||
keyLight('search_result',"{{kw}}")
|
||
|
||
// 侦听Select下拉框的选择事件
|
||
form.on('select()', function(data){
|
||
var filter_data = form.val("filter-time-form");
|
||
console.log(filter_data)
|
||
window.location.href = '{% url "search" %}?kw={{kw}}&type={{search_type}}' + '&d_range=' + filter_data['d_range']
|
||
});
|
||
|
||
// 当前搜索类型动态设置
|
||
tagCurrentSearchType = function(){
|
||
if('{{ search_type }}' == 'doc'){
|
||
$('#search_doc').addClass('current_search_type')
|
||
$('#search_project').removeClass('current_search_type')
|
||
}else if('{{ search_type }}' == 'pro'){
|
||
$('#search_project').addClass('current_search_type')
|
||
$('#search_doc').removeClass('current_search_type')
|
||
}
|
||
}
|
||
tagCurrentSearchType();
|
||
|
||
</script>
|
||
<script>
|
||
//修改用户密码
|
||
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) {
|
||
layer.load(1);
|
||
data = {
|
||
'password':$("#newPwd1").val(),
|
||
'password2':$("#newPwd2").val(),
|
||
}
|
||
$.post("{% url 'modify_pwd' %}",data,function(r){
|
||
layer.closeAll("loading");
|
||
if(r.status){
|
||
//修改成功
|
||
window.location.reload();
|
||
//layer.close(index)
|
||
}else{
|
||
//修改失败，提示
|
||
//console.log(r)
|
||
layer.msg(r.data)
|
||
}
|
||
})
|
||
},
|
||
})
|
||
};
|
||
</script>
|
||
<!-- 统计代码开始 -->
|
||
{% if debug %}
|
||
{% else %}
|
||
{{ static_code | safe }}
|
||
{% endif %}
|
||
<!-- 统计代码结束 -->
|
||
{% endblock %}
|
||
</body>
|
||
</html> |