bullet_train-themes-light 1.0.9 → 1.0.12
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/MIT-LICENSE +1 -1
- data/app/assets/stylesheets/light/fields/super_select.css +7 -0
- data/app/assets/stylesheets/light/tailwind/dark-mode.css +2 -2
- data/app/views/themes/light/conversations/_card.html.erb +21 -0
- data/app/views/themes/light/conversations/_comment.html.erb +26 -0
- data/app/views/themes/light/conversations/_message.html.erb +127 -0
- data/app/views/themes/light/conversations/_thread_border.html.erb +3 -0
- data/app/views/themes/light/layouts/_account.html.erb +1 -1
- data/app/views/themes/light/layouts/_head.html.erb +2 -2
- data/app/views/themes/light/workflow/_box.html.erb +4 -5
- data/lib/bullet_train/themes/light/version.rb +1 -1
- metadata +6 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 96f779182e8373c6020cb89424e06e6ff4668995a4136b20fc5a350410464774
|
|
4
|
+
data.tar.gz: 374ce6de5236b4e9b8c1dde2ed22ea553984a334e60955b1f1a86d150b2dc4ac
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5ac02d1e6a3eb567ceaf8171349196aca74012a4418f4dd18fb2f0e3cb1002954d7938b8a5223f4ff96e2463e2163d2ea1020de0957849cfa7f020551346e8ac
|
|
7
|
+
data.tar.gz: 1585dd612e3d0b56543afd41a84e50fe2f06235ca3a1bc8c9bdbad1dd901f14e04ad31b75d029c5680e99f41e7d674887544069a652f949589e92206c6b23ce5
|
data/MIT-LICENSE
CHANGED
|
@@ -147,8 +147,8 @@
|
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
.select2-selection--multiple, .select2-selection--single {
|
|
150
|
-
@apply bg-sealBlue-300 focus:ring-blue !important;
|
|
151
|
-
@apply text-sealBlue-900
|
|
150
|
+
@apply bg-sealBlue-300 focus:ring-blue border-sealBlue-100 !important;
|
|
151
|
+
@apply text-sealBlue-900;
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
/* For the selected options in the multiple select2 component */
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<% conversation ||= subscription.conversation %>
|
|
2
|
+
|
|
3
|
+
<div class="<%= 'border-l-blue border-l-4 border-blue-700' if subscription.unread? %>">
|
|
4
|
+
|
|
5
|
+
<%= link_to [:account, current_user, :conversations, :subscriptions, conversation_id: subscription.conversation.id], class: "#{current_conversation ? 'bg-gray-100 border-l ' : 'bg-white'} h-28 p-1 flex border-b-2 cursor-pointer hover:no-underline hover:bg-gray-50 relative items-center" do %>
|
|
6
|
+
<div class="md:w-1/4 w-1/5 lg:inline-block md:hidden flex-shrink-0">
|
|
7
|
+
<img src="<%= membership_profile_photo_url(conversation.last_message&.membership || current_membership) %>" title="<%= current_membership.name %>" alt="<%= current_membership.name %>" class="md:w-14 md:h-14 w-12 h-12 rounded-full mx-auto border-1 border-white border-2 flex-none">
|
|
8
|
+
</div>
|
|
9
|
+
<div class="w-4/5 md:w-full lg:w-4/5 pl-4 pr-1 flex-initial truncate">
|
|
10
|
+
<p class="text-xs text-gray-300 text-right hover:no-underline"><%= "#{time_ago_in_words conversation.last_message.created_at} ago" unless conversation.last_message.nil? %></p>
|
|
11
|
+
<h2 class="<%= subscription.unread? ? 'font-bold text-gray-800' : 'font-semibold text-gray-600' %> "><%= conversation.subject&.label_string %></h2>
|
|
12
|
+
<div class="text-gray-300">
|
|
13
|
+
<%= conversation.last_message&.user&.label_string %>
|
|
14
|
+
</div>
|
|
15
|
+
<div class="h-8 text-gray-400 text-sm pt-1 hover:no-underline truncate">
|
|
16
|
+
<%= Nokogiri::HTML.fragment(conversation.last_message.body).text unless conversation.last_message.nil? %>
|
|
17
|
+
</div>
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<% end %>
|
|
21
|
+
</div>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<% new_message ||= false %>
|
|
2
|
+
<% current_user_message = message.membership.user == current_user %>
|
|
3
|
+
<% avatar = capture do %>
|
|
4
|
+
<img src="<%= membership_profile_photo_url(message.membership) %>" title="<%= message.membership.name %>" alt="<%= message.membership.name %>" class="w-10 h-10 rounded-full <%= current_user_message ? 'order-2' : 'order-1' %>">
|
|
5
|
+
<% end %>
|
|
6
|
+
|
|
7
|
+
<div class="flex py-3 px-2 text-gray-700 <%= message.reply? ? 'border w-full bg-gray-50 rounded-md' : 'border-b' %> <%= 'opacity-30' if new_message %>">
|
|
8
|
+
<div class="mr-3 min-w-max"><%= avatar %></div>
|
|
9
|
+
<div class="flex flex-col w-full">
|
|
10
|
+
<div class=""><span class="uppercase font-bold text-gray-500"><%= message.user.name %></span><span class="font-extralight text-xs text-gray-400"> • <%= time_ago_in_words message.created_at %> ago</span></div>
|
|
11
|
+
<div class="py-2"><%= trix_sanitize message.body %></div>
|
|
12
|
+
<% if message.replies.any? %>
|
|
13
|
+
<div class="space-y-2 mt-2 mb-2">
|
|
14
|
+
<% message.replies.oldest.each do |reply| %>
|
|
15
|
+
<%= render 'account/shared/comment', message: reply %>
|
|
16
|
+
<% end %>
|
|
17
|
+
</div>
|
|
18
|
+
<% end %>
|
|
19
|
+
<% unless message.reply? %>
|
|
20
|
+
<%= turbo_frame_tag "reply_#{message.id}" do %>
|
|
21
|
+
<%= link_to "Reply", [:reply, :account, message], class: "font-light text-sm text-gray-400 hover:text-gray-500 pt-2" %>
|
|
22
|
+
<% end %>
|
|
23
|
+
<% end %>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
</div>
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
<% new_message ||= false %>
|
|
2
|
+
<% current_user_message = message.membership.user == current_user %>
|
|
3
|
+
<% avatar = capture do %>
|
|
4
|
+
<img src="<%= membership_profile_photo_url(message.membership) %>" title="<%= message.membership.name %>" alt="<%= message.membership.name %>" class="w-6 h-6 rounded-full <%= current_user_message ? 'order-2' : 'order-1' %>">
|
|
5
|
+
<% end %>
|
|
6
|
+
<% next_message ||= message.next_message %>
|
|
7
|
+
|
|
8
|
+
<%# A message series is a series of messages by the same user, each message within 5 minutes of the previous message. It has nothing to do with replies and message threads %>
|
|
9
|
+
<% next_message_in_series = (message.user == next_message&.user) && (message.created_at > next_message.created_at - 5.minutes) && (message.parent_message_id == next_message&.parent_message_id || message.id == next_message.parent_message_id)%>
|
|
10
|
+
<% if next_message_in_series %>
|
|
11
|
+
<% avatar = nil %>
|
|
12
|
+
<% end %>
|
|
13
|
+
|
|
14
|
+
<%# We set this to true when rendering the messages for the reply view. All messages in the thread are shown in order without any other messages from the conversation %>
|
|
15
|
+
<% show_as_thread ||= false %>
|
|
16
|
+
|
|
17
|
+
<%# placeholder messages are used when displaying a reply to a message that we need to show out of order with the rest %>
|
|
18
|
+
<% placeholder_message ||= false %>
|
|
19
|
+
|
|
20
|
+
<% if avatar.nil? %>
|
|
21
|
+
<% avatar = capture do %>
|
|
22
|
+
<div style="height: 24px; width: 24px;" class="<%= current_user_message ? 'order-2' : 'order-1' %>"></div>
|
|
23
|
+
<% end %>
|
|
24
|
+
<% end %>
|
|
25
|
+
|
|
26
|
+
<% rounding_modifier = message_corner_class(next_message_in_series, current_user_message) %>
|
|
27
|
+
|
|
28
|
+
<% timestamp = next_message_in_series || show_as_thread ? '' : time_ago_in_words(message.created_at) + " ago" %>
|
|
29
|
+
|
|
30
|
+
<% threaded_message = message.threaded? %>
|
|
31
|
+
<% thread_started_by_current_user = message.thread_origin_user == current_user %>
|
|
32
|
+
<% last_message_in_thread = !placeholder_message && threaded_message && (message.next_message.nil? || message.next_message.thread_id != message.thread_id)%>
|
|
33
|
+
<% out_of_thread_message = !show_as_thread && threaded_message && message.reply? && message.previous_message != message.previous_message_in_thread %>
|
|
34
|
+
<% has_replies = message.replies.any? && message.next_message == message.next_message_in_thread %>
|
|
35
|
+
<% border_side = thread_started_by_current_user ? :left : :right %>
|
|
36
|
+
<% show_borders = !show_as_thread && threaded_message %>
|
|
37
|
+
|
|
38
|
+
<% if out_of_thread_message %>
|
|
39
|
+
<%= render 'account/shared/message', message: message.thread_origin_message, next_message: message, placeholder_message: true, show_as_thread: show_as_thread %>
|
|
40
|
+
<% end %>
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
<div class="chat-message"
|
|
44
|
+
<% unless show_as_thread %>
|
|
45
|
+
data-reply-target="message"
|
|
46
|
+
data-user="<%= message.membership.label_string %>"
|
|
47
|
+
data-message-id="<%= message.parent_message_id || message.id %>"
|
|
48
|
+
data-action="mouseleave->reply#hideReplyButton"
|
|
49
|
+
<% end %>
|
|
50
|
+
>
|
|
51
|
+
<div class="group flex <%= 'justify-end' if current_user_message %> <%= 'opacity-20' if new_message %> items-stretch">
|
|
52
|
+
<% if show_borders %>
|
|
53
|
+
<% if (has_replies || placeholder_message) %>
|
|
54
|
+
<%= message_thread_border(side: border_side, position: :start) unless show_as_thread %>
|
|
55
|
+
<% end %>
|
|
56
|
+
<% if message.reply? && ((current_user_message && thread_started_by_current_user) || (!current_user_message && !thread_started_by_current_user) ) %>
|
|
57
|
+
<%= message_thread_border(side: border_side, position: (last_message_in_thread ? :end : :middle)) %>
|
|
58
|
+
<% end %>
|
|
59
|
+
<% end %>
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
<div class="flex flex-col <%= 'mb-0.5' if next_message_in_series %>">
|
|
63
|
+
<div class="flex items-end relative <%= 'justify-end' if current_user_message %>" data-action="<%= 'click->reply#preventDefault' if show_as_thread %>">
|
|
64
|
+
<div class="flex flex-col space-y-2 text-xs max-w-xs mx-2 <%= current_user_message ? 'order-1 items-end' : 'order-3 items-start' %> z-10 transition-all duration-300"
|
|
65
|
+
data-action="<%= 'mouseenter->reply#showReplyButton click->reply#showReplyButton' unless placeholder_message || show_as_thread %>" data-show-class="<%= current_user_message ? 'mr-10' : 'ml-10' %>"
|
|
66
|
+
>
|
|
67
|
+
<% if placeholder_message %>
|
|
68
|
+
<div class="cursor-pointer" data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>" data-action="click->reply#reply"><span class="px-2 py-1 text-xs text-gray-300 rounded-lg inline-block <%= rounding_modifier %> border-blue-300 border break-words sm:max-w-sm max-w-tiny"><%= Nokogiri::HTML.fragment(trix_sanitize(message.body)).text.truncate(80) %></span></div>
|
|
69
|
+
<% else %>
|
|
70
|
+
<div><span class="px-4 py-2 rounded-lg inline-block <%= rounding_modifier %> <%= current_user_message ? ' bg-blue-600 text-white' : ' bg-gray-300 text-gray-600' %> "><%= trix_sanitize(message.body) %></span></div>
|
|
71
|
+
<% end %>
|
|
72
|
+
</div>
|
|
73
|
+
<%= avatar %>
|
|
74
|
+
<% unless placeholder_message || show_as_thread %>
|
|
75
|
+
<div class="order-2 absolute text-gray-400 bottom-1 hover:text-gray-500 <%= current_user_message ? 'right-10' : 'left-10' %> z-0">
|
|
76
|
+
<button
|
|
77
|
+
data-action="click->reply#reply"
|
|
78
|
+
data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>"
|
|
79
|
+
>
|
|
80
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 stroke-current" fill="none" viewBox="0 0 24 24">
|
|
81
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6" />
|
|
82
|
+
</svg>
|
|
83
|
+
</button>
|
|
84
|
+
</div>
|
|
85
|
+
<% end %>
|
|
86
|
+
</div>
|
|
87
|
+
<% if message.replies.any? && !show_as_thread %>
|
|
88
|
+
<div class="<%= 'text-right' if current_user_message %>">
|
|
89
|
+
<button class="text-xs text-blue-400 text-right mr-12 ml-12" data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>" data-action="reply#reply"><%= message.replies.size %> <%= t("conversations/messages.navigation.reply").pluralize(message.replies.size) %></button>
|
|
90
|
+
</div>
|
|
91
|
+
<% end %>
|
|
92
|
+
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
<% unless next_message_in_series || placeholder_message %>
|
|
96
|
+
<div class="flex">
|
|
97
|
+
<% if show_borders && !last_message_in_thread %>
|
|
98
|
+
<% if (thread_started_by_current_user && current_user_message) || (!thread_started_by_current_user && !current_user_message) %>
|
|
99
|
+
<%= message_thread_border(side: border_side, position: :middle) %>
|
|
100
|
+
<% end %>
|
|
101
|
+
<% end %>
|
|
102
|
+
|
|
103
|
+
<div class="flex flex-grow order-1 <%= current_user_message ? 'justify-end items-end pr-8' : 'justify-start items-start pl-8' %> <%= 'mb-3' unless next_message_in_series %>">
|
|
104
|
+
<div class="<%= show_as_thread ? 'text-gray-400' : 'text-gray-300' %> text-sm">
|
|
105
|
+
<strong><%= message.user.name %></strong>
|
|
106
|
+
<%= timestamp %>
|
|
107
|
+
</div>
|
|
108
|
+
</div>
|
|
109
|
+
</div>
|
|
110
|
+
<% end %>
|
|
111
|
+
<% if message.replies.any? && false %>
|
|
112
|
+
<div class="mb-4">
|
|
113
|
+
<% message.replies.each do |reply| %>
|
|
114
|
+
<div class="flex text-xs font-extralight text-gray-300 ml-12">
|
|
115
|
+
<div class="<%= 'w-full' if current_user_message %>"></div>
|
|
116
|
+
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 682" class="w-5 h-5 stroke-current mt-4 text-gray-50 fill-current">
|
|
117
|
+
<path d="M0 57.7c.1 145.1 4.1 224 14.5 281.1 19.4 106.3 65.2 156.4 166.3 181.7 48.7 12.1 111.4 18.8 211.7 22.5 23.8.9 196.6 2.8 268.2 3H683l.2 67.8.3 67.8 170.3-102.1L1024 477.3l-170.2-102-170.3-102-.3 67.8-.2 67.9h-75.8c-184.7 0-266.9-4.8-327.2-19-34.2-8.1-62.8-21.1-81.2-37-36.1-31.3-52.3-76.8-58.8-165.5-2-28-3-69.2-3-127.8V0H0v57.7z"/>
|
|
118
|
+
</svg>
|
|
119
|
+
<div class="flex flex-col mr-10 min-w-max">
|
|
120
|
+
<div class="pt-0 mr-2 ml-4 text-xxs"><%= reply.membership.label_string %> reply: </div>
|
|
121
|
+
<div class="bg-gray-100 rounded py-2 px-4 mt-0 text-gray-400 max-w-md"><%= reply.body.html_safe %></div>
|
|
122
|
+
</div>
|
|
123
|
+
</div>
|
|
124
|
+
<% end %>
|
|
125
|
+
</div>
|
|
126
|
+
<% end %>
|
|
127
|
+
</div>
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
<% menu = capture do %>
|
|
17
17
|
<div class="flex items-center flex-shrink-0 p-4 bg-blue-darker md:rounded-tl-lg electron-draggable electron-title-bar dark:bg-black dark:bg-opacity-10">
|
|
18
|
-
<%= image_tag image_path(
|
|
18
|
+
<%= image_tag image_path("logo/logo.png"), class: 'h-5 w-auto mx-auto' %>
|
|
19
19
|
|
|
20
20
|
<div class="lg:hidden absolute right-0">
|
|
21
21
|
<button class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white dark:ring-transparent"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<%= stylesheet_link_tag 'https://rsms.me/inter/inter.css', media: 'all', 'data-turbo-track': 'reload' %>
|
|
2
|
-
<link href="<%= image_path('
|
|
3
|
-
<link href="<%= image_path('
|
|
2
|
+
<link href="<%= image_path('logo/favicon.png') %>" rel="shortcut icon" />
|
|
3
|
+
<link href="<%= image_path('logo/icon.png') %>" rel="apple-touch-icon" />
|
|
4
4
|
<%= javascript_include_tag 'application', 'data-turbo-track': 'reload' %>
|
|
5
5
|
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbo-track': 'reload' %>
|
|
6
6
|
<%= javascript_include_tag 'application.light', 'data-turbo-track': 'reload' %>
|
|
@@ -7,14 +7,14 @@
|
|
|
7
7
|
<div class="bg-white py-8 px-10 shadow rounded-lg dark:bg-sealBlue-400">
|
|
8
8
|
<div class="sm:mx-auto sm:w-full sm:max-w-md py-5">
|
|
9
9
|
<a href="<%= main_app.root_path %>" class="block py-3">
|
|
10
|
-
<img alt="" src="<%= image_path("
|
|
10
|
+
<img alt="" src="<%= image_path("logo/logo.png") %>" width="<%= image_width_for_height("logo/logo.png", BulletTrain::Themes.logo_height) %>" height="<%= BulletTrain::Themes.logo_height %>" class="mx-auto h-12 w-auto" />
|
|
11
11
|
</a>
|
|
12
12
|
|
|
13
13
|
<h1 class="mt-6 text-center text-3xl font-semibold tracking-tight dark:text-white">
|
|
14
14
|
<%= p.yield :title %>
|
|
15
15
|
</h1>
|
|
16
16
|
|
|
17
|
-
<%= render "
|
|
17
|
+
<%= render "shared/line" %>
|
|
18
18
|
</div>
|
|
19
19
|
|
|
20
20
|
<div class="electron-undraggable pt-5 space-y-5">
|
|
@@ -24,8 +24,7 @@
|
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
26
|
|
|
27
|
-
<% #
|
|
27
|
+
<% # We have to list out every option we want to be available at runtime so they're included in our Tailwind output. %>
|
|
28
28
|
<% if false %>
|
|
29
|
-
<div class="max-w-md"></div>
|
|
30
|
-
<div class="max-w-lg"></div>
|
|
29
|
+
<div class="max-w-md max-w-lg"></div>
|
|
31
30
|
<% end %>
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: bullet_train-themes-light
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.0.
|
|
4
|
+
version: 1.0.12
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Andrew Culver
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2022-
|
|
11
|
+
date: 2022-04-26 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -80,6 +80,10 @@ files:
|
|
|
80
80
|
- app/views/themes/light/attributes/_block.html.erb
|
|
81
81
|
- app/views/themes/light/breadcrumbs/_actions.html.erb
|
|
82
82
|
- app/views/themes/light/commentary/_box.html.erb
|
|
83
|
+
- app/views/themes/light/conversations/_card.html.erb
|
|
84
|
+
- app/views/themes/light/conversations/_comment.html.erb
|
|
85
|
+
- app/views/themes/light/conversations/_message.html.erb
|
|
86
|
+
- app/views/themes/light/conversations/_thread_border.html.erb
|
|
83
87
|
- app/views/themes/light/fields/_field.html.erb
|
|
84
88
|
- app/views/themes/light/forms/_errors.html.erb
|
|
85
89
|
- app/views/themes/light/layouts/_account.html.erb
|