initial commit

src/app/ui/main/main.ui.html

@@ -0,0 +1,43 @@
+<mat-toolbar color="primary">
+  <mat-icon svgIcon="logo"></mat-icon>
+  <span>
+    {{'bstlboard' | i18n}}
+  </span>
+  <div *ngIf="auth && auth.authenticated">
+    <a mat-button routerLink="/">{{'top' | i18n}}</a>
+    <a mat-button routerLink="/new">{{'new' | i18n}}</a>
+    <a routerLink="/submit" mat-raised-button color="accent">{{'submission' |
+      i18n}}</a>
+  </div>
+  <span class="spacer"></span>
+  <ng-container>
+    <button mat-button [matMenuTriggerFor]="menu">
+      <mat-icon>settings</mat-icon>
+      <mat-icon>arrow_drop_down</mat-icon>
+    </button>
+    <mat-menu #menu="matMenu">
+      <a *ngIf="!auth || auth && !auth.authenticated" routerLink="/login" routerLinkActive="active" mat-menu-item>
+        <mat-icon>login</mat-icon> {{'login' | i18n}}
+      </a>
+      <a *ngIf="auth && auth.authenticated" routerLink="/settings" routerLinkActive="active" mat-menu-item>
+        <mat-icon>tune</mat-icon> {{'settings' | i18n}}
+      </a>
+      <mat-divider></mat-divider>
+      <a *ngFor="let locale of locales" mat-menu-item (click)="setLocale(locale)">{{'locale.' + locale + '.long' |
+        i18n}} <mat-icon inline=true *ngIf="locale == currentLocale">done</mat-icon></a>
+      <a mat-menu-item>
+        <mat-slide-toggle (change)="darkThemeChange($event)" [checked]="darkTheme  == 'true'">
+          {{'darkTheme' | i18n}}
+        </mat-slide-toggle>
+      </a>
+      <mat-divider *ngIf="auth && auth.authenticated"></mat-divider>
+      <a *ngIf="auth && auth.authenticated" (click)="logout()" mat-menu-item>
+        <mat-icon>exit_to_app</mat-icon> {{'logout' | i18n}}
+      </a>
+    </mat-menu>
+  </ng-container>
+</mat-toolbar>
+
+<div class="container" fxFlex>
+  <router-outlet></router-outlet>
+</div>