From 9bd36cf1373066ec1a6d28eda3eaaba366d752c8 Mon Sep 17 00:00:00 2001
From: josdion <josdion@users.noreply.github.com>
Date: Mon, 20 Apr 2020 12:21:18 +0300
Subject: [PATCH] add uploader column in manual search dialog

- do not close search dialog when clicking outside it.
- combine language and HI columns and show them as labels.
- add uploader column.
- add 1px margin between matches drop-down buttons.
- refresh selectpicker on general settings page, so the current values are displayed instead of the default ones.
---
 views/episodes.html        | 31 +++++++++++++++++++++----------
 views/movie.html           | 30 ++++++++++++++++++++----------
 views/settingsgeneral.html |  1 +
 3 files changed, 42 insertions(+), 20 deletions(-)

diff --git a/views/episodes.html b/views/episodes.html
index 28db2ab2f..8a8b31c1b 100644
--- a/views/episodes.html
+++ b/views/episodes.html
@@ -115,7 +115,7 @@
         </thead>
     </table>
 
-    <div id="manualSearchModal" class="modal" tabindex="-1" role="dialog">
+    <div id="manualSearchModal" class="modal" tabindex="-1" role="dialog" data-backdrop="static">
         <div class="modal-dialog modal-xl" role="document">
             <div class="modal-content">
                 <div class="modal-header">
@@ -127,16 +127,16 @@
                 <div class="modal-body">
                     <h6>Episode path is: <span id="episode_path_span" class="badge badge-secondary"></span>
                         <br>Scenename is: <span id="episode_scenename_span" class="badge badge-secondary"></span></h6>
-                    <div class="container-fluid">
+                    <div class="container-fluid" style="padding:0px;">
                         <table id="search_result" class="table table-striped">
                             <thead>
                             <tr>
                                 <th style="text-align: left;">Score:</th>
-                                <th style="text-align: left;">Lang.:</th>
-                                <th style="text-align: left;">HI:</th>
+                                <th></th>
                                 <th style="text-align: left;">Provider:</th>
                                 <th style="text-align: left;">Matching:</th>
                                 <th style="text-align: left;">Releases:</th>
+                                <th style="text-align: left;">Uploader:</th>
                                 <th></th>
                             </tr>
                             </thead>
@@ -546,14 +546,19 @@
                         {
                             data: null,
                             render: function (data) {
+                                let lng = data.language;
                                 if (data.language === "pt" && is_pb === true && is_pt === false) {
-                                    return 'pb'
-                                } else {
-                                    return data.language
+                                    lng = 'pb'
+                                }
+
+                                let text = '<div class="badge badge-secondary" style="margin:1px;">' + lng.toUpperCase() + '</div>';
+                                if (data.hearing_impaired == "True") { 
+                                    text += '<div class="badge badge-dark" style="margin:1px;">HI</div>';
                                 }
+
+                                return text;
                             }
                         },
-                        {data: 'hearing_impaired'},
                         {
                             data: null,
                             render: function (data) {
@@ -566,12 +571,12 @@
                                 const array_matches = data.matches;
                                 const array_dont_matches = data.dont_matches;
                                 let i;
-                                let text = '<div class="dropdown"><div class="btn-group dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-check-circle" style="color: green;"></i> ' + array_matches.length + '</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
+                                let text = '<div class="dropdown"><div class="btn-group dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="margin:1px;"><i class="fas fa-check-circle" style="color: green;"></i> ' + array_matches.length + '</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
                                 for (i = 0; i < array_matches.length; i++) {
                                     text += '<a class="dropdown-item disabled" href="#">' + array_matches[i] + '</a>';
                                 }
                                 text += '</div>';
-                                text += '<div class="dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-times-circle" style="color: red;"></i> ' + array_dont_matches.length + '</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
+                                text += '<div class="dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="margin:1px;"><i class="fas fa-times-circle" style="color: red;"></i> ' + array_dont_matches.length + '</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
                                 for (i = 0; i < array_dont_matches.length; i++) {
                                     text += '<a class="dropdown-item disabled" href="#">' + array_dont_matches[i] + '</a>';
                                 }
@@ -592,6 +597,12 @@
                                 return text;
                             }
                         },
