fluxbit_view_components 0.3.0 → 0.4.0

data/lib/generators/fluxbit/templates/devise_views/registrations/edit.html.erb

@@ -0,0 +1,43 @@
+<% content_for(:header) do %>
+  <%= fx_heading with_content: "Edit #{resource_name.to_s.humanize}", size: 2, class: "text-center mt-8" %>
+<% end %>
+
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }, builder: Fluxbit::FormBuilder) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+  <%= f.fx_email_field :email, autofocus: true, autocomplete: "email", wrapper_html: {class: "mb-6 field"} %>
+
+  <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
+    <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
+  <% end %>
+
+  <%= f.fx_password :password, autocomplete: "new-password", wrapper_html: {class: "mb-6 field"},
+      help_text: [
+        "Leave blank if you don't want to change it",
+        @minimum_password_length ? "#{@minimum_password_length} characters minimum" : ""
+      ]
+  %>
+  <%= f.fx_password :password_confirmation,
+    autocomplete: "new-password",
+    min_length: 6,
+    require_uppercase: true,
+    require_lowercase: true,
+    require_numbers: true,
+    require_special: true,
+    wrapper_html: {class: "mb-6 field"} %>
+  <%= f.fx_password :current_password,
+    autocomplete: "current-password",
+    min_length: 6,
+    require_uppercase: true,
+    require_lowercase: true,
+    require_numbers: true,
+    require_special: true,
+    wrapper_html: {class: "mb-6 field"},
+    help_text: "We need your current password to confirm your changes" %>
+  <%= f.fx_submit "Update" %>
+<% end %>
+
+<%= fx_heading with_content: "Cancel my account", size: 5, class: "text-center my-6", remove_class: "mb-4" %>
+
+<div>Unhappy? <%= button_to "Cancel my account", registration_path(resource_name), data: { confirm: "Are you sure?", turbo_confirm: "Are you sure?" }, method: :delete %></div>
+
+<%= fx_link_to "Back", :back %>

data/lib/generators/fluxbit/templates/devise_views/registrations/new.html.erb

@@ -0,0 +1,34 @@
+<% content_for(:header) do %>
+  <%= fx_heading with_content: "Create your account", size: 2, class: "text-center mt-8" %>
+  <p class="mt-2 text-center text-sm text-gray-600 dark:text-gray-300">
+    Have an account already?
+    <%= link_to "Log in", new_session_path(resource_name), class: "font-medium text-indigo-600 hover:text-indigo-500" %>
+  </p>
+<% end %>
+
+<%= form_for(resource, as: resource_name, url: registration_path(resource_name), builder: Fluxbit::FormBuilder) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+  <%= f.fx_email_field :email, autofocus: true, autocomplete: "email", wrapper_html: {class: "mb-6 field"} %>
+  <%= f.fx_password :password,
+    autocomplete: "new-password",
+    show_strength: true,
+    min_length: 6,
+    require_uppercase: true,
+    require_lowercase: true,
+    require_numbers: true,
+    require_special: true,
+    wrapper_html: {class: "mb-6 field"},
+    help_text: @minimum_password_length ? "#{@minimum_password_length} #{t('devise.registrations.new.password_help')}" : "" %>
+  <%= f.fx_password :password_confirmation,
+    autocomplete: "new-password",
+    min_length: 6,
+    require_uppercase: true,
+    require_lowercase: true,
+    require_numbers: true,
+    require_special: true,
+    wrapper_html: {class: "mb-6 field"} %>
+  <%= f.fx_submit "Sign up" %>
+
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/generators/fluxbit/templates/devise_views/sessions/new.html.erb

@@ -0,0 +1,15 @@
+<% content_for(:header) do %>
+  <%= fx_heading with_content: "Log in", size: 2, class: "text-center mt-8" %>
+<% end %>
+
+<%= form_for(resource, as: resource_name, url: session_path(resource_name), builder: Fluxbit::FormBuilder) do |f| %>
+  <%= f.fx_email_field :email, autofocus: true, autocomplete: "email", helper_popover: false, help_text: false, wrapper_html: {class: "mb-6 field"} %>
+  <%= f.fx_password :password, autocomplete: "current-password", helper_popover: false, help_text: false, wrapper_html: {class: "mb-6 field"} %>
+
+  <% if devise_mapping.rememberable? %>
+    <%= f.fx_toggle :remember_me, wrapper_html: {class: "mb-6 field"} %>
+  <% end %>
+  <%= f.fx_submit "Log in" %>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/generators/fluxbit/templates/devise_views/shared/_error_messages.html.erb

