entry.html 6.0 KB

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