first commit
This commit is contained in:
parent
787a2d6861
commit
7d871e0087
3 changed files with 46 additions and 311 deletions
|
@ -5,14 +5,15 @@
|
||||||
$dbname = "";
|
$dbname = "";
|
||||||
|
|
||||||
$con = new mysqli($servdb, $userdb, $pdb, $dbname);
|
$con = new mysqli($servdb, $userdb, $pdb, $dbname);
|
||||||
|
|
||||||
if ($con->connect_error) {
|
if ($con->connect_error) {
|
||||||
die("Connection failed: " . $con->connect_error);
|
// die("Connection failed: " . $con->connect_error);
|
||||||
|
echo ("Connection failed with sql / need to set MYSQL");
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
//echo ("Connect Successfully");
|
// echo ("Connect Successfully");
|
||||||
}
|
}
|
||||||
// $query = "SELECT date, numplayers FROM StatServer"; // select column
|
|
||||||
// $aresult = $con->query($query);
|
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
121
index.php
121
index.php
|
@ -2,8 +2,8 @@
|
||||||
$page = $_SERVER['PHP_SELF'];
|
$page = $_SERVER['PHP_SELF'];
|
||||||
$sec = "300";
|
$sec = "300";
|
||||||
|
|
||||||
// include_once('./consql.php');
|
include_once('./consql.php');
|
||||||
include_once('./config.php');
|
include_once('./config.php');
|
||||||
|
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
@ -11,22 +11,16 @@ $sec = "300";
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="refresh" content="<?php echo $sec?>;URL='<?php echo $page?>'">
|
<meta http-equiv="refresh" content="<?php echo $sec?>;URL='<?php echo $page?>'">
|
||||||
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||||||
|
|
||||||
<title><?php echo "$title"; ?></title>
|
<title><?php echo "$title"; ?></title>
|
||||||
<meta name='description' content='<?php echo $descript; ?>'>
|
<meta name='description' content='<?php echo "$descript"; ?>'>
|
||||||
|
|
||||||
<meta name="author" content="Erreur32">
|
<meta name="author" content="Erreur32">
|
||||||
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
|
||||||
<meta name="keyword" content="tox,server,dayz,map,namalsk,namalsk island">
|
<meta name="keyword" content="tox,server,dayz,map,namalsk,namalsk island">
|
||||||
|
<link id="theme-style" href="./style_dark.css" rel="stylesheet">
|
||||||
|
|
||||||
<link id="theme-style" href="style_dark.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.tab-content {
|
.tab-content {
|
||||||
|
@ -170,9 +164,9 @@ $sec = "300";
|
||||||
if (empty($Info['Map'])) {
|
if (empty($Info['Map'])) {
|
||||||
echo "</main>";
|
echo "</main>";
|
||||||
setlocale(LC_ALL,'french');
|
setlocale(LC_ALL,'french');
|
||||||
echo "<center><small class='text-muted'>Last time refresh</small> <br> <strong class='h4'>".date('m/d/y H:i:s')."</strong></center>";
|
echo "<center><small class='text-muted'>Last refresh</small> <br> <strong class='h4'>".date('m/d/y H:i:s')."</strong></center>";
|
||||||
echo "<div style=\"padding-bottom: 10%;padding-left: 20%;padding-right: 20%\"> <center><img src=\"https://steamuserimages-a.akamaihd.net/ugc/1649972925761363590/C3DC3BB6880B659518D19ECDA9610C424794EBB8/\" class=\"arrondie2\" width=\"100%\" max-height=\"20%\" height=\"auto\"></center></div></div>";
|
echo "<div style=\"padding-bottom: 10%;padding-left: 20%;padding-right: 20%\"> <center><img src=\"https://steamuserimages-a.akamaihd.net/ugc/1649972925761363590/C3DC3BB6880B659518D19ECDA9610C424794EBB8/\" class=\"arrondie2\" width=\"100%\" max-height=\"20%\" height=\"auto\"></center></div></div>";
|
||||||
include('footer.php');
|
// include('footer.php');
|
||||||
exit;
|
exit;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -236,7 +230,7 @@ $sec = "300";
|
||||||
|
|
||||||
<div class="col-md-2 col-xs-12">
|
<div class="col-md-2 col-xs-12">
|
||||||
<div class="description-block">
|
<div class="description-block">
|
||||||
<h5 class="description-header"><?php echo $InfoGT[18].$InfoGT[19].$InfoGT[20].$InfoGT[21].$InfoGT[22].$InfoGT[23].$InfoGT[24].$InfoGT[25]; ?>
|
<h5 class="description-header"><?php echo $InfoGT[18].$InfoGT[19].$InfoGT[20].$InfoGT[21].$InfoGT[22].$InfoGT[23].$InfoGT[24].$InfoGT[25]; ?>
|
||||||
</h5>
|
</h5>
|
||||||
<span class="description-text">HIVE</span>
|
<span class="description-text">HIVE</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -268,20 +262,14 @@ $sec = "300";
|
||||||
<i class="fas fa-server"></i> MOD List</a>
|
<i class="fas fa-server"></i> MOD List</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<!--<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" id="metrics-tab" data-toggle="tab" href="#metrics" role="tab" aria-controls="metrics" aria-selected="false">
|
|
||||||
<i class="fas fa-chart-area"></i> Server Graph</a>
|
|
||||||
</li>-->
|
|
||||||
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" id="userdata-tab" data-toggle="tab" href="#userdata" role="tab" aria-controls="userdata" aria-selected="false">
|
<a class="nav-link" id="userdata-tab" data-toggle="tab" href="#userdata" role="tab" aria-controls="userdata" aria-selected="false">
|
||||||
<i class="fas fa-user-check"></i> User Database</a>
|
<i class="fas fa-user-check"></i> User Database</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item"> <a class="nav-link" id="map-tab" data-toggle="tab" href="#maptab" role="tab" aria-controls="maptab" aria-selected="false">
|
<li class="nav-item"> <a class="nav-link" id="map-tab" data-toggle="tab" href="#maptab" role="tab" aria-controls="maptab" aria-selected="false">
|
||||||
<i class="fas fa-map"></i> MAP</a>
|
<i class="fas fa-map"></i> MAP</a>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -304,7 +292,7 @@ $sec = "300";
|
||||||
<div class="col-lg-2 col-sm-5">
|
<div class="col-lg-2 col-sm-5">
|
||||||
<div class="callout callout-light">
|
<div class="callout callout-light">
|
||||||
<small class="text-muted">Last time refresh</small> <br>
|
<small class="text-muted">Last time refresh</small> <br>
|
||||||
<strong class="h4"> <?php setlocale(LC_ALL,'french'); echo date("m/d/y H:i:s"); ?></span> </strong>
|
<strong class="h4"> <?php setlocale(LC_ALL,'french'); echo date("m/d/y H:i:s"); ?> </strong>
|
||||||
<div class="chart-wrapper">
|
<div class="chart-wrapper">
|
||||||
<canvas id="sparkline-chart-1" width="100" height="30"></canvas>
|
<canvas id="sparkline-chart-1" width="100" height="30"></canvas>
|
||||||
</div>
|
</div>
|
||||||
|
@ -432,8 +420,8 @@ $sec = "300";
|
||||||
<small> From User</small-->
|
<small> From User</small-->
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-7"><i class="fas fa-dot-circle" style="color:#20a8d8"></i>
|
<div class="col-sm-7"><i class="fas fa-dot-circle" style="color:#20a8d8"></i>
|
||||||
// not ready set
|
// not ready yet
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -441,8 +429,7 @@ $sec = "300";
|
||||||
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="form-check form-check-inline"
|
<div class="form-check form-check-inline" style="width: 100% !important;">
|
||||||
style="width: 100% !important;">
|
|
||||||
<div class="col-sm-5">
|
<div class="col-sm-5">
|
||||||
<label class="col-form-label" for="date-input">
|
<label class="col-form-label" for="date-input">
|
||||||
<strong>Mod information</strong>
|
<strong>Mod information</strong>
|
||||||
|
@ -451,8 +438,7 @@ $sec = "300";
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-7">
|
<div class="col-sm-7">
|
||||||
<a href="https://dayz.echosystem.fr/server/mod_namalsk2.php"><span class="badge badge-light">
|
<a href="https://dayz.echosystem.fr/server/mod_namalsk2.php"><span class="badge badge-light">
|
||||||
<b><?php echo count($objlower); ?></b>
|
<b><?php echo count($objlower); ?></b> <span class="text-muted"> Mods </span></span></a>
|
||||||
<span class="text-muted"> Mods </span></a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -466,7 +452,7 @@ $sec = "300";
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-7">
|
<div class="col-sm-7">
|
||||||
<a style="text-decoration:none;" href='steam://connect/82.64.214.194:3201/'>
|
<a style="text-decoration:none;" href='steam://connect/82.64.214.194:3201/'>
|
||||||
<span class='label label-success'> GO PLAY </span>
|
<span class='label label-success'> GO PLAY </span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -484,8 +470,8 @@ $sec = "300";
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- graph home page -->
|
<!-- graph home page -->
|
||||||
|
|
||||||
<div class="col-lg-10 col-sm-16">
|
<div class="col-lg-10 col-sm-16">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
@ -501,23 +487,20 @@ $sec = "300";
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
<?php else: ?>
|
<?php else: ?>
|
||||||
|
|
||||||
<div class="card-header">List players online: <?php echo $Info['Players'] ; ?></div>
|
<div class="card-header">List players online: <?php echo $Info['Players'] ; ?></div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><center><span class="btn btn-large btn-primary">( No players in game )</span></center></td> </td>
|
<td colspan="2"><center><span class="btn btn-large btn-primary">( No players in game )</span></center></td> </tr>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -526,20 +509,13 @@ $sec = "300";
|
||||||
<div class="col-lg-12 col-sm-16">
|
<div class="col-lg-12 col-sm-16">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">Player last 24 hours</div>
|
<div class="card-header">Player last 24 hours</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
need sql // not ready yet
|
need sql // not ready yet
|
||||||
<?php // include('./GraphPlayer.php'); ?>
|
<?php // include('./GraphPlayer.php'); ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--
|
|
||||||
<div class="col-lg-4 col-sm-4">
|
|
||||||
<div class="card_">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -550,7 +526,7 @@ $sec = "300";
|
||||||
|
|
||||||
<div class="tab-pane tab_content fade" id="modlist" role="tabpanel" aria-labelledby="modlist-tab">
|
<div class="tab-pane tab_content fade" id="modlist" role="tabpanel" aria-labelledby="modlist-tab">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-5 col-sm-12">
|
<div class="col-lg-5 col-sm-12">
|
||||||
|
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
@ -598,10 +574,9 @@ $sec = "300";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- tab Metrics Graph -->
|
<!-- tab Metrics Graph -->
|
||||||
|
|
||||||
<div class="tab-pane tab_content fade" id="metrics" role="tabpanel" aria-labelledby="metrics-tab">
|
<div class="tab-pane tab_content fade" id="metrics" role="tabpanel" aria-labelledby="metrics-tab">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-6 col-sm-8">
|
<div class="col-lg-6 col-sm-8">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
@ -617,8 +592,6 @@ $sec = "300";
|
||||||
<div class="card" style="margin: 0 auto; height: 500px; width: 100%;">
|
<div class="card" style="margin: 0 auto; height: 500px; width: 100%;">
|
||||||
<div class="card-header"> line-chart </div>
|
<div class="card-header"> line-chart </div>
|
||||||
<div class="card-body"><center>
|
<div class="card-body"><center>
|
||||||
<!-- <iframe src="line-chart1.php" frameborder="0"
|
|
||||||
allowfullscreen scrolling="no" style="overflow:hidden;width:100%;height:450px;" security="restricted"></iframe> -->
|
|
||||||
</center>
|
</center>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -663,14 +636,16 @@ $sec = "300";
|
||||||
<div class="card-header"> <i class="fas fa-user-check"></i> User registered </div>
|
<div class="card-header"> <i class="fas fa-user-check"></i> User registered </div>
|
||||||
|
|
||||||
<div style="position:relative;padding-top:56.25%;">
|
<div style="position:relative;padding-top:56.25%;">
|
||||||
<iframe src="Players" frameborder="0" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" security="restricted"></iframe>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- end tabs -->
|
|
||||||
|
|
||||||
|
<!-- end tabs -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -685,18 +660,9 @@ $sec = "300";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- menu droite -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--/div-->
|
|
||||||
|
|
||||||
<footer class="app-footer">
|
<footer class="app-footer">
|
||||||
|
|
||||||
<div style="text-align:center;"> <span style="text-align:center;"> © 2020 (-ToX-) - <a href="https://git.echosystem.fr/Erreur32/DayZ-Stat-Server">Dayz-server-stats</a> by <a href="">Erreur32</a> </span>
|
<div style="text-align:center;"> <span style="text-align:center;"> © 2020 (-ToX-) - <a href="https://git.echosystem.fr/Erreur32/DayZ-Stat-Server">Dayz-server-stats</a> by <a href="">Erreur32</a> </span>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="ml-auto">
|
<div class="ml-auto">
|
||||||
<?php
|
<?php
|
||||||
$time = microtime();
|
$time = microtime();
|
||||||
|
@ -709,14 +675,15 @@ $sec = "300";
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script src="bootstrap.min.js"></script>
|
<script src="./bootstrap.min.js"></script>
|
||||||
<script src="graph_loader.js"></script>
|
<script src="./graph_loader.js"></script>
|
||||||
<script type="text/javascript" src="tabcontent.js"></script>
|
|
||||||
<!-- menu deroulant -->
|
<!-- menu deroulant -->
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||||||
|
<script src="https://kit.fontawesome.com/9ba5e91dd6.js" crossorigin="anonymous"></script>
|
||||||
<script src="https://kit.fontawesome.com/9ba5e91dd6.js" crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
|
||||||
|
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"></script>
|
||||||
<style>
|
<style>
|
||||||
.tab-content {
|
.tab-content {
|
||||||
margin-top: -1px;
|
margin-top: -1px;
|
||||||
|
@ -813,12 +780,6 @@ $sec = "300";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<!--<link rel="stylesheet" href="https://dayz.echosystem.fr/bootstrap.min.unminify.css" crossorigin="anonymous">-->
|
|
||||||
<!--<link href="https://dayz.echosystem.fr/main.css" rel="stylesheet">-->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KZ70E6176C"></script>
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KZ70E6176C"></script>
|
||||||
|
|
227
tabcontent.js
227
tabcontent.js
|
@ -1,227 +0,0 @@
|
||||||
(function($) {
|
|
||||||
//Attach this new method to jQuery
|
|
||||||
|
|
||||||
$.fn.extend({
|
|
||||||
|
|
||||||
//This is where you write your plugin's name
|
|
||||||
champ: function(options) {
|
|
||||||
//Iterate over the current set of matched elements
|
|
||||||
|
|
||||||
var defaults = {
|
|
||||||
selector: "tab_wrapper",
|
|
||||||
plugin_type: "tab",
|
|
||||||
side: "",
|
|
||||||
//responsive: "true",
|
|
||||||
active_tab: "1",
|
|
||||||
controllers: "false",
|
|
||||||
ajax: "false",
|
|
||||||
multiple_tabs: "false",
|
|
||||||
show_ajax_content_in_tab: "false",
|
|
||||||
content_path: "false"
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
var obj = $.extend(defaults, options);
|
|
||||||
|
|
||||||
var li_rel = 1,
|
|
||||||
div_rel = 1;
|
|
||||||
|
|
||||||
return this.each(function() {
|
|
||||||
|
|
||||||
var plugin_type = obj.plugin_type;
|
|
||||||
var side = obj.side;
|
|
||||||
var active_tab = obj.active_tab;
|
|
||||||
var controllers = obj.controllers;
|
|
||||||
//var responsive = obj.responsive;
|
|
||||||
var multiple_tabs = obj.multiple_tabs;
|
|
||||||
var ajax = obj.ajax;
|
|
||||||
var show_ajax_content_in_tab = obj.show_ajax_content_in_tab;
|
|
||||||
var content_path = obj.content_path;
|
|
||||||
|
|
||||||
var tab_content_selector = $(this).find(" > div > div.tab_content");
|
|
||||||
var tab_selector = $(this).find(" >ul li");
|
|
||||||
var parent = $(this);
|
|
||||||
var controller_parent = $(".controller").closest(".tab_wrapper");
|
|
||||||
var con_siblings;
|
|
||||||
|
|
||||||
|
|
||||||
if (side != "") {
|
|
||||||
parent.addClass(side + "_side");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (controllers == "true") {
|
|
||||||
parent.addClass("withControls");
|
|
||||||
parent.append("<div class='controller'><span class='previous'>previous</span><span class='next'>next</span></div>");
|
|
||||||
}
|
|
||||||
|
|
||||||
if (plugin_type == "accordion") {
|
|
||||||
//alert(34);
|
|
||||||
parent.addClass("accordion");
|
|
||||||
parent.removeClass(side + "_side");
|
|
||||||
parent.removeClass("withControls");
|
|
||||||
$(".controller", parent).remove();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (ajax == "true") {
|
|
||||||
$.ajax({
|
|
||||||
url: content_path,
|
|
||||||
success: function(result) {
|
|
||||||
$(" .tab_content.tab_" + show_ajax_content_in_tab, parent).html(result);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).ajaxError(function(event, request, settings) {
|
|
||||||
$(" .tab_content.tab_" + show_ajax_content_in_tab, parent).prepend("<h4 class='error'>Error requesting page " + settings.url + "</h2>");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function hide_controls(parent) {
|
|
||||||
if (parent.find(" >ul li:eq(0)").hasClass("active")) {
|
|
||||||
$(".controller .previous", parent).hide();
|
|
||||||
} else {
|
|
||||||
$(".controller .previous", parent).show();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (parent.find(" >ul li").last().hasClass("active")) {
|
|
||||||
$(".controller .next", parent).hide();
|
|
||||||
} else {
|
|
||||||
$(".controller .next", parent).show();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$(".controller .previous", $(this)).click(function() {
|
|
||||||
con_siblings = $(this).closest(".controller");
|
|
||||||
con_siblings.siblings("ul").find("li.active").prev().trigger("click");
|
|
||||||
hide_controls(controller_parent);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".controller .next", $(this)).click(function() {
|
|
||||||
con_siblings = $(this).closest(".controller");
|
|
||||||
con_siblings.siblings("ul").find("li.active").next().trigger("click");
|
|
||||||
hide_controls(controller_parent);
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
$(this).find(" >ul li").removeClass("active");
|
|
||||||
$(this).find(" > div > div.tab_content").removeClass("active");
|
|
||||||
|
|
||||||
if (active_tab == "") {
|
|
||||||
$(this).find(" >ul li:eq(0)").addClass("active").show(); //set active tab on load
|
|
||||||
$(this).find(" > div > div.tab_content:eq(0)").addClass("active").show(); //set active tab on load
|
|
||||||
hide_controls(parent);
|
|
||||||
|
|
||||||
} else {
|
|
||||||
$(this).find(" >ul li:eq(" + (active_tab - 1) + ")").addClass("active").show(); //set active tab on load
|
|
||||||
$(this).find(" > div > div.tab_content:eq(" + (active_tab - 1) + ")").addClass("active").show(); //set active tab on load
|
|
||||||
hide_controls(parent);
|
|
||||||
}
|
|
||||||
|
|
||||||
tab_content_selector.first().addClass("first");
|
|
||||||
tab_content_selector.last().addClass("last");
|
|
||||||
|
|
||||||
|
|
||||||
// add class to content div
|
|
||||||
tab_content_selector.each(function() {
|
|
||||||
var tab_count = $(this).parents(".tab_wrapper").length;
|
|
||||||
var add_relation = "tab_" + tab_count + "_" + div_rel;
|
|
||||||
//var add_relation = "tab_" + div_rel;
|
|
||||||
$(this).addClass(add_relation);
|
|
||||||
$(this).attr("title", add_relation);
|
|
||||||
div_rel++;
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
if (multiple_tabs == "true") {
|
|
||||||
var get_parent = $(this).closest(".tab_wrapper");
|
|
||||||
var active_tab_text = $(this).find(" >ul li:eq(0)").text();
|
|
||||||
get_parent.addClass("show-as-dropdown");
|
|
||||||
get_parent.prepend("<div class='active_tab'><span class='text'>" + active_tab_text + "</span><span class='arrow'></span></div>");
|
|
||||||
}
|
|
||||||
|
|
||||||
$(".active_tab").click(function() {
|
|
||||||
|
|
||||||
$(this).next().stop(true, true).slideToggle();
|
|
||||||
});
|
|
||||||
|
|
||||||
// add relation attr to li and generate accordion header for mobile
|
|
||||||
|
|
||||||
//if (responsive == "true") {
|
|
||||||
tab_selector.each(function() {
|
|
||||||
var tab_count = $(this).parents(".tab_wrapper").length;
|
|
||||||
var add_relation = "tab_" + tab_count + "_" + li_rel;
|
|
||||||
|
|
||||||
var accordian_header = $(this).text();
|
|
||||||
//var add_relation = "tab_" + li_rel;
|
|
||||||
var get_parent = $(this).closest(".tab_wrapper");
|
|
||||||
$(this).attr("rel", add_relation);
|
|
||||||
|
|
||||||
var current_tab_class = $(this).attr("class");
|
|
||||||
|
|
||||||
tab_content_selector.each(function() {
|
|
||||||
if ($(this).hasClass(add_relation)) {
|
|
||||||
get_parent.find(" > div > div.tab_content." + add_relation).before("<div title='" + add_relation + "' class='accordian_header " + add_relation + ' ' + current_tab_class + "'>" + accordian_header + "<span class='arrow'></span></div>");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
li_rel++;
|
|
||||||
});
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
// on click of accordion header slideUp/SlideDown respective content
|
|
||||||
$(".accordian_header").click(function() {
|
|
||||||
var clicked_header = $(this).attr("title");
|
|
||||||
var content_status = $(this).next(".tab_content").css("display");
|
|
||||||
var get_closest_parent = $(this).closest(".tab_wrapper");
|
|
||||||
|
|
||||||
if (content_status == "none") {
|
|
||||||
get_closest_parent.find(">.content_wrapper >.accordian_header").removeClass("active");
|
|
||||||
$(this).addClass("active");
|
|
||||||
get_closest_parent.find(">ul >li").removeClass("active");
|
|
||||||
get_closest_parent.find(">ul >li[rel='" + clicked_header + "']").addClass("active");
|
|
||||||
|
|
||||||
tab_content_selector.removeClass("active").stop(true, true).slideUp();
|
|
||||||
get_closest_parent.find(" > div > div.tab_content." + clicked_header).addClass("active").stop(true, true).slideDown();
|
|
||||||
} else {
|
|
||||||
get_closest_parent.find(">.content_wrapper >.accordian_header").removeClass("active");
|
|
||||||
$(this).removeClass("active");
|
|
||||||
get_closest_parent.find(">ul >li").removeClass("active");
|
|
||||||
get_closest_parent.find(" > div > div.tab_content." + clicked_header).removeClass("active").stop(true, true).slideUp();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// on click of tab hide/show respective content
|
|
||||||
tab_selector.click(function() {
|
|
||||||
|
|
||||||
var clicked_tab = $(this).attr("rel");
|
|
||||||
var get_new_closest_parent = $(this).closest(".tab_wrapper");
|
|
||||||
var get_closest_tab_list = $(this).closest(".tab_list");
|
|
||||||
get_closest_tab_list.next(".content_wrapper").find(" >.accordian_header").removeClass("active");
|
|
||||||
|
|
||||||
get_new_closest_parent.find(".accordian_header." + clicked_tab).addClass("active");
|
|
||||||
|
|
||||||
tab_content_selector.removeClass("active").hide();
|
|
||||||
get_new_closest_parent.find(" > div > div.tab_content." + clicked_tab).addClass("active").show();
|
|
||||||
tab_selector.removeClass("active");
|
|
||||||
$(this).addClass("active");
|
|
||||||
hide_controls(get_new_closest_parent);
|
|
||||||
var winWidth = $(window).width();
|
|
||||||
|
|
||||||
if (multiple_tabs == "true") {
|
|
||||||
if ($(this).parent(".tab_list").parent(".show-as-dropdown")) {
|
|
||||||
var selected_tab_text = $(this).text();
|
|
||||||
$(".active_tab .text").text(selected_tab_text);
|
|
||||||
}
|
|
||||||
if (winWidth <= 768) {
|
|
||||||
|
|
||||||
$(this).closest(".tab_list").stop(true, true).slideUp();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
})(jQuery);
|
|
Loading…
Reference in a new issue