Oliver/my-biz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: split components into mybizapp.js + trial_modal.html, add show_calendar()

Browse Source
This commit is contained in:
oliver
2026-05-15 14:35:23 -03:00
parent bc8a69c8ef
commit caac8addcb
4 changed files with 698 additions and 649 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/trial_modal.html
+64
View File
@@ -0,0 +1,64 @@
<div id="tm-overlay" role="dialog" aria-modal="true" aria-labelledby="tm-title">
<div id="tm-box">
<button id="tm-close" aria-label="Close">&times;</button>
<h2 class="tm-title" id="tm-title">Start Your 4 Weeks Free Trial</h2>
<p class="tm-subtitle">Test drive your back-office in a 4-week free trial.</p>
<form id="tm-form" novalidate>
<div class="tm-grid">
<div class="tm-field-group full">
<label class="tm-label" for="tm-email">Work Email</label>
<input
type="email"
id="tm-email"
name="email"
class="tm-field"
placeholder="you@company.com"
required
/>
</div>
<div class="tm-field-group full tm-select" id="tm-location-select">
<label class="tm-label" for="tm-location">Server Location</label>
<button
type="button"
class="tm-field tm-select-btn is-placeholder"
id="tm-location-btn"
aria-haspopup="listbox"
aria-expanded="false"
aria-controls="tm-location-menu"
>
Select your server location
</button>
<div
class="tm-select-menu"
id="tm-location-menu"
role="listbox"
aria-labelledby="tm-location-btn"
>
<button type="button" class="tm-select-option" data-value="boston">🇺🇸 Boston</button>
<button type="button" class="tm-select-option" data-value="manchester">🇬🇧 Manchester</button>
<button type="button" class="tm-select-option" data-value="mumbai">🇮🇳 Mumbai</button>
<button type="button" class="tm-select-option" data-value="saopaulo">🇧🇷 São Paulo</button>
<button type="button" class="tm-select-option" data-value="meppel">🇳🇱 Meppel</button>
<button type="button" class="tm-select-option" data-value="sydney">🇦🇺 Sydney</button>
</div>
<input type="hidden" id="tm-location" name="location" value="" required />
</div>
</div>
<input type="hidden" id="tm-product" name="product" value="odoo_19" />
<input type="hidden" id="tm-plan" name="plan" value="General Free Trial" />
<input type="hidden" name="utm_source" value="" />
<input type="hidden" name="utm_medium" value="" />
<input type="hidden" name="utm_campaign" value="" />
<input type="hidden" name="utm_term" value="" />
<input type="hidden" name="utm_content" value="" />
<button type="submit" class="tm-submit">Start Free Trial</button>
</form>
<div id="tm-confirm">
<p class="tm-confirm-title">Thank you! 🎉</p>
<p class="tm-confirm-sub">
We've received your request and a specialist will be in touch within one business day.
</p>
<button id="tm-confirm-close" class="tm-submit">Close</button>
</div>
</div>
</div>