You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
129 lines
6.1 KiB
129 lines
6.1 KiB
<div class="container-fluid">
|
|
<!--<div class="row">-->
|
|
<div class="row">
|
|
<div class="col-md-8 col-sm-8 col-xs-12">
|
|
<div class="alert alert-danger g-error" id="dashboardMsg"></div>
|
|
</div>
|
|
</div>
|
|
<!--</div>-->
|
|
|
|
<!-- top tiles -->
|
|
<div class="row">
|
|
<div id="date_scope" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc;">
|
|
<span></span> <i class="glyphicon glyphicon-calendar fa fa-calendar"></i> <b class="caret"></b>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div class="container-max">
|
|
<div class="col-md-12 col-lg-12 col-xs-12">
|
|
<!-- <h2><?=$this->lang->line("dashboard")["number_of_connections"]?></h2> -->
|
|
</div>
|
|
<div class="col-md-12 col-lg-12 col-xs-12">
|
|
<div class="btn-group" id="btn-dimension-dwm" style="display: none">
|
|
<button type="button" onclick="dashboard.filter.day_week_mon($(this));" class="rsbtn btn-dimension btn btn-default active kiams" data-btndimension="ga:day,ga:date" disabled="disabled"><?=$this->lang->line("dashboard")["day"]?></button>
|
|
<button type="button" onclick="dashboard.filter.day_week_mon($(this));" class="rsbtn btn-dimension btn btn-default" data-btndimension="ga:yearWeek,ga:week,ga:yearMonth" disabled="disabled"><?=$this->lang->line("dashboard")["week"]?></button>
|
|
<button type="button" onclick="dashboard.filter.day_week_mon($(this));" class="rsbtn btn-dimension btn btn-default" data-btndimension="ga:month,ga:year" disabled="disabled"><?=$this->lang->line("dashboard")["month"]?></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|
|
|
<!-- <div class="tiles">
|
|
<div class="col-md-6 col-sm-6 col-xs-12 tile">
|
|
<div class="t_top">
|
|
<span class="count_top"><img src="<?=base_url('resources/images/backoffice/dashboard/clock1.png'); ?>" class="t-img"></span>
|
|
<span class="count_top" id="connection_time"></span>
|
|
</div>
|
|
<span class="t_bottom"> <?=$this->lang->line("dashboard")["connection_time"]?></span>
|
|
</div>
|
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12 tile n-padding">
|
|
<div class="t_top">
|
|
<span class="count_top"><img src="<?=base_url('resources/images/backoffice/dashboard/clock1.png'); ?>" class="t-img"></span>
|
|
<span class="count_top" id="avg_connection_time"></span>
|
|
</div>
|
|
<span class="t_bottom"> <?=$this->lang->line("dashboard")["avg_connection_time"]?></span>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
|
|
<div class="dashboard-block">
|
|
<div class="row">
|
|
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
|
|
<div class="dahboard-top-box c1">
|
|
<div class="box-count" id="total_visitors"></div>
|
|
<div class="box-text">Nombre total de visiteurs</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
|
|
<div class="dahboard-top-box c2">
|
|
<div class="box-count" id="pageview_by_connection"></div>
|
|
<div class="box-text">Nombre de pages visitées par connexions</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
|
|
<div class="dahboard-top-box c3">
|
|
<div class="box-count" id="seats_reserved"></div>
|
|
<div class="box-text">Inscriptions par Connexions</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
|
|
<div class="dahboard-top-box c1">
|
|
<div class="box-count" id="bouncerate"></div>
|
|
<div class="box-text">Taux de rebond</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
|
|
<div class="dahboard-top-box c2">
|
|
<div class="box-count" id="avg_pageview_by_connection"></div>
|
|
<div class="box-text">Moy. Des pages visites par connexions</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-12">
|
|
<div class="dahboard-top-box c3">
|
|
<div class="box-count" id="registration"></div>
|
|
<div class="box-text">Inscriptions par événements et connexions </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="white-line"></div>
|
|
</div>
|
|
<div class="bg-white pt-xl pb-xl">
|
|
<div class="row flex-justify-between">
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 chart-box">
|
|
<div id="total_connection"></div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 chart-box">
|
|
<div class="text-center">
|
|
<div class="chart-title">Visiteurs</div>
|
|
<!-- <div class="chart-desc">subtext placeholder</div> -->
|
|
</div>
|
|
<div id="avg_visitors_piechart"></div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 chart-box">
|
|
<div class="row flex-items-center">
|
|
<div class="col-lg-4 col-md-4">
|
|
<div id="chartC"></div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-8">
|
|
<div class="chart-title">Nouveaux</div>
|
|
<!-- <div class="chart-desc">subtext placeholder</div> -->
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row flex-items-center">
|
|
<div class="col-lg-4 col-md-4">
|
|
<div id="chartD"></div>
|
|
</div>
|
|
<div class="col-lg-8 col-md-8">
|
|
<div class="chart-title">Visiteurs Connus</div>
|
|
<!-- <div class="chart-desc">subtext placeholder</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|