From f2663ee76b3974055c1066adeb80c8903ef65b78 Mon Sep 17 00:00:00 2001
From: rubikscraft <contact@rubikscraft.nl>
Date: Wed, 16 Mar 2022 17:45:12 +0100
Subject: [PATCH] rename admin section to settings

---
 .../components/header/header.component.html   |  4 ++
 .../app/components/header/header.component.ts |  8 ++++
 .../admin-sidebar.component.html              |  6 ---
 .../admin-sidebar/admin-sidebar.component.ts  | 15 -------
 .../app/routes/admin/admin.routing.module.ts  | 21 ----------
 .../routes/admin/admin/admin.component.html   | 39 -------------------
 .../routes/admin/admin/admin.component.scss   |  0
 frontend/src/app/routes/routes.ts             |  4 +-
 .../settings-home.component.html              |  2 +
 .../settings-home.component.scss}             |  0
 .../settings-home/settings-home.component.ts} |  6 +--
 .../settings-sidebar.component.html           |  6 +++
 .../settings-sidebar.component.scss           |  3 ++
 .../settings-sidebar.component.ts             | 14 +++++++
 .../settings.module.ts}                       | 12 +++---
 .../settings/settings.routing.module.ts       | 21 ++++++++++
 shared/src/dto/permissions.ts                 |  9 +++++
 shared/src/dto/roles.dto.ts                   |  1 +
 shared/src/util/permissions.ts                | 11 +++++-
 19 files changed, 89 insertions(+), 93 deletions(-)
 delete mode 100644 frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.html
 delete mode 100644 frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.ts
 delete mode 100644 frontend/src/app/routes/admin/admin.routing.module.ts
 delete mode 100644 frontend/src/app/routes/admin/admin/admin.component.html
 delete mode 100644 frontend/src/app/routes/admin/admin/admin.component.scss
 create mode 100644 frontend/src/app/routes/settings/settings-home/settings-home.component.html
 rename frontend/src/app/routes/{admin/admin-sidebar/admin-sidebar.component.scss => settings/settings-home/settings-home.component.scss} (100%)
 rename frontend/src/app/routes/{admin/admin/admin.component.ts => settings/settings-home/settings-home.component.ts} (50%)
 create mode 100644 frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.html
 create mode 100644 frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.scss
 create mode 100644 frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.ts
 rename frontend/src/app/routes/{admin/admin.module.ts => settings/settings.module.ts} (52%)
 create mode 100644 frontend/src/app/routes/settings/settings.routing.module.ts

diff --git a/frontend/src/app/components/header/header.component.html b/frontend/src/app/components/header/header.component.html
index c180335..c7da41a 100644
--- a/frontend/src/app/components/header/header.component.html
+++ b/frontend/src/app/components/header/header.component.html
@@ -39,6 +39,10 @@
           <h2>{{ user?.username }}</h2>
         </div>
       </span>
+      <button *ngIf="canAccessSettings" mat-menu-item (click)="doSettings()">
+        <mat-icon>settings</mat-icon>
+        <span>Settings</span>
+      </button>
       <button mat-menu-item (click)="doLogout()">
         <mat-icon>logout</mat-icon>
         <span>Logout</span>
diff --git a/frontend/src/app/components/header/header.component.ts b/frontend/src/app/components/header/header.component.ts
index 1763356..236881b 100644
--- a/frontend/src/app/components/header/header.component.ts
+++ b/frontend/src/app/components/header/header.component.ts
@@ -35,6 +35,10 @@ export class HeaderComponent implements OnInit {
     return this.permissions.includes(Permission.UserLogin);
   }
 
+  public get canAccessSettings() {
+    return this.permissions.includes(Permission.Settings);
+  }
+
   constructor(
     private router: Router,
     private userService: UserService,
@@ -74,4 +78,8 @@ export class HeaderComponent implements OnInit {
 
     this.utilService.showSnackBar('Logout successful', SnackBarType.Success);
   }
+
+  doSettings() {
+    this.router.navigate(['/settings']);
+  }
 }
