Deploying to gh-pages from @ c51e1aa 🚀

WebOfTrust · Jan 26, 2024 · 20a2af5 · 20a2af5
1 parent b7bb7bf
commit 20a2af5
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 8 deletions.
diff --git a/assets/index.js b/assets/index.js
@@ -3686,7 +3686,7 @@ const iziToast = /* @__PURE__ */ getDefaultExportFromCjs(iziToastExports);
     allKerificButtons.forEach((kerificButton) => {
       const kerificButtonText = kerificButton.innerText;
       const kerificButtonTextLowercase = kerificButton.innerText.toLowerCase();
-      let glossaryPopupHeaderContent = `<h2 class='animate__animated'>“${kerificButtonText}”</h2>`;
+      let glossaryPopupHeaderContent = `<h2 class='popup-definition animate__animated'>“${kerificButtonText}”</h2>`;
       let glossaryPopupBodyContent = ``;
       combinedGlossaries.forEach((combinedGlossariesEntry) => {
         if (kerificButtonTextLowercase === combinedGlossariesEntry.termToLowerCase && !popUpLedger.includes(kerificButtonTextLowercase)) {
@@ -3699,8 +3699,9 @@ const iziToast = /* @__PURE__ */ getDefaultExportFromCjs(iziToastExports);
                     if (eachDefinitions2.organisation === glossaryEntryDefinitionsEntry.organisation) {
                       counter++;
                       glossaryPopupBodyContent += `
-                                                <h3>${counter}: ${eachDefinitions2.organisation}</h3>
+                                                <h3>${counter}: <span class="popup-organisation">${eachDefinitions2.organisation}</span></h3>
                                                 <small>Redirected to: “<strong>${combinedGlossariesEntry2.term}</strong>”:</small>
+                                                <button class="kerific-save">Save</button>
                                                 <div class="definition-block">${removeLinks(eachDefinitions2.definition)}</div>
                                                 <hr>
                                             `;
@@ -3711,7 +3712,7 @@ const iziToast = /* @__PURE__ */ getDefaultExportFromCjs(iziToastExports);
             } else {
               counter++;
               glossaryPopupBodyContent += `
-                                <h3>${counter}: ${glossaryEntryDefinitionsEntry.organisation}</h3>
+                                <h3>${counter}: <span class="popup-organisation">${glossaryEntryDefinitionsEntry.organisation}</span></h3>
                                 <button class="kerific-save">Save</button>
                                 <div class="definition-block">${removeLinks(glossaryEntryDefinitionsEntry.definition)}</div>
                                 <hr>
@@ -3753,9 +3754,9 @@ const iziToast = /* @__PURE__ */ getDefaultExportFromCjs(iziToastExports);
     chrome.runtime.sendMessage({
       action: "addTerm",
       entry: {
-        "term": el.closest(".card-body").previousElementSibling.querySelector(".animate__animated").innerText,
+        "term": el.closest(".card-body").previousElementSibling.querySelector(".popup-definition").innerText,
         "definition": el.closest(".card-body").querySelector(".definition-block").innerHTML,
-        "organisation": el.closest(".card-body").querySelector("h3").innerText
+        "organisation": el.closest(".card-body").querySelector(".popup-organisation").innerText
       }
     }, function(response) {
       console.log("Response:", response);

diff --git a/collection.html b/collection.html
@@ -17,7 +17,7 @@
     </div>
 
 
-    <h1>Your collected definitions</h1>
+    <h1 class="mb-3">Your collected definitions</h1>
     <div id="container-collection"></div>
 
 

diff --git a/js/collection.js b/js/collection.js
@@ -12,15 +12,20 @@ function loadCollections() {
 
                 domString += `
                 <div class="card mb-5">
-                    <div class="card-body">
+                    <div class="card-header">
                         <h2>${terms[i].term}</h2>
+                    </div>
+                    <div class="card-body">
                         <p class="card-text">
                         ${terms[i].definition}
                         </p>
+                    </div>
+                    <div class="card-footer">
                         <p class="card-text">
-                        This definition comes from: ${terms[i].organisation}
+                            This definition comes from: ${terms[i].organisation}
                         </p>
                     </div>
+
                 </div>
                 `;
             }