Initial commit

1 files changed, 67 insertions, 0 deletions

diff --git a/src/scripts/sura-list.js b/src/scripts/sura-list.js
new file mode 100644
index 0000000..a799b02
--- /dev/null
+++ b/src/scripts/sura-list.js
@@ -0,0 +1,67 @@
+var metadata;
+
+function load() {
+    var xhttp = new XMLHttpRequest();
+
+    xhttp.onreadystatechange = function () {
+        if (this.readyState == 4 && this.status == 200) {
+            loadMetadataButtons(this);
+        }
+    };
+
+    xhttp.open("GET", "./data/quran-data.xml", true);
+    xhttp.send();
+
+    try {
+        process.versions['electron'];
+
+        var windowBtns = document.getElementsByClassName('window-button-container');
+        
+        for (var i = 0; i < windowBtns.length; i++) {
+            windowBtns[i].style.display = 'grid';
+        }
+    } catch {
+        var windowBtns = document.getElementsByClassName('window-button-container');
+
+        for (var i = 0; i < windowBtns.length; i++) {
+            windowBtns[i].style.display = 'none';
+        }
+    }
+}
+
+function loadMetadataButtons(xml) {
+    var sura, i, xmlDoc, txt;
+
+    xmlDoc = xml.responseXML;
+    txt = "";
+    sura = xmlDoc.getElementsByTagName('sura');
+
+    for (var i = 0; i < sura.length; i++) {
+        var index = sura[i].getAttribute('index');
+        var tname = sura[i].getAttribute('tname');
+
+        try {
+            process.versions['electron'];
+
+            document.getElementById("sura-ul").innerHTML += `
+                <li>
+                    <table>
+                        <tr>
+                            <td class="number">${index}</td>
+                            <td style="padding-left: 10px;"><a href="sura.html?sura=${index}" class="link">${tname}</a></td>
+                        </tr>
+                    </table>
+                </li>`;
+        } catch {
+            document.getElementById("sura-ul").innerHTML += `
+                <li>
+                    <table>
+                        <tr>
+                            <td class="number">${index}</td>
+                            <td style="padding-left: 10px;"><a href="sura?sura=${index}" class="link">${tname}</a></td>
+                        </tr>
+                    </table>
+                </li>`;
+        }
+    }
+}
\ No newline at end of file