diff --git a/frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.html b/frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.html
deleted file mode 100644
index 25f3360..0000000
--- a/frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<mat-nav-list>
-  <a mat-list-item routerLink="/admin/dashboard" routerLinkActive="active">
-    <mat-icon mat-list-icon>dashboard</mat-icon>
-    <span mat-line>Dashboard</span>
-  </a>
-</mat-nav-list>
diff --git a/frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.ts b/frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.ts
deleted file mode 100644
index 4711184..0000000
--- a/frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-admin-sidebar',
-  templateUrl: './admin-sidebar.component.html',
-  styleUrls: ['./admin-sidebar.component.scss']
-})
-export class AdminSidebarComponent implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}
diff --git a/frontend/src/app/routes/admin/admin.routing.module.ts b/frontend/src/app/routes/admin/admin.routing.module.ts
deleted file mode 100644
index 054219b..0000000
--- a/frontend/src/app/routes/admin/admin.routing.module.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule } from '@angular/router';
-import { PRoutes } from 'src/app/models/picsur-routes';
-import { AdminSidebarComponent } from './admin-sidebar/admin-sidebar.component';
-import { AdminComponent } from './admin/admin.component';
-
-const routes: PRoutes = [
-  {
-    path: 'admin',
-    component: AdminComponent,
-    data: {
-      sidebar: AdminSidebarComponent,
-    },
-  },
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-})
-export class AdminRoutingModule {}
diff --git a/frontend/src/app/routes/admin/admin/admin.component.html b/frontend/src/app/routes/admin/admin/admin.component.html
deleted file mode 100644
index 4727406..0000000
--- a/frontend/src/app/routes/admin/admin/admin.component.html
+++ /dev/null
@@ -1,39 +0,0 @@
-Lorem ipsum dolor sit amet consectetur adipiscing elit, mus bibendum mi tempus ridiculus et phasellus, integer praesent metus aliquam commodo vivamus. Venenatis id hendrerit ornare tellus vulputate placerat risus elit, rutrum eu urna dictumst lorem maecenas quis enim, nullam facilisi congue curae eleifend augue a. Dolor rhoncus ridiculus justo felis litora, efficitur lectus neque vestibulum quam inceptos, fames interdum semper mus. Class penatibus commodo magnis odio pellentesque volutpat pharetra a ex, morbi eu turpis taciti fusce sem dui faucibus bibendum, ligula blandit eget erat dapibus ante accumsan adipiscing.
-
-Non pretium conubia litora duis lectus elementum rutrum, diam eros auctor pellentesque ridiculus hendrerit. Mattis mi est erat iaculis nec arcu feugiat fringilla, velit tincidunt accumsan volutpat phasellus libero ligula massa taciti, maximus adipiscing dis tortor magnis nam suspendisse. Nulla class semper taciti vivamus tristique sollicitudin sagittis ante, imperdiet montes fringilla placerat eros ut sit, sem viverra dis accumsan a eu potenti. Purus integer dapibus primis cras etiam leo rutrum, dictum iaculis eu tempor semper gravida, vehicula proin elit sapien tellus convallis lobortis, augue euismod potenti ridiculus metus. Vehicula porta vel leo tellus convallis quis, suscipit id tincidunt proin risus sem consectetur, eu quam at euismod lorem. Vulputate in neque magnis risus laoreet elit lorem erat, imperdiet cras pellentesque conubia tortor nam est curabitur ex, ac sagittis dictumst euismod gravida aptent a.
-
-Rutrum vivamus cras dolor est fames vehicula amet volutpat posuere, fusce eros praesent senectus molestie nulla ornare elementum parturient, auctor inceptos ad dui ultrices maximus sapien commodo. Nibh venenatis turpis euismod luctus primis sociosqu nostra diam, pulvinar vulputate odio lorem aliquet iaculis efficitur massa mauris, etiam consequat maximus nulla ac bibendum natoque.
-
-Fames blandit auctor ultricies mus scelerisque massa finibus facilisis praesent nostra, enim mattis varius interdum primis feugiat id vitae neque nullam, vel cubilia at nunc semper sed maecenas metus adipiscing. Et elementum elit penatibus eu mus faucibus, leo semper odio nascetur risus phasellus dignissim, est interdum aenean duis vivamus. Bibendum elit at proin feugiat mi varius convallis montes elementum eleifend cras ad, dignissim nibh sem inceptos etiam taciti erat conubia risus interdum laoreet duis vitae, fringilla finibus vehicula potenti nisi ornare mattis per dictumst tempor nascetur. Curabitur vel viverra aliquam habitasse imperdiet facilisis nascetur parturient magna, aenean luctus volutpat eget eu conubia vehicula sit mi tempus, feugiat augue quis vivamus ligula lorem diam integer. Gravida mattis tortor arcu fermentum aptent auctor suspendisse iaculis elit, id ornare pulvinar inceptos suscipit facilisi amet per nulla, dictum maecenas vivamus orci congue semper montes vel.
-
-Felis sed inceptos aptent nec nisi penatibus egestas libero laoreet, feugiat tempor dapibus conubia eu dictum neque sodales elit parturient, ultrices ex cras congue adipiscing ligula risus sagittis. Montes nam ridiculus ac risus blandit nunc ornare nisi, a luctus congue massa est lobortis eu pellentesque suscipit, vel commodo tempus pretium conubia gravida ultricies. Montes quam aliquam augue penatibus ultrices eleifend justo suspendisse volutpat curabitur lacus dapibus suscipit, porta pretium sodales urna taciti magnis placerat integer accumsan sollicitudin ante lorem. Cras egestas urna est sit quis a etiam, velit sodales auctor aliquet hac. Suspendisse etiam ullamcorper posuere turpis mi ante proin vulputate tellus dolor, velit vehicula volutpat mollis curabitur pulvinar dui per. Bibendum metus aliquam leo tempor luctus eu purus aliquet cras class, sociosqu aptent lectus augue dolor vehicula ultrices odio facilisis.
-
-Ipsum vulputate parturient netus egestas senectus vel risus sit tristique morbi, urna dictumst sociosqu enim hendrerit nascetur imperdiet vivamus at tortor, quis tincidunt per lectus ac gravida condimentum aptent vitae. Vulputate risus erat tellus ridiculus diam taciti dui montes, per curabitur condimentum proin gravida volutpat tristique magna vehicula, dictumst duis imperdiet et non vitae accumsan. Facilisi sollicitudin eleifend id leo justo efficitur odio vehicula bibendum eu, cras cubilia sem tincidunt lacus a dictumst amet parturient, potenti duis tempus mus torquent condimentum neque ornare nisi. Nulla elementum sit sollicitudin sed scelerisque pretium bibendum, congue litora elit rhoncus parturient venenatis, urna ornare ad mattis ullamcorper adipiscing. Velit lorem dignissim amet ornare congue sodales dui maximus, aliquet sagittis conubia commodo efficitur turpis quam tincidunt, vulputate ultrices taciti volutpat tortor bibendum nullam. Viverra curabitur arcu sit lacus magnis mi, nostra maecenas sem urna faucibus nec dui, sapien amet nascetur laoreet et. Vestibulum auctor libero per in taciti dapibus quis velit fames, cras interdum scelerisque penatibus bibendum fermentum consequat curabitur, sollicitudin hac dolor eget habitant fringilla erat quam.
-
-Purus odio lectus nulla varius posuere in fusce scelerisque, ultrices congue dui adipiscing vivamus volutpat penatibus magna, conubia eget natoque litora magnis neque enim. Ultrices feugiat vehicula lorem interdum habitant volutpat neque nostra conubia, nullam posuere ornare ultricies iaculis laoreet quis fermentum, a facilisi molestie inceptos ridiculus curabitur dapibus maximus. Nisi purus quis ex vel elementum efficitur maecenas quam, facilisis habitasse potenti odio interdum egestas etiam suscipit ut, pharetra aliquet fames lacus pretium montes ac. Netus nostra habitasse potenti eu inceptos vestibulum fames lacus rutrum, orci torquent congue curae lorem pharetra bibendum quam arcu, dis est molestie fermentum fringilla tempus praesent ornare. Aptent ullamcorper mollis semper mi condimentum suspendisse maecenas eros vel, in consequat mus non metus purus odio tempor, volutpat ornare lacus venenatis bibendum lobortis congue proin. Vel duis arcu imperdiet primis rhoncus sagittis fusce, nec accumsan ultricies lectus interdum taciti augue fermentum, turpis ultrices cubilia curabitur mollis conubia. Mus etiam finibus nibh habitant nullam tortor posuere penatibus tincidunt fermentum, massa conubia sollicitudin at sem a et eget vehicula, venenatis integer vulputate montes nam curabitur nec gravida dictumst.
-
-Tincidunt fermentum gravida velit dignissim habitant lorem congue arcu, dictum tristique feugiat vehicula consectetur eget varius, fringilla montes urna netus nulla ullamcorper mi. Quam lorem dignissim facilisis habitant mus gravida nascetur aliquet, inceptos dui torquent diam risus vulputate id nisi fermentum, quis faucibus ipsum tempor ridiculus dolor rhoncus.
-
-Nibh feugiat sem laoreet ornare rhoncus quam quis ligula, hendrerit primis semper egestas at blandit aliquam tortor, sapien lacus cubilia adipiscing nullam justo taciti. Quam eros sem arcu urna fringilla tristique natoque facilisis purus auctor, non vulputate aliquet porta et quis sollicitudin orci nam maximus, ridiculus felis nibh netus varius tellus nec tempus habitant. Nulla ullamcorper iaculis vestibulum etiam morbi, inceptos leo bibendum mattis dictum phasellus, amet gravida suspendisse molestie. Suscipit iaculis augue hendrerit vel natoque quis fusce litora enim, lacus torquent conubia lectus ac eu risus consequat nam, facilisis venenatis mollis sodales rutrum dui cubilia elementum. Maximus a senectus fames ac convallis nam hac sem integer sapien arcu, libero dignissim nascetur conubia facilisi dictum congue imperdiet posuere nulla, vulputate litora laoreet sit est rutrum vehicula ullamcorper auctor purus. Nisl nascetur proin placerat tristique dui consectetur gravida iaculis mus fringilla non et in, lorem consequat pellentesque montes rutrum vestibulum dictum dolor luctus nostra ligula augue, litora eget mauris eleifend aliquam vel aliquet nulla amet parturient habitasse fames. Luctus at a morbi lectus eget inceptos natoque, dictumst tristique varius vulputate ridiculus quam sodales, tempor eu tellus elementum elit mattis. Facilisis maximus enim nisl leo per cras sit lorem, taciti fames rhoncus habitant nam eleifend class etiam, fermentum integer mi elit ut tortor placerat. Quis suscipit nisl eros tristique fusce etiam lacus viverra accumsan, commodo ullamcorper venenatis enim natoque dapibus vehicula nostra efficitur, bibendum purus euismod nec justo et pretium egestas.
-
-Magna mattis scelerisque dui volutpat felis ligula nibh morbi id amet conubia, ullamcorper neque enim hendrerit pulvinar viverra faucibus gravida nostra nisl. Aptent et faucibus sed sollicitudin netus ipsum erat litora ad, ridiculus senectus suspendisse turpis tempus auctor fames maximus, dictumst tincidunt magna natoque vehicula iaculis enim tellus. Diam feugiat dui molestie placerat tempus pharetra, tortor conubia primis mauris vehicula tellus nascetur, quis nec dapibus class ac. Eleifend nisl dis volutpat et sollicitudin curae conubia sagittis egestas eu, consectetur placerat mollis quam ullamcorper rutrum magnis gravida ultrices turpis, tincidunt tempus nullam augue accumsan vitae tortor orci aptent. Fermentum curae commodo natoque ut nibh ligula venenatis, erat augue lacus tempor aliquam integer justo blandit, rhoncus feugiat vulputate class sagittis turpis. Mauris lorem leo euismod senectus scelerisque placerat adipiscing ac per elit ultricies, suscipit fames quis vulputate vitae odio nulla magnis nascetur lacus.
-
-Mattis aptent consectetur phasellus nibh morbi porta vestibulum, taciti sed cubilia duis dictumst at gravida lectus, ultricies sagittis nostra mi semper bibendum. Nostra est libero nibh mi tortor vehicula elementum penatibus orci auctor, ipsum ultrices interdum ut nascetur inceptos mollis aptent in nec diam, fermentum euismod tellus nullam finibus rutrum egestas magna class. Elit libero consequat aptent placerat elementum inceptos dictumst pretium sollicitudin, habitasse eleifend luctus pharetra feugiat sodales mollis maximus diam, leo dis pellentesque augue lacus velit bibendum amet. Pulvinar urna adipiscing scelerisque ullamcorper justo amet duis aliquam, dapibus suspendisse taciti bibendum dictumst hendrerit. Curae risus placerat fermentum iaculis facilisi ante class, sit ligula nullam adipiscing elementum tincidunt tempus, scelerisque potenti aliquam purus ac vulputate. Efficitur lacus sodales semper sed id tempus nulla accumsan in volutpat placerat iaculis, ultricies parturient inceptos purus dis vel sapien mattis viverra sollicitudin. Imperdiet nunc consequat posuere phasellus taciti luctus maecenas per eu, et ipsum aptent hendrerit dolor enim tortor ultrices orci primis, augue vivamus ornare senectus ridiculus mus penatibus eleifend. Adipiscing aliquam habitasse aenean auctor potenti rhoncus curabitur tristique elit commodo dapibus, diam ante tincidunt consectetur duis tellus nostra volutpat senectus amet, erat risus metus viverra massa vitae cubilia ac aptent turpis.
-
-Scelerisque luctus mollis ipsum faucibus nam neque amet risus montes consectetur, bibendum sed dis nascetur eros interdum maecenas vestibulum et ullamcorper vel, tincidunt senectus rutrum varius conubia inceptos duis egestas maximus. Lorem eu cubilia tempor vitae dolor felis ex, litora blandit eget congue quis habitant commodo integer, velit ac torquent sit lacus condimentum. Volutpat consequat amet rhoncus sit efficitur duis, lectus ante sapien maximus faucibus turpis pulvinar, ultricies ipsum vivamus dui class. Hac tincidunt est nisi magnis efficitur erat vulputate, auctor risus mauris molestie arcu sit euismod, eget bibendum blandit dignissim feugiat class. Auctor maximus euismod suscipit nam amet dolor congue posuere dictum montes hendrerit convallis nisl, nulla proin praesent tempor dui dignissim diam justo tellus efficitur blandit pretium. Nibh habitant mi eros nisl ad pulvinar laoreet, a augue leo congue tempus blandit dapibus, pretium nascetur eget condimentum arcu sociosqu. Odio efficitur neque fringilla quis morbi interdum lacus ultrices, ornare penatibus venenatis ac conubia pellentesque molestie posuere, turpis dictumst ad lorem per parturient suscipit. Risus feugiat urna aptent arcu leo ridiculus, ut sollicitudin sociosqu curabitur.
-
-Vulputate erat varius ligula tempus purus sollicitudin libero nisl turpis, feugiat nunc magna pharetra aenean auctor egestas. Posuere congue scelerisque tellus litora sed praesent dis, a nisl conubia gravida volutpat natoque, ornare nisi ut morbi at nascetur. Vel sollicitudin cubilia placerat tempor suscipit lectus lorem fusce ad convallis conubia, fringilla volutpat nisi scelerisque semper est ante purus tortor vitae, urna facilisis erat varius sodales potenti aenean fames ultricies ac. Placerat augue id pulvinar taciti neque fusce ornare volutpat, nam sodales dui aenean eget ipsum tempus, praesent lectus luctus auctor lacus metus inceptos. Ipsum fusce torquent bibendum primis maximus, accumsan magna consequat habitasse cras, aenean hac blandit porta. Erat potenti aenean ligula quam iaculis justo turpis ac condimentum purus vel elementum sodales, nam dictum ultricies primis eros aliquam mauris facilisis aptent dapibus in tempor etiam pulvinar, pellentesque dignissim integer augue inceptos cras aliquet amet feugiat orci litora hac. Placerat facilisi natoque torquent risus aliquam taciti inceptos sit, conubia ac elit nisi litora vulputate posuere cubilia montes, nascetur laoreet massa per pretium nisl potenti.
-
-Proin fames in ante augue mus cras lorem, per est habitant rutrum ornare facilisis tempus, fringilla amet congue mattis magnis metus. Dignissim ac vulputate lorem non conubia montes congue aliquam sagittis vivamus, libero egestas metus sed scelerisque id netus erat ad, purus phasellus in eleifend varius aptent pellentesque praesent luctus. Morbi varius turpis congue bibendum class etiam tempus euismod odio sollicitudin, consequat mi metus mauris posuere maecenas sed tellus lobortis blandit ullamcorper, litora nisl interdum accumsan aliquet ante dignissim vestibulum phasellus. Gravida ornare justo nisl ut rhoncus vehicula, vel urna interdum maximus aenean egestas, vitae scelerisque primis tempor tincidunt. Dolor placerat mi facilisis sem mattis imperdiet torquent ultrices rutrum elit, dictumst efficitur phasellus dictum sociosqu ornare est hac magnis amet, etiam integer faucibus ridiculus duis eros dui orci ut. Leo rutrum luctus litora montes aliquet ligula ut etiam commodo, fusce ultrices quis ac venenatis mauris sem interdum euismod ex, primis in habitant vehicula est tellus diam urna.
-
-Litora primis libero vel molestie hendrerit sit fermentum class dapibus pharetra, tristique hac risus tempus efficitur etiam accumsan tincidunt euismod neque duis, leo vehicula auctor inceptos nullam per felis parturient magnis. Cubilia facilisis porta ligula penatibus vitae risus ultricies dui pellentesque magnis dolor urna per eros tempor, ante massa curabitur libero purus blandit velit magna cras diam felis imperdiet quis. Sociosqu per inceptos taciti convallis aenean ante, bibendum facilisi ornare at imperdiet iaculis, nisl auctor et proin eu. Blandit cubilia maecenas sit praesent maximus phasellus, dapibus ad fermentum mauris nam inceptos sociosqu, in tristique a elit parturient. Pharetra sollicitudin rutrum sed dolor mattis, risus facilisi nascetur sem purus, sit pellentesque ac at. Aliquam molestie phasellus mi nisl suspendisse condimentum habitasse ultricies euismod, eget et fringilla mattis lacus gravida sodales penatibus tortor, magnis velit iaculis ante ullamcorper tristique inceptos varius. Lorem aliquet sapien suscipit scelerisque augue nam ut viverra tristique, est sollicitudin dis sagittis velit curabitur ridiculus mauris, hac risus massa nostra aptent dignissim vitae maecenas.
-
-Vulputate aptent facilisi magnis sem placerat turpis erat morbi neque, sed ac class ad dolor senectus mollis at ultricies, feugiat consectetur posuere lectus maximus nec sociosqu nam. Natoque sed vel mus lectus parturient feugiat class vulputate commodo, eros nisi luctus sociosqu neque porta hendrerit. Class sodales adipiscing accumsan magnis nisl venenatis aliquet parturient, ultrices hac elit tempus tristique libero sagittis ipsum, fames arcu mattis urna interdum phasellus nostra. Parturient nascetur erat pretium lorem habitasse pulvinar ridiculus aliquam vel, accumsan pellentesque euismod et magna ante curabitur lobortis, phasellus eros justo interdum mauris commodo risus auctor.
-
-In rhoncus tortor ipsum magna ac dictumst ultricies ante, sociosqu scelerisque laoreet aliquam nullam convallis ullamcorper et suscipit, egestas luctus iaculis mattis elit sapien placerat. Fermentum purus maecenas phasellus id ullamcorper varius ipsum litora est ridiculus, hac volutpat interdum fringilla in vehicula habitasse sodales finibus, natoque facilisi vestibulum mi congue lectus ut condimentum pulvinar. Mollis purus convallis bibendum conubia sapien risus eleifend mi, nisl etiam est fusce nisi commodo phasellus imperdiet senectus, felis aptent laoreet dapibus nunc hac viverra. Mi amet non curae adipiscing aliquam convallis at scelerisque congue, risus urna augue pharetra dictum cras feugiat lacus, lobortis arcu magna dui phasellus sapien vivamus primis. Tristique ad semper at fames pharetra auctor dolor eu, tortor dapibus pulvinar natoque imperdiet nunc venenatis lectus, primis cras sollicitudin elementum erat commodo dictum. Molestie euismod non aliquam scelerisque libero pellentesque sit venenatis, porta egestas ipsum semper massa nulla et ridiculus, at fringilla aenean imperdiet nibh dui consequat facilisis, rutrum amet tortor nisi in morbi fusce.
-
-Lectus bibendum molestie tincidunt et posuere felis tortor conubia velit aliquam lorem, tempus at sociosqu luctus tempor eu mauris ligula curae. Leo consectetur tortor curabitur nibh condimentum maximus enim penatibus orci augue aenean cras lectus, sapien etiam montes aptent mus mollis bibendum pulvinar suscipit interdum primis. Libero elit ac arcu varius consequat, dis urna blandit nostra suscipit nulla, tempor erat vehicula odio. Per sagittis maximus ac iaculis nec eu, sapien ut habitant consequat urna varius, aliquet nisl curabitur gravida class. Tempor parturient maecenas gravida torquent ornare, felis luctus nullam porta mattis, curae odio nisl non. Vitae per habitasse euismod dictum porta maecenas quis aptent, vulputate mus lectus dictumst ornare cras velit condimentum, natoque nunc habitant id mattis sit risus. Eu magnis id aliquet volutpat laoreet euismod bibendum maximus cubilia phasellus ridiculus elit senectus congue dictumst, vestibulum primis pellentesque vitae fringilla hac netus facilisis suscipit erat lectus dictum nam. Efficitur hendrerit netus mattis a fringilla purus, et rutrum sapien duis accumsan parturient, conubia mauris dapibus tincidunt maecenas. Tellus morbi consectetur ad ornare mus ipsum laoreet senectus vestibulum, luctus orci duis pellentesque auctor nullam scelerisque mattis mi, proin accumsan gravida fames neque elementum venenatis justo. Scelerisque urna elementum fermentum bibendum posuere turpis neque nec diam phasellus ut, elit vehicula leo tristique aptent nunc dapibus curabitur vitae mauris, id mus aliquet nulla facilisi volutpat odio erat felis dignissim. Vitae a ut vulputate ridiculus massa magnis curabitur, consectetur suscipit et conubia rhoncus rutrum netus, mi cras facilisis nunc sem nullam.
-
-Parturient sollicitudin rhoncus augue eget non semper, tortor id libero natoque per, massa duis dictumst tempus sapien. Pretium ad integer nulla suscipit ligula in gravida varius vel vitae viverra aenean ante, mattis dignissim sociosqu sodales potenti primis blandit aptent erat consectetur felis fringilla. Fusce nibh scelerisque tortor eu ipsum fringilla pharetra commodo fermentum purus ex, sollicitudin risus tempor rhoncus tristique sit porta ullamcorper netus pellentesque. Blandit quam adipiscing torquent leo dignissim nam urna habitant phasellus metus ridiculus eleifend, pretium libero at bibendum parturient pulvinar turpis lobortis velit nostra taciti. Magna vestibulum sodales nec laoreet parturient, lorem libero bibendum nullam fermentum, senectus sagittis fringilla faucibus. Convallis sagittis ante metus eleifend pulvinar faucibus montes aliquam fames iaculis pellentesque, urna aenean varius elit massa tincidunt ac nisi viverra curabitur. Pretium porta orci euismod duis egestas, luctus sapien morbi proin vitae eleifend, suscipit finibus turpis fames.
-
-Risus interdum quis dignissim vivamus sollicitudin taciti porta in, varius maecenas vel sed neque class litora ex enim, arcu adipiscing at eros tincidunt magnis vulputate. Efficitur suspendisse semper et nec varius tincidunt euismod placerat massa blandit, dis nam leo aliquet elementum eros vestibulum augue vivamus, interdum nibh ultricies sed erat consequat justo penatibus ad. Risus morbi integer quis curabitur parturient mollis dis eros molestie, hendrerit varius montes aliquet dolor maecenas dictumst ipsum nam, iaculis eu amet litora et imperdiet sodales urna. Urna morbi ex a ullamcorper odio ridiculus ipsum habitant, finibus fermentum ut facilisi cras dolor. Torquent metus fermentum semper litora fusce aliquet morbi accumsan eu amet condimentum fringilla, fames dapibus risus sociosqu sed etiam tortor vitae hac quis. Egestas metus neque nostra tortor eleifend placerat ultrices leo ligula sodales, felis orci augue bibendum diam commodo amet mi auctor, tincidunt posuere curabitur condimentum molestie dignissim consequat senectus vehicula. Nostra augue sodales ante vestibulum nisl ac curabitur erat vitae, ipsum enim velit habitasse finibus feugiat dictumst vulputate, tincidunt magna class vehicula imperdiet per pretium at.
diff --git a/frontend/src/app/routes/admin/admin/admin.component.scss b/frontend/src/app/routes/admin/admin/admin.component.scss
deleted file mode 100644
index e69de29..0000000
diff --git a/frontend/src/app/routes/routes.ts b/frontend/src/app/routes/routes.ts
index 740ba9e..1be710f 100644
--- a/frontend/src/app/routes/routes.ts
+++ b/frontend/src/app/routes/routes.ts
@@ -1,6 +1,6 @@
-import { AdminRouteModule } from './admin/admin.module';
 import { PageNotFoundRouteModule } from './pagenotfound/pagenotfound.module';
 import { ProcessingRouteModule } from './processing/processing.module';
