bullet_train-themes-light 1.0.7 → 1.0.10

data/app/assets/stylesheets/light/tailwind/utilities.css

@@ -0,0 +1,49 @@
+@layer utilities {
+  .text-2xs {
+    @apply uppercase;
+    font-size: 0.65rem;
+    line-height: 0.9rem;
+    letter-spacing: 1px;
+  }
+
+  .space-y {
+    @apply space-y-5;
+  }
+
+  .space-x {
+    @apply space-x-3;
+  }
+
+  .gap-y {
+    @apply gap-y-5;
+  }
+
+  .gap-x {
+    @apply gap-x-4;
+  }
+
+  .bg-dark-blue-gradient {
+    background-image: linear-gradient(to bottom, #1c4cc3 0%, #0e369a 100%);
+  }
+
+  .bg-dark-awesome-gradient {
+    background-image: linear-gradient(to bottom right, darken(#D7BBEA, 45%) 10%, #0e369a 100%);
+  }
+
+  .bg-light-blue-gradient {
+    &:before {
+      content: "";
+      position: fixed;
+      z-index: -1;
+      background: linear-gradient(to bottom right, #D7BBEA, #65A8F1);
+      top: 0px;
+      left: 0px;
+      bottom: 0px;
+      right: 0px;
+    }
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+}

data/app/assets/stylesheets/light.tailwind.css

@@ -1,3 +1,5 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+
+@import "light/application";

data/app/assets/stylesheets/tailwindcss/base.css

@@ -0,0 +1 @@
+@tailwind base;

data/app/assets/stylesheets/tailwindcss/components.css

@@ -0,0 +1 @@
+@tailwind components;

data/app/assets/stylesheets/tailwindcss/utilities.css

@@ -0,0 +1 @@
+@tailwind utilities;

data/app/views/themes/light/conversations/_card.html.erb

@@ -0,0 +1,21 @@
+<% conversation ||= subscription.conversation %>
+
+<div class="<%= 'border-l-blue border-l-4 border-blue-700' if subscription.unread? %>">
+
+  <%= 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 %>
+    <div class="md:w-1/4 w-1/5 lg:inline-block md:hidden flex-shrink-0">
+      <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">
+    </div>
+    <div class="w-4/5 md:w-full lg:w-4/5 pl-4 pr-1 flex-initial truncate">
+      <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>
+      <h2 class="<%= subscription.unread? ? 'font-bold text-gray-800' : 'font-semibold text-gray-600' %> "><%= conversation.subject&.label_string %></h2>
+      <div class="text-gray-300">
+        <%= conversation.last_message&.user&.label_string %>
+      </div>
+      <div class="h-8 text-gray-400 text-sm pt-1 hover:no-underline truncate">
+        <%= Nokogiri::HTML.fragment(conversation.last_message.body).text unless conversation.last_message.nil? %>
+      </div>
+    </div>
+
+  <% end %>
+</div>

data/app/views/themes/light/conversations/_comment.html.erb

@@ -0,0 +1,26 @@
+<% new_message ||= false %>
+<% current_user_message = message.membership.user == current_user %>
+<% avatar = capture do %>
+  <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' %>">
+<% end %>
+
+<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 %>">
+  <div class="mr-3 min-w-max"><%= avatar %></div>
+  <div class="flex flex-col w-full">
+    <div class=""><span class="uppercase font-bold text-gray-500"><%= message.user.name %></span><span class="font-extralight text-xs text-gray-400"> &bull; <%= time_ago_in_words message.created_at %> ago</span></div>
+    <div class="py-2"><%= trix_sanitize message.body %></div>
+    <% if message.replies.any? %>
+      <div class="space-y-2 mt-2 mb-2">
+        <% message.replies.oldest.each do |reply| %>
+          <%= render 'account/shared/comment', message: reply %>
+        <% end %>
+      </div>
+    <% end %>
+    <% unless message.reply? %>
+      <%= turbo_frame_tag "reply_#{message.id}" do %>
+        <%= link_to "Reply", [:reply, :account, message], class: "font-light text-sm text-gray-400 hover:text-gray-500 pt-2" %>
+      <% end %>
+    <% end %>
+  </div>
+
+</div>

data/app/views/themes/light/conversations/_message.html.erb

@@ -0,0 +1,127 @@
+<% new_message ||= false %>
+<% current_user_message = message.membership.user == current_user %>
+<% avatar = capture do %>
+  <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' %>">
+<% end %>
+<% next_message ||= message.next_message %>
+
+<%# 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 %>
+<% 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)%>
+<% if next_message_in_series %>
+  <% avatar = nil %>
+<% end %>
+
+<%# 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 %>
+<% show_as_thread ||= false %>
+
+<%# placeholder messages are used when displaying a reply to a message that we need to show out of order with the rest  %>
+<% placeholder_message ||= false %>
+
+<% if avatar.nil? %>
+  <% avatar = capture do %>
+    <div style="height: 24px; width: 24px;" class="<%= current_user_message ? 'order-2' : 'order-1' %>"></div>
+  <% end %>
+<% end %>
+
+<% rounding_modifier = message_corner_class(next_message_in_series, current_user_message) %>
+
+<% timestamp = next_message_in_series || show_as_thread ? '' : time_ago_in_words(message.created_at) + " ago" %>
+
+<% threaded_message = message.threaded? %>
+<% thread_started_by_current_user = message.thread_origin_user == current_user %>
+<% last_message_in_thread = !placeholder_message && threaded_message && (message.next_message.nil? || message.next_message.thread_id != message.thread_id)%>
+<% out_of_thread_message = !show_as_thread && threaded_message && message.reply? && message.previous_message != message.previous_message_in_thread %>
+<% has_replies = message.replies.any? && message.next_message == message.next_message_in_thread %>
+<% border_side = thread_started_by_current_user ? :left : :right %>
+<% show_borders = !show_as_thread && threaded_message %>
+
+<% if out_of_thread_message %>
+  <%= render 'account/shared/message', message: message.thread_origin_message, next_message: message, placeholder_message: true, show_as_thread: show_as_thread %>
+<% end %>
+
+
+<div class="chat-message"
+  <% unless show_as_thread %>
+    data-reply-target="message"
+    data-user="<%= message.membership.label_string %>"
+    data-message-id="<%= message.parent_message_id || message.id %>"
+    data-action="mouseleave->reply#hideReplyButton"
+  <% end %>
+  >
+  <div class="group flex <%= 'justify-end' if current_user_message %> <%= 'opacity-20' if new_message %> items-stretch">
+    <% if show_borders %>
+      <% if (has_replies || placeholder_message) %>
+        <%= message_thread_border(side: border_side, position: :start) unless show_as_thread %>
+      <% end %>
+      <% if message.reply? && ((current_user_message && thread_started_by_current_user) || (!current_user_message && !thread_started_by_current_user) ) %>
+        <%= message_thread_border(side: border_side, position: (last_message_in_thread ? :end : :middle)) %>
+      <% end %>
+    <% end %>
+
+
+    <div class="flex flex-col <%= 'mb-0.5' if next_message_in_series %>">
+      <div class="flex items-end relative <%= 'justify-end' if current_user_message %>" data-action="<%= 'click->reply#preventDefault' if show_as_thread %>">
+        <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"
+          data-action="<%= 'mouseenter->reply#showReplyButton click->reply#showReplyButton' unless placeholder_message || show_as_thread %>" data-show-class="<%= current_user_message ? 'mr-10' : 'ml-10' %>"
+          >
+          <% if placeholder_message %>
+            <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>
+          <% else %>
+            <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>
+          <% end %>
+        </div>
+        <%= avatar %>
+        <% unless placeholder_message || show_as_thread %>
+          <div class="order-2 absolute text-gray-400 bottom-1 hover:text-gray-500 <%= current_user_message ? 'right-10' : 'left-10' %> z-0">
+            <button
+              data-action="click->reply#reply"
+              data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>"
+              >
+              <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 stroke-current" fill="none" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6" />
+              </svg>
+            </button>
+          </div>
+        <% end %>
+      </div>
+      <% if message.replies.any? && !show_as_thread %>
+        <div class="<%= 'text-right' if current_user_message %>">
+          <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>
+        </div>
+      <% end %>
+
+    </div>
+  </div>
+  <% unless next_message_in_series || placeholder_message %>
+    <div class="flex">
+      <% if show_borders && !last_message_in_thread %>
+        <% if (thread_started_by_current_user && current_user_message) || (!thread_started_by_current_user && !current_user_message) %>
+          <%= message_thread_border(side: border_side, position: :middle) %>
+        <% end %>
+      <% end %>
+
+      <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 %>">
+        <div class="<%= show_as_thread ? 'text-gray-400' : 'text-gray-300' %> text-sm">
+          <strong><%= message.user.name %></strong>
+          <%= timestamp %>
+        </div>
+      </div>
+    </div>
+  <% end %>
+  <% if message.replies.any? && false %>
+    <div class="mb-4">
+      <% message.replies.each do |reply| %>
+        <div class="flex text-xs font-extralight text-gray-300 ml-12">
+          <div class="<%= 'w-full' if current_user_message %>"></div>
+          <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">
+            <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"/>
+          </svg>
+          <div class="flex flex-col mr-10 min-w-max">
+            <div class="pt-0 mr-2 ml-4 text-xxs"><%= reply.membership.label_string %> reply: </div>
+            <div class="bg-gray-100 rounded py-2 px-4 mt-0 text-gray-400 max-w-md"><%= reply.body.html_safe %></div>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/themes/light/conversations/_thread_border.html.erb

@@ -0,0 +1,3 @@
+<div class="flex-grow flex <%= side == :left ? 'justify-start' : 'justify-end order-2' %>">
+  <div class=" border-solid border-gray-300 <%= border_classes %> text-white <%= side == :left ? 'ml-12 mr-0' : 'ml-0 mr-12' %> w-6"></div>
+</div>

data/app/views/themes/light/layouts/_account.html.erb

@@ -15,7 +15,7 @@
 
         <% menu = capture do %>
           <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">
-            <%= image_tag asset_pack_path('media/images/light/logo/logo.png'), class: 'h-5 w-auto mx-auto' %>
+            <%= image_tag image_path('light/logo/logo.png'), class: 'h-5 w-auto mx-auto' %>
 
             <div class="lg:hidden absolute right-0">
               <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"

data/app/views/themes/light/layouts/_head.html.erb

@@ -1,6 +1,8 @@
 <%= stylesheet_link_tag 'https://rsms.me/inter/inter.css', media: 'all', 'data-turbo-track': 'reload' %>
-<link href="<%= asset_pack_path('media/images/light/logo/favicon.png') %>" rel="shortcut icon" />
-<link href="<%= asset_pack_path('media/images/light/logo/logo-square-bg.png') %>" rel="apple-touch-icon" />
-<%= stylesheet_pack_tag 'light', media: 'all', 'data-turbo-track': 'reload' %>
-<%= javascript_pack_tag 'light', 'data-turbo-track': 'reload' %>
+<link href="<%= image_path('light/logo/favicon.png') %>" rel="shortcut icon" />
+<link href="<%= image_path('light/logo/logo-square-bg.png') %>" rel="apple-touch-icon" />
+<%= javascript_include_tag 'application', 'data-turbo-track': 'reload' %>
+<%= stylesheet_link_tag 'application', media: 'all', 'data-turbo-track': 'reload' %>
+<%= javascript_include_tag 'application.light', 'data-turbo-track': 'reload' %>
+<%= stylesheet_link_tag 'application.light', media: 'all', 'data-turbo-track': 'reload' %>
 <%= render 'layouts/head' %>

data/app/views/themes/light/workflow/_box.html.erb

@@ -7,7 +7,7 @@
     <div class="bg-white py-8 px-10 shadow rounded-lg dark:bg-sealBlue-400">
       <div class="sm:mx-auto sm:w-full sm:max-w-md py-5">
         <a href="<%= main_app.root_path %>" class="block py-3">
-          <img alt="" src="<%= asset_pack_path("media/images/light/logo/logo.png") %>" width="<%= image_width_for_height('light/logo/logo.png', 54) %>" height="54" class="mx-auto h-12 w-auto" />
+          <img alt="" src="<%= image_path("light/logo/logo.png") %>" width="<%= image_width_for_height('light/logo/logo.png', 54) %>" height="54" class="mx-auto h-12 w-auto" />
         </a>
 
         <h1 class="mt-6 text-center text-3xl font-semibold tracking-tight dark:text-white">

data/lib/bullet_train/themes/light/engine.rb

@@ -4,6 +4,7 @@ module BulletTrain
       class Engine < ::Rails::Engine
         initializer "bullet_train.themes.light.register" do |app|
           BulletTrain::Themes.themes[:light] = BulletTrain::Themes::Light::Theme.new
+          BulletTrain.linked_gems << "bullet_train-themes-light"
         end
       end
     end

data/lib/bullet_train/themes/light/version.rb

@@ -1,7 +1,7 @@
 module BulletTrain
   module Themes
     module Light
-      VERSION = "1.0.7"
+      VERSION = "1.0.10"
     end
   end
 end

data/tailwind.light.config.js

@@ -6,7 +6,11 @@ module.exports = {
     './app/views/**/*.html.erb',
     './app/helpers/**/*.rb',
     './app/assets/stylesheets/**/*.css',
-    './app/javascript/**/*.js'
+    './app/javascript/**/*.js',
+    './tmp/gems/*/app/views/**/*.html.erb',
+    './tmp/gems/*/app/helpers/**/*.rb',
+    './tmp/gems/*/app/assets/stylesheets/**/*.css',
+    './tmp/gems/*/app/javascript/**/*.js',
   ],
   darkMode: 'media',
   theme: {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bullet_train-themes-light
 version: !ruby/object:Gem::Version
-  version: 1.0.7
+  version: 1.0.10
 platform: ruby
 authors:
 - Andrew Culver
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-02-24 00:00:00.000000000 Z
+date: 2022-03-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -49,8 +49,24 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/bullet_train_themes_light_manifest.js
-- app/assets/javascript/application.light.js
 - app/assets/stylesheets/light.tailwind.css
+- app/assets/stylesheets/light/actiontext.css
+- app/assets/stylesheets/light/application.css
+- app/assets/stylesheets/light/electron.css
+- app/assets/stylesheets/light/fields/cloudinary_image.css
+- app/assets/stylesheets/light/fields/date_field.css
+- app/assets/stylesheets/light/fields/index.css
+- app/assets/stylesheets/light/fields/phone_field.css
+- app/assets/stylesheets/light/fields/super_select.css
+- app/assets/stylesheets/light/fields/trix_editor.css
+- app/assets/stylesheets/light/mailer.scss
+- app/assets/stylesheets/light/tailwind/components.css
+- app/assets/stylesheets/light/tailwind/dark-mode.css
+- app/assets/stylesheets/light/tailwind/utilities.css
+- app/assets/stylesheets/tailwindcss/base.css
+- app/assets/stylesheets/tailwindcss/components.css
+- app/assets/stylesheets/tailwindcss/utilities.css
+- app/javascript/application.light.js
 - app/views/themes/light/_alert.html.erb
 - app/views/themes/light/_box.html.erb
 - app/views/themes/light/_breadcrumb.html.erb
@@ -64,6 +80,10 @@ files:
 - app/views/themes/light/attributes/_block.html.erb
 - app/views/themes/light/breadcrumbs/_actions.html.erb
 - app/views/themes/light/commentary/_box.html.erb
+- app/views/themes/light/conversations/_card.html.erb
+- app/views/themes/light/conversations/_comment.html.erb
+- app/views/themes/light/conversations/_message.html.erb
+- app/views/themes/light/conversations/_thread_border.html.erb
 - app/views/themes/light/fields/_field.html.erb
 - app/views/themes/light/forms/_errors.html.erb
 - app/views/themes/light/layouts/_account.html.erb