awbw/app/views/tutorials/video_library.html.erb at feb2e00a2723e4588eff980b32e752212a3c5225 · rubyforgood/awbw · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<% content_for(:page_bg_class, "public") %>
<%= render "shared/public_welcome_banner" %>

<div class="w-full max-w-7xl mx-auto <%= DomainTheme.bg_class_for(:tutorials) %> border border-gray-200 rounded-xl shadow p-6">
  <div class="w-full">
    <div class="flex items-start justify-between mb-6">
      <div class="pr-6">
        <h2 class="text-2xl font-semibold mb-2">
          Video Library
        </h2>

        <p class="text-gray-600 max-w-2xl">
          Explore our collection of tutorials, podcasts, and introductory videos
        </p>
      </div>

      <div class="text-right text-end">
        <% if allowed_to?(:new?, Tutorial) %>
          <%= link_to "New #{Tutorial.model_name.human.downcase}",
                       new_tutorial_path,
                       class: "admin-only bg-blue-100 btn btn-primary-outline" %>
        <% end %>
      </div>
    </div>

    <%= render "search_boxes" %>

    <% result_src = video_library_path + "?" + request.query_string %>

    <%= turbo_frame_tag "video_library_results", src: result_src do %>
      <div class="bg-white rounded-lg shadow-md p-6 mt-4 animate-pulse">
        <div class="space-y-4">
          <% 3.times do %>
            <div class="h-4 bg-gray-200 rounded w-3/4"></div>
          <% end %>
        </div>
      </div>
    <% end %>
  </div>
</div>