Skip to content

M
mySkill-x
Commit ad31784b by Ooh-Ao
Options

update

parent ad39fb9d
Showing with 21 additions and 81 deletions
src/app/components/dashboard/dashboard.module.ts
......@@ -177,6 +177,7 @@ import { PmsCompetencyComponent } from '../performance-evaluation/pms-form-emplo
import { PmsKpiComponent } from '../performance-evaluation/pms-form-employee/pms-kpi/pms-kpi.component';
import { PmsIdpComponent } from '../performance-evaluation/pms-form-employee/pms-idp/pms-idp.component';
import { PmsSummaryComponent } from '../performance-evaluation/pms-form-employee/pms-summary/pms-summary.component';
import { BarRatingModule } from 'ngx-bar-rating';
export const MY_DATE_FORMATS = {
parse: {
......@@ -335,7 +336,8 @@ export class CustomDateAdapter extends NativeDateAdapter {
GridModule,
DropDownListModule,
RatingModule,
MatDialogModule
MatDialogModule,
BarRatingModule
],
providers: [
Bu1Service,
......
src/app/components/performance-evaluation/pms-form-employee/pms-form-employee.component.html
......@@ -8,7 +8,7 @@
<span
class="absolute top-5 ltr:right-5 rtl:left-5 flex p-3 rounded-sm ring-1 ring-black/10 text-white bg-black/10 leading-none">
<i class="ri ri-pencil-line ltr:mr-2 rtl:ml-2"></i>
<span>Change Profile Pic</span>
<span>เลือกผู้ประเมิน</span>
<input (change)="onSelectFile2($event)" type="file" name="photo"
class="absolute inset-0 w-full h-full opacity-0 cursor-pointer" id="profile-change2" />
</span>
......@@ -31,89 +31,27 @@
<p class="text-xs text-white/50">andersonitumay@abc.com</p>
</div>
<div class="flex space-x-2 rtl:space-x-reverse text-center justify-center">
<div class="text-yellow-500 text-base hover:text-yellow-500">
<i class="ri-star-fill"></i>
</div>
<div class="text-yellow-500 text-base hover:text-yellow-500">
<i class="ri-star-fill"></i>
</div>
<div class="text-yellow-500 text-base hover:text-yellow-500">
<i class="ri-star-fill"></i>
</div>
<div class="text-yellow-500 text-base hover:text-yellow-500">
<i class="ri-star-fill"></i>
</div>
<div class="text-yellow-500 text-base hover:text-yellow-500">
<i class="ri-star-fill"></i>
</div>
</div>
<div class="flex space-x-1 rtl:space-x-reverse justify-center text-center">
<div class="hs-tooltip ti-main-tooltip">
<button type="button"
class="hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10">
<i class="ri ri-github-line text-lg leading-none"></i>
<span
class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700 hidden"
role="tooltip" data-popper-placement="top" style="
position: fixed;
inset: auto auto 0px 0px;
margin: 0px;
transform: translate(823px, -92px);
">
Github
</span>
</button>
</div>
<div class="hs-tooltip ti-main-tooltip">
<button type="button"
class="hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10">
<i class="ri ri-instagram-line text-lg leading-none"></i>
<span
class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700"
role="tooltip" data-popper-placement="top" style="
position: fixed;
inset: auto auto 0px 0px;
margin: 0px;
transform: translate(823px, -92px);
">
Instagram
</span>
<div id="stars-hover">
<div class="cont">
<div class="stars">
<bar-rating
[(rate)]="starRate"
[max]="5"
[theme]="'stars'"
></bar-rating>
<button
type="button"
aria-label="button"
class="ti-btn ti-btn-soft-success py-1 px-2 ltr:!ml-3 rtl:!mr-3 mt-1 "
id="rater-reset-button"
>
<i>Grade: A</i>
</button>
</div>
<div class="hs-tooltip ti-main-tooltip">
<button type="button"
class="hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10">
<i class="ri ri-twitter-line text-lg leading-none"></i>
<span
class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700"
role="tooltip">
Twitter
</span>
</button>
</div>
<div class="hs-tooltip ti-main-tooltip">
<button type="button"
class="hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10">
<i class="ri ri-linkedin-line text-lg leading-none"></i>
<span
class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700"
role="tooltip">
Linkedin
</span>
</button>
</div>
<div class="hs-tooltip ti-main-tooltip">
<button type="button"
class="hs-tooltip-toggle m-0 rounded-full p-2 ti-btn ti-btn-outline ring-white/10 text-white bg-white/10 border-white/10">
<i class="ri ri-facebook-circle-line text-lg leading-none"></i>
<span
class="hs-tooltip-content ti-main-tooltip-content py-1 px-2 bg-gray-900 text-xs font-medium text-white shadow-sm dark:bg-slate-700"
role="tooltip">
Facebook
</span>
</button>
</div>
</div>
</div>
<!-- Start::main-content -->
......
src/app/components/performance-evaluation/pms-form-employee/pms-form-employee.component.ts
......@@ -6,7 +6,7 @@ import { Component } from '@angular/core';
styleUrls: ['./pms-form-employee.component.scss']
})
export class PmsFormEmployeeComponent {
starRate = 5;
url1 = '';
onSelectFile1(event: any) {
if (event.target && event.target.files && event.target.files[0]) {
......
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