account/reviews#

Đánh giá khách đã viết.

• Tệp giao diện: account/reviews.html
• Đường dẫn: /tai-khoan/danh-gia
• Controller: App\Modules\Account\AccountController::reviewsPage

Ngoài những biến dưới đây, slot này còn nhận toàn bộ biến toàn cục.

Biến của trang#

Mã đầy đủ#

Toàn bộ tệp account/reviews.html của bộ giao diện mặc định. Chép về templates/<bộ giao diện của bạn>/account/reviews.html rồi sửa theo ý muốn.

<div class="container page-content">
  <h1 class="page-title">Đánh giá của tôi</h1>
  <div class="account-layout">
    {% assign active_page = 'reviews' %}
    {% include 'account/_sidebar' %}
    <div class="account-main">
      {% if reviews %}
        <ul class="review-list">
          {% for r in reviews %}
            <li class="review-list__item">
              <div class="review-list__rating">
                {% for i in (1..5) %}
                  <span class="star{% if i <= r.rating %} star--filled{% endif %}">★</span>
                {% endfor %}
              </div>
              <p class="review-list__body">{{ r.body }}</p>
              <p class="review-list__meta">
                <span class="badge badge--{{ r.status }}">{{ r.status }}</span>
                {{ r.created_at | date: '%d/%m/%Y' }}
              </p>
              <form method="POST" action="/tai-khoan/danh-gia/{{ r.id }}/xoa" onsubmit="return confirm('Xóa đánh giá này?')">
                <input type="text" name="_hp" style="display:none" tabindex="-1" autocomplete="off">
                <button class="btn btn--danger btn--sm" type="submit">Xóa</button>
              </form>
            </li>
          {% endfor %}
        </ul>
        {% if has_more %}
          <a href="/tai-khoan/danh-gia?cursor={{ next_cursor }}" class="btn btn--outline">Xem thêm</a>
        {% endif %}
      {% else %}
        <p class="empty-state">Bạn chưa có đánh giá nào.</p>
      {% endif %}
    </div>
  </div>
</div>