@@ -0,0 +1,14 @@
+<% if resource.errors.any? %>
+  <%= fx_alert(color: :danger, 'data-turbo-cache' => "false") do %>
+    <%= I18n.t("errors.messages.not_saved",
+                count: resource.errors.count,
+                resource: resource.class.model_name.human.downcase)
+      %>
+
+    <ul>
+      <% resource.errors.full_messages.each do |message| %>
+        <li><%= message %></li>
+      <% end %>
+    </ul>
+  <% end %>
+<% end %>

data/lib/generators/fluxbit/templates/devise_views/shared/_links.html.erb

@@ -0,0 +1,25 @@
+<%- if controller_name != 'sessions' %>
+  <p><%= fx_link_to "Log in", new_session_path(resource_name) %></p>
+<% end %>
+
+<%- if devise_mapping.registerable? && controller_name != 'registrations' %>
+  <p><%= fx_link_to "Sign up", new_registration_path(resource_name) %></p>
+<% end %>
+
+<%- if devise_mapping.recoverable? && controller_name != 'passwords' && controller_name != 'registrations' %>
+  <p><%= fx_link_to "Forgot your password?", new_password_path(resource_name) %></p>
+<% end %>
+
+<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %>
+  <p><%= fx_link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) %></p>
+<% end %>
+
+<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %>
+  <p><%= fx_link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) %></p>
+<% end %>
+
+<%- if devise_mapping.omniauthable? %>
+  <%- resource_class.omniauth_providers.each do |provider| %>
+    <p><%= fx_link_to "Sign in with #{OmniAuth::Utils.camelize(provider)}", omniauth_authorize_path(resource_name, provider), data: { turbo: false } %></p>
+  <% end %>
+<% end %>

data/lib/generators/fluxbit/templates/devise_views/unlocks/new.html.erb

@@ -0,0 +1,11 @@
+<% content_for(:header) do %>
+  <%= fx_heading with_content: "Resend unlock instructions", size: 2, class: 'text-center' %>
+<% end %>
+
+<%= form_for(resource, as: resource_name, url: unlock_path(resource_name), html: { method: :post }, builder: Fluxbit::FormBuilder) do |f| %>
+  <%= render "devise/shared/error_messages", resource: resource %>
+  <%= f.fx_email_field :email, autofocus: true, autocomplete: "email", wrapper_html: {class: "mb-6 field"} %>
+  <%= f.fx_submit "Resend unlock instructions" %>
+<% end %>
+
+<%= render "devise/shared/links" %>

data/lib/generators/fluxbit/templates/edit.html.erb.tt

@@ -0,0 +1,47 @@
+<% singular = file_name.singularize; plural = file_name.pluralize -%>
+<% if options[:ui] == "drawer" -%>
+<% if options[:turbo] -%>
+<%% if turbo_frame_request? %>
+  <turbo-frame id="drawer">
+    <%%= fx_drawer(id: "edit-drawer", placement: :right, sizing: :xl, data: {controller: "fx-drawer"}) do |drawer| %>
+      <%% drawer.with_header { t("<%= plural %>.titles.edit") } %>
+      <%%= render "form", <%= singular %>: @<%= singular %> %>
+    <%% end %>
+    <script>document.dispatchEvent(new CustomEvent("showDrawer:edit-drawer"));</script>
+  </turbo-frame>
+<%% else %>
+  <%%= fx_heading(class: "m-4", size: 2) { t("<%= plural %>.titles.edit") } %>
+  <%%= fx_card(class: "m-4") do |card| %>
+    <%% card.with_section do %>
+      <%%= render "form", <%= singular %>: @<%= singular %> %>
+    <%% end %>
+  <%% end %>
+<%% end %>
+<% end -%>
+<% elsif options[:ui] == "modal" -%>
+<% if options[:turbo] -%>
+<%% if turbo_frame_request? %>
+  <turbo-frame id="modal">
+    <%%= fx_modal(id: "edit-modal", size: :xl, data: {controller: "fx-modal"}) do |modal| %>
+      <%% modal.with_header { t("<%= plural %>.titles.edit") } %>
+      <%%= render "form", <%= singular %>: @<%= singular %> %>
+    <%% end %>
+    <script>document.dispatchEvent(new CustomEvent("showModal:edit-modal"));</script>
+  </turbo-frame>
+<%% else %>
+  <%%= fx_heading(class: "m-4", size: 2) { t("<%= plural %>.titles.edit") } %>
+  <%%= fx_card(class: "m-4") do |card| %>
+    <%% card.with_section do %>
+      <%%= render "form", <%= singular %>: @<%= singular %> %>
+    <%% end %>
+  <%% end %>
+<%% end %>
+<% end -%>
+<% else -%>
+  <%%= fx_heading(class: "m-4", size: 2) { t("<%= plural %>.titles.edit") } %>
+  <%%= fx_card(class: "m-4") do |card| %>
+    <%% card.with_section do %>
+      <%%= render "form", <%= singular %>: @<%= singular %> %>
+    <%% end %>
+  <%% end %>
+<% end -%>

