contentdb/app/templates/macros/reviews.html

{% macro render_review_vote(review, current_user, next_url) %}
	{% set (positive, negative, is_positive) = review.get_totals(current_user) %}
	<form class="review-helpful-vote" method="post" action="{{ review.get_vote_url(next_url) }}">
		<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
		<div class="btn-group">
			<button class="btn {% if is_positive == true %}btn-primary{% else %}btn-secondary{% endif %}" name="is_positive" value="yes">
				{{ _("Helpful") }}
				{% if positive > 0 %}
					<span class="badge bg-light text-dark ms-1">{{ positive }}</span>
				{% endif %}
			</button>
			<button class="btn {% if is_positive == false %}btn-primary{% else %}btn-secondary{% endif %}" name="is_positive" value="no">
				{{ _("Unhelpful") }}
				{% if negative > 0 %}
					<span class="badge bg-light text-dark ms-1">{{ negative }}</span>
				{% endif %}
			</button>
		</div>
	</form>
{% endmacro %}

{% macro render_reviews(reviews, current_user, show_package_link=False) -%}
<ul class="comments mt-4 mb-0">
	{% for review in reviews %}
		{% set review_anchor = "review-" + (review.id | string) %}
		<li class="row my-2 mx-0">
			<a id="{{ review_anchor }}"></a>
			<div class="col-auto p-1">
				<a href="{{ url_for('users.profile', username=review.author.username) }}">
					<img class="img-fluid user-photo img-thumbnail img-thumbnail-1"
						src="{{ review.author.get_profile_pic_url() }}" loading="lazy">
				</a>
			</div>
			<div class="col col-md-auto px-3 pt-1" style=" font-size: 200%;">
				{% if review.rating > 3 %}
					<i class="fas fa-thumbs-up" style="color:#6f6;"></i>
				{% elif review.rating < 3 %}
					<i class="fas fa-thumbs-down" style="color:#f66;"></i>
				{% else %}
					<i class="fas fa-minus" style="color:#999"></i>
				{% endif %}
			</div>
			{% if review.thread %}
				{% set reply = review.thread.first_reply %}
				<div class="col-md pr-0">
					<div class="card">
						<div class="card-header">
							<a class="author {{ review.author.rank.name }}"
									href="{{ url_for('users.profile', username=review.author.username) }}">
								{{ review.author.display_name }}
							</a>

							<a name="reply-{{ reply.id }}" class="text-muted float-end"
									href="{{ url_for('threads.view', id=review.thread.id) }}#reply-{{ reply.id }}"
									title="{{ review.created_at | full_datetime }}">
								{{ review.created_at | datetime }}
							</a>
						</div>

						<div class="card-body markdown">
							{% if current_user == review.author %}
								<a class="btn btn-primary btn-sm ms-1 float-end"
										href="{{ review.package.get_url('packages.review') }}">
									<i class="fas fa-pen"></i>
								</a>
							{% endif %}
							{% if review.language %}
								<span class="float-end mx-2 text-muted">
									{{ review.language.title }}
								</span>
							{% endif %}

							<p>
								<strong>{{ review.thread.title }}</strong>
							</p>

							{{ reply.comment | markdown }}

							<div class="btn-toolbar mt-2 mb-0">
								{% if show_package_link %}
									<a class="btn btn-primary me-1" href="{{ review.package.get_url('packages.view') }}">
										{{ _("%(title)s by %(author)s",
												title="<b>" | safe + review.package.title + "</b>" | safe,
												author=review.package.author.display_name) }}
									</a>
								{% endif %}

								<a class="btn {% if review.thread.replies_count > 1 %} btn-primary {% else %} btn-secondary {% endif %} me-1"
										href="{{ url_for('threads.view', id=review.thread.id) }}">
									<i class="fas fa-comments me-2"></i>
									{{ _("%(num)d comments", num=review.thread.replies_count - 1) }}
								</a>

								{{ render_review_vote(review, current_user, url_set_anchor(review_anchor)) }}
							</div>
						</div>
					</div>
				</div>
			{% endif %}
		</li>
	{% else %}
		<li>
			<i>{{ _("No reviews, yet.") }}</i>
		</li>
	{% endfor %}
</ul>
{% endmacro %}


{% macro render_review_form(package, current_user) -%}
	<div class="card mt-0 mb-4 ">
		<div class="card-header">
			{{ _("Review") }}
		</div>
		<form method="post" action="{{ package.get_url('packages.review') }}" class="card-body">
			<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
			<p>
				{{ package.type.do_you_recommend }}
			</p>

			<div class="btn-group" role="group">
				<input type="radio" class="btn-check" name="rating" id="rating-5" value="5" autocomplete="off">
				<label class="btn btn-primary" for="rating-5">
					<i class="fas fa-thumbs-up me-2"></i>
					{{ _("Yes") }}
				</label>
				<input type="radio" class="btn-check" name="rating" id="rating-3" value="3" autocomplete="off">
				<label class="btn btn-primary" for="rating-3">
					<i class="fas fa-minus me-2"></i>
					{{ _("Neutral") }}
				</label>
				<input type="radio" class="btn-check" name="rating" id="rating-1" value="1" autocomplete="off">
				<label class="btn btn-primary" for="rating-1">
					<i class="fas fa-thumbs-down me-2"></i>
					{{ _("No") }}
				</label>
			</div>

			<p class="mt-4 mb-3">
				{{ _("Why or why not? Try to be constructive") }}
			</p>

			<div class="form-group mb-3">
				<label for="title" class="form-label">{{ _("Title") }}</label>
				<span class="ms-1 text-danger">
					<small>
						<i class="fas fa-asterisk"></i>
					</small>
				</span>
				<span class="ms-3 text-muted">
					{{ _("Required") }}
				</span>
				<input class="form-control" id="title" name="title" required="" type="text">
			</div>

			<textarea class="form-control markdown" required maxlength=2000 name="comment"></textarea><br />
			<input class="btn btn-primary" type="submit" value="{{ _('Post Review') }}" />
		</form>
	</div>
{% endmacro %}


{% macro render_review_preview(package, current_user) -%}
	<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
	<div class="card mt-0 mb-4 ">
		<div class="card-header">
			{{ _("Review") }}
		</div>
		<form method="post" action="{{ package.get_url('packages.review') }}" class="card-body">
			<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
			<p>
				{{ package.type.do_you_recommend }}
			</p>

			<div class="btn-toolbar" role="toolbar">
				<div class="btn-group me-2">
					<button class="btn btn-primary" name="rating" value="5">
						<i class="fas fa-thumbs-up me-1"></i>
						{{ _("Yes") }}
					</button>
					<button class="btn btn-primary" name="rating" value="3">
						<i class="fas fa-minus me-1"></i>
						{{ _("Neutral") }}
					</button>
					<button class="btn btn-primary" name="rating" value="1">
						<i class="fas fa-thumbs-down me-1"></i>
						{{ _("No") }}
					</button>
				</div>
				<div class="btn-group">
					<a class="btn btn-secondary" href="{{ package.issueTracker or url_for('threads.new', pid=package.id) }}" rel="ugc">
						<i class="fas fa-bug me-1"></i>
						{{ _("Report an issue") }}
					</a>
					<a class="btn btn-secondary" href="{{ url_for('threads.new', pid=package.id) }}">
						<i class="fas fa-question me-1"></i>
						{{ _("Ask a question") }}
					</a>
				</div>
			</div>
		</form>
	</div>
{% endmacro %}