add admin app basics

.gitignore

@@ -1,4 +1,5 @@
 node_modules/
 vendor/
 composer.lock
-package-lock.json
+package-lock.json
+dist/

KIToolbox.php

@@ -2,17 +2,30 @@
 
 require_once __DIR__ . '/vendor/autoload.php';
 
-class KIToolbox extends StudIPPlugin implements StandardPlugin
+class KIToolbox extends StudIPPlugin implements StandardPlugin, SystemPlugin
 {
     public function __construct()
     {
         parent::__construct();
 
+        $perm = $GLOBALS['perm'];
+        if ($perm->have_perm('root')) {
+            $item = new Navigation($this->_('KI-Toolbox konfigurieren'), PluginEngine::getLink($this, array(), 'admin'));
+            if (Navigation::hasItem('/admin/config') && !Navigation::hasItem('/admin/config/kitoolbox')) {
+                Navigation::addItem('/admin/config/kitoolbox', $item);
+            }
+        }
+
         PageLayout::addScript($this->getPluginUrl() . '/dist/kitoolbox.js', [
             'type' => 'module',
             'rel'  => 'preload',
         ]);
 
+        PageLayout::addScript($this->getPluginUrl() . '/dist/kitoolbox-admin.js', [
+            'type' => 'module',
+            'rel'  => 'preload',
+        ]);
+
         PageLayout::addStylesheet($this->getPluginUrl() . '/dist/kitoolbox.css');
     }
 

app/controllers/admin.php

@@ -0,0 +1,16 @@
+<?php
+
+class AdminController extends StudipController
+{
+
+    public function before_filter(&$action, &$args)
+    {
+        parent::before_filter($action, $args);
+        Navigation::activateItem('/admin/config/kitoolbox');
+    }
+
+    public function index_action()
+    {
+
+    }
+}

app/controllers/index.php

@@ -1,5 +1,5 @@
 <?php
-use CoursewareSnapshots\Models\Snapshot;
+
 class IndexController extends StudipController
 {
 
@@ -19,7 +19,6 @@ public function index_action()
 
     }
 
-
     protected function getHelpbarContent()
     {
         $description = 'Lorem ipsum';

app/views/admin/index.php

@@ -0,0 +1,2 @@
+<div id="kitoolbox-admin-app">
+</div>

src/KIToolboxAdminApp.vue

@@ -0,0 +1,8 @@
+<template>
+    <h1>the ki toolbox admin app...</h1>  
+  </template>
+  <script>
+  
+  export default {}
+  
+  </script>

src/kitoolbox-admin.js

@@ -0,0 +1,22 @@
+import { createApp } from 'vue'
+import App from './KIToolboxAdminApp.vue'
+import { createGettext } from 'vue3-gettext';
+import translations from './locales/translations.json';
+import { createPinia } from 'pinia';
+
+const app = createApp(App);
+
+const gettext = createGettext({
+    availableLanguages: {
+      en: "English",
+      de: "Deutsch",
+    },
+    defaultLanguage: "de",
+    translations: translations,
+});
+app.use(gettext);
+
+const pinia = createPinia();
+app.use(pinia);
+
+app.mount('#kitoolbox-admin-app');

src/kitoolbox.js

@@ -1,6 +1,5 @@
 import { createApp } from 'vue'
 import App from './KIToolboxApp.vue'
-import './kitoolbox.css';
 import { createGettext } from 'vue3-gettext';
 import translations from './locales/translations.json';
 import { createPinia } from 'pinia';

vite.config.js

@@ -10,6 +10,7 @@ export default defineConfig(({ mode }) => {
             rollupOptions: {
               input: {
                 kitoolbox: 'src/kitoolbox.js',
+                'kitoolbox-admin': 'src/kitoolbox-admin.js',
               },
                 output: {
                     entryFileNames: `[name].js`,