|
@@ -0,0 +1,112 @@
|
|
|
+<div class="container">
|
|
|
+ <header class="header">Header</header>
|
|
|
+ <div class="content">
|
|
|
+ <div class="sider">
|
|
|
+ <div class="card">
|
|
|
+ <div class="header">
|
|
|
+ <div class="resume">
|
|
|
+ <h4>我的简历</h4>
|
|
|
+ </div>
|
|
|
+ <div class="buttons">
|
|
|
+ <button nz-button class="upload-button" (click)="showModal()">上传文件</button>
|
|
|
+ <nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()"
|
|
|
+ (nzOnOk)="handleOk()">
|
|
|
+ <ng-container *nzModalContent>
|
|
|
+ <nz-upload
|
|
|
+ nzType="drag"
|
|
|
+ [nzMultiple]="true"
|
|
|
+ nzAction="https://www.mocky.io/v2/5cc8019d300000980a055e76"
|
|
|
+ (nzChange)="handleChange($event)">
|
|
|
+ <p class="ant-upload-drag-icon">
|
|
|
+ <span nz-icon nzType="inbox"></span>
|
|
|
+ </p>
|
|
|
+ <p class="ant-upload-text">点击区域即可选择文件上传</p>
|
|
|
+ <p class="ant-upload-hint">
|
|
|
+ 提供拖拽上传
|
|
|
+ </p>
|
|
|
+ </nz-upload>
|
|
|
+ </ng-container>
|
|
|
+ </nz-modal>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <hr class="divider"/>
|
|
|
+ <div class="image-list">
|
|
|
+
|
|
|
+ <div style="display: flex; justify-content: space-between;">
|
|
|
+ <div style="margin-bottom: 10px">
|
|
|
+ <nz-checkbox nz-checkbox [(ngModel)]="selectAllChecked"
|
|
|
+ (ngModelChange)="toggleAllChecked()"
|
|
|
+ [nzIndeterminate]="selectAllIndeterminate"></nz-checkbox>
|
|
|
+ <span>全选</span>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <button class="edit-button" (click)="deleteInterview()" [hidden]="!showDeleteButton">删除</button>
|
|
|
+ <app-comp-modal [title]="'温馨提示'"
|
|
|
+ [content]="'请问您真的要删除他吗'"
|
|
|
+ [isShow]=interviewDelete
|
|
|
+ ></app-comp-modal>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <nz-divider></nz-divider>
|
|
|
+
|
|
|
+ <div *ngFor="let image of images" class="image" (click)="navigateToImageDetails(image)">
|
|
|
+
|
|
|
+ <nz-checkbox nz-checkbox [(ngModel)]="image.checked" (ngModelChange)="updateSingleChecked()"></nz-checkbox>
|
|
|
+ <div class="image-details">
|
|
|
+ <a [routerLink]="['/home/resumeBuild', image.id]">
|
|
|
+ <img src="{{ image.url }}" alt="{{ image.title }}"/>
|
|
|
+ </a>
|
|
|
+ <div>
|
|
|
+ <h2>{{ image.title }}</h2>
|
|
|
+ <p>{{ image.description }}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <nz-button-group>
|
|
|
+ <a nz-dropdown [nzDropdownMenu]="menu2" nzPlacement="bottomRight" [nzTrigger]="'hover'">
|
|
|
+ <span nz-icon style="width: 2px;height: 2px" nzType="menu" nzTheme="outline"></span>
|
|
|
+ </a>
|
|
|
+ </nz-button-group>
|
|
|
+ <nz-dropdown-menu #menu2="nzDropdownMenu">
|
|
|
+ <div class="container">
|
|
|
+ <div class="row">
|
|
|
+ <button class="button">
|
|
|
+ <div class="icon">
|
|
|
+ <span nz-icon nzType='edit' nzTheme="outline"></span>
|
|
|
+ </div>
|
|
|
+ <div class="text">重命名</div>
|
|
|
+ </button>
|
|
|
+ <button class="button">
|
|
|
+ <div class="icon">
|
|
|
+ <span nz-icon nzType='share-alt' nzTheme="outline"></span>
|
|
|
+ </div>
|
|
|
+ <div class="text">分享</div>
|
|
|
+ </button>
|
|
|
+ <button class="button">
|
|
|
+ <div class="icon">
|
|
|
+ <span nz-icon nzType='delete' style="color: red" nzTheme="outline"></span>
|
|
|
+ </div>
|
|
|
+ <div class="text" style="color: red">删除</div>
|
|
|
+ </button>
|
|
|
+ <button class="button">
|
|
|
+ <div class="icon">
|
|
|
+ <span nz-icon nzType='download' nzTheme="outline"></span>
|
|
|
+ </div>
|
|
|
+ <div class="text">下载</div>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </nz-dropdown-menu>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="main-content">
|
|
|
+ <nz-tabset>
|
|
|
+ <nz-tab nzTitle="Tab 1">Content of Tab Pane 1</nz-tab>
|
|
|
+ <nz-tab nzTitle="Tab 2">Content of Tab Pane 2</nz-tab>
|
|
|
+ <nz-tab nzTitle="Tab 3">Content of Tab Pane 3</nz-tab>
|
|
|
+ </nz-tabset>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|