data/lib/generators/fluxbit/templates/fluxbit_pagy.css

@@ -0,0 +1,27 @@
+.pagy.info {
+  @apply text-sm text-slate-600 dark:text-slate-400;
+}
+
+.pagy.nav {
+  @apply inline-flex -space-x-px;
+}
+
+.pagy.nav a {
+  @apply flex items-center justify-center px-3 h-8 leading-tight text-slate-500 bg-white border border-slate-300 hover:bg-slate-100 hover:text-slate-700 dark:bg-slate-800 dark:border-slate-700 dark:text-slate-400 dark:hover:bg-slate-700 dark:hover:text-white;
+}
+
+.pagy.nav a[aria-label="previous"] {
+  @apply ms-0 border-e-0 rounded-s-lg;
+}
+
+.pagy.nav a[aria-label="next"] {
+  @apply rounded-e-lg;
+}
+
+.pagy.nav a[aria-disabled="true"] {
+  @apply px-3 py-1 text-slate-400 cursor-default;
+}
+
+.pagy.nav a.current {
+  @apply text-blue-600 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:bg-slate-700 dark:border-slate-700 dark:text-white;
+}

data/lib/generators/fluxbit/templates/i18n.en.yml.tt

@@ -0,0 +1,121 @@
+<% singular = file_name.singularize; plural = file_name.pluralize -%>
+en:
+  <%= plural %>:
+    class_name:
+      one: <%= singular.titlecase %>
+      other: <%= plural.titlecase %>
+    titles:
+      index: <%= plural.titlecase %>
+      new: New <%= singular.titlecase %>
+      edit: Edit <%= singular.titlecase %>
+      show: <%= singular.titlecase %> Details
+      index_name: Index
+    fields:
+      id: Record ID
+<% attributes.reject { |attr| attr.type == :password_digest }.each do |attr| -%>
+      <%= attr.name %><%= ['references','belongs_to'].include?(attr.type) ? '_id' : '' %>: <%= attr.name.titlecase %>
+<% end -%>
+      created_at: Created
+      updated_at: Last Updated
+    help_text:
+<% attributes.reject { |attr| attr.type == :password_digest }.each do |attr| -%>
+      <%= attr.name %><%= ['references','belongs_to'].include?(attr.type) ? '_id' : '' %>: Help for <%= attr.name.titlecase %>
+<% end -%>
+    helper_popover:
+<% attributes.reject { |attr| attr.type == :password_digest }.each do |attr| -%>
+      <%= attr.name %><%= ['references','belongs_to'].include?(attr.type) ? '_id' : '' %>: Helper Popover for <%= attr.name.titlecase %>
+<% end -%>
+    placeholders:
+<% attributes.reject { |attr| attr.type == :password_digest }.each do |attr| -%>
+      <%= attr.name %><%= ['references','belongs_to'].include?(attr.type) ? '_id' : '' %>: Placeholder for <%= attr.name.titlecase %>
+<% end -%>
+    prompts:
+<% attributes.select { |attr| ['references','belongs_to'].include?(attr.type) }.each do |attr| -%>
+      <%= attr.name %>_id: Select a <%= attr.name.titlecase %>
+<% end -%>
+    messages:
+      not_found: "<%= singular.titlecase %> not found."
+      not_selected_for_action: "No <%= plural %> selected for action."
+      not_authorized: "You are not authorized to perform this action."
+      no_records: "No <%= plural %> found."
+      no_records_sub: "Try adjusting your search or filters."      
+      create_success: "<%= singular.titlecase %> was successfully created."
+      update_success: "<%= singular.titlecase %> was successfully updated."
+      destroy_success: "<%= singular.titlecase %> was successfully destroyed."
+      destroy_failure: "Failed to delete <%= singular %>."
+      bulk_update_success:
+        one: "The <%= singular %> were successfully updated."
+        other: "%{count} <%= plural %> were successfully updated."
+      bulk_update_failure: "Failed to update some <%= plural %>. %{errors}"
+      bulk_destroy_success:
+        one: "The <%= singular %> were successfully deleted."
+        other: "%{count} <%= plural %> were successfully deleted."
+      bulk_destroy_failure: "Failed to delete some <%= plural %>. %{errors}"
+      order_error: "Invalid order parameter."
+      confirm_destroy: "Are you sure you want to delete this item?"
+      confirm_bulk_destroy: "Are you sure you want to delete <span id=\"mass-deletion-count\" data-fx-select-all-target=\"count\">0</span> item(s)?"
+      pagination_info: "Showing <b>%{start}</b> to <b>%{end}</b> of <b>%{total}</b> <%= plural %>"
+      errors_message: 
+        one: "%{count} error prevented this <%= singular %> from being saved:"
+        other: "%{count} errors prevented this <%= singular %> from being saved:"
+<% attributes
+  .select { |a| %i[boolean].include?(a.type) }
+  .each do |attr|
+-%>
+      click_to_change<%= attr.name %>: Click to change <%= attr.name %>
+<% end -%> 
+    actions:
+      new: "New <%= singular.titlecase %>"
+      actions: "Actions (<span data-fx-select-all-target=\"count\">0</span>)"
+      edit: "Edit"
+      show: "Show"
+      back: "Back"
+      save: "Save"
+      cancel: "Cancel"
+      create: "Create"
+      update: "Update"
+      destroy: "Destroy"
+      export: "Export"
+<% attributes
+  .select { |a| %i[boolean].include?(a.type) }
+  .each do |attr|
+-%>
+      activate_<%= attr.name %>_selected: Activate <%= attr.name %> selected
+      deactivate_<%= attr.name %>_selected: Deactivate <%= attr.name %> selected
+<% end -%>
+      delete_selected: "Delete Selected"
+      remove_filters: "Remove filters"
+      bulk_destroy: "Destroy Selected"
+      cancel_destroy: "No, cancel"
+      confirm_destroy: "Yes, I'm sure"
+      per_page: "%{count} per page"
+    helpers:
+      search: "Search <%= plural %>..."
+      sort: "Sort <%= plural %>..."
+      export: "Export to CSV"
+      filter: "Filter"
+<% attributes
+  .select { |a| %i[integer decimal text string].include?(a.type) }
+  .each do |attr|
+-%>
+      filter_<%= attr.name %>: "Filter by <%= attr.name %>"
+<% end -%>
+      click_to_edit: "Click to edit"
+<% attributes
+  .select { |a| %i[boolean].include?(a.type) }
+  .each do |attr|
+-%>
+      click_to_change_<%= attr.name %>: "Click to change <%= attr.name %>"
+<% end -%>
+      click_to_destroy_selected: "Click to destroy selected"
+      submits_with: "Saving..."
+    values:
+      no_value: "-"
+<% attributes
+  .select { |a| %i[boolean].include?(a.type) }
+  .each do |attr|
+-%>
+      <%= attr.name %>:
+        true: Active
+        false: Inactive
+<% end -%>

