first commit
This commit is contained in:
Khaledalsarakpi
commit
80f393fb2b
1 changed files with 176 additions and 0 deletions
176
index.html
Normal file
176
index.html
Normal file
|
|
@ -0,0 +1,176 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>المديرية العامة للامتحانات</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: linear-gradient(to bottom right, #124f43, #8eb9b0);
|
||||
color: white;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.container {
|
||||
text-align: center;
|
||||
max-width: 500px;
|
||||
padding: 20px;
|
||||
background-color: rgb(48, 96, 87);
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2.5em;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.2em;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.download-button {
|
||||
display: inline-block;
|
||||
padding: 15px 25px;
|
||||
background-color: #fff;
|
||||
color: #124f43;
|
||||
font-weight: bold;
|
||||
border-radius: 10px;
|
||||
text-decoration: none;
|
||||
transition: background-color 0.3s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.download-button:hover {
|
||||
background-color: rgb(28, 126, 106);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
width: 100%;
|
||||
background-color: #ddd;
|
||||
margin-top: 20px;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.progress-bar-inner {
|
||||
height: 20px;
|
||||
width: 0;
|
||||
background-color: #38953a;
|
||||
transition: width 0.4s ease;
|
||||
}
|
||||
|
||||
.progress-text {
|
||||
margin-top: 10px;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.speed-text,
|
||||
.remaining-time-text {
|
||||
margin-top: 5px;
|
||||
font-size: 1em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>المديرية العامة للامتحانات</h1>
|
||||
<p>تطبيق المديرية العامة للامتحانات لإصدار نتائج امتحان الشهادات والتعميمات الخاصة بها</p>
|
||||
<button id="download-button" class="download-button">تحميل لنظام الأندرويد</button>
|
||||
|
||||
<div class="progress-bar" id="progress-bar">
|
||||
<div class="progress-bar-inner" id="progress-bar-inner"></div>
|
||||
</div>
|
||||
<div class="progress-text" id="progress-text"></div>
|
||||
<div class="speed-text" id="speed-text"></div>
|
||||
<div class="remaining-time-text" id="remaining-time-text"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById('download-button').addEventListener('click', function () {
|
||||
const progressBar = document.getElementById('progress-bar');
|
||||
const progressBarInner = document.getElementById('progress-bar-inner');
|
||||
const progressText = document.getElementById('progress-text');
|
||||
const speedText = document.getElementById('speed-text');
|
||||
const remainingTimeText = document.getElementById('remaining-time-text');
|
||||
|
||||
progressBar.style.display = 'block';
|
||||
|
||||
const xhr = new XMLHttpRequest();
|
||||
xhr.open('GET', 'https://certificateresult.education-syria.com/certificate_result_1_0_4.apk', true);
|
||||
xhr.responseType = 'blob';
|
||||
|
||||
let startTime = null;
|
||||
let previousLoaded = 0;
|
||||
let totalBytes = 0; // Total size of the file
|
||||
let remainingBytes = 0;
|
||||
|
||||
xhr.onprogress = function (event) {
|
||||
if (event.lengthComputable) {
|
||||
if (!startTime) {
|
||||
startTime = new Date().getTime();
|
||||
totalBytes = event.total;
|
||||
}
|
||||
|
||||
const currentTime = new Date().getTime();
|
||||
const elapsedTime = (currentTime - startTime) / 1000; // seconds
|
||||
const loaded = event.loaded;
|
||||
remainingBytes = totalBytes - loaded;
|
||||
|
||||
const percentComplete = (loaded / totalBytes) * 100;
|
||||
progressBarInner.style.width = percentComplete + '%';
|
||||
progressText.innerText = '' + Math.round(percentComplete) + '%';
|
||||
|
||||
const speed = (loaded - previousLoaded) / elapsedTime; // bytes per second
|
||||
previousLoaded = loaded;
|
||||
startTime = currentTime;
|
||||
|
||||
const speedKbps = (speed * 8 / 1024).toFixed(2); // kbps
|
||||
speedText.innerText = 'السرعة: ' + speedKbps + ' kbps';
|
||||
|
||||
const remainingTime = (remainingBytes / speed).toFixed(0); // seconds
|
||||
const minutes = Math.floor(remainingTime / 60);
|
||||
const seconds = remainingTime % 60;
|
||||
remainingTimeText.innerText = 'الوقت المتبقي: ' + minutes + ' دقيقة و ' + seconds + ' ثانية';
|
||||
}
|
||||
};
|
||||
|
||||
xhr.onload = function () {
|
||||
if (xhr.status === 200) {
|
||||
const url = window.URL.createObjectURL(xhr.response);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = 'certificate_result_1_0_4.apk';
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
a.remove();
|
||||
|
||||
progressText.innerText = 'اكتمل تحميل التطبيق. قم بفتح الملف من مجلد التنزيلات';
|
||||
} else {
|
||||
progressText.innerText = 'حدث خطأ أثناء تحميل التطبيق. الرجاء المحاولة مرة أخرى.';
|
||||
}
|
||||
};
|
||||
|
||||
xhr.onerror = function () {
|
||||
progressText.innerText = 'حدث خطأ أثناء تحميل التطبيق. الرجاء المحاولة مرة أخرى.';
|
||||
};
|
||||
|
||||
xhr.send();
|
||||
});
|
||||
</script>
|
||||
<!-- Cloudflare Web Analytics -->
|
||||
<script defer src='https://static.cloudflareinsights.com/beacon.min.js'
|
||||
data-cf-beacon='{"token": "82542d9a43454e7ba6f4946b1e2e21e9"}'></script><!-- End Cloudflare Web Analytics -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in a new issue