Add 'keyboard folder' button that redirects to GitHub repository (qmk…

…#1191) * Add 'keyboard folder' button that redirects to... ... GitHub repository * Move button to ControllerTop
mattpcaswell · Oct 4, 2022 · 192aac5 · 192aac5
1 parent d6e5296
commit 192aac5
Show file tree

Hide file tree

Showing 14 changed files with 43 additions and 1 deletion.
diff --git a/src/components/ControllerTop.vue b/src/components/ControllerTop.vue
@@ -27,6 +27,15 @@
           @search:focus="opened"
           @search:blur="blur"
         ></v-select>
+        <a
+          id="open-on-github"
+          rel="noopener"
+          target="_blank"
+          :href="githubKeyboardFolderURL"
+          v-tooltip.bottom="$t('githubKeyboardFolder.title')"
+        >
+          <font-awesome-icon icon="fa-brands fa-github" size="lg" fixed-width />
+        </a>
       </div>
       <div class="topctrl-layouts">
         <label
@@ -123,6 +132,9 @@ export default {
     realKeymapName() {
       return this.$store.getters['app/keymapName'];
     },
+    githubKeyboardFolderURL() {
+      return `https://github.com/qmk/qmk_firmware/tree/master/keyboards/${this.keyboard}`;
+    },
     keyboard: {
       get() {
         return this.$store.state.app.keyboard;
@@ -528,4 +540,9 @@ export default {
 .topctrl-keyboards .v-select:focus-within {
   outline: 2px solid black;
 }
+#open-on-github {
+  cursor: pointer;
+  margin-left: 8px;
+  color: white;
+}
 </style>
diff --git a/src/i18n/de.csv b/src/i18n/de.csv
@@ -202,3 +202,5 @@ tester:reset:title,Erfasste Tasten zurücksetzen
 tester:typewritericon:label,
 toggleTerminal:label,
 toggleTerminal:title,
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/en.csv b/src/i18n/en.csv
@@ -202,3 +202,4 @@ tester:reset:title,Reset detected keys
 tester:typewritericon:label,Click to hear typewriter sounds while testing
 toggleTerminal:label,Click to Expand
 toggleTerminal:title,Toggle the Terminal display
+githubKeyboardFolder:title,Open keyboard folder on GitHub
diff --git a/src/i18n/es.csv b/src/i18n/es.csv
@@ -202,3 +202,5 @@ tester:reset:title,Restablecer las teclas detectadas
 tester:typewritericon:label,
 toggleTerminal:label,
 toggleTerminal:title,
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/fr.csv b/src/i18n/fr.csv
@@ -202,3 +202,5 @@ tester:reset:title,Réinitialise les touches détectées
 tester:typewritericon:label,
 toggleTerminal:label,
 toggleTerminal:title,
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/it.csv b/src/i18n/it.csv
@@ -202,3 +202,5 @@ tester:reset:title,Reimposta le chiavi rilevate
 tester:typewritericon:label,Clicca per ascoltare i suoni della macchina da scrivere durante il test
 toggleTerminal:label,Clicca per espandere
 toggleTerminal:title,Azionare il videoterminale
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/ja.csv b/src/i18n/ja.csv
@@ -202,3 +202,5 @@ tester:reset:title,検出されたキーをリセットする
 tester:typewritericon:label,クリックすると、テスト中にタイプライターの音を鳴らします
 toggleTerminal:label,展開するにはクリックします
 toggleTerminal:title,ターミナル表示の切り替え
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/ms.csv b/src/i18n/ms.csv
@@ -202,3 +202,5 @@ tester:reset:title,Set semula key yang dikesan
 tester:typewritericon:label,
 toggleTerminal:label,
 toggleTerminal:title,
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/pl-PL.csv b/src/i18n/pl-PL.csv
@@ -202,3 +202,5 @@ tester:reset:title,Zresetuj wykryte kody klawiszy
 tester:typewritericon:label,
 toggleTerminal:label,
 toggleTerminal:title,
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/pt-BR.csv b/src/i18n/pt-BR.csv
@@ -202,3 +202,5 @@ tester:reset:title,Reset detected keys
 tester:typewritericon:label,
 toggleTerminal:label,
 toggleTerminal:title,
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/ru.csv b/src/i18n/ru.csv
@@ -202,3 +202,5 @@ tester:reset:title,Сброс обнаруженных клавиш
 tester:typewritericon:label,Включить звуки нажатия во время тестирования
 toggleTerminal:label,"Нажмите, чтобы раскрыть"
 toggleTerminal:title,Отображение терминала
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/zh-CN.csv b/src/i18n/zh-CN.csv
@@ -202,3 +202,5 @@ tester:reset:title,开启打字机音效
 tester:typewritericon:label,开启打字机音效
 toggleTerminal:label,点击展开
 toggleTerminal:title,开启终端显示
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/i18n/zh.csv b/src/i18n/zh.csv
@@ -200,3 +200,5 @@ tester:reset:title,
 tester:typewritericon:label,
 toggleTerminal:label,
 toggleTerminal:title,
+githubKeyboardFolder:label,
+githubKeyboardFolder:title,
diff --git a/src/main.js b/src/main.js
@@ -56,7 +56,8 @@ import {
 import {
   faApple,
   faWindows,
-  faLinux
+  faLinux,
+  faGithub
 } from '@fortawesome/free-brands-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 import isObject from 'lodash/isObject';
@@ -89,6 +90,7 @@ const icons = [
   faCog,
   faDownload,
   faExclamationTriangle,
+  faGithub,
   faHatWizard,
   faKeyboard,
   faLinux,