124 lines
6.4 KiB
HTML
124 lines
6.4 KiB
HTML
{% load static %}
|
|
{% load i18n %}
|
|
{% load admin_url %}
|
|
{% load mastodon %}
|
|
{% load oauth_token %}
|
|
{% load truncate %}
|
|
{% load thumb %}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta property="og:title" content="{{ site_name }}书评 - {{ review.title }}">
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:article:author" content="{{ review.owner.username }}">
|
|
<meta property="og:url" content="{{ request.build_absolute_uri }}">
|
|
<meta property="og:image" content="{{ book.cover|thumb:'normal' }}">
|
|
<title>{{ site_name }}{% trans '书评' %} - {{ review.title }}</title>
|
|
<script src="https://static.neodb.social/cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
<script src="{% static 'lib/js/rating-star.js' %}"></script>
|
|
<script src="{% static 'js/rating-star-readonly.js' %}"></script>
|
|
<link rel="stylesheet" href="{% static 'lib/css/rating-star.css' %}">
|
|
<link rel="stylesheet" href="{% static 'css/boofilsic.min.css' %}">
|
|
<link rel="stylesheet" href="{% static 'lib/css/neo.css' %}">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="page-wrapper">
|
|
<div id="content-wrapper">
|
|
{% include "partial/_navbar.html" %}
|
|
|
|
<section id="content">
|
|
<div class="grid">
|
|
<div class="grid__main" id="main">
|
|
<div class="main-section-wrapper">
|
|
<div class="review-head">
|
|
<h5 class="review-head__title">
|
|
{{ review.title }}
|
|
</h5>
|
|
{% if review.visibility > 0 %}
|
|
<span class="icon-lock"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
<path
|
|
d="M17,8.48h-.73V6.27a6.27,6.27,0,1,0-12.53,0V8.48H3a.67.67,0,0,0-.67.67V19.33A.67.67,0,0,0,3,20H17a.67.67,0,0,0,.67-.67V9.15A.67.67,0,0,0,17,8.48ZM6.42,6.27h0a3.57,3.57,0,0,1,7.14,0h0V8.48H6.42Z" />
|
|
</svg></span>
|
|
{% endif %}
|
|
<div class="review-head__body">
|
|
<div class="review-head__info">
|
|
|
|
<a href="{% url 'users:home' review.owner.mastodon_username %}" class="review-head__owner-link">{{ review.owner.username }}</a>
|
|
|
|
{% if mark %}
|
|
|
|
{% if mark.rating %}
|
|
<span class="review-head__rating-star rating-star" data-rating-score="{{ mark.rating | floatformat:"0" }}"></span>
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
|
|
<span class="review-head__time">{{ review.edited_time }}</span>
|
|
|
|
</div>
|
|
<div class="review-head__actions">
|
|
{% if request.user == review.owner %}
|
|
<a class="review-head__action-link" href="{% url 'books:update_review' review.id %}">{% trans '编辑' %}</a>
|
|
<a class="review-head__action-link" href="{% url 'books:delete_review' review.id %}">{% trans '删除' %}</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<!-- <div class="dividing-line"></div> -->
|
|
<div id="rawContent">
|
|
{{ form.content }}
|
|
</div>
|
|
{{ form.media }}
|
|
{% csrf_token %}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="grid__aside" id="aside">
|
|
<div class="aside-section-wrapper">
|
|
<div class="entity-card">
|
|
<div class="entity-card__img-wrapper">
|
|
<a href="{% url 'books:retrieve' book.id %}"><img src="{{ book.cover|thumb:'normal' }}" alt=""
|
|
class="entity-card__img"></a>
|
|
</div>
|
|
<div class="entity-card__info-wrapper">
|
|
<h5 class="entity-card__title">
|
|
<a href="{% url 'books:retrieve' book.id %}">{{ book.title }}</a>
|
|
<a href="{{ book.source_url }}">
|
|
<span class="source-label source-label__{{ book.source_site }}">{{ book.get_source_site_display }}</span>
|
|
</a>
|
|
</h5>
|
|
|
|
{% if book.isbn %}
|
|
<div>ISBN: {{ book.isbn }}</div>
|
|
{% endif %}
|
|
|
|
<div>{% if book.pub_house %}{% trans '出版社：' %}{{ book.pub_house }}{% endif %}</div>
|
|
{% if book.rating %}
|
|
{% trans '评分: ' %}<span class="entity-card__rating-star rating-star"
|
|
data-rating-score="{{ book.rating | floatformat:"0" }}"></span>
|
|
<span class="entity-card__rating-score rating-score">{{ book.rating }}</span>
|
|
{% endif %}
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
{% include "partial/_footer.html" %}
|
|
</div>
|
|
|
|
|
|
|
|
<script>
|
|
$(".markdownx textarea").hide();
|
|
</script>
|
|
</body>
|
|
|
|
|
|
</html>
|