Add Subscene

Author: xHossein

README.md

@@ -3,18 +3,30 @@
 # دستیار 30نما ، افزونه‌ی کرومیوم/کروم
 
 ## لینک‌های دانلود بدون فیلتر
+
 تمامی لینک های دانلود فیلتر شده را با لینک های فیلتر نشده ، ‌جایگزین میکند.
 
-<br><br>
-##  لینک های ۳۰نما در IMDB
+`<br><br>`
+
+## لینک های ۳۰نما در [IMDB](https://www.imdb.com/)
+
 نمایش دکمه ای شناور در صفحه‌ی فیلم ، سریال و... در IMDB
-، که با کلیک بر آن‌، به صفحه‌ی آن محتوا در 30نما منتقل خواهید شد  . 
+، که با کلیک بر آن‌، به صفحه‌ی آن محتوا در 30نما منتقل خواهید شد  .
 
 همچنین شما لینکی برای رفتن به 30نما، در کنار نام فیلم ، سریال و ... در بخش چارت‌ها و لیست‌های IMDB خواهید دید.
 
-<br><br>
+`<br><br>`
+
+## لینک های ۳۰نما در [Subscene](https://subscene.com/)
+
+در کنار نام فیلم ، سریال و ... لینکی برای رفتن به صفحه‌ی آن در ۳۰نما ایجاد میکند.
+
+`<br><br>`
+
 ## پلیر پیشرفته تر
+
 اضافه کردن قابلیت های زیر به پلیر ۳۰نما :
+
 - دانلود زیرنویس های پخش آنلاین
 - کپی کردن لینک های استریم (برای استفاده در پلیر محبوب خودتان)
 

manifest.json

@@ -1,13 +1,20 @@
 {
   "name": "30nama Assistant",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "manifest_version": 2,
   "web_accessible_resources": ["/src/img/float-icon.png"],
   "content_scripts": [
     {
       "matches": ["*://30nama.com/*"],
       "js": ["/src/js/30nama.js"]
     },
+    {
+      "matches": [
+        "*://subscene.com/",
+        "*://subscene.com/subtitles/*"
+      ],
+      "js": ["/src/js/subscene.js"]
+    },
     {
       "matches": ["*://30nama.com/play/*"],
       "js": ["/src/js/30nama_player.js"],

src/js/background.js

@@ -1,4 +1,4 @@
-['imdb', 'download_links', 'player'].forEach(id => {
+['imdb', 'download_links', 'player', 'subscene'].forEach(id => {
     const checkbox = document.querySelector(`#${id} input`);
     if (checkbox != null) {
         checkbox.addEventListener('change', function (e) {

src/js/popup.js

@@ -1,4 +1,4 @@
-['imdb', 'download_links', 'player'].forEach(element => {
+['imdb', 'download_links', 'player', 'subscene'].forEach(element => {
   chrome.storage.local.get(element, function (data) {
     const slider = document.querySelector(`#${element} span`);
 

src/js/subscene.js

@@ -0,0 +1,41 @@
+const URL = location.href;
+chrome.storage.local.get('subscene', function({subscene}){
+
+    if (subscene == null || subscene != null && subscene == true){
+        
+        if(URL.includes("subscene.com/subtitles/")){
+
+            const cnamalink = create30namaLink(document.querySelector('.imdb').href)
+            if(URL.match(/\d+\/?$/)){
+                const parent = document.querySelector('h1')
+                parent.insertBefore(create30namaText(cnamalink), parent.firstElementChild.nextSibling);
+            }else{
+                const parent = document.querySelector('.header h2')
+                parent.insertBefore(create30namaText(cnamalink), parent.firstElementChild);
+            }
+        
+        }
+        else if(URL.endsWith("subscene.com/")){
+
+            Array.from(document.querySelectorAll('.title')).forEach(element => {
+                const cnamalink = create30namaLink(element.querySelector('.imdb').href)
+                element.insertBefore(create30namaText(cnamalink), element.firstElementChild.nextSibling);
+            });
+        }
+    }
+});
+
+function create30namaLink(URL) {
+    const imdbID = URL.match('imdb.com/title/tt(\\d+)')[1];
+    return `https://30nama.com/movies/${imdbID}.html/`;
+};
+
+function create30namaText(link30nama) {
+    const link = document.createElement('a');
+    link.href = link30nama;
+    link.className = "imdb";
+    link.innerText = " 30nama ";
+    link.target = "_blank"
+    
+    return link;
+};

src/popup.html

@@ -15,21 +15,28 @@
     <div class="container">
       <ul class="setting-container">
         <li>
-          <p>imdb نمایش لینک های 30نما در</p>
+          <p>IMDB  نمایش لینک‌های 30نما در</p>
           <label id="imdb" class="switch">
             <input type="checkbox" />
             <span class="non_slider round"></span>
           </label>
         </li>
         <li>
-          <p>لینک های دانلــود بدون فیلتــر</p>
+          <p>نمایش لینک‌های 30نما در سابسین</p>
+          <label id="subscene" class="switch">
+            <input type="checkbox" />
+            <span class="non_slider round"></span>
+          </label>
+        </li>
+        <li>
+          <p>لینـک های دانلــود بدون فیلتـــر</p>
           <label id="download_links" class="switch">
             <input type="checkbox" />
             <span class="non_slider round"></span>
           </label>
         </li>
         <li>
-          <p>استفــاده از پلیـر پیشرفتـــه تر</p>
+          <p>استفــاده از پلیــر پیشرفتــــه تر</p>
           <label id="player" class="switch">
             <input type="checkbox" />
             <span class="non_slider round"></span>