docbrown/app/views/dashboards/subscriptions.html.erb
yheuhtozr e88d1adb47
views/dashboards i18n (#15069)
* views/dashboards etc i18n

* remove ja.yml

* Update en.yml

* Update fr.yml

* Update index.html.erb

* Update index.html.erb

* Update _dashboard_article.html.erb

* Update subscriptions.html.erb

* Update dashboard_spec.rb

* Update _actions.html.erb
2021-11-29 07:19:16 -07:00

39 lines
1.9 KiB
Text

<% title t("views.dashboard.subscriptions.meta.title", title: @source.title) %>
<div class="crayons-layout">
<main id="main-content">
<section class="flex items-center justify-between p-2 m:p-0">
<div>
<h1 class="crayons-title"><% t("views.dashboard.subscriptions.heading") %></h1>
<h2 class="fs-base s:fs-xl fw-medium">
<%= t "views.dashboard.subscriptions.subhead.text_html", for: tag.em(t("views.dashboard.subscriptions.subhead.for"), class: %w[fs-italic fw-normal color-base-60]), source: link_to(@source.title, @source.path) %>
</h2>
</div>
<%#TODO: [@forem/delightful]: uncomment this when ready to implement CSV exports%>
<%#<button type="button" class="crayons-btn crayons-btn--secondary">Export CSV</button>%>
</section>
<% if @subscriptions.any? %>
<table class="crayons-table w-100">
<tbody class="crayons-card">
<% @subscriptions.each do |subscription| %>
<% subscriber = subscription.subscriber %>
<tr>
<td class="fw-medium"><a href=<%= user_profile_path(subscriber.username) %> <%= "#{subscriber.name} DEV profile" %>><%= subscriber.name %></a></td>
<td><a href="<%= "mailto: #{subscription.subscriber_email}" %>"><%= subscription.subscriber_email %></a></td>
<td class="fs-s color-base-60"><%= time_ago_in_words subscription.created_at, scope: :"datetime.distance_in_words_ago" %></td>
</tr>
<% end %>
</tbody>
</table>
<div class="my-4 pl-3">
<%= paginate @subscriptions, params: { i: nil } %>
</div>
<% else %>
<div class="p-9 crayons-card crayons-card--secondary align-center fs-l h-100 flex items-center justify-center">
<%= t("views.dashboard.subscriptions.empty", kind: @source.class.name.downcase) %>
</div>
<% end %>
</main>
</div>