added - list all shows and movies option

Author: petersem

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});
     }
 });
 

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": {

public/css/styles.css

@@ -35,3 +35,7 @@ a.alert-link {
   color: #6c757d;
   opacity: .5;
 }
+
+li.title {
+  color: rgb(140, 143, 143);
+}

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";
+}
+

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" } ] -->

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>

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') %>