From 86d42de458fc4eda9114df151577b66ff85ab077 Mon Sep 17 00:00:00 2001
From: Norbert Renner <norbert.renner@gmx.de>
Date: Fri, 7 Feb 2020 20:02:32 +0100
Subject: [PATCH] Show icon indicator when profile is pinned (modified in
 editor)

---
 css/style.css         |  6 +++++
 index.html            |  1 +
 js/control/Profile.js | 52 +++++++++++++++++++++++++++----------------
 3 files changed, 40 insertions(+), 19 deletions(-)

diff --git a/css/style.css b/css/style.css
index 6611be4..ea11721 100644
--- a/css/style.css
+++ b/css/style.css
@@ -483,6 +483,12 @@ table.dataTable.display tbody tr:hover.selected {
     color: #737373;
 }
 
+#profile-pinned {
+    margin-left: auto;
+    margin-right: 4px;
+    color: #777;
+}
+
 .leaflet-sidebar-content {
     /* for optional-layers-tree */
     overflow-x: auto;
diff --git a/index.html b/index.html
index 5b0033b..c9a72bd 100644
--- a/index.html
+++ b/index.html
@@ -686,6 +686,7 @@
                                             >Profile</a
                                         >
                                     </li>
+                                    <span id="profile-pinned" hidden><i class="fa fa-thumb-tack"></i></span>
                                 </ul>
                                 <div class="tab-content flexcolumn flexgrow" id="profileEditorTabsContent">
                                     <div
diff --git a/js/control/Profile.js b/js/control/Profile.js
index 29fbf08..8dba682 100644
--- a/js/control/Profile.js
+++ b/js/control/Profile.js
@@ -19,6 +19,8 @@ BR.Profile = L.Evented.extend({
         L.DomUtil.get('upload').onclick = L.bind(this._upload, this);
         L.DomUtil.get('clear').onclick = L.bind(this.clear, this);
 
+        this.pinned = L.DomUtil.get('profile-pinned');
+
         this.message = new BR.Message('profile_message', {
             alert: true
         });
@@ -42,28 +44,40 @@ BR.Profile = L.Evented.extend({
             empty = !this.editor.getValue(),
             clean = this.editor.isClean();
 
-        if (profileName && BR.conf.profilesUrl && (empty || clean)) {
-            this.profileName = profileName;
-            if (!(profileName in this.cache)) {
-                profileUrl = BR.conf.profilesUrl + profileName + '.brf';
-                BR.Util.get(
-                    profileUrl,
-                    L.bind(function(err, profileText) {
-                        if (err) {
-                            console.warn('Error getting profile from "' + profileUrl + '": ' + err);
-                            return;
-                        }
+        if (profileName && BR.conf.profilesUrl) {
+            // only synchronize profile editor/parameters with selection if no manual changes in full editor,
+            // else keep custom profile pinned - to prevent changes in another profile overwriting previous ones
+            if (empty || clean) {
+                this.profileName = profileName;
+                if (!(profileName in this.cache)) {
+                    profileUrl = BR.conf.profilesUrl + profileName + '.brf';
+                    BR.Util.get(
+                        profileUrl,
+                        L.bind(function(err, profileText) {
+                            if (err) {
+                                console.warn('Error getting profile from "' + profileUrl + '": ' + err);
+                                return;
+                            }
 
-                        this.cache[profileName] = profileText;
+                            this.cache[profileName] = profileText;
 
-                        // don't set when option has changed while loading
-                        if (!this.profileName || this.profileName === profileName) {
-                            this._setValue(profileText);
-                        }
-                    }, this)
-                );
+                            // don't set when option has changed while loading
+                            if (!this.profileName || this.profileName === profileName) {
+                                this._setValue(profileText);
+                            }
+                        }, this)
+                    );
+                } else {
+                    this._setValue(this.cache[profileName]);
+                }
+
+                if (!this.pinned.hidden) {
+                    this.pinned.hidden = true;
+                }
             } else {
-                this._setValue(this.cache[profileName]);
+                if (this.pinned.hidden) {
+                    this.pinned.hidden = false;
+                }
             }
         }
     },