[IMP] website, *: move all google map options to left panel

*: web_editor

-> Introduce the we-gpspicker widget and improve the way the gmap lib
    is loaded (for Odoo / multiple snippets / ...).

Part of https://github.com/odoo/odoo/pull/49101
task-2091396
This commit is contained in:
qsm-odoo
2020-07-28 07:45:40 +00:00
parent 59d46b51b1
commit 430b5b669f
12 changed files with 400 additions and 176 deletions
@@ -107,6 +107,35 @@
</we-row>
</div>
</t>
<div t-name="website.s_google_map_modal">
<p>Use Google Map on your website (Contact Us page, snippets, etc).</p>
<div class="form-group row mb-0">
<label class="col-sm-2 col-form-label" for="pin_address">API Key</label>
<div class="col">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text"><i class="fa fa-key"/></div>
</div>
<input type="text" class="form-control" id="api_key_input"
t-att-value="apiKey or ''"
placeholder="BSgzTvR5L1GB9jriT451iTN4huVPxHmltG6T6eo"/>
</div>
<div class="small form-text text-muted">
Hint: How to use Google Map on your website (Contact Us page and as a snippet)
<br/>
<a target="_blank" href="https://console.developers.google.com/flows/enableapi?apiid=maps_backend,static_maps_backend&amp;keyType=CLIENT_SIDE&amp;reusekey=true">
<i class="fa fa-arrow-right"/>
Create a Google Project and Get a Key
</a>
<br/>
<a target="_blank" href="https://cloud.google.com/maps-platform/pricing">
<i class="fa fa-arrow-right"/>
Enable billing on your Google Project
</a>
</div>
</div>
</div>
</div>
<!-- Theme - custom code -->
<div t-name="website.custom_code_dialog_content">