stub out org manage pages

src/app/app-routing.module.ts

@@ -14,6 +14,12 @@ import { LoginComponent } from './accounts/login.component';
 import { RegisterComponent } from './accounts/register.component';
 import { TwoFactorComponent } from './accounts/two-factor.component';
 
+import { CollectionsComponent as OrgManageCollectionsComponent } from './organizations/manage/collections.component';
+import { EventsComponent as OrgEventsComponent } from './organizations/manage/events.component';
+import { GroupsComponent as OrgGroupsComponent } from './organizations/manage/groups.component';
+import { ManageComponent as OrgManageComponent } from './organizations/manage/manage.component';
+import { PeopleComponent as OrgPeopleComponent } from './organizations/manage/people.component';
+
 import { ExportComponent as OrgExportComponent } from './organizations/tools/export.component';
 import { ImportComponent as OrgImportComponent } from './organizations/tools/import.component';
 import { ToolsComponent as OrgToolsComponent } from './organizations/tools/tools.component';
@@ -127,6 +133,19 @@ const routes: Routes = [
                     { path: 'export', component: OrgExportComponent, data: { titleId: 'exportVault' } },
                 ],
             },
+            {
+                path: 'manage',
+                component: OrgManageComponent,
+                canActivate: [OrganizationTypeGuardService],
+                data: { allowedTypes: [OrganizationUserType.Owner, OrganizationUserType.Admin] },
+                children: [
+                    { path: '', pathMatch: 'full', redirectTo: 'people' },
+                    { path: 'collections', component: OrgManageCollectionsComponent, data: { titleId: 'collections' } },
+                    { path: 'events', component: OrgEventsComponent, data: { titleId: 'eventLogs' } },
+                    { path: 'groups', component: OrgGroupsComponent, data: { titleId: 'groups' } },
+                    { path: 'people', component: OrgPeopleComponent, data: { titleId: 'people' } },
+                ],
+            },
         ],
     },
     { path: '**', redirectTo: '' },

src/app/app.module.ts

@@ -32,6 +32,12 @@ import { RegisterComponent } from './accounts/register.component';
 import { TwoFactorOptionsComponent } from './accounts/two-factor-options.component';
 import { TwoFactorComponent } from './accounts/two-factor.component';
 
+import { CollectionsComponent as OrgManageCollectionsComponent } from './organizations/manage/collections.component';
+import { EventsComponent as OrgEventsComponent } from './organizations/manage/events.component';
+import { GroupsComponent as OrgGroupsComponent } from './organizations/manage/groups.component';
+import { ManageComponent as OrgManageComponent } from './organizations/manage/manage.component';
+import { PeopleComponent as OrgPeopleComponent } from './organizations/manage/people.component';
+
 import { ExportComponent as OrgExportComponent } from './organizations/tools/export.component';
 import { ImportComponent as OrgImportComponent } from './organizations/tools/import.component';
 import { ToolsComponent as OrgToolsComponent } from './organizations/tools/tools.component';
@@ -163,9 +169,14 @@ import { SearchCiphersPipe } from 'jslib/angular/pipes/search-ciphers.pipe';
         OrgAttachmentsComponent,
         OrgCiphersComponent,
         OrgCollectionsComponent,
+        OrgEventsComponent,
         OrgExportComponent,
         OrgImportComponent,
         OrgGroupingsComponent,
+        OrgGroupsComponent,
+        OrgManageCollectionsComponent,
+        OrgManageComponent,
+        OrgPeopleComponent,
         OrgToolsComponent,
         OrganizationsComponent,
         OrganizationLayoutComponent,

src/app/organizations/manage/collections.component.html

@@ -0,0 +1,3 @@
+<div class="page-header">
+    <h1>{{'collections' | i18n}}</h1>
+</div>

src/app/organizations/manage/collections.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-org-manage-collections',
+    templateUrl: 'collections.component.html',
+})
+export class CollectionsComponent { }

src/app/organizations/manage/events.component.html

@@ -0,0 +1,3 @@
+<div class="page-header">
+    <h1>{{'eventLogs' | i18n}}</h1>
+</div>

src/app/organizations/manage/events.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-org-events',
+    templateUrl: 'events.component.html',
+})
+export class EventsComponent { }

src/app/organizations/manage/groups.component.html

@@ -0,0 +1,3 @@
+<div class="page-header">
+    <h1>{{'groups' | i18n}}</h1>
+</div>

src/app/organizations/manage/groups.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-org-groups',
+    templateUrl: 'groups.component.html',
+})
+export class GroupsComponent { }

src/app/organizations/manage/manage.component.html

@@ -0,0 +1,26 @@
+<div class="container page-content">
+    <div class="row">
+        <div class="col-3">
+            <div class="card">
+                <div class="card-header">{{'manage' | i18n}}</div>
+                <div class="list-group list-group-flush">
+                    <a routerLink="people" class="list-group-item" routerLinkActive="active">
+                        {{'people' | i18n}}
+                    </a>
+                    <a routerLink="collections" class="list-group-item" routerLinkActive="active">
+                        {{'collections' | i18n}}
+                    </a>
+                    <a routerLink="groups" class="list-group-item" routerLinkActive="active">
+                        {{'groups' | i18n}}
+                    </a>
+                    <a routerLink="events" class="list-group-item" routerLinkActive="active">
+                        {{'eventLogs' | i18n}}
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="col-9">
+            <router-outlet></router-outlet>
+        </div>
+    </div>
+</div>

src/app/organizations/manage/manage.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-org-manage',
+    templateUrl: 'manage.component.html',
+})
+export class ManageComponent { }

src/app/organizations/manage/people.component.html

@@ -0,0 +1,3 @@
+<div class="page-header">
+    <h1>{{'people' | i18n}}</h1>
+</div>

src/app/organizations/manage/people.component.ts

@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-org-people',
+    templateUrl: 'people.component.html',
+})
+export class PeopleComponent { }

src/app/organizations/tools/tools.component.ts

@@ -1,6 +1,4 @@
-import {
+import { Component } from '@angular/core';
-    Component,
-} from '@angular/core';
 
 @Component({
     selector: 'app-org-tools',

src/app/tools/tools.component.ts

@@ -1,6 +1,4 @@
-import {
+import { Component } from '@angular/core';
-    Component,
-} from '@angular/core';
 
 @Component({
     selector: 'app-tools',

src/locales/en/messages.json

@@ -1690,5 +1690,14 @@
   },
   "loggedInAs": {
     "message": "Logged in as"
+  },
+  "eventLogs": {
+    "message": "Event Logs"
+  },
+  "people": {
+    "message": "People"
+  },
+  "groups": {
+    "message": "Groups"
   }
 }