도메인 정렬

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

View File

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