200 lines
11 KiB
HTML
200 lines
11 KiB
HTML
{% extends "user_base.html" %}
|
||
{% block title %} Message|COVID-19 Detector {% endblock %}
|
||
{% block specific_info %}
|
||
<div class="col-md-8">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<h3>叫号消息</h3>
|
||
<div class="accordion" id="calls">
|
||
<div class="card">
|
||
<div class="card-header" id="call1">
|
||
<h5 class="mb-0">
|
||
<button class="btn btn-link" type="button" data-toggle="collapse"
|
||
data-target="#call1content" aria-expanded="false" aria-controls="call1content">
|
||
您的号码已经叫到，请前往感染科门诊室就诊
|
||
</button>
|
||
</h5>
|
||
</div>
|
||
|
||
<div id="call1content" class="collapse" aria-labelledby="call1" data-parent="#calls">
|
||
<div class="card-body" style="padding: 0.5rem;">
|
||
请立即前往，如果过号，将延后3号
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 以下类似，可以添加多条叫号消息 -->
|
||
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h3>点赞消息</h3>
|
||
<div class="accordion" id="likes">
|
||
<div class="card">
|
||
<div class="card-header" id="like1">
|
||
<h5 class="mb-0">
|
||
<button class="btn btn-link" type="button" data-toggle="collapse"
|
||
data-target="#like1content" aria-expanded="false" aria-controls="like1content">
|
||
最近有2人给您点赞
|
||
</button>
|
||
</h5>
|
||
</div>
|
||
<div id="like1content" class="collapse" aria-labelledby="like1" data-parent="#likes">
|
||
<div class="card-body">
|
||
<p>用户A给你点了一个赞</p>
|
||
<p>用户B给你点了一个赞</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-5">
|
||
<div class="col-md-6">
|
||
<h3>私信消息</h3>
|
||
<div class="accordion" id="private_msgs">
|
||
{% for messages in messagess %}
|
||
<div class="card">
|
||
<div class="card-header" id="private_msg{{ loop.index }}">
|
||
{% set send_user1=User.query.get(senders[loop.index-1][0]) %}
|
||
<h5 class="mb-0">
|
||
<button class="btn btn-link" type="button" data-toggle="collapse"
|
||
data-target="#private_msgcontent{{ loop.index }}" aria-expanded="false"
|
||
aria-controls="private_msgcontent{{ loop.index }}">
|
||
{{send_user1.username}} 向您发送新消息，请注意查收
|
||
</button>
|
||
</h5>
|
||
</div>
|
||
<div id="private_msgcontent{{ loop.index }}" class="collapse"
|
||
aria-labelledby="private_msg{{ loop.index }}" data-parent="#private_msgs">
|
||
<div style="height: 500px; overflow: auto;">
|
||
{% for message in messages %}
|
||
{% set send_user=User.query.get(message.sender_id) %}
|
||
{% if loop.first or (message.time - messages[loop.index - 2].time).total_seconds() // 60 > 5
|
||
%}
|
||
<div class="time-message text-center text-muted">
|
||
<small>{{ message.time.strftime('%Y-%m-%d %H:%M') }}</small>
|
||
</div>
|
||
{% endif %}
|
||
{%if send_user.username==current_user.username%}
|
||
<div class="card-body" style="padding: 0.5rem;">
|
||
<div class="d-flex justify-content-end">
|
||
<div class="speech-bubble-right">
|
||
<div class="message-content">
|
||
<p style="margin-bottom: 0rem;">{{message.body}}</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-2 d-flex flex-column">
|
||
{% if send_user.has_avatar %}
|
||
<img src="{{ url_for('static', filename='images/avatar/' ~send_user.username~ '.jpg')}}"
|
||
alt="头像" class="img-fluid rounded-circle align-self-center"
|
||
style="width:55px; height:55px;">
|
||
{% else %}
|
||
<div class="postavatar {{ send_user.avatar_color }} align-self-center"
|
||
style="width:50px; height:50px;font-size: 45px">
|
||
<span id="initial" style="z-index: 1;">{{ send_user.username[0] }}</span>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{%else%}
|
||
<div class="card-body" style="padding: 0.5rem;">
|
||
<div class="row align-items-start" style="margin-top: 10px;">
|
||
<div class="col-2 d-flex flex-column" style="height: 55px;">
|
||
{% if send_user.has_avatar %}
|
||
<img src="{{ url_for('static', filename='images/avatar/' ~send_user.username~ '.jpg')}}"
|
||
alt="头像" class="img-fluid rounded-circle align-self-center"
|
||
style="width:55px; height:55px;">
|
||
{% else %}
|
||
<div class="postavatar {{ send_user.avatar_color }} align-self-center"
|
||
style="width:55px; height:55px;font-size: 50px">
|
||
<span id="initial" style="z-index: 1;">{{ send_user.username[0] }}</span>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
<div class="speech-bubble-left">
|
||
<div class="message-content">
|
||
<p style="margin-bottom: 0rem;">{{message.body}}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{%endif%}
|
||
{% endfor %}
|
||
</div>
|
||
<form id="private_message_form" method="post" action="/send_message">
|
||
<div class="form-group">
|
||
<textarea class="form-control" name="message_body" rows="2" required></textarea>
|
||
</div>
|
||
<input type="hidden" name="send_id" value="{{ current_user.id }}">
|
||
<input type="hidden" name="recipient_id" value="{{ send_user1.id }}">
|
||
<button type="submit" class="btn btn-primary float-right" style="width: 120px;">发送</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<h3>评论消息</h3>
|
||
<div class="accordion" id="comments">
|
||
{% for comment,post in comment_post_paris %}
|
||
{%if comment%}
|
||
{% set commender=User.query.get(comment.author_id)%}
|
||
<div class="card">
|
||
<div class="card-header" id="comment{{ comment.id }}">
|
||
<h5 class="mb-0">
|
||
<button class="btn btn-link" type="button" data-toggle="collapse"
|
||
data-target="#comment{{ comment.id }}content" aria-expanded="false"
|
||
aria-controls="comment{{ comment.id }}content">
|
||
{{ commender.username }} 评论了你的帖子"{{ post.title }}"
|
||
</button>
|
||
</h5>
|
||
</div>
|
||
<div id="comment{{ comment.id }}content" class="collapse" aria-labelledby="comment{{ comment.id }}"
|
||
data-parent="#comments">
|
||
<div class="card-body" style="padding: 0.5rem;">
|
||
{{ commender.username }}的评论：{{ comment.body }}
|
||
<form method="post">
|
||
<div class="form-group">
|
||
<textarea class="form-control" name="reply_message" rows="2" required></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary float-right"
|
||
style="width: 120px;">回复</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{%else%}
|
||
{%if(loop.index==1)%}
|
||
<div class="card">
|
||
<div class="card-header" id="comment{{ comment.id }}">
|
||
<h5 class="mb-0">
|
||
<button class="btn btn-link" type="button" data-target="#comment{{ comment.id }}content"
|
||
aria-expanded="false" aria-controls="comment{{ comment.id }}content">
|
||
暂时没人给您的文章发表评论
|
||
</button>
|
||
</h5>
|
||
</div>
|
||
</div>
|
||
{%endif%}
|
||
{%endif%}
|
||
{% endfor %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
$(document).ready(function(){
|
||
$(".collapse.show").each(function(){
|
||
$(this).prev(".card-header").find(".btn").addClass("active");
|
||
});
|
||
|
||
$(".btn-link").click(function(){
|
||
$(this).addClass("active");
|
||
});
|
||
});
|
||
</script>
|
||
|
||
{%endblock%} |