+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ Wrapped Setup
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ If you want to decrease loadtime for your users you can pre-cache their results.
+
Remember to configure the system first.
+
+ +
+
+
+ Wrapped Caching
+ +
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/caching.js b/caching.js
new file mode 100644
index 0000000..d4ecb30
--- /dev/null
+++ b/caching.js
@@ -0,0 +1,191 @@
+var cached = 0;
+var input_array;
+
+function search_box() {
+ var html = `
+
+ `;
+
+ document.getElementById('cache').innerHTML = html;
+}
+
+$(document).on('submit', '#stats_form', function(){
+
+ cache();
+
+});
+
+function cache() {
+ var timeout_input = document.getElementById('timeout').value * 1000;
+ var input = document.getElementById('p_identity_multiple').value;
+ input_array = input.split(',');
+
+ var html = `
+
+ `;
+
+ document.getElementById('cache').innerHTML = html;
+
+ call_stats(0, timeout_input);
+}
+function call_stats(i, timeout_input) {
+ get_stats(input_array[i].trim());
+
+ if(i < input_array.length-1) {
+ setTimeout(function(){
+ i += 1;
+ call_stats(i, timeout_input);
+ }, timeout_input);
+ }
+
+
+}
+
+function cache_log(p_identity, result) {
+ if(result) {
+ document.getElementById('cache_results').innerHTML += '' + p_identity + '
'; + } else { + document.getElementById('cache_results').innerHTML += '' + p_identity + '
'; + } + + cached += 1; + + if(cached == input_array.length) { + document.getElementById('loading_icon').style.display = "none"; + } +} + +function get_stats(p_identity) { + + stats_form = { + "p_identity" : p_identity + }; + + var stats_data = JSON.stringify(stats_form); + + var xhttp = new XMLHttpRequest(); + xhttp.onreadystatechange = function() { + if (this.readyState == 4 && this.status == 200) { + var result = JSON.parse(this.responseText); + + if(result.error) { + cache_log(p_identity, false); + } else { + cache_log(p_identity, true); + } + } + }; + xhttp.withCredentials = true; + xhttp.open("post", "api/get_stats.php", ); + xhttp.send(stats_data); + return; +} + +function topFunction() { + document.body.scrollTop = 0; // For Safari + document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera +} + +function get_config_cache() { + + config_form = { + "password" : "" + }; + + var config_data = JSON.stringify(config_form); + + var xhttp = new XMLHttpRequest(); + xhttp.onreadystatechange = function() { + if (this.readyState == 4 && this.status == 200) { + var result = JSON.parse(this.responseText); + if(result.password) { + login_menu(); + } else { + alert(result.message); + } + } + }; + xhttp.withCredentials = true; + xhttp.open("post", "api/get_config.php"); + xhttp.send(config_data); +} + +function get_config() { + + current_password = document.getElementById('password').value; + + config_form = { + "password" : current_password + }; + + var config_data = JSON.stringify(config_form); + + var xhttp = new XMLHttpRequest(); + xhttp.onreadystatechange = function() { + if (this.readyState == 4 && this.status == 200) { + var result = JSON.parse(this.responseText); + if(result.error) { + alert(result.message); + } else { + if(!result.data.use_cache) { + alert("You have disabled cache in the configuration!"); + } + search_box(); + } + } + }; + xhttp.withCredentials = true; + xhttp.open("post", "api/get_config.php"); + xhttp.send(config_data); +} + +function login_menu() { + topFunction(); + var html = ''; + document.getElementById("cache").innerHTML = html; +} \ No newline at end of file diff --git a/config/.htaccess b/config/.htaccess new file mode 100644 index 0000000..f239fe8 --- /dev/null +++ b/config/.htaccess @@ -0,0 +1,2 @@ +order deny,allow +deny from all \ No newline at end of file diff --git a/get_config.js b/get_config.js new file mode 100644 index 0000000..48351f0 --- /dev/null +++ b/get_config.js @@ -0,0 +1,78 @@ +function get_config_initial() { + + config_form = { + "password" : "" + }; + + var config_data = JSON.stringify(config_form); + + var xhttp = new XMLHttpRequest(); + xhttp.onreadystatechange = function() { + if (this.readyState == 4 && this.status == 200) { + var result = JSON.parse(this.responseText); + if(result.password) { + login_menu(); + } else { + first_time = true; + + set_password(); + } + } + }; + xhttp.withCredentials = true; + xhttp.open("post", "api/get_config.php"); + xhttp.send(config_data); +} + +function get_config() { + + current_password = document.getElementById('password').value; + + config_form = { + "password" : current_password + }; + + var config_data = JSON.stringify(config_form); + + var xhttp = new XMLHttpRequest(); + xhttp.onreadystatechange = function() { + if (this.readyState == 4 && this.status == 200) { + var result = JSON.parse(this.responseText); + if(result.error) { + alert(result.message); + } else { + tautulli_apikey = result.data.tautulli_apikey; + tautulli_ip = result.data.tautulli_ip; + tautulli_port = result.data.tautulli_port; + tautulli_length = result.data.tautulli_length; + tautulli_root = result.data.tautulli_root; + + ssl = result.data.ssl; + + password = ""; + + library_id_movies = result.data.library_id_movies; + library_id_shows = result.data.library_id_shows; + + wrapped_start = new Date(0); + wrapped_start.setUTCSeconds(result.data.wrapped_start); + + wrapped_end = new Date(0); + wrapped_end.setUTCSeconds(result.data.wrapped_end); + + get_user_movie_stats = result.data.get_user_movie_stats; + get_user_show_stats = result.data.get_user_show_stats; + get_user_show_buddy = result.data.get_user_show_buddy; + get_year_stats = result.data.get_year_stats; + + use_cache = result.data.use_cache; + cache_age_limit = result.data.cache_age_limit; + + set_tautulli(true); + } + } + }; + xhttp.withCredentials = true; + xhttp.open("post", "api/get_config.php"); + xhttp.send(config_data); +} \ No newline at end of file diff --git a/get_functions.js b/get_functions.js new file mode 100644 index 0000000..9b960d7 --- /dev/null +++ b/get_functions.js @@ -0,0 +1,22 @@ +function get_functions() { + + config_form = {}; + + var config_data = JSON.stringify(config_form); + + var xhttp = new XMLHttpRequest(); + xhttp.onreadystatechange = function() { + if (this.readyState == 4 && this.status == 200) { + var result = JSON.parse(this.responseText); + if(result.error) { + document.getElementById('results_error').innerHTML = '' + result.message + '
'; + } else { + functions = result; + get_stats(); + } + } + }; + xhttp.withCredentials = true; + xhttp.open("post", "api/get_functions.php"); + xhttp.send(config_data); +} \ No newline at end of file diff --git a/get_stats.js b/get_stats.js index 64a8daf..86edb91 100644 --- a/get_stats.js +++ b/get_stats.js @@ -1,32 +1,43 @@ -var results; -var loading_icon = document.getElementById("loading_icon"); +function get_stats() { + var results; + var functions; + var loading_icon = document.getElementById("loading_icon"); -var p_email = document.getElementById("p_email").value; + var p_identity = document.getElementById("p_identity").value; -var p_email = p_email.replace(/[&\/\\#,+()$~%:*?<>{}]/g, ''); + //var p_identity = p_identity.replace(/[&\/\\#,+()$~%:*?<>{}]/g, ''); -stats_form = { - "p_email" : p_email - }; + stats_form = { + "p_identity" : p_identity + }; -var stats_data = JSON.stringify(stats_form); + var stats_data = JSON.stringify(stats_form); -var xhttp = new XMLHttpRequest(); -xhttp.onreadystatechange = function() { - if (this.readyState == 4 && this.status == 200) { - load_page(this.responseText); - } -}; -xhttp.withCredentials = true; -xhttp.open("post", "api/get_stats.php"); -xhttp.send(stats_data); + var xhttp = new XMLHttpRequest(); + xhttp.onreadystatechange = function() { + if (this.readyState == 4 && this.status == 200) { + var result = JSON.parse(this.responseText); + if(result.error) { + loading_icon.style.display = "none"; + search_button("SEARCH"); + document.getElementById('results_error').innerHTML = '' + result.message + '
'; -loading_icon.style.display = "inline"; + } else { + load_page(this.responseText); + } + } + }; + xhttp.withCredentials = true; + xhttp.open("post", "api/get_stats.php"); + xhttp.send(stats_data); + + loading_icon.style.display = "inline"; +} function load_page(data){ results = JSON.parse(data); - if(results.error == "true") { + if(results.error) { $('#results_error').html(results.message); loading_icon.style.display = "none"; search_button("SEARCH"); @@ -34,162 +45,405 @@ function load_page(data){ } var search_box = document.getElementById("search_input"); + var login_content = document.getElementById("login_content"); search_box.style.display = "none"; + login_content.style.display = "none"; + load_introduction(); + + if(!results.user.user_movies.error && functions.get_user_movie_stats) { + load_movies(); + } + if(!results.user.user_shows.error && functions.get_user_show_stats) { + load_shows(); + } + + if(!results.year_stats.error && functions.get_year_stats) { + load_users(); + } + + + load_outro(); +} +//INTRODUCTION +function load_introduction() { var text = ""; - - //INTRODUCTION - text += "";
- text += "";
- text += "
";
-
- //MOVIES
- text += "Hey there, " + results.user.name + "!
";
- text += "
2020 kinda sucked, but hopefully you watched some cool stuff..."
- text += "
";
- text += "Let's look at some movies.";
- text += "
(or not, I am pre-programmed to say that)" - text += "
"; + text += "
Let's look at some movies.";
- text += "
You watched " + results.user.user_movies.data.movies.length + " movies. That's a lot of movies!
(or not, I am pre-programmed to say that)" - text += "
"; + text += "
";
text += "
";
- text += "
";
- //SHOWS
- text += "";
- text += "
";
+
text += "";
- text += "
";
+ text += "";
- text += "
";
- text += "Your top 10 movies in 2020
"; - for(i = 0; (i < results.user.user_movies.data.movies.length && i < 10); i++) { - text += "";
- text += "
";
- }
- text += "";
- text += i+1 + ". ";
- text += "
";
- text += "";
- text += results.user.user_movies.data.movies[i].title;
- var movie_hour = time_hours(results.user.user_movies.data.movies[i].duration)
- text += " (" + results.user.user_movies.data.movies[i].year + ")
" + movie_hour[0] + " hours, " + movie_hour[1] + " minutes
" + results.user.user_movies.data.movies[i].plays + " plays"; - text += "
";
- text += "" + movie_hour[0] + " hours, " + movie_hour[1] + " minutes
" + results.user.user_movies.data.movies[i].plays + " plays"; - text += "
";
+ text += '
';
text += "
";
text += "';
text += "";
- text += "
";
-
- text += "";
- text += "
";
- text += "";
- var str = JSON.stringify(results.user.user_movies.data.user_movie_finishing_percent);
- var percent = str.split('.');
- text += "
You're not watching the credits like a nerd, are you?"; - text += "
";
- text += "Your average movie finishing percentage in 2020 was " + percent[0] + "%
"; - text += "You're not watching the credits like a nerd, are you?"; - text += "
";
- text += "
";
-
- text += "";
- text += "
";
- text += "";
- text += "Your longest movie pause was watching
It was paused for " + minutes[0] + " minutes..."; - text += "
";
- text += "" + results.user.user_movies.data.user_movie_most_paused.title + " (" + results.user.user_movies.data.user_movie_most_paused.year + ")
"; - var str = JSON.stringify(results.user.user_movies.data.user_movie_most_paused.paused_counter / 60); - var minutes = str.split('.'); - text += "It was paused for " + minutes[0] + " minutes..."; - text += "
";
- text += "
";
-
- var sum = 0;
- for(i = 0; (i < results.user.user_movies.data.movies.length); i++) {
- sum += results.user.user_movies.data.movies[i].duration;
- }
- var sum_split = time_hours(sum);
- text += "";
- text += "
";
- text += "";
- text += "The oldest movie you watched was
Enjoying the classics, huh?"; - text += "
";
- text += "" + results.user.user_movies.data.user_movie_oldest.title + " (" + results.user.user_movies.data.user_movie_oldest.year + ")
"; - text += "Enjoying the classics, huh?"; - text += "
";
- text += "
"; + text += "
"; + text += "
";
text += "";
- text += "
";
+ text += "";
- text += "You spent
";
- text += "" + sum_split[0] + " hours and " + sum_split[1] + " minutes
"; - text += " watching movies"; - text += ""; + text += "
Hey there, " + results.user.name + "!
"; + text += ""; + text += "
New year, new page of statistics...
"; text += "";
- text += "Now, let's have a look at some shows!";
- text += "
(No, watching The Office twice in a year doesn't count as two shows)" - text += "
"; + document.getElementById("search_results").innerHTML += text; +} - text += "
Now, let's have a look at some shows!";
- text += "
You watched " + results.user.user_shows.data.shows.length + " different shows.
(No, watching The Office twice in a year doesn't count as two shows)" - text += "
"; + document.getElementById("search_results").innerHTML += text; +} - text += "
";
- text += "
";
- text += "
";
- text += "
";
- text += "
Your top 10 shows in 2020
"; - for(i = 0; (i < results.user.user_shows.data.shows.length && i < 10); i++) { - text += "";
- text += "
";
- text += i+1 + ". ";
- text += "
";
+//MOVIES
+function load_movies() {
+ var text = "";
- text += "";
- text += results.user.user_shows.data.shows[i].title;
- var show_hour = time_hours(results.user.user_shows.data.shows[i].duration)
- text += "
" + show_hour[0] + " hours, " + show_hour[1] + " minutes
" + results.user.user_shows.data.shows[i].plays + " plays"; - text += "
";
+ if(results.user.user_movies.data.movies.length > 1) {
+
+ text += "" + show_hour[0] + " hours, " + show_hour[1] + " minutes
" + results.user.user_shows.data.shows[i].plays + " plays"; - text += "
";
+
+ text += "
";
+ text += "
"; + text += "
"; + text += "
";
+
+ text += "Let's look at some movies.
"; + text += ""; + text += "
You watched " + results.user.user_movies.data.movies.length + " movies. That's a lot of movies!
(or not, I am pre-programmed to say that)
" + + text += ""; + text += "
";
+ text += "
";
- if(results.user.user_shows.data.shows.length > 0) {
text += "";
+ text += "
";
+
+ text += "";
+ text += "
";
+ text += "";
+ text += "
";
+ text += "Your top movies
";
+ text += "";
+ for(i = 0; (i < results.user.user_movies.data.movies.length && i < 10); i++) {
+ text += "
";
+ text += "";
+ text += "
";
+ }
+ text += "";
+ text += i+1 + ". ";
+ text += "
";
+
+ text += "";
+ text += results.user.user_movies.data.movies[i].title;
+ var movie_hour = time_hours(results.user.user_movies.data.movies[i].duration)
+ text += " (" + results.user.user_movies.data.movies[i].year + ")
" + movie_hour[0] + " hours, " + movie_hour[1] + " minutes
" + results.user.user_movies.data.movies[i].plays + " plays"; + text += "
";
+ text += "" + movie_hour[0] + " hours, " + movie_hour[1] + " minutes
" + results.user.user_movies.data.movies[i].plays + " plays"; + text += "
";
+ text += "
";
+
+ text += "";
+ text += "
";
+ text += "";
+ var str = JSON.stringify(results.user.user_movies.data.user_movie_finishing_percent);
+ var percent = str.split('.');
+ text += "Your average movie finishing percentage was " + percent[0] + "%";
+ if(percent[0] > 89) {
+ text += '
';
+ }
+ text += "
You're not watching the credits like a nerd, are you?"; + text += "
";
+ text += "';
+ }
+ text += "You're not watching the credits like a nerd, are you?"; + text += "
";
+ text += "
";
- text += "";
+
+ var str = JSON.stringify(results.user.user_movies.data.user_movie_most_paused.paused_counter / 60);
+ var minutes = str.split('.');
+
+ if(minutes[0] > 0) {
+ text += "
";
text += "";
+ text += "Your longest movie pause was watching
" + results.user.user_movies.data.user_movie_most_paused.title + " (" + results.user.user_movies.data.user_movie_most_paused.year + ")"; + + text += "
It was paused for " + minutes[0] + " minutes..."; + text += "
";
+ } else {
+ text += "" + results.user.user_movies.data.user_movie_most_paused.title + " (" + results.user.user_movies.data.user_movie_most_paused.year + ")"; + + text += "
It was paused for " + minutes[0] + " minutes..."; + text += "
";
+ text += "Bladder of steel";
+ text += '
';
+ text += "
You never paused a single movie."; text += "
";
}
text += "';
+ text += "You never paused a single movie."; text += "
";
text += "
";
- }
- var sum = 0;
- for(i = 0; (i < results.user.user_shows.data.shows.length); i++) {
- sum += results.user.user_shows.data.shows[i].duration;
- }
- var sum_split = time_hours(sum);
- text += "";
text += "
";
text += "";
- text += "
"; - var buddy_error = JSON.stringify(results.user.user_shows.data.show_buddy.error); - if(buddy_error == "true") { - text += "
That means you're a hipster, because you're the only viewer of that show in 2020 😎"; + text += "The oldest movie you watched was
" + results.user.user_movies.data.user_movie_oldest.title + " (" + results.user.user_movies.data.user_movie_oldest.year + ")
"; + if(results.user.user_movies.data.user_movie_oldest.year < 1950) { + text += "
I didn't even know they made movies back then."; + text += '
';
+ } else if(results.user.user_movies.data.user_movie_oldest.year < 1975) {
+ text += "
Did it even have color?"; + text += '
';
+ } else if(results.user.user_movies.data.user_movie_oldest.year < 2000) {
+ text += "
Was it a 4K, UHD, 3D, Dolby Atmos remaster?"; } else { - text += "And you're not alone! Your " + results.user.user_shows.data.shows[0].title + "-buddy is "; - text += "" + results.user.user_shows.data.show_buddy.user.user + "!
"; - var combined = results.user.user_shows.data.show_buddy.user.duration + parseInt(results.user.user_shows.data.shows[0].duration); - var combined_2 = time_hours(combined); - text += "Your combined efforts resulted in " + combined_2[0] + " hours and " + combined_2[1] + " minutes of " + results.user.user_shows.data.shows[0].title + "!
😎"; + text += "
Enjoying the classics, huh?"; } text += "
";
text += "Your top show was " + results.user.user_shows.data.shows[0].title + "
"; - var buddy_error = JSON.stringify(results.user.user_shows.data.show_buddy.error); - if(buddy_error == "true") { - text += "
That means you're a hipster, because you're the only viewer of that show in 2020 😎"; + text += "The oldest movie you watched was
" + results.user.user_movies.data.user_movie_oldest.title + " (" + results.user.user_movies.data.user_movie_oldest.year + ")
"; + if(results.user.user_movies.data.user_movie_oldest.year < 1950) { + text += "
I didn't even know they made movies back then."; + text += '
';
+ } else if(results.user.user_movies.data.user_movie_oldest.year < 1975) {
+ text += "Did it even have color?"; + text += '
';
+ } else if(results.user.user_movies.data.user_movie_oldest.year < 2000) {
+ text += "Was it a 4K, UHD, 3D, Dolby Atmos remaster?"; } else { - text += "And you're not alone! Your " + results.user.user_shows.data.shows[0].title + "-buddy is "; - text += "" + results.user.user_shows.data.show_buddy.user.user + "!
"; - var combined = results.user.user_shows.data.show_buddy.user.duration + parseInt(results.user.user_shows.data.shows[0].duration); - var combined_2 = time_hours(combined); - text += "Your combined efforts resulted in " + combined_2[0] + " hours and " + combined_2[1] + " minutes of " + results.user.user_shows.data.shows[0].title + "!
😎"; + text += "
Enjoying the classics, huh?"; } text += "
";
- text += "
";
+ } else if(results.user.user_shows.data.shows.length == 1) {
- //TOP USERS
- text += "";
- text += "
";
+
+ } else if(results.user.user_movies.data.movies.length == 1) {
+
+ text += "";
- text += "You spent
";
+ text += "" + sum_split[0] + " hours and " + sum_split[1] + " minutes
"; - text += " watching shows"; + var sum = 0; + for(i = 0; (i < results.user.user_movies.data.movies.length); i++) { + sum += results.user.user_movies.data.movies[i].duration; + } + var sum_split = time_hours(sum); + text += "";
+ text += "
";
+
+ text += "";
+ text += "
";
text += "";
+ text += "You spent " + sum_split[0] + " hours and " + sum_split[1] + " minutes";
+ text += " watching movies";
+ text += '
';
+ text += "
";
text += "';
+ text += "";
+
+ text += "
";
+
+ } else {
+
+ text += "";
+ text += "
"; + text += "
"; + text += "
";
+
+ text += "Let's look at some movies.
"; + text += ""; + text += "
You watched " + results.user.user_movies.data.movies.length + " movie. You know what you like!
(at least you tried it out)
"; + text += ""; + text += "
";
+ text += "
";
+ text += "";
+ text += "
";
+
+ text += "";
+ text += "
";
+ text += "";
+ text += "
";
+ text += "Your movie
";
+ text += "";
+ for(i = 0; (i < results.user.user_movies.data.movies.length && i < 10); i++) {
+ text += "
";
+ text += "";
+ text += "
";
+ }
+ text += "";
+ text += i+1 + ". ";
+ text += "
";
+
+ text += "";
+ text += results.user.user_movies.data.movies[i].title;
+ var movie_hour = time_hours(results.user.user_movies.data.movies[i].duration)
+ text += " (" + results.user.user_movies.data.movies[i].year + ")
" + movie_hour[0] + " hours, " + movie_hour[1] + " minutes
" + results.user.user_movies.data.movies[i].plays + " plays"; + text += "
";
+ text += "" + movie_hour[0] + " hours, " + movie_hour[1] + " minutes
" + results.user.user_movies.data.movies[i].plays + " plays"; + text += "
";
+ text += "
";
+
+ text += "";
+ text += "
";
+ text += "";
+ var str = JSON.stringify(results.user.user_movies.data.user_movie_finishing_percent);
+ var percent = str.split('.');
+ text += "Your saw " + percent[0] + "%";
+ if(percent[0] > 89) {
+ text += '
';
+ }
+ text += "
You're not watching the credits like a nerd, are you?"; + text += "
";
+ text += "';
+ }
+ text += "You're not watching the credits like a nerd, are you?"; + text += "
";
+ text += "
";
+
+ text += "";
+
+ var str = JSON.stringify(results.user.user_movies.data.user_movie_most_paused.paused_counter / 60);
+ var minutes = str.split('.');
+
+ if(minutes[0] > 0) {
+ text += "
";
+ text += "";
+ text += "Your longest movie pause was watching
" + results.user.user_movies.data.user_movie_most_paused.title + " (" + results.user.user_movies.data.user_movie_most_paused.year + ")"; + + text += "
It was paused for " + minutes[0] + " minutes..."; + text += "
";
+ } else {
+ text += "" + results.user.user_movies.data.user_movie_most_paused.title + " (" + results.user.user_movies.data.user_movie_most_paused.year + ")"; + + text += "
It was paused for " + minutes[0] + " minutes..."; + text += "
";
+ text += "Bladder of steel";
+ text += '
';
+ text += "
You never paused the movie."; + text += "
";
+ }
+ text += "';
+ text += "You never paused the movie."; + text += "
";
+
+ text += "
";
+ }
+ document.getElementById("search_results").innerHTML += text;
+}
+
+//SHOWS
+function load_shows() {
+ var text = "";
+
+ if(results.user.user_shows.data.shows.length > 1) {
+ text += "";
+ text += "
";
+ text += "";
+ text += "
"; + text += "
';
+ text += "
";
text += "Let's look at some movies.
"; + text += ""; + text += "
You watched " + results.user.user_movies.data.movies.length + " movies. That's impressive in itself!
(might wanna try it out)
" + text += '';
+ text += "";
+ text += "
"; + + text += "
";
- text += "Now, let's have a look at some shows!
"; + text += "You watched " + results.user.user_shows.data.shows.length + " different shows.
(No, watching The Office twice in a year doesn't count as two shows)
" + text += ""; + + text += "
";
+ text += "
";
text += "";
+ text += "
";
+
+ if(results.user.user_shows.data.shows.length > 0 && !results.year_stats.error && functions.get_user_show_buddy) {
+ text += "";
+ text += "
";
+ text += "";
+ text += "
";
+ text += "Your top shows
";
+ text += "";
+ for(i = 0; (i < results.user.user_shows.data.shows.length && i < 10); i++) {
+ text += "
";
+ text += "";
+ text += "
";
+ }
+ text += "";
+ text += i+1 + ". ";
+ text += "
";
+
+ text += "";
+ text += results.user.user_shows.data.shows[i].title;
+ var show_hour = time_hours(results.user.user_shows.data.shows[i].duration)
+ text += "
" + show_hour[0] + " hours, " + show_hour[1] + " minutes
" + results.user.user_shows.data.shows[i].plays + " plays"; + text += "
";
+ text += "" + show_hour[0] + " hours, " + show_hour[1] + " minutes
" + results.user.user_shows.data.shows[i].plays + " plays"; + text += "
";
+ text += load_showbuddy();
+ text += "
";
+ }
+
+ var sum = 0;
+ for(i = 0; (i < results.user.user_shows.data.shows.length); i++) {
+ sum += results.user.user_shows.data.shows[i].duration;
+ }
+ var sum_split = time_hours(sum);
+ text += "";
+ text += "
";
+
+ text += "";
+ text += "
";
+ text += "";
+ text += "You spent " + sum_split[0] + " hours and " + sum_split[1] + " minutes";
+ text += " watching shows";
+ text += '
';
+ text += "
";
+ text += "';
+ text += "";
- text += "Finally, let's look at the top users, movies and shows in 2020!";
- text += "
(or missing from it...)"
+ text += "
Finally, let's look at the top users, movies and shows in 2020!";
- text += "
It's okay to feel shame if you are on the list.
(or missing from it...)"
+ text += "";
+ text += "
"; + + text += "
";
+
+ } else {
+
+ text += "Now, let's have a look at some shows!
"; + text += "You watched " + results.user.user_shows.data.shows.length + " show.
(Better not be that same one again...)
" + text += ""; + + text += "
";
+ text += "
";
+ text += "";
+ text += "
";
+
+ if(results.user.user_shows.data.shows.length > 0) {
+ text += "";
+ text += "
";
+ text += "";
+ text += "
";
+ text += "Your show
";
+ text += "";
+ for(i = 0; (i < results.user.user_shows.data.shows.length && i < 10); i++) {
+ text += "
";
+ text += "";
+ text += "
";
+ }
+ text += "";
+ text += i+1 + ". ";
+ text += "
";
+
+ text += "";
+ text += results.user.user_shows.data.shows[i].title;
+ var show_hour = time_hours(results.user.user_shows.data.shows[i].duration)
+ text += "
" + show_hour[0] + " hours, " + show_hour[1] + " minutes
" + results.user.user_shows.data.shows[i].plays + " plays"; + text += "
";
+ text += "" + show_hour[0] + " hours, " + show_hour[1] + " minutes
" + results.user.user_shows.data.shows[i].plays + " plays"; + text += "
";
+
+ text += load_showbuddy();
+
+ text += "
";
+ }
+
+ text += "";
+
+ text += "
";
+ }
+
+ document.getElementById("search_results").innerHTML += text;
+}
+
+function load_showbuddy() {
+ var html = "";
+ html += "";
+ text += "
";
+
+ text += "";
+ text += "
"; + text += "';
+ text += "
";
+ text += "Now, let's have a look at some shows!
"; + text += ""; + text += "
You watched " + results.user.user_shows.data.shows.length + " shows. I get it, it's not for everyone!
(might wanna try it out)
" + text += '';
+ text += "";
+ html += "
";
+ return html;
+}
+
+//TOP USERS
+function load_users() {
+ var text = "";
+
+ text += "";
+ html += "Your show was " + results.user.user_shows.data.shows[0].title + "
"; + if(!results.user.user_shows.data.show_buddy.error) { + if(!results.user.user_shows.data.show_buddy.user.found) { + html += '
';
+ html += "
That means you dared to explore where no one else would, because you're the only viewer of that show"; + } else { + html += "And you're not alone! Your " + results.user.user_shows.data.shows[0].title + "-buddy is "; + html += "" + results.user.user_shows.data.show_buddy.user.user + "!
"; + var combined = results.user.user_shows.data.show_buddy.user.duration + parseInt(results.user.user_shows.data.shows[0].duration); + var combined_2 = time_hours(combined); + html += '
';
+ html += "
Your combined efforts resulted in " + combined_2[0] + " hours and " + combined_2[1] + " minutes of " + results.user.user_shows.data.shows[0].title + "!"; + } + } + html += "
";
+ html += ""; + if(!results.user.user_shows.data.show_buddy.error) { + if(!results.user.user_shows.data.show_buddy.user.found) { + html += '
';
+ html += "That means you dared to explore where no one else would, because you're the only viewer of that show"; + } else { + html += "And you're not alone! Your " + results.user.user_shows.data.shows[0].title + "-buddy is "; + html += "" + results.user.user_shows.data.show_buddy.user.user + "!
"; + var combined = results.user.user_shows.data.show_buddy.user.duration + parseInt(results.user.user_shows.data.shows[0].duration); + var combined_2 = time_hours(combined); + html += '
';
+ html += "Your combined efforts resulted in " + combined_2[0] + " hours and " + combined_2[1] + " minutes of " + results.user.user_shows.data.shows[0].title + "!"; + } + } + html += "
";
+ text += "
"; text += "
Finally, let's look at the top users, movies and shows!
"; + text += "It's okay to feel shame if you are on the list.
(or missing from it...)
" text += ""; text += "
";
@@ -197,18 +451,34 @@ function load_page(data){
text += "
";
text += "
";
text += "
";
- text += "
";
+ document.getElementById("search_results").innerHTML += text;
+}
- //Goobye
- text += "Top users from the past year
"; + text += "Top users
";
+ text += "";
for(i = 0; i < 10 && i < results.year_stats.data.users.length; i++) {
- text += "
";
text += "";
+ if(i == 0) {
+ text += "
";
@@ -227,11 +497,12 @@ function load_page(data){
text += "";
+ } else if(i == 1) {
+ text += "
";
text += "";
+ } else if(i == 2) {
+ text += "
";
text += "";
+ } else {
+ text += "
";
text += "";
+ }
text += "
";
}
+ text += "";
text += i+1 + ". ";
text += "
";
- text += "";
- text += results.year_stats.data.users[i].user;
- text += "
";
+ if(results.year_stats.data.users[i].user == results.user.name) {
+ text += "";
+ text += results.year_stats.data.users[i].user;
+ text += "
";
+ }else {
+ text += "";
+ text += results.year_stats.data.users[i].user;
+ text += "
";
+ }
text += "";
text += "
";
@@ -242,7 +513,8 @@ function load_page(data){
text += "";
text += "
";
text += "";
- text += "The users spent
And, the users spent
That is
And, the users spent " + sum_shows_split[0] + " days and " + sum_shows_split[1] + " hours"; + text += " watching shows."; + text += "
That is " + Number(sum_shows_split[0] + sum_movies_split[0]) + " days and " + Number(sum_shows_split[1] + sum_movies_split[1]) + " hours
of content!"; + text += '
';
text += "
";
text += "" + sum_movies_split[0] + " days and " + sum_movies_split[1] + " hours
"; - text += " watching movies"; - text += "And, the users spent
" + sum_shows_split[0] + " days and " + sum_shows_split[1] + " hours
"; - text += " watching shows"; - text += "That is
" + Number(sum_shows_split[0] + sum_movies_split[0]) + " days and " + Number(sum_shows_split[1] + sum_movies_split[1]) + " hours
of content!"; + text += "All the different users combined spent " + sum_movies_split[0] + " days and " + sum_movies_split[1] + " hours"; + text += " watching movies."; + text += "And, the users spent " + sum_shows_split[0] + " days and " + sum_shows_split[1] + " hours"; + text += " watching shows."; + text += "
That is " + Number(sum_shows_split[0] + sum_movies_split[0]) + " days and " + Number(sum_shows_split[1] + sum_movies_split[1]) + " hours
of content!"; + text += '
';
text += "";
text += "
";
@@ -263,7 +536,8 @@ function load_page(data){
text += "";
text += "
";
text += "";
- text += "
";
text += "Top movies from the past year
"; + text += "Top movies
";
+ text += "";
for(i = 0; i < 10 && i < results.year_stats.data.top_movies.length; i++) {
text += "
';
text += "";
text += "
";
}
+ text += '";
@@ -256,6 +528,7 @@ function load_page(data){
text += "
";
text += "";
text += "
";
@@ -284,12 +559,23 @@ function load_page(data){
text += "";
text += "
";
text += "";
- text += "
";
text += "Top shows from the past year
"; + text += "Top shows
";
+ text += "";
for(i = 0; i < 10 && i < results.year_stats.data.top_shows.length; i++) {
text += "
';
text += "";
text += "
";
}
+ text += '";
@@ -277,6 +551,7 @@ function load_page(data){
text += "
";
text += "";
- text += "Hope you are staying safe!
";
+//Outro
+function load_outro() {
+ var text = "";
+
+ text += "
Hope you are staying safe!
Goodybye.
";
+//Outro
+function load_outro() {
+ var text = "";
+
+ text += "";
+ text += "
";
- $('#search_results').html(text);
-
+ document.getElementById("search_results").innerHTML += text;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index c05ad7e..966e35b 100644
--- a/index.html
+++ b/index.html
@@ -12,27 +12,37 @@
+
+
+
-";
+ text += "
";
text += "";
+ text += '
';
+ text += "
";
+ text += "';
+ text += "";
+ text += "
";
+ text += "Hope you are staying safe!
Goodybye.
"; + text += "
+
-
+
+
+
+
+
+
+
+
-
-
Your year on Plex
-
- Did you get that thing from Spotify and wondered what your Plex statistics were?
-
Well, have a look...
-
+ Did you get that thing from Spotify and wondered what your Plex statistics looked like?
+
Well, have a look...
+
-
+
+
+
@@ -77,8 +88,7 @@
$(document).ready(function() {
- $.getScript("index.js", function(){
- });
+
});
diff --git a/index.js b/index.js
index 44d44d7..877b18f 100644
--- a/index.js
+++ b/index.js
@@ -69,7 +69,6 @@ $(document).on('submit', '#stats_form', function(){
search_button("SEARCHING...");
- $.getScript("get_stats.js", function(){
- });
+ get_functions();
});
diff --git a/set_config.js b/set_config.js
new file mode 100644
index 0000000..dc70a4a
--- /dev/null
+++ b/set_config.js
@@ -0,0 +1,46 @@
+function set_config() {
+
+ var clear_cache = document.getElementById('clear_cache').checked;
+
+ config_form = {
+ "password" : current_password,
+ "clear_cache" : clear_cache,
+ "data" : {
+ "tautulli_apikey" : tautulli_apikey,
+ "tautulli_ip" : tautulli_ip,
+ "tautulli_port" : tautulli_port,
+ "tautulli_length" : tautulli_length,
+ "tautulli_root" : tautulli_root,
+ "ssl" : ssl,
+ "password" : password,
+ "library_id_movies" : library_id_movies,
+ "library_id_shows" : library_id_shows,
+ "wrapped_start" : Math.round(wrapped_start.getTime() / 1000),
+ "wrapped_end" : Math.round(wrapped_end.getTime() / 1000),
+ "get_user_movie_stats" : get_user_movie_stats,
+ "get_user_show_stats" : get_user_show_stats,
+ "get_user_show_buddy" : get_user_show_buddy,
+ "get_year_stats" : get_year_stats,
+ "use_cache" : use_cache,
+ "cache_age_limit" : cache_age_limit
+ }
+ };
+
+ var config_data = JSON.stringify(config_form);
+
+ var xhttp = new XMLHttpRequest();
+ xhttp.onreadystatechange = function() {
+ if (this.readyState == 4 && this.status == 200) {
+ var result = JSON.parse(this.responseText);
+ if(result.error) {
+ alert(result.message);
+ } else {
+ alert(result.message);
+ window.location.href = "./";
+ }
+ }
+ };
+ xhttp.withCredentials = true;
+ xhttp.open("post", "api/set_config.php");
+ xhttp.send(config_data);
+}
\ No newline at end of file
Plex Wrapped
@@ -40,13 +50,14 @@
-
+
-
-
+
+
+
-
+
+
+
@@ -60,7 +71,7 @@