### File

`src/app/resource/partition-detail/partition-detail.component.ts`

### Implements

`OnInit`

### Metadata

encapsulation | `ViewEncapsulation.None`
selector | `hi-partition-detail`
styleUrls | `./partition-detail.component.scss`
templateUrl | `./partition-detail.component.html`

### Index

###### Properties
headerHeight rowHeight
###### Methods
ngOnInit
###### Inputs
clusterName partition

### Constructor

`constructor()`
Defined in src/app/resource/partition-detail/partition-detail.component.ts:17

### Inputs

clusterName
Type : `string`
Defined in src/app/resource/partition-detail/partition-detail.component.ts:13

partition
Type : `Partition`
Defined in src/app/resource/partition-detail/partition-detail.component.ts:14

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/resource/partition-detail/partition-detail.component.ts:21
Returns : `void`

### Properties

headerHeight
Default value : `Settings.tableHeaderHeight`
Defined in src/app/resource/partition-detail/partition-detail.component.ts:16

rowHeight
Default value : `Settings.tableRowHeight`
Defined in src/app/resource/partition-detail/partition-detail.component.ts:17

    import { Component, OnInit, Input, ViewEncapsulation } from '@angular/core';

    import { Settings } from '../../core/settings';
    import { Partition, IReplica } from '../shared/resource.model';

    @Component({
      selector: 'hi-partition-detail',
      templateUrl: './partition-detail.component.html',
      styleUrls: ['./partition-detail.component.scss'],
      encapsulation: ViewEncapsulation.None,
    })
    export class PartitionDetailComponent implements OnInit {
      @Input() clusterName: string;
      @Input() partition: Partition;

      headerHeight = Settings.tableHeaderHeight;
      rowHeight = Settings.tableRowHeight;

      constructor() {}

      ngOnInit() {}
    }

    <!--
      ~ Licensed to the Apache Software Foundation (ASF) under one
      ~ or more contributor license agreements.  See the NOTICE file
      ~ distributed with this work for additional information
      ~ regarding copyright ownership.  The ASF licenses this file
      ~ to you under the Apache License, Version 2.0 (the
      ~ "License"); you may not use this file except in compliance
      ~ with the License.  You may obtain a copy of the License at
      ~
      ~     http://www.apache.org/licenses/LICENSE-2.0
      ~
      ~ Unless required by applicable law or agreed to in writing,
      ~ software distributed under the License is distributed on an
      ~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
      ~ KIND, either express or implied.  See the License for the
      ~ specific language governing permissions and limitations
      ~ under the License.
      -->

    <ngx-datatable
      class="material"
      [headerHeight]="headerHeight"
      [rowHeight]="rowHeight"
      columnMode="force"
      [rows]="partition?.replicas"
    >
      <ngx-datatable-column
        name="Replica"
        [width]="80"
        [resizeable]="false"
        [canAutoResize]="false"
      >
        <ng-template
          let-row="row"
          let-rowIndex="rowIndex"
          ngx-datatable-cell-template
        >
          <strong>#{{ rowIndex + 1 }}</strong>
        </ng-template>
      </ngx-datatable-column>
      <ngx-datatable-column name="Instance" prop="instanceName">
        <ng-template let-value="value" ngx-datatable-cell-template>
          {{ value }}
          <a
            mat-icon-button
            color="accent"
            [routerLink]="['../../..', 'instances', value, 'resources']"
          >
            <mat-icon>arrow_forward</mat-icon>
          </a>
        </ng-template>
      </ngx-datatable-column>
      <ngx-datatable-column
        name="External View"
        [width]="120"
        [resizeable]="false"
        [canAutoResize]="false"
      >
        <ng-template let-row="row" ngx-datatable-cell-template>
          <hi-state-label
            [state]="row.externalView"
            [isReady]="row.externalView && row.externalView == row.idealState"
          ></hi-state-label>
        </ng-template>
      </ngx-datatable-column>
      <ngx-datatable-column
        name="Ideal State"
        [width]="120"
        [resizeable]="false"
        [canAutoResize]="false"
      >
        <ng-template let-row="row" ngx-datatable-cell-template>
          <hi-state-label
            [state]="row.idealState"
            [isReady]="row.externalView && row.externalView == row.idealState"
          ></hi-state-label>
        </ng-template>
      </ngx-datatable-column>
    </ngx-datatable>

`./partition-detail.component.scss`

    hi-partition-detail {
      .datatable-body-cell {
        line-height: 40px !important;
      }
    }

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""