@edgedev/create-edge-app 1.1.10 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edgedev/create-edge-app",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "description": "Create Edge Starter App",
   "bin": {
     "create-edge-app": "./bin/cli.js"

package/pages/app.vue

@@ -8,11 +8,70 @@ const currentOrganization = computed(() => {
   return edgeGlobal.edgeState.currentOrganization
 })
 
+const menuBuilder = () => {
+  const orgDocPath = `organizations/${currentOrganization.value}`
+  const orgRole = edgeFirebase?.user?.roles.find(role =>
+    role.collectionPath === orgDocPath.replaceAll('/', '-'),
+  )
+  const isOrgUserAdmin = orgRole && orgRole.role === 'admin'
+
+  edgeGlobal.edgeState.menuItems = [
+    {
+      title: 'Dashboard',
+      to: '/app/dashboard/things',
+      icon: 'LayoutDashboard',
+    },
+    {
+      title: 'Sub Things',
+      to: '/app/dashboard/subthings',
+      icon: 'Package',
+    },
+    {
+      title: 'Settings',
+      to: '/app/account/my-profile',
+      icon: 'Settings',
+      submenu: [
+        {
+          title: 'Profile',
+          to: '/app/account/my-profile',
+          icon: 'User',
+        },
+        {
+          title: 'Account',
+          to: '/app/account/my-account',
+          icon: 'CircleUser',
+        },
+        {
+          title: 'Orgs',
+          to: '/app/account/my-organizations',
+          icon: 'Group',
+        },
+        {
+          title: 'Org',
+          to: '/app/account/organization-settings',
+          icon: 'Settings',
+          override: isOrgUserAdmin,
+        },
+        {
+          title: 'Users',
+          to: '/app/account/organization-members',
+          icon: 'Users',
+          override: isOrgUserAdmin,
+        },
+      ],
+    },
+  ]
+}
+
 watch(currentOrganization, async () => {
   if (currentOrganization.value) {
     // RUN STUFF HERE WHEN ORGANIZATION CHANGES LIKE SNAPSHOTS
     await projectSetOrg(currentOrganization.value, edgeFirebase, edgeGlobal)
 
+    const orgDocPath = `organizations/${currentOrganization.value}`
+    edgeGlobal.edgeState.isAdminCollections = [`organizations-${orgDocPath}`]
+    menuBuilder()
+
     // KEEP THIS CODE:
     const auth = useState('auth')
     auth.value = edgeFirebase.user
@@ -147,7 +206,7 @@ edgeGlobal.edgeState.userRoles = [
   },
 ]
 
-const menuItems = [
+edgeGlobal.edgeState.menuItems = [
   {
     title: 'Dashboard',
     to: '/app/dashboard/things',
@@ -177,9 +236,10 @@ const menuItems = [
         <div class="h-full">
           <edge-side-bar
             v-if="edgeFirebase.user.loggedIn"
-            :menu-items="menuItems"
+            :menu-items="edgeGlobal.edgeState.menuItems"
             :collapsible="sideBarProviderProps.collapsible"
             class="border-solid border-r"
+            :show-settings-section="false"
           >
             <template #header>
               <SidebarMenu>
@@ -233,6 +293,7 @@ const menuItems = [
                   >
                     <MenuSquare />
                   </edge-shad-button>
+                  <div id="page-header" />
                 </template>
               </edge-menu>
               <NuxtPage class="flex-1 flex flex-col overflow-y-auto p-3 pt-0" />

package/pages/app/account.vue

@@ -1,73 +0,0 @@
-<script setup>
-const edgeFirebase = inject('edgeFirebase')
-const isAdmin = computed(() => {
-  const orgRole = edgeFirebase?.user?.roles.find(role =>
-    role.collectionPath === edgeGlobal.edgeState.organizationDocPath.replaceAll('/', '-'),
-  )
-  return orgRole && orgRole.role === 'admin'
-})
-
-const adminMenuItems = [
-  {
-    title: 'Organization',
-    to: '/app/account/organization-settings',
-    icon: 'Settings',
-  },
-  {
-    title: 'Members',
-    to: '/app/account/organization-members',
-    icon: 'Users',
-  },
-]
-
-const menuItems = [
-  {
-    title: 'Profile',
-    to: '/app/account/my-profile',
-    icon: 'User',
-  },
-  {
-    title: 'Account',
-    to: '/app/account/my-account',
-    icon: 'CircleUser',
-  },
-  {
-    title: 'Organizations',
-    to: '/app/account/my-organizations',
-    icon: 'Group',
-  },
-]
-</script>
-
-<template>
-  <div
-    v-if="edgeGlobal.edgeState.organizationDocPath"
-  >
-    <div class="h-full p-0">
-      <SidebarProvider class="min-h-full">
-        <div class="h-full md:w-[180px]">
-          <edge-side-bar
-            :menu-items="menuItems"
-            :settings-menu-items="isAdmin ? adminMenuItems : []"
-            collapsible="submenu"
-            class="bg-background text-foreground border-none w-[180px] absolute shadow-none"
-            :show-settings-section="false"
-            title="My Settings"
-            settings-title="Organization Settings"
-            group-label-classes="text-foreground/70"
-          >
-            <template #header>
-              <h1 class="text-xl">
-                Settings
-              </h1>
-            </template>
-          </edge-side-bar>
-        </div>
-        <NuxtPage class="flex-1 flex flex-col overflow-y-auto p-3" />
-      </SidebarProvider>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-</style>