<%= link_to data_vault_path, class: 'text-gray-500 hover:text-gray-700 mr-3', title: "Back to your Data Vault" do %> arrow_back <% end %>

Image Uploads

Storage Overview

This page shows all images you've uploaded to your notebook pages. You can view, download, or delete any image from here.

Storage Used
<%= Filesize.from("#{@used_kb}KB").pretty %>
Storage Remaining
<%= (current_user.upload_bandwidth_kb) > 0 ? Filesize.from("#{@remaining_kb}KB").pretty : '-' + Filesize.from("#{@remaining_kb}KB").pretty %>
Storage Usage
<%= @percent_used %>%

Need more storage?

Premium users get an extra 10GB of storage space, but you can earn even more storage space by referring friends to Notebook.ai.

<%= link_to referrals_path, class: 'inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-blue-700 bg-yellow-300 hover:bg-yellow-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-400 transition-colors' do %> people Refer Friends <% end %>

Your Images

<%= pluralize(@uploads.count, 'image') %>
<% if @uploads.empty? %>
image

No images yet

Whenever you upload any images to your notebook pages, you'll be able to view them all in a single place from here.

<% else %>
<% @uploads.each do |upload| %> <% next unless upload.content.present? %>
<%= image_tag upload.src(:medium), class: 'w-full h-60 object-cover', loading: 'lazy' %>
<%= upload.content.name %>
<%= link_to upload.content, class: "bg-#{upload.content.class.color} rounded-full p-2 shadow-md hover:opacity-90 transition-opacity", title: "View #{upload.content.name}" do %> <%= upload.content.class.icon %> <% end %>
calendar_today <%= upload.created_at.strftime("%b %d, %Y") %>
<%= time_ago_in_words upload.created_at %> ago
sd_storage <% if upload.src_file_size.present? %> <%= Filesize.from("#{upload.src_file_size / 1000}KB").pretty %> <% else %> Size unknown <% end %>
<%= link_to upload.src(:original), class: 'flex-1 py-3 text-center text-blue-600 hover:bg-blue-50 transition-colors text-sm font-medium flex items-center justify-center', target: '_blank', title: "View original image" do %> open_in_new View <% end %> <%= link_to image_deletion_path(upload.id), class: 'flex-1 py-3 text-center text-red-600 hover:bg-red-50 transition-colors text-sm font-medium flex items-center justify-center', method: 'delete', data: { confirm: "Are you sure you want to delete this image? This cannot be undone." } do %> delete Delete <% end %>
<% end %>
<% end %>