add a column to all players and staff

.gitignore

@@ -41,3 +41,8 @@ Icon
 Network Trash Folder
 Temporary Items
 .apdisk
+
+inc/sql_log.txt
+cache/
+inc/config_db.php
+inc/config_db.php

CHANGELOG.md

@@ -0,0 +1,58 @@
+# Change Log
+All notable changes to this project will be documented in this file.
+
+## 2016-08-18
+### Added
+- Staff whitelist
+- Staff & Player info flag names
+- crossroads.js for routing support. All pages are accessible via url now
+- simple error/404 page
+- It is possible to select multiple servers now
+- You can add multiple DBs now and switch easy between them
+- A simple cache
+
+## Changed
+- The DB configuration is now in config_db.php.
+- Server selection now works globally on all pages
+- Date selection now works globally on all pages
+
+
+## Fixed
+- Dashboard Charts are shown broken with empty values
+- Some layout issues
+
+## 2016-08-11
+### Added
+- Staff page: Show only players with flags
+- Mark the current nav element as active
+- Table name constant for easier development
+
+## Changed
+- Add a third option "unknown" in the Premium/F2P chart
+- update js/css files
+- Optimized SQL query in SSP class for better performance. WHERE is much faster then HAVING with GROUP BY
+
+## Fixed
+- Issue #2
+- Sending muliple ajax requests in single server views
+
+
+## 2016-08-08
+### Added
+- server list (repo merge)
+
+### Changed
+- Show also years and months in the "Hours Played" box
+
+### Fixed
+- Connect method chart
+
+## 2015-08-07
+### Added
+- server list (repo merge)
+
+### Changed
+- Show the Top 10 countries (you can edit it in the config)
+
+### Fixed
+- Connect method chart

README.md

