backoffice-components 0.0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 0bd65e465f82b95e55c0d8fb1968951fa0368cb50ccf0f852313b907d167f1ef
+  data.tar.gz: 51042d93d4df29a57ae7ddcfdcbee0fd120924003f01633ce2462a95f4f4ad23
+SHA512:
+  metadata.gz: 7ad569197c0b6819b08442f979b005386d91cccd73c10e28b34e4eea98786d6e0b6b17458e58095b42646aa869f1c18867a467c0fb1229c0febe4a4af562c118
+  data.tar.gz: af4aeb9a7fda038eb3ffa348975e4c71e94840091a66dbf92e51439aa1d6a52fcaa52d5b816a20c9dae2b7dd96e4dc6f3259199d2f9964fba10c75c1e217bcce

data/lib/app/components/attachment_card_component.html.erb

@@ -0,0 +1,26 @@
+<%= turbo_frame_tag @attachment do %>
+  <li class="col-span-1 flex rounded-md shadow-sm">
+    <div class="flex-shrink-0 flex items-center justify-center w-16 bg-gray-100 text-gray-500 text-sm font-medium rounded-l-md  border-t border-r border-b border-gray-200 ">
+
+      <% if @attachment.image? %>
+        <%= image_tag @attachment %>
+      <% else %>
+        <%= @attachment.blob.filename.extension.upcase %>
+      <% end %>
+
+    </div>
+
+    <div class="flex flex-1 items-center justify-between truncate rounded-r-md border-t border-r border-b border-gray-200 bg-white">
+      <div class="flex-1 truncate px-4 py-2 text-sm">
+        <span href="#" class="font-medium text-gray-900 hover:text-gray-600" title="<%= @attachment.blob.filename %>"><%= @attachment.blob.filename %></span>
+        <p class="text-gray-500"><%= (@attachment.blob.byte_size.to_f / 1000000).round(2) %> Mb</p>
+      </div>
+
+      <div class="flex-shrink-0 pr-2">
+        <%= button_tag type: :button, data: { controller: "attachments", attachments_method_value: 'delete', attachments_url_value: remove_attachment_admin_thematic_path(@attachment.record), attachments_attachment_id_value: @attachment.id, action: "click->attachments#toggle" } do %>
+        <span class="sr-only">Delete</span>
+        <%= render(Icons::TrashComponent.new) %>
+        <% end %>
+    </div>
+  </li>
+<% end %>

data/lib/app/components/attachment_card_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+include Turbo::FramesHelper, Turbo::Streams::StreamName, Turbo::Streams::Broadcasts
+
+class AttachmentCardComponent < ViewComponent::Base
+  def initialize(attachment:)
+    @attachment = attachment
+  end
+end

data/lib/app/components/attachments_list_component.html.erb

@@ -0,0 +1,9 @@
+<div>
+  <ul role="list" class="my-3 grid grid-cols-1 gap-2 sm:grid-cols-2 sm:gap-2 lg:grid-cols-2">
+
+    <% attachments.each do |attachment| %>
+      <%= attachment %>
+    <% end %>
+
+  </ul>
+</div>

data/lib/app/components/attachments_list_component.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+class AttachmentsListComponent < ViewComponent::Base
+  renders_many :attachments, AttachmentCardComponent
+end

data/lib/app/components/current_user_mini_card_component.html.erb

@@ -0,0 +1,8 @@
+<div class="flex-shrink-0 flex justify-between items-center border-t border-sidebar-200 p-4">
+  <div class="flex items-center">
+    <p class="text-sm ml-3 font-medium text-white">
+      <%= "#{@user.first_name} #{@user.last_name}" %>
+    </p>
+  </div>
+  <%= render(SignOutButtonComponent.new) %>
+</div>

data/lib/app/components/current_user_mini_card_component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class CurrentUserMiniCardComponent < ViewComponent::Base
+  def initialize(user:)
+    @user = user
+  end
+end

data/lib/app/components/form_component.html.erb

@@ -0,0 +1,36 @@
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+  <div class="max-w-2xl mx-auto ">
+
+    <% if breadcrumb? %>
+      <%= breadcrumb %>
+    <% end %>
+
+    <div class="my-5 mb-10">
+      <div class="mt-2 md:flex md:items-center md:justify-between">
+
+        <% if title? %>
+          <%= title %>
+        <% end %>
+
+        <% if delete_button? %>
+          <%= delete_button %>
+        <% end %>
+
+      </div>
+    </div>
+
+    <% if @nav_bar %>
+      <%= render(@nav_bar) %>
+    <% end %>
+
+    <% if item.is_a?(ApplicationRecord) && item.errors.any? %>
+      <div class="error-message">
+        <%= render('layouts/errors', errors: item.errors.full_messages.to_sentence.capitalize) %>
+      </div>
+    <% end %>
+
+    <div class="px-4 py-5 bg-white space-y-6 sm:p-6 shadow sm:rounded-md sm:overflow-hidden">
+      <%= content %>
+    </div>
+  </div>
+</div>

data/lib/app/components/form_component.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+class FormComponent < ViewComponent::Base
+  renders_one :breadcrumb, Forms::BreadcrumbComponent
+  renders_one :title, Forms::TitleComponent
+  renders_one :delete_button, Forms::DeleteButtonComponent
+
+  def initialize(item:, nav_bar: nil)
+    @item = item
+    @nav_bar = nav_bar
+  end
+
+  attr_reader :item
+end

data/lib/app/components/forms/breadcrumb_component.html.erb

@@ -0,0 +1,18 @@
+<ol role="list" class="flex items-center space-x-4">
+
+  <% @items.each.with_index do |item, i| %>
+    <li>
+      <div class="flex items-center">
+        <% if i.positive? %>
+          <!-- Heroicon name: solid/chevron-right -->
+          <svg class="flex-shrink-0 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
+          </svg>
+        <% end %>
+        <a href="<%= item[:path] %>" class="<%= 'ml-4' unless i.zero? %> text-sm font-medium text-gray-500 hover:text-gray-700">
+          <%= item[:label] %>
+        </a>
+      </div>
+    </li>
+  <% end %>
+</ol>

data/lib/app/components/forms/breadcrumb_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Forms
+  class BreadcrumbComponent < ViewComponent::Base
+    def initialize(items)
+      @items = items
+    end
+  end
+end

data/lib/app/components/forms/delete_button_component.html.erb

@@ -0,0 +1,3 @@
+<button type="button" class="inline-flex items-center px-3 py-2 border border-gray-300 shadow-sm text-sm leading-4 font-medium rounded-md text-gray-700 bg-white hover:bg-red-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" type="delete">
+  <%= link_to "Supprimer", @path, data: { "turbo-method": :delete, turbo_confirm: 'Êtes vous sûr ?' } %>
+</button>

data/lib/app/components/forms/delete_button_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Forms
+  class DeleteButtonComponent < ViewComponent::Base
+    def initialize(path)
+      @path = path
+    end
+  end
+end

data/lib/app/components/forms/divider_component.html.erb

@@ -0,0 +1,8 @@
+<div class="relative">
+  <div class="absolute inset-0 flex items-center" aria-hidden="true">
+    <div class="w-full border-t border-gray-300"></div>
+  </div>
+  <div class="relative flex justify-center">
+    <span class="bg-white px-2 text-sm text-gray-500"><%= @title %></span>
+  </div>
+</div>

data/lib/app/components/forms/divider_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Forms
+  class DividerComponent < ViewComponent::Base
+    def initialize(title)
+      @title = title
+    end
+  end
+end

data/lib/app/components/forms/submit_button_component.html.erb

@@ -0,0 +1,7 @@
+<div class="pt-5">
+  <div class="flex justify-end">
+    <button type="submit" class="ml-3 inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
+      Sauvegarder
+    </button>
+  </div>
+</div>

data/lib/app/components/forms/submit_button_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Forms
+  class SubmitButtonComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/forms/subtitle_component.html.erb

@@ -0,0 +1,5 @@
+<div class="my-5">
+  <h3 class="text-lg leading-6 font-medium text-gray-900">
+    <%= @subtitle %>
+  </h3>
+</div>

data/lib/app/components/forms/subtitle_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Forms
+  class SubtitleComponent < ViewComponent::Base
+    def initialize(subtitle)
+      @subtitle = subtitle
+    end
+  end
+end

data/lib/app/components/forms/title_component.html.erb

@@ -0,0 +1,3 @@
+<div class="flex-1 min-w-0">
+  <h2 class="text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate"><%= @title %></h2>
+</div>

data/lib/app/components/forms/title_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Forms
+  class TitleComponent < ViewComponent::Base
+    def initialize(title)
+      @title = title
+    end
+  end
+end

data/lib/app/components/icons/collection_component.html.erb

@@ -0,0 +1,3 @@
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
+</svg>

data/lib/app/components/icons/collection_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Icons
+  class CollectionComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/icons/home_component.html.erb

@@ -0,0 +1,3 @@
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
+</svg>

data/lib/app/components/icons/home_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Icons
+  class HomeComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/icons/mic_component.html.erb

@@ -0,0 +1,3 @@
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-sidebar-50" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
+</svg>

data/lib/app/components/icons/mic_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Icons
+  class MicComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/icons/news_paper_component.html.erb

@@ -0,0 +1,3 @@
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
+</svg>

data/lib/app/components/icons/news_paper_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Icons
+  class NewsPaperComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/icons/office_building_component.html.erb

@@ -0,0 +1,3 @@
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
+</svg>

data/lib/app/components/icons/office_building_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Icons
+  class OfficeBuildingComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/icons/question_mark_circle_component.html.erb

@@ -0,0 +1,3 @@
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+</svg>

data/lib/app/components/icons/question_mark_circle_component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module Icons
+  # FAQ
+  class QuestionMarkCircleComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/icons/trash_component.html.erb

@@ -0,0 +1,3 @@
+<svg class="mr-3 flex-shrink-0 h-6 w-6" xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+  <path strokeLinecap="round" strokeLinejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+</svg>

data/lib/app/components/icons/trash_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Icons
+  class TrashComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/icons/users_component.html.erb

@@ -0,0 +1,3 @@
+<svg class="mr-3 flex-shrink-0 h-6 w-6 text-sidebar-50" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
+</svg>

data/lib/app/components/icons/users_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Icons
+  class UsersComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/index_component.html.erb

@@ -0,0 +1,9 @@
+<div class="px-4 sm:px-6 lg:px-8">
+
+  <% if header? %>
+    <% header %>
+  <% end %>
+
+  <%= content %>
+
+</div>

data/lib/app/components/index_component.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+class IndexComponent < ViewComponent::Base
+  renders_one :header, IndexHeaderComponent
+end

data/lib/app/components/index_header_add_component.html.erb

@@ -0,0 +1,3 @@
+<div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+  <%= link_to '+', @path, class: "inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 sm:w-auto" %>
+</div>

data/lib/app/components/index_header_add_component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+class IndexHeaderAddComponent < ViewComponent::Base
+  def initialize(path:)
+    @path = path
+  end
+end

data/lib/app/components/index_header_component.html.erb

@@ -0,0 +1,15 @@
+<div class="sm:flex sm:items-center">
+  <div class="sm:flex-auto">
+    <h1 class="text-xl font-semibold text-gray-900">
+      <%= @title %>
+    </h1>
+    <p class="mt-2 text-sm text-gray-700">
+      <%= @subtitle %>
+    </p>
+  </div>
+
+  <% if add_button? %>
+    <%= add_button %>
+  <% end %>
+
+</div>

data/lib/app/components/index_header_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+class IndexHeaderComponent < ViewComponent::Base
+  renders_one :add_button, IndexHeaderAddComponent
+
+  def initialize(title:, subtitle:)
+    @title = title
+    @subtitle = subtitle
+  end
+end

data/lib/app/components/input/file_component.html.erb

@@ -0,0 +1,11 @@
+<div>
+  <label class="block my-5 block text-sm font-medium text-gray-700 string optional text-sm font-medium text-gray-600">
+    <%= label %>
+    <% if @object.attached? && object.variable? %>
+      <%= image_tag @picture, class: 'border-2 border-dashed border-gray-300 mb-4' %>
+      <% elsif @object.attached? %>
+      <div><%= link_to @object.filename, url_for(@object) %></div>
+    <% end %>
+    <%= @form.file_field @field, class: "font-normal block text-sm text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 file:mr-5 file:py-2 file:px-6 file:border-0 pr-5" %>
+  </label>
+</div>

data/lib/app/components/input/file_component.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module Input
+  class FileComponent < ViewComponent::Base
+    def initialize(item:, field:, form:, variant: nil)
+      @item = item
+      @field = field
+      @form = form
+      @label = label
+      @variant = variant
+      @picture = picture
+      @object = object
+    end
+
+    def label
+      I18n.t("#{@item.class.name.downcase}.attributes.#{@field}")
+    end
+
+    def picture
+      return object unless @variant
+
+      object.variant(@variant)
+    end
+
+    def object
+      @item.send(@field)
+    end
+  end
+end

data/lib/app/components/sidebar_component.html.erb

@@ -0,0 +1,23 @@
+<div class=" md:flex md:w-64 md:flex-col md:fixed md:inset-y-0">
+  <div class="flex-1 flex flex-col min-h-0 bg-sidebar">
+    <div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
+      <div class="flex items-center flex-shrink-0 px-4">
+        <%= image_tag("logo.png", alt: "logo rif", class: 'mx-auto h-15 w-auto') %>
+      </div>
+
+      <nav class="mt-5 flex-1 px-2 space-y-1" aria-label="Sidebar">
+
+        <% items.each do |item| %>
+          <%= item %>
+        <% end %>
+
+      </nav>
+
+    </div>
+
+    <% if current_user_card? %>
+      <%= current_user_card %>
+    <% end %>
+
+  </div>
+</div>

data/lib/app/components/sidebar_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+class SidebarComponent < ViewComponent::Base
+  renders_many :items, SidebarItemComponent
+  renders_one :current_user_card, CurrentUserMiniCardComponent
+end

data/lib/app/components/sidebar_item_component.html.erb

@@ -0,0 +1,9 @@
+<% current_class = current_page?(@path) ? 'bg-sidebar-900 text-white hover:bg-sidebar-900' : '' %>
+
+<%= link_to @path, class: "#{current_class} group flex items-center px-2 py-2 text-sm font-medium rounded-md hover:bg-sidebar-200" do %>
+  <%= render(@icon.new) %>
+
+  <span class="flex-1 text-white">
+    <%= @label %>
+  </span>
+<% end %>

data/lib/app/components/sidebar_item_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+class SidebarItemComponent < ViewComponent::Base
+  def initialize(path:, label:, icon: Icons::HomeComponent)
+    @path = path
+    @icon = icon
+    @label = label
+  end
+end

data/lib/app/components/sign_out_button_component.html.erb

@@ -0,0 +1,5 @@
+<%= button_to sign_out_path, class:"flex items-center", method: :delete do %>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="2">
+    <path stroke-linecap="round" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"/>
+  </svg>
+<% end %>

data/lib/app/components/sign_out_button_component.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+class SignOutButtonComponent < ViewComponent::Base
+end

data/lib/app/components/tables/table_component.html.erb

@@ -0,0 +1,21 @@
+  
+<div class="mt-8 flex flex-col">
+  <div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8">
+    <div class="inline-block min-w-full py-2 align-middle md:px-6 lg:px-8">
+      <div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg">
+        <table class="min-w-full divide-y divide-gray-300">
+
+          <% if thead? %>
+            <%= thead %>
+          <% end %>
+
+          <% if tbody? %>
+            <%= tbody %>
+          <% end %>
+
+        </table>
+
+      </div>
+    </div>
+  </div>
+</div>

data/lib/app/components/tables/table_component.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module Tables
+  class TableComponent < ViewComponent::Base
+    renders_one :thead, Tables::TheadComponent
+    renders_one :tbody, Tables::TbodyComponent
+  end
+end

data/lib/app/components/tables/tbody_component.html.erb

@@ -0,0 +1,5 @@
+<tbody class="bg-white">
+  <% trs.each do |tr| %>
+    <%= tr %>
+  <% end %>
+</tbody>

data/lib/app/components/tables/tbody_component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module Tables
+  class TbodyComponent < ViewComponent::Base
+    renders_many :trs, Tables::TrComponent
+  end
+end

data/lib/app/components/tables/td_component.html.erb

@@ -0,0 +1,3 @@
+<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900">
+  <%= content %>
+</td>

data/lib/app/components/tables/td_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Tables
+  class TdComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/tables/th_component.html.erb

@@ -0,0 +1,3 @@
+<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
+  <%= content %>
+</th>

data/lib/app/components/tables/th_component.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+module Tables
+  class ThComponent < ViewComponent::Base
+  end
+end

data/lib/app/components/tables/thead_component.html.erb

@@ -0,0 +1,7 @@
+<thead class="bg-gray-50">
+  <tr>
+    <% ths.each do |th| %>
+      <%= th %>
+    <% end %>
+  </tr>
+</thead>

data/lib/app/components/tables/thead_component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module Tables
+  class TheadComponent < ViewComponent::Base
+    renders_many :ths, Tables::ThComponent
+  end
+end

data/lib/app/components/tables/tr_component.html.erb

@@ -0,0 +1,6 @@
+<tr class=<%= @bg_color %>>
+
+  <% tds.each do |td| %>
+    <%= td %>
+  <% end %>
+</tr>

data/lib/app/components/tables/tr_component.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Tables
+  class TrComponent < ViewComponent::Base
+    renders_many :tds, Tables::TdComponent
+
+    def initialize(index: 0)
+      @bg_color = 'bg-gray-50' if index.odd?
+    end
+  end
+end

data/lib/app/helpers/application_helper.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module ApplicationHelper
+  # include Pagy::Frontend
+end

data/lib/app/helpers/flash_helper.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module FlashHelper
+  # todo remove me and create a custom administrator authentification
+	def current_user
+		OpenStruct.new(email:  "michel@tymate.com")
+	end
+
+  def classes_for_flash(key)
+    if %w[error alert].include?(key)
+      'red'
+    else
+      'green'
+    end
+  end
+end

data/lib/app/javascript/controllers/flash_controller.js

@@ -0,0 +1,7 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+    dismiss() {
+        this.element.remove();
+    }
+}

data/lib/backoffice-components.rb

@@ -0,0 +1,49 @@
+autoload 'AttachmentCardComponent', 'app/components/attachment_card_component'
+autoload 'AttachmentsListComponent', 'app/components/attachments_list_component'
+autoload 'CurrentUserMiniCardComponent', 'app/components/current_user_mini_card_component'
+autoload 'FormComponent', 'app/components/form_component'
+autoload 'IndexComponent', 'app/components/index_component'
+autoload 'IndexHeaderAddComponent', 'app/components/index_header_add_component'
+autoload 'IndexHeaderComponent', 'app/components/index_header_component'
+autoload 'SidebarComponent', 'app/components/sidebar_component'
+autoload 'SidebarItemComponent', 'app/components/sidebar_item_component'
+autoload 'SignOutButtonComponent', 'app/components/sign_out_button_component'
+
+module Forms
+  autoload 'BreadcrumbComponent', 'app/components/forms/breadcrumb_component'
+  autoload 'DeleteButtonComponent', 'app/components/forms/delete_button_component'
+  autoload 'DividerComponent', 'app/components/forms/divider_component'
+  autoload 'SubmitButtonComponent', 'app/components/forms/submit_button_component'
+  autoload 'SubtitleComponent', 'app/components/forms/subtitle_component'
+  autoload 'TitleComponent', 'app/components/forms/title_component'
+end
+
+module Icons
+  autoload 'CollectionComponent', 'app/components/icons/collection_component'
+  autoload 'HomeComponent', 'app/components/icons/home_component'
+  autoload 'MicComponent', 'app/components/icons/mic_component'
+  autoload 'NewsPaperComponent', 'app/components/icons/news_paper_component'
+  autoload 'OfficeBuildingComponent', 'app/components/icons/office_building_component'
+  autoload 'QuestionMarkCircleComponent', 'app/components/icons/question_mark_circle_component'
+  autoload 'TrashComponent', 'app/components/icons/trash_component'
+  autoload 'UsersComponent', 'app/components/icons/users_component'
+end
+
+module Input
+  autoload 'FileComponent', 'app/components/input/file_component'
+end
+
+module Tables
+  autoload 'TableComponent', 'app/components/tables/table_component'
+  autoload 'TbodyComponent', 'app/components/tables/tbody_component'
+  autoload 'TdComponent', 'app/components/tables/td_component'
+  autoload 'ThComponent', 'app/components/tables/th_component'
+  autoload 'TheadComponent', 'app/components/tables/thead_component'
+  autoload 'TrComponent', 'app/components/tables/tr_component'
+end
+
+class String
+  def julien
+    'wow2'
+  end
+end

