diff options
| -rwxr-xr-x | assets/js/main.js | 96 | ||||
| -rw-r--r-- | assets/php/getInformation.php | 11 | ||||
| -rwxr-xr-x | assets/php/getNetflixJson.php (renamed from assets/php/getJson.php) | 0 | ||||
| -rwxr-xr-x | index.html | 1 |
4 files changed, 94 insertions, 14 deletions
diff --git a/assets/js/main.js b/assets/js/main.js index 5f8484d..af7b56d 100755 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -4,14 +4,14 @@ let NetflixJson; CookieInput.keyup(function (e) { if (e.keyCode === 13) { $.ajax({ - url: "assets/php/getJson.php", + url: "assets/php/getNetflixJson.php", data: { "Cookie": CookieInput.val() }, type: "POST", }).done(function (response) { - AnalyzeData(response); CookieInput.val(""); + AnalyzeData(response); }); } }); @@ -52,6 +52,8 @@ function AnalyzeData(JsonResponse) { */ NetflixJson = JSON.parse(JsonResponse); console.log(NetflixJson); + let EveryWatched = []; + let IndividualTitles = []; let IndividualSeries = []; let IndividualMovies = []; let AverageWatchTimes = []; @@ -60,16 +62,21 @@ function AnalyzeData(JsonResponse) { item.forEach(function (eachItem, ItemNumber) { if ("seriesTitle" in eachItem) { // is series const CurrentTitle = NetflixJson[pageKey][ItemNumber].seriesTitle; - if (IndividualSeries.indexOf(CurrentTitle) === -1 && CurrentTitle !== undefined) { // only if not alreadyy crawled -> individualism + EveryWatched.push(CurrentTitle); + if (IndividualSeries.indexOf(CurrentTitle) === -1 && CurrentTitle !== undefined) { // only if not already crawled -> individualism IndividualSeries.push(CurrentTitle); + IndividualTitles.push(CurrentTitle); } } else { // is movie const CurrentTitle = NetflixJson[pageKey][ItemNumber].videoTitle; - if (IndividualMovies.indexOf(CurrentTitle) === -1 && CurrentTitle !== undefined) { // only if not alreadyy crawled -> individualism + EveryWatched.push(CurrentTitle); + if (IndividualMovies.indexOf(CurrentTitle) === -1 && CurrentTitle !== undefined) { // only if not already crawled -> individualism IndividualMovies.push(CurrentTitle); + IndividualTitles.push(CurrentTitle); } } + // get watch time const DayTimeInSeconds = new Date(NetflixJson[pageKey][ItemNumber].date * 1000); const DayTimeInHours = DayTimeInSeconds.getHours(); AverageWatchTimes.push(DayTimeInHours); @@ -80,35 +87,96 @@ function AnalyzeData(JsonResponse) { // Calculate watch time occurrence (average times in which the user watches sth.) let AverageWatchTimeOccurrence = []; - const OccurrenceCounter = new Map([...new Set(AverageWatchTimes)].map( + const WatchTimeOccurrenceCounter = new Map([...new Set(AverageWatchTimes)].map( x => [x, AverageWatchTimes.filter(y => y === x).length] )); for (let i = 0; i < 24; i++) { - AverageWatchTimeOccurrence.push(OccurrenceCounter.get(i)); + AverageWatchTimeOccurrence.push(WatchTimeOccurrenceCounter.get(i)); } + // Calculate the most watched series/movie + let TitleCount = []; + const UnsortedTitleOccurrenceCounter = EveryWatched.reduce((prev, curr) => (prev[curr] = ++prev[curr] || 1, prev), {}); + const SortedTitleOccurrenceCounter = sortObject(UnsortedTitleOccurrenceCounter); + + // log + console.table(IndividualTitles); console.table(IndividualSeries); console.table(IndividualMovies); - console.table(AverageWatchTimes); console.table(AverageWatchTimeOccurrence); + console.table(SortedTitleOccurrenceCounter); - RenderData(AverageWatchTimeOccurrence); + RenderData(AverageWatchTimeOccurrence, SortedTitleOccurrenceCounter); } -function RenderData(AverageWatchTimeOccurrenceArray) { +function RenderData(AverageWatchTimeOccurrenceArray, TitleOccurrenceCounterObject) { + // Render day time chart const WatchTimeChartElement = document.getElementById("WatchTimeChart").getContext("2d"); const WatchTimeChart = new Chart(WatchTimeChartElement, { type: 'line', data: { labels: ["12am", "1am", "2am", "3am", "4am", "5am", "6am", "7am", "8am", "9am", "10am", "11am", "12pm", "1pm", "2pm", "3pm", "4pm", "5pm", "6pm", "7pm", "8pm", "9pm", "10pm", "11pm"], datasets: [{ - label: "Average watches at daytime", - backgroundColor: 'rgb(255, 99, 132)', - borderColor: 'rgb(255, 99, 132)', + label: "Watches at daytime", + backgroundColor: "rgb(255, 99, 132)", + borderColor: "rgb(255, 99, 132)", + cubicInterpolationMode: "monotone", + pointRadius: 0, + pointHitRadius: 10, data: AverageWatchTimeOccurrenceArray }] }, - options: {} }); -}
\ No newline at end of file + + // Render and calculate most watched chart + const MostWatchedChartElement = document.getElementById("MostWatchedChart").getContext("2d"); + var MostWatchedChartData = { + labels: [], + datasets: [{ + label: "Most watched", + backgroundColor: "rgba(75,192,192,0.4)", + borderColor: "rgba(75,192,192,1)", + data: [] + }] + }; + Chart.pluginService.register({ + beforeInit: function (chart) { + var data = chart.config.data; + for (var key in TitleOccurrenceCounterObject) { + if (TitleOccurrenceCounterObject.hasOwnProperty(key)) { + data.labels.push(key); + data.datasets[0].data.push(TitleOccurrenceCounterObject[key]); + } + } + } + }); + var MostWatchedChart = new Chart(MostWatchedChartElement, { + type: 'bar', + data: MostWatchedChartData, + options: { + scales: { + yAxes: [{ + ticks: { + beginAtZero: true + } + }] + } + } + }); +} + +function sortObject(list) { + var sortable = []; + for (var key in list) { + sortable.push([key, list[key]]); + } + sortable.sort(function(a, b) { + return (a[1] < b[1] ? -1 : (a[1] > b[1] ? 1 : 0)); + }); + var orderedList = {}; + for (var i = 0; i < sortable.length; i++) { + orderedList[sortable[i][0]] = sortable[i][1]; + } + return orderedList; + }
\ No newline at end of file diff --git a/assets/php/getInformation.php b/assets/php/getInformation.php new file mode 100644 index 0000000..8dd0e6e --- /dev/null +++ b/assets/php/getInformation.php @@ -0,0 +1,11 @@ +<?php +$RequestedTitle = $_GET["Title"]; + +$ApiKey = file_get_contents("../../../../ApiKeys/ThemoviedbApiKey.txt"); +$ch = curl_init("https://api.themoviedb.org/3/search/multi?api_key=" . $ApiKey . "&language=en-US&query=" . $RequestedTitle . "&page=1&include_adult=true"); +curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); +curl_setopt($ch, CURLOPT_HEADER, 0); +$Result = json_decode(curl_exec($ch), true); +curl_close($ch); + +print_r(json_encode($Result["results"][0])); diff --git a/assets/php/getJson.php b/assets/php/getNetflixJson.php index fbbecac..fbbecac 100755 --- a/assets/php/getJson.php +++ b/assets/php/getNetflixJson.php @@ -13,6 +13,7 @@ <input class="CookieInput" type="text" placeholder="Type your cookie..."> <canvas id="WatchTimeChart"></canvas> +<canvas id="MostWatchedChart"></canvas> <script src="assets/js/jQuery.js"></script> <script src="assets/js/chart.js"></script> |