未选中及无可下载提示

YanhuiJessica · Mar 22, 2022 · 2badddc · 2badddc
1 parent 71f48fa
commit 2badddc
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 11 deletions.
diff --git a/popup/index.html b/popup/index.html
@@ -7,7 +7,10 @@
         <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
     </head>
     <body>
-        <div id="download">
+        <div id="non-course" style="display: block;">
+            未选中课程页面
+        </div>
+        <div id="download" style="display: none;">
             <table>
                 <thead>
                     <tr>

diff --git a/popup/popup.js b/popup/popup.js
@@ -2,22 +2,30 @@ function onError(error) {
     console.log(`Error: ${error}`);
 }
 
-var uploads;
+var uploads,
+    nonCourse = document.getElementById('non-course'),
+    divDl = document.getElementById('download');
 window.addEventListener('load', function() {
     chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
         chrome.tabs.sendMessage(tabs[0].id, {from: 'popup', subject: 'getUploads'},
         function(response) {
             uploads = response.uploads;
+            nonCourse.style.display = 'none';
+            divDl.style.display = 'block';
+            if (uploads.length === 0) {
+                divDl.innerHTML = '当前课程没有可下载的课件';
+            } else {
             var tb = document.getElementById('uploads');
-            if (tb.innerHTML.length == 0) {
-                for (let u in uploads) {
-                    var tr = document.createElement('tr');
-                    tr.innerHTML = `
-                    <td><input type="radio" name="courseware" value="${u}" /></td>
-                    <td>${uploads[u].name}</td>
-                    <td></td>
-                    `;
-                    tb.appendChild(tr);
+                if (tb.innerHTML.length == 0) {
+                    for (let u in uploads) {
+                        var tr = document.createElement('tr');
+                        tr.innerHTML = `
+                        <td><input type="radio" name="courseware" value="${u}" /></td>
+                        <td>${uploads[u].name}</td>
+                        <td></td>
+                        `;
+                        tb.appendChild(tr);
+                    }
                 }
             }
         });