Resolve "More extensible person and group detail page"

Closes #1109 (closed)

aleksis/core/frontend/components/person/PersonOverview.vue

@@ -272,6 +272,9 @@
                 :is="widget.component"
                 :person="person"
                 :school-term="currentSchoolTerm"
+                :maximized="widgetSlug === widget.key"
+                @maximize="maximizeWidget(widget.key)"
+                @minimize="minimizeWidgets()"
               />
             </v-col>
           </template>
@@ -321,6 +324,41 @@ export default {
       required: false,
       default: null,
     },
+    widgetSlug: {
+      type: String,
+      required: false,
+      default: "default",
+    },
+  },
+  methods: {
+    maximizeWidget(slug) {
+      if (this.widgetSlug !== slug) {
+        if (this.id) {
+          this.$router.push({
+            name: "core.personByIdWithSlug",
+            params: { id: this.id, widgetSlug: slug },
+          });
+        } else {
+          this.$router.push({
+            name: "core.personWithSlug",
+            params: { widgetSlug: slug },
+          });
+        }
+      }
+    },
+    minimizeWidgets() {
+      if (this.id) {
+        this.$router.push({
+          name: "core.personByIdWithSlug",
+          params: { id: this.id, widgetSlug: slug },
+        });
+      } else {
+        this.$router.push({
+          name: "core.personWithSlug",
+          params: { widgetSlug: slug },
+        });
+      }
+    },
   },
   computed: {
     widgets() {