Migliora pipeline e form per l'uso da cellulare.
Rende la pipeline verticale su mobile e semplifica i form lunghi con sezioni, tap target più grandi e azioni più facili da usare in movimento. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -1,23 +1,52 @@
|
||||
<div class="mx-auto max-w-2xl space-y-4">
|
||||
<h1 class="text-2xl font-semibold"><%= @contact.new_record? ? "Nuovo contatto" : "Modifica contatto" %></h1>
|
||||
<%= form_with model: @contact, class: "#{card_class} p-6 space-y-4" do |f| %>
|
||||
<h1 class="text-xl font-semibold md:text-2xl"><%= @contact.new_record? ? "Nuovo contatto" : "Modifica contatto" %></h1>
|
||||
<%= form_with model: @contact, class: "#{card_class} p-4 md:p-6 space-y-5" do |f| %>
|
||||
<%= render "shared/errors", object: @contact %>
|
||||
<%= f.label :organization_id, class: "mb-1 block text-sm font-medium" %>
|
||||
<%= f.collection_select :organization_id, @organizations, :id, :name, {}, class: input_class %>
|
||||
<div class="grid gap-4 sm:grid-cols-2">
|
||||
<%= f.text_field :first_name, placeholder: "Nome", required: true, class: input_class %>
|
||||
<%= f.text_field :last_name, placeholder: "Cognome", required: true, class: input_class %>
|
||||
<%= f.text_field :role, placeholder: "Ruolo", class: input_class %>
|
||||
<%= f.email_field :email, placeholder: "Email", class: input_class %>
|
||||
<%= f.text_field :phone, placeholder: "Telefono", class: input_class %>
|
||||
<%= f.text_field :mobile, placeholder: "Cellulare", class: input_class %>
|
||||
<%= f.select :preferred_contact_method, Catalog::CONTACT_METHODS.map { |k,v| [v,k] }, {}, class: input_class %>
|
||||
<div class="space-y-1">
|
||||
<label class="block text-sm font-medium">Organizzazione</label>
|
||||
<%= f.collection_select :organization_id, @organizations, :id, :name, {}, class: input_class %>
|
||||
</div>
|
||||
<label class="flex items-center gap-2 text-sm"><%= f.check_box :primary_contact %> Contatto principale</label>
|
||||
<%= f.text_area :notes, rows: 3, placeholder: "Note", class: input_class %>
|
||||
<div class="flex gap-2">
|
||||
<%= f.submit class: btn_primary %>
|
||||
<%= link_to "Annulla", @contact.persisted? ? @contact.organization : contacts_path, class: btn_secondary %>
|
||||
<div class="grid gap-4 sm:grid-cols-2">
|
||||
<div class="space-y-1">
|
||||
<label class="block text-sm font-medium">Nome</label>
|
||||
<%= f.text_field :first_name, placeholder: "Nome", required: true, class: input_class %>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<label class="block text-sm font-medium">Cognome</label>
|
||||
<%= f.text_field :last_name, placeholder: "Cognome", required: true, class: input_class %>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<label class="block text-sm font-medium">Ruolo</label>
|
||||
<%= f.text_field :role, placeholder: "Ruolo", class: input_class %>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<label class="block text-sm font-medium">Email</label>
|
||||
<%= f.email_field :email, placeholder: "Email", class: input_class %>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<label class="block text-sm font-medium">Telefono</label>
|
||||
<%= f.text_field :phone, placeholder: "Telefono", class: input_class %>
|
||||
</div>
|
||||
<div class="space-y-1">
|
||||
<label class="block text-sm font-medium">Cellulare</label>
|
||||
<%= f.text_field :mobile, placeholder: "Cellulare", class: input_class %>
|
||||
</div>
|
||||
<div class="space-y-1 sm:col-span-2">
|
||||
<label class="block text-sm font-medium">Metodo preferito</label>
|
||||
<%= f.select :preferred_contact_method, Catalog::CONTACT_METHODS.map { |k,v| [v,k] }, {}, class: input_class %>
|
||||
</div>
|
||||
</div>
|
||||
<label class="flex min-h-11 items-center gap-3 rounded-lg border border-zinc-200 px-3 py-2 text-sm dark:border-zinc-700">
|
||||
<%= f.check_box :primary_contact, class: "size-5" %>
|
||||
Contatto principale
|
||||
</label>
|
||||
<div class="space-y-1">
|
||||
<label class="block text-sm font-medium">Note</label>
|
||||
<%= f.text_area :notes, rows: 4, placeholder: "Note", class: input_class %>
|
||||
</div>
|
||||
<div class="flex flex-col gap-2 border-t border-zinc-100 pt-4 sm:flex-row dark:border-zinc-800">
|
||||
<%= f.submit class: "#{btn_primary} w-full sm:w-auto" %>
|
||||
<%= link_to "Annulla", @contact.persisted? ? @contact.organization : contacts_path, class: "#{btn_secondary} w-full sm:w-auto" %>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user