metadata

@@ -0,0 +1,136 @@
+--- !ruby/object:Gem::Specification
+name: backoffice-components
+version: !ruby/object:Gem::Version
+  version: 0.0.1.1
+platform: ruby
+authors:
+- Julien Camblan
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2022-10-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: turbo-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.1.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.1.1
+- !ruby/object:Gem::Dependency
+  name: stimulus-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.1.0
+description: Collection of ViewComponents objects for backoffice
+email: julien@tymate.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/app/components/attachment_card_component.html.erb
+- lib/app/components/attachment_card_component.rb
+- lib/app/components/attachments_list_component.html.erb
+- lib/app/components/attachments_list_component.rb
+- lib/app/components/current_user_mini_card_component.html.erb
+- lib/app/components/current_user_mini_card_component.rb
+- lib/app/components/form_component.html.erb
+- lib/app/components/form_component.rb
+- lib/app/components/forms/breadcrumb_component.html.erb
+- lib/app/components/forms/breadcrumb_component.rb
+- lib/app/components/forms/delete_button_component.html.erb
+- lib/app/components/forms/delete_button_component.rb
+- lib/app/components/forms/divider_component.html.erb
+- lib/app/components/forms/divider_component.rb
+- lib/app/components/forms/submit_button_component.html.erb
+- lib/app/components/forms/submit_button_component.rb
+- lib/app/components/forms/subtitle_component.html.erb
+- lib/app/components/forms/subtitle_component.rb
+- lib/app/components/forms/title_component.html.erb
+- lib/app/components/forms/title_component.rb
+- lib/app/components/icons/collection_component.html.erb
+- lib/app/components/icons/collection_component.rb
+- lib/app/components/icons/home_component.html.erb
+- lib/app/components/icons/home_component.rb
+- lib/app/components/icons/mic_component.html.erb
+- lib/app/components/icons/mic_component.rb
+- lib/app/components/icons/news_paper_component.html.erb
+- lib/app/components/icons/news_paper_component.rb
+- lib/app/components/icons/office_building_component.html.erb
+- lib/app/components/icons/office_building_component.rb
+- lib/app/components/icons/question_mark_circle_component.html.erb
+- lib/app/components/icons/question_mark_circle_component.rb
+- lib/app/components/icons/trash_component.html.erb
+- lib/app/components/icons/trash_component.rb
+- lib/app/components/icons/users_component.html.erb
+- lib/app/components/icons/users_component.rb
+- lib/app/components/index_component.html.erb
+- lib/app/components/index_component.rb
+- lib/app/components/index_header_add_component.html.erb
+- lib/app/components/index_header_add_component.rb
+- lib/app/components/index_header_component.html.erb
+- lib/app/components/index_header_component.rb
+- lib/app/components/input/file_component.html.erb
+- lib/app/components/input/file_component.rb
+- lib/app/components/sidebar_component.html.erb
+- lib/app/components/sidebar_component.rb
+- lib/app/components/sidebar_item_component.html.erb
+- lib/app/components/sidebar_item_component.rb
+- lib/app/components/sign_out_button_component.html.erb
+- lib/app/components/sign_out_button_component.rb
+- lib/app/components/tables/table_component.html.erb
+- lib/app/components/tables/table_component.rb
+- lib/app/components/tables/tbody_component.html.erb
+- lib/app/components/tables/tbody_component.rb
+- lib/app/components/tables/td_component.html.erb
+- lib/app/components/tables/td_component.rb
+- lib/app/components/tables/th_component.html.erb
+- lib/app/components/tables/th_component.rb
+- lib/app/components/tables/thead_component.html.erb
+- lib/app/components/tables/thead_component.rb
+- lib/app/components/tables/tr_component.html.erb
+- lib/app/components/tables/tr_component.rb
+- lib/app/helpers/application_helper.rb
+- lib/app/helpers/flash_helper.rb
+- lib/app/javascript/controllers/flash_controller.js
+- lib/backoffice-components.rb
+homepage: https://rubygems.org/gems/backoffice-components
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.2.32
+signing_key:
+specification_version: 4
+summary: ''
+test_files: []