Skip to content

H
Hire-Guru
Commit cccb180b authored by Aravind RK's avatar Aravind RK
Browse files
Options

feat : added button and functionality to download the

parent 831930da
Hide whitespace changes
Inline Side-by-side
Showing with 60 additions and 4 deletions
Frontend/src/app/pages/admin/user-history/user-history.css
View file @ cccb180b
...@@ -422,6 +422,34 @@ ...@@ -422,6 +422,34 @@
color: #8b9cf7; color: #8b9cf7;
} }
.btn-eval-download {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1px solid rgba(102, 126, 234, 0.2);
border-radius: 10px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
}
.btn-eval-download:hover {
background: #667eea;
color: #fff;
border-color: #667eea;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
}
.btn-eval-download .material-symbols-rounded {
font-size: 18px;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.page-container { .page-container {
padding: 24px 16px; padding: 24px 16px;
......
Frontend/src/app/pages/admin/user-history/user-history.html
View file @ cccb180b
...@@ -124,8 +124,8 @@ ...@@ -124,8 +124,8 @@
View Quizzes <span class="material-symbols-rounded" style="font-size:16px;vertical-align:middle;">arrow_forward</span> View Quizzes <span class="material-symbols-rounded" style="font-size:16px;vertical-align:middle;">arrow_forward</span>
</button> </button>
@if (hasEvaluations(interview)) { @if (hasEvaluations(interview)) {
<button class="view-btn" style="background:var(--accent,#4472C4);color:#fff;border-color:#3360b0;" (click)="downloadEvaluationForm(interview)"> <button class="btn-eval-download" (click)="downloadEvaluationForm(interview)" title="Download Evaluation Form">
<span class="material-symbols-rounded" style="font-size:16px;vertical-align:middle;">download</span> Eval Form <span class="material-symbols-rounded">download</span> Evaluation Form
</button> </button>
} }
</div> </div>
......
Frontend/src/app/pages/hr/user-history/user-history.css
View file @ cccb180b
...@@ -422,6 +422,34 @@ ...@@ -422,6 +422,34 @@
color: #8b9cf7; color: #8b9cf7;
} }
.btn-eval-download {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
background: rgba(102, 126, 234, 0.1);
color: #667eea;
border: 1px solid rgba(102, 126, 234, 0.2);
border-radius: 10px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
}
.btn-eval-download:hover {
background: #667eea;
color: #fff;
border-color: #667eea;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
}
.btn-eval-download .material-symbols-rounded {
font-size: 18px;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.page-container { .page-container {
padding: 24px 16px; padding: 24px 16px;
......
Frontend/src/app/pages/hr/user-history/user-history.html
View file @ cccb180b
...@@ -124,8 +124,8 @@ ...@@ -124,8 +124,8 @@
View Quizzes <span class="material-symbols-rounded" style="font-size:16px;vertical-align:middle;">arrow_forward</span> View Quizzes <span class="material-symbols-rounded" style="font-size:16px;vertical-align:middle;">arrow_forward</span>
</button> </button>
@if (hasEvaluations(interview)) { @if (hasEvaluations(interview)) {
<button class="view-btn" style="background:var(--accent,#4472C4);color:#fff;border-color:#3360b0;" (click)="downloadEvaluationForm(interview)"> <button class="btn-eval-download" (click)="downloadEvaluationForm(interview)" title="Download Evaluation Form">
<span class="material-symbols-rounded" style="font-size:16px;vertical-align:middle;">download</span> Eval Form <span class="material-symbols-rounded">download</span> Evaluation Form
</button> </button>
} }
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment