Library Statistics Graph Tab

data/interfaces/default/js/graphs/library_additions_by_day.js

@@ -0,0 +1,86 @@
+var hc_library_additions_by_day_options = {
+ chart: {
+ type: 'line',
+ backgroundColor: 'rgba(0,0,0,0)',
+ renderTo: 'graph_additions_by_day'
+ },
+ title: {
+ text: ''
+ },
+ legend: {
+ enabled: true,
+ itemStyle: {
+ font: '9pt "Open Sans", sans-serif',
+ color: '#A0A0A0'
+ },
+ itemHoverStyle: {
+ color: '#FFF'
+ },
+ itemHiddenStyle: {
+ color: '#444'
+ }
+ },
+ credits: {
+ enabled: false
+ },
+ plotOptions: {
+ series: {
+ allowPointSelect: false,
+ threshold: 0,
+ events: {
+ legendItemClick: function(event) {
+ syncGraphs(this, this.chart.renderTo.id, this.name, event.browserEvent);
+ setGraphVisibility(this.chart.renderTo.id, this.chart.series, this.name);
+ }
+ }
+ }
+ },
+ xAxis: {
+ type: 'datetime',
+ labels: {
+ formatter: function() {
+ return moment(this.value).format("YY MMM D");
+ },
+ style: {
+ color: '#aaa'
+ }
+ },
+ categories: [{}],
+ plotBands: []
+ },
+ yAxis: [{
+ title: {
+ text: null
+ },
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ }
+ }, {
+ title: {
+ text: 'Episodes'
+ },
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ },
+ opposite: true
+ }, {
+ title: {
+ text: 'Tracks'
+ },
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ },
+ opposite: true
+ }],
+ tooltip: {
+ shared: true,
+ crosshairs: true
+ },
+ series: [{}]
+};

data/interfaces/default/js/graphs/library_additions_by_media_type.js

@@ -0,0 +1,73 @@
+var hc_library_additions_by_media_type_options = {
+ chart: {
+ type: 'column',
+ backgroundColor: 'rgba(0,0,0,0)',
+ renderTo: 'graph_additions_by_media_type'
+ },
+ title: {
+ text: ''
+ },
+ legend: {
+ enabled: true,
+ itemStyle: {
+ font: '9pt "Open Sans", sans-serif',
+ color: '#A0A0A0'
+ },
+ itemHoverStyle: {
+ color: '#FFF'
+ },
+ itemHiddenStyle: {
+ color: '#444'
+ }
+ },
+ credits: {
+ enabled: false
+ },
+ xAxis: {
+ categories: [{}],
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ }
+ },
+ yAxis: {
+ title: {
+ text: null
+ },
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ },
+ stackLabels: {
+ enabled: false,
+ style: {
+ color: '#fff'
+ }
+ }
+ },
+ plotOptions: {
+ column: {
+ borderWidth: 0,
+ stacking: 'normal',
+ dataLabels: {
+ enabled: false,
+ style: {
+ color: '#000'
+ }
+ }
+ },
+ series: {
+ events: {
+ legendItemClick: function () {
+ setGraphVisibility(this.chart.renderTo.id, this.chart.series, this.name);
+ }
+ }
+ }
+ },
+ tooltip: {
+ shared: true
+ },
+ series: [{}]
+};

data/interfaces/default/js/graphs/library_additions_by_source_resolution.js

@@ -0,0 +1,73 @@
+var hc_library_additions_by_source_resolution_options = {
+ chart: {
+ type: 'column',
+ backgroundColor: 'rgba(0,0,0,0)',
+ renderTo: 'graph_additions_by_source_resolution'
+ },
+ title: {
+ text: ''
+ },
+ legend: {
+ enabled: true,
+ itemStyle: {
+ font: '9pt "Open Sans", sans-serif',
+ color: '#A0A0A0'
+ },
+ itemHoverStyle: {
+ color: '#FFF'
+ },
+ itemHiddenStyle: {
+ color: '#444'
+ }
+ },
+ credits: {
+ enabled: false
+ },
+ xAxis: {
+ categories: [{}],
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ }
+ },
+ yAxis: {
+ title: {
+ text: null
+ },
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ },
+ stackLabels: {
+ enabled: false,
+ style: {
+ color: '#fff'
+ }
+ }
+ },
+ plotOptions: {
+ column: {
+ borderWidth: 0,
+ stacking: 'normal',
+ dataLabels: {
+ enabled: false,
+ style: {
+ color: '#000'
+ }
+ }
+ },
+ series: {
+ events: {
+ legendItemClick: function () {
+ setGraphVisibility(this.chart.renderTo.id, this.chart.series, this.name);
+ }
+ }
+ }
+ },
+ tooltip: {
+ shared: true
+ },
+ series: [{}]
+};

