Improve location marker

Change location marker to GPS icon, make sure the point is the anchor and colour it with highlight colour

m.self \
![image](/uploads/d7136e7f70a106665fcaea0588a334f7/image.png)

m.pin \
![image](/uploads/baee5d19c098eaab1abd91533fe431e5/image.png)

src/CMakeLists.txt

@@ -178,6 +178,7 @@ if(ANDROID)
         "home"
         "preferences-desktop-notification"
         "computer-symbolic"
+        "gps"
     )
 else()
     target_link_libraries(neochat PUBLIC Qt::Widgets KF${QT_MAJOR_VERSION}::KIOWidgets)

src/models/messageeventmodel.cpp

@@ -71,6 +71,7 @@ QHash<int, QByteArray> MessageEventModel::roleNames() const
     roles[IsPendingRole] = "isPending";
     roles[LatitudeRole] = "latitude";
     roles[LongitudeRole] = "longitude";
+    roles[AssetRole] = "asset";
     return roles;
 }
 
@@ -835,6 +836,14 @@ QVariant MessageEventModel::data(const QModelIndex &idx, int role) const
         return latitude.toFloat();
     }
 
+    if (role == AssetRole) {
+        const auto assetType = evt.contentJson()["org.matrix.msc3488.asset"].toObject()["type"].toString();
+        if (assetType.isEmpty()) {
+            return {};
+        }
+        return assetType;
+    }
+
     if (role == ReadMarkersRole) {
 #ifdef QUOTIENT_07
         auto userIds = room()->userIdsAtEvent(evt.id());

src/models/messageeventmodel.h

@@ -78,6 +78,7 @@ public:
         IsPendingRole,
         LatitudeRole,
         LongitudeRole,
+        AssetRole,
         LastRole, // Keep this last
     };
     Q_ENUM(EventRoles)

src/qml/Component/Timeline/LocationDelegate.qml

@@ -43,14 +43,37 @@ TimelineContainer {
                 id: point
 
                 anchorPoint.x: sourceItem.width / 2
-                anchorPoint.y: sourceItem.height / 2
+                anchorPoint.y: sourceItem.height
                 coordinate: QtPositioning.coordinate(model.latitude, model.longitude)
                 autoFadeIn: false
 
                 sourceItem: Kirigami.Icon {
                     width: height
-                    height: Kirigami.Units.iconSizes.medium
-                    source: "flag-blue"
+                    height: Kirigami.Units.iconSizes.huge
+                    source: "gps"
+                    isMask: true
+                    color: Kirigami.Theme.highlightColor
+
+                    Kirigami.Icon {
+                        anchors.centerIn: parent
+                        anchors.verticalCenterOffset: -parent.height / 8
+                        visible: model.asset === "m.pin"
+                        width: height
+                        height: parent.height / 3 + 1
+                        source: "pin"
+                        isMask: true
+                        color: Kirigami.Theme.highlightColor
+                    }
+                    Kirigami.Avatar {
+                        anchors.centerIn: parent
+                        anchors.verticalCenterOffset: -parent.height / 8
+                        visible: model.asset === "m.self"
+                        width: height
+                        height: parent.height / 3 + 1
+                        name: model.author.name ?? model.author.displayName
+                        source: model.author.avatarMediaId ? ("image://mxc/" + model.author.avatarMediaId) : ""
+                        color: model.author.color
+                    }
                 }
             }