added some better indication of import status

index.html

···
 
     <div class="lycan-import">
       <form>
+        <h4>Data not imported yet</h4>
+
         <p>
           In order to search within your likes and bookmarks, the posts you've liked or saved need to be imported into a database.
           This is a one-time process, but it can take several minutes or more, depending on the age of your account.
···
       </form>
 
       <div class="import-progress">
+        <h4>Import in progress</h4>
+
         <p class="import-status"></p>
         <p><progress></progress> <output></output></p>
       </div>

private_search_page.js

···
       this.lycanImportSection.style.display = 'block';
       this.lycanImportForm.style.display = 'block';
       this.importProgress.style.display = 'none';
+      this.searchField.disabled = true;
 
       this.stopImportTimer();
     } else if (info.status == 'in_progress' || info.status == 'scheduled' || info.status == 'requested') {
       this.lycanImportSection.style.display = 'block';
       this.lycanImportForm.style.display = 'none';
       this.importProgress.style.display = 'block';
+      this.searchField.disabled = true;
 
       this.showImportProgress(info);
       this.startImportTimer();
     } else if (info.status == 'finished') {
       this.lycanImportForm.style.display = 'none';
       this.importProgress.style.display = 'block';
+      this.searchField.disabled = false;
 
       this.showImportProgress({ status: 'finished', progress: 1.0 });
       this.stopImportTimer();
···
       this.importStatusLabel.innerText = `Import complete ✓`;
     } else if (info.position) {
       let date = new Date(info.position).toLocaleString(window.dateLocale, { day: 'numeric', month: 'short', year: 'numeric' });
-      this.importStatusLabel.innerText = `Imported data until: ${date}`;
+      this.importStatusLabel.innerText = `Downloaded data until: ${date}`;
     } else if (info.status == 'requested') {
       this.importStatusLabel.innerText = 'Requesting import…';
     } else {
···
     this.lycanImportSection.style.display = 'block';
     this.lycanImportForm.style.display = 'none';
     this.importProgress.style.display = 'block';
+    this.searchField.disabled = true;
 
     this.importStatusLabel.innerText = message;
     this.stopImportTimer();