From 4c398b7714dc4bdc9fd745b937a5faa5826f6c09 Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Wed, 30 Apr 2025 15:18:43 +0200
Subject: [PATCH 1/4] add profile tab

---
 .../Pages/ManageWiki/TabSettings.vue          |   9 +-
 .../Pages/ManageWiki/Tabs/ManageProfile.vue   | 109 ++++++++++++++++++
 2 files changed, 116 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Pages/ManageWiki/Tabs/ManageProfile.vue

diff --git a/src/components/Pages/ManageWiki/TabSettings.vue b/src/components/Pages/ManageWiki/TabSettings.vue
index 538a3775..9e43749f 100644
--- a/src/components/Pages/ManageWiki/TabSettings.vue
+++ b/src/components/Pages/ManageWiki/TabSettings.vue
@@ -4,11 +4,15 @@
       <div class="tab-container">
         <div v-if="isReady">
           <v-tabs v-model="tab">
-              <v-tab>Wiki Settings</v-tab>
+              <v-tab>Profile</v-tab>
+              <v-tab>Settings</v-tab>
               <v-tab>Features</v-tab>
           </v-tabs>
           <v-tabs-items v-model="tab">
-              <v-tab-item>
+            <v-tab-item>
+                  <ManageProfile />
+              </v-tab-item>
+            <v-tab-item>
                   <ManageWiki />
               </v-tab-item>
               <v-tab-item>
@@ -26,6 +30,7 @@
 </template>
 
 <script>
+import ManageProfile from './Tabs/ManageProfile.vue'
 import ManageWiki from './Tabs/ManageWiki.vue'
 import ManageFeatures from './Tabs/ManageFeatures.vue'
 
diff --git a/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue b/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
new file mode 100644
index 00000000..c90a3ecc
--- /dev/null
+++ b/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
@@ -0,0 +1,109 @@
+<template>
+    <v-main>
+      <v-container>
+        <v-row v-if="wikiId != 0">
+          <!--Col 1-->
+          <v-col>
+            <v-row>
+              <v-col class="card-column">
+                <Details :wikiId="this.wikiId"/>
+              </v-col>
+            </v-row>
+            <v-row>
+              <v-col class="card-column">
+                <Skin :wikiId="this.wikiId"/>
+              </v-col>
+            </v-row>
+            <v-row>
+              <v-col class="card-column">
+                <Logo :wikiId="this.wikiId"/>
+              </v-col>
+            </v-row>
+            <v-row>
+              <v-col class="card-column">
+                <QuestyCaptcha :wikiId="this.wikiId"/>
+              </v-col>
+            </v-row>
+            <v-row>
+              <v-col class="card-column">
+                <EntityImport :wikiId="this.wikiId"/>
+              </v-col>
+            </v-row>
+          </v-col>
+          <!--Col 2-->
+          <v-col>
+            <v-row>
+              <v-col class="card-column">
+                <Registration :wikiId="this.wikiId"/>
+              </v-col>
+            </v-row>
+            <v-row>
+              <v-col class="card-column">
+                <Wikibase :wikiId="this.wikiId"/>
+              </v-col>
+            </v-row>
+            <v-row>
+              <v-col class="card-column">
+                <Delete :wikiId="this.wikiId"/>
+              </v-col>
+            </v-row>
+          </v-col>
+        </v-row>
+        <v-row v-if="wikiId == 0">
+          <v-col class="card-column">
+            <v-card>
+              <v-toolbar dark color="primary">
+                <v-toolbar-title>Wiki Management</v-toolbar-title>
+              </v-toolbar>
+              <v-card-text>
+                No wiki for you to manage.
+              </v-card-text>
+            </v-card>
+          </v-col>
+        </v-row>
+      </v-container>
+    </v-main>
+  </template>
+  
+  <script>
+  import Details from '~/components/Pages/ManageWiki/Cards/Details'
+  import Logo from '~/components/Pages/ManageWiki/Cards/Logo'
+  import Skin from '~/components/Pages/ManageWiki/Cards/Skin'
+  import Registration from '~/components/Pages/ManageWiki/Cards/Registration'
+  import Wikibase from '~/components/Pages/ManageWiki/Cards/Wikibase'
+  import EntityImport from '~/components/Pages/ManageWiki/Cards/EntityImport'
+  import Delete from '~/components/Pages/ManageWiki/Cards/Delete'
+  import QuestyCaptcha from '../Cards/QuestyCaptcha'
+  
+  export default {
+    name: 'ManageWiki',
+    components: {
+      QuestyCaptcha,
+      Details,
+      Logo,
+      Skin,
+      Registration,
+      Wikibase,
+      Delete,
+      EntityImport
+    },
+    data () {
+      return {
+        wikiId: 0
+      }
+    },
+    created () {
+      this.wikiId = this.$route.params.id
+    }
+  }
+  </script>
+  
+  <style scoped>
+    .red-notice-highlight{
+      background-color: red;
+    }
+  .v-main >>> .col {
+    max-width: 656px;
+  }
+  </style>
+  
\ No newline at end of file

