@oxygen-cms/ui 1.6.2 → 1.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oxygen-cms/ui",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "description": "Various utilities for UI-building in Vue.js",
   "main": "none",
   "repository": {

package/src/components/CodeEditor.vue

@@ -32,11 +32,44 @@
 <script>
 
 import AceEditor from 'vue2-ace-editor';
-import 'brace/ext/language_tools'; //language extension prerequsite...
+// language extension pre-requisite...
+import 'brace/ext/language_tools';
 import 'brace/mode/html';
 import 'brace/mode/twig';
+import 'brace/snippets/html';
+import 'brace/snippets/twig';
 import 'brace/theme/tomorrow_night_eighties';
 import 'brace/theme/tomorrow_night';
+import 'brace/theme/ambiance';
+import 'brace/theme/chaos';
+import 'brace/theme/clouds_midnight';
+import 'brace/theme/cobalt';
+import 'brace/theme/idle_fingers';
+import 'brace/theme/merbivore';
+import 'brace/theme/merbivore_soft';
+import 'brace/theme/mono_industrial';
+import 'brace/theme/monokai';
+import 'brace/theme/pastel_on_dark';
+import 'brace/theme/solarized_dark';
+import 'brace/theme/terminal';
+import 'brace/theme/tomorrow_night';
+import 'brace/theme/tomorrow_night_blue';
+import 'brace/theme/tomorrow_night_bright';
+import 'brace/theme/tomorrow_night_eighties';
+import 'brace/theme/twilight';
+import 'brace/theme/vibrant_ink';
+import 'brace/theme/chrome';
+import 'brace/theme/clouds';
+import 'brace/theme/crimson_editor';
+import 'brace/theme/dawn';
+import 'brace/theme/dreamweaver';
+import 'brace/theme/eclipse';
+import 'brace/theme/github';
+import 'brace/theme/kr_theme';
+import 'brace/theme/solarized_light';
+import 'brace/theme/textmate';
+import 'brace/theme/tomorrow';
+import 'brace/theme/xcode';
 
 export default {
     name: "CodeEditor",

package/src/components/preferences/Preferences.vue

@@ -4,7 +4,7 @@
             <b-tab-item v-if="slotProps.canAccessPrefs(['appearance.themes', 'appearance.pages', 'appearance.events'].concat(getExtraPrefsPermissions('appearance')))" label="Website Theme">
                 <PreferencesThemeChooser @theme-changed="onThemeChanged" />
                 <PreferencesPageTemplates :current-theme="currentTheme" />
-                <PreferencesEventTemplates :current-theme="currentTheme" />
+
                 <PreferencesSiteAppearance :current-theme="currentTheme" />
                 <component :is="pref.component" v-for="pref in getExtraPrefs('appearance')" :key="pref.key" :current-theme="currentTheme" />
             </b-tab-item>

package/src/components/preferences/PreferencesList.vue

@@ -46,5 +46,5 @@ export default {
 </script>
 
 <style scoped>
-
+    @import '../util.css';
 </style>

package/src/components/preferences/PreferencesThemeChooser.vue

@@ -4,6 +4,7 @@
         <PreferencesField data-key="appearance.themes::theme" label="">
             <template #default="slotProps">
                 <b-table
+                    v-if="Object.values(slotProps.options).length > 0"
                     :data="Object.values(slotProps.options)"
                     :striped="false">
                     <b-table-column v-slot="props" label="Key">
@@ -26,6 +27,7 @@
                         <b-button v-else type="is-success" disabled>Theme is already active</b-button>
                     </b-table-column>
                 </b-table>
+                <p v-else class="has-text-centered"><em>No themes loaded.</em></p>
             </template>
         </PreferencesField>
     </ShowIfPermitted>

package/src/main.js

@@ -12,7 +12,7 @@ import { AuthRoutes, makeAuthenticatedRoute } from "./routes";
 import createStore from "./store/index";
 import { checkAuthenticated } from "./AuthApi";
 import Error404 from "./components/Error404.vue";
-import MainMenu from "./components/MainMenu.vue";
+import Preferences from "./components/preferences/Preferences.vue";
 
 /**
  * Creates the Vue.js Oxygen application, allowing for a few points of customization (i.e.: adding modules)
@@ -29,6 +29,10 @@ export default class OxygenUI {
         this.unauthenticatedRoutes = []
         this.mainMenuItems = {}
         this.beforeMountHooks = []
+        this.extraPrefs = {
+            'appearance': [],
+            'external': []
+        }
     }
 
     addAuthenticatedRoutes(routes) {
@@ -81,6 +85,15 @@ export default class OxygenUI {
 
         const store = createStore(this.Vue);
 
+        this.authenticatedRoutes.push({
+            path: '/preferences',
+            component: Preferences,
+            props: {
+                extraPrefs: this.extraPrefs
+            },
+            meta: { title: 'System Preferences' }
+        });
+
         const routes = AuthRoutes
             .concat([
                 makeAuthenticatedRoute(this.authenticatedRoutes)

package/src/modules/Events.js

@@ -0,0 +1,35 @@
+import LegacyPage from "../components/LegacyPage.vue";
+import { WEB_CONTENT } from "../main.js";
+import PreferencesEventTemplates from "../components/preferences/PreferencesEventTemplates.vue";
+
+export default function(ui) {
+    ui.addMainMenuGroup(WEB_CONTENT, {
+        name: 'Events',
+        icon: 'calendar-alt',
+        listAction: '/upcoming-events',
+        listPermission: 'upcomingEvents.getList',
+        addIcon: 'calendar-plus',
+        addPermission: 'upcomingEvents.postCreate',
+        addAction: '/upcoming-events/create',
+        items: {
+        }
+    });
+    ui.extraPrefs['appearance'].push({
+        key: 'appearance.events',
+        component: PreferencesEventTemplates
+    });
+    ui.addAuthenticatedRoutes([
+        {
+            // will match everything, try to render a legacy Oxygen page...
+            path: 'upcoming-events/:subpath*',
+            component: LegacyPage,
+            props: (route) => {
+                return {
+                    fullPath: route.fullPath,
+                    legacyPrefix: '/oxygen/view',
+                    adminPrefix: '/oxygen'
+                }
+            }
+        }
+    ]);
+}

package/src/modules/{LegacyPages.js → PagesPartials.js}

@@ -24,21 +24,10 @@ export default function(ui) {
         items: {
         }
     });
-    ui.addMainMenuGroup(WEB_CONTENT, {
-        name: 'Events',
-        icon: 'calendar-alt',
-        listAction: '/upcoming-events',
-        listPermission: 'upcomingEvents.getList',
-        addIcon: 'calendar-plus',
-        addPermission: 'upcomingEvents.postCreate',
-        addAction: '/upcoming-events/create',
-        items: {
-        }
-    });
     ui.addAuthenticatedRoutes([
         {
             // will match everything, try to render a legacy Oxygen page...
-            path: '(pages|partials|upcoming-events)/:subpath*',
+            path: '(pages|partials)/:subpath*',
             component: LegacyPage,
             props: (route) => {
                 return {