entry.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. {{ define "title"}}{{ .entry.Title }}{{ end }}
  2. {{ define "content"}}
  3. <section class="entry" data-id="{{ .entry.ID }}">
  4. <header class="entry-header">
  5. <h1>
  6. <a href="{{ .entry.URL }}" target="_blank" rel="noopener noreferrer" referrerpolicy="no-referrer">{{ .entry.Title }}</a>
  7. </h1>
  8. <div class="entry-actions">
  9. <ul>
  10. <li>
  11. <a href="#"
  12. title="{{ t "entry.status.title" }}"
  13. data-toggle-status="true"
  14. data-label-read="✔&#xfe0e;&nbsp;{{ t "entry.status.read" }}"
  15. data-label-unread="✘&nbsp;{{ t "entry.status.unread" }}"
  16. data-toast-read="✔︎&nbsp;{{ t "entry.status.toast.read" }}"
  17. data-toast-unread="✘&nbsp;{{ t "entry.status.toast.unread" }}"
  18. data-value="{{ if eq .entry.Status "read" }}read{{ else }}unread{{ end }}"
  19. >{{ if eq .entry.Status "read" }}✘&nbsp;{{ t "entry.status.unread" }}{{ else }}✔&#xfe0e;&nbsp;{{ t "entry.status.read" }}{{ end }}</a>
  20. </li>
  21. <li>
  22. <a href="#"
  23. data-toggle-bookmark="true"
  24. data-bookmark-url="{{ route "toggleBookmark" "entryID" .entry.ID }}"
  25. data-label-loading="{{ t "entry.state.saving" }}"
  26. data-label-star="☆&nbsp;{{ t "entry.bookmark.toggle.on" }}"
  27. data-label-unstar="★&nbsp;{{ t "entry.bookmark.toggle.off" }}"
  28. data-toast-star="★&nbsp;{{ t "entry.bookmark.toast.on" }}"
  29. data-toast-unstar="☆&nbsp;{{ t "entry.bookmark.toast.off" }}"
  30. data-value="{{ if .entry.Starred }}star{{ else }}unstar{{ end }}"
  31. >{{ if .entry.Starred }}★&nbsp;{{ t "entry.bookmark.toggle.off" }}{{ else }}☆&nbsp;{{ t "entry.bookmark.toggle.on" }}{{ end }}</a>
  32. </li>
  33. {{ if .hasSaveEntry }}
  34. <li>
  35. <a href="#"
  36. title="{{ t "entry.save.title" }}"
  37. data-save-entry="true"
  38. data-save-url="{{ route "saveEntry" "entryID" .entry.ID }}"
  39. data-label-loading="{{ t "entry.state.saving" }}"
  40. data-label-done="{{ t "entry.save.completed" }}"
  41. data-toast-done="{{ t "entry.save.toast.completed" }}"
  42. >{{ t "entry.save.title" }}</a>
  43. </li>
  44. {{ end }}
  45. <li>
  46. <a href="#"
  47. title="{{ t "entry.scraper.title" }}"
  48. data-fetch-content-entry="true"
  49. data-fetch-content-url="{{ route "fetchContent" "entryID" .entry.ID }}"
  50. data-label-loading="{{ t "entry.state.loading" }}"
  51. data-label-done="{{ t "entry.scraper.completed" }}"
  52. >{{ t "entry.scraper.label" }}</a>
  53. </li>
  54. {{ if .entry.CommentsURL }}
  55. <li>
  56. <a href="{{ .entry.CommentsURL }}" title="{{ t "entry.comments.title" }}" target="_blank" rel="noopener noreferrer" referrerpolicy="no-referrer">{{ t "entry.comments.label" }}</a>
  57. </li>
  58. {{ end }}
  59. </ul>
  60. </div>
  61. <div class="entry-meta">
  62. <span class="entry-website">
  63. {{ if ne .entry.Feed.Icon.IconID 0 }}
  64. <img src="{{ route "icon" "iconID" .entry.Feed.Icon.IconID }}" width="16" height="16" loading="lazy" alt="{{ .entry.Feed.Title }}">
  65. {{ end }}
  66. <a href="{{ route "feedEntries" "feedID" .entry.Feed.ID }}">{{ .entry.Feed.Title }}</a>
  67. </span>
  68. {{ if .entry.Author }}
  69. <span class="entry-author">
  70. {{ if isEmail .entry.Author }}
  71. - <a href="mailto:{{ .entry.Author }}">{{ .entry.Author }}</a>
  72. {{ else }}
  73. – <em>{{ .entry.Author }}</em>
  74. {{ end }}
  75. </span>
  76. {{ end }}
  77. <span class="category">
  78. <a href="{{ route "categoryEntries" "categoryID" .entry.Feed.Category.ID }}">{{ .entry.Feed.Category.Title }}</a>
  79. </span>
  80. </div>
  81. <div class="entry-date">
  82. <time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed $.user.Timezone .entry.Date }}</time>
  83. </div>
  84. </header>
  85. {{ if gt (len .entry.Content) 120 }}
  86. <div class="pagination-top">
  87. {{ template "entry_pagination" . }}
  88. </div>
  89. {{ end }}
  90. <article class="entry-content">
  91. {{ noescape (proxyFilter .entry.Content) }}
  92. </article>
  93. {{ if .entry.Enclosures }}
  94. <aside class="entry-enclosures">
  95. <h3>{{ t "page.entry.attachments" }}</h3>
  96. {{ range .entry.Enclosures }}
  97. <div class="entry-enclosure">
  98. {{ if hasPrefix .MimeType "audio/" }}
  99. <div class="enclosure-audio">
  100. <audio controls preload="metadata">
  101. <source src="{{ .URL }}" type="{{ .MimeType }}">
  102. </audio>
  103. </div>
  104. {{ else if hasPrefix .MimeType "video/" }}
  105. <div class="enclosure-video">
  106. <video controls preload="metadata">
  107. <source src="{{ .URL }}" type="{{ .MimeType }}">
  108. </video>
  109. </div>
  110. {{ else if hasPrefix .MimeType "image/" }}
  111. <div class="enclosure-image">
  112. <img src="{{ proxyURL .URL }}" title="{{ .URL }} ({{ .MimeType }})" loading="lazy" alt="{{ .URL }} ({{ .MimeType }})">
  113. </div>
  114. {{ end }}
  115. <div class="entry-enclosure-download">
  116. <a href="{{ .URL }}" title="{{ .URL }} ({{ .MimeType }})" target="_blank" rel="noopener noreferrer" referrerpolicy="no-referrer">{{ t "action.download" }}</a>
  117. <small>({{ .URL }})</small>
  118. </div>
  119. </div>
  120. {{ end }}
  121. </aside>
  122. {{ end }}
  123. </section>
  124. <div class="pagination-bottom">
  125. {{ template "entry_pagination" . }}
  126. </div>
  127. {{ end }}