From 2ea946382c9a1660778ea9429493c9cb07097141 Mon Sep 17 00:00:00 2001
From: dena <dena@wikimedia.de>
Date: Wed, 30 Apr 2025 15:38:23 +0200
Subject: [PATCH 2/4] add Profile component

---
 .../Pages/ManageWiki/Cards/Profile.vue        | 91 +++++++++++++++++++
 .../Pages/ManageWiki/TabSettings.vue          |  2 +-
 .../Pages/ManageWiki/Tabs/ManageProfile.vue   | 49 +---------
 3 files changed, 96 insertions(+), 46 deletions(-)
 create mode 100644 src/components/Pages/ManageWiki/Cards/Profile.vue

diff --git a/src/components/Pages/ManageWiki/Cards/Profile.vue b/src/components/Pages/ManageWiki/Cards/Profile.vue
new file mode 100644
index 00000000..687528e4
--- /dev/null
+++ b/src/components/Pages/ManageWiki/Cards/Profile.vue
@@ -0,0 +1,91 @@
+<template>
+    <v-card>
+      <v-card-title>Intended use</v-card-title>
+        <v-card-text>
+            This information describes how you intend to use this Wikibase.
+        </v-card-text>
+
+        <v-alert type="warning" dense>
+            No intended use selected for this instance. Please provide information on intended use.
+        </v-alert>
+        <v-card-text>
+            What best describes how you intend to use this Wikibase?
+            No answer selected
+        </v-card-text>
+        <v-card-text>
+            How long do you plan to use this Wikibase?
+            No answer selected
+        </v-card-text>
+
+    <v-card-actions>
+      <v-tooltip top>
+        <template v-slot:activator="{ on, attrs }">
+        <v-btn v-bind="attrs" v-on="on" @click="doSetIntendedUse">Set Intended Use</v-btn>
+        </template>
+      </v-tooltip>
+    </v-card-actions>
+    <Message ref="message" />
+    </v-card>
+  </template>
+  
+  <script>
+  import Message from '../Features/Message.vue'
+  
+  export default {
+    name: 'Profile',
+    components: {
+      Message
+    },
+    props: [
+      'wikiId'
+    ],
+    data () {
+      return {
+        skins: [
+          {
+            value: 'vector',
+            text: 'Vector'
+          },
+          {
+            value: 'modern',
+            text: 'Modern'
+          },
+          {
+            value: 'timeless',
+            text: 'Timeless'
+          }
+        ],
+        skinId: '',
+        message: false
+      }
+    },
+    created () {
+      this.skinId = this.$store.state.wikis.currentWikiSettings.wgDefaultSkin
+    },
+    computed: {
+      skin () {
+        return this.skins.find(skin => skin.value === this.skinId)
+      }
+    },
+    methods: {
+      doSetSkin () {
+        const wiki = this.wikiId
+        const value = this.skin.value
+  
+        this.$store
+          .dispatch('updateSkin', { wiki, value })
+          .then(() => {
+            this.$refs.message.show('success', `Your intended  skin has been updated to ${this.skin.text}.`)
+          })
+          .catch(err => {
+            console.error(err.response)
+            this.$refs.message.show('error', 'Something went wrong while updating your default skin. Please try again.')
+          })
+      }
+    }
+  }
+  </script>
+  
+  <style lang="css" scoped>
+  </style>
+  
\ No newline at end of file
diff --git a/src/components/Pages/ManageWiki/TabSettings.vue b/src/components/Pages/ManageWiki/TabSettings.vue
index 9e43749f..4063315b 100644
--- a/src/components/Pages/ManageWiki/TabSettings.vue
+++ b/src/components/Pages/ManageWiki/TabSettings.vue
@@ -37,7 +37,7 @@ import ManageFeatures from './Tabs/ManageFeatures.vue'
 export default {
   name: 'TabSettings',
   components: {
-
+    ManageProfile,
     ManageWiki,
     ManageFeatures
   },
diff --git a/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue b/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
index c90a3ecc..6acbe67c 100644
--- a/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
+++ b/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
@@ -11,42 +11,13 @@
             </v-row>
             <v-row>
               <v-col class="card-column">
-                <Skin :wikiId="this.wikiId"/>
-              </v-col>
-            </v-row>
-            <v-row>
-              <v-col class="card-column">
-                <Logo :wikiId="this.wikiId"/>
-              </v-col>
-            </v-row>
-            <v-row>
-              <v-col class="card-column">
-                <QuestyCaptcha :wikiId="this.wikiId"/>
-              </v-col>
-            </v-row>
-            <v-row>
-              <v-col class="card-column">
-                <EntityImport :wikiId="this.wikiId"/>
+                <Profile :wikiId="this.wikiId"/>
               </v-col>
             </v-row>
           </v-col>
           <!--Col 2-->
           <v-col>
-            <v-row>
-              <v-col class="card-column">
-                <Registration :wikiId="this.wikiId"/>
-              </v-col>
-            </v-row>
-            <v-row>
-              <v-col class="card-column">
-                <Wikibase :wikiId="this.wikiId"/>
-              </v-col>
-            </v-row>
-            <v-row>
-              <v-col class="card-column">
-                <Delete :wikiId="this.wikiId"/>
-              </v-col>
-            </v-row>
+
           </v-col>
         </v-row>
         <v-row v-if="wikiId == 0">
@@ -67,25 +38,13 @@
   
   <script>
   import Details from '~/components/Pages/ManageWiki/Cards/Details'
-  import Logo from '~/components/Pages/ManageWiki/Cards/Logo'
-  import Skin from '~/components/Pages/ManageWiki/Cards/Skin'
-  import Registration from '~/components/Pages/ManageWiki/Cards/Registration'
-  import Wikibase from '~/components/Pages/ManageWiki/Cards/Wikibase'
-  import EntityImport from '~/components/Pages/ManageWiki/Cards/EntityImport'
-  import Delete from '~/components/Pages/ManageWiki/Cards/Delete'
-  import QuestyCaptcha from '../Cards/QuestyCaptcha'
+  import Profile from '~/components/Pages/ManageWiki/Cards/Profile'
   
   export default {
     name: 'ManageWiki',
     components: {
-      QuestyCaptcha,
       Details,
-      Logo,
-      Skin,
-      Registration,
-      Wikibase,
-      Delete,
-      EntityImport
+      Profile,
     },
     data () {
       return {

From a52a4dae5ccc1e282b39f3d435f7f6e7ed9cd681 Mon Sep 17 00:00:00 2001
From: Andrew Kostka <andrew.kostka@wikimedia.de>
Date: Wed, 14 May 2025 12:53:06 +0000
Subject: [PATCH 3/4] Add profile tab to wiki dashboard

---
 .../Pages/ManageWiki/Cards/Profile.vue        | 91 ------------------
 .../Pages/ManageWiki/Tabs/ManageProfile.vue   | 93 ++++++-------------
 .../Pages/ManageWiki/Tabs/ManageWiki.vue      | 13 +--
 3 files changed, 33 insertions(+), 164 deletions(-)
 delete mode 100644 src/components/Pages/ManageWiki/Cards/Profile.vue

diff --git a/src/components/Pages/ManageWiki/Cards/Profile.vue b/src/components/Pages/ManageWiki/Cards/Profile.vue
deleted file mode 100644
index 687528e4..00000000
--- a/src/components/Pages/ManageWiki/Cards/Profile.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<template>
-    <v-card>
-      <v-card-title>Intended use</v-card-title>
-        <v-card-text>
-            This information describes how you intend to use this Wikibase.
-        </v-card-text>
-
-        <v-alert type="warning" dense>
-            No intended use selected for this instance. Please provide information on intended use.
-        </v-alert>
-        <v-card-text>
-            What best describes how you intend to use this Wikibase?
-            No answer selected
-        </v-card-text>
-        <v-card-text>
-            How long do you plan to use this Wikibase?
-            No answer selected
-        </v-card-text>
-
-    <v-card-actions>
-      <v-tooltip top>
-        <template v-slot:activator="{ on, attrs }">
-        <v-btn v-bind="attrs" v-on="on" @click="doSetIntendedUse">Set Intended Use</v-btn>
-        </template>
-      </v-tooltip>
-    </v-card-actions>
-    <Message ref="message" />
-    </v-card>
-  </template>
-  
-  <script>
-  import Message from '../Features/Message.vue'
-  
-  export default {
-    name: 'Profile',
-    components: {
-      Message
-    },
-    props: [
-      'wikiId'
-    ],
-    data () {
-      return {
-        skins: [
-          {
-            value: 'vector',
-            text: 'Vector'
-          },
-          {
-            value: 'modern',
-            text: 'Modern'
-          },
-          {
-            value: 'timeless',
-            text: 'Timeless'
-          }
-        ],
-        skinId: '',
-        message: false
-      }
-    },
-    created () {
-      this.skinId = this.$store.state.wikis.currentWikiSettings.wgDefaultSkin
-    },
-    computed: {
-      skin () {
-        return this.skins.find(skin => skin.value === this.skinId)
-      }
-    },
-    methods: {
-      doSetSkin () {
-        const wiki = this.wikiId
-        const value = this.skin.value
-  
-        this.$store
-          .dispatch('updateSkin', { wiki, value })
-          .then(() => {
-            this.$refs.message.show('success', `Your intended  skin has been updated to ${this.skin.text}.`)
-          })
-          .catch(err => {
-            console.error(err.response)
-            this.$refs.message.show('error', 'Something went wrong while updating your default skin. Please try again.')
-          })
-      }
-    }
-  }
-  </script>
-  
-  <style lang="css" scoped>
-  </style>
-  
\ No newline at end of file
diff --git a/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue b/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
index 6acbe67c..884c1070 100644
--- a/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
+++ b/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
@@ -1,68 +1,35 @@
 <template>
-    <v-main>
-      <v-container>
-        <v-row v-if="wikiId != 0">
-          <!--Col 1-->
-          <v-col>
-            <v-row>
-              <v-col class="card-column">
-                <Details :wikiId="this.wikiId"/>
-              </v-col>
-            </v-row>
-            <v-row>
-              <v-col class="card-column">
-                <Profile :wikiId="this.wikiId"/>
-              </v-col>
-            </v-row>
-          </v-col>
-          <!--Col 2-->
-          <v-col>
+  <v-main>
+    <v-container>
+      <v-row>
+        <v-col class="card-column">
+          <Details :wikiId="this.wikiId"/>
+        </v-col>
+      </v-row>
+    </v-container>
+  </v-main>
+</template>
 
-          </v-col>
-        </v-row>
-        <v-row v-if="wikiId == 0">
-          <v-col class="card-column">
-            <v-card>
-              <v-toolbar dark color="primary">
-                <v-toolbar-title>Wiki Management</v-toolbar-title>
-              </v-toolbar>
-              <v-card-text>
-                No wiki for you to manage.
-              </v-card-text>
-            </v-card>
-          </v-col>
-        </v-row>
-      </v-container>
-    </v-main>
-  </template>
-  
-  <script>
-  import Details from '~/components/Pages/ManageWiki/Cards/Details'
-  import Profile from '~/components/Pages/ManageWiki/Cards/Profile'
-  
-  export default {
-    name: 'ManageWiki',
-    components: {
-      Details,
-      Profile,
-    },
-    data () {
-      return {
-        wikiId: 0
-      }
-    },
-    created () {
-      this.wikiId = this.$route.params.id
-    }
-  }
-  </script>
-  
-  <style scoped>
-    .red-notice-highlight{
-      background-color: red;
+<script>
+import Details from '~/components/Pages/ManageWiki/Cards/Details'
+
+export default {
+  name: 'ManageWiki',
+  components: {
+    Details
+  },
+  computed: {
+    wikiId: function () {
+      return this.$route.params.id
     }
-  .v-main >>> .col {
-    max-width: 656px;
   }
-  </style>
+}
+</script>
+
+<style scoped>
+.v-main >>> .col {
+  max-width: 656px;
+  width: 100vw;
+}
+</style>
   
\ No newline at end of file
diff --git a/src/components/Pages/ManageWiki/Tabs/ManageWiki.vue b/src/components/Pages/ManageWiki/Tabs/ManageWiki.vue
index 1b4f0225..a18f56ff 100644
--- a/src/components/Pages/ManageWiki/Tabs/ManageWiki.vue
+++ b/src/components/Pages/ManageWiki/Tabs/ManageWiki.vue
@@ -4,11 +4,6 @@
       <v-row v-if="wikiId != 0">
         <!--Col 1-->
         <v-col>
-          <v-row>
-            <v-col class="card-column">
-              <Details :wikiId="this.wikiId"/>
-            </v-col>
-          </v-row>
           <v-row>
             <v-col class="card-column">
               <Skin :wikiId="this.wikiId"/>
@@ -21,12 +16,12 @@
           </v-row>
           <v-row>
             <v-col class="card-column">
-              <QuestyCaptcha :wikiId="this.wikiId"/>
+              <Registration :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
           <v-row>
             <v-col class="card-column">
-              <EntityImport :wikiId="this.wikiId"/>
+              <QuestyCaptcha :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
         </v-col>
@@ -34,7 +29,7 @@
         <v-col>
           <v-row>
             <v-col class="card-column">
-              <Registration :wikiId="this.wikiId"/>
+              <EntityImport :wikiId="this.wikiId"/>
             </v-col>
           </v-row>
           <v-row>
@@ -66,7 +61,6 @@
 </template>
 
 <script>
-import Details from '~/components/Pages/ManageWiki/Cards/Details'
 import Logo from '~/components/Pages/ManageWiki/Cards/Logo'
 import Skin from '~/components/Pages/ManageWiki/Cards/Skin'
 import Registration from '~/components/Pages/ManageWiki/Cards/Registration'
@@ -79,7 +73,6 @@ export default {
   name: 'ManageWiki',
   components: {
     QuestyCaptcha,
-    Details,
     Logo,
     Skin,
     Registration,

From 1740d9f9f52e5881b5fe595395cb0a6919457029 Mon Sep 17 00:00:00 2001
From: Andrew Kostka <andrew.kostka@wikimedia.de>
Date: Wed, 14 May 2025 12:57:45 +0000
Subject: [PATCH 4/4] Fix linting errors

---
 src/components/Pages/ManageWiki/Tabs/ManageProfile.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue b/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
index 884c1070..c9d2268a 100644
--- a/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
+++ b/src/components/Pages/ManageWiki/Tabs/ManageProfile.vue
@@ -32,4 +32,3 @@ export default {
   width: 100vw;
 }
 </style>
-  
\ No newline at end of file