تعليمات تركيب الاشتراك من سفن تي في
اختر نوع الاشتراك
body { font-family:’Cairo’,sans-serif }
.subscriptions-row,.devices-row{
display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0
}
.subscription-card,.device-card{
display:flex;flex-direction:column;align-items:center;text-align:center;
margin:10px;padding:0;box-sizing:border-box;text-decoration:none;cursor:pointer
}
.subscription-card{
background-color:#085fb1;border-radius:5px;width:calc(20% – 40px)
}
.device-card{
background-color:#373737;border:1px solid rgba(255,255,255,.06);border-radius:5px;width:calc(25% – 40px)
}
.subscription-card img,.device-card img{max-width:100%;height:auto}
.subscription-button{
color:#fff;background-color:#085FB1;border:none;border-radius:20px;padding:10px 20px;
font-weight:500;margin:10px 0 7px;cursor:pointer;font-family:’Cairo’,sans-serif
}
.device-card span{margin-top:10px;color:#fff;font-family:’Cairo’,sans-serif}
a.device-card img{width:30px;padding-top:20px}
.selected-subscription{display:flex;align-items:center;justify-content:center;margin-bottom:20px}
#selected-subscription-image{max-width:110px;border-radius:10px;margin-left:20px}
h3#selected-subscription-text{font-size:18px;font-family:’Cairo’,sans-serif}
@media (max-width:768px){ .subscription-card,.device-card{width:calc(50% – 40px)} }
// روابط صحيحة حسب القوائم التي زودتني بها
const links = {
“فولتشر”: {
“ايفون وايباد”: “/فولتشر-ايفون-ايباد”,
“جوال اندرويد”: “/فولتشر-جوال-اندرويد”,
“تلفزيون اندرويد”: “/فولتشر-تلفزيون-اندرويد”,
“رسيفر اندرويد”: “/فولتشر-رسيفر-اندرويد”,
“تلفزيون سامسونج”: “/فولتشر-تلفزيون-سامسونج”,
“تلفزيون LG”: “/فولتشر-تلفزيون-LG”,
“ويندوز”: “/فولتشر-ويندوز”,
“ماك”: “/فولتشر-ماك”
},
“هولك”: {
“ايفون وايباد”: “/هولك-ايفون-ايباد”,
“جوال اندرويد”: “/هولك-جوال-اندرويد”,
“تلفزيون اندرويد”: “/هولك-تلفزيون-اندرويد”,
“رسيفر اندرويد”: “/هولك-رسيفر-اندرويد”,
“تلفزيون سامسونج”: “/هولك-تلفزيون-سامسونج”,
“تلفزيون LG”: “/هولك-تلفزيون-LG”,
“ويندوز”: “/هولك-ويندوز”,
“ماك”: “/هولك-ماك”
},
“اكس”: {
“ايفون وايباد”: “/اكس-ايفون-ايباد”,
“جوال اندرويد”: “/اكس-جوال-اندرويد”,
“تلفزيون اندرويد”: “/اكس-تلفزيون-اندرويد”,
“رسيفر اندرويد”: “/اكس-رسيفر-اندرويد”,
“تلفزيون سامسونج”: “/اكس-تلفزيون-سامسونج”,
“تلفزيون LG”: “/اكس-تلفزيون-LG”,
“ويندوز”: “/اكس-ويندوز”,
“ماك”: “/اكس-ماك”
},
“سمارترز”: {
“ايفون وايباد”: “/سمارترز-ايفون-ايباد”,
“جوال اندرويد”: “/سمارترز-جوال-اندرويد”,
“تلفزيون اندرويد”: “/سمارترز-تلفزيون-اندرويد”,
“رسيفر اندرويد”: “/سمارترز-رسيفر-اندرويد”,
“تلفزيون سامسونج”: “/سمارترز-تلفزيون-سامسونج”,
“تلفزيون LG”: “/سمارترز-تلفزيون-LG”,
“ويندوز”: “/سمارترز-ويندوز”,
“ماك”: “/سمارترز-ماك”
},
“يونفيرس”: {
“ايفون وايباد”: “/يونفيرس-ايفون-ايباد”,
“جوال اندرويد”: “/يونفيرس-جوال-اندرويد”,
“تلفزيون اندرويد”: “/يونفيرس-تلفزيون-اندرويد”,
“رسيفر اندرويد”: “/يونفيرس-رسيفر-اندرويد”,
“تلفزيون سامسونج”: “/يونفيرس-تلفزيون-سامسونج”,
“تلفزيون LG”: “/يونفيرس-تلفزيون-LG”,
“ويندوز”: “/يونفيرس-ويندوز”,
“ماك”: “/يونفيرس-ماك”
},
“فالكون”: {
“ايفون وايباد”: “/فالكون-ايفون-ايباد”,
“جوال اندرويد”: “/فالكون-جوال-اندرويد”,
“تلفزيون اندرويد”: “/فالكون-تلفزيون-اندرويد”,
“رسيفر اندرويد”: “/فالكون-رسيفر-اندرويد”,
“تلفزيون سامسونج”: “/فالكون-تلفزيون-سامسونج”,
“تلفزيون LG”: “/فالكون-تلفزيون-LG”,
“ويندوز”: “/فالكون-ويندوز”,
“ماك”: “/فالكون-ماك”
},
“كاسبر”: {
“ايفون وايباد”: “/كاسبر-ايفون-ايباد”,
“جوال اندرويد”: “/كاسبر-جوال-اندرويد”,
“تلفزيون اندرويد”: “/كاسبر-تلفزيون-اندرويد”,
“رسيفر اندرويد”: “/كاسبر-رسيفر-اندرويد”,
“تلفزيون سامسونج”: “/كاسبر-تلفزيون-سامسونج”,
“تلفزيون LG”: “/كاسبر-تلفزيون-LG”,
“ويندوز”: “/كاسبر-ويندوز”,
“ماك”: “/كاسبر-ماك”
},
“كانفا”: {
“ايفون وايباد”: “#”,
“جوال اندرويد”: “#”,
“تلفزيون اندرويد”: “#”,
“رسيفر اندرويد”: “#”,
“تلفزيون سامسونج”: “#”,
“تلفزيون LG”: “#”,
“ويندوز”: “#”,
“ماك”: “#”
},
“كرنشي رول”: {
“ايفون وايباد”: “#”,
“جوال اندرويد”: “#”,
“تلفزيون اندرويد”: “#”,
“رسيفر اندرويد”: “#”,
“تلفزيون سامسونج”: “#”,
“تلفزيون LG”: “#”,
“ويندوز”: “#”,
“ماك”: “#”
}
};
// تهيئة النقر على البطاقات
document.querySelectorAll(‘.subscription-card’).forEach(function(card){
card.addEventListener(‘click’, function(){
const subscriptionName = this.getAttribute(‘data-subscription’);
const subscriptionImage = this.querySelector(‘img’).getAttribute(‘src’);
// تأكيد وجود الاشتراك في links
if(!links[subscriptionName]){
console.warn(‘اسم الاشتراك غير موجود في الروابط:’, subscriptionName);
return;
}
// إخفاء قسم الاشتراكات
document.getElementById(‘subscription-section’).style.display = ‘none’;
// تحديث المعلومات في قسم الأجهزة
document.getElementById(‘selected-subscription-image’).setAttribute(‘src’, subscriptionImage);
document.getElementById(‘selected-subscription-text’).textContent = ‘تركيب اشتراك ‘ + subscriptionName;
// عرض قسم الأجهزة
document.getElementById(‘device-section’).style.display = ‘block’;
// تحديث روابط الأجهزة
document.querySelectorAll(‘.device-card’).forEach(function(deviceCard){
const deviceName = deviceCard.getAttribute(‘data-device’);
const articleLink = (links[subscriptionName] && links[subscriptionName][deviceName]) ? links[subscriptionName][deviceName] : ‘#’;
deviceCard.setAttribute(‘href’, articleLink);
});
});
});