<commit_before><div class="o-download">
  <%= button_to "Download this dataset", @resource.download_uri, class: 'o-download__files' %>
</div>

<div class="c-sidebox">
  <h3 class="c-sidebox__heading">Data Files</h3>
  <% @id.resources.submitted.by_version.each do |resource| %>
    <details class="c-file-group" role="group">
      <summary class="o-showhide__summary c-file-group__summary">
      Version <%= resource.version.version %></summary>
      <ul class="c-file-group__list">
    <% resource.file_uploads.each do |fu| %>
      <li><%= fu.upload_file_name %>&nbsp;<%= filesize(fu.upload_file_size) %></li>
    <% end %>
      </ul>
    </details>
  <% end %>
</div>

<div class="c-sidebox">
  <h3 class="c-sidebox__heading">Metrics</h3>
  (view icon): <%= @id.view_count %><br/>
  (downloads icon): <%= @id.download_count %>
</div>

<div class="c-sidebox">
  <h3 class="c-sidebox__heading">Keywords</h3>
  <div id="show_subjects"
       data-load="<%= metadata_url_helpers.subjects_landing_path(resource_id: @resource.id, format: :js) %>">
    <%= image_tag 'stash_engine/spinner.gif', size: '80x60', alt: 'Loading spinner' %>
  </div>
</div>

<div class="c-sidebox">
  <h3 class="c-sidebox__heading">License</h3>
  <div id="show_license"
       data-load="<%= metadata_url_helpers.license_details_path(resource_id: @resource.id, format: :js) %>">
    <%= image_tag 'stash_engine/spinner.gif', size: '80x60', alt: 'Loading spinner' %>
  </div>
</div><commit_msg>integrate sidebar metrics component and images<commit_after><div class="o-download">
  <%= button_to "Download this dataset", @resource.download_uri, class: 'o-download__files' %>
</div>

<div class="c-sidebox">
  <h3 class="c-sidebox__heading">Data Files</h3>
  <% @id.resources.submitted.by_version.each do |resource| %>
    <details class="c-file-group" role="group">
      <summary class="o-showhide__summary c-file-group__summary">
      Version <%= resource.version.version %></summary>
      <ul class="c-file-group__list">
    <% resource.file_uploads.each do |fu| %>
      <li><%= fu.upload_file_name %>&nbsp;<%= filesize(fu.upload_file_size) %></li>
    <% end %>
      </ul>
    </details>
  <% end %>
</div>

<div class="c-sidebox">
  <h3 class="c-sidebox__heading">Metrics</h3>
  <div class="o-metrics">
    <div class="o-metrics__metric">
      <div class="o-metrics__group">
        <%= image_tag 'stash_engine/icon_eye.svg', class: 'o-metrics__icon', alt: '' %>
        <span class="o-metrics__label">views</span>
      </div>
      <span class="o-metrics__number"><%= @id.view_count %></span>
    </div>
    <div class="o-metrics__metric">
      <div class="o-metrics__group">
        <%= image_tag 'stash_engine/icon_graph.svg', class: 'o-metrics__icon', alt: '' %>
        <span class="o-metrics__label">downloads</span>
      </div>
      <span class="o-metrics__number"><%= @id.download_count %></span>
    </div>
  </div>
</div>

<div class="c-sidebox">
  <h3 class="c-sidebox__heading">Keywords</h3>
  <div id="show_subjects"
       data-load="<%= metadata_url_helpers.subjects_landing_path(resource_id: @resource.id, format: :js) %>">
    <%= image_tag 'stash_engine/spinner.gif', size: '80x60', alt: 'Loading spinner' %>
  </div>
</div>

<div class="c-sidebox">
  <h3 class="c-sidebox__heading">License</h3>
  <div id="show_license"
       data-load="<%= metadata_url_helpers.license_details_path(resource_id: @resource.id, format: :js) %>">
    <%= image_tag 'stash_engine/spinner.gif', size: '80x60', alt: 'Loading spinner' %>
  </div>
</div>
{'fraction_non_alphanumeric': 0.19830508474576272, 'fraction_numerical': 0.00903954802259887, 'mean_word_length': 4.20735294117647, 'pattern_counts': {'":': 0, '<': 112, '<?xml version=': 0, '>': 112, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 12, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '818375', 'n_tokens_mistral': 1351, 'n_tokens_neox': 1285, 'n_words': 222}