item_meta.html 5.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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>{{ plural "entry.estimated_reading_time" .entry.ReadingTime .entry.ReadingTime }}</span>
  13. </li>
  14. {{ end -}}
  15. </ul>
  16. <ul class="item-meta-icons">
  17. <li class="item-meta-icons-read">
  18. <button
  19. aria-describedby="entry-title-{{ .entry.ID }}"
  20. title="{{ t "entry.status.title" }}"
  21. data-toggle-status="true"
  22. data-label-loading="{{ t "entry.state.saving" }}"
  23. data-label-read="{{ t "entry.status.mark_as_read" }}"
  24. data-label-unread="{{ t "entry.status.mark_as_unread" }}"
  25. data-value="{{ if eq .entry.Status "read" }}read{{ else }}unread{{ end }}"
  26. >{{ 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>
  27. </li>
  28. <li class="item-meta-icons-star">
  29. <button
  30. aria-describedby="entry-title-{{ .entry.ID }}"
  31. data-toggle-starred="true"
  32. data-star-url="{{ route "toggleStarred" "entryID" .entry.ID }}"
  33. data-label-loading="{{ t "entry.state.saving" }}"
  34. data-label-star="{{ t "entry.starred.toggle.on" }}"
  35. data-label-unstar="{{ t "entry.starred.toggle.off" }}"
  36. data-value="{{ if .entry.Starred }}star{{ else }}unstar{{ end }}"
  37. >{{ if .entry.Starred }}{{ icon "unstar" }}{{ else }}{{ icon "star" }}{{ end }}<span class="icon-label">{{ if .entry.Starred }}{{ t "entry.starred.toggle.off" }}{{ else }}{{ t "entry.starred.toggle.on" }}{{ end }}</span></button>
  38. </li>
  39. {{ if .entry.ShareCode }}
  40. <li class="item-meta-icons-share">
  41. <a href="{{ route "sharedEntry" "shareCode" .entry.ShareCode }}"
  42. aria-describedby="entry-title-{{ .entry.ID }}"
  43. title="{{ t "entry.shared_entry.title" }}"
  44. {{ if $.user.OpenExternalLinksInNewTab }}target="_blank"{{ end }}>{{ icon "share" }}<span class="icon-label">{{ t "entry.shared_entry.label" }}</span></a>
  45. </li>
  46. <li class="item-meta-icons-delete">
  47. <button
  48. aria-describedby="entry-title-{{ .entry.ID }}"
  49. data-confirm="true"
  50. data-url="{{ route "unshareEntry" "entryID" .entry.ID }}"
  51. data-label-question="{{ t "confirm.question" }}"
  52. data-label-yes="{{ t "confirm.yes" }}"
  53. data-label-no="{{ t "confirm.no" }}"
  54. data-label-loading="{{ t "confirm.loading" }}">{{ icon "delete" }}<span class="icon-label">{{ t "entry.unshare.label" }}</span></button>
  55. </li>
  56. {{ end -}}
  57. {{ if .hasSaveEntry }}
  58. <li>
  59. <button
  60. aria-describedby="entry-title-{{ .entry.ID }}"
  61. title="{{ t "entry.save.title" }}"
  62. data-save-entry="true"
  63. data-save-url="{{ route "saveEntry" "entryID" .entry.ID }}"
  64. data-label-loading="{{ t "entry.state.saving" }}"
  65. data-label-done="{{ t "entry.save.completed" }}"
  66. >{{ icon "save" }}<span class="icon-label">{{ t "entry.save.label" }}</span></button>
  67. </li>
  68. {{ end -}}
  69. <li class="item-meta-icons-external-url">
  70. <a href="{{ .entry.URL | safeURL }}"
  71. aria-describedby="entry-title-{{ .entry.ID }}"
  72. {{ if $.user.OpenExternalLinksInNewTab }}target="_blank"{{ else }}rel="noopener"{{ end }}
  73. data-original-link="{{ .user.MarkReadOnView }}">{{ icon "external-link" }}<span class="icon-label">{{ t "entry.external_link.label" }}</span></a>
  74. </li>
  75. {{ if .entry.CommentsURL }}
  76. <li class="item-meta-icons-comments">
  77. <a href="{{ .entry.CommentsURL | safeURL }}"
  78. aria-describedby="entry-title-{{ .entry.ID }}"
  79. title="{{ t "entry.comments.title" }}"
  80. {{ if $.user.OpenExternalLinksInNewTab }}target="_blank"{{ else }}rel="noopener"{{ end }}
  81. data-comments-link="true">{{ icon "comment" }}<span class="icon-label">{{ t "entry.comments.label" }}</span></a>
  82. </li>
  83. {{ end -}}
  84. </ul>
  85. </div>
  86. {{ end }}