| Server IP : 162.0.232.25 / Your IP : 3.147.45.159 Web Server : LiteSpeed System : Linux premium276.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : kwacuqig ( 988) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/kwacuqig/malawisounds.com/ |
Upload File : |
<?php
include "connect.php";
include "php/filterFile.php";
?>
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="keywords" content="upload, song upload, submit music, submit song, malawi music upload, how to upload music, steps to upload music, malawi sounds upload, upload now">
<link rel="icon" type="x-icon" href="Icons/malawisounds.ico">
<link rel="stylesheet" type="text/css" href="./css/animate.css">
<link rel="stylesheet" type="text/css" href="./css/load.css">
<link rel="stylesheet" type="text/css" href="./css/w3.css">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="impact/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/component-1.css" />
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/sweetalert.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<title>Upload Music</title>
<!--og codes-->
<meta property="og:url" content="https://malawisounds.com/upload-music" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Upload and Verify Technique" />
<meta property="og:image" content="https://malawisounds.com/Icons/upload.jpg" />
<meta property="og:description" content="Feel the music" />
<meta property="fb:app_id" content="197362031139140" />
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- remove this if you use Modernizr -->
<script>
(function(e, t, n) {
var r = e.querySelectorAll("html")[0];
r.className = r.className.replace(/(^|\s)no-js(\s|$)/, "$1js$2")
})(document, window, 0);
</script>
</head>
<body>
<div class="margin">
<?php include './header.php'; ?>
<!--Search bar-->
<input type="text" id="search" placeholder=" SEARCH-MUSIC, ARTISTS" onkeyup="findmatch(this.value)" class="glyphicon glyphicon-search">
<!--search results goes here-->
<div id="results" class="w3-container w3-light-grey"></div>
<!-- End of nav Bar -->
<?php
if (isset($_COOKIE['depositId'])) {
?>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="upload">
<ol>
<li>Your MP3 song(s) must be less than 15mb</li>
<li>Quality artwork of square shape, 1000px by 1000px with a resolution of 300px/Inch is recommendable.</li>
<li>Once all the requirements are met, the song is ready to be uploaded.</li>
</ol>
<div class="container-fluid">
<!-- Modal -->
</div>
<form action="./php/ajax-upload.php" method="POST" id="song-upload" enctype="multipart/form-data">
<div class="w3-half">
<center>
<input type="file" name="file" id="file-1" class="inputfile inputfile-1" accept="audio/*" required />
<label for="file-1"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17">
<path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" />
</svg> <span>Choose a music file</span></label>
</center>
</div>
<div class="w3-half">
<center>
<input type="file" name="image" id="file-2" class="inputfile inputfile-2" required />
<label for="file-2"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17">
<path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" />
</svg> <span>Choose an artwork</span></label>
</center>
</div>
<input type="text" name="mobile" class="f-control" placeholder="Mobile Number" required="required">
<input type="text" name="artist" class="f-control" placeholder="Artist" required="required">
<input type="text" name="title" class="f-control" placeholder="Title" required="required">
<?php
//query to select genres
$sql = "SELECT * FROM `genre` ORDER BY `genre` ASC";
if ($query_run = mysqli_query($conn, $sql)) {
?>
<select class="f-control" name="genre" required="required">
<option disabled selected>Select Genre</option>
<?php
while ($row = mysqli_fetch_array($query_run)) {
?>
<option><?php echo $row['genre']; ?></option>
<?php
}
?>
</select>
<?php
}
?>
<center><button type="submit" name="submit"><span class="span fa fa-upload"></span> UPLOAD</button></center>
</form>
<div id="progress">
<div class="progress"></div>
<span></span>
</div>
<div id="position"></div>
<div class="audio-container"></div>
</div>
</div>
</div>
</div>
<?php
} else {
?>
<div class="container payment">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3>Payment Page</h3>
</div>
<div class="panel-body">
<form>
<label for="mobileNumber">Upload Fee</label>
<h2>K3000</h2>
<div class="form-group">
<label for="mobileNumber">Phone Number</label>
<input type="number" class="form-control" id="phone" placeholder="265xxxxxxxxx">
</div>
<div class="form-group">
<label>Operator</label>
<div class="row">
<div class="col-xs-6">
<div class="mno-option" id="airtelOption">
<img src="./Icons/airtel-money.png" alt="Airtel Money">
</div>
</div>
<div class="col-xs-6">
<div class="mno-option" id="mpambaOption">
<img src="./Icons/mpamba.png" alt="Mpamba">
</div>
</div>
</div>
</div>
<input type="hidden" id="description" value="Upload Fee">
<input type="hidden" id="hidden_provider" name="provider" value="">
<div class="bg-danger" id="error"></div>
<button type="button" id="pay_button" class="btn btn-primary btn-block">Pay</button>
<img src="./Icons/please-wait.gif" id="loadingMessage" alt="Please Wait...">
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<p>Upon successful payment, you will be redirected to the upload page.</p>
<p>The link expires 24 hours after successful payment.</p>
<p>For enquiries, please contact +265 998 412 421</p>
</div>
</div>
</div>
<?php
}
?>
<!--Footer-->
<?php include './footer.php'; ?>
</div>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.form.min.js"></script>
<script src="./js/wow.js"></script>
<script src="js/custom-file-input.js"></script>
<script src="js/all.min.js"></script>
<script src="./bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
<script>
$(document).ready(function() {
$("#song-upload").on("submit", function(e) {
if ($("#file-1").val() && $("#file-2").val()) {
e.preventDefault();
$("#loader").show();
$(this).ajaxSubmit({
target: ".audio-container",
beforeSubmit: function() {},
beforeSend: function() {},
uploadProgress: function(event, position, total, percentComplete) {
$("#progress").show();
$(".progress").css('width', percentComplete + '%');
$("#progress").children("span").html(percentComplete + '%');
//getting kbs or mbs
let currentPos = 0;
let totalPos = 0;
if (position < 1048576) {
currentPos = (position / 1024).toFixed(2);
if (total < 1048576) {
totalPos = (total / 1024).toFixed(2)
$("#position").html(currentPos + ' KB / ' + totalPos + ' KB');
} else {
totalPos = (total / 1048576).toFixed(2)
$("#position").html(currentPos + ' KB / ' + totalPos + ' MB');
}
} else {
currentPos = (position / 1048576).toFixed(2);
if (total < 1048576) {
totalPos = (total / 1024).toFixed(2)
$("#position").html(currentPos + ' MB / ' + totalPos + ' KB');
} else {
totalPos = (total / 1048576).toFixed(2)
$("#position").html(currentPos + ' MB / ' + totalPos + ' MB');
}
}
},
success: function() {
$("#loader").hide();
},
resetForm: true
})
}
return false;
});
});
</script>
<script>
/* Animated Wow Js */
new WOW().init();
</script>
<script>
<?php
if (!isset($_COOKIE['depositId'])) {
?>
document.addEventListener("DOMContentLoaded", function() {
var data = {
provider: null,
price: "3000.00",
phone: null,
description: null,
};
// Get references to form elements
var phoneInput = document.getElementById('phone');
var errorSpan = document.getElementById('error');
var hiddenProviderInput = document.getElementById('hidden_provider');
var description = document.getElementById('description');
var airtelOption = document.getElementById('airtelOption');
var mpambaOption = document.getElementById('mpambaOption');
function selectProvider(provider) {
data.provider = provider;
hiddenProviderInput.value = provider;
// Remove 'selected' class from all options
airtelOption.classList.remove('selected');
mpambaOption.classList.remove('selected');
// Add 'selected' class to the selected option
if (provider === 'Airtel') {
airtelOption.classList.add('selected');
} else if (provider === 'Tnm') {
mpambaOption.classList.add('selected');
}
}
// Add click event listeners to the provider options
airtelOption.addEventListener('click', function() {
selectProvider('Airtel');
});
mpambaOption.addEventListener('click', function() {
selectProvider('Tnm');
});
// Pay function
function pay() {
data.phone = phoneInput.value;
data.description = description.value;
if (!data.provider) {
swal("", "Please select a provider", "warning");
return;
}
if (!data.phone) {
swal("", "Please enter your phone number", "warning");
return;
}
document.getElementById("loadingMessage").style.display = "block";
console.log(data);
data.action = "pay";
var formData = new FormData();
for (var key in data) {
if (data.hasOwnProperty(key)) {
formData.append(key, data[key]);
}
}
axios.post('./pawapay/process-pawapay.php', formData)
.then(function(res) {
console.log(res.data);
var credit = res.data;
if (credit.error == null) {
if (credit.response.status == "ACCEPTED") {
checkStatus(credit.response.depositId);
} else if (credit.response.status == "REJECTED") {
}
} else {
swal("ERROR", credit.error, "error");
}
});
}
//check Status Function
function checkStatus(id) {
data.action = "get-status";
data.id = id;
const formData = new FormData();
for (const key in data) {
formData.append(key, data[key]);
}
axios
.post("./pawapay/process-pawapay.php", formData)
.then(function(res) {
console.log("Get Response:", res.data[0]); // Debugging
if (res.data[0].status == "COMPLETED") { //if payment was successful by pawapay
fetch("./pawapay/add-transaction.php", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(res.data[0]),
})
.then((response) => response.json())
.then((data) => {
if (data.status == "success") {
document.getElementById("loadingMessage").style.display = "none";
swal("", "Please Wait!", "success");
fetch("./php/set-upload-cookie.php", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
id: id,
}),
})
.then((response) => {
if (!response.ok) {
throw new Error("Network response was not ok");
}
return response.json();
})
.then((data) => {
console.log(data);
if (data.status == "success") {
window.location = data.message;
} else if (data.status == "error") {
swal("", data.message, "error");
document.getElementById("loadingMessage").style.display = "none";
}
})
.catch((error) => {
console.error("Error:", error);
document.getElementById("loadingMessage").style.display = "none";
});
}
})
.catch((error) => console.error(error));
} else if (res.data[0].status == "FAILED") { //assumming payment failed
swal("", "Payment Failed", "error");
document.getElementById("loadingMessage").style.display = "none";
} else {
setTimeout(checkStatus(id), 1000); //recheck status
}
})
.catch((error) => {
console.error("Payment error:", error);
setTimeout(checkStatus(id), 1000); //recheck status
});
}
// Event listener for the Pay button
document.getElementById('pay_button').addEventListener('click', pay);
});
<?php
}
?>
// Disable right-click
document.addEventListener('contextmenu', (e) => e.preventDefault());
//Disable specific keyboard shortcuts
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && (e.key === 'u' || e.key === 'U' || e.key === 'i' || e.key === 'I')) {
e.preventDefault();
}
});
</script>
</body>
</html>