From ec34ea2116c3443193ba762067b85f1b755ef7c8 Mon Sep 17 00:00:00 2001
From: JonnyWong16 <9099342+JonnyWong16@users.noreply.github.com>
Date: Thu, 16 Jul 2020 19:05:18 -0700
Subject: [PATCH] Trigger change and unbind after selecting in file browser

---
 data/interfaces/default/app_import.html    | 4 ++--
 data/interfaces/default/config_import.html | 4 ++--
 data/interfaces/default/settings.html      | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/data/interfaces/default/app_import.html b/data/interfaces/default/app_import.html
index 419ae0c6..202d337b 100644
--- a/data/interfaces/default/app_import.html
+++ b/data/interfaces/default/app_import.html
@@ -40,7 +40,7 @@
                         <div class="col-xs-12">
                             <div class="input-group">
                                 <span class="input-group-btn">
-                                    <button class="btn btn-form" type="button" id="import_database_path_browse">Browse</button>
+                                    <button class="btn btn-form" type="button" id="import_database_path_browse" data-target="#import_database_path">Browse</button>
                                 </span>
                                 <input type="text" class="form-control" id="import_database_path" name="import_database_path" value="" placeholder="tautulli.db" required disabled>
                             </div>
@@ -115,7 +115,7 @@
 </div>
 <script>
     $("#import_database_path_browse").click(function () {
-        openBrowsePath(null, null, '.db', 'Database File', 'import_database_path');
+        openBrowsePath(null, null, '.db', 'Database File', $(this).data('target'));
     });
 
     $("#import_database_file").change(function() {
diff --git a/data/interfaces/default/config_import.html b/data/interfaces/default/config_import.html
index 2db21088..1cadbdb7 100644
--- a/data/interfaces/default/config_import.html
+++ b/data/interfaces/default/config_import.html
@@ -27,7 +27,7 @@
                         <div class="col-xs-12">
                             <div class="input-group">
                                 <span class="input-group-btn">
-                                    <button class="btn btn-form" type="button" id="import_config_path_browse">Browse</button>
+                                    <button class="btn btn-form" type="button" id="import_config_path_browse" data-target="#import_config_path">Browse</button>
                                 </span>
                                 <input type="text" class="form-control" id="import_config_path" name="import_config_path" value="" placeholder="config.ini" required disabled>
                             </div>
@@ -63,7 +63,7 @@
 </div>
 <script>
     $("#import_config_path_browse").click(function () {
-        openBrowsePath(null, null, '.ini', 'Configuration File', 'import_config_path');
+        openBrowsePath(null, null, '.ini', 'Configuration File', $(this).data('target'));
     });
 
     $("#import_config_file").change(function() {
diff --git a/data/interfaces/default/settings.html b/data/interfaces/default/settings.html
index cf20330e..aedafdf1 100644
--- a/data/interfaces/default/settings.html
+++ b/data/interfaces/default/settings.html
@@ -2033,7 +2033,8 @@ Rating: {rating}/10   --> Rating: /10
 
         $("#select-browse-file").click(function () {
             $("#browse-path-modal").modal('hide');
-            $("#" + select_target).val($("#browse-path").val());
+            $(select_target).val($("#browse-path").val()).change();
+            $(this).unbind('click');
         });
 
         browsePath(key, path, filter_ext);