도메인 정렬

This commit is contained in:
이담 정 2022-08-08 02:12:44 +00:00
parent 8f57de6952
commit 9ce4c7abf5

View File

@ -17,8 +17,14 @@
>
<!-- Index -->
<ng-container matColumnDef="idx">
<th mat-header-cell *matHeaderCellDef>번호</th>
<td mat-cell *matCellDef="let info">
<th
mat-header-cell
*matHeaderCellDef
style="text-align: center"
>
번호
</th>
<td mat-cell *matCellDef="let info" style="text-align: center">
<span class="font-medium text-right">
{{ info.idx }}
</span>
@ -27,8 +33,14 @@
<!-- Domain -->
<ng-container matColumnDef="domain">
<th mat-header-cell *matHeaderCellDef>도메인</th>
<td mat-cell *matCellDef="let info">
<th
mat-header-cell
*matHeaderCellDef
style="text-align: center"
>
도메인
</th>
<td mat-cell *matCellDef="let info" style="text-align: center">
<span class="font-medium text-right">
{{ info.domain }}
</span>
@ -37,8 +49,14 @@
<!-- Design folder -->
<ng-container matColumnDef="designFolder">
<th mat-header-cell *matHeaderCellDef>디자인 폴더</th>
<td mat-cell *matCellDef="let info">
<th
mat-header-cell
*matHeaderCellDef
style="text-align: center"
>
디자인 폴더
</th>
<td mat-cell *matCellDef="let info" style="text-align: center">
<span class="font-medium text-right">
{{ info.designFolder }}
</span>
@ -47,8 +65,14 @@
<!-- Site name -->
<ng-container matColumnDef="siteName">
<th mat-header-cell *matHeaderCellDef>사이트명</th>
<td mat-cell *matCellDef="let info">
<th
mat-header-cell
*matHeaderCellDef
style="text-align: center"
>
사이트명
</th>
<td mat-cell *matCellDef="let info" style="text-align: center">
<span class="font-medium text-right">
{{ info.siteName }}
</span>
@ -57,8 +81,14 @@
<!-- Expiry date -->
<ng-container matColumnDef="expiryDate">
<th mat-header-cell *matHeaderCellDef>만료일</th>
<td mat-cell *matCellDef="let info">
<th
mat-header-cell
*matHeaderCellDef
style="text-align: center"
>
만료일
</th>
<td mat-cell *matCellDef="let info" style="text-align: center">
<span class="font-medium text-right">
{{ info.expiryDate }}
</span>
@ -67,8 +97,14 @@
<!-- Period of use -->
<ng-container matColumnDef="periodOfUse">
<th mat-header-cell *matHeaderCellDef>남은 기간</th>
<td mat-cell *matCellDef="let info">
<th
mat-header-cell
*matHeaderCellDef
style="text-align: center"
>
남은 기간
</th>
<td mat-cell *matCellDef="let info" style="text-align: center">
<span class="font-medium text-right">
{{ info.periodOfUse }}
</span>
@ -77,19 +113,37 @@
<!-- Memo -->
<ng-container matColumnDef="memo">
<th mat-header-cell *matHeaderCellDef>메모</th>
<td mat-cell *matCellDef="let info">
<th
mat-header-cell
*matHeaderCellDef
style="text-align: center"
>
메모
</th>
<td mat-cell *matCellDef="let info" style="text-align: center">
<div class="hidden sm:block truncate">
<mat-form-field class="">
<input id="memo" matInput value="{{ info.memo }}" />
</mat-form-field>
<button mat-flat-button [color]="'primary'">수정</button>
</div>
</td>
</ng-container>
<!-- Delete button -->
<ng-container matColumnDef="deleteBtn">
<th mat-header-cell *matHeaderCellDef>도메인 삭제</th>
<td mat-cell *matCellDef="let basicSetting">
<th
mat-header-cell
*matHeaderCellDef
style="text-align: center"
>
도메인 삭제
</th>
<td
mat-cell
*matCellDef="let basicSetting"
style="text-align: center"
>
<div class="hidden sm:block truncate">
<button mat-flat-button [color]="'primary'">
도메인삭제
@ -117,47 +171,45 @@
도메인 등록
</div>
<div>
<table class="min-w-240 overflow-y-visible">
<table>
<tr>
<th>도메인(필수)</th>
<th>디자인 폴더(옵션)</th>
<th>사이트명(옵션)</th>
<th>만료일(옵션)</th>
<th>메모(옵션)</th>
<th>도메인 등록</th>
<th [width]="217">도메인(필수)</th>
<th [width]="217">디자인 폴더(옵션)</th>
<th [width]="217">사이트명(옵션)</th>
<th [width]="217">만료일(옵션)</th>
<th [width]="217">메모(옵션)</th>
<th [width]="217">도메인 등록</th>
</tr>
<tr>
<td>
<td style="text-align: center">
<mat-form-field>
<input id="domain" matInput
/></mat-form-field>
</td>
<td>
<td style="text-align: center">
<mat-form-field>
<input id="designFolder" matInput
/></mat-form-field>
</td>
<td>
<td style="text-align: center">
<mat-form-field>
<input id="siteName" matInput />
</mat-form-field>
</td>
<td>
<td style="text-align: center">
<mat-form-field>
<input id="expiryDate" matInput />
</mat-form-field>
</td>
<td>
<td style="text-align: center">
<mat-form-field>
<input id="memo" matInput />
</mat-form-field>
</td>
<td>
<div class="hidden sm:block truncate">
<td style="text-align: center">
<button mat-flat-button [color]="'primary'">
도메인등록
</button>
</div>
</td>
</tr>
</table>