-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
166 lines (166 loc) · 7.62 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KingSoundTrackMP3</title>
<?php include './assets/include/framework.php'; ?>
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body onload="Notification()">
<?php include './assets/include/header.php'; ?>
<!-- Phần thân -->
<?php include './assets/include/check.php'; ?>
<main>
<div id="background" class="carousel slide" data-bs-ride="carousel" data-bs-interval="2000">
<div class="carousel-indicators">
<button type="button" data-bs-target="#background" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#background" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#background" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./assets/img/musical-notes-frame-with-text-space_1017-32857.jpg" class="d-block" alt="music thumbnail" height="650px" width="100%">
<div class="carousel-caption d-none d-md-block">
<h5>KingSoundTrackMP3</h5>
<p><i class="fas fa-coffee"></i> Nơi bạn nghe nhạc và thư giãn <i class="fas fa-coffee"></i></p>
</div>
</div>
<div class="carousel-item">
<img src="./assets/img/avatars-000606604806-j6ghpm-t500x500.jpg" class="d-block" alt="music thumbnail" height="650px" width="100%">
<div class="carousel-caption d-none d-md-block">
<h5>KingSoundTrackMP3</h5>
<p><i class="fas fa-headphones"></i> Nơi bạn chia sẻ nhạc cùng với mọi người <i class="fas fa-headphones"></i></p>
</div>
</div>
<div class="carousel-item">
<img src="./assets/img/1546787190_Music-music-1440-900.jpg" class="d-block" alt="music thumbnail" height="650px" width="100%">
<div class="carousel-caption d-none d-md-block">
<h5>KingSoundTrackMP3</h5>
<p><i class="far fa-laugh-beam"></i> Nghe đa chiều, sống đa sắc <i class="far fa-laugh-beam"></i></p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#background" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Trước</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#background" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Tiếp</span>
</button>
</div>
<h3 class="Music-choosen" id="Music_choosen">Danh sách Music</h3>
<hr>
<div class="musiclist">
<?php
if (isset($_GET['page'])) {
$page = $_GET['page'];
}
else {
$page = 1;
}
$number_of_item = 6;
$start_at = ($page-1)*$number_of_item;
$sql_getmusic6 = "SELECT * FROM music WHERE is_deleted = 0 LIMIT $start_at,$number_of_item";
$getmusic6 = $conn->query($sql_getmusic6) or die($conn->error);
while ($row = $getmusic6->fetch_assoc()) {
if (!empty($row['description'])) {
$description = $row['description'];
}
else {
$description = "Không có mô tả !";
}
echo
'<div class="music-item text-center">
<ul class="list-group m-5">
<li class="list-group-item list-group-item-warning"><a href="./assets/PHP/music-pack.php?list='.$row['list'].'"><img src="./Profile Storage/'.$row['create_by'].'/img/'.$row['picture'].'" onError="this.onerror=null;this.src=`./assets/img/vector60-1116-01.jpg`;" alt="Music image" class="music-img img-fluid"></a></li>
<li class="list-group-item list-group-item-warning">Tên: '.$row['title'].'</li>
<li class="list-group-item list-group-item-warning">Thể loại: '.$row['gender'].'</li>
<li class="list-group-item list-group-item-warning">Tác giả: '.$row['author'].'</li>
<li class="list-group-item list-group-item-warning">Được thêm bởi: '.$row['create_by'].'</li>
<li class="list-group-item list-group-item-warning"> Mô tả:
<button type="button" class="btn btn-success" data-bs-toggle="tooltip" data-bs-placement="bottom" title="'.$description.'">
<i class="far fa-sticky-note"></i>
</button>
</li>
</ul>
</div>';
}
?>
</div>
<!-- Số trang -->
<nav aria-label="Page navigation">
<ul class="pagination justify-content-end">
<?php
$sql_getallmusic = "SELECT * FROM music WHERE is_deleted = 0";
$getallmusic = $conn->query($sql_getallmusic) or die($conn->error);
$total_music = $getallmusic->num_rows;
$total_pages = ceil($total_music/$number_of_item);
if ($page>1) {
echo '
<li class="page-item">
<a class="page-link" href="./?page='.($page-1).'#Music_choosen" aria-label="Previous">
<span aria-hidden="true"><i class="fas fa-arrow-circle-left"></i></span>
</a>
</li>
';
}
for ($i = 1; $i < $total_pages; $i++) {
echo '<li class="page-item"><a class="page-link" href="./?page='.$i.'#Music_choosen">'.$i.'</a></li>';
}
if($i>$page) {
echo '
<a class="page-link" href="./?page='.($page+1).'#Music_choosen" aria-label="Next">
<span aria-hidden="true"><i class="fas fa-arrow-circle-right"></i></span>
</a>
</li>
';
}
?>
</ul>
</nav>
<!-- Số trang -->
<?php
if (isset($_REQUEST['list'])) {
$list = $_REQUEST['list'];
$sql_music = "SELECT soundfile,create_by FROM music WHERE list = '$list' AND is_deleted = 0";
$music_query = $conn->query($sql_music) or die($conn->error);
while ($row = $music_query->fetch_assoc()) {
$profileMS = $row['create_by'];
$mp3 = $row['soundfile'];
}
}
else {}
?>
<?php include "./assets/include/music-kit.php"; ?>
</main>
<!-- Kết thúc phần thân -->
<?php include './assets/include/footer.php'; ?>
<?php include './assets/include/loginform.php' ?>
<!-- Thông báo khi vào trang -->
<div class="position-fixed end-0 p-3" style="z-index: 11; bottom: 5rem">
<div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<strong class="me-auto">KingSoundTrackMP3</strong>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body text-white bg-success">
Chào mừng bạn tới KingSoundTrackMP3!
</div>
</div>
</div>
</div>
<script>
var toastLive = document.getElementById('liveToast')
function Notification() {
var toast = new bootstrap.Toast(toastLive)
toast.show()
}
</script>
<!-- Thông báo khi vào trang -->
<script src="./assets/javascript/LoginRequired.js"></script>
</body>
</html>