mirror of https://github.com/docusealco/docuseal
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.8 KiB
65 lines
2.8 KiB
<div class="max-w-xl mx-auto px-2">
|
|
<h1 class="flex text-4xl font-bold items-center justify-center my-8 space-x-2">
|
|
<span>Initial Setup</span>
|
|
<%= svg_icon('waving_hand', class: 'h-10 w-10') %>
|
|
</h1>
|
|
<%= form_for '', html: { class: 'space-y-6' }, url: setup_index_path do |f| %>
|
|
<div class="space-y-2">
|
|
<%= fields_for @user do |ff| %>
|
|
<div class="grid gap-2 md:grid-cols-2 md:gap-4">
|
|
<div class="form-control">
|
|
<%= ff.label :first_name, class: 'label' %>
|
|
<%= ff.text_field :first_name, required: true, class: 'base-input' %>
|
|
</div>
|
|
<div class="form-control">
|
|
<%= ff.label :last_name, class: 'label' %>
|
|
<%= ff.text_field :last_name, required: true, class: 'base-input' %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<%= fields_for @user do |ff| %>
|
|
<div class="form-control">
|
|
<%= ff.label :email, class: 'label' %>
|
|
<%= ff.email_field :email, required: true, class: 'base-input' %>
|
|
</div>
|
|
<% end %>
|
|
<%= fields_for @account do |ff| %>
|
|
<set-timezone data-input-id="account_timezone"></set-timezone>
|
|
<%= ff.hidden_field :timezone %>
|
|
<div class="form-control">
|
|
<%= ff.label :name, 'Company name', class: 'label' %>
|
|
<%= ff.text_field :name, required: true, class: 'base-input' %>
|
|
</div>
|
|
<% end %>
|
|
<%= fields_for @user do |ff| %>
|
|
<div class="form-control">
|
|
<%= ff.label :password, class: 'label' %>
|
|
<password-input class="block relative">
|
|
<%= ff.password_field :password, required: true, placeholder: '************', class: 'base-input w-full pr-10', data: { target: 'password-input.passwordInput' } %>
|
|
<button data-target="password-input.togglePasswordVisibility" type="button" class="absolute inset-y-0 h-12 right-0 pr-3 flex items-center">
|
|
<span data-target="password-input.hiddenPasswordIcon">
|
|
<%= svg_icon('eye_off', class: 'w-6 h-6 shrink-0 bg-white') %>
|
|
</span>
|
|
<span data-target="password-input.visiblePasswordIcon" class="hidden">
|
|
<%= svg_icon('eye', class: 'w-6 h-6 shrink-0 bg-white') %>
|
|
</span>
|
|
</button>
|
|
</password-input>
|
|
</div>
|
|
<% end %>
|
|
<%= fields_for @encrypted_config do |ff| %>
|
|
<div class="form-control">
|
|
<% if @encrypted_config.value.blank? %>
|
|
<set-origin-url data-input-id="encrypted_config_value"></set-origin-url>
|
|
<% end %>
|
|
<%= ff.label :value, 'App URL', class: 'label' %>
|
|
<%= ff.text_field :value, required: true, class: 'base-input' %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<div class="form-control">
|
|
<%= f.button button_title, class: 'base-button' %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|