Updates (#17)

* Update Options

* Finish Options Update

* Update Dependencies

* Cleanup

* Add Pin Icon Notification on Install

.github/ISSUE_TEMPLATE/0-bug.yaml

@@ -0,0 +1,29 @@
+name: "⚠️ Report an Issue"
+description: "Something Not Working Right? Please let us know..."
+labels: ["bug"]
+assignees:
+  - smashedr
+
+body:
+  - type: textarea
+    id: description
+    validations:
+      required: true
+    attributes:
+      label: Details
+      description: Please describe the issue you are experiencing and how to reproduce.
+      placeholder: Provide as many details as you can...
+
+  - type: textarea
+    id: logs
+    validations:
+      required: true
+    attributes:
+      label: Support Information
+      description: Open the extension options, scroll to the bottom, click Copy Support Information and paste below.
+      render: shell
+
+  - type: markdown
+    attributes:
+      value: |
+        All issues/bugs that we can verify will be fixed. Thank you for taking the time to make this report!

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,17 @@
+blank_issues_enabled: true
+contact_links:
+    - name: '💡 Request a Feature'
+      about: Request a New Feature or Enhancement in the Discussions.
+      url: https://github.com/cssnr/asn-plus/discussions/new?category=feature-requests
+
+    - name: '❔ Ask a Question'
+      about: Ask a General Question or start a Discussions.
+      url: https://github.com/cssnr/asn-plus/discussions/new?category=q-a
+
+    - name: '💬 Join Discord'
+      about: Chat with us about Issues, Features, Questions and More.
+      url: https://discord.gg/wXy6m2X8wY
+
+    - name: '📝 Submit Feedback'
+      about: Send General Feedback.
+      url: https://cssnr.github.io/feedback/?app=ASN%20Plus

README.md

@@ -53,22 +53,20 @@ To open the options, click on the icon (from above) then click `Open Options`.
 
 # Support
 
-For help using the web extension, utilize any these resources:
+For help using the web extension see:
 
 - Q&A Discussion: https://github.com/cssnr/aviation-tools/discussions/categories/q-a
 - Request a Feature: https://github.com/cssnr/aviation-tools/discussions/categories/feature-requests
 
-If you are experiencing an issue/bug or getting unexpected results, use:
+If you are experiencing an issue/bug or getting unexpected results, you can:
 
 - Report an Issue: https://github.com/cssnr/aviation-tools/issues
 - Chat with us on Discord: https://discord.gg/wXy6m2X8wY
-- Provide Anonymous Feedback: https://cssnr.github.io/feedback
+- Provide General Feedback: https://cssnr.github.io/feedback
 
 Logs can be found inspecting the page (Ctrl+Shift+I), clicking on the Console, and;
 Firefox: toggling Debug logs, Chrome: toggling Verbose from levels dropdown.
 
-Note: When providing anonymous feedback there is no way to follow up and get more information unless you provide a contact method.
-
 # Development
 
 **Quick Start**

manifest.json

@@ -11,6 +11,12 @@
         "default": "Alt+Shift+A"
       },
       "description": "Show Main Popup Action"
+    },
+    "openBookmarks": {
+      "suggested_key": {
+        "default": "Alt+Shift+Z"
+      },
+      "description": "Open All Bookmarks"
     }
   },
   "omnibox": {

package.json

@@ -16,15 +16,14 @@
     "bootstrap": "^5.3.3",
     "clipboard": "^2.0.11",
     "jquery": "^3.7.1",
-    "metar-js": "^0.0.5",
     "metar-taf-parser": "^9.0.1"
   },
   "devDependencies": {
     "@types/chrome": "^0.0.268",
     "eslint": "^8.57.0",
     "gulp": "^4.0.2",
     "json-merger": "^1.1.10",
-    "prettier": "^3.3.2",
+    "prettier": "^3.3.3",
     "web-ext": "^8.2.0"
   }
 }

src/css/options.css

@@ -1,9 +1,78 @@
 /* CSS for options.html */
 
-.card {
-    min-width: 380px;
+body {
+    min-width: 400px;
 }
 
-.toast {
-    max-width: 260px;
+#options-wrapper {
+    max-width: 800px;
+}
+
+.blur {
+    backdrop-filter: blur(6px);
+}
+
+[data-bs-theme='dark'] .glass-outline {
+    background-color: rgba(0 0 0 / 50%);
+    border: 1px solid rgba(255 255 255 / 15%);
+    filter: drop-shadow(15px 15px 12px #000);
+}
+
+[data-bs-theme='light'] .glass-outline {
+    background-color: rgba(255 255 255 / 60%);
+    border: 1px solid rgba(0 0 0 / 17.5%);
+}
+
+[data-bs-theme='dark'] .form-control,
+[data-bs-theme='dark'] .glass-bg {
+    background-color: rgba(0 0 0 / 50%);
+}
+
+[data-bs-theme='light'] .form-control,
+[data-bs-theme='light'] .glass-bg {
+    background-color: rgba(255 255 255 / 50%);
+}
+
+.table {
+    --bs-table-bg: initial;
+}
+
+#pin-notice {
+    position: fixed;
+    right: 0;
+    top: 0;
+    cursor: pointer;
+    user-select: none;
+}
+
+[data-bs-theme='dark'] #pin-notice {
+    text-shadow:
+        0 0 3px #000,
+        0 0 6px #000,
+        0 0 9px #000,
+        0 0 12px #000;
+}
+
+[data-bs-theme='light'] #pin-notice {
+    text-shadow:
+        0 0 3px #fff,
+        0 0 6px #fff,
+        0 0 9px #fff,
+        0 0 12px #fff;
+}
+
+.bounce {
+    animation: bounce 4s infinite;
+}
+
+@keyframes bounce {
+    0% {
+        top: 0;
+    }
+    50% {
+        top: 30px;
+    }
+    100% {
+        top: 0;
+    }
 }

src/html/metar.html

@@ -82,6 +82,11 @@ <h1>Aviation Tools - METAR</h1>
             </table>
         </div>
     </div>
+    <p class="fst-italic">
+        Note: This METAR Parser is a Work in Progress and is using:
+        <a href="https://github.com/aeharding/metar-taf-parser" target="_blank" rel="noopener">
+            aeharding/metar-taf-parser</a>
+    </p>
 </div> <!-- container -->
 
 <button type="button" class="btn btn-outline-primary" id="back-to-top">