Merge pull request #112 from duhrer/GH-101

Add "Action Launcher" (resolves #101)
fluid-lab · Nov 10, 2023 · 104c12c · 104c12c
2 parents 5620e57 + 47bf55c
commit 104c12c
Show file tree

Hide file tree

Showing 15 changed files with 620 additions and 19 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -2,5 +2,12 @@
     "env": {
         "browser": true
     },
-    "extends": "eslint-config-fluid"
+    "extends": "eslint-config-fluid",
+    "rules": {
+        "indent": [
+            "error",
+            4,
+            { "SwitchCase": 1}
+        ]
+    }
 }
diff --git a/audit-resolve.json b/audit-resolve.json
@@ -370,23 +370,51 @@
     },
     "1094304|fluid-lint-all>eslint-plugin-markdown>remark-parse>trim>markdownlint-config-fluid>markdownlint>markdown-it>stylelint>autoprefixer>postcss": {
       "decision": "ignore",
-      "madeAt": 1697531759856
+      "madeAt": 1698935247034
     },
     "1094304|stylelint-config-fluid>stylelint>autoprefixer>postcss": {
       "decision": "ignore",
-      "madeAt": 1697531759856
+      "madeAt": 1698935247034
     },
     "1094304|stylelint-order>postcss": {
       "decision": "ignore",
-      "madeAt": 1697531759856
+      "madeAt": 1698935247034
     },
     "1094304|stylelint-scss>stylelint>autoprefixer>postcss": {
       "decision": "ignore",
-      "madeAt": 1697531759856
+      "madeAt": 1698935247034
     },
     "1094304|sugarss>postcss": {
       "decision": "ignore",
       "madeAt": 1697531759856
+    },
+    "1094446|@babel/traverse": {
+      "decision": "ignore",
+      "madeAt": 1698935245343
+    },
+    "1094304|postcss-less>postcss": {
+      "decision": "ignore",
+      "madeAt": 1698935247034
+    },
+    "1094450|grunt-prompt>lodash": {
+      "decision": "ignore",
+      "madeAt": 1698935249521
+    },
+    "1094493|grunt-prompt>lodash": {
+      "decision": "ignore",
+      "madeAt": 1698935251197
+    },
+    "1094498|grunt-prompt>lodash": {
+      "decision": "ignore",
+      "madeAt": 1698935253548
+    },
+    "1094499|grunt-prompt>lodash": {
+      "decision": "ignore",
+      "madeAt": 1698935255621
+    },
+    "1094500|grunt-prompt>lodash": {
+      "decision": "ignore",
+      "madeAt": 1698935257541
     }
   },
   "rules": {},

diff --git a/src/css/action-launcher.css b/src/css/action-launcher.css
@@ -0,0 +1,21 @@
+.actionLauncher-actions {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin: 1rem;
+}
+
+.actionLauncher-actions-action {
+    font-size: 1.25rem;
+    padding: 0.75rem;
+}
+
+.actionLauncher-actions-action:hover {
+    outline: aquamarine;
+}
+
+.actionLauncher-actions-action:focus {
+    background-color: aquamarine;
+    font-size: 1.4rem;
+    outline: none;
+}
diff --git a/src/css/common.css b/src/css/common.css
@@ -0,0 +1,12 @@
+@font-face {
+    font-family: ubuntu, sans-serif;
+    src: url("../fonts/Ubuntu-Medium.ttf");
+}
+
+* {
+    font-family: ubuntu, sans-serif;
+}
+
+.hidden {
+    display: none;
+}
diff --git a/src/css/configuration-panel.css b/src/css/configuration-panel.css
@@ -1,12 +1,3 @@
-@font-face {
-    font-family: ubuntu, sans-serif;
-    src: url("../fonts/Ubuntu-Medium.ttf");
-}
-
-* {
-    font-family: ubuntu, sans-serif;
-}
-
 :root {
     --width: 465px;
 }

diff --git a/src/css/modal.css b/src/css/modal.css
@@ -0,0 +1,46 @@
+.modal-outer-container {
+    align-content: center;
+    background-color: #000c;
+    height: 100%;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 998;
+}
+
+.modal-inner-container {
+    background-color: white;
+    border-radius: 1rem;
+    display: flex;
+    flex-direction: column;
+    height: 75%;
+    left: 12.5%;
+    position: fixed;
+    top: 12.5%;
+    width: 75%;
+    z-index: 997;
+}
+
+.modal-header {
+    align-self: center;
+}
+
+.modal-header h3 {
+    font-size: 2rem;
+    font-weight: bold;
+}
+
+.modal-body {
+    border: 1px solid #ccc;
+    overflow-y: scroll;
+}
+
+.modal-footer {
+    align-self: center;
+}
+
+.modal-footer button {
+    font-size: 2rem;
+    margin: 1rem;
+}
diff --git a/src/html/configuration-panel.html b/src/html/configuration-panel.html
@@ -13,7 +13,7 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <!-- Configuration panel stylesheet -->
+        <link rel="stylesheet" href="../css/common.css">
         <link rel="stylesheet" href="../css/configuration-panel.css">
 
         <!-- Infusion and other javascript files -->

diff --git a/src/js/background.js b/src/js/background.js
@@ -296,6 +296,9 @@ https://github.com/fluid-lab/gamepad-navigator/blob/master/LICENSE
         },
         reopenTabOrWindow: function () {
             chrome.sessions.restore();
+        },
+        openActionLauncher: function () {
+            gamepad.messageListenerUtils.openActionLauncher();
         }
     };
 

diff --git a/src/js/configuration_panel/configuration-panel.js b/src/js/configuration_panel/configuration-panel.js
@@ -98,7 +98,8 @@ https://github.com/fluid-lab/gamepad-navigator/blob/master/LICENSE
                 sendArrowLeft: "Send left arrow to the focused element.",
                 sendArrowRight: "Send right arrow to the focused element.",
                 sendArrowUp: "Send up arrow to the focused element.",
-                sendArrowDown: "Send down arrow to the focused element."
+                sendArrowDown: "Send down arrow to the focused element.",
+                openActionLauncher: "Open Action Launcher"
             },
             axes: {
                 null: "None",