weekly_report.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. .customers {
  6. font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  7. border-collapse: collapse;
  8. width: 90%;
  9. }
  10. .customers td, .customers th {
  11. border: 1px solid rgb(41, 39, 39);
  12. padding: 8px;
  13. text-align: center;
  14. }
  15. .customers tr:nth-child(even){background-color: #f2f2f2;}
  16. .customers tr:hover {background-color: #ddd;}
  17. .customers th {
  18. padding-top: 12px;
  19. padding-bottom: 12px;
  20. text-align: left;
  21. background-color: #4e5253;
  22. color: rgb(255, 255, 255);
  23. text-align: center;
  24. }
  25. table{
  26. table-layout: fixed;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div align="center" style="margin-top: 25px;">
  32. <img src="https://ercare24.com/wp-content/uploads/2016/07/signature-care-resized-e1462918690585.png" alt="Avatar" class="image" width=50% >
  33. <h2 style="text-align:center;">Last Week Review Report</h2>
  34. </div>
  35. <div align="center">
  36. <table class="customers">
  37. <tr>
  38. <th style="width: 25%;">Platform</th>
  39. <th style="width: 25%;">Ratings</th>
  40. <th>Name Mentioned</th>
  41. </tr>
  42. <!-- Google Reviews Summary -->
  43. <tr>
  44. <td>Google</td>
  45. <td>
  46. {% for r in google_ratings %}
  47. {% if r.star_rating < 3 %}
  48. <span style="color: red; font-weight: bold;">{{ r.star_rating }}* star: {{ r.total }}</span> </br>
  49. {% else %}
  50. <span>{{ r.star_rating }}* star: {{ r.total }}</span> </br>
  51. {% endif %}
  52. {% endfor %}
  53. </td>
  54. <td>
  55. {% for s_n in google_staffs %}
  56. {{ s_n }},
  57. {% endfor %}
  58. </td>
  59. </tr>
  60. <!-- Yelp Reviews Summary -->
  61. <tr>
  62. <td>Yelp</td>
  63. <td>
  64. <!-- {% for r in google_ratings %}
  65. {% if r.star_rating < 3 %}
  66. <span style="color: red; font-weight: bold;">{{ r.star_rating }}* star: {{ r.total }}</span> </br>
  67. {% else %}
  68. <span>{{ r.star_rating }}* star: {{ r.total }}</span> </br>
  69. {% endif %}
  70. {% endfor %} -->
  71. </td>
  72. <td>
  73. {% for s_n in google_staffs %}
  74. {{ s_n }},
  75. {% endfor %}
  76. </td>
  77. </tr>
  78. <!-- Facebook Reviews Summary -->
  79. <tr>
  80. <td>Facebook</td>
  81. <td>
  82. <!-- {% for r in google_ratings %}
  83. {% if r.star_rating < 3 %}
  84. <span style="color: red; font-weight: bold;">{{ r.star_rating }}* star: {{ r.total }}</span> </br>
  85. {% else %}
  86. <span>{{ r.star_rating }}* star: {{ r.total }}</span> </br>
  87. {% endif %}
  88. {% endfor %} -->
  89. </td>
  90. <td>
  91. {% for s_n in google_staffs %}
  92. {{ s_n }},
  93. {% endfor %}
  94. </td>
  95. </tr>
  96. </table>
  97. <h5>Bad Reviews</h5>
  98. <table class="customers">
  99. <tr>
  100. <th style="width: 25%;">Platform</th>
  101. <th>Review</th>
  102. </tr>
  103. <!-- Google Bad reviews list -->
  104. <tr>
  105. <td>Google</td>
  106. {% if google_bad_reviews.count > 0 %}
  107. <td style="width: 100%;">
  108. <table border="1px" style="border-collapse: collapse;margin: -9px">
  109. <tr style="background-color: rgb(179, 177, 177);">
  110. <td style="width: 20%;">Reviewer Name</td>
  111. <td style="width: 70%;">Comment</td>
  112. <td style="width: 10%;">Rating</td>
  113. </tr>
  114. {% for review in google_bad_reviews %}
  115. <tr>
  116. <td>{{ review.reviewer_name }}</td>
  117. <td>{{ review.comment }}</td>
  118. <td>{{ review.star_rating }}*</td>
  119. </tr>
  120. {% endfor %}
  121. </table>
  122. </td>
  123. {% else %}
  124. <td>No bad reviews has been posted in google!</td>
  125. {% endif %}
  126. </tr>
  127. </table>
  128. </div>
  129. </body>
  130. </html>