data/interfaces/default/js/graphs/library_growth_by_day.js

@@ -0,0 +1,86 @@
+var hc_library_growth_by_day_options = {
+ chart: {
+ type: 'line',
+ backgroundColor: 'rgba(0,0,0,0)',
+ renderTo: 'library_growth_by_day'
+ },
+ title: {
+ text: ''
+ },
+ legend: {
+ enabled: true,
+ itemStyle: {
+ font: '9pt "Open Sans", sans-serif',
+ color: '#A0A0A0'
+ },
+ itemHoverStyle: {
+ color: '#FFF'
+ },
+ itemHiddenStyle: {
+ color: '#444'
+ }
+ },
+ credits: {
+ enabled: false
+ },
+ plotOptions: {
+ series: {
+ allowPointSelect: false,
+ threshold: 0,
+ events: {
+ legendItemClick: function(event) {
+ syncGraphs(this, this.chart.renderTo.id, this.name, event.browserEvent);
+ setGraphVisibility(this.chart.renderTo.id, this.chart.series, this.name);
+ }
+ }
+ }
+ },
+ xAxis: {
+ type: 'datetime',
+ labels: {
+ formatter: function() {
+ return moment(this.value).format("YY MMM D");
+ },
+ style: {
+ color: '#aaa'
+ }
+ },
+ categories: [{}],
+ plotBands: []
+ },
+ yAxis: [{
+ title: {
+ text: null
+ },
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ }
+ }, {
+ title: {
+ text: 'Episodes'
+ },
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ },
+ opposite: true
+ }, {
+ title: {
+ text: 'Tracks'
+ },
+ labels: {
+ style: {
+ color: '#aaa'
+ }
+ },
+ opposite: true
+ }],
+ tooltip: {
+ shared: true,
+ crosshairs: true
+ },
+ series: [{}]
+};

data/interfaces/default/settings.html

@@ -997,6 +997,25 @@ <h3>Server Monitoring</h3>
  <p class="help-block">Refresh the libraries list when Tautulli starts.</p>
  </div>
 
+ <div class="form-group advanced-setting">
+ <label for="refresh_library_stats_data_interval">Library Statistics Data Refresh Interval</label>
+ <div class="row">
+ <div class="col-md-2">
+ <input type="text" class="form-control" data-parsley-type="integer" id="refresh_library_stats_data_interval" name="refresh_library_stats_data_interval" value="${config['refresh_library_stats_data_interval']}" size="5" data-parsley-range="[6,24]" data-parsley-trigger="change" data-parsley-errors-container="#refresh_library_stats_data_interval_error" required>
+ </div>
+ <div id="refresh_library_stats_data_interval_error" class="alert alert-danger settings-alert" role="alert"></div>
+ </div>
+ <p class="help-block">The interval (in hours) Tautulli will request an update of all media items from your Plex Media Server.</p>
+ <p class="help-block">Minimum 6, maximum 24, default 12.</p>
+ <p class="help-block">This process, depending on your library sizes, can take multiple minutes up to half an hour.</p>
+ </div>
+ <div class="checkbox advanced-setting">
+ <label>
+ <input type="checkbox" id="refresh_library_stats_data_on_startup" name="refresh_library_stats_data_on_startup" value="1" ${config['refresh_library_stats_data_on_startup']}> Refresh Library Statistics Data on Startup
+ </label>
+ <p class="help-block">Refresh the library statistics data when Tautulli starts.</p>
+ </div>
+
  <div class="padded-header">
  <h3>Plex.tv Authentication</h3>
  </div>