add contact symbols

appinfo/info.xml

@@ -70,7 +70,7 @@ Any feedback will be appreciated.
     <category>multimedia</category>
     <website>https://gitlab.com/eneiluj/gpxedit-oc</website>
     <bugs>https://gitlab.com/eneiluj/gpxedit-oc/issues</bugs>
-    <screenshot>https://gitlab.com/eneiluj/gpxedit-oc/uploads/36c9bf5ef841d585b5f4365d85586d49/one.png</screenshot>
+    <screenshot>https://gitlab.com/eneiluj/gpxedit-oc/uploads/01955c60c4605a92c68dd5617b0703c0/gpxedit.gif</screenshot>
     <screenshot>https://gitlab.com/eneiluj/gpxedit-oc/uploads/c062d8bcf995a9192f5e11702aa03710/two.png</screenshot>
     <screenshot>https://gitlab.com/eneiluj/gpxedit-oc/uploads/c3aa82fe2cb18aa44eef9207c790838c/three.png</screenshot>
     <dependencies>

css/gpxedit.css

@@ -704,22 +704,48 @@ input[type=checkbox]
     background: url('images/symbols/geocache-open.png') no-repeat right 8px center rgba(240, 240, 240, 0.90);
     background-size: 22px 20px;
 }
-/*
-Block, Blue
-Blue Diamond
-City (Capitol)
-Flag, Blue
-Multi-cache
-Parking Area
-Pin, Blue
-Residence
-Traditional Cache
-Trailhead
-Unknown Cache
-Virtual Cache
-Event Cache
-Waypoint
- */
+
+.contact-alien, .contact-bigears, .contact-female3, .contact-cat, .contact-dog{
+    background-size: 24px 24px !important;
+    background-repeat: no-repeat !important;
+    width: 24px !important;
+    height: 24px !important;
+}
+.contact-alien{
+    background-image: url('images/symbols/contact-alien.png') !important;
+}
+.contact-alien-select{
+    background: url('images/symbols/contact-alien.png') no-repeat right 8px center rgba(240, 240, 240, 0.90);
+    background-size: 20px 20px;
+}
+.contact-bigears{
+    background-image: url('images/symbols/contact-bigears.png') !important;
+}
+.contact-bigears-select{
+    background: url('images/symbols/contact-bigears.png') no-repeat right 8px center rgba(240, 240, 240, 0.90);
+    background-size: 20px 20px;
+}
+.contact-female3{
+    background-image: url('images/symbols/contact-female3.png') !important;
+}
+.contact-female3-select{
+    background: url('images/symbols/contact-female3.png') no-repeat right 8px center rgba(240, 240, 240, 0.90);
+    background-size: 20px 20px;
+}
+.contact-cat{
+    background-image: url('images/symbols/contact-cat.png') !important;
+}
+.contact-cat-select{
+    background: url('images/symbols/contact-cat.png') no-repeat right 8px center rgba(240, 240, 240, 0.90);
+    background-size: 20px 20px;
+}
+.contact-dog{
+    background-image: url('images/symbols/contact-dog.png') !important;
+}
+.contact-dog-select{
+    background: url('images/symbols/contact-dog.png') no-repeat right 8px center rgba(240, 240, 240, 0.90);
+    background-size: 20px 20px;
+}
 
 .popupImage{
     width: 80px;

js/gpxedit.js

@@ -35,6 +35,11 @@ var symbolSelectClasses = {
     'Geocache': 'geocache-select',
     'Geocache Found': 'geocache-open-select',
     'Medical Facility': 'medical-select',
+    'Contact, Alien': 'contact-alien-select',
+    'Contact, Big Ears': 'contact-bigears-select',
+    'Contact, Female3': 'contact-female3-select',
+    'Contact, Cat': 'contact-cat-select',
+    'Contact, Dog': 'contact-dog-select',
 }
 
 var symbolIcons = {
@@ -133,6 +138,26 @@ var symbolIcons = {
         className: 'medical',
         iconAnchor: [13, 11]
     }),
+    'Contact, Alien': L.divIcon({
+        className: 'contact-alien',
+        iconAnchor: [12, 12]
+    }),
+    'Contact, Big Ears': L.divIcon({
+        className: 'contact-bigears',
+        iconAnchor: [12, 12]
+    }),
+    'Contact, Female3': L.divIcon({
+        className: 'contact-female3',
+        iconAnchor: [12, 12]
+    }),
+    'Contact, Cat': L.divIcon({
+        className: 'contact-cat',
+        iconAnchor: [12, 12]
+    }),
+    'Contact, Dog': L.divIcon({
+        className: 'contact-dog',
+        iconAnchor: [12, 12]
+    }),
 }
 
 var hoverStyle = {
@@ -1097,7 +1122,7 @@ $(document).ready(function(){
     });
 
     // load a file if 'file' GET url parameter was given
-    var fileparam = getUrlParameter('file');
+    var fileparam = decodeURI(getUrlParameter('file'));
     if (fileparam){
         loadAction(fileparam);
     }