Skip to content

Commit

Permalink
table on page index
Browse files Browse the repository at this point in the history
  • Loading branch information
@elephz
elephz committed Nov 21, 2020
1 parent 791ceef commit b966a1f
Show file tree
Hide file tree
Showing 3 changed files with 116 additions and 36 deletions.
55 changes: 43 additions & 12 deletions api/command.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,18 +20,49 @@

$select_target = mysqli_query($con, $sql_Target) or die('error. ' . mysqli_error($con));

$qrage1824 = mysqli_query($con, "SELECT count(User_id) as count , u_Gender_id FROM `tb_user` WHERE age BETWEEN 18 AND 24 AND u_Gender_id != 0 GROUP BY u_Gender_id");
$qrage2534 = mysqli_query($con, "SELECT count(User_id) as count , u_Gender_id FROM `tb_user` WHERE age BETWEEN 25 AND 34 AND u_Gender_id != 0 GROUP BY u_Gender_id");
$qrage3544 = mysqli_query($con, "SELECT count(User_id) as count , u_Gender_id FROM `tb_user` WHERE age BETWEEN 35 AND 44 AND u_Gender_id != 0 GROUP BY u_Gender_id");
$qrage4554 = mysqli_query($con, "SELECT count(User_id) as count , u_Gender_id FROM `tb_user` WHERE age BETWEEN 45 AND 54 AND u_Gender_id != 0 GROUP BY u_Gender_id");
$qrage5564 = mysqli_query($con, "SELECT count(User_id) as count , u_Gender_id FROM `tb_user` WHERE age BETWEEN 55 AND 64 AND u_Gender_id != 0 GROUP BY u_Gender_id");
$qrage65up = mysqli_query($con, "SELECT count(User_id) as count , u_Gender_id FROM `tb_user` WHERE age > 65 AND u_Gender_id != 0 GROUP BY u_Gender_id");
$qrage1824 = mysqli_query($con, "SELECT Gender_id , count(User_id) as count FROM `tb_user` RIGHT JOIN tb_gender ON tb_user.u_Gender_id = tb_gender.Gender_id WHERE tb_user.age BETWEEN 18 AND 24 GROUP BY tb_gender.Gender_id");
$qrage2534 = mysqli_query($con, "SELECT Gender_id , count(User_id) as count FROM `tb_user` RIGHT JOIN tb_gender ON tb_user.u_Gender_id = tb_gender.Gender_id WHERE tb_user.age BETWEEN 25 AND 34 GROUP BY tb_gender.Gender_id");
$qrage3544 = mysqli_query($con, "SELECT Gender_id , count(User_id) as count FROM `tb_user` RIGHT JOIN tb_gender ON tb_user.u_Gender_id = tb_gender.Gender_id WHERE tb_user.age BETWEEN 35 AND 44 GROUP BY tb_gender.Gender_id");
$qrage4554 = mysqli_query($con, "SELECT Gender_id , count(User_id) as count FROM `tb_user` RIGHT JOIN tb_gender ON tb_user.u_Gender_id = tb_gender.Gender_id WHERE tb_user.age BETWEEN 45 AND 54 GROUP BY tb_gender.Gender_id");
$qrage5564 = mysqli_query($con, "SELECT Gender_id , count(User_id) as count FROM `tb_user` RIGHT JOIN tb_gender ON tb_user.u_Gender_id = tb_gender.Gender_id WHERE tb_user.age BETWEEN 55 AND 64 GROUP BY tb_gender.Gender_id");
$qrage65up = mysqli_query($con, "SELECT Gender_id , count(User_id) as count FROM `tb_user` RIGHT JOIN tb_gender ON tb_user.u_Gender_id = tb_gender.Gender_id WHERE tb_user.age > 65 GROUP BY tb_gender.Gender_id");
// SELECT Gender_id , count(User_id) as count FROM `tb_user` RIGHT JOIN tb_gender ON tb_user.u_Gender_id = tb_gender.Gender_id WHERE tb_user.age BETWEEN 18 AND 24 OR tb_user.age = 0 GROUP BY tb_gender.Gender_id
$seleceprovince = mysqli_query($con , "SELECT tb_province.Province_name , tb_user.u_Province_id , COUNT(tb_user.u_Province_id) as count FROM `tb_user` LEFT JOIN tb_province on tb_user.u_Province_id = tb_province.Province_id WHERE tb_user.u_Province_id != 0 GROUP BY tb_user.u_Province_id");
// echo "<pre>";
// print_r($qrage1824, false);
// echo "</pre>";

// while ($r = mysqli_fetch_assoc($qrage1824)) {
// echo $r['u_Gender_id'] . "<br>";
// }
$data1824 = customsort($qrage1824);
$data2534 = customsort($qrage2534);
$data3544 = customsort($qrage3544);
$data4554 = customsort($qrage4554);
$data5564 = customsort($qrage5564);
$data65up = customsort($qrage65up);

$sql_gendername = mysqli_query($con,$allgender);

function customsort($data = []){
$arr = [];
$pttarr = ["1"=>'0','2'=>'0','3'=>'0','4'=>'0','5'=>'0','6'=>'0','7'=>'0',];
while ($r = mysqli_fetch_assoc($data)) {
$key = $r['Gender_id'];
$val = $r['count'];
$arr[$key] = $val;
}
$result= array_diff_ukey($pttarr,$arr,"myfunction");
$aftersort = [];
foreach ($result as $key => $value) {
$arr[$key] = $value;
}
ksort($arr);
foreach($arr as $x=>$x_value) {
$aftersort[$x] = $x_value;
}
return $aftersort;
}
function myfunction($a,$b)
{
if ($a===$b)
{
return 0;
}
return ($a>$b)?1:-1;
}

