{{ headerTitle }} {{ 'TIMESHEET.TIME_TRACKING' | translate }}

{{ 'BUTTONS.AUTO_REFRESH' | translate }}
@if (!hideEmployeeBlock) {
{{ 'TIMESHEET.MEMBERS_WORKED' | translate }}
{{ counts?.employeesCount || 0 }}
} @if (!hideProjectBlock) {
{{ 'TIMESHEET.PROJECTS_WORKED' | translate }}
{{ counts?.projectsCount || 0 }}
}
{{ 'TIMESHEET.TODAY_ACTIVITY' | translate }}
{{ counts?.todayActivities || 0 }}%
{{ 'TIMESHEET.WORKED_TODAY' | translate }}
{{ counts?.todayDuration || 0 | durationFormat }}
@switch (selectedPeriod) { @case (RangePeriod.PERIOD) { {{ 'TIMESHEET.WORKED_OVER_PERIOD' | translate }} } @case (RangePeriod.DAY) { {{ 'TIMESHEET.WORKED_FOR_DAY' | translate }} } @default { {{ (isCurrentWeek() ? 'TIMESHEET.WORKED_THIS_WEEK' : 'TIMESHEET.WORKED_FOR_WEEK') | translate }} } }
{{ counts?.weekDuration || 0 | durationFormat }}
@switch (selectedPeriod) { @case (RangePeriod.PERIOD) { {{ 'TIMESHEET.ACTIVITY_OVER_PERIOD' | translate }} } @case (RangePeriod.DAY) { {{ 'TIMESHEET.ACTIVITY_FOR_DAY' | translate }} } @default { {{ 'TIMESHEET.ACTIVITY_FOR_WEEK' | translate }} } }
{{ counts?.weekActivities || 0 }}%
 {{ 'TIMESHEET.RECENT_ACTIVITIES' | translate }} @if (timeSlotEmployees?.length > 0) { @for (employee of timeSlotEmployees; track employee.id) {
@if (employee?.timeSlots?.length > 0) {
@for (timeSlot of employee.timeSlots; track timeSlot.id) { }
}
} } @else if (!timeSlotLoading) {
@switch (selectedPeriod) { @case (RangePeriod.DAY) { {{ 'TIMESHEET.NO_SCREENSHOT_DAY' | translate }} } @case (RangePeriod.WEEK) { {{ 'TIMESHEET.NO_SCREENSHOT_WEEK' | translate }} } @case (RangePeriod.PERIOD) { {{ 'TIMESHEET.NO_SCREENSHOT_PERIOD' | translate }} } }
} {{ 'TIMESHEET.MANUAL_TIME' | translate }} @if (manualTimes?.length > 0) { } @if (manualTimes?.length > 0) {
{{ 'TIMESHEET.MEMBER' | translate }}
{{ 'TIMESHEET.PROJECT' | translate }}
{{ 'TIMESHEET.DURATION' | translate }}
{{ 'TIMESHEET.DATE' | translate }}
@for (manualTime of manualTimes; track manualTime.id) {
{{ manualTime?.project?.name }}
{{ manualTime.duration | durationFormat }}
{{ manualTime.startedAt | dateFormat }}
} } @else if (!manualTimeLoading) {
@switch (selectedPeriod) { @case (RangePeriod.DAY) { {{ 'TIMESHEET.NO_MANUAL_TIME_DAY' | translate }} } @case (RangePeriod.WEEK) { {{ 'TIMESHEET.NO_MANUAL_TIME_WEEK' | translate }} } @case (RangePeriod.PERIOD) { {{ 'TIMESHEET.NO_MANUAL_TIME_PERIOD' | translate }} } }
} {{ 'TIMESHEET.TASKS' | translate }} @if (tasks?.length > 0) { } @if (tasks?.length > 0) { @for (task of tasks; track task.id) {
{{ task.title }}
{{ task.durationPercentage }}%
{{ task.duration | durationFormat }}
} } @else if (!tasksLoading) {
@switch (selectedPeriod) { @case (RangePeriod.DAY) { {{ 'TIMESHEET.NO_TASK_ACTIVITY_DAY' | translate }} } @case (RangePeriod.WEEK) { {{ 'TIMESHEET.NO_TASK_ACTIVITY_WEEK' | translate }} } @case (RangePeriod.PERIOD) { {{ 'TIMESHEET.NO_TASK_ACTIVITY_PERIOD' | translate }} } }
} {{ 'TIMESHEET.PROJECTS' | translate }} @if (projects?.length > 0) { @for (project of projects; track project.id) {
{{ project.name }}
{{ project.durationPercentage }}%
{{ project.duration | durationFormat }}
} } @else if (!projectsLoading) {
@switch (selectedPeriod) { @case (RangePeriod.DAY) { {{ 'TIMESHEET.NO_PROJECT_ACTIVITY_DAY' | translate }} } @case (RangePeriod.WEEK) { {{ 'TIMESHEET.NO_PROJECT_ACTIVITY_WEEK' | translate }} } @case (RangePeriod.PERIOD) { {{ 'TIMESHEET.NO_PROJECT_ACTIVITY_PERIOD' | translate }} } }
} {{ 'TIMESHEET.APPS_URLS' | translate }} @if (activities?.length > 0) { } @if (activities?.length > 0) { @for (activity of activities; track activity) {
} } @else if (!activitiesLoading) {
@switch (selectedPeriod) { @case (RangePeriod.DAY) { {{ 'TIMESHEET.NO_APP_URL_ACTIVITY_DAY' | translate }} } @case (RangePeriod.WEEK) { {{ 'TIMESHEET.NO_APP_URL_ACTIVITY_WEEK' | translate }} } @case (RangePeriod.PERIOD) { {{ 'TIMESHEET.NO_APP_URL_ACTIVITY_PERIOD' | translate }} } }
} {{ 'TIMESHEET.MEMBERS' | translate }} @if (members?.length > 0) {
{{ 'TIMESHEET.MEMBER_INFO' | translate }}
{{ 'TIMESHEET.TODAY' | translate }}
{{ (selectedPeriod === RangePeriod.PERIOD ? 'TIMESHEET.OVER_PERIOD' : 'TIMESHEET.THIS_WEEK' ) | translate }}
@for (member of members; track member.id) {
{{ member?.todayTime?.duration || 0 | durationFormat }}
{{ member?.weekTime?.duration || 0 | durationFormat }}
@if (!isMoreThanWeek()) {
@for (weekHour of member.weekHours; track $index) {
}
}
}
} @else if (!memberLoading) {
@switch (selectedPeriod) { @case (RangePeriod.DAY) { {{ 'TIMESHEET.NO_MEMBER_ACTIVITY_DAY' | translate }} } @case (RangePeriod.WEEK) { {{ 'TIMESHEET.NO_MEMBER_ACTIVITY_WEEK' | translate }} } @case (RangePeriod.PERIOD) { {{ 'TIMESHEET.NO_MEMBER_ACTIVITY_PERIOD' | translate }} } }
}
{{ 'TIMESHEET.VIEW_WIDGETS' | translate }}
@for (widget of widgets; track widget.position) {
{{ titleMapper(widget.position) | translate }}
}
{{ 'TIMESHEET.VIEW_WINDOWS' | translate }}
@for (window of windows; track window.position) {
{{ titleMapper(window.position, false) | translate }}
}