item_meta.html 5.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. {{ define "item_meta" }}
  2. <div class="item-meta">
  3. <ul class="item-meta-info">
  4. <li class="item-meta-info-title">
  5. <a href="{{ route "feedEntries" "feedID" .entry.Feed.ID }}" title="{{ .entry.Feed.SiteURL }}" data-feed-link="true">{{ truncate .entry.Feed.Title 35 }}</a>
  6. </li>
  7. <li class="item-meta-info-timestamp">
  8. <time datetime="{{ isodate .entry.Date }}" title="{{ isodate .entry.Date }}">{{ elapsed .user.Timezone .entry.Date }}</time>
  9. </li>
  10. {{ if and .user.ShowReadingTime (gt .entry.ReadingTime 0) }}
  11. <li class="item-meta-info-reading-time">
  12. <span>
  13. {{ plural "entry.estimated_reading_time" .entry.ReadingTime .entry.ReadingTime }}
  14. </span>
  15. </li>
  16. {{ end }}
  17. </ul>
  18. <ul class="item-meta-icons">
  19. <li class="item-meta-icons-read">
  20. <button
  21. aria-describedby="entry-title-{{ .entry.ID }}"
  22. title="{{ t "entry.status.title" }}"
  23. data-toggle-status="true"
  24. data-label-loading="{{ t "entry.state.saving" }}"
  25. data-label-read="{{ t "entry.status.mark_as_read" }}"
  26. data-label-unread="{{ t "entry.status.mark_as_unread" }}"
  27. data-value="{{ if eq .entry.Status "read" }}read{{ else }}unread{{ end }}"
  28. >{{ if eq .entry.Status "read" }}{{ icon "unread" }}{{ else }}{{ icon "read" }}{{ end }}<span class="icon-label">{{ if eq .entry.Status "read" }}{{ t "entry.status.mark_as_unread" }}{{ else }}{{ t "entry.status.mark_as_read" }}{{ end }}</span></button>
  29. </li>
  30. <li class="item-meta-icons-star">
  31. <button
  32. aria-describedby="entry-title-{{ .entry.ID }}"
  33. data-toggle-bookmark="true"
  34. data-bookmark-url="{{ route "toggleBookmark" "entryID" .entry.ID }}"
  35. data-label-loading="{{ t "entry.state.saving" }}"
  36. data-label-star="{{ t "entry.bookmark.toggle.on" }}"
  37. data-label-unstar="{{ t "entry.bookmark.toggle.off" }}"
  38. data-value="{{ if .entry.Starred }}star{{ else }}unstar{{ end }}"
  39. >{{ if .entry.Starred }}{{ icon "unstar" }}{{ else }}{{ icon "star" }}{{ end }}<span class="icon-label">{{ if .entry.Starred }}{{ t "entry.bookmark.toggle.off" }}{{ else }}{{ t "entry.bookmark.toggle.on" }}{{ end }}</span></button>
  40. </li>
  41. {{ if .entry.ShareCode }}
  42. <li class="item-meta-icons-share">
  43. <a href="{{ route "sharedEntry" "shareCode" .entry.ShareCode }}"
  44. aria-describedby="entry-title-{{ .entry.ID }}"
  45. title="{{ t "entry.shared_entry.title" }}"
  46. {{ if $.user.OpenExternalLinksInNewTab }}target="_blank"{{ end }}>{{ icon "share" }}<span class="icon-label">{{ t "entry.shared_entry.label" }}</span></a>
  47. </li>
  48. <li class="item-meta-icons-delete">
  49. <button
  50. aria-describedby="entry-title-{{ .entry.ID }}"
  51. data-confirm="true"
  52. data-url="{{ route "unshareEntry" "entryID" .entry.ID }}"
  53. data-label-question="{{ t "confirm.question" }}"
  54. data-label-yes="{{ t "confirm.yes" }}"
  55. data-label-no="{{ t "confirm.no" }}"
  56. data-label-loading="{{ t "confirm.loading" }}">{{ icon "delete" }}<span class="icon-label">{{ t "entry.unshare.label" }}</span></button>
  57. </li>
  58. {{ end }}
  59. {{ if .hasSaveEntry }}
  60. <li>
  61. <button
  62. aria-describedby="entry-title-{{ .entry.ID }}"
  63. title="{{ t "entry.save.title" }}"
  64. data-save-entry="true"
  65. data-save-url="{{ route "saveEntry" "entryID" .entry.ID }}"
  66. data-label-loading="{{ t "entry.state.saving" }}"
  67. data-label-done="{{ t "entry.save.completed" }}"
  68. >{{ icon "save" }}<span class="icon-label">{{ t "entry.save.label" }}</span></button>
  69. </li>
  70. {{ end }}
  71. <li class="item-meta-icons-external-url">
  72. <a href="{{ .entry.URL | safeURL }}"
  73. aria-describedby="entry-title-{{ .entry.ID }}"
  74. {{ if $.user.OpenExternalLinksInNewTab }}target="_blank"{{ end }}
  75. rel="noopener noreferrer"
  76. referrerpolicy="no-referrer"
  77. data-original-link="{{ .user.MarkReadOnView }}">{{ icon "external-link" }}<span class="icon-label">{{ t "entry.external_link.label" }}</span></a>
  78. </li>
  79. {{ if .entry.CommentsURL }}
  80. <li class="item-meta-icons-comments">
  81. <a href="{{ .entry.CommentsURL | safeURL }}"
  82. aria-describedby="entry-title-{{ .entry.ID }}"
  83. title="{{ t "entry.comments.title" }}"
  84. {{ if $.user.OpenExternalLinksInNewTab }}target="_blank"{{ end }}
  85. rel="noopener noreferrer"
  86. referrerpolicy="no-referrer"
  87. data-comments-link="true">{{ icon "comment" }}<span class="icon-label">{{ t "entry.comments.label" }}</span></a>
  88. </li>
  89. {{ end }}
  90. </ul>
  91. </div>
  92. {{ end }}