Cobbler Frontend Docs
  1. Components
  2. ManageMenuComponent

File

projects/cobbler-frontend/src/app/manage-menu/manage-menu.component.ts

Metadata

selector cobbler-manage-menu
standalone true
imports CommonModule RouterModule RouterOutlet MatSidenavModule MatDividerModule MatToolbarModule MatNavList NavbarComponent MatListModule MatIconModule
styleUrls ./manage-menu.component.css
templateUrl ./manage-menu.component.html

Index

Properties

Constructor

constructor(router: Router)
Defined in projects/cobbler-frontend/src/app/manage-menu/manage-menu.component.ts:29
Parameters :
Name Type Optional
router Router No

Properties

Public router
Type : Router
Defined in projects/cobbler-frontend/src/app/manage-menu/manage-menu.component.ts:30
 
import { CommonModule } from '@angular/common';
import { Component } from '@angular/core';
import { MatDividerModule } from '@angular/material/divider';
import { MatListModule, MatNavList } from '@angular/material/list';
import { MatSidenavModule } from '@angular/material/sidenav';
import { MatToolbarModule } from '@angular/material/toolbar';
import { Router, RouterModule, RouterOutlet } from '@angular/router';
import { NavbarComponent } from '../navbar/navbar.component';
import { MatIconModule } from '@angular/material/icon';

@Component({
  selector: 'cobbler-manage-menu',
  templateUrl: './manage-menu.component.html',
  styleUrls: ['./manage-menu.component.css'],
  standalone: true,
  imports: [
    CommonModule,
    RouterModule,
    RouterOutlet,
    MatSidenavModule,
    MatDividerModule,
    MatToolbarModule,
    MatNavList,
    NavbarComponent,
    MatListModule,
    MatIconModule,
  ],
})
export class ManageMenuComponent {
  constructor(public router: Router) {}
}

<mat-sidenav-container class="full-height">
  <mat-sidenav #sidenav mode="over">
    <mat-toolbar>
      <mat-toolbar-row>
        <h2>Cobbler</h2>
      </mat-toolbar-row>
    </mat-toolbar>

    <mat-nav-list>
      <h2 matSubheader>Configuration</h2>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/items', 'distro']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Distros
      </a>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/items', 'profile']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Profiles
      </a>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/items', 'system']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Systems
      </a>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/items', 'repository']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Repos
      </a>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/items', 'image']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Images
      </a>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/items', 'template']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Templates
      </a>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/items', 'snippet']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Snippets
      </a>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/items', 'management-class']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Management Classes
      </a>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/items', 'menu']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Menus
      </a>
      <a
        mat-list-item
        class="nav-link"
        aria-current="page"
        [routerLink]="['/settings']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#187;</b>
        Settings
      </a>
      <mat-divider></mat-divider>
      <h2 matSubheader>Resources</h2>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/items', 'package']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#8620;</b>
        Packages
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/items', 'file']"
        [routerLinkActive]="'is-active'"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#8620;</b>
        Files
      </a>
      <mat-divider></mat-divider>
      <h2 matSubheader>Actions</h2>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'import']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#9881;</b>
        Import DVD
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'sync']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#9881;</b>
        Sync
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'reposync']"
        (click)="sidenav.close()"
        ><b class="symbol">&#9881;</b>
        Reposync
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'buildiso']"
        (click)="sidenav.close()"
        ><b class="symbol">&#9881;</b>
        Build ISO
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'hardlink']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#9881;</b>
        Hardlink
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'mkloaders']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#9881;</b>
        Mkloaders
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'validate-autoinstalls']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#9881;</b>
        Validate Autoinstalls
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'replicate']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#9881;</b>
        Replicate
      </a>
      <mat-divider></mat-divider>
      <h2 matSubheader>Cobbler</h2>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'check']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#8646;</b>
        Check
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/actions', 'status']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#8646;</b>
        Status
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/events']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#8646;</b>
        Events
      </a>
      <a
        mat-list-item
        class="nav-link"
        [routerLink]="['/signatures']"
        (click)="sidenav.close()"
      >
        <b class="symbol">&#8646;</b>
        Signatures
      </a>
      <a
        mat-list-item
        class="nav-link"
        href="https://cobbler.readthedocs.io/en/latest/"
        target="_blank"
      >
        <b class="symbol">&#8646;</b>
        Documentation
      </a>
      <a
        mat-list-item
        class="nav-link"
        href="https://gitter.im/cobbler/community"
        target="_blank"
      >
        <b class="symbol">&#8646;</b>
        Online Help Chat
      </a>
      <mat-divider></mat-divider>
    </mat-nav-list>
  </mat-sidenav>

  <mat-sidenav-content>
    @if (router.url !== "/login") {
      <cobbler-navbar (toggleSidenav)="sidenav.toggle()"></cobbler-navbar>
    }

    <div class="content">
      <router-outlet></router-outlet>
    </div>
  </mat-sidenav-content>
</mat-sidenav-container>

./manage-menu.component.css 

.content {
  margin: 32px;
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""