From 430b5b669f8dc42c7bd5ed08de3e080fb0200ac2 Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Mon, 27 Jul 2020 10:24:44 +0000
Subject: [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
---
 .../website/static/src/xml/s_google_map_modal.xml  | 29 ----------------------
 addons/website/static/src/xml/website.editor.xml   | 29 ++++++++++++++++++++++
 2 files changed, 29 insertions(+), 29 deletions(-)
 delete mode 100644 addons/website/static/src/xml/s_google_map_modal.xml

(limited to 'addons/website/static/src/xml')

diff --git a/addons/website/static/src/xml/s_google_map_modal.xml b/addons/website/static/src/xml/s_google_map_modal.xml
deleted file mode 100644
index 407e27d5acb..00000000000
--- a/addons/website/static/src/xml/s_google_map_modal.xml
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<templates xml:space="preserve">
-    <div t-name="website.s_google_map_modal">
-        <div class="form-group form-row">
-            <label for="pin_address" class="col-md-3 col-form-label text-right">Address</label>
-            <div class="col-md-9">
-                <div class="input-group">
-                    <div class="input-group-prepend">
-                        <div class="input-group-text"><i class="fa fa-building-o"/></div>
-                    </div>
-                    <input type="text" class="form-control" id="pin_address" placeholder="Your address"/>
-                    <input type="hidden" id="placeBk"/>
-                </div>
-            </div>
-            <div class="col-md-9 offset-md-3">
-                <small class="form-text">e.g. De Brouckere, Brussels, Belgium</small>
-            </div>
-        </div>
-        <div class="form-group form-row">
-            <label for="pin_style" class="col-md-3 col-form-label text-right">Marker Style</label>
-            <div class="col-md-9">
-                <select id="pin_style" name="pin_style" class="col-md-5">
-                    <option value="flat">Flat</option>
-                    <option>Default</option>
-                </select>
-            </div>
-        </div>
-    </div>
-</templates>
diff --git a/addons/website/static/src/xml/website.editor.xml b/addons/website/static/src/xml/website.editor.xml
index bea9661aa21..f024202d523 100644
--- a/addons/website/static/src/xml/website.editor.xml
+++ b/addons/website/static/src/xml/website.editor.xml
@@ -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">
-- 
cgit v1.2.3