git.squeep.com Git - akkoma/blob - lib/pleroma/web/templates/static_fe/static_fe/_notice.html.eex

   1 <div class="status-container" <%= if @selected do %> id="selected" <% end %>>
   2   <div class="left-side">
   3     <a href="<%= (@user.uri || @user.ap_id) %>" rel="author noopener">
   4       <div class="avatar">
   5         <img
   6           class="u-photo" width="48" height="48"
   7           src="<%= User.avatar_url(@user) |> MediaProxy.url %>"
   8           title="<%= @user.nickname %>" alt="<%= @user.nickname %>"
   9         />
  10       </div>
  11     </a>
  12   </div>
  13   <div class="right-side">
  14     <div class="status-heading">
  15       <div class="heading-name-row">
  16         <div class="heading-left">
  17           <h4 class="username">
  18             <%= raw Formatter.emojify(@user.name, @user.emoji) %>
  19           </h4>
  20           <a href="<%= (@user.uri || @user.ap_id) %>" class="account-name">
  21             <%= @user.nickname %>
  22           </a>
  23         </div>
  24         <div class="heading-right">
  25           <a class="timeago" href="<%= @link %>">
  26             <time
  27               class="dt-published" datetime="<%= @published %>"
  28               title="<%= format_date(@published) %>"
  29             >
  30               <%= time_ago(@published) %>
  31             </time>
  32           </a>
  33           <%= if @visibility == "public" do %>
  34           <img class="fa-icon" src="/static-fe/svg/globe-solid.svg">
  35           <% else %>
  36           <%= if @visibility == "unlisted" do %>
  37           <img class="fa-icon" src="/static-fe/svg/lock-open-solid.svg">
  38           <% end %>
  39           <% end %>
  40         </div>
  41       </div>
  42       <%= if @reply_to do %>
  43       <div class="heading-reply-row">
  44         <a class="reply-to-link" href="<%= @reply_to %>">
  45           <img class="fa-icon" src="/static-fe/svg/reply-solid.svg">
  46           <%= gettext("Reply to") %>
  47         </a>
  48         <span class="h-card">
  49           <a href="<%= (@reply_to_user.uri || @reply_to_user.ap_id) %>" class="u-url mention">
  50             @<%= @reply_to_user.nickname %>
  51           </a>
  52         </span>
  53       </div>
  54       <% end %>
  55       <%= if @edited_at do %>
  56       <div class="heading-edited-row">
  57         <%= gettext("Edited %{timeago}", timeago: time_ago(@edited_at)) %>
  58       </div>
  59       <% end %>
  60     </div>
  61     <div class="status-content">
  62       <%= if @title && @title != "" do %>
  63       <span class="status-summary"><%= raw @title %></span>
  64       <details <%= if open_content?() do %>open<% end %>>
  65         <summary><%= gettext("Show content") %></summary>
  66       <% end %>
  67         <div class="status-body">
  68           <%= raw @content %>
  69           <%= if @poll && length(@poll) > 0 do %>
  70           <div class="poll">
  71             <%= for %{"name" => option, "replies" => %{"totalItems" => count}} <- @poll do %>
  72             <div class="poll-option" title="<%= count %>/<%= @total_votes %>">
  73               <span class="percentage"><%= poll_percentage(count, @total_votes) %></span>
  74               <span><%= raw option %></span>
  75               <div class="fill" style="width: <%= poll_percentage(count, @total_votes) %>"></div>
  76             </div>
  77             <% end %>
  78           </div>
  79           <% end %>
  80           <%= if length(@attachment) > 0 do %>
  81           <div class="attachments">
  82             <%= for attachment = %{"url" => [url | _]} <- @attachment do %>
  83               <%= render("_attachment.html", %{name: get_attachment_name(attachment),
  84                   url: url["href"], mediaType: fetch_media_type(url), nsfw: @sensitive}) %>
  85             <% end %>
  86           </div>
  87           <% end %>
  88         </div>
  89       <%= if @title && @title != "" do %>
  90       </details>
  91       <% end %>
  92     </div>
  93     <!-- <div class="emoji-reactions"></div> -->
  94     <div class="status-actions">
  95       <div>
  96         <img class="fa-icon" src="/static-fe/svg/reply-solid.svg">
  97         <span class="action-count"><%= @counts.replies %></span>
  98       </div>
  99       <div>
 100         <img class="fa-icon" src="/static-fe/svg/retweet-solid.svg">
 101         <span class="action-count"><%= @counts.announces %></span>
 102       </div>
 103       <div>
 104         <img class="fa-icon" src="/static-fe/svg/star-regular.svg">
 105         <span class="action-count"><%= @counts.likes %></span>
 106       </div>
 107     </div>
 108   </div>
 109 </div>