improve

Author: yp05327

web_src/js/features/citation.ts

@@ -42,34 +42,38 @@ export async function initCitationFileCopyContent() {
     citationCopyApa.classList.toggle('primary', !isBibtex);
   };
 
-  document.querySelector('#cite-repo-button')?.addEventListener('click', async () => {
-    fomanticQuery(elModal).modal('show');
-    elModal.classList.add('is-loading');
+  const citeBtnMobile = document.querySelector<HTMLButtonElement>('.only-mobile #cite-repo-button');
+  const citeBtnDesktop = document.querySelector<HTMLButtonElement>('.not-mobile #cite-repo-button');
+  for (const citeBtn of [citeBtnMobile, citeBtnDesktop]) {
+    citeBtn?.addEventListener('click', async () => {
+      fomanticQuery(elModal).modal('show');
+      elModal.classList.add('is-loading');
 
-    try {
       try {
-        await initInputCitationValue(citationCopyApa, citationCopyBibtex);
-      } catch (e) {
-        console.error(`initCitationFileCopyContent error: ${e}`, e);
-        return;
-      }
-      updateUi();
-
-      citationCopyApa.addEventListener('click', () => {
-        localStorage.setItem('citation-copy-format', 'apa');
+        try {
+          await initInputCitationValue(citationCopyApa, citationCopyBibtex);
+        } catch (e) {
+          console.error(`initCitationFileCopyContent error: ${e}`, e);
+          return;
+        }
         updateUi();
-      });
 
-      citationCopyBibtex.addEventListener('click', () => {
-        localStorage.setItem('citation-copy-format', 'bibtex');
-        updateUi();
-      });
+        citationCopyApa.addEventListener('click', () => {
+          localStorage.setItem('citation-copy-format', 'apa');
+          updateUi();
+        });
 
-      inputContent.addEventListener('click', () => {
-        inputContent.select();
-      });
-    } finally {
-      elModal.classList.remove('is-loading');
-    }
-  });
+        citationCopyBibtex.addEventListener('click', () => {
+          localStorage.setItem('citation-copy-format', 'bibtex');
+          updateUi();
+        });
+
+        inputContent.addEventListener('click', () => {
+          inputContent.select();
+        });
+      } finally {
+        elModal.classList.remove('is-loading');
+      }
+    });
+  }
 }

web_src/js/features/repo-home.ts

@@ -7,10 +7,12 @@ import {fomanticQuery} from '../modules/fomantic/base.ts';
 const {appSubUrl} = window.config;
 
 export function initRepoTopicBar() {
-  const mgrBtns = document.querySelectorAll<HTMLButtonElement>('#manage_topic');
-  if (mgrBtns.length === 0) return;
+  const mgrBtnMobile = document.querySelector<HTMLButtonElement>('.only-mobile #manage_topic');
+  const mgrBtnDesktop = document.querySelector<HTMLButtonElement>('.not-mobile #manage_topic');
+
+  for (const mgrBtn of [mgrBtnMobile, mgrBtnDesktop]) {
+    if (!mgrBtn) continue;
 
-  for (const mgrBtn of mgrBtns) {
     const editDiv = mgrBtn.parentNode.querySelector('#topic_edit');
     const viewDiv = mgrBtn.parentNode.querySelector('#repo-topics');
     const topicDropdown = editDiv.querySelector('.ui.dropdown');