anchor.diff:          });
         }
   
  -
  -
  -    // --------------- END WORK JS WORKING AREA ---------------
  +      /*********************************
  +          Event Listeners
  +      *********************************/
  +      $(document).ready(function() {
  +
  +        // Add event listener for opening and closing detail rows
  +        $('#datatable_users').on('click', 'td.details-control', function () {
  +          var table = $('#datatable_users').DataTable();
  +          var tr = $(this).closest('tr');
  +          var row = table.row( tr );
  +
  +          if ( row.child.isShown() ) {
  +            row.child.hide();
  +            tr.removeClass('shown');
  +          }
  +          else {
  +            row.child( userDetails(row.data()) ).show();
  +            tr.addClass('shown');
  +          }
  +        }); // Expand User Row
  +
  +      });
  +      // END Event Listeners //
  +
  +
  +    // ----------------------- END PROJECT JS WORKING AREA ----------------------- //
       })();
       </script>
  -
  -
  -    <canvas id="chart" width="900" height="200"></canvas>
  -
  -
  +<% end %>
  +<!-- END ADMIN REPORT JS -->
  +
  +<section class="reports">
  +  <% if user_signed_in? && current_user.admin? %>
  +  <!-- ADMIN REPORT INTERFACE -->
  +
  +
  +    <!-- Top Chart -->
  +    <canvas id="topchart" width="900" height="200"></canvas>
  +
  +
  +    <!-- Users Datatable -->
       <table id="datatable_users" class="stripe hover row-border" width="100%">
         <thead>
           <tr>
  
positive.code:           ]
          });
        }
  
        // -------------- Event Listener --------------
        $(document).ready(function() {
  
          // Add event listener for opening and closing detail rows
          $('#datatable_users').on('click', 'td.details-control', function () {
            var table = $('#datatable_users').DataTable();
            var tr = $(this).closest('tr');
            var row = table.row( tr );
  
            if ( row.child.isShown() ) {
              // This row is already open - close it
              row.child.hide();
              tr.removeClass('shown');
            }
            else {
              // Open this row
              row.child( userDetails(row.data()) ).show();
              tr.addClass('shown');
            }
          }); // Expand User Row
  
          // Charts
          var chart = $("#chart");
  
  
        });
  
  
        // Test with Charts ....
        var charts = function(){
          createDateChartValues('users', 30, 'days');
        };
  
  
        var extend_arrays_each_other = function() {
  
          // Extend Location Array with Grätzl-Infos
          for( i=0; i<locations.length; i++ ) {
            var graetzlinfos = fetchFromID(locations[i].graetzl_id, 'graetzls');
            for (let key in graetzlinfos) {
              //console.log(graetzlinfos[key]);
              locations[i].graetzl_name = graetzlinfos[key].name;
              locations[i].location_path = graetzlinfos[key].graetzl_path;
            }
          }
  
          // Extend User Array with Grätzl-Indos
          for( i=0; i<users.length; i++ ) {
            graetzlinfos = fetchFromID(users[i].graetzl_id, 'graetzls');
            for (let key in graetzlinfos) {
              //console.log(graetzlinfos[key]);
              users[i].graetzl_name = graetzlinfos[key].name;
              users[i].graetzl_path = graetzlinfos[key].graetzl_path;
            }
          }
  
          console.log(users);
          console.log(locations);
        };
  
  
  
  
        // Create Chart Arrays
        var createDateChartValues = function( type, count, unit ) {
  
          // Set Length of Data Array to Count
          timePeriodData.length = count;
          timePeriodData.fill(0); // Prefill all Values with 0
  
          // Fill Time Period Array with Dates for Chart-View
          var generateTimePeriod = function( count, unit ) {
            timePeriod.unit = unit;
            var currentDate = new Date(); // Today
            if (unit == 'days') {
  
negative.code:           });
          });
        } // Get Locations
        // END Ajax JSON Requests //
  
  
        /*********************************
            Create DATATABLES
            (jQuery Plugin)
        *********************************/
  
        // Create DATATABLE - USERS //
        var datatable_users = function() {
          $('#datatable_users').DataTable( {
            data: users,
  