105 lines
3.6 KiB
Plaintext
105 lines
3.6 KiB
Plaintext
<div class="container">
|
|
<div class="is-pulled-right">
|
|
<%= link_to image_tag("#{@form.backend_name}-icon.svg", alt: @form.backend_name.humanize), @form.spreadsheet_url %>
|
|
</div>
|
|
<nav class="breadcrumb is-small has-bullet-separator" aria-label="breadcrumbs">
|
|
<ul>
|
|
<li>
|
|
<%= link_to forms_url do %>
|
|
<span class="icon is-small"><i class="fas fa-home" aria-hidden="true"></i></span>
|
|
Forms
|
|
<% end %>
|
|
</li>
|
|
<li><%= link_to @form.title, form_url(@form) %></li>
|
|
</ul>
|
|
</nav>
|
|
<h1 class="title">
|
|
<%= @form.title %>
|
|
</h1>
|
|
|
|
|
|
<div class="columns">
|
|
<div class="column is-one-quarter">
|
|
|
|
<aside class="menu">
|
|
<p class="menu-label">
|
|
General
|
|
</p>
|
|
<ul class="menu-list">
|
|
<li><%= link_to "Form Settings", edit_form_url(@form), class: "is-active" %></li>
|
|
<li><%= link_to "Setup", setup_form_url(@form) %></li>
|
|
<li><a>Email notifications</a></li>
|
|
</ul>
|
|
</aside>
|
|
|
|
</div>
|
|
<div class="column">
|
|
|
|
<%= form_for @form, local: true do |f| %>
|
|
|
|
<div class="field">
|
|
<label class="label">Name</label>
|
|
<div class="control">
|
|
<%= f.text_field :title, class: 'input', placeholder: '', autocomplete: 'off' %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">Redirect URL</label>
|
|
<div class="control">
|
|
<%= f.text_field :thank_you_url, class: 'input', placeholder: '', autocomplete: 'off' %>
|
|
</div>
|
|
<p class="help">The URL where the user will be redirected after submission</p>
|
|
</div>
|
|
|
|
<% if @form.google? %>
|
|
|
|
<div class="field">
|
|
<label class="label">Sheet</label>
|
|
<div class="control">
|
|
<%= f.text_field :google_spreadsheet_sheet, class: 'input', autocomplete: 'off' %>
|
|
</div>
|
|
<p class="help">Which sheet within the spreadsheet should be used? Defaults to the first sheet. - make sure you enter the name exactly like in your spreadsheet.</p>
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
|
|
<% if @form.airtable? %>
|
|
|
|
<div class="field">
|
|
<label class="label">Airtable Table Name</label>
|
|
<div class="control">
|
|
<%= f.text_field :airtable_table, class: 'input', placeholder: 'Table 1', autocomplete: 'off' %>
|
|
</div>
|
|
<p class="help">The name of the table in your Airtable base. Your Airtable can have multiple tables/sheets. Which one do you want to use?</p>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">Airtable API Key</label>
|
|
<div class="control">
|
|
<%= f.text_field :airtable_api_key, class: 'input', placeholder: '', autocomplete: 'off' %>
|
|
</div>
|
|
<p class="help">Your Airtable account API Key. You find this one on your <a href="https://airtable.com/account" target="_blank">Airtable account page</a>.</p>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<label class="label">Airtable APP Key</label>
|
|
<div class="control">
|
|
<%= f.text_field :airtable_app_key, class: 'input', placeholder: '', autocomplete: 'off' %>
|
|
</div>
|
|
<p class="help">The application key of your Airtable document. You find this one on the <a href="https://airtable.com/api" target="_blank">API page of your Airtable base</a>.</p>
|
|
</div>
|
|
|
|
<% end %>
|
|
|
|
<div>
|
|
<%= f.submit 'Save', class: 'button is-primary' %>
|
|
</div>
|
|
<% end %>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|