aswi2021codebakers-gitlab/src/app/setting/component/setting.component.ts @ 5aeb60a5

import { Component, OnInit } from '@angular/core';
import {Router} from "@angular/router";
import {DialogComponent} from "../../dialog/component/dialog.component";
import {MatDialog} from "@angular/material/dialog";

@Component({
  selector: 'app-setting',
  templateUrl: './setting.component.html',
  styleUrls: ['./setting.component.scss']
})
export class SettingComponent implements OnInit {

  files =
    [
      {
        "data":{
          "name":"Unit 1",
          "size":"75",
          "type":"Type 0"
        },
        "children":[
          {
            "data":{
              "name":"Senzor 1",
              "size":"55",
              "type":"Type 1"
            }
          },
          {
            "data":{
              "name":"Senzor 2",
              "size":"24",
              "type":"Type 2"
            }
          },
          {
            "data":{
              "name":"Senzor 3",
              "size":"20",
              "type":"Type 1"
            }
          }
        ]
      },
      {
        "data":{
          "name":"Unit 2",
          "size":"150",
          "type":"Type 1"
        },
        "children":[
          {
            "data":{
              "name":"sensor 4",
              "size":"90",
              "type":"Type 4"
            }
          },
          {
            "data":{
              "name":"sensor 5",
              "size":"30",
              "type":"Type 4"
            }
          }
        ]
      }
    ]

  cols = [
    { field: 'name', header: 'Name' },
    { field: 'size', header: 'ID' },
    { field: 'type', header: 'Type' }
  ];
  data = [{
    "data":
      [
        {
          "data":{
            "name":"Documents",
            "size":"75kb",
            "type":"Folder"
          },
          "children":[
            {
              "data":{
                "name":"Work",
                "size":"55kb",
                "type":"Folder"
              },
              "children":[
                {
                  "data":{
                    "name":"Expenses.doc",
                    "size":"30kb",
                    "type":"Document"
                  }
                },
                {
                  "data":{
                    "name":"Resume.doc",
                    "size":"25kb",
                    "type":"Resume"
                  }
                }
              ]
            },
            {
              "data":{
                "name":"Home",
                "size":"20kb",
                "type":"Folder"
              },
              "children":[
                {
                  "data":{
                    "name":"Invoices",
                    "size":"20kb",
                    "type":"Text"
                  }
                }
              ]
            }
          ]
        },
        {
          "data":{
            "name":"Pictures",
            "size":"150kb",
            "type":"Folder"
          },
          "children":[
            {
              "data":{
                "name":"barcelona.jpg",
                "size":"90kb",
                "type":"Picture"
              }
            },
            {
              "data":{
                "name":"primeui.png",
                "size":"30kb",
                "type":"Picture"
              }
            },
            {
              "data":{
                "name":"optimus.jpg",
                "size":"30kb",
                "type":"Picture"
              }
            }
          ]
        }
      ]
  }]
  items = [
    {
      label: 'Units',
      items: [
        [
          {
            label: 'units 1',
            items: [{label: 'sensor 1.1'}, {label: 'sensor 1.2'}]
          },
          {
            label: 'units 2',
            items: [{label: 'sensor 2.1'}, {label: 'sensor 2.2'}]
          }
        ],
        [
          {
            label: 'units 3',
            items: [{label: 'sensor 3.1'}, {label: 'sensor 3.2'}]
          },
          {
            label: 'units 4',
            items: [{label: 'sensor 4.1'}, {label: 'sensor 4.2'}]
          }
        ]
      ]
    },
    {
      label: 'Menu Item',
      items: [
        [
          {
            label: 'Event 1',
            items: [{label: 'Event 1.1'}, {label: 'Event 1.2'}]
          },
          {
            label: 'Event 2',
            items: [{label: 'Event 2.1'}, {label: 'Event 2.2'}]
          }
        ],
        [
          {
            label: 'Event 3',
            items: [{label: 'Event 3.1'}, {label: 'Event 3.2'}]
          },
          {
            label: 'Event 4',
            items: [{label: 'Event 4.1'}, {label: 'Event 4.2'}]
          }
        ]
      ]
    },
    {
      label: 'Settings', icon: 'pi pi-fw pi-cog', command: () => this.openSetting()
    }
  ]

  constructor(private router: Router,
              private dialog: MatDialog) { }

  ngOnInit(): void {
  }

  openSetting() {
    this.router.navigate(['/setting']);
  }

  openDialog() {
    this.dialog.open(DialogComponent);
  }
}