40 changes: 38 additions & 2 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -348,7 +348,15 @@ table tr, table tr th, td {
padding: 20px 20px;
text-align: center;
}

.allgender-age thead tr th , .allgender-age tbody tr td {
border: 1px solid #ddd;
color: #555;
font-size: 16px;
padding: 20px 20px;
text-align: center;
border-left: none;
border-right: none;
}
.form-input-custom {
width: 100%;
padding: 12px 20px;
Expand Down Expand Up @@ -382,4 +390,32 @@ table tr, table tr th, td {

.cropimg {
position: relative;
}
}
/**
hover effect
*/
.hover-effect1 { min-height: 200px; text-align: center; }
.hover-effect1 ul li { display: inline-block; }
.hover-effect1 ul li a {
color: #fff;
line-height: 100px;
display: inline-block;
width: 100px;
-webkit-transition: all 1.3s ease;
-moz-transition: all 1.3s ease; -ms-transition: all 1.3s ease;
-o-transition: all 1.3s ease; transition: all 1.3s ease;
border-radius: 50%;
box-shadow: 0 16px 34px 7px rgba(121, 121, 121, .1);
}
.hover-effect1 ul li:hover a {
border-radius: 20%;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
box-shadow: none;
}
/**
hover effect
*/
57 changes: 35 additions & 22 deletions index.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,16 +41,18 @@
</div>
</div>

<div class="gender-list my-4">
<ul>
<li> <a class='men' href=""> ชาย </a></li>
<li> <a class='women' href=""> หญิง </a></li>
<li> <a class='gay' href=""> เกย์ </a></li>
<li> <a class='genall' href=""> สาว 2 </a></li>
<li> <a class='tom' href=""> ทอม </a></li>
<li> <a class='less' href=""> เลส </a></li>
<li> <a class='indy' href=""> ดี้ </a></li>
</ul>
<div class="gender-list my-4 ">
<div class='hover-effect1'>
<ul>
<li> <a class='hover-fx men' href=""> ชาย </a></li>
<li> <a class='hover-fx women' href=""> หญิง </a></li>
<li> <a class='hover-fx gay' href=""> เกย์ </a></li>
<li> <a class='hover-fx genall' href=""> สาว 2 </a></li>
<li> <a class='hover-fx tom' href=""> ทอม </a></li>
<li> <a class='hover-fx less' href=""> เลส </a></li>
<li> <a class='hover-fx indy' href=""> ดี้ </a></li>
</ul>
</div>
</div>

<div class="row">
Expand Down Expand Up @@ -264,40 +266,51 @@
</div>
</div>
<div class="row py-3 ">
<table class='w-100 '>
<table class='w-100 allgender-age'>
<thead>
<tr>
<th>อายุ</th>
<th>หญิง</th>
<th>ชาย</th>
<th>สาวสอง</th>
<th>เกย์</th>
<th>ดี้</th>
<th>ทอม</th>
<th>เลสเบี้ยน</th>
<?php while ($gname = mysqli_fetch_assoc($sql_gendername)) { ?>
<th><?php echo $gname['Gender_name']; ?></th>
<?php } ?>
</tr>
</thead>
<tbody>
<tr>
<td>18-24 ปี</td>
<?php while ($r = mysqli_fetch_assoc($qrage1824)) {?>
<td><?php echo $r['count'] ?></td>
<?php }?>
<?php foreach ($data1824 as $key => $value) {
echo "<td>".(($value == "0")? " " :$value)."</td>";
}?>
</tr>
<tr>
<td>25-34 ปี</td>
<?php foreach ($data2534 as $key => $value) {
echo "<td>".(($value == "0")? " " :$value)."</td>";
}?>
</tr>
<tr>
<td>35-44 ปี</td>
<?php foreach ($data3544 as $key => $value) {
echo "<td>".(($value == "0")? " " :$value)."</td>";
}?>
</tr>
<tr>
<td>45-54 ปี</td>
<?php foreach ($data4554 as $key => $value) {
echo "<td>".(($value == "0")? " " :$value)."</td>";
}?>
</tr>
<tr>
<td>55-64 ปี</td>
<?php foreach ($data5564 as $key => $value) {
echo "<td>".(($value == "0")? " " :$value)."</td>";
}?>
</tr>
<tr>
<td>65 ปีขึ้นไป</td>
<?php foreach ($data65up as $key => $value) {
echo "<td>".(($value == "0")? " " :$value)."</td>";
}?>
</tr>
</tbody>
</table>
Expand All @@ -308,7 +321,7 @@
<div class="container my-3">
<div class="row dot_bt">
<div class="col text-center pb-2">
<h2 class='d-inline-block mb-0'>เรามีเพื่อนอยู่ทุกจังหวัด</h2>
<h2 class='d-inline-block mb-0 py-2'>เรามีเพื่อนอยู่ทุกจังหวัด</h2>
<small >เลือกเพื่อนตามจังหวัดที่คุณต้องการได้เลย</small>
</div>
</div>
Expand Down

0 comments on commit b966a1f

Please sign in to comment.