Add profile tab to wiki dashboard

Author: AndrewKostka

src/components/Pages/ManageWiki/Cards/Profile.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>
 

src/components/Pages/ManageWiki/Tabs/ManageProfile.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,20 +16,20 @@
           </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>
         <!--Col 2-->
         <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,