+                        { 
+                            data: 'uploader',
+                            render: function ( data, type, row ) {
+                                return '<div class="badge badge-secondary">' + data + '</div>';
+                            }
+                        },
                         {
                             data: null,
                             render: function (data) {
diff --git a/views/movie.html b/views/movie.html
index 6c646179f..3a6cb7a1e 100644
--- a/views/movie.html
+++ b/views/movie.html
@@ -123,7 +123,7 @@
 <h5 style="font-weight: 500;">Missing Subtitles</h5>
 <span id="missingSubtitles"></span>
 
-<div id="manualSearchModal" class="modal" tabindex="-1" role="dialog">
+<div id="manualSearchModal" class="modal" tabindex="-1" role="dialog" data-backdrop="static">
 	<div class="modal-dialog modal-xl" role="document">
 		<div class="modal-content">
 			<div class="modal-header">
@@ -135,16 +135,16 @@
 			<div class="modal-body">
 				<h6>Movie path is: <span id="movie_path_span" class="badge badge-secondary"></span>
 					<br>Scenename is: <span id="movie_scenename_span" class="badge badge-secondary"></span></h6>
-				<div class="container-fluid">
+				<div class="container-fluid" style="padding:0px;">
 					<table id="search_result" class="table table-striped">
 						<thead>
 						<tr>
 							<th style="text-align: left;">Score:</th>
-							<th style="text-align: left;">Lang.:</th>
-							<th style="text-align: left;">HI:</th>
+							<th></th>
 							<th style="text-align: left;">Provider:</th>
 							<th style="text-align: left;">Matching:</th>
 							<th style="text-align: left;">Releases:</th>
+							<th style="text-align: left;">Uploader:</th>
 							<th></th>
 						</tr>
 						</thead>
@@ -427,14 +427,19 @@
 					},
 					{ data: null,
 						render: function ( data ) {
+							let lng = data.language;
 							if ( data.language === "pt" && is_pb === true && is_pt === false) {
-								return 'pb'
-							} else {
-								return data.language
+								lng = 'pb'
+							}
+
+							let text = '<div class="badge badge-secondary" style="margin:1px;">' + lng.toUpperCase() + '</div>';
+                            if (data.hearing_impaired == "True") {
+								text += '<div class="badge badge-dark" style="margin:1px;">HI</div>';
 							}
+
+							return text;
 						}
 					},
-					{ data: 'hearing_impaired' },
 					{ data: null,
 						render: function ( data ) {
 							return '<a href="'+data.url+'" target="_blank">'+data.provider+'</a>';
@@ -445,12 +450,12 @@
 							const array_matches = data.matches;
 							const array_dont_matches = data.dont_matches;
 							let i;
-							let text = '<div class="dropdown"><div class="btn-group dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-check-circle" style="color: green;"></i> '+array_matches.length+'</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
+							let text = '<div class="dropdown"><div class="btn-group dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="margin:1px;"><i class="fas fa-check-circle" style="color: green;"></i> '+array_matches.length+'</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
 							for (i = 0; i < array_matches.length; i++) {
 								text += '<a class="dropdown-item disabled" href="#">' + array_matches[i] + '</a>';
 							}
 							text += '</div>';
-							text += '<div class="dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-times-circle" style="color: red;"></i> '+array_dont_matches.length+'</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
+							text += '<div class="dropdown"><button class="btn btn-secondary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="margin:1px;"><i class="fas fa-times-circle" style="color: red;"></i> '+array_dont_matches.length+'</button><div class="dropdown-menu" aria-labelledby="dropdownMenuButton">';
 							for (i = 0; i < array_dont_matches.length; i++) {
 								text += '<a class="dropdown-item disabled" href="#">' + array_dont_matches[i] + '</a>';
 							}
@@ -470,6 +475,11 @@
 							return text;
 						}
 					},
+					{ data: 'uploader',
+						render: function ( data, type, row ) {
+							return '<div class="badge badge-secondary">' + data + '</div>';
+						}
+					},
 					{ data: null,
 						render: function ( data ) {
 							return '<a href="" class="manual_download badge badge-secondary" data-moviePath="'+moviePath+'" data-sceneName="'+sceneName+'" data-subtitle="'+data.subtitle+'" data-provider="'+data.provider+'" data-language="'+data.language+'" data-forced="'+forced+'"><i class="fas fa-download" style="margin-right:0px" ></i></a>';
diff --git a/views/settingsgeneral.html b/views/settingsgeneral.html
index ead53928f..fef857b4b 100644
--- a/views/settingsgeneral.html
+++ b/views/settingsgeneral.html
@@ -303,6 +303,7 @@
             $('#settings-proxy-type').val('{{settings.proxy.type}}').trigger('change');
             $('#settings-general-page_size').val('{{settings.general.page_size}}');
             $('#settings-general-branch').val('{{settings.general.branch}}');
+            $('.selectpicker').selectpicker('refresh')
 
             // Set Checkbox input values
             $('#settings-general-debug').prop('checked', {{'true' if settings.general.getboolean('debug')}});