Changeset 11217 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-openverse/js/message_test.html

Timestamp:

09/08/2021 01:07:57 AM (3 years ago)

Author:

dd32

Message:

Openverse: Update the theme to pass the locale.

Fixes #5892.
Closes ​https://github.com/WordPress/wordpress.org/pull/39

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-openverse/js/message_test.html (modified) (4 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-openverse/js/message_test.html

@@ -8 +8 @@
         margin-top: 1em;
       }
+
       label {
         display: inline-block;
@@ -20 +21 @@
        * @param {any} value - the data to send along with the message
        */
-      function sendMessage (type, value) {
+      function sendMessage(type, value = {}) {
         if (window.parent !== window) {
           const message = { debug: true, type, value };
@@ -64 +65 @@
           }
           sendMessage('urlChange', message);
+        });
+
+        document.forms.localeGet.addEventListener('submit', (event) => {
+          event.preventDefault();
+
+          const listener = ({ origin, data }) => {
+            if (data.type !== 'localeSet') {
+              return;
+            }
+
+            console.log(`Received message from origin ${origin}:`);
+            document.getElementById('gotLocale').innerText = JSON.stringify(data, null, 2);
+
+            console.log('Removing listener');
+            window.removeEventListener('message', listener);
+          };
+          window.addEventListener('message', listener);
+          sendMessage('localeGet');
         });
       });
@@ -114 +133 @@
       </div>
     </form>
+
+    <h2>Test locale get</h2>
+    <form name="localeGet">
+      <div class="row">
+        <button type="submit">
+          Get locale
+        </button>
+        <pre><code id="gotLocale"></code></pre>
+      </div>
+    </form>
   </body>
 </html>