member_webapp/@overflow/member/component/settings/totp/totp.component.html

<h1>Settings</h1>
<p-dialog header="{{headerItem}}" [modal]="true" [width]="800" [(visible)]="totpSettingDisplay" [showHeader]="true" [closeOnEscape]="false">
  <of-config-setting [selectedItem]="selectedItem" (close)="onTotpSettingClose()"></of-config-setting>
</p-dialog>

<p-dataView [value]="lists" [paginator]="false" [rows]="5">
  <p-header>이중보안</p-header>

  <ng-template let-item pTemplate="listItem">
    <div class="ui-g ui-bottom-border-1" style="padding: 2em;">
      <!--<div class="ui-g-12 ui-md-3" style="text-align:left">-->
      <!--</div>-->
      <div class="ui-g-2 ui-sm-6">{{item.name }} </div>
      <div class="ui-g-3 ui-sm-6">{{item.value }}</div>
      <div class="ui-g-5 ui-sm-6">{{item.description }}</div>

      <div class="ui-g-2 ui-sm-6">
        <button pButton type="button" label="Add" icon="ui-icon-add" (click)="on2factorConfig($event, item)"></button>

        <!--<button pButton type="button" label="Add" icon="ui-icon-add" (click)="selectCar($event, car)"></button>-->
      </div>
    </div>
  </ng-template>
</p-dataView>