+import { SettingsRouteModule } from './settings/settings.module';
 import { UploadRouteModule } from './upload/upload.module';
 import { UserRouteModule } from './user/user.module';
 import { ViewRouteModule } from './view/view.module';
@@ -11,5 +11,5 @@ export const routes = [
   ProcessingRouteModule,
   ViewRouteModule,
   UserRouteModule,
-  AdminRouteModule,
+  SettingsRouteModule,
 ];
diff --git a/frontend/src/app/routes/settings/settings-home/settings-home.component.html b/frontend/src/app/routes/settings/settings-home/settings-home.component.html
new file mode 100644
index 0000000..987fabb
--- /dev/null
+++ b/frontend/src/app/routes/settings/settings-home/settings-home.component.html
@@ -0,0 +1,2 @@
+<h1>Settings</h1>
+
diff --git a/frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.scss b/frontend/src/app/routes/settings/settings-home/settings-home.component.scss
similarity index 100%
rename from frontend/src/app/routes/admin/admin-sidebar/admin-sidebar.component.scss
rename to frontend/src/app/routes/settings/settings-home/settings-home.component.scss
diff --git a/frontend/src/app/routes/admin/admin/admin.component.ts b/frontend/src/app/routes/settings/settings-home/settings-home.component.ts
similarity index 50%
rename from frontend/src/app/routes/admin/admin/admin.component.ts
rename to frontend/src/app/routes/settings/settings-home/settings-home.component.ts
index dcef160..e9bd91b 100644
--- a/frontend/src/app/routes/admin/admin/admin.component.ts
+++ b/frontend/src/app/routes/settings/settings-home/settings-home.component.ts
@@ -4,10 +4,10 @@ import {
 } from '@angular/core';
 
 @Component({
-  templateUrl: './admin.component.html',
-  styleUrls: ['./admin.component.scss'],
+  templateUrl: './settings-home.component.html',
+  styleUrls: ['./settings-home.component.scss'],
 })
