From 5c3074353171c555e1bde17270fa6fc16fb06039 Mon Sep 17 00:00:00 2001
From: fkloft <felix.kloft+github@gmail.com>
Date: Wed, 11 Dec 2013 19:26:07 +0100
Subject: [PATCH] Use gradient for user-location hack circle

---
 mobile/plugins/user-location.svg     | 6 ++++++
 mobile/plugins/user-location.user.js | 7 +++++--
 2 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 mobile/plugins/user-location.svg

diff --git a/mobile/plugins/user-location.svg b/mobile/plugins/user-location.svg
new file mode 100644
index 00000000..eb5b8cd3
--- /dev/null
+++ b/mobile/plugins/user-location.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+	<radialGradient id="user-location-gradient">
+		<stop style="stop-color: #ffa500; stop-opacity: 0; " offset="0.875" />
+		<stop style="stop-color: #ffa500; stop-opacity: 1; " offset="1" />
+	</radialGradient>
+</svg>
diff --git a/mobile/plugins/user-location.user.js b/mobile/plugins/user-location.user.js
index 783cb55e..4766de51 100644
--- a/mobile/plugins/user-location.user.js
+++ b/mobile/plugins/user-location.user.js
@@ -25,6 +25,8 @@ window.plugin.userLocation.locationLayer = new L.LayerGroup();
 window.plugin.userLocation.setup = function() {
   $('<style>').prop('type', 'text/css').html('@@INCLUDESTRING:mobile/plugins/user-location.css@@').appendTo('head');
 
+  $('<div style="position:absolute; left:-9999em; top:-9999em;">').html('@@INCLUDESTRING:mobile/plugins/user-location.svg@@').prependTo('body');
+
   var cssClass = PLAYER.team === 'RESISTANCE' ? 'res' : 'enl';
 
   var icon = L.divIcon({
@@ -41,9 +43,10 @@ window.plugin.userLocation.setup = function() {
   });
 
   var circle = new L.Circle(new L.LatLng(0,0), 40, {
-    color: 'orange',
+    stroke: false,
     opacity: 0.7,
-    fillOpacity: 0,
+    fillOpacity: 1,
+    fillColor: "url(#user-location-gradient)",
     weight: 1.5,
     clickable: false
   });