COMPATIBILITY: Migrate Maps to Glimmer

.discourse-compatibility

@@ -0,0 +1 @@
+3.1.999: ee6a34482cc35006a11dc4acb338ee7c998c5774

.rubocop.yml

@@ -9,5 +9,5 @@ RSpec/DescribeClass:
 
 AllCops:
   Exclude:
-    - '**/gems/**/*'
-    - '**/vendor/**/*'
+    - "**/gems/**/*"
+    - "**/vendor/**/*"

assets/javascripts/discourse/components/location-selector.js.es6

@@ -5,6 +5,7 @@ import {
 } from "../lib/location-utilities";
 import { observes } from "discourse-common/utils/decorators";
 import TextField from "discourse/components/text-field";
+import { findRawTemplate } from "discourse-common/lib/raw-templates";
 
 export default TextField.extend({
   autocorrect: false,
@@ -22,17 +23,10 @@ export default TextField.extend({
       val = location;
     }
 
-    window.__DISCOURSE_RAW_TEMPLATES = requirejs(
-      "discourse-common/lib/raw-templates"
-    ).__DISCOURSE_RAW_TEMPLATES;
-
-    let template =
-      window.__DISCOURSE_RAW_TEMPLATES["javascripts/location-autocomplete"];
-
     $(self.element)
       .val(val)
       .autocomplete({
-        template,
+        template: findRawTemplate("javascripts/location-autocomplete"),
         single: true,
         updateData: false,
 

assets/javascripts/discourse/components/locations-map.hbs

@@ -0,0 +1,102 @@
+<div
+  {{did-insert this.setup}}
+  {{did-update this.setup @category}}
+  id="locations-map"
+  class="locations-map {{if this.expanded 'expanded'}}"
+>
+  {{#if this.showExpand}}
+    <button
+      class="widget-button btn btn-map map-expand"
+      type="button"
+      {{on "click" this.toggleExpand}}
+    >{{d-icon this.mapToggle}}</button>
+  {{/if}}
+  <button
+    class="widget-button btn btn-map map-attribution"
+    type="button"
+    {{on "click" this.toggleAttribution}}
+  >{{d-icon "info"}}</button>
+  {{#if this.showEditButton}}
+    <button
+      class="widget-button btn btn-map category-edit"
+      type="button"
+      {{on "click" this.editCategory}}
+    >{{d-icon "wrench"}}</button>
+  {{/if}}
+  <div class="map-search">
+    {{#if this.isMultipleLocations}}
+      <input
+        type="text"
+        value={{this.searchFilter}}
+        {{on "input" this.filterLocations}}
+      />
+      <span class="search-filter-type">
+        <span>
+          <label for="name">
+            <input
+              type="radio"
+              id="name"
+              name="filter_type"
+              value="name"
+              {{on "input" this.changeFilterType}}
+              checked="checked"
+            />
+            {{i18n "map.search.name"}}
+          </label>
+        </span>
+        {{#if this.isUserListType}}
+          <span>
+            <label for="username">
+              <input
+                type="radio"
+                id="username"
+                name="filter_type"
+                value="username"
+                {{on "input" this.changeFilterType}}
+              />
+              {{i18n "map.search.username"}}
+            </label>
+          </span>
+        {{/if}}
+        {{#if this.isTopicListType}}
+          <span>
+            <label for="address">
+              <input
+                type="radio"
+                id="address"
+                name="filter_type"
+                value="address"
+                {{on "input" this.changeFilterType}}
+              />
+              {{i18n "map.search.address"}}
+            </label>
+          </span>
+          <span>
+            <label for="street">
+              <input
+                type="radio"
+                id="street"
+                name="filter_type"
+                value="street"
+                {{on "input" this.changeFilterType}}
+              />
+              {{i18n "map.search.street"}}
+            </label>
+          </span>
+          <span>
+            <label for="city">
+              <input
+                type="radio"
+                id="city"
+                name="filter_type"
+                value="city"
+                {{on "input" this.changeFilterType}}
+              />
+              {{i18n "map.search.city"}}
+            </label>
+          </span>
+        {{/if}}
+      </span>
+    {{/if}}
+  </div>
+</div>