From 544bc90a38b06d6840609b3fd5d99bd9225251e0 Mon Sep 17 00:00:00 2001
From: Saksham Shekher <95137948+OshekharO@users.noreply.github.com>
Date: Fri, 6 May 2022 11:13:25 +0530
Subject: [PATCH 1/5] More informative issue template

---
 .github/ISSUE_TEMPLATE/bug-report.yml | 81 +++++++++++++++++++++++++++
 .github/ISSUE_TEMPLATE/bug_report.md  | 31 ----------
 2 files changed, 81 insertions(+), 31 deletions(-)
 create mode 100644 .github/ISSUE_TEMPLATE/bug-report.yml
 delete mode 100644 .github/ISSUE_TEMPLATE/bug_report.md

diff --git a/.github/ISSUE_TEMPLATE/bug-report.yml b/.github/ISSUE_TEMPLATE/bug-report.yml
new file mode 100644
index 0000000..f7b8634
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug-report.yml
@@ -0,0 +1,81 @@
+name: 🐞 Issue Report
+description: Report a issue in VueTube
+labels: [bug]
+body:
+
+  - type: textarea
+    id: reproduce-steps
+    attributes:
+      label: Steps to reproduce
+      description: Provide an example of the issue.
+      placeholder: |
+        Example:
+          1. First step
+          2. Second step
+          3. Issue here
+    validations:
+      required: true
+
+  - type: textarea
+    id: expected-behavior
+    attributes:
+      label: Expected behavior
+      placeholder: |
+        Example:
+          "This should happen..."
+    validations:
+      required: true
+
+  - type: textarea
+    id: actual-behavior
+    attributes:
+      label: Actual behavior
+      placeholder: |
+        Example:
+          "This happened instead..."
+    validations:
+      required: true
+
+  - type: input
+    id: vuetube-version
+    attributes:
+      label: VueTube version
+      description: |
+        You can find your VueTube version in **Settings**.
+      placeholder: |
+        Example: "1.0"
+    validations:
+      required: true
+
+  - type: input
+    id: android-version
+    attributes:
+      label: Android version
+      description: |
+        You can find this somewhere in your Android settings.
+      placeholder: |
+        Example: "Android 12"
+    validations:
+      required: true
+
+  - type: textarea
+    id: other-details
+    attributes:
+      label: Other details
+      placeholder: |
+        Additional details and attachments.
+
+  - type: checkboxes
+    id: acknowledgements
+    attributes:
+      label: Acknowledgements
+      description: Your issue will be closed if you haven't done these steps.
+      options:
+        - label: I have searched the existing issues and this is a new ticket, **NOT** a duplicate or related to another open issue.
+          required: true
+        - label: I have written a short but informative title.
+          required: true
+        - label: I have updated the app to unstable version **[Latest](https://vuetube.app/install/)**.
+          required: true
+        - label: I will fill out all of the requested information in this form.
+          required: true
diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md
deleted file mode 100644
index 2a21876..0000000
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Device Information**
- - OS: [e.g. iOS 15, Android 12]
- - App Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

From 383927108276188c060c75a5b519d8d69b7ff9f4 Mon Sep 17 00:00:00 2001
From: Saksham Shekher <95137948+OshekharO@users.noreply.github.com>
Date: Fri, 6 May 2022 11:15:28 +0530
Subject: [PATCH 2/5] Update and rename feature_request.md to
 feature-request.yml

---
 .github/ISSUE_TEMPLATE/feature-request.yml | 35 ++++++++++++++++++++++
 .github/ISSUE_TEMPLATE/feature_request.md  | 20 -------------
 2 files changed, 35 insertions(+), 20 deletions(-)
 create mode 100644 .github/ISSUE_TEMPLATE/feature-request.yml
 delete mode 100644 .github/ISSUE_TEMPLATE/feature_request.md

diff --git a/.github/ISSUE_TEMPLATE/feature-request.yml b/.github/ISSUE_TEMPLATE/feature-request.yml
new file mode 100644
index 0000000..9bc7ddb
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature-request.yml
@@ -0,0 +1,35 @@
+name: ⭐ Feature request
+description: Suggest a feature to improve the app
+labels: [feature request]
+body:
+
+  - type: textarea
+    id: feature-description
+    attributes:
+      label: Describe your suggested feature
+      description: How can an existing source be improved?
+      placeholder: |
+        Example:
+          "It should work like this..."
+    validations:
+      required: true
+
+  - type: textarea
+    id: other-details
+    attributes:
+      label: Other details
+      placeholder: |
+        Additional details and attachments.
+
+  - type: checkboxes
+    id: acknowledgements
+    attributes:
+      label: Acknowledgements
+      description: Your issue will be closed if you haven't done these steps.
+      options:
+        - label: I have searched the existing issues and this is a new ticket, **NOT** a duplicate or related to another open issue.
+          required: true
+        - label: I have written a short but informative title.
+          required: true
+        - label: I will fill out all of the requested information in this form.
+          required: true
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
deleted file mode 100644
index bbcbbe7..0000000
--- a/.github/ISSUE_TEMPLATE/feature_request.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.

From ad65af72037fff4b34e1805a68ee0f2d856a3d69 Mon Sep 17 00:00:00 2001
From: Kenny <27463495+Frontesque@users.noreply.github.com>
Date: Fri, 6 May 2022 07:36:01 -0400
Subject: [PATCH 3/5] feat: :sparkles: about page in language packs

---
 NUXT/pages/mods/about.vue         | 23 +++++++++++++----------
 NUXT/plugins/languages/english.js | 19 ++++++++++++++++++-
 2 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/NUXT/pages/mods/about.vue b/NUXT/pages/mods/about.vue
index a59569d..a2ea8ea 100644
--- a/NUXT/pages/mods/about.vue
+++ b/NUXT/pages/mods/about.vue
@@ -15,9 +15,9 @@
 
     <!--   App Information   -->
     <v-card class="obj" :class="$vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'" :style="{borderRadius: `${roundTweak / 2}rem`}">
-      <v-card-title>App Information</v-card-title>
+      <v-card-title>{{ languagePack.mods.about.appinformation }}</v-card-title>
       <v-card-text>
-        <h3>App Version</h3>
+        <h3>{{ languagePack.mods.about.appversion }}</h3>
         {{ version.substring(0, 7) || "Unknown" }}
       </v-card-text>
     </v-card>
@@ -25,17 +25,17 @@
 
     <!--   Device Information   -->
     <v-card class="obj" :class="$vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'" :style="{borderRadius: `${roundTweak / 2}rem`}">
-      <v-card-title>Device Information</v-card-title>
+      <v-card-title>{{ languagePack.mods.about.deviceinformation }}</v-card-title>
       <v-card-text>
-        <h3>Platform</h3>
+        <h3>{{ languagePack.mods.about.platform }}</h3>
         {{ deviceInfo.platform || "Unknown" }}<br>
-        <h3>Operating System</h3>
+        <h3>{{ languagePack.mods.about.os }}</h3>
         {{ deviceInfo.operatingSystem || "Unknown" }} ({{ deviceInfo.osVersion || "Unknown" }})<br>
-        <h3>Model</h3>
+        <h3>{{ languagePack.mods.about.model }}</h3>
         {{ deviceInfo.model || "Unknown" }}<br>
-        <h3>Manufacturer</h3>
+        <h3>{{ languagePack.mods.about.manufacturer }}</h3>
         {{ deviceInfo.manufacturer || "Unknown" }}<br>
-        <h3>Emulator</h3>
+        <h3>{{ languagePack.mods.about.emulator }}</h3>
         {{ deviceInfo.isVirtual ? "yes" : "no" }}
       </v-card-text>
     </v-card>
@@ -45,11 +45,11 @@
     <div class="obj">
       <v-btn @click="openExternal('https://github.com/Frontesque/VueTube')" class="action"  :class="$vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'" :style="{borderRadius: `${roundTweak / 2}rem`}">
         <v-icon x-large class="actionIcon">mdi-github</v-icon>
-        Github
+        {{ languagePack.mods.about.github }}
       </v-btn>
       <v-btn @click="openExternal('https://discord.gg/7P8KJrdd5W')" class="action obj"  :class="$vuetify.theme.dark ? 'background lighten-1' : 'background darken-1'" :style="{borderRadius: `${roundTweak / 2}rem`}">
         <v-icon x-large class="actionIcon">mdi-discord</v-icon>
-        Discord
+        {{ languagePack.mods.about.discord }}
       </v-btn>
     </div>
 
@@ -72,12 +72,15 @@ export default {
     return {
       version: process.env.appVersion,
       deviceInfo: "",
+      languagePack: {mods: {about: {}}},
     };
   },
 
   async mounted() {
     const info = await Device.getInfo();
     this.deviceInfo = info;
+
+    this.languagePack = this.$lang();
   },
   methods: {
     async openExternal(url) {
diff --git a/NUXT/plugins/languages/english.js b/NUXT/plugins/languages/english.js
index 47e1669..b5837aa 100644
--- a/NUXT/plugins/languages/english.js
+++ b/NUXT/plugins/languages/english.js
@@ -4,7 +4,7 @@ module.exports = {
   global: {
     home: "Home",
     subscriptions: "Subscriptions",
-    library: "Libraary"
+    library: "Library"
   },
 
   index: {
@@ -22,5 +22,22 @@ module.exports = {
     updates: "Updates",
     logs: "Logs",
     about: "About"
+  },
+
+  mods: {
+    about: {
+      appinformation: "App Information",
+      appversion: "App Version",
+      deviceinformation: "Device Information",
+      platform: "Platform",
+      os: "Operating System",
+      model: "Model",
+      manufacturer: "Manufacturer",
+      emulator: "Emulator",
+      github: "GitHub",
+      discord: "Discord"
+    }
   }
+
+
 }

From fae8bddd51a081db81f1af2a9d442ecf4bfba32c Mon Sep 17 00:00:00 2001
From: Kenny <27463495+Frontesque@users.noreply.github.com>
Date: Fri, 6 May 2022 07:56:32 -0400
Subject: [PATCH 4/5] feat: :sparkles: langpacks for /mods/startup

---
 NUXT/pages/mods/startup.vue | 85 +++++++++++++++++++------------------
 1 file changed, 44 insertions(+), 41 deletions(-)

diff --git a/NUXT/pages/mods/startup.vue b/NUXT/pages/mods/startup.vue
index e84392d..d9e11dd 100644
--- a/NUXT/pages/mods/startup.vue
+++ b/NUXT/pages/mods/startup.vue
@@ -1,59 +1,62 @@
 <template>
   <div class="mainContainer pt-1">
-    <v-card
-      flat
-      class="pb-5 background"
-      :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
-      :style="{borderRadius: `${roundTweak / 2}rem`}"
-    >
+    <v-card flat class="pb-5 background" :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'" :style="{borderRadius: `${roundTweak / 2}rem`}">
       <v-card-title>Default Page</v-card-title>
       <v-card-text>
-        <v-select
-          v-model="page"
-          background-color="background"
-          :items="pages"
-          label="Default Page"
-          solo
-        ></v-select>
+        <v-select v-model="page" background-color="background" :items="pages" label="Default Page" solo></v-select>
       </v-card-text>
     </v-card>
   </div>
 </template>
 
 <script>
-export default {
+  export default {
 
-  computed: {
-    roundTweak() {
-      return this.$store.state.tweaks.roundTweak;
-    }
-  },
-
-  data() {
-    return {
-      page: "home",
-      pages: ["home", "subscriptions", "library"],
-    };
-  },
-
-  watch: {
-    page: function (newVal) {
-      localStorage.setItem("startPage", newVal);
+    computed: {
+      roundTweak() {
+        return this.$store.state.tweaks.roundTweak;
+      }
     },
-  },
 
-  mounted() {
-    this.page = localStorage.getItem("startPage") || "home";
-  },
-};
+    data() {
+      return {
+        page: "home",
+        pages: [],
+      };
+    },
+
+    watch: {
+      page: function (newVal) {
+        localStorage.setItem("startPage", newVal);
+      },
+    },
+
+    mounted() {
+      this.page = localStorage.getItem("startPage") || "home";
+
+      const langPack = this.$lang('global');
+      this.pages = [{
+        value: "home",
+        text: langPack.home
+      }, {
+        value: "subscriptions",
+        text: langPack.subscriptions
+      }, {
+        value: "library",
+        text: langPack.library
+      }];
+    }
+  };
+
 </script>
 
 <style scoped>
-.v-card {
-  margin: 1em;
-}
+  .v-card {
+    margin: 1em;
+  }
+
+  section {
+    padding: 0 1em 1em 1em;
+  }
 
-section {
-  padding: 0 1em 1em 1em;
-}
 </style>

From 0b96f9f16748045ddcf017408fc401ffd3330c3d Mon Sep 17 00:00:00 2001
From: Kenny <27463495+Frontesque@users.noreply.github.com>
Date: Fri, 6 May 2022 11:42:03 -0400
Subject: [PATCH 5/5] feat: :sparkles: Change how developer mode is accessed

---
 NUXT/pages/settings.vue           | 18 ++++++++++++++++--
 NUXT/plugins/languages/english.js |  3 ++-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/NUXT/pages/settings.vue b/NUXT/pages/settings.vue
index 5be936c..5da5880 100644
--- a/NUXT/pages/settings.vue
+++ b/NUXT/pages/settings.vue
@@ -8,7 +8,14 @@
     </v-list-item>
 
     <!--   Dev Mode Open   -->
-    <v-btn text class="entry" @click="dev()" />
+    <v-btn text class="entry" @click="dev()" v-if="!devmode" />
+
+    <v-btn text class="entry text-left text-capitalize" style="margin: 0 0.75em 0 0.75em;" to="/mods/developer" v-if="devmode">
+      <v-icon size="30px" class="icon" >mdi-database-edit</v-icon>
+      {{ devmodebuttonname }}
+    </v-btn>
+    <!--   End Dev Mode   -->
+
   </div>
 </template>
 
@@ -31,6 +38,9 @@
     data() {
       return {
         devClicks: 0,
+        devmode: false,
+
+        devmodebuttonname: "Developer Mode",
 
         settingsItems: [{
             name: "General",
@@ -95,13 +105,17 @@
       this.settingsItems[6].name = this.$lang('settings').updates;
       this.settingsItems[7].name = this.$lang('settings').logs;
       this.settingsItems[8].name = this.$lang('settings').about;
+      this.devmodebuttonname = this.$lang('settings').devmode;
+
+      this.devmode = localStorage.getItem('devmode');
     },
 
     methods: {
       dev() {
         this.devClicks++;
         if (this.devClicks >= 6) {
-          this.$router.push("/mods/developer");
+          localStorage.setItem('devmode', 'true');
+          this.devmode = true;
         }
       },
     },
diff --git a/NUXT/plugins/languages/english.js b/NUXT/plugins/languages/english.js
index b5837aa..3d28f73 100644
--- a/NUXT/plugins/languages/english.js
+++ b/NUXT/plugins/languages/english.js
@@ -21,7 +21,8 @@ module.exports = {
     plugins: "Plugins",
     updates: "Updates",
     logs: "Logs",
-    about: "About"
+    about: "About",
+    devmode: "Registry Editor"
   },
 
   mods: {