#30 New Theme based on Bootstrap3

2025-02-20 11:23:28 +08:00 · 2014-08-17 16:49:44 +02:00 · 2014-08-17 16:49:44 +02:00 · 8fa36588eb
commit 8fa36588eb
parent 7275426a69
21 changed files with 4603 additions and 311 deletions
--- a/web/ajax.php
+++ b/web/ajax.php
@ -145,7 +145,9 @@ if ($ui->smallletters('w', 9, 'get') == 'datatable') {
        $ipsAvailable = array();
    }

-    $template_file = 'ajax_admin_roots_ips.tpl';
+    require_once IncludeTemplate($template_to_use,'ajax_admin_roots_ips.tpl', 'ajax');
+
+    die;

 } else if (isset($admin_id) and $pa['fastdl'] and $ui->smallletters('d', 8, 'get') == 'webmaster' and $ui->id('id', 10, 'get')) {

@ -172,7 +174,9 @@ if ($ui->smallletters('w', 9, 'get') == 'datatable') {
        $dns = $row['defaultdns'];
    }

-    $template_file = 'ajax_admin_web_master.tpl';
+    require_once IncludeTemplate($template_to_use,'ajax_admin_web_master.tpl', 'ajax');
+
+    die;

 } else if (isset($user_id) and $pa['voiceserverStats'] and $ui->smallletters('d', 14, 'get') == 'uservoicestats' and $ui->st('w', 'get')) {

@ -189,6 +193,8 @@ if ($ui->smallletters('w', 9, 'get') == 'datatable') {

    require_once IncludeTemplate($template_to_use,'ajax_userpanel_voice_stats.tpl', 'ajax');

+    die;
+
 } else if (isset($admin_id) and $pa['voiceserverStats'] and $ui->smallletters('d', 15, 'get') == 'adminvoicestats' and $ui->st('w', 'get')) {

    $data = array();
@ -219,14 +225,8 @@ if ($ui->smallletters('w', 9, 'get') == 'datatable') {
    }

    require_once IncludeTemplate($template_to_use,'ajax_admin_voice_stats.tpl', 'ajax');
+
+    die;
 }

-if (isset($template_file)) {
-
-    require_once IncludeTemplate($template_to_use, $template_file, 'ajax');
-
-} else {
-
-    die('No Access');
-
-}
+die('No Access');
--- a/web/css/adminlte/daterangepicker/daterangepicker-bs3.css
+++ b/web/css/adminlte/daterangepicker/daterangepicker-bs3.css
@ -0,0 +1,284 @@
+/*!
+ * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
+ *
+ * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Built for http://www.improvely.com
+ */
+
+.daterangepicker.dropdown-menu {
+    max-width: none;
+    z-index: 3000;
+}
+
+.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
+    float: left;
+    margin: 4px;
+}
+
+.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
+    float: right;
+    margin: 4px;
+}
+
+.daterangepicker .ranges {
+    width: 160px;
+    text-align: left;
+}
+
+.daterangepicker .ranges .range_inputs>div {
+    float: left;
+}
+
+.daterangepicker .ranges .range_inputs>div:nth-child(2) {
+    padding-left: 11px;
+}
+
+.daterangepicker .calendar {
+    display: none;
+    max-width: 270px;
+}
+
+.daterangepicker.show-calendar .calendar {
+    display: block;
+}
+
+.daterangepicker .calendar.single .calendar-date {
+    border: none;
+}
+
+.daterangepicker .calendar th, .daterangepicker .calendar td {
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    white-space: nowrap;
+    text-align: center;
+    min-width: 32px;
+}
+
+.daterangepicker .daterangepicker_start_input label,
+.daterangepicker .daterangepicker_end_input label {
+    color: #333;
+    display: block;
+    font-size: 11px;
+    font-weight: normal;
+    height: 20px;
+    line-height: 20px;
+    margin-bottom: 2px;
+    text-shadow: #fff 1px 1px 0px;
+    text-transform: uppercase;
+    width: 74px;
+}
+
+.daterangepicker .ranges input {
+    font-size: 11px;
+}
+
+.daterangepicker .ranges .input-mini {
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    color: #555;
+    display: block;
+    font-size: 11px;
+    height: 30px;
+    line-height: 30px;
+    vertical-align: middle;
+    margin: 0 0 10px 0;
+    padding: 0 6px;
+    width: 74px;
+}
+
+.daterangepicker .ranges ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.daterangepicker .ranges li {
+    font-size: 13px;
+    background: #f5f5f5;
+    border: 1px solid #f5f5f5;
+    color: #08c;
+    padding: 3px 12px;
+    margin-bottom: 8px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
+    background: #08c;
+    border: 1px solid #08c;
+    color: #fff;
+}
+
+.daterangepicker .calendar-date {
+    border: 1px solid #ddd;
+    padding: 4px;
+    border-radius: 4px;
+    background: #fff;
+}
+
+.daterangepicker .calendar-time {
+    text-align: center;
+    margin: 8px auto 0 auto;
+    line-height: 30px;
+}
+
+.daterangepicker {
+    position: absolute;
+    background: #fff;
+    top: 100px;
+    left: 20px;
+    padding: 4px;
+    margin-top: 1px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+}
+
+.daterangepicker.opensleft:before {
+    position: absolute;
+    top: -7px;
+    right: 9px;
+    display: inline-block;
+    border-right: 7px solid transparent;
+    border-bottom: 7px solid #ccc;
+    border-left: 7px solid transparent;
+    border-bottom-color: rgba(0, 0, 0, 0.2);
+    content: '';
+}
+
+.daterangepicker.opensleft:after {
+    position: absolute;
+    top: -6px;
+    right: 10px;
+    display: inline-block;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #fff;
+    border-left: 6px solid transparent;
+    content: '';
+}
+
+.daterangepicker.opensright:before {
+    position: absolute;
+    top: -7px;
+    left: 9px;
+    display: inline-block;
+    border-right: 7px solid transparent;
+    border-bottom: 7px solid #ccc;
+    border-left: 7px solid transparent;
+    border-bottom-color: rgba(0, 0, 0, 0.2);
+    content: '';
+}
+
+.daterangepicker.opensright:after {
+    position: absolute;
+    top: -6px;
+    left: 10px;
+    display: inline-block;
+    border-right: 6px solid transparent;
+    border-bottom: 6px solid #fff;
+    border-left: 6px solid transparent;
+    content: '';
+}
+
+.daterangepicker table {
+    width: 100%;
+    margin: 0;
+}
+
+.daterangepicker td, .daterangepicker th {
+    text-align: center;
+    width: 20px;
+    height: 20px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    cursor: pointer;
+    white-space: nowrap;
+}
+
+.daterangepicker td.off {
+    color: #999;
+}
+
+.daterangepicker td.disabled {
+    color: #999;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+    background: #eee;
+}
+
+.daterangepicker td.in-range {
+    background: #ebf4f8;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+}
+
+.daterangepicker td.available + td.start-date {
+    -webkit-border-radius: 4px 0 0 4px;
+    -moz-border-radius: 4px 0 0 4px;
+    border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.in-range + td.end-date{
+    -webkit-border-radius: 0 4px 4px 0;
+    -moz-border-radius: 0 4px 4px 0;
+    border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date{
+    -webkit-border-radius: 4px !important;
+    -moz-border-radius: 4px !important;
+    border-radius: 4px !important;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+    background-color: #357ebd;
+    border-color: #3071a9;
+    color: #fff;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+    font-size: 80%;
+    color: #ccc;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+    font-size: 12px;
+    padding: 1px;
+    height: auto;
+    margin: 0;
+    cursor: default;
+}
+
+.daterangepicker select.monthselect {
+    margin-right: 2%;
+    width: 56%;
+}
+
+.daterangepicker select.yearselect {
+    width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect {
+    width: 50px;
+    margin-bottom: 0;
+}
+
+.daterangepicker_start_input {
+    float: left;
+}
+
+.daterangepicker_end_input {
+    float: left;
+    padding-left: 11px
+}
+
+.daterangepicker th.month {
+    width: auto;
+}
--- a/web/css/adminlte/morris/morris.css
+++ b/web/css/adminlte/morris/morris.css
@ -0,0 +1,2 @@
+.morris-hover{position:absolute;z-index:1090;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#f9f9f9;background:rgba(0, 0, 0, 0.8);border:solid 2px rgba(0, 0, 0, 0.9);font-weight: 600;font-size:14px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
+.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}
--- a/web/js/adminlte/easy-wi.js
+++ b/web/js/adminlte/easy-wi.js
@ -0,0 +1,55 @@
+/**
+ * File: easy-wi.js.
+ * Author: Ulrich Block
+ * Contact: <ulrich.block@easy-wi.com>
+ *
+ * This file is part of Easy-WI.
+ *
+ * Easy-WI is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * Easy-WI is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with Easy-WI.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * Diese Datei ist Teil von Easy-WI.
+ *
+ * Easy-WI ist Freie Software: Sie koennen es unter den Bedingungen
+ * der GNU General Public License, wie von der Free Software Foundation,
+ * Version 3 der Lizenz oder (nach Ihrer Wahl) jeder spaeteren
+ * veroeffentlichten Version, weiterverbreiten und/oder modifizieren.
+ *
+ * Easy-WI wird in der Hoffnung, dass es nuetzlich sein wird, aber
+ * OHNE JEDE GEWAEHELEISTUNG, bereitgestellt; sogar ohne die implizite
+ * Gewaehrleistung der MARKTFAEHIGKEIT oder EIGNUNG FUER EINEN BESTIMMTEN ZWECK.
+ * Siehe die GNU General Public License fuer weitere Details.
+ *
+ * Sie sollten eine Kopie der GNU General Public License zusammen mit diesem
+ * Programm erhalten haben. Wenn nicht, siehe <http://www.gnu.org/licenses/>.
+ */
+
+function getdetails(file, str, id) {
+
+    if (str == "") {
+        document.getElementById(id).innerHTML = "";
+        return;
+    } else {
+        file += str;
+    }
+
+    xmlhttp2 = new XMLHttpRequest();
+    xmlhttp2.onreadystatechange = function() {
+        if (xmlhttp2.readyState == 4 && xmlhttp2.status == 200) {
+            document.getElementById(id).innerHTML=xmlhttp2.responseText;
+        }
+    };
+
+    xmlhttp2.open("GET", file, true);
+    xmlhttp2.send();
+}
--- a/web/js/adminlte/plugins/daterangepicker/daterangepicker.js
+++ b/web/js/adminlte/plugins/daterangepicker/daterangepicker.js
--- a/web/js/adminlte/plugins/daterangepicker/moment.js
+++ b/web/js/adminlte/plugins/daterangepicker/moment.js
--- a/web/js/adminlte/plugins/morris/morris.min.js
+++ b/web/js/adminlte/plugins/morris/morris.min.js
--- a/web/js/adminlte/plugins/morris/raphael-min.js
+++ b/web/js/adminlte/plugins/morris/raphael-min.js
--- a/web/languages/default/de/traffic.xml
+++ b/web/languages/default/de/traffic.xml
@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <sprache>
+    <accuracy>Genauigkeit</accuracy>
 	<all>Alles</all>
 	<barin_colour>Eingehender Traffic</barin_colour>
 	<barout_colour>Ausgehender Traffic</barout_colour>
@ -33,6 +34,7 @@
    <red>Rot</red>
 	<server>Server</server>
 	<statip>Adresse/IP</statip>
+    <statsFor>Statistiken für</statsFor>
 	<subnet>Subnet</subnet>
 	<subnets>Subnetze</subnets>
 	<table_name>Tabellen Name</table_name>
--- a/web/languages/default/dk/traffic.xml
+++ b/web/languages/default/dk/traffic.xml
@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <sprache>
+    <accuracy></accuracy>
 	<all>Alle</all>
 	<barin_colour>Indgående trafik</barin_colour>
 	<barout_colour>Udgående trafik</barout_colour>
@ -31,6 +32,7 @@
    <red>Rød</red>
 	<server>Server</server>
 	<statip>IP/Adresse</statip>
+    <statsFor></statsFor>
 	<subnet>Undernet</subnet>
 	<subnets>Subnets</subnets>
 	<table_name>Tabelnavn</table_name>
--- a/web/languages/default/uk/traffic.xml
+++ b/web/languages/default/uk/traffic.xml
@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <sprache>
+    <accuracy>Accuracy</accuracy>
    <all>All</all>
    <barin_colour>Incomming traffic</barin_colour>
    <barout_colour>Outgoing traffic</barout_colour>
@ -33,6 +34,7 @@
    <red>Red</red>
    <server>Server</server>
    <statip>Address/IP</statip>
+    <statsFor>Statistics for</statsFor>
    <subnet>Subnet</subnet>
    <subnets>Subnets</subnets>
    <table_name>Table name</table_name>
--- a/web/stuff/admin/web_master.php
+++ b/web/stuff/admin/web_master.php
@ -265,7 +265,7 @@ if ($ui->w('action',4, 'post') and !token(true)) {
            $errors['ftpPort'] = $sprache->ftpPort;
        }

-        $ssh2Check = (count($errors) == 0) ? ssh_check($ip, $port, $user, $publickey, $keyname, $pass) : true;
+        $ssh2Check = (count($errors) == 0 and $active == 'Y') ? ssh_check($ip, $port, $user, $publickey, $keyname, $pass) : true;

        if ($ssh2Check !== true) {

--- a/web/stuff/methods/tables_add.php
+++ b/web/stuff/methods/tables_add.php
@ -1707,7 +1707,7 @@ $query = "CREATE TABLE IF NOT EXISTS `voice_server_stats` (
  `installed` decimal(6,2) unsigned NOT NULL,
  `used` decimal(6,2) unsigned NOT NULL,
  `traffic` bigint(19) unsigned NOT NULL,
-  `date` datetime DEFAULT NULL,
+  `date` date NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `uid` int(10) unsigned DEFAULT NULL,
  `count` bigint(19) unsigned DEFAULT 0,
  `resellerid` int(10) unsigned DEFAULT NULL,
--- a/web/stuff/methods/tables_repair.php
+++ b/web/stuff/methods/tables_repair.php
@ -1492,7 +1492,7 @@ $defined['voice_server_backup'] = array(

 $defined['voice_server_stats'] = array(
    'sid' => array("Type"=>"int(10) unsigned","Null"=>"NO","Key"=>"PRI","Default"=>"","Extra"=>""),
-    'date' => array("Type"=>"datetime","Null"=>"NO","Key"=>"PRI","Default"=>"0000-00-00 00:00:00","Extra"=>""),
+    'date' => array("Type"=>"date","Null"=>"NO","Key"=>"PRI","Default"=>"CURRENT_TIMESTAMP","Extra"=>""),
    'mid' => array("Type"=>"int(10) unsigned","Null"=>"NO","Key"=>"MUL","Default"=>"","Extra"=>""),
    'installed' => array("Type"=>"decimal(6,2) unsigned","Null"=>"NO","Key"=>"","Default"=>"","Extra"=>""),
    'used' => array("Type"=>"decimal(6,2) unsigned","Null"=>"NO","Key"=>"","Default"=>"","Extra"=>""),
--- a/web/stuff/user/userpanel_voice_usage.php
+++ b/web/stuff/user/userpanel_voice_usage.php
@ -43,6 +43,7 @@ if (!isset($user_id) or $main != 1 or (isset($user_id) and !$pa['voiceserverStat
 }

 $sprache = getlanguagefile('traffic', $user_language, $reseller_id);
+$voSprache = getlanguagefile('voice', $user_language, $reseller_id);

 if ($ui->w('action', 4, 'post') and !token(true)) {

@ -51,21 +52,48 @@ if ($ui->w('action', 4, 'post') and !token(true)) {
 } else {

    $data = array();
+    $slotUsage = array();
+    $trafficUsage = array();

    $display = $sprache->total;

-    if (!$ui->st('kind', 'post') or $ui->st('kind', 'post') == 'al') {
+    $dateRange = ($ui->escaped('dateRange', 'post')) ? $ui->escaped('dateRange', 'post') : date('m/d/Y', strtotime("-6 days")) . ' - ' . date('m/d/Y');
+    $accuracy = (in_array($ui->st('accuracy', 'post'), array('da', 'mo'))) ? $ui->st('accuracy', 'post') : 'da';

-        $kind = 'al';
-        $whichdata = '';
+    @list($startDate, $endDate) = explode('-', str_replace(' ', '', $dateRange));
+    @list($startMonth, $startDay, $startYear) = explode('/', $startDate);
+    @list($endMonth, $endDay, $endYear) = explode('/', $endDate);

-    } else if ($ui->id('what', 30, 'post') and $ui->st('kind', 'post') == 'se') {
+    if ($endYear > 2000 and $startYear > 2000) {
+
+        $extractOrNormal = ($accuracy == 'mo') ? "CONCAT(EXTRACT(YEAR FROM `date`),'-',EXTRACT(MONTH FROM `date`))" : '`date`';
+
+        $startDateFormatted = date('Y-m-d', strtotime($startYear . '-' . $startMonth . '-' . $startDay));
+        $endDateFormatted = date('Y-m-d', strtotime($endYear . '-' . $endMonth . '-' . $endDay));
+
+        if ($ui->id('serverID', 10, 'post')) {
+            $query = $sql->prepare("SELECT $extractOrNormal AS `groupedDate`,SUM(`used`)/COUNT(`sid`) AS `averageused`,SUM(`installed`)/COUNT(`sid`) AS `averageinstalled`,SUM(`traffic`)/1024 as `fileTrafficMB` FROM `voice_server_stats` WHERE `sid`=? AND `uid`=? AND `resellerid`=? AND `date` BETWEEN ? AND ? GROUP BY `groupedDate` ORDER BY `groupedDate`");
+            $query->execute(array($ui->id('serverID', 10, 'post'), $user_id, $reseller_id, $startDateFormatted, $endDateFormatted));
+        } else {
+            $query = $sql->prepare("SELECT $extractOrNormal AS `groupedDate`,SUM(`used`)/COUNT(`sid`) AS `averageused`,SUM(`installed`)/COUNT(`sid`) AS `averageinstalled`,SUM(`traffic`)/1024 as `fileTrafficMB` FROM `voice_server_stats` WHERE `uid`=? AND `resellerid`=? AND `date` BETWEEN ? AND ? GROUP BY `groupedDate` ORDER BY `groupedDate`");
+            $query->execute(array($user_id, $reseller_id, $startDateFormatted, $endDateFormatted));
+        }
+
+        while($row = $query->fetch(PDO::FETCH_ASSOC)) {
+            $slotUsage[] = "{y: '{$row['groupedDate']}', item1: {$row['averageused']}, item2: {$row['averageinstalled']}}";
+            $trafficUsage[] = "{y: '{$row['groupedDate']}', item1: {$row['fileTrafficMB']}}";
+        }
+    }
+
+
+    $kind = 'al';
+
+    if ($ui->id('serverID', 10, 'post') and $ui->st('kind', 'post') == 'se') {

        $kind = 'se';
-        $whichdata = '&amp;shorten=' . $ui->id('what', 30, 'post');

        $query = $sql->prepare("SELECT v.`id`,v.`ip`,v.`port`,v.`dns`,m.`usedns` FROM `voice_server` v INNER JOIN `voice_masterserver` m ON v.`masterserver`=m.`id` WHERE v.`id`=? AND v.`userid`=? AND v.`resellerid`=? AND v.`resellerid`=? LIMIT 1");
-        $query->execute(array($ui->id('what', 30, 'post'), $user_id, $reseller_id));
+        $query->execute(array($ui->id('serverID', 30, 'post'), $user_id, $reseller_id));
        foreach ($query->fetchall(PDO::FETCH_ASSOC) as $row) {
            $display = $sprache->server . '  ' . $row['ip'] . ':' . $row['port'];
        }
@ -73,133 +101,71 @@ if ($ui->w('action', 4, 'post') and !token(true)) {
        $query = $sql->prepare("SELECT v.`id`,v.`ip`,v.`port`,v.`dns`,m.`usedns` FROM `voice_server` v INNER JOIN `voice_masterserver` m ON v.`masterserver`=m.`id` WHERE v.`userid`=? AND v.`resellerid`=? ORDER BY v.`ip`,v.`port`");
        $query->execute(array($user_id, $reseller_id));
        foreach ($query->fetchall(PDO::FETCH_ASSOC) as $row) {
-            $server = $row['ip'] . ':' . $row['port'];
-            if ($ui->id('what', 30, 'post') == $row['id']) {
-                $data[] = '<option value='. $row['id'] .' selected="selected">' . $server . '</option>';
-            } else {
-                $data[] = '<option value=' . $row['id'] . '>' . $server . '</option>';
-            }
+            $data[] = ($ui->id('serverID', 10, 'post') == $row['id']) ? '<option value='. $row['id'] .' selected="selected">' . $row['ip'] . ':' . $row['port'] . '</option>' : '<option value=' . $row['id'] . '>' . $row['ip'] . ':' . $row['port'] . '</option>';
        }
    }

-    if (!isset($ui->post['dmy'])) {
+    $htmlExtraInformation['css'][] = '<link href="css/adminlte/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css">';
+    $htmlExtraInformation['js'][] = '<script src="js/adminlte/plugins/daterangepicker/moment.js" type="text/javascript"></script>';
+    $htmlExtraInformation['js'][] = '<script src="js/adminlte/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>';

-        $dmy = 'da';
-        $year = date('Y',strtotime('-6 days'));
-        $month = date('m',strtotime('-6 days'));
-        $day = date('d',strtotime('-6 days'));
-        $yearstop = date('Y');
-        $monthstop = date('m');
-        $daystop = date('d');
-        $amount = 7;
+    $htmlExtraInformation['js'][] = "<script type=\"text/javascript\">

-    } else if ($ui->post['dmy'] == 'da') {
-
-        $dmy = 'da';
-
-        $year = ($ui->isinteger('yearstart', 'post') and $ui->isinteger('yearstart', 'post') <= date('Y')) ? $ui->isinteger('yearstart', 'post') : date('Y', strtotime('-6 days'));
-        $yearstop = ($ui->isinteger('yearstop', 'post') and $ui->isinteger('yearstop', 'post') <= date('Y')) ? $ui->isinteger('yearstop', 'post') : date('Y');
-
-        $month = ($ui->isinteger('monthstart', 'post') and $ui->isinteger('monthstart', 'post') <= 12) ? $ui->isinteger('monthstart', 'post') : date('m', strtotime('-6 days'));
-        $monthstop = ($ui->isinteger('monthstop', 'post') and $ui->isinteger('monthstop', 'post') <= 12) ? $ui->isinteger('monthstop', 'post') : date('m');
-
-        $day = ($ui->isinteger('daystart', 'post') and $ui->isinteger('daystart', 'post') <= 31) ? $ui->isinteger('daystart', 'post') : date('d', strtotime('-6 days'));
-        $daystop = ($ui->isinteger('daystop', 'post') and $ui->isinteger('daystop', 'post') <= 31) ? $ui->isinteger('daystop', 'post') : date('d');
-
-        $now = date('Y-m-d');
-        $date1 = strtotime("$year-$month-$day");
-        $date2 = strtotime("$yearstop-$monthstop-$daystop");
-        $amount = intval(($date2 - $date1) / 86400) + 1;
-
-        if ($amount < 0 and "$yearstop-$monthstop-$daystop" > $now){
-            $yearstop = date('Y');
-            $monthstop = date('m');
-            $daystop = date('d');
-            $day = date('d',strtotime('-6 days'));
-            $month = date('m',strtotime('-6 days'));
-            $year = date('Y',strtotime('-6 days'));
-            $amount = 7;
+$(function() {
+    //Date range as a button
+    $('#dateRange').daterangepicker(
+        {
+            ranges: {
+                'Today': [moment(), moment()],
+                'Yesterday': [moment().subtract('days', 1), moment().subtract('days', 1)],
+                'Last 7 Days': [moment().subtract('days', 6), moment()],
+                'Last 30 Days': [moment().subtract('days', 29), moment()],
+                'This Month': [moment().startOf('month'), moment().endOf('month')],
+                'Last Month': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
+            },
+            startDate: moment().subtract('days', 6),
+            endDate: moment(),
+            opens: 'right'
+        },
+        function(start, end) {
+            $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
        }
+    );
+});
+</script>";

-    } else if ($ui->post['dmy'] == 'mo') {
+    $htmlExtraInformation['css'][] = '<link href="css/adminlte/morris/morris.css" rel="stylesheet" type="text/css">';
+    $htmlExtraInformation['js'][] = '<script src="js/adminlte/plugins/morris/raphael-min.js" type="text/javascript"></script>';
+    $htmlExtraInformation['js'][] = '<script src="js/adminlte/plugins/morris/morris.min.js" type="text/javascript"></script>';
+    $htmlExtraInformation['js'][] = "<script type=\"text/javascript\">
+$(function() {
+    'use strict';

-        $dmy = 'mo';
-        $day = 1;
+    // AREA CHART
+    var area = new Morris.Area({
+        element: 'slot-usage',
+        resize: true,
+        data: [" . implode(',', $slotUsage) . "],
+        xkey: 'y',
+        ykeys: ['item1', 'item2'],
+        labels: ['{$voSprache->usage}', '{$voSprache->slots}'],
+        lineColors: ['#a0d0e0', '#3c8dbc'],
+        hideHover: 'auto'
+    });

-        $year = ($ui->isinteger('yearstart', 'post') and $ui->isinteger('yearstart', 'post') <= date('Y')) ? $ui->isinteger('yearstart', 'post') : date('Y', strtotime('-6 days'));
-        $yearstop = ($ui->isinteger('yearstop', 'post') and $ui->isinteger('yearstop', 'post') <= date('Y')) ? $ui->isinteger('yearstop', 'post') : date('Y');
+    // LINE CHART
+    var line = new Morris.Line({
+        element: 'traffic-usage',
+        resize: true,
+        data: [" . implode(',', $trafficUsage) . "],
+        xkey: 'y',
+        ykeys: ['item1'],
+        labels: ['MegaByte'],
+        lineColors: ['#3c8dbc'],
+        hideHover: 'auto'
+    });
+});
+</script>";

-        $month = ($ui->isinteger('monthstart', 'post') and $ui->isinteger('monthstart', 'post') <= 12) ? $ui->isinteger('monthstart', 'post') : date('m', strtotime('-6 days'));
-        $monthstop = ($ui->isinteger('monthstop', 'post') and $ui->isinteger('monthstop', 'post') <= 12) ? $ui->isinteger('monthstop', 'post') : date('m');
-
-        $daystop = date('t', strtotime("$yearstop-$monthstop"));
-        $now = date('Y-m');
-        $date1 = strtotime("$year-$month-$day");
-        $add = $date1;
-        $date2 = strtotime("$yearstop-$monthstop-$daystop");
-        $i = 0;
-
-        while ($add <= $date2) {
-            $add = strtotime("+1 months", $add);
-            $i++;
-        }
-
-        $amount = $i;
-
-        if ($amount < 0 or "$yearstop-$monthstop" > $now){
-            $yearstop = date('Y');
-            $monthstop = date('m');
-            $daystop = date('t', strtotime("$yearstop-$monthstop"));
-            $day = 1;
-            $month = date('m', strtotime('-6 months'));
-            $year = date('Y', strtotime('-6 months'));
-            $amount = 7;
-        }
-
-    } else if ($ui->post['dmy'] == 'ye') {
-
-        $dmy = 'ye';
-        $day = 1;
-
-        $year = ($ui->isinteger('yearstart', 'post') and $ui->isinteger('yearstart', 'post') <= date('Y')) ? $ui->isinteger('yearstart', 'post') : date('Y', strtotime('-6 days'));
-        $yearstop = ($ui->isinteger('yearstop', 'post') and $ui->isinteger('yearstop', 'post') <= date('Y')) ? $ui->isinteger('yearstop', 'post') : date('Y');
-
-        $month = 1;
-        $monthstop = 12;
-        $daystop = 31;
-
-        $now = date('Y');
-        $date1 = strtotime($year . '-' . $month . '-' . $day);
-        $date2 = strtotime($yearstop . '-' . $monthstop . '-' . $daystop);
-        $add = $date1;
-        $i = 0;
-
-        while ($add <= $date2) {
-            $add = strtotime('+1 year', $add);
-            $i++;
-        }
-
-        $amount = $i;
-
-        if ($amount < 0 or "$yearstop" > $now){
-            $yearstop = date('Y');
-            $monthstop = 12;
-            $daystop = 31;
-            $day = 1;
-            $month = 1;
-            $year = date('Y', strtotime('-1 year'));
-            $amount = 2;
-        }
-    }
-
-    if ($user_language == 'de') {
-        $startdate = $day . '.' . $month . '.' . $year;
-        $stopdate = $daystop . '.' . $monthstop . '.' . $yearstop;
-    } else {
-        $startdate = $year . '-' . $month . '-' . $day;
-        $stopdate = $yearstop . '-' . $monthstop . '-' . $daystop;
-    }
-
-    $getlink = "images.php?img=vo&amp;from=admin&amp;d={$dmy}&amp;p={$year}&amp;id={$day}&amp;po={$month}&amp;m={$amount}{$whichdata}";
    $template_file = 'userpanel_voice_stats.tpl';
 }
--- a/web/template/adminlte/admin/admin_footer.tpl
+++ b/web/template/adminlte/admin/admin_footer.tpl
@ -8,7 +8,7 @@
    <!-- jQuery 2.0.2 -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <!-- jQuery UI 1.10.3 -->
-    <script src="ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>
+    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>

    <?php echo implode('',$htmlExtraInformation['js']);?>

--- a/web/template/adminlte/ajax/ajax_userpanel_voice_stats.tpl
+++ b/web/template/adminlte/ajax/ajax_userpanel_voice_stats.tpl
@ -0,0 +1,6 @@
+<?php if($ui->st('w','get')=='se'){ ?>
+<label for="inputSelect"></label>
+<select class="form-control" id="inputSelect" name="serverID">
+    <?php foreach ($data as $value) echo $value;?>
+</select>
+<?php } ?>
--- a/web/template/adminlte/imprint.tpl
+++ b/web/template/adminlte/imprint.tpl
@ -0,0 +1,20 @@
+<section class="content-header">
+    <h1><?php echo $gsprache->imprint;?></h1>
+    <ol class="breadcrumb">
+        <li><a href="<?php echo $targetFile;?>"><i class="fa fa-home"></i> Home</a></li>
+        <li class="active"><?php echo $gsprache->imprint;?></li>
+    </ol>
+</section>
+
+<!-- Main Content -->
+<section class="content">
+    <div class="row">
+        <div class="col-md-12">
+            <div class="box box-primary">
+                <div class="box-body">
+                    <?php echo $imprint;?>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
--- a/web/template/adminlte/user/userpanel_footer.tpl
+++ b/web/template/adminlte/user/userpanel_footer.tpl
@ -5,10 +5,14 @@
    <!-- add new calendar event modal -->


+    <!-- Easy-Wi -->
+    <script src="js/adminlte/easy-wi.js" type="text/javascript"></script>
+
    <!-- jQuery 2.0.2 -->
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
-    <!-- jQuery UI 1.10.3 -->
-    <script src="ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
+
+    <!-- jQuery UI 1.10.3
+    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script> -->

    <?php echo implode('',$htmlExtraInformation['js']);?>

--- a/web/template/adminlte/user/userpanel_gserver_md.tpl
+++ b/web/template/adminlte/user/userpanel_gserver_md.tpl
@ -3,143 +3,146 @@
    <h1><?php echo $gsprache->gameserver;?></h1>
    <ol class="breadcrumb">
        <li><a href="userpanel.php"><i class="fa fa-home"></i> Home</a></li>
-		<li><a href="userpanel.php?w=gs"><?php echo $gsprache->gameserver;?></a></li>
-		<li><?php echo $sprache->server_details;?></li>
-		<li class="active"><?php echo $address;?></li>
+        <li><a href="userpanel.php?w=gs"><?php echo $gsprache->gameserver;?></a></li>
+        <li><?php echo $sprache->server_details;?></li>
+        <li class="active"><?php echo $address;?></li>
    </ol>
 </section>
+
 <!-- Main Content -->
 <section class="content">

-<!-- Content Help -->
-<div class="row hidden-xs">
-    <div class="col-md-12">
-        <div class="alert alert-info alert-dismissable">
-            <i class="fa fa-info"></i>
-            <?php echo $sprache->help_md;?>
+    <!-- Content Help -->
+    <div class="row hidden-xs">
+        <div class="col-md-12">
+            <div class="alert alert-info alert-dismissable">
+                <i class="fa fa-info"></i>
+                <?php echo $sprache->help_md;?>
+            </div>
        </div>
    </div>
-</div>

-<div class="box box-info">	
-    <div class="box-body">
-        <form role ="form" action="userpanel.php?w=gs&amp;d=md&amp;id=<?php echo $id;?>&amp;r=gs" onsubmit="return confirm('<?php echo $gsprache->sure;?>');" method="post">
-            <input type="hidden" name="token" value="<?php echo token();?>">
-            <?php if ($pa['ftpaccess'] and $ftpAccess=='Y') { ?>
-            <div class="form-group">
-                <label for="ftppass"><?php echo $sprache->ftp_password;?></label>
-                <input class="form-control" id="ftppass" type="text" name="ftppass" value="<?php echo $ftppass;?>" required>
-            </div>		
-            <?php } ?>
+    <div class="box box-info">
+        <div class="box-body">
+            <form role="form" action="userpanel.php?w=gs&amp;d=md&amp;id=<?php echo $id;?>&amp;r=gs" onsubmit="return confirm('<?php echo $gsprache->sure;?>');" method="post" >

-            <div class="form-group">
-                <label for="gameswitch"><?php echo $sprache->gameswitch;?></label>
-                <select class="form-control" id="gameswitch" name="shorten" onchange="SwitchShowHideRows(this.value);">
-                    <?php foreach ($table as $table_row){ ?>
-                    <option value="<?php echo $table_row['id'];?>" <?php if($serverID==$table_row['id']) echo 'selected="selected"';?>><?php echo $table_row['description'];?></option>
-                    <?php } ?>
-                </select>
-            </div>
+                <input type="hidden" name="token" value="<?php echo token();?>">

-            <?php foreach ($table as $table_row) { ?>
-            <div class="<?php echo $table_row['id'].' '.$table_row['displayNone'];?> switch form-group">
-                <?php if(count($table_row['mods'])>0){ ?>
-                <label for="mod_<?php echo $table_row['id'];?>">Mods</label>
+                <?php if ($pa['ftpaccess'] and $ftpAccess=='Y') { ?>
+                <div class="form-group">
+                    <label for="ftppass"><?php echo $sprache->ftp_password;?></label>
+                    <input class="form-control" id="ftppass" type="text" name="ftppass" value="<?php echo $ftppass;?>" required>
+                </div>
+                <?php } ?>
+
+                <div class="form-group">
+                    <label for="gameswitch"><?php echo $sprache->gameswitch;?></label>
+                    <select class="form-control" id="gameswitch" name="shorten" onchange="SwitchShowHideRows(this.value);">
+                        <?php foreach ($table as $table_row){ ?>
+                        <option value="<?php echo $table_row['id'];?>" <?php if($serverID==$table_row['id']) echo 'selected="selected"';?>><?php echo $table_row['description'];?></option>
+                        <?php } ?>
+                    </select>
+                </div>
+
+                <?php foreach ($table as $table_row) { ?>
+                <div class="<?php echo $table_row['id'].' '.$table_row['displayNone'];?> switch form-group">
+                    <?php if(count($table_row['mods'])>0){ ?>
+                    <label for="mod_<?php echo $table_row['id'];?>">Mods</label>
                    <select class="form-control" id="mod_<?php echo $table_row['id'];?>" name="mod_<?php echo $table_row['id'];?>">
                        <?php foreach ($table_row['mods'] as $mod_single) { ?>
                        <option <?php if($table_row['mod']==$mod_single) echo 'selected="selected"';?>><?php echo $mod_single;?></option>
                        <?php } ?>
                    </select>
-            </div>
+                </div>
                <?php } ?>
-                
-            <div class="form-group">
-                <label for="servertemplate_<?php echo $table_row['id'];?>"><?php echo $gsprache->template;?></label>
+
+                <div class="form-group">
+                    <label for="servertemplate_<?php echo $table_row['id'];?>"><?php echo $gsprache->template;?></label>
                    <select class="form-control" id="servertemplate_<?php echo $table_row['id'];?>" name="servertemplate_<?php echo $table_row['id'];?>">
                        <option value="1"><?php echo $table_row['shorten'];?></option>
                        <option value="2" <?php if($table_row['servertemplate']==2) echo "selected";?>><?php echo $table_row['shorten'];?>-2</option>
                        <option value="3" <?php if($table_row['servertemplate']==3) echo "selected";?>><?php echo $table_row['shorten'];?>-3</option>
                    </select>
-            </div>
-            
-            <?php if (in_array($table_row['gamebinary'],array('hlds_run','srcds_run','cod4_lnxded'))) { ?>
-            <div class="form-group">
-                <label for="anticheat_<?php echo $table_row['id'];?>"><?php echo $sprache->anticheat;?></label>
+                </div>
+
+                <?php if (in_array($table_row['gamebinary'],array('hlds_run','srcds_run','cod4_lnxded'))) { ?>
+                <div class="form-group">
+                    <label for="anticheat_<?php echo $table_row['id'];?>"><?php echo $sprache->anticheat;?></label>
                    <select class="form-control" id="anticheat_<?php echo $table_row['id'];?>" name="anticheat_<?php echo $table_row['id'];?>">
                        <option value="1"><?php echo $table_row['anticheatsoft']." ".$sprache->on;?></option>
                        <option value="2" <?php if($table_row['anticheat']==2) echo 'selected="selected"';?>><?php echo $table_row['anticheatsoft']." ".$sprache->off2;?></option>
                        <?php foreach($table_row['eac'] as $eac) echo $eac;?>
                    </select>
-            </div>
-            <?php } ?>
-            
-            <?php if ($table_row['upload']==true) { ?>
-            <div class="form-group">
-                <label for="uploaddir_<?php echo $table_row['id'];?>">SourceTV Demo FTP</label>
-                <input class="form-control" id="uploaddir_<?php echo $table_row['id'];?>" type="text" name="uploaddir_<?php echo $table_row['id'];?>" value="<?php echo $table_row['uploaddir'];?>">
+                </div>
+                <?php } ?>

-            </div>
-            <?php } ?>
-            
-            <?php if ($table_row['userfps']=="Y") { ?>
-            <div class="form-group">
-                <label for="fps_<?php echo $table_row['id'];?>"><?php echo $sprache->fps;?></label>
-                <input class="form-control" id="fps_<?php echo $table_row['id'];?>" type="text" name="fps_<?php echo $table_row['id'];?>" value="<?php echo $table_row['fps'];?>">
-            </div>
-            <?php } ?>
-            
-            <?php if ($table_row['usertick']=="Y") { ?>
-            <div class="form-group">
-                <label for="tic_<?php echo $table_row['id'];?>"><?php echo $sprache->tick;?></label>
-                <input class="form-control" id="tic_<?php echo $table_row['id'];?>" type="text" name="tic_<?php echo $table_row['id'];?>" value="<?php echo $table_row['tic'];?>">
-            </div>
-            <?php } ?>
-            
-            <?php if ($table_row['usermap']=="Y" and !in_array($table_row['map'],array('',null))) { ?>
-            <div class="form-group">
-                <label for="map_<?php echo $table_row['id'];?>"><?php echo $sprache->startmap;?></label>
-                <input class="form-control" id="map_<?php echo $table_row['id'];?>" type="text" name="map_<?php echo $table_row['id'];?>" value="<?php echo $table_row['map'];?>">
-            </div>
-            
-            <?php if($table_row['workshopCollection']!==false){ ?>
-            <div class="form-group">
-                <label for="workShop_<?php echo $table_row['id'];?>">Steam Workshop</label>
+                <?php if ($table_row['upload']==true) { ?>
+                <div class="form-group">
+                    <label for="uploaddir_<?php echo $table_row['id'];?>">SourceTV Demo FTP</label>
+                    <input class="form-control" id="uploaddir_<?php echo $table_row['id'];?>" type="text" name="uploaddir_<?php echo $table_row['id'];?>" value="<?php echo $table_row['uploaddir'];?>">
+                </div>
+                <?php } ?>
+
+                <?php if ($table_row['userfps']=="Y") { ?>
+                <div class="form-group">
+                    <label for="fps_<?php echo $table_row['id'];?>"><?php echo $sprache->fps;?></label>
+                    <input class="form-control" id="fps_<?php echo $table_row['id'];?>" type="text" name="fps_<?php echo $table_row['id'];?>" value="<?php echo $table_row['fps'];?>">
+                </div>
+                <?php } ?>
+
+                <?php if ($table_row['usertick']=="Y") { ?>
+                <div class="form-group">
+                    <label for="tic_<?php echo $table_row['id'];?>"><?php echo $sprache->tick;?></label>
+                    <input class="form-control" id="tic_<?php echo $table_row['id'];?>" type="text" name="tic_<?php echo $table_row['id'];?>" value="<?php echo $table_row['tic'];?>">
+                </div>
+                <?php } ?>
+
+                <?php if ($table_row['usermap']=="Y" and !in_array($table_row['map'],array('',null))) { ?>
+                <div class="form-group">
+                    <label for="map_<?php echo $table_row['id'];?>"><?php echo $sprache->startmap;?></label>
+                    <input class="form-control" id="map_<?php echo $table_row['id'];?>" type="text" name="map_<?php echo $table_row['id'];?>" value="<?php echo $table_row['map'];?>">
+                </div>
+
+                <?php if($table_row['workshopCollection']!==false){ ?>
+                <div class="form-group">
+                    <label for="workShop_<?php echo $table_row['id'];?>">Steam Workshop</label>
                    <select class="form-control" id="workShop_<?php echo $table_row['id'];?>" name="workShop_<?php echo $table_row['id'];?>" onchange="SwitchShowHideRows(this.value,'mapGroupWorkShop-<?php echo $table_row['id'];?>');">
                        <option value="N"><?php echo $gsprache->no;?></option>
                        <option value="Y" <?php if($table_row['workShop']=='Y') echo 'selected="selected"';?>><?php echo $gsprache->yes;?></option>
                    </select>
-            </div>
-            
-            <div class="Y <?php if($table_row['workShop']=='N') echo 'display_none';?> mapGroupWorkShop-<?php echo $table_row['id'];?> form-group">
-                <label for="workshopCollection_<?php echo $table_row['id'];?>">Workshop Collection</label>
-                <input class="form-control" id="workshopCollection_<?php echo $table_row['id'];?>" type="text" name="workshopCollection_<?php echo $table_row['id'];?>" value="<?php echo $table_row['workshopCollection'];?>">
+                </div>
+                <div class="Y <?php if($table_row['workShop']=='N') echo 'display_none';?> mapGroupWorkShop-<?php echo $table_row['id'];?> form-group">
+                    <label for="workshopCollection_<?php echo $table_row['id'];?>">Workshop Collection</label>
+                    <input class="form-control" id="workshopCollection_<?php echo $table_row['id'];?>" type="text" name="workshopCollection_<?php echo $table_row['id'];?>" value="<?php echo $table_row['workshopCollection'];?>">
                    <span class="help-block"><?php echo $sprache->collection_info;?></span>
-            </div>
-            
-            <div class="Y <?php if($table_row['workShop']=='N') echo 'display_none';?> mapGroupWorkShop-<?php echo $table_row['id'];?> form-group">
-                <label for="webapiAuthkey_<?php echo $table_row['id'];?>">Steam Webapi Authkey</label>
-                <input class="form-control" id="webapiAuthkey_<?php echo $table_row['id'];?>" type="text" name="webapiAuthkey_<?php echo $table_row['id'];?>" value="<?php echo $table_row['webapiAuthkey'];?>">
-                    <span class="help-block"><?php echo $sprache->authkey_info;?></span>
-            </div>
-            <?php } ?>
+                </div>

-            <?php if(!in_array($table_row['defaultMapGroup'],array('',null))){ ?>
-            <div class="N <?php if($table_row['workShop']=='Y') echo 'display_none';?> mapGroupWorkShop-<?php echo $table_row['id'];?> form-group">
-                <label for="mapGroup_<?php echo $table_row['id'];?>"><?php echo $sprache->startmapgroup;?></label>
+                <div class="Y <?php if($table_row['workShop']=='N') echo 'display_none';?> mapGroupWorkShop-<?php echo $table_row['id'];?> form-group">
+                    <label for="webapiAuthkey_<?php echo $table_row['id'];?>">Steam Webapi Authkey</label>
+                    <input class="form-control" id="webapiAuthkey_<?php echo $table_row['id'];?>" type="text" name="webapiAuthkey_<?php echo $table_row['id'];?>" value="<?php echo $table_row['webapiAuthkey'];?>">
+                    <span class="help-block"><?php echo $sprache->authkey_info;?></span>
+                </div>
+                <?php } ?>
+
+                <?php if(!in_array($table_row['defaultMapGroup'],array('',null))){ ?>
+                <div class="N <?php if($table_row['workShop']=='Y') echo 'display_none';?> mapGroupWorkShop-<?php echo $table_row['id'];?> form-group">
+                    <label for="mapGroup_<?php echo $table_row['id'];?>"><?php echo $sprache->startmapgroup;?></label>
                    <select class="form-control" id="mapGroup_<?php echo $table_row['id'];?>" name="mapGroup_<?php echo $table_row['id'];?>">
                        <?php foreach($table_row['mapGroupsAvailable'] as $g){ ?>
                        <option<?php if($g==$table_row['mapGroup']) echo ' selected="selected"';?>><?php echo $g;?></option>
                        <?php }?>
                    </select>
-            </div>
-            <?php } ?>
-            <?php } ?>
-            <?php } ?>
-	</div>
+                </div>
+                <?php } ?>
+                <?php } ?>
+                <?php } ?>
+
+                <div class="form-group">
+                    <label for="inputEdit"></label>
+                    <button class="btn btn-primary" id="inputEdit" type="submit"><i class="fa fa-edit"></i> <?php echo $gsprache->save;?></button>
+                    <input type="hidden" name="action" value="md">
+                </div>
+            </form>
+        </div>
    </div>
-</div>
-                <label for="inputEdit"></label>
-                <button class="btn btn-primary" id="inputEdit" type="submit"><i class="fa fa-edit"></i> <?php echo $gsprache->save;?></button>
-                <input type="hidden" name="action" value="md">
-        </form>
 </section>
--- a/web/template/adminlte/user/userpanel_voice_stats.tpl
+++ b/web/template/adminlte/user/userpanel_voice_stats.tpl
@ -1,71 +1,87 @@
-<div class="row-fluid">
-    <div class="span12">
-        <ul class="breadcrumb">
-            <li><a href="userpanel.php">Home</a> <span class="divider">/</span></li>
-            <li><?php echo $gsprache->voiceserver." ".$gsprache->stats;?></li>
-        </ul>
+<section class="content-header">
+    <h1><?php echo $gsprache->voiceserver.' '.$gsprache->stats;?></h1>
+    <ol class="breadcrumb">
+        <li><a href="<?php echo $targetFile;?>"><i class="fa fa-home"></i> Home</a></li>
+        <li><a href="userpanel.php?w=vo"><?php echo $gsprache->voiceserver;?></a></li>
+        <li><?php echo $gsprache->stats;?></li>
+        <li class="active"><?php echo $display;?></li>
+    </ol>
+</section>
+
+<!-- Main Content -->
+<section class="content">
+
+    <div class="row">
+        <div class="col-md-4">
+            <div class="box box-primary">
+                <div class="box-body">
+                    <form role="form" action="userpanel.php?w=vu" method="post">
+                        <input type="hidden" name="token" value="<?php echo token();?>">
+
+                        <div class="form-group">
+                            <label for="dateRange"><?php echo $sprache->dmy;?></label>
+                            <div class="input-prepend input-group">
+                                <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
+                                <input type="text" name="dateRange" id="dateRange" class="form-control" value="<?php echo $dateRange;?>">
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label for="inputFormat"><?php echo $sprache->accuracy;?></label>
+                            <select class="form-control" id="inputFormat" name="accuracy">
+                                <option value="da"><?php echo $sprache->days;?></option>
+                                <option value="mo" <?php if ($accuracy=='mo') echo 'selected="selected"'?>><?php echo $sprache->months;?></option>
+                            </select>
+                        </div>
+                        <div class="form-group">
+                            <label for="inputKind"><?php echo $gsprache->stats;?></label>
+                            <select class="form-control" id="inputKind" name="kind" onchange="getdetails('ajax.php?d=uservoicestats&amp;w=',this.value, 'serverSelect')">
+                                <option value="al"><?php echo $sprache->all;?></option>
+                                <option value="se" <?php if ($kind=='se') echo 'selected="selected"'?>><?php echo $sprache->server;?></option>
+                            </select>
+                        </div>
+                        <div class="form-group" id="serverSelect">
+                            <?php if($ui->st('kind','post') == 'se'){ ?>
+                            <label for="inputSelect"></label>
+                            <select class="form-control" id="inputSelect" name="serverID">
+                                <?php foreach ($data as $value) echo $value;?>
+                            </select>
+                            <?php } ?>
+                        </div>
+                        <div class="form-group">
+                            <label for="inputEdit"></label>
+                            <button class="btn btn-primary" id="inputEdit" type="submit"><i class="fa fa-edit"></i> <?php echo $gsprache->mod;?></button>
+                            <input type="hidden" name="action" value="md">
+                        </div>
+                    </form>
+                </div><!-- /.box-body -->
+            </div><!-- /.box -->
+        </div>
+
+        <div class="col-md-8">
+            <!-- AREA CHART -->
+            <div class="box box-primary">
+                <div class="box-header">
+                    <h3 class="box-title"><?php echo $voSprache->slots;?></h3>
+                </div>
+                <div class="box-body chart-responsive">
+                    <div class="chart" id="slot-usage" style="height: 228px;"></div>
+                </div><!-- /.box-body -->
+            </div><!-- /.box -->
+        </div>
    </div>
-</div>
-<div class="row-fluid">
-    <div class="span6">
-        <dl>
-            <dt><?php echo $gsprache->voiceserver." ".$gsprache->stats." ".$display;?></dt>
-            <dd><?php echo $startdate." - ".$stopdate;?></dd>
-        </dl>
-    </div>
-</div>
-<div class="row-fluid">
-    <div class="span11">
-        <form class="form-horizontal" action="userpanel.php?w=vu" onsubmit="return confirm('<?php echo $gsprache->sure; ?>');" method="post">
-            <input type="hidden" name="token" value="<?php echo token();?>">
-            <div class="control-group">
-                <label class="control-label" for="inputFormat"><?php echo $sprache->dmy;?></label>
-                <div class="controls">
-                    <select id="inputFormat" name="dmy">
-                        <option value="da" <?php if ($dmy=='da') echo 'selected="selected"'?>><?php echo $sprache->days;?></option>
-                        <option value="mo" <?php if ($dmy=='mo') echo 'selected="selected"'?>><?php echo $sprache->months;?></option>
-                        <option value="ye" <?php if ($dmy=='ye') echo 'selected="selected"'?>><?php echo $sprache->years;?></option>
-                    </select>
+
+    <div class="row">
+        <div class="col-md-12">
+            <!-- LINE CHART -->
+            <div class="box box-info">
+                <div class="box-header">
+                    <h3 class="box-title"><?php echo $gsprache->traffic;?></h3>
                </div>
-            </div>
-            <div class="control-group">
-                <label class="control-label" for="inputRange"><?php echo $sprache->range;?></label>
-                <div class="controls form-inline">
-                    <input class="span2" name="daystart" type="number" min="1" max="31" step="1" value="<?php echo $day; ?>">
-                    <input class="span2" name="monthstart" type="number" min="1" max="12" step="1" value="<?php echo $month; ?>">
-                    <input class="span2" name="yearstart" type="number" min="2011" max="2200" step="1" value="<?php echo $year; ?>">
-                    -
-                    <input class="span2" name="daystop" type="number" min="1" max="31" step="1" value="<?php echo $daystop; ?>">
-                    <input class="span2" name="monthstop" type="number" min="1" max="12" step="1" value="<?php echo $monthstop; ?>">
-                    <input class="span2" name="yearstop" type="number" min="2011" max="2200" step="1" value="<?php echo $yearstop; ?>">
-                </div>
-            </div>
-            <div class="control-group">
-                <label class="control-label" for="inputStats"><?php echo $gsprache->stats;?></label>
-                <div class="controls">
-                    <select id="inputStats" name="kind" onchange="getdetails('ajax.php?d=uservoicestats&amp;w=',this.value)">
-                        <option value="al"><?php echo $sprache->all;?></option>
-                        <option value="se" <?php if ($kind=='se') echo 'selected="selected"'?>><?php echo $sprache->server;?></option>
-                    </select>
-                </div>
-            </div>
-            <div class="control-group">
-                <label class="control-label" for="inputSelect"></label>
-                <div id="information" class="controls">
-                    <?php if($ui->st('kind','post')!='al'){ ?>
-                    <select id="inputSelect" name="what">
-                        <?php foreach ($data as $value) echo $value;?>
-                    </select>
-                    <?php } ?>
-                </div>
-            </div>
-            <div class="control-group">
-                <label class="control-label" for="inputEdit"></label>
-                <div class="controls"><button class="btn btn-primary" id="inputEdit" type="submit"><i class="icon-edit icon-white"></i> <?php echo $gsprache->save;?></button></div>
-            </div>
-        </form>
-    </div>
-</div>
-<div class="row-fluid">
-    <div class="span11"><img src="<?php echo $getlink; ?>" alt="Stats" /></div>
-</div>
+                <div class="box-body chart-responsive">
+                    <div class="chart" id="traffic-usage" style="height: 300px;"></div>
+                </div><!-- /.box-body -->
+            </div><!-- /.box -->
+
+        </div><!-- /.col (RIGHT) -->
+    </div><!-- /.row -->
+</section>