-export class AdminComponent implements OnInit {
+export class SettingsHomeComponent implements OnInit {
 
   constructor(
   ) {}
diff --git a/frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.html b/frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.html
new file mode 100644
index 0000000..2fd8a00
--- /dev/null
+++ b/frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.html
@@ -0,0 +1,6 @@
+<mat-nav-list>
+  <a mat-list-item routerLink="/settings" routerLinkActive="active">
+    <mat-icon mat-list-icon>settings</mat-icon>
+    <span mat-line>General</span>
+  </a>
+</mat-nav-list>
diff --git a/frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.scss b/frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.scss
new file mode 100644
index 0000000..c62b648
--- /dev/null
+++ b/frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.scss
@@ -0,0 +1,3 @@
+a {
+  margin-right: 1rem;
+}
diff --git a/frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.ts b/frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.ts
new file mode 100644
index 0000000..6c8261c
--- /dev/null
+++ b/frontend/src/app/routes/settings/settings-sidebar/settings-sidebar.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  templateUrl: './settings-sidebar.component.html',
+  styleUrls: ['./settings-sidebar.component.scss']
+})
+export class SettingsSidebarComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/frontend/src/app/routes/admin/admin.module.ts b/frontend/src/app/routes/settings/settings.module.ts
similarity index 52%
rename from frontend/src/app/routes/admin/admin.module.ts
rename to frontend/src/app/routes/settings/settings.module.ts
index e401a0a..f02f29c 100644
--- a/frontend/src/app/routes/admin/admin.module.ts
+++ b/frontend/src/app/routes/settings/settings.module.ts
@@ -3,19 +3,19 @@ import { NgModule } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatListModule } from '@angular/material/list';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { AdminSidebarComponent } from './admin-sidebar/admin-sidebar.component';
-import { AdminRoutingModule } from './admin.routing.module';
-import { AdminComponent } from './admin/admin.component';
+import { SettingsHomeComponent } from './settings-home/settings-home.component';
+import { SettingsSidebarComponent } from './settings-sidebar/settings-sidebar.component';
+import { SettingsRoutingModule } from './settings.routing.module';
 
 @NgModule({
-  declarations: [AdminComponent, AdminSidebarComponent],
+  declarations: [SettingsHomeComponent, SettingsSidebarComponent],
   imports: [
     CommonModule,
-    AdminRoutingModule,
+    SettingsRoutingModule,
     MatProgressSpinnerModule,
 
     MatListModule,
     MatIconModule,
   ],
 })
