member_webapp/src/packages/member/component/settings/totp/totp.component.html

<p-dialog header="{{headerItem}}" [modal]="true" [width]="1200" [(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" style="padding: 2em;border-bottom: 1px solid #d9d9d9">
      <!--<div class="ui-g-12 ui-md-3" style="text-align:left">-->
      <!--</div>-->
      <div class="ui-g-12 ui-md-8 car-details">
        <div class="ui-g">
          <div class="ui-g-2 ui-sm-6">{{item.name }} </div>
          <div class="ui-g-2 ui-sm-8">{{item.value }}</div>
          <div class="ui-g-2 ui-sm-8">{{item.description }}</div>
        </div>
      </div>

      <div class="ui-g-12 ui-md-1 search-icon" style="text-align:right">
        <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>