From 41f69c82823e3dc347593c5cd345eb6ed486dfcd Mon Sep 17 00:00:00 2001
From: Matthew Petersen <mpetersen@pobox.com>
Date: Mon, 29 Jan 2024 14:27:24 +1000
Subject: [PATCH] added - list all shows and movies option

---
 index.js              |  3 ++-
 package.json          |  2 +-
 public/css/styles.css |  4 ++++
 public/js/script.js   | 12 ++++++++++++
 views/exportarr.ejs   | 31 +++++++++++++++++++++++++++++++
 views/header.ejs      |  4 +++-
 views/index.ejs       |  2 +-
 7 files changed, 54 insertions(+), 4 deletions(-)

diff --git a/index.js b/index.js
index af81ab6..21e7786 100644
--- a/index.js
+++ b/index.js
@@ -23,6 +23,7 @@ async function GetMovies(genre) {
     console.log('✅ Starting process to get movie data for lists');
     let rdr = new radarr(radarrUrl, radarrToken);
     movies = await rdr.GetMovies(genre);
+    //discreteMovieList = movies;
     console.log(movies.length, "matching movies returned");
     distinctMovieGenres = await Promise.resolve(rdr.genreList.sort());
     console.log('✅ Movie genre list created');
@@ -82,7 +83,7 @@ app.get("/", (req, res) => {
         res.sendStatus(401);
     }
     else{
-        res.render('index',{radarr: distinctMovieGenres, sonarr: distinctShowGenres, token: token});
+        res.render('index',{radarr: distinctMovieGenres, sonarr: distinctShowGenres, token: token, movies: movies, shows: shows});
     }
 });
 
diff --git a/package.json b/package.json
index 88bb1c7..a6674c4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "exportarr",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Export radarr list as custom stephen lu format feeds, for import into other radarr apps",
   "main": "index.js",
   "nodemonConfig": {
diff --git a/public/css/styles.css b/public/css/styles.css
index 9ccaa0e..7226d81 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -35,3 +35,7 @@ a.alert-link {
   color: #6c757d;
   opacity: .5;
 }
+
+li.title {
+  color: rgb(140, 143, 143);
+}
\ No newline at end of file
diff --git a/public/js/script.js b/public/js/script.js
index e69de29..b758961 100644
--- a/public/js/script.js
+++ b/public/js/script.js
@@ -0,0 +1,12 @@
+function hideElement() {
+    document.getElementById("full-list1").style.display = "none";
+    document.getElementById("full-list2").style.display = "none";
+}
+
+function showElement() {
+    document.getElementById("full-list1").style.display = "block";
+    document.getElementById("full-list1").style.visibility = "visible";
+    document.getElementById("full-list2").style.display = "block";
+    document.getElementById("full-list2").style.visibility = "visible";
+}
+
diff --git a/views/exportarr.ejs b/views/exportarr.ejs
index bbee1c6..727cad9 100644
--- a/views/exportarr.ejs
+++ b/views/exportarr.ejs
@@ -1,3 +1,4 @@
+
 <div class="container py-4">
     <div class="bg-light rounded-3">
         <div class="container-fluid py-5 banners">
@@ -48,7 +49,37 @@
                 </ul>
             </div>
         </div>
+        
+        <div class="col-12">
+            <h2>Full list of titles (for reference)</h2>
+            <button class="ws-btn w3-block" onclick="showElement()">Show</button>
+            <button class="ws-btn w3-block" onclick="hideElement()">Hide</button>
+        </div>
+
+        <div class="col-6" id="full-list1" style="display: none;">
+            <!-- method 1 - sizing classes -->
+            <div class="list-group d-flex flex-row ">
+                <ul>
+                    <% movies.forEach(function(movie) { %>
+                        <li class="title"><%=movie.title%> - (<%=movie.genres%>)</a></li>
+                    <%});%>
+                </ul>
+            </div>
+        </div>
+
+        <div class="col-6" id="full-list2" style="display: none;">
+            <!-- method 1 - sizing classes -->
+            <div class="list-group d-flex flex-row ">
+                <ul>
+                    <% shows.forEach(function(show) { %>
+                        <li class="title"><%=show.title%> - (<%=show.genres%>)</a></li>
+                    <%});%>
+                </ul>
+            </div>
+        </div>
+
     </div>
 
+    
 
     <!-- [{ "tvdbId": "75837" }, { "tvdbId": "77847" }, { "tvdbId": "78299" }, { "tvdbId": "72756" } ] -->
\ No newline at end of file
diff --git a/views/header.ejs b/views/header.ejs
index 7fe8664..a7f6c9d 100644
--- a/views/header.ejs
+++ b/views/header.ejs
@@ -20,7 +20,9 @@
   <link rel="stylesheet" href="/css/font-awesome.min.css">
   <link rel="stylesheet" href="/css/styles.css">
   <link rel="stylesheet" href="/css/light.min.css">
-  <!-- <script src="/js/script.js"></script> -->
+  <script src="/js/script.js"></script>
+
+
 
   <title>Exportarr</title>
 </head>
diff --git a/views/index.ejs b/views/index.ejs
index 923b298..8400db9 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -1,3 +1,3 @@
 <%- include('header.ejs') %>
-<%- include('exportarr.ejs', {radarr, sonarr, token}) %>
+<%- include('exportarr.ejs', {radarr, sonarr, token, movies, shows}) %>
 <%- include('footer.ejs') %>