data/lib/generators/fluxbit/templates/i18n.pt-BR.yml.tt

@@ -0,0 +1,121 @@
+<% singular = file_name.singularize; plural = file_name.pluralize -%>
+pt-BR:
+  <%= plural %>:
+    class_name:
+      one: <%= singular.titlecase %>
+      other: <%= plural.titlecase %>
+    titles:
+      index: <%= plural.titlecase %>
+      new: Novo <%= singular.titlecase %>
+      edit: Editar <%= singular.titlecase %>
+      show: Detalhes de <%= singular.titlecase %>
+      index_name: Inicio
+    fields:
+      id: Identificador
+<% attributes.reject { |attr| attr.type == :password_digest }.each do |attr| -%>
+      <%= attr.name %><%= ['references','belongs_to'].include?(attr.type) ? '_id' : '' %>: <%= attr.name.titlecase %>
+<% end -%>
+      created_at: Criado em
+      updated_at: Última Atualização
+    help_text:
+<% attributes.reject { |attr| attr.type == :password_digest }.each do |attr| -%>
+      <%= attr.name %><%= ['references','belongs_to'].include?(attr.type) ? '_id' : '' %>: Ajuda para <%= attr.name.titlecase %>
+<% end -%>
+    helper_popover:
+<% attributes.reject { |attr| attr.type == :password_digest }.each do |attr| -%>
+      <%= attr.name %><%= ['references','belongs_to'].include?(attr.type) ? '_id' : '' %>: Ajuda no popover para <%= attr.name.titlecase %>
+<% end -%>
+    placeholders:
+<% attributes.reject { |attr| attr.type == :password_digest }.each do |attr| -%>
+      <%= attr.name %><%= ['references','belongs_to'].include?(attr.type) ? '_id' : '' %>: Placeholder para <%= attr.name.titlecase %>
+<% end -%>
+    prompts:
+<% attributes.select { |attr| ['references','belongs_to'].include?(attr.type) }.each do |attr| -%>
+      <%= attr.name %>_id: Selecione um <%= attr.name.titlecase %>
+<% end -%>
+    messages:
+      not_found: "<%= singular.titlecase %> não encontrado."
+      not_selected_for_action: "Nenhum <%= plural %> selecionado para ação."
+      not_authorized: "Você não está autorizado a executar esta ação."
+      no_records: "Nenhum <%= plural %> encontrados."
+      no_records_sub: "Tente ajustar a sua busca ou filtros."      
+      create_success: "<%= singular.titlecase %> foi criado com sucesso."
+      update_success: "<%= singular.titlecase %> foi atualizado com sucesso."
+      destroy_success: "<%= singular.titlecase %> foi apagado com sucesso."
+      destroy_failure: "Falha ao tentar apagar um <%= singular %>."
+      bulk_update_success:
+        one: "O <%= singular %> foi atualizado com sucesso."
+        other: "%{count} <%= plural %> foram atualizados com sucesso."
+      bulk_update_failure: "Falha ao tentar atualizar alguns <%= plural %>. %{errors}"
+      bulk_destroy_success:
+        one: "O <%= singular %> foi apagado com sucesso."
+        other: "%{count} <%= plural %> foram apagados com sucesso."
+      bulk_destroy_failure: "Falha ao tentar apagar alguns <%= plural %>. %{errors}"
+      order_error: "Parâmetro de ordenamento inválido."
+      confirm_destroy: "Você tem certeza de que quer apagar este item?"
+      confirm_bulk_destroy: "Você tem certeza de que quer apagar <span id=\"mass-deletion-count\" data-fx-select-all-target=\"count\">0</span> item(s)?"
+      pagination_info: "Mostrando <b>%{start}</b> à <b>%{end}</b> de <b>%{total}</b> <%= plural %>"
+      errors_message: 
+        one: "%{count} erro impediu que este <%= singular %> fosse salvo:"
+        other: "%{count} erros impediram que este <%= singular %> fosse salvo:"
+<% attributes
+  .select { |a| %i[boolean].include?(a.type) }
+  .each do |attr|
+-%>
+      click_to_change<%= attr.name %>: Clique para modificar <%= attr.name %>
+<% end -%>
+    actions:
+      new: "Novo <%= singular.titlecase %>"
+      actions: "Ações (<span data-fx-select-all-target=\"count\">0</span>)"
+      edit: "Editar"
+      show: "Ver"
+      back: "Voltar"
+      save: "Salvar"
+      cancel: "Cancelar"
+      create: "Criar"
+      update: "Atualizar"
+      destroy: "Apagar"
+      export: "Exportar"
+<% attributes
+  .select { |a| %i[boolean].include?(a.type) }
+  .each do |attr|
+-%>
+      activate_<%= attr.name %>_selected: Ativar <%= attr.name %> selecionado
+      deactivate_<%= attr.name %>_selected: Desativar <%= attr.name %> selecionado
+<% end -%>
+      delete_selected: "Apagar selecionado"
+      remove_filters: "Remover filtros"
+      bulk_destroy: "Apagar selecionados"
+      cancel_destroy: "Não, cancelar"
+      confirm_destroy: "Sim, Tenho certeza"
+      per_page: "%{count} por página"
+    helpers:
+      search: "Procurar <%= plural %>..."
+      sort: "Ordenar <%= plural %>..."
+      export: "Exportar para CSV"
+      filter: "Filtrar"
+<% attributes
+  .select { |a| %i[integer decimal text string].include?(a.type) }
+  .each do |attr|
+-%>
+      filter_<%= attr.name %>: "Filtrar por <%= attr.name %>"
+<% end -%>
+      click_to_edit: "Clique para editar"
+<% attributes
+  .select { |a| %i[boolean].include?(a.type) }
+  .each do |attr|
+-%>
+      click_to_change_<%= attr.name %>: "Clique para mudar <%= attr.name %>"
+<% end -%>
+      click_to_destroy_selected: "Clique para apagar selecionados"
+      submits_with: "Salvando..."
+    values:
+      no_value: "-"
+<% attributes
+  .select { |a| %i[boolean].include?(a.type) }
+  .each do |attr|
+-%>
+      <%= attr.name %>:
+        true: Ativo
+        false: Inativo
+<% end -%>