add new location widget

src/components/TaskPane/TaskPane.jsx

@@ -55,7 +55,7 @@
     layout: [
       { i: generateWidgetId(), x: 0, y: 0, w: 4, h: 4 },
       { i: generateWidgetId(), x: 4, y: 0, w: 8, h: 5 },
-      { i: generateWidgetId(), x: 4, y: 5, w: 8, h: 19 },
+      { i: generateWidgetId(), x: 4, y: 5, w: 8, h: 21 },
       { i: generateWidgetId(), x: 0, y: 4, w: 4, h: 7 },
       { i: generateWidgetId(), x: 0, y: 11, w: 4, h: 8 },
     ],

src/components/Widgets/LocationWidget/LocationWidget.jsx

@@ -0,0 +1,45 @@
+import { Component } from "react";
+import { FormattedMessage } from "react-intl";
+import { WidgetDataTarget, registerWidgetType } from "../../../services/Widget/Widget";
+import QuickWidget from "../../QuickWidget/QuickWidget";
+import PlaceDescription from "../../TaskPane/PlaceDescription/PlaceDescription";
+import TaskLatLon from "../../TaskPane/TaskLatLon/TaskLatLon";
+import messages from "./Messages";
+
+const descriptor = {
+  widgetKey: "LocationWidget",
+  label: messages.label,
+  targets: [WidgetDataTarget.task],
+  minWidth: 2,
+  defaultWidth: 4,
+  minHeight: 2,
+  defaultHeight: 3,
+};
+
+export default class LocationWidget extends Component {
+  toggleReverseLonLat = (reverseLonLat) => {
+    this.props.updateUserAppSetting(this.props.user.id, {
+      reverseLonLat: !reverseLonLat,
+    });
+  };
+
+  render() {
+    const reverseLonLat =
+      this.props.user?.properties?.mr3Frontend?.settings?.reverseLonLat || false;
+
+    return (
+      <QuickWidget
+        {...this.props}
+        className="task-location-widget"
+        widgetTitle={<FormattedMessage {...messages.label} />}
+        noMain
+      >
+        <PlaceDescription address={this.props.task.place?.address} className="mr-text-md " />
+
+        <TaskLatLon task={this.props.task} reverse={reverseLonLat} className="mr-text-xs mr-mt-3" />
+      </QuickWidget>
+    );
+  }
+}
+
+registerWidgetType(LocationWidget, descriptor);

src/components/Widgets/LocationWidget/Messages.js

@@ -0,0 +1,11 @@
+import { defineMessages } from "react-intl";
+
+/**
+ * Internationalized messages for use with TaskLocationWidget
+ */
+export default defineMessages({
+  label: {
+    id: "Widgets.TaskLocationWidget.label",
+    defaultMessage: "Location",
+  },
+});

src/components/Widgets/widget_registry.js

@@ -27,6 +27,7 @@ export { default as TaskMoreOptionsWidget } from "./TaskMoreOptionsWidget/TaskMo
 export { default as TaskPropertiesWidget } from "./TaskPropertiesWidget/TaskPropertiesWidget";
 export { default as KeyboardShortcutsWidget } from "./KeyboardShortcutsWidget/KeyboardShortcutsWidget";
 export { default as TaskLocationWidget } from "./TaskLocationWidget/TaskLocationWidget";
+export { default as LocationWidget } from "./LocationWidget/LocationWidget";
 export { default as TaskStatusWidget } from "./TaskStatusWidget/TaskStatusWidget";
 export { default as CompletionProgressWidget } from "./CompletionProgressWidget/CompletionProgressWidget";
 export { default as ChallengeShareWidget } from "./ChallengeShareWidget/ChallengeShareWidget";