-export class AdminRouteModule {}
+export class SettingsRouteModule {}
diff --git a/frontend/src/app/routes/settings/settings.routing.module.ts b/frontend/src/app/routes/settings/settings.routing.module.ts
new file mode 100644
index 0000000..ff66d1f
--- /dev/null
+++ b/frontend/src/app/routes/settings/settings.routing.module.ts
@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { PRoutes } from 'src/app/models/picsur-routes';
+import { SettingsHomeComponent } from './settings-home/settings-home.component';
+import { SettingsSidebarComponent } from './settings-sidebar/settings-sidebar.component';
+
+const routes: PRoutes = [
+  {
+    path: 'settings',
+    component: SettingsHomeComponent,
+    data: {
+      sidebar: SettingsSidebarComponent,
+    },
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class SettingsRoutingModule {}
diff --git a/shared/src/dto/permissions.ts b/shared/src/dto/permissions.ts
index ddc1e2f..0d78e73 100644
--- a/shared/src/dto/permissions.ts
+++ b/shared/src/dto/permissions.ts
@@ -8,6 +8,8 @@ export enum Permission {
   UserMe = 'user-me', // Ability to view own user details and refresh token
   UserRegister = 'user-register', // Ability to register
 
+  Settings = 'settings', // Ability to view (personal) settings
+
   UserManage = 'user-manage', // Allow modification of users
   RoleManage = 'role-manage', // Allow modification of roles
   SysPrefManage = 'syspref-manage',
@@ -18,3 +20,10 @@ export enum Permission {
 export const PermissionsList: Permission[] = Object.values(Permission);
 
 export type Permissions = Permission[];
+
+// Compound permission lists
+export const AdminDashboardPermissions: Permissions = [
+  Permission.UserManage,
+  Permission.RoleManage,
+  Permission.SysPrefManage,
+];
diff --git a/shared/src/dto/roles.dto.ts b/shared/src/dto/roles.dto.ts
index 9575ced..b4a17b7 100644
--- a/shared/src/dto/roles.dto.ts
+++ b/shared/src/dto/roles.dto.ts
@@ -29,6 +29,7 @@ export const SystemRoleDefaults: {
     Permission.ImageView,
     Permission.UserMe,
     Permission.UserLogin,
+    Permission.Settings,
     Permission.ImageUpload,
   ],
   // Grant all permissions to admin
diff --git a/shared/src/util/permissions.ts b/shared/src/util/permissions.ts
index bfd1630..9b27fb3 100644
--- a/shared/src/util/permissions.ts
+++ b/shared/src/util/permissions.ts
@@ -1,5 +1,5 @@
 import { isArray, isEnum, isString } from 'class-validator';
-import { Permissions, PermissionsList } from '../dto/permissions';
+import { Permission, Permissions, PermissionsList } from '../dto/permissions';
 
 export function isPermissionsArray(value: any): value is Permissions {
   if (!isArray(value)) return false;
@@ -8,3 +8,12 @@ export function isPermissionsArray(value: any): value is Permissions {
     return false;
   return true;
 }
+
+export function HasAPermissionOf(
+  compoundPermission: Permissions,
+  yourPermissions: Permissions,
+): boolean {
+  return compoundPermission.some((permission: Permission) =>
+    yourPermissions.includes(permission),
+  );
+}