entry.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. {{ define "title"}}{{ .entry.Title }}{{ end }}
  2. {{ define "content"}}
  3. <section class="entry">
  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. data-toggle-bookmark="true"
  13. data-bookmark-url="{{ route "toggleBookmark" "entryID" .entry.ID }}"
  14. data-label-loading="{{ t "Saving..." }}"
  15. data-label-star="☆ {{ t "Star" }}"
  16. data-label-unstar="★ {{ t "Unstar" }}"
  17. data-value="{{ if .Starred }}star{{ else }}unstar{{ end }}"
  18. >{{ if .entry.Starred }}★ {{ t "Unstar" }}{{ else }}☆ {{ t "Star" }}{{ end }}</a>
  19. </li>
  20. <li>
  21. <a href="#"
  22. title="{{ t "Save this article" }}"
  23. data-save-entry="true"
  24. data-save-url="{{ route "saveEntry" "entryID" .entry.ID }}"
  25. data-label-loading="{{ t "Saving..." }}"
  26. data-label-done="{{ t "Done!" }}"
  27. >{{ t "Save" }}</a>
  28. </li>
  29. <li>
  30. <a href="#"
  31. title="{{ t "Fetch original content" }}"
  32. data-fetch-content-entry="true"
  33. data-fetch-content-url="{{ route "fetchContent" "entryID" .entry.ID }}"
  34. data-label-loading="{{ t "Loading..." }}"
  35. data-label-done="{{ t "Done!" }}"
  36. >{{ t "Fetch original content" }}</a>
  37. </li>
  38. </ul>
  39. </div>
  40. <div class="entry-meta">
  41. <span class="entry-website">
  42. {{ if ne .entry.Feed.Icon.IconID 0 }}
  43. <img src="{{ route "icon" "iconID" .entry.Feed.Icon.IconID }}" width="16" height="16">
  44. {{ end }}
  45. <a href="{{ route "feedEntries" "feedID" .entry.Feed.ID }}">{{ .entry.Feed.Title }}</a>
  46. </span>
  47. {{ if .entry.Author }}
  48. <span class="entry-author">
  49. {{ if isEmail .entry.Author }}
  50. - <a href="mailto:{{ .entry.Author }}">{{ .entry.Author }}</a>
  51. {{ else }}
  52. – <em>{{ .entry.Author }}</em>
  53. {{ end }}
  54. </span>
  55. {{ end }}
  56. <span class="category">
  57. <a href="{{ route "categoryEntries" "categoryID" .entry.Feed.Category.ID }}">{{ .entry.Feed.Category.Title }}</a>
  58. </span>
  59. </div>
  60. <div class="entry-date">
  61. <time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed .entry.Date }}</time>
  62. </div>
  63. </header>
  64. {{ if gt (len .entry.Content) 120 }}
  65. <div class="pagination-top">
  66. {{ template "entry_pagination" . }}
  67. </div>
  68. {{ end }}
  69. <article class="entry-content">
  70. {{ noescape (proxyFilter .entry.Content) }}
  71. </article>
  72. {{ if .entry.Enclosures }}
  73. <aside class="entry-enclosures">
  74. <h3>{{ t "Attachments" }}</h3>
  75. {{ range .entry.Enclosures }}
  76. <div class="entry-enclosure">
  77. {{ if hasPrefix .MimeType "audio/" }}
  78. <div class="enclosure-audio">
  79. <audio controls preload="metadata">
  80. <source src="{{ .URL }}" type="{{ .MimeType }}">
  81. </audio>
  82. </div>
  83. {{ else if hasPrefix .MimeType "video/" }}
  84. <div class="enclosure-video">
  85. <video controls preload="metadata">
  86. <source src="{{ .URL }}" type="{{ .MimeType }}">
  87. </video>
  88. </div>
  89. {{ else if hasPrefix .MimeType "image/" }}
  90. <div class="enclosure-image">
  91. <img src="{{ proxyURL .URL }}" title="{{ .URL }} ({{ .MimeType }})" alt="{{ .URL }} ({{ .MimeType }})">
  92. </div>
  93. {{ end }}
  94. <div class="entry-enclosure-download">
  95. <a href="{{ .URL }}" title="{{ .URL }} ({{ .MimeType }})" target="_blank" rel="noopener noreferrer" referrerpolicy="no-referrer">{{ t "Download" }}</a>
  96. <small>({{ .URL }})</small>
  97. </div>
  98. </div>
  99. {{ end }}
  100. </aside>
  101. {{ end }}
  102. </section>
  103. <div class="pagination-bottom">
  104. {{ template "entry_pagination" . }}
  105. </div>
  106. {{ end }}