@@ -0,0 +1,56 @@
+/!\ Don't expect updates except fixes for critical bugs. I don't host TF2 servers anymore, so... 
+
+And don't forget "GeoIPCity" for proper Location support! 
+If you have permission errors try to create the /cache/SQL folder manually.
+
+Oh and you can safely delete cache files at any time. There is no auto clean for old cache files!
+
+# player_analytics
+This is a webpanel for the sourcemod plugin **[ANY] Player Analytics** by Dr. McKay
+https://forums.alliedmods.net/showthread.php?t=230832
+
+forked from Sinclair47/player_analytics https://github.com/Sinclair47/player_analytics 
+
+If you have suggestions or you found a bug -> **contact me: thechaoscoder+player-analytics[at]gmail.com**  
+(replace [at] with @, bot protection) or open an issue here
+
+## Performance
+For better SQL performance run this 2 queries:  
+`ALTER TABLE player_analytics ADD INDEX (server_ip, connect_date);`  
+`ALTER TABLE player_analytics ADD INDEX (connect_date);`
+
+## How to install?
+Download as zip (or clone) and copy all files to your webserver.  
+Rename the file config_db_RENAME_ME.php to config_db.php in /inc and add your DB credentials.  
+
+That's it!
+
+### Login
+To activate login-only mode, edit `inc/config.php` line `16`:
+
+Change the value of `MUST_LOG_IN` to `true` and to disable it change it to `false`.
+Add each person (SteamID) to `inc/admins.php` who is allowed to log in.
+
+## Connect method
+> ### What is the difference between Quickplay and Quickpick?
+> **Quickplay** = You click a button and get placed into a random server that has QP enabled  
+> **Quickpick** = You get presented a list of servers that have QP enabled, where you have to click "connect" yourself.
+> 
+> Both are mostly non-existant in TF2 anymore (apart from MvM, which only has Quickplay).
+
+> _Quote from pcmaster - https://forums.alliedmods.net/showthread.php?t=230832&page=31_
+
+-
+> ### Why do I have some strange values for connect_method in my DB like - 20312 or asd?
+> People can supply their own connection methods using the connect command. For example:  
+> **connect 127.0.0.1 myownreason** 
+> will list your connection method as "myownreason".
+> 
+> _Quote from Dr. McKay - https://forums.alliedmods.net/showpost.php?p=2350131&postcount=256_
+
+## Todo
+* Add area charts to see changes over time
+* Maybe add a Chart as in HLStatsX
+
+##Webpanel
+![Player Analytics Webpanel](https://raw.githubusercontent.com/theChaosCoder/player_analytics/master/player_analytics.png)

assets/css/dataTables.bootstrap.css

@@ -0,0 +1,196 @@
+table.dataTable {
+  clear: both;
+  margin-top: 6px !important;
+  margin-bottom: 6px !important;
+  max-width: none !important;
+  border-collapse: separate !important;
+}
+table.dataTable td,
+table.dataTable th {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+table.dataTable td.dataTables_empty,
+table.dataTable th.dataTables_empty {
+  text-align: center;
+}
+table.dataTable.nowrap th,
+table.dataTable.nowrap td {
+  white-space: nowrap;
+}
+
+div.dataTables_wrapper div.dataTables_length label {
+  font-weight: normal;
+  text-align: left;
+  white-space: nowrap;
+}
+div.dataTables_wrapper div.dataTables_length select {
+  width: 75px;
+  display: inline-block;
+}
+div.dataTables_wrapper div.dataTables_filter {
+  text-align: right;
+}
+div.dataTables_wrapper div.dataTables_filter label {
+  font-weight: normal;
+  white-space: nowrap;
+  text-align: left;
+}
+div.dataTables_wrapper div.dataTables_filter input {
+  margin-left: 0.5em;
+  display: inline-block;
+  width: auto;
+}
+div.dataTables_wrapper div.dataTables_info {
+  padding-top: 8px;
+  white-space: nowrap;
+}
+div.dataTables_wrapper div.dataTables_paginate {
+  margin: 0;
+  white-space: nowrap;
+  text-align: right;
+}
+div.dataTables_wrapper div.dataTables_paginate ul.pagination {
+  margin: 2px 0;
+  white-space: nowrap;
+}
+div.dataTables_wrapper div.dataTables_processing {
+	position: absolute;
+	bottom: calc(50% - 70px);
+    left: 10%;
+    width: 80%;
+    /* margin-left: -200px; */
+    /* margin-top: -26px; */
+    text-align: center;
+    padding: 1em 0;
+    height: 70px;
+    padding-top: 22px;
+    text-align: center;
+    font-size: 1.2em;
+    background-color: #f5f5f5;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+    z-index: 99;
+    opacity: 0.92;
+}
+
+
+
+table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
+table.dataTable thead > tr > td.sorting_asc,
+table.dataTable thead > tr > td.sorting_desc,
+table.dataTable thead > tr > td.sorting {
+  padding-right: 30px;
+}
+table.dataTable thead > tr > th:active,
+table.dataTable thead > tr > td:active {
+  outline: none;
+}
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting_asc_disabled,
+table.dataTable thead .sorting_desc_disabled {
+  cursor: pointer;
+  position: relative;
+}
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:after,
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:after {
+  position: absolute;
+  bottom: 8px;
+  right: 8px;
+  display: block;
+  font-family: 'Glyphicons Halflings';
+  opacity: 0.5;
+}
+table.dataTable thead .sorting:after {
+  opacity: 0.2;
+  content: "\e150";
+  /* sort */
+}
+table.dataTable thead .sorting_asc:after {
+  content: "\e155";
+  /* sort-by-attributes */
+}
+table.dataTable thead .sorting_desc:after {
+  content: "\e156";
+  /* sort-by-attributes-alt */
+}
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:after {
+  color: #eee;
+}
+
+div.dataTables_scrollHead table.dataTable {
+  margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+  border-top: none;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+div.dataTables_scrollBody table thead .sorting:after,
+div.dataTables_scrollBody table thead .sorting_asc:after,
+div.dataTables_scrollBody table thead .sorting_desc:after {
+  display: none;
+}
+div.dataTables_scrollBody table tbody tr:first-child th,
+div.dataTables_scrollBody table tbody tr:first-child td {
+  border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+  margin-top: 0 !important;
+  border-top: none;
+}
+
+@media screen and (max-width: 767px) {
+  div.dataTables_wrapper div.dataTables_length,
+  div.dataTables_wrapper div.dataTables_filter,
+  div.dataTables_wrapper div.dataTables_info,
+  div.dataTables_wrapper div.dataTables_paginate {
+    text-align: center;
+  }
+}
+table.dataTable.table-condensed > thead > tr > th {
+  padding-right: 20px;
+}
+table.dataTable.table-condensed .sorting:after,
+table.dataTable.table-condensed .sorting_asc:after,
+table.dataTable.table-condensed .sorting_desc:after {
+  top: 6px;
+  right: 6px;
+}
+
+table.table-bordered.dataTable th,
+table.table-bordered.dataTable td {
+  border-left-width: 0;
+}
+table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
+table.table-bordered.dataTable td:last-child,
+table.table-bordered.dataTable td:last-child {
+  border-right-width: 0;
+}
+table.table-bordered.dataTable tbody th,
+table.table-bordered.dataTable tbody td {
+  border-bottom-width: 0;
+}
+
+div.dataTables_scrollHead table.table-bordered {
+  border-bottom-width: 0;
+}
+
+div.table-responsive > div.dataTables_wrapper > div.row {
+  margin: 0;
+}
+div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
+  padding-left: 0;
+}
+div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
+  padding-right: 0;
+}