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 ...@@ -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 { 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 { 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 { PmsSummaryComponent } from '../performance-evaluation/pms-form-employee/pms-summary/pms-summary.component';
import { BarRatingModule } from 'ngx-bar-rating';
export const MY_DATE_FORMATS = { export const MY_DATE_FORMATS = {
parse: { parse: {
...@@ -335,7 +336,8 @@ export class CustomDateAdapter extends NativeDateAdapter { ...@@ -335,7 +336,8 @@ export class CustomDateAdapter extends NativeDateAdapter {
GridModule, GridModule,
DropDownListModule, DropDownListModule,
RatingModule, RatingModule,
MatDialogModule MatDialogModule,
BarRatingModule
], ],
providers: [ providers: [
Bu1Service, Bu1Service,
......
src/app/components/performance-evaluation/pms-form-employee/pms-form-employee.component.html
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<span <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"> 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> <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" <input (change)="onSelectFile2($event)" type="file" name="photo"
class="absolute inset-0 w-full h-full opacity-0 cursor-pointer" id="profile-change2" /> class="absolute inset-0 w-full h-full opacity-0 cursor-pointer" id="profile-change2" />
</span> </span>
...@@ -31,89 +31,27 @@ ...@@ -31,89 +31,27 @@
<p class="text-xs text-white/50">andersonitumay@abc.com</p> <p class="text-xs text-white/50">andersonitumay@abc.com</p>
</div> </div>
<div class="flex space-x-2 rtl:space-x-reverse text-center justify-center"> <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"> <div id="stars-hover">
<i class="ri-star-fill"></i> <div class="cont">
</div> <div class="stars">
<div class="text-yellow-500 text-base hover:text-yellow-500"> <bar-rating
<i class="ri-star-fill"></i> [(rate)]="starRate"
</div> [max]="5"
<div class="text-yellow-500 text-base hover:text-yellow-500"> [theme]="'stars'"
<i class="ri-star-fill"></i> ></bar-rating>
</div> <button
<div class="text-yellow-500 text-base hover:text-yellow-500"> type="button"
<i class="ri-star-fill"></i> aria-label="button"
</div> class="ti-btn ti-btn-soft-success py-1 px-2 ltr:!ml-3 rtl:!mr-3 mt-1 "
<div class="text-yellow-500 text-base hover:text-yellow-500"> id="rater-reset-button"
<i class="ri-star-fill"></i> >
</div> <i>Grade: A</i>
</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>
</button> </button>
</div> </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>
<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> </div>
</div> </div>
<!-- Start::main-content --> <!-- 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'; ...@@ -6,7 +6,7 @@ import { Component } from '@angular/core';
styleUrls: ['./pms-form-employee.component.scss'] styleUrls: ['./pms-form-employee.component.scss']
}) })
export class PmsFormEmployeeComponent { export class PmsFormEmployeeComponent {
starRate = 5;
url1 = ''; url1 = '';
onSelectFile1(event: any) { onSelectFile1(event: any) {
if (event.target && event.target.files && event.target.files[0]) { 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