bumi/tinyforms
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Link between airtable and google sheets demo

Browse Source
This commit is contained in:
bumi 2020-04-27 11:17:44 +02:00
parent 407df2a94e
commit ed2522a39f
2 changed files with 45 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/views/home/demo-airtable.html.erb
View File

@ -4,10 +4,27 @@
<div class="column is-one-third">
<form class="form demo-form" id="demo-form" action="<%= submission_url(AIRTABLE_DEMO_FORM) %>" method="POST" enctype="multipart/form-data" data-tinyforms="true">
<input type="hidden" name="ID" value="tinyforms_id">
<h3 class="title">Demo</h3>
<div class="tabs is-centered">
<ul>
<li>
<%= link_to demo_url(backend: 'google-sheets') do %>
<span class="icon is-small"><%= image_tag 'google_sheets-icon.svg' %></span>
<span>Google Sheets</span>
<% end %>
</li>
<li class="is-active">
<%= link_to demo_url(backend: 'airtable') do %>
<span class="icon is-small"><%= image_tag 'airtable-icon.svg' %></span>
<span>Airtable</span>
<% end %>
</li>
</ul>
</div>
<p>
This short form is connected to the embedded <%= link_to 'document', AIRTABLE_DEMO_EMBED_URL %> on the right. <br>
Submit the form and see the update of the document in realtime.
This short demo form is connected to the embedded <%= link_to 'document', AIRTABLE_DEMO_EMBED_URL %> on the right. <br>
Submit the form and see the update of the document in real-time.
</p>
<div id="demo-success" style="display:none;">
@ -22,7 +39,7 @@
</p>
</div>
<div id="demo-fields">
<div id="demo-fields" style="margin-top: 10px">
<div class="field">
<label class="label">What's your name?*</label>
<div class="control">
@ -71,7 +88,7 @@
<div class="field is-grouped">
<div class="control">
<button class="button is-link" id="demo-submit">Submit</button>
<button class="button is-primary" id="demo-submit">Submit</button>
</div>
</div>
</div>

28
app/views/home/demo-google.html.erb
View File

@ -4,10 +4,28 @@
<div class="column is-one-third">
<form class="form demo-form" id="demo-form" action="<%= submission_url(GOOGLE_DEMO_FORM) %>" method="POST" enctype="multipart/form-data" data-tinyforms="true">
<input type="hidden" name="ID" value="tinyforms_id">
<h3 class="title">Demo</h3>
<div class="tabs is-centered">
<ul>
<li class="is-active">
<%= link_to demo_url(backend: 'google-sheets') do %>
<span class="icon is-small"><%= image_tag 'google_sheets-icon.svg' %></span>
<span>Google Sheets</span>
<% end %>
</li>
<li>
<%= link_to demo_url(backend: 'airtable') do %>
<span class="icon is-small"><%= image_tag 'airtable-icon.svg' %></span>
<span>Airtable</span>
<% end %>
</li>
</ul>
</div>
<p>
This short form is connected to the embedded <%= link_to 'document', GOOGLE_DEMO_FORM.spreadsheet_url %> on the right. <br>
Submit the form and see the update of the document in realtime.
This short demo form is connected to the embedded <%= link_to 'document', GOOGLE_DEMO_FORM.spreadsheet_url %> on the right. <br>
Submit the form and see the update of the document in real-time.
</p>
<div id="demo-success" style="display:none;">
@ -22,7 +40,7 @@
</p>
</div>
<div id="demo-fields">
<div id="demo-fields" style="margin-top: 10px">
<div class="field">
<label class="label">What's your name?*</label>
<div class="control">
@ -71,7 +89,7 @@
<div class="field is-grouped">
<div class="control">
<button class="button is-link" id="demo-submit">Submit</button>
<button class="button is-primary" id="demo-submit">Submit</button>
</div>
</div>
</div>