awbw/app/views/dashboard/admin.html.erb at ba87d3e70fb26388ac95f31e51a6a4555b94d650 · 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<section class="mt-10 px-8">
  <div class="flex flex-col items-start mb-4">
    <h2 class="text-3xl text-gray-700 m-2">Admin Dashboard</h2>
  </div>

  <div class="flex gap-6">
    <!-- Column 1 -->
    <div class="flex flex-col gap-4 flex-1">
      System settings
      <% @system_cards.each do |card| %>
        <a href="<%= card[:path] %>"
           class="flex items-center gap-6 rounded-lg shadow-lg border border-gray-200
                  <%= card[:bg_color] %> <%= card[:text_color] %>
                  hover:bg-gray-100 transition-colors transition-shadow duration-300 p-4">
          <div class="text-5xl text-gray-700 flex-shrink-0">
            <%= card[:icon] %>
          </div>

          <div class="flex-1">
            <h3 class="text-xl font-bold text-gray-800 break-words"><%= card[:title] %></h3>
          </div>

        </a>
      <% end %>
      <% @reference_cards.each do |card| %>
        <a href="<%= card[:path] %>"
           class="flex items-center gap-6 rounded-lg shadow-lg border border-gray-200
                  <%= card[:bg_color] %> <%= card[:text_color] %>
                  hover:bg-gray-100 transition-colors transition-shadow duration-300 p-4">

          <div class="text-5xl text-gray-700 flex-shrink-0">
            <%= card[:icon] %>
          </div>

          <div class="flex-1">
            <h3 class="text-xl font-bold text-gray-800 break-words"><%= card[:title] %></h3>
          </div>

        </a>
      <% end %>
    </div>

    <!-- Column 2 -->
    <div class="flex flex-col gap-4 flex-1">
      User-generated content
      <% @user_content_cards.each do |card| %>
        <a href="<%= card[:path] %>"
           class="flex items-center gap-6 rounded-lg shadow-lg border border-gray-200
                  <%= card[:bg_color] %> <%= card[:text_color] %>
                  hover:bg-gray-100 transition-colors transition-shadow duration-300 p-4">

          <div class="text-5xl text-gray-700 flex-shrink-0">
            <%= card[:icon] %>
          </div>

          <div class="flex-1">
            <h3 class="text-xl font-bold text-gray-800 break-words"><%= card[:title] %></h3>
          </div>

        </a>
      <% end %>
    </div>
  </div>
</section>

<div class="hidden
    bg-black
    bg-gray-50 bg-gray-100 bg-gray-200 bg-gray-500
    bg-blue-50 bg-blue-100 bg-blue-200 bg-blue-500
    bg-green-50 bg-green-100 bg-green-200 bg-green-500
    bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-500
    bg-orange-50 bg-orange-100 bg-orange-200 bg-orange-500
    bg-pink-50 bg-pink-100 bg-pink-200 bg-pink-500
    bg-purple-50 bg-purple-100 bg-purple-200 bg-purple-500
    bg-red-800
    bg-rose-50 bg-rose-100 bg-rose-200 bg-rose-500
    bg-yellow-50 bg-yellow-100 bg-yellow-200

    text-gray-50 text-transparent
    text-blue-800
    text-green-800 text-green-200
    text-indigo-800
    text-orange-800
    text-pink-800
    text-purple-800
    text-red-800
    text-yellow-800">
</div>