Mirrors/super-productivity
1
0
Fork 0
mirror of https://github.com/johannesjo/super-productivity.git synced 2026-07-17 16:37:43 +00:00
Code Issues Projects Releases Wiki Activity

refactor: make prettier work for angular

Browse source
This commit is contained in:
Johannes Millan 2025-02-21 14:31:22 +01:00
parent 292e66615d
commit d34ab71f16
152 changed files with 6731 additions and 6044 deletions
Download patch file Download diff file Expand all files Collapse all files

12
.github/dependabot.yml vendored
View file

@ -9,11 +9,11 @@ updates:
directory: '/' # Location of package manifests
schedule:
interval: 'monthly'
# - package-ecosystem: "npm" # See documentation for possible values
# directory: "/tools/schematics/" # Location of package manifests
# schedule:
# interval: "monthly"
- package-ecosystem: "github-actions"
directory: "/"
# - package-ecosystem: "npm" # See documentation for possible values
# directory: "/tools/schematics/" # Location of package manifests
# schedule:
# interval: "monthly"
- package-ecosystem: 'github-actions'
directory: '/'
schedule:
interval: monthly

8
.prettierrc.json
View file

@ -11,16 +11,10 @@
"endOfLine": "auto",
"printWidth": 90,
"overrides": [
{
"files": "*.component.html",
"options": {
"parser": "angular"
}
},
{
"files": "*.html",
"options": {
"parser": "html"
"parser": "angular"
}
}
]

8
package-lock.json generated
View file

@ -121,7 +121,7 @@
"nightwatch": "^3.6.3",
"object-path": "^0.11.8",
"p-throttle": "^3.1.0",
"prettier": "^3.4.2",
"prettier": "^3.5.1",
"pretty-quick": "^4.0.0",
"query-string": "^7.1.1",
"rxjs": "^6.6.7",
@ -21014,9 +21014,9 @@
}
},
"node_modules/prettier": {
"version": "3.4.2",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.4.2.tgz",
"integrity": "sha512-e9MewbtFo+Fevyuxn/4rrcDAaq0IYxPGLvObpQjiZBMAzB9IGmzlnG9RZy3FFas+eBMu2vA0CszMeduow5dIuQ==",
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.1.tgz",
"integrity": "sha512-hPpFQvHwL3Qv5AdRvBFMhnKo4tYxp0ReXiPn2bxkiohEX6mBeBwEpBSQTkD458RaaDKQMYSp4hX4UtfUTA5wDw==",
"dev": true,
"bin": {
"prettier": "bin/prettier.cjs"

2
package.json
View file

@ -207,7 +207,7 @@
"nightwatch": "^3.6.3",
"object-path": "^0.11.8",
"p-throttle": "^3.1.0",
"prettier": "^3.4.2",
"prettier": "^3.5.1",
"pretty-quick": "^4.0.0",
"query-string": "^7.1.1",
"rxjs": "^6.6.7",

73
src/app/app.component.html
View file

@ -1,52 +1,56 @@
@if (isShowUi$|async) { @if ((globalThemeService.backgroundImg$|async); as bgImage) {
<div
@if (isShowUi$ | async) {
@if (globalThemeService.backgroundImg$ | async; as bgImage) {
<div
[style.background]="'url(' + bgImage + ')'"
class="bg-image"
></div>
}
<!--TODO move inside page container somehow -->
@if (layoutService.isShowAddTaskBar$|async) {
<add-task-bar
></div>
}
<!--TODO move inside page container somehow -->
@if (layoutService.isShowAddTaskBar$ | async) {
<add-task-bar
(blurred)="layoutService.hideAddTaskBar()"
[isElevated]="true"
class="global"
></add-task-bar>
} @if ((layoutService.isShowAddTaskBar$|async)) {
<div
></add-task-bar>
}
@if (layoutService.isShowAddTaskBar$ | async) {
<div
(click)="layoutService.hideAddTaskBar()"
@fade
class="backdrop"
></div>
} @if (layoutService.isShowSearchBar$|async) {
<search-bar (blurred)="layoutService.hideSearchBar()"></search-bar>
} @if ((layoutService.isShowSearchBar$|async)) {
<div
></div>
}
@if (layoutService.isShowSearchBar$ | async) {
<search-bar (blurred)="layoutService.hideSearchBar()"></search-bar>
}
@if (layoutService.isShowSearchBar$ | async) {
<div
(click)="layoutService.hideSearchBar()"
@fade
class="backdrop"
></div>
}
<!-- -->
@if (isShowFocusOverlay$|async) {
<focus-mode-overlay @warp></focus-mode-overlay>
} @else {
<mat-sidenav-container [dir]="isRTL ? 'rtl' : 'ltr'">
></div>
}
<!-- -->
@if (isShowFocusOverlay$ | async) {
<focus-mode-overlay @warp></focus-mode-overlay>
} @else {
<mat-sidenav-container [dir]="isRTL ? 'rtl' : 'ltr'">
<mat-sidenav
(closedStart)="layoutService.hideSideNav()"
[mode]="(layoutService.isNavOver$|async) ? 'over' : 'side'"
[opened]="(layoutService.isShowSideNav$|async)"
[mode]="(layoutService.isNavOver$ | async) ? 'over' : 'side'"
[opened]="layoutService.isShowSideNav$ | async"
position="start"
>
<side-nav></side-nav>
@if (workContextService.isActiveWorkContextProject$|async) { }
@if (workContextService.isActiveWorkContextProject$ | async) {}
</mat-sidenav>
<mat-sidenav-content>
<header
[class.isNotScrolled]="!(layoutService.isScrolled$|async)"
[class.isNotScrolled]="!(layoutService.isScrolled$ | async)"
class="header-wrapper"
>
<main-header></main-header>
@if ((workContextService.isActiveWorkContextProject$|async)) {
@if (workContextService.isActiveWorkContextProject$ | async) {
<bookmark-bar></bookmark-bar>
}
<banner></banner>
@ -60,12 +64,15 @@
</div>
<global-progress-bar></global-progress-bar>
</mat-sidenav-content>
</mat-sidenav-container>
</mat-sidenav-container>
}
<!-- -->
}
<!-- -->
} @if (!(syncTriggerService.afterInitialSyncDoneAndDataLoadedInitially$|async) ||
(imexMetaService.isDataImportInProgress$|async)) {
<div class="loading-full-page-wrapper">
@if (
!(syncTriggerService.afterInitialSyncDoneAndDataLoadedInitially$ | async) ||
(imexMetaService.isDataImportInProgress$ | async)
) {
<div class="loading-full-page-wrapper">
<global-progress-bar></global-progress-bar>
<div class="app-loading">
<div class="productivity-tip">
@ -98,7 +105,7 @@
/>
</svg>
</div>
</div>
</div>
}
<!-- -->

17
src/app/core-ui/global-progress-bar/global-progress-bar.component.html
View file

@ -1,14 +1,15 @@
@if ((globalProgressBarService.label$|async); as label) {
<div
@if (globalProgressBarService.label$ | async; as label) {
<div
[@fadeOut]
class="badge"
>
{{label|translate}}
</div>
} @if ((globalProgressBarService.isShowGlobalProgressBar$|async)) {
<div [@fadeInOutBottom]>
>
{{ label | translate }}
</div>
}
@if (globalProgressBarService.isShowGlobalProgressBar$ | async) {
<div [@fadeInOutBottom]>
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
</div>
</div>
}
<!--<div class="badge">Some test text</div>-->

124
src/app/core-ui/main-header/main-header.component.html
View file

@ -1,8 +1,8 @@
@let activeWorkContextTypeAndId = workContextService.activeWorkContextTypeAndId$|async;
@let activeWorkContextTypeAndId = workContextService.activeWorkContextTypeAndId$ | async;
<!--<div class="wrapper ">-->
<div class="wrapper">
@if (!(layoutService.isNavAlwaysVisible$|async)) {
@if (!(layoutService.isNavAlwaysVisible$ | async)) {
<button
(click)="layoutService.toggleSideNav()"
class="burger-trigger tour-burgerTrigger"
@ -14,16 +14,16 @@
<!---->
@if (activeWorkContextTypeAndId) {
<div
[matTooltip]="T.MH.GO_TO_TASK_LIST|translate"
[matTooltip]="T.MH.GO_TO_TASK_LIST | translate"
class="current-work-context-title"
mat-ripple
routerLink="/active/tasks"
>
{{ workContextService.activeWorkContextTitle$|async }}
{{ workContextService.activeWorkContextTitle$ | async }}
</div>
<button
[mat-menu-trigger-for]="activeWorkContextMenu"
[matTooltip]="T.MH.PROJECT_MENU|translate"
[matTooltip]="T.MH.PROJECT_MENU | translate"
class="project-settings-btn hide-xxxs"
mat-icon-button
>
@ -42,7 +42,9 @@
<nav class="action-nav">
<button
(click)="layoutService.showAddTaskBar()"
matTooltip="{{T.MH.ADD_NEW_TASK|translate}} {{kb.addNewTask?'['+kb.addNewTask+']':''}}"
matTooltip="{{ T.MH.ADD_NEW_TASK | translate }} {{
kb.addNewTask ? '[' + kb.addNewTask + ']' : ''
}}"
class="hide-xs tour-addBtn"
mat-icon-button
>
@ -51,29 +53,31 @@
<button
(click)="layoutService.showSearchBar()"
matTooltip="{{T.MH.SHOW_SEARCH_BAR|translate}} {{kb.showSearchBar?'['+kb.showSearchBar+']':''}}"
matTooltip="{{ T.MH.SHOW_SEARCH_BAR | translate }} {{
kb.showSearchBar ? '[' + kb.showSearchBar + ']' : ''
}}"
mat-icon-button
>
<mat-icon>search</mat-icon>
</button>
@let isOnline = isOnline$|async;
@let isOnline = isOnline$ | async;
<!-- -->
@let isSyncEnabled = syncProviderService.isEnabled$|async;
@let isSyncEnabled = syncProviderService.isEnabled$ | async;
<button
class="sync-btn"
matTooltip="{{T.MH.TRIGGER_SYNC|translate}}"
matTooltip="{{ T.MH.TRIGGER_SYNC | translate }}"
(click)="isSyncEnabled ? sync() : setupSync()"
(longPress)="setupSync()"
mat-icon-button
>
@if (isSyncEnabled) {
<!-- -->
@if(isOnline) {
@if (isOnline) {
<!-- -->
<mat-icon [class.spin]="(syncProviderService.isSyncing$|async)">sync</mat-icon>
@let isInSync = syncProviderService.isCurrentProviderInSync$|async;
<mat-icon [class.spin]="syncProviderService.isSyncing$ | async">sync</mat-icon>
@let isInSync = syncProviderService.isCurrentProviderInSync$ | async;
<!-- -->
@if (isInSync) {
<mat-icon class="sync-success-check-ico">check</mat-icon>
@ -109,10 +113,12 @@
<!-- </mat-icon>-->
<!-- </button>-->
@if (!(globalConfigService.cfg$|async)?.focusMode?.isAlwaysUseFocusMode) {
@if (!(globalConfigService.cfg$ | async)?.focusMode?.isAlwaysUseFocusMode) {
<button
mat-icon-button
matTooltip="Enter focus mode {{kb.goToFocusMode?'['+kb.goToFocusMode+']':''}}"
matTooltip="Enter focus mode {{
kb.goToFocusMode ? '[' + kb.goToFocusMode + ']' : ''
}}"
class="hide-xxs"
(click)="enableFocusMode()"
>
@ -121,13 +127,13 @@
}
<div class="play-btn-wrapper">
@if ((taskService.currentTask$|async); as currentTask) {
@if (taskService.currentTask$ | async; as currentTask) {
<div
@fade
class="current-task-title"
>
<div class="title">{{ currentTask.title }}</div>
@if ((currentTaskContext$|async); as currentTaskContext) {
@if (currentTaskContext$ | async; as currentTaskContext) {
<tag
@expandFadeHorizontal
[tag]="currentTaskContext"
@ -135,32 +141,40 @@
></tag>
}
</div>
} @if ((taskService.currentTaskId$|async)) {
}
@if (taskService.currentTaskId$ | async) {
<div class="pulse-circle"></div>
}
<button
(click)="taskService.toggleStartTask()"
[color]="(taskService.currentTaskId$|async)? 'accent': 'primary'"
matTooltip="{{T.MH.TOGGLE_TRACK_TIME|translate}}"
[matTooltipPosition]="(pomodoroService.isEnabled$|async)? 'left': 'below'"
[color]="(taskService.currentTaskId$ | async) ? 'accent' : 'primary'"
matTooltip="{{ T.MH.TOGGLE_TRACK_TIME | translate }}"
[matTooltipPosition]="(pomodoroService.isEnabled$ | async) ? 'left' : 'below'"
class="play-btn tour-playBtn mat-elevation-z3"
mat-mini-fab
>
@if ((pomodoroService.isEnabled$|async)) { @if ((pomodoroService.isBreak$|async))
{
@if (pomodoroService.isEnabled$ | async) {
@if (pomodoroService.isBreak$ | async) {
<mat-icon>free_breakfast</mat-icon>
} @if (!(pomodoroService.isBreak$|async)) { @if
(!(taskService.currentTaskId$|async)) {
}
@if (!(pomodoroService.isBreak$ | async)) {
@if (!(taskService.currentTaskId$ | async)) {
<mat-icon>play_arrow</mat-icon>
} @if ((taskService.currentTaskId$|async)) {
}
@if (taskService.currentTaskId$ | async) {
<mat-icon>pause</mat-icon>
} } } @if (!(pomodoroService.isEnabled$|async)) { @if
(!(taskService.currentTaskId$|async)) {
}
}
}
@if (!(pomodoroService.isEnabled$ | async)) {
@if (!(taskService.currentTaskId$ | async)) {
<mat-icon>play_arrow</mat-icon>
} @if ((taskService.currentTaskId$|async)) {
}
@if (taskService.currentTaskId$ | async) {
<mat-icon>pause</mat-icon>
} }
}
}
<svg
class="circle-svg"
@ -182,14 +196,14 @@
</svg>
</button>
@if ((pomodoroService.cfg$|async)?.isEnabled) {
@if ((pomodoroService.cfg$ | async)?.isEnabled) {
<div class="pomodoro-label">
{{ (pomodoroService.currentSessionTime$|async|msToMinuteClockString) }}
{{ pomodoroService.currentSessionTime$ | async | msToMinuteClockString }}
</div>
<div class="pomodoro-controls">
<button
(click)="pomodoroService.finishPomodoroSession()"
[matTooltip]="T.F.POMODORO.S.SESSION_SKIP|translate"
[matTooltip]="T.F.POMODORO.S.SESSION_SKIP | translate"
matTooltipPosition="left"
class="pomodoro-btn"
color=""
@ -199,7 +213,7 @@
</button>
<button
(click)="pomodoroService.stop()"
[matTooltip]="T.F.POMODORO.S.RESET|translate"
[matTooltip]="T.F.POMODORO.S.RESET | translate"
matTooltipPosition="left"
class="pomodoro-btn"
color=""
@ -211,18 +225,19 @@
}
</div>
@if ((simpleCounterService.enabledSimpleCounters$|async); as enabledSimpleCounters) {
@if (simpleCounterService.enabledSimpleCounters$ | async; as enabledSimpleCounters) {
@if (enabledSimpleCounters.length) {
<div class="simple-counter-buttons-outer-wrapper">
<button
(click)="isShowSimpleCounterBtnsMobile=!isShowSimpleCounterBtnsMobile"
(click)="isShowSimpleCounterBtnsMobile = !isShowSimpleCounterBtnsMobile"
class="simple-counter-mobile-trigger show-xs-only"
[color]="isCounterRunning(enabledSimpleCounters) ? 'accent':''"
[color]="isCounterRunning(enabledSimpleCounters) ? 'accent' : ''"
mat-mini-fab
>
@if (!isShowSimpleCounterBtnsMobile) {
<mat-icon>timer</mat-icon>
} @if (isShowSimpleCounterBtnsMobile) {
}
@if (isShowSimpleCounterBtnsMobile) {
<mat-icon>close</mat-icon>
}
</button>
@ -230,8 +245,10 @@
class="simple-counter-buttons"
[class.isVisibleMobile]="isShowSimpleCounterBtnsMobile"
>
@for (simpleCounter of enabledSimpleCounters; track trackById($index,
simpleCounter)) {
@for (
simpleCounter of enabledSimpleCounters;
track trackById($index, simpleCounter)
) {
<simple-counter-button
[matTooltip]="simpleCounter.title"
[simpleCounter]="simpleCounter"
@ -239,29 +256,36 @@
}
</div>
</div>
} }
}
}
<button
class="toggle-notes-btn tour-issuePanelTrigger e2e-toggle-issue-provider-panel"
[disabled]="!(isRouteWithSidePanel$|async)"
[class.isActive]="(layoutService.isShowIssuePanel$|async)"
[class.isRouteWithRightPanel]="(isRouteWithRightPanel$|async)"
[disabled]="!(isRouteWithSidePanel$ | async)"
[class.isActive]="layoutService.isShowIssuePanel$ | async"
[class.isRouteWithRightPanel]="isRouteWithRightPanel$ | async"
(click)="layoutService.toggleAddTaskPanel()"
mat-icon-button
matTooltip="{{T.MH.TOGGLE_SHOW_ISSUE_PANEL|translate}} {{kb.toggleIssuePanel?'['+kb.toggleIssuePanel+']':''}}"
matTooltip="{{ T.MH.TOGGLE_SHOW_ISSUE_PANEL | translate }} {{
kb.toggleIssuePanel ? '[' + kb.toggleIssuePanel + ']' : ''
}}"
>
<mat-icon class="note-ico">playlist_add</mat-icon>
</button>
<button
class="toggle-notes-btn e2e-toggle-notes-btn"
[title]="!(isRouteWithSidePanel$|async) ? (T.MH.NOTES_PANEL_INFO|translate) : ''"
[disabled]="!(isRouteWithSidePanel$|async)"
[class.isActive]="(layoutService.isShowNotes$|async)"
[class.isRouteWithRightPanel]="(isRouteWithRightPanel$|async)"
[title]="
!(isRouteWithSidePanel$ | async) ? (T.MH.NOTES_PANEL_INFO | translate) : ''
"
[disabled]="!(isRouteWithSidePanel$ | async)"
[class.isActive]="layoutService.isShowNotes$ | async"
[class.isRouteWithRightPanel]="isRouteWithRightPanel$ | async"
(click)="layoutService.toggleNotes()"
mat-icon-button
matTooltip="{{T.MH.TOGGLE_SHOW_NOTES|translate}} {{kb.openProjectNotes?'['+kb.openProjectNotes+']':''}}"
matTooltip="{{ T.MH.TOGGLE_SHOW_NOTES | translate }} {{
kb.openProjectNotes ? '[' + kb.openProjectNotes + ']' : ''
}}"
>
<mat-icon class="note-ico">comment</mat-icon>
</button>

2
src/app/core-ui/side-nav/side-nav-item/side-nav-item.component.html
View file

@ -10,7 +10,7 @@
<button
#routeBtn
[routerLink]="[type() ==='TAG' ? 'tag' :'project', workContext().id, 'tasks']"
[routerLink]="[type() === 'TAG' ? 'tag' : 'project', workContext().id, 'tasks']"
routerLinkActive="isActiveRoute"
mat-menu-item
>

57
src/app/core-ui/side-nav/side-nav.component.html
View file

@ -1,5 +1,5 @@
<section class="main">
@if ((workContextService.mainWorkContext$|async); as mainContext) {
@if (workContextService.mainWorkContext$ | async; as mainContext) {
<side-nav-item
#menuEntry
[type]="WorkContextType.TAG"
@ -17,7 +17,7 @@
routerLinkActive="isActiveRoute"
>
<mat-icon svgIcon="early_on"></mat-icon>
<span class="text">{{ T.MH.SCHEDULE|translate }}</span>
<span class="text">{{ T.MH.SCHEDULE | translate }}</span>
</button>
<button
@ -28,12 +28,12 @@
routerLinkActive="isActiveRoute"
>
<mat-icon>edit_calendar</mat-icon>
<span class="text">{{ T.MH.PLANNER|translate }}</span>
<span class="text">{{ T.MH.PLANNER | translate }}</span>
</button>
</section>
@if (nonHiddenProjects$|async; as projectList) {
<section class="projects tour-projects">
@if (nonHiddenProjects$ | async; as projectList) {
<section class="projects tour-projects">
<div class="g-multi-btn-wrapper">
<button
#menuEntry
@ -45,7 +45,7 @@
mat-menu-item
>
<mat-icon>expand_more</mat-icon>
<span class="title">{{ T.MH.PROJECTS|translate }}</span>
<span class="title">{{ T.MH.PROJECTS | translate }}</span>
</button>
<!-- <button-->
<!-- #projectVisibilityBtn-->
@ -66,7 +66,7 @@
(click)="addProject()"
class="additional-btn"
mat-icon-button
[matTooltip]="T.MH.CREATE_PROJECT|translate"
[matTooltip]="T.MH.CREATE_PROJECT | translate"
>
<mat-icon>add</mat-icon>
</button>
@ -78,16 +78,18 @@
[rightClickTriggerEl]="projectExpandBtn"
></context-menu>
<ng-template #contextMenu>
@for (project of (allProjects$|async); track project.id) {
@for (project of allProjects$ | async; track project.id) {
<button
mat-menu-item
(click)="toggleProjectVisibility(project)"
>
@if (!project.isHiddenFromMenu) {
<mat-icon>visibility</mat-icon>
} @if (project.isHiddenFromMenu) {
}
@if (project.isHiddenFromMenu) {
<mat-icon>visibility_off</mat-icon>
} {{ project.title }}
}
{{ project.title }}
</button>
}
</ng-template>
@ -110,9 +112,10 @@
></side-nav-item>
}
</div>
</section>
} @if ((tagList$|async); as tagList) {
<section class="tags">
</section>
}
@if (tagList$ | async; as tagList) {
<section class="tags">
<button
#menuEntry
#tagExpandBtn
@ -122,7 +125,7 @@
class="expand-btn"
mat-menu-item
>
<span class="title">{{ T.MH.TAGS|translate }}</span>
<span class="title">{{ T.MH.TAGS | translate }}</span>
<mat-icon>expand_more</mat-icon>
</button>
<div
@ -145,7 +148,7 @@
}
</div>
@if (!tagList.length && isTagsExpanded) {
<div class="no-tags-info">{{ T.MH.NO_TAG_INFO|translate }}</div>
<div class="no-tags-info">{{ T.MH.NO_TAG_INFO | translate }}</div>
}
<!-- <button (click)="addTag()"-->
<!-- *ngIf="isTagsExpanded"-->
@ -153,7 +156,7 @@
<!-- <mat-icon>add</mat-icon>-->
<!-- {{T.MH.CREATE_TAG|translate}}-->
<!-- </button>-->
</section>
</section>
}
<!--<section class="other-task-level-section">-->
@ -168,7 +171,7 @@
routerLinkActive="isActiveRoute"
>
<mat-icon svgIcon="repeat"></mat-icon>
<span class="text">{{ T.MH.REPEAT_SCHEDULED|translate }}</span>
<span class="text">{{ T.MH.REPEAT_SCHEDULED | translate }}</span>
</button>
<button
#menuEntry
@ -177,7 +180,7 @@
mat-menu-item
>
<mat-icon>help_center</mat-icon>
<span class="text">{{ T.MH.HELP|translate }}</span>
<span class="text">{{ T.MH.HELP | translate }}</span>
</button>
<mat-menu #helpMenu="matMenu">
@ -188,7 +191,7 @@
target="_blank"
>
<mat-icon>help_center</mat-icon>
<span class="text">{{ T.MH.HM.GET_HELP_ONLINE|translate }}</span>
<span class="text">{{ T.MH.HM.GET_HELP_ONLINE | translate }}</span>
</a>
<a
@ -198,7 +201,7 @@
target="_blank"
>
<mat-icon>bug_report</mat-icon>
<span class="text">{{ T.MH.HM.REPORT_A_PROBLEM|translate }}</span>
<span class="text">{{ T.MH.HM.REPORT_A_PROBLEM | translate }}</span>
</a>
<a
@ -207,7 +210,7 @@
target="_blank"
>
<mat-icon>volunteer_activism</mat-icon>
<span class="text">{{ T.MH.HM.CONTRIBUTE|translate }}</span>
<span class="text">{{ T.MH.HM.CONTRIBUTE | translate }}</span>
</a>
<a
@ -216,7 +219,7 @@
target="_blank"
>
<mat-icon>forum</mat-icon>
<span class="text">{{ T.MH.HM.REDDIT_COMMUNITY|translate }}</span>
<span class="text">{{ T.MH.HM.REDDIT_COMMUNITY | translate }}</span>
</a>
<button
@ -224,7 +227,7 @@
mat-menu-item
>
<mat-icon>directions</mat-icon>
<span class="text">{{ T.MH.HM.START_WELCOME|translate }}</span>
<span class="text">{{ T.MH.HM.START_WELCOME | translate }}</span>
</button>
@if (IS_MOUSE_PRIMARY) {
<button
@ -232,7 +235,7 @@
mat-menu-item
>
<mat-icon>directions</mat-icon>
<span class="text">{{ T.MH.HM.KEYBOARD|translate }}</span>
<span class="text">{{ T.MH.HM.KEYBOARD | translate }}</span>
</button>
}
<button
@ -240,14 +243,14 @@
mat-menu-item
>
<mat-icon>directions</mat-icon>
<span class="text">{{ T.MH.HM.SYNC|translate }}</span>
<span class="text">{{ T.MH.HM.SYNC | translate }}</span>
</button>
<button
(click)="startTour(TourId.IssueProviders)"
mat-menu-item
>
<mat-icon>directions</mat-icon>
<span class="text">{{ T.MH.HM.CALENDARS|translate }}</span>
<span class="text">{{ T.MH.HM.CALENDARS | translate }}</span>
</button>
</ng-template>
</mat-menu>
@ -260,7 +263,7 @@
routerLinkActive="isActiveRoute"
>
<mat-icon>settings</mat-icon>
<span class="text">{{ T.MH.SETTINGS|translate }}</span>
<span class="text">{{ T.MH.SETTINGS | translate }}</span>
</button>
</section>

43
src/app/core-ui/work-context-menu/work-context-menu.component.html
View file

@ -1,51 +1,52 @@
<button
[routerLink]="[base,contextId,'quick-history']"
[routerLink]="[base, contextId, 'quick-history']"
mat-menu-item
>
<mat-icon>history</mat-icon>
<span class="text">{{T.MH.QUICK_HISTORY|translate}}</span>
<span class="text">{{ T.MH.QUICK_HISTORY | translate }}</span>
</button>
<button
[routerLink]="[base,contextId,'worklog']"
[routerLink]="[base, contextId, 'worklog']"
mat-menu-item
>
<mat-icon>date_range</mat-icon>
<span class="text">{{T.MH.WORKLOG|translate}}</span>
<span class="text">{{ T.MH.WORKLOG | translate }}</span>
</button>
@if (isForProject || contextId ===TODAY_TAG_ID) {
<button
[routerLink]="[base,contextId,'metrics']"
@if (isForProject || contextId === TODAY_TAG_ID) {
<button
[routerLink]="[base, contextId, 'metrics']"
mat-menu-item
>
>
<mat-icon>donut_large</mat-icon>
<span class="text">{{T.MH.METRICS|translate}}</span>
</button>
<span class="text">{{ T.MH.METRICS | translate }}</span>
</button>
}
<button
[routerLink]="[base,contextId,'settings']"
[routerLink]="[base, contextId, 'settings']"
mat-menu-item
>
<mat-icon>settings</mat-icon>
<span class="text">{{T.MH.SETTINGS|translate}}</span>
<span class="text">{{ T.MH.SETTINGS | translate }}</span>
</button>
@if (!isForProject && contextId !== TODAY_TAG_ID) {
<button
<button
(click)="deleteTag()"
mat-menu-item
>
>
<mat-icon class="color-warn-i">delete_forever</mat-icon>
<span class="text">{{T.MH.DELETE_TAG|translate}}</span>
</button>
} @if (isForProject) {
<button
<span class="text">{{ T.MH.DELETE_TAG | translate }}</span>
</button>
}
@if (isForProject) {
<button
(click)="deleteProject()"
mat-menu-item
>
>
<mat-icon class="color-warn-i">delete_forever</mat-icon>
<span class="text">{{ T.MH.DELETE_PROJECT|translate }}</span>
</button>
<span class="text">{{ T.MH.DELETE_PROJECT | translate }}</span>
</button>
}

46
src/app/core/banner/banner/banner.component.html
View file

@ -1,15 +1,17 @@
@if ((activeBanner$|async); as banner) {
<div
@if (activeBanner$ | async; as banner) {
<div
[@banner]
[class.isError]="banner.type==='ERROR'"
[class.isError]="banner.type === 'ERROR'"
class="content-wrapper"
>
@if (banner.progress$ && (banner.progress$|async); as progress) { @if (progress>0) {
>
@if (banner.progress$ && (banner.progress$ | async); as progress) {
@if (progress > 0) {
<mat-progress-bar
mode="determinate"
[value]="progress"
></mat-progress-bar>
} }
}
}
<div class="inner-content-wrapper">
@if (banner.img) {
<div class="motivational-img-wrapper">
@ -18,19 +20,20 @@
}
<div class="message-wrapper">
@if (banner.ico) {
<mat-icon>{{banner.ico}}</mat-icon>
} @if (banner.svgIco) {
<mat-icon>{{ banner.ico }}</mat-icon>
}
@if (banner.svgIco) {
<mat-icon [svgIcon]="banner.svgIco"></mat-icon>
}
<!-- -->
@if(banner.timer$) {
@if (banner.timer$) {
<div class="message">
<strong>{{banner.timer$|async|msToMinuteClockString}}</strong> –
{{banner.msg|translate:banner.translateParams}}
<strong>{{ banner.timer$ | async | msToMinuteClockString }}</strong> –
{{ banner.msg | translate: banner.translateParams }}
</div>
} @else {
<div
[innerHTML]="banner.msg|translate:banner.translateParams"
[innerHTML]="banner.msg | translate: banner.translateParams"
class="message"
></div>
}
@ -43,37 +46,40 @@
mat-button
tabindex="1"
>
{{T.G.DISMISS|translate}}
{{ T.G.DISMISS | translate }}
</button>
} @if (banner.action) {
}
@if (banner.action) {
<button
(click)="action(banner.id, banner.action)"
color="primary"
mat-button
tabindex="1"
>
{{banner.action.label|translate:banner.translateParams}}
{{ banner.action.label | translate: banner.translateParams }}
</button>
} @if (banner.action2) {
}
@if (banner.action2) {
<button
(click)="action(banner.id, banner.action2)"
color="primary"
mat-button
tabindex="1"
>
{{banner.action2.label|translate:banner.translateParams}}
{{ banner.action2.label | translate: banner.translateParams }}
</button>
} @if (banner.action3) {
}
@if (banner.action3) {
<button
(click)="action(banner.id, banner.action3)"
color="primary"
mat-button
tabindex="1"
>
{{banner.action3.label|translate:banner.translateParams}}
{{ banner.action3.label | translate: banner.translateParams }}
</button>
}
</div>
</div>
</div>
</div>
}

24
src/app/core/snack/snack-custom/snack-custom.component.html
View file

@ -1,16 +1,21 @@
<div
(click)="!data.actionStr && close()"
[class.error]="data.type==='ERROR'"
[class.success]="data.type==='SUCCESS'"
[class.error]="data.type === 'ERROR'"
[class.success]="data.type === 'SUCCESS'"
class="wrapper"
>
@if (!data.ico) { @if (data.type==='SUCCESS') {
@if (!data.ico) {
@if (data.type === 'SUCCESS') {
<mat-icon class="snack-icon">check_circle </mat-icon>
} @if (data.type==='ERROR') {
}
@if (data.type === 'ERROR') {
<mat-icon class="snack-icon">error </mat-icon>
} } @if (data.ico) {
<mat-icon class="snack-icon">{{data.ico}}</mat-icon>
} @if (data.svgIco) {
}
}
@if (data.ico) {
<mat-icon class="snack-icon">{{ data.ico }}</mat-icon>
}
@if (data.svgIco) {
<mat-icon
[svgIcon]="data.svgIco"
class="snack-icon"
@ -30,7 +35,7 @@
color="accent"
mat-button
>
{{data.actionStr|translate}}
{{ data.actionStr | translate }}
</button>
}
</div>
@ -42,7 +47,8 @@
>
<mat-icon>close</mat-icon>
</button>
} @if (data.promise||data.showWhile$||data.isSpinner) {
}
@if (data.promise || data.showWhile$ || data.isSpinner) {
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
}
</div>

26
src/app/features/add-tasks-for-tomorrow/add-scheduled-for-tomorrow/add-scheduled-today-or-tomorrow-btn.component.html
View file

@ -1,12 +1,16 @@
@let nrOfPlannerItemsForTomorrow =
(addTasksForTomorrowService.nrOfPlannerItemsForTomorrow$|async);
addTasksForTomorrowService.nrOfPlannerItemsForTomorrow$ | async;
<!---->
@let plannedForToday = (addTasksForTomorrowService.allPlannedForTodayNotOnToday$|async);
@let plannedForToday = addTasksForTomorrowService.allPlannedForTodayNotOnToday$ | async;
<!---->
@if (workContextService.isToday &&(isAlwaysShowIfAny() ||
(workContextService.activeWorkContext$|async)?.taskIds.length ===0) && plannedForToday) {
<div class="wrap-add-planned">
@if (
workContextService.isToday &&
(isAlwaysShowIfAny() ||
(workContextService.activeWorkContext$ | async)?.taskIds.length === 0) &&
plannedForToday
) {
<div class="wrap-add-planned">
@if (plannedForToday?.length) {
<button
(click)="addTasksForTomorrowService.movePlannedTasksToToday(plannedForToday)"
@ -16,7 +20,7 @@
tabindex="1"
>
<mat-icon>playlist_add</mat-icon>
{{ T.WW.ADD_SCHEDULED_FOR_TODAY|translate:{ nr: plannedForToday.length } }}
{{ T.WW.ADD_SCHEDULED_FOR_TODAY | translate: { nr: plannedForToday.length } }}
</button>
}
<!---->
@ -31,8 +35,12 @@
tabindex="1"
>
<mat-icon>playlist_add</mat-icon>
{{ T.WW.ADD_SCHEDULED_FOR_TOMORROW|translate:{ nr: nrOfPlannerItemsForTomorrow } }}
{{
T.WW.ADD_SCHEDULED_FOR_TOMORROW
| translate: { nr: nrOfPlannerItemsForTomorrow }
}}
</button>
} }
</div>
}
}
</div>
}

43
src/app/features/bookmark/bookmark-bar/bookmark-bar.component.html
View file

@ -1,16 +1,16 @@
@if (bookmarkService.isShowBookmarks$|async) {
<div
@if (bookmarkService.isShowBookmarks$ | async) {
<div
#bookmarkBar
[@slide]="{value:'*',params:{elHeight:(bookmarkBarHeight)}}"
[@slide]="{ value: '*', params: { elHeight: bookmarkBarHeight } }"
class="global-bookmark-list-outer"
>
>
@if (isDragOver) {
<div
@fade
class="bgc-accent drag-over-msg"
>
<mat-icon>add</mat-icon>
{{T.F.BOOKMARK.BAR.DROP|translate}}
{{ T.F.BOOKMARK.BAR.DROP | translate }}
</div>
}
<div class="controls-and-list-wrapper">
@ -25,9 +25,10 @@
>
<mat-icon>more_vert</mat-icon>
</button>
} @if (isEditMode) {
}
@if (isEditMode) {
<button
(click)="isEditMode=false; isContextMenuDisabled=false"
(click)="isEditMode = false; isContextMenuDisabled = false"
mat-stroked-button
>
<mat-icon>check</mat-icon>
@ -41,20 +42,20 @@
mat-menu-item
>
<mat-icon>add</mat-icon>
{{T.F.BOOKMARK.BAR.ADD|translate}}
{{ T.F.BOOKMARK.BAR.ADD | translate }}
</button>
<button
(click)="isEditMode=!isEditMode"
(click)="isEditMode = !isEditMode"
color=""
mat-menu-item
>
<mat-icon>edit</mat-icon>
{{T.F.BOOKMARK.BAR.EDIT|translate}}
{{ T.F.BOOKMARK.BAR.EDIT | translate }}
</button>
</ng-template>
</mat-menu>
</div>
@let bookmarks = (bookmarkService.bookmarks$|async);
@let bookmarks = bookmarkService.bookmarks$ | async;
<div
[class.isEditMode]="isEditMode"
cdkDropList
@ -64,17 +65,20 @@
class="global-bookmark-list-inner"
>
@if (!bookmarks?.length) {
<div class="msg">{{T.F.BOOKMARK.BAR.NO_BOOKMARKS|translate}}</div>
} @for (bookmark of bookmarks; track trackByFn($index, bookmark)) {
<div class="msg">{{ T.F.BOOKMARK.BAR.NO_BOOKMARKS | translate }}</div>
}
@for (bookmark of bookmarks; track trackByFn($index, bookmark)) {
<div
class="global-bookmark"
cdkDrag
draggable="false"
>
<a
[enlargeImg]="bookmark.type==='IMG'&& bookmark.path"
[enlargeImg]="bookmark.type === 'IMG' && bookmark.path"
[href]="bookmark.path"
[style.background-image]="bookmark.type==='IMG'&& 'url('+bookmark.path+')'"
[style.background-image]="
bookmark.type === 'IMG' && 'url(' + bookmark.path + ')'
"
[title]="bookmark.path"
aria-label="open global bookmark"
bookmarkLink
@ -82,11 +86,12 @@
draggable="false"
mat-stroked-button
target="_blank"
type="{{bookmark.type}}"
type="{{ bookmark.type }}"
>
@if (bookmark.icon) {
<mat-icon>{{bookmark.icon}} </mat-icon>
} {{bookmark.title}}
<mat-icon>{{ bookmark.icon }} </mat-icon>
}
{{ bookmark.title }}
</a>
@if (isEditMode) {
<div class="controls">
@ -121,5 +126,5 @@
}
</div>
</div>
</div>
</div>
}

38
src/app/features/bookmark/dialog-edit-bookmark/dialog-edit-bookmark.component.html
View file

@ -1,16 +1,20 @@
@if (bookmarkCopy) {
<form
<form
#form="ngForm"
(submit)="$event.preventDefault();submit()"
>
(submit)="$event.preventDefault(); submit()"
>
<h1 mat-dialog-title>
{{ (bookmarkCopy.id ? (T.F.BOOKMARK.DIALOG_EDIT.EDIT_BOOKMARK) :
(T.F.BOOKMARK.DIALOG_EDIT.ADD_BOOKMARK)) |translate }}
{{
(bookmarkCopy.id
? T.F.BOOKMARK.DIALOG_EDIT.EDIT_BOOKMARK
: T.F.BOOKMARK.DIALOG_EDIT.ADD_BOOKMARK
) | translate
}}
</h1>
<mat-dialog-content>
<div class="form-wrapper">
<mat-form-field>
<mat-label>{{(T.G.TITLE|translate)}}</mat-label>
<mat-label>{{ T.G.TITLE | translate }}</mat-label>
<input
[(ngModel)]="bookmarkCopy.title"
autofocus="autofocus"
@ -20,7 +24,7 @@
/>
</mat-form-field>
<mat-form-field>
<mat-label>{{mapTypeToLabel(bookmarkCopy.type)|translate}}</mat-label>
<mat-label>{{ mapTypeToLabel(bookmarkCopy.type) | translate }}</mat-label>
<input
[(ngModel)]="bookmarkCopy.path"
matInput
@ -30,20 +34,20 @@
/>
</mat-form-field>
<mat-form-field>
<mat-label>{{(T.F.BOOKMARK.DIALOG_EDIT.SELECT_TYPE|translate)}}</mat-label>
<mat-label>{{ T.F.BOOKMARK.DIALOG_EDIT.SELECT_TYPE | translate }}</mat-label>
<mat-select
[(ngModel)]="bookmarkCopy.type"
name="type"
required="true"
>
@for (type of types; track trackByIndex($index, type)) {
<mat-option [value]="type.type">{{ (type.title|translate) }} </mat-option>
<mat-option [value]="type.type">{{ type.title | translate }} </mat-option>
}
</mat-select>
</mat-form-field>
<div class="custom-icon-wrapper">
<mat-form-field>
<mat-label>{{(T.F.BOOKMARK.DIALOG_EDIT.SELECT_ICON|translate)}}</mat-label>
<mat-label>{{ T.F.BOOKMARK.DIALOG_EDIT.SELECT_ICON | translate }}</mat-label>
<input
[(ngModel)]="bookmarkCopy.icon"
[formControl]="iconControl"
@ -51,15 +55,15 @@
matInput
type="text"
/>
<mat-icon matPrefix="">{{bookmarkCopy.icon}}</mat-icon>
<mat-icon matPrefix="">{{ bookmarkCopy.icon }}</mat-icon>
<mat-autocomplete
#auto="matAutocomplete"
[autoActiveFirstOption]="true"
>
@for (icon of (filteredIcons$|async); track trackByIndex($index, icon)) {
@for (icon of filteredIcons$ | async; track trackByIndex($index, icon)) {
<mat-option [value]="icon">
<mat-icon>{{icon}}</mat-icon>
<span>{{icon}}</span>
<mat-icon>{{ icon }}</mat-icon>
<span>{{ icon }}</span>
</mat-option>
}
</mat-autocomplete>
@ -74,7 +78,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
<button
[disabled]="!form.valid"
@ -83,8 +87,8 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{T.G.SAVE|translate}}
{{ T.G.SAVE | translate }}
</button>
</mat-dialog-actions>
</form>
</form>
}

40
src/app/features/config/config-section/config-section.component.html
View file

@ -1,29 +1,37 @@
<collapsible
[isExpanded]="isExpanded"
[isIconBefore]="true"
[title]="(section?.title|translate)"
[title]="section?.title | translate"
>
<!--[icon]="section?.icon"-->
@if (section?.help||section?.helpArr) {
@if (section?.help || section?.helpArr) {
<help-section>
@if (section?.help) {
<div [innerHtml]="section?.help|translate"></div>
} @if (section?.helpArr) { @for (helpSection of section?.helpArr; track
trackByIndex($index, helpSection)) { @if (helpSection.h) {
<div class="mat-caption">{{helpSection.h|translate}}</div>
} @if (helpSection.p) {
<p [innerHTML]="helpSection.p|translate"></p>
} @if (helpSection.p2) {
<p [innerHTML]="helpSection.p2|translate"></p>
} @if (helpSection.p3) {
<p [innerHTML]="helpSection.p3|translate"></p>
} @if (helpSection.p4) {
<p [innerHTML]="helpSection.p4|translate"></p>
} } }
<div [innerHtml]="section?.help | translate"></div>
}
@if (section?.helpArr) {
@for (helpSection of section?.helpArr; track trackByIndex($index, helpSection)) {
@if (helpSection.h) {
<div class="mat-caption">{{ helpSection.h | translate }}</div>
}
@if (helpSection.p) {
<p [innerHTML]="helpSection.p | translate"></p>
}
@if (helpSection.p2) {
<p [innerHTML]="helpSection.p2 | translate"></p>
}
@if (helpSection.p3) {
<p [innerHTML]="helpSection.p3 | translate"></p>
}
@if (helpSection.p4) {
<p [innerHTML]="helpSection.p4 | translate"></p>
}
}
}
</help-section>
}
<div class="form-wrapper {{section?.key}}">
<div class="form-wrapper {{ section?.key }}">
@if (section?.items && !section?.customSection) {
<config-form
(save)="onSave($event)"

12
src/app/features/config/config-sound-form/config-sound-form.component.html
View file

@ -9,7 +9,7 @@
class="width100"
[hideRequiredMarker]="true"
>
<mat-label>{{ 'GCF.SOUND.VOLUME' | translate}}</mat-label>
<mat-label>{{ 'GCF.SOUND.VOLUME' | translate }}</mat-label>
<mat-slider
class="width100"
[min]="0"
@ -26,10 +26,10 @@
</mat-slider>
</mat-form-field>
<mat-form-field class="width100">
<mat-label>{{ 'GCF.SOUND.DONE_SOUND' | translate}}</mat-label>
<mat-label>{{ 'GCF.SOUND.DONE_SOUND' | translate }}</mat-label>
<mat-select formControlName="doneSound">
@for (sound of soundOpts; track sound) {
<mat-option [value]="sound.value">{{sound.label}}</mat-option>
<mat-option [value]="sound.value">{{ sound.label }}</mat-option>
}
</mat-select>
</mat-form-field>
@ -42,14 +42,14 @@
matInput
[checked]="this.config?.isIncreaseDoneSoundPitch"
formControlName="isIncreaseDoneSoundPitch"
>{{'GCF.SOUND.IS_INCREASE_DONE_PITCH' | translate}}</mat-slide-toggle
>{{ 'GCF.SOUND.IS_INCREASE_DONE_PITCH' | translate }}</mat-slide-toggle
>
</mat-form-field>
<mat-form-field class="width100">
<mat-label>{{'GCF.SOUND.BREAK_REMINDER_SOUND' | translate }}</mat-label>
<mat-label>{{ 'GCF.SOUND.BREAK_REMINDER_SOUND' | translate }}</mat-label>
<mat-select formControlName="breakReminderSound">
@for (sound of soundOpts; track sound) {
<mat-option [value]="sound.value">{{sound.label}}</mat-option>
<mat-option [value]="sound.value">{{ sound.label }}</mat-option>
}
</mat-select>
</mat-form-field>

7
src/app/features/config/default-global-config.const.ts
View file

@ -1,10 +1,10 @@
import { GlobalConfigState } from './global-config.model';
import { DEFAULT_PROJECT_ID } from '../project/project.const';
import { TRACKING_INTERVAL } from 'src/app/app.constants';
import {getDefaultVoice} from 'src/app/features/domina-mode/getAvailableVoices'
import { getDefaultVoice } from 'src/app/features/domina-mode/getAvailableVoices';
const minute = 60 * 1000;
const defaultVoice = getDefaultVoice();
console.log("Setting default voice as"+ defaultVoice);
console.log('Setting default voice as' + defaultVoice);
export const DEFAULT_DAY_START = '9:00';
export const DEFAULT_GLOBAL_CONFIG: GlobalConfigState = {
@ -63,8 +63,7 @@ export const DEFAULT_GLOBAL_CONFIG: GlobalConfigState = {
interval: 5 * minute,
volume: 75,
text: 'Your current task is: ${currentTaskTitle}',
voice:defaultVoice ,
voice: defaultVoice,
},
focusMode: {
isAlwaysUseFocusMode: false,

34
src/app/features/config/form-cfgs/domina-mode-form.const.ts
View file

@ -2,8 +2,7 @@
import { ConfigFormSection, DominaModeConfig } from '../global-config.model';
import { T } from '../../../t.const';
import { speak } from '../../../util/speak';
import {getAvailableVoices} from '../../domina-mode/getAvailableVoices'
import { getAvailableVoices } from '../../domina-mode/getAvailableVoices';
export const DOMINA_MODE_FORM: ConfigFormSection<DominaModeConfig> = {
title: T.F.DOMINA_MODE.FORM.TITLE,
@ -53,17 +52,17 @@ export const DOMINA_MODE_FORM: ConfigFormSection<DominaModeConfig> = {
if (txt.length <= 1) {
txt = 'No text configured for domina mode';
}
speak(txt, model.volume,model.voice);
speak(txt, model.volume, model.voice);
},
},
},
{
key:'voice',
type:'select',
templateOptions:{
label:"Select a Voice",
description:"Choose a voice",
required:false,
key: 'voice',
type: 'select',
templateOptions: {
label: 'Select a Voice',
description: 'Choose a voice',
required: false,
},
hooks: {
onInit: (field) => {
@ -71,17 +70,14 @@ export const DOMINA_MODE_FORM: ConfigFormSection<DominaModeConfig> = {
voices = getAvailableVoices();
//console.log(voices);
if(field.templateOptions){
field.templateOptions.options = voices.map(voiceName=>({
label:voiceName.name,
if (field.templateOptions) {
field.templateOptions.options = voices.map((voiceName) => ({
label: voiceName.name,
value: voiceName.voiceURI,
}))
}
}
}
}));
}
},
},
},
],
};

1
src/app/features/config/global-config.model.ts
View file

@ -157,7 +157,6 @@ export type DominaModeConfig = Readonly<{
interval: number;
volume: number;
voice: string;
}>;
export type FocusModeConfig = Readonly<{

12
src/app/features/config/icon-input/icon-input.component.html
View file

@ -18,20 +18,20 @@
(optionSelected)="onIconSelect($event.option.value)"
[autoActiveFirstOption]="false"
>
@for (icon of (filteredIcons); track trackByIndex($index, icon)) {
@for (icon of filteredIcons; track trackByIndex($index, icon)) {
<mat-option [value]="icon">
<mat-icon>{{icon}}</mat-icon>
<span>{{icon}}</span>
<mat-icon>{{ icon }}</mat-icon>
<span>{{ icon }}</span>
</mat-option>
}
</mat-autocomplete>
@if(IS_ELECTRON && !isLinux){
<mat-icon
@if (IS_ELECTRON && !isLinux) {
<mat-icon
matSuffix
type="button"
[matTooltip]="'Open system emoji picker if any'"
(click)="openEmojiPicker()"
>add_reaction</mat-icon
>
>
}

2
src/app/features/config/repeat-section-type/repeat-section-type.component.html
View file

@ -28,6 +28,6 @@
type="button"
>
<mat-icon>add</mat-icon>
{{ to.addText | translate}}
{{ to.addText | translate }}
</button>
</div>

4
src/app/features/config/select-project/select-project.component.html
View file

@ -6,8 +6,8 @@
[readonly]="to.readonly"
matNativeControl
>
<option [ngValue]="false">{{T.G.NONE | translate}}</option>
@for (opt of projectService.list$|async; track trackById($index, opt)) {
<option [ngValue]="false">{{ T.G.NONE | translate }}</option>
@for (opt of projectService.list$ | async; track trackById($index, opt)) {
<option [ngValue]="opt.id">{{ opt.title }}</option>
}
</select>

10
src/app/features/domina-mode/getAvailableVoices.ts
View file

@ -1,16 +1,14 @@
export const getAvailableVoices = (): SpeechSynthesisVoice[] => {
const synth = window.speechSynthesis;
return synth.getVoices()
return synth.getVoices();
};
export const getDefaultVoice = (): string => {
const voices = window.speechSynthesis.getVoices();
if (voices.length === 0) {
return "null";
return 'null';
}
//"null" should theoretically use the default voice
const defaultVoice = voices.find(voice => voice.default);
const defaultVoice = voices.find((voice) => voice.default);
return defaultVoice ? defaultVoice.voiceURI : voices[0].voiceURI;
}
};

2
src/app/features/domina-mode/store/domina-mode.effects.ts
View file

@ -26,7 +26,7 @@ export class DominaModeEffects {
if (txt.length <= 1) {
txt = currentTask.title;
}
speak(txt, cfg.volume,cfg.voice);
speak(txt, cfg.volume, cfg.voice);
}
}),
)

24
src/app/features/focus-mode/focus-mode-duration-selection/focus-mode-duration-selection.component.html
View file

@ -1,13 +1,17 @@
<form
(submit)="$event.preventDefault();onSubmit($event)"
(submit)="$event.preventDefault(); onSubmit($event)"
novalidate
>
@if(selectedMode() !== FocusModeMode.Flowtime) {
<h1>{{T.F.FOCUS_MODE.SET_FOCUS_SESSION_DURATION|translate}}</h1>
} @if (task$|async; as task) {
@if (selectedMode() !== FocusModeMode.Flowtime) {
<h1>{{ T.F.FOCUS_MODE.SET_FOCUS_SESSION_DURATION | translate }}</h1>
}
@if (task$ | async; as task) {
<div class="for-task">
<div class="label">for task</div>
<div>"<em>{{task?.title}}</em>"</div>
<div>
"<em>{{ task?.title }}</em
>"
</div>
</div>
<div style="text-align: center; margin-bottom: 8px">
<button
@ -16,13 +20,13 @@
(click)="selectDifferentTask()"
>
<!-- <mat-icon>arrow_back_ios</mat-icon>-->
{{T.F.FOCUS_MODE.SELECT_ANOTHER_TASK|translate}}
{{ T.F.FOCUS_MODE.SELECT_ANOTHER_TASK | translate }}
</button>
</div>
} @if(selectedMode() !== FocusModeMode.Flowtime) {
}
@if (selectedMode() !== FocusModeMode.Flowtime) {
<input-duration-slider
[model]="sessionDuration$|async"
[model]="sessionDuration$ | async"
(modelChange)="onFocusModeDurationChanged($event)"
></input-duration-slider>
}
@ -32,6 +36,6 @@
color="primary"
mat-raised-button
>
{{T.F.FOCUS_MODE.START_FOCUS_SESSION|translate}}
{{ T.F.FOCUS_MODE.START_FOCUS_SESSION | translate }}
</button>
</form>

261
src/app/features/focus-mode/focus-mode-main/focus-mode-main.component.html
View file

@ -1,128 +1,137 @@
@let isCountTimeDown = isCountTimeDown$|async;
<!-- -->
@if (taskService.currentTask$|async; as task) {
<task-title
(valueEdited)="updateTaskTitleIfChanged($event.wasChanged, $event.newVal)"
[value]="task.title"
class="task-title"
></task-title>
<div class="progress-wrapper">
@if (isCountTimeDown) {
<progress-circle [progress]="sessionProgress$|async"></progress-circle>
} @else {
<progress-circle [autoRotationDuration]="60000"></progress-circle>
}
<div class="progress-label-wrapper">
<div
class="focus-time"
title="Focus time"
>
<!-- {{focusModeTimeToGo / 60000}}min-->
@if(isCountTimeDown) { {{ (timeToGo$|async|msToMinuteClockString) }} } @else { {{
(timeElapsed$|async|msToMinuteClockString) }} }
</div>
<!-- <div class="task-times">-->
<!-- {{task.timeSpent|msToString}}/{{task.timeEstimate|msToString}}-->
<!-- </div>-->
</div>
</div>
@if ((simpleCounterService.enabledSimpleCounters$|async); as enabledSimpleCounters) { @if
(enabledSimpleCounters.length) {
<section class="simple-counter-buttons">
@for (simpleCounter of enabledSimpleCounters; track trackById($index, simpleCounter)) {
<simple-counter-button
[class.isHiddenWithoutFocus]="!simpleCounter.isOn"
[simpleCounter]="simpleCounter"
></simple-counter-button>
}
</section>
} }
<section class="controls">
<button
mat-icon-button
[matTooltip]="T.F.FOCUS_MODE.FINISH_TASK_AND_SELECT_NEXT|translate"
(click)="finishCurrentTask();"
>
<mat-icon>done</mat-icon>
</button>
<button
mat-icon-button
[matTooltip]="T.F.FOCUS_MODE.GO_TO_PROCRASTINATION|translate"
(click)="getProcrastinationHelp()"
>
<mat-icon>flash_on</mat-icon>
</button>
@if (task.issueId && task.issueType !== ICAL_TYPE) {
<a
mat-icon-button
[matTooltip]="T.F.FOCUS_MODE.OPEN_ISSUE_IN_BROWSER|translate"
target="_blank"
[href]="issueUrl$|async"
>
@if (task.issuePoints) {
<div class="mini-badge bgc-primary">{{ task.issuePoints }}</div>
}
<mat-icon [svgIcon]="task.issueType|issueIcon"></mat-icon>
</a>
}
<button
(click)="isShowNotes=!isShowNotes"
[matTooltip]="T.F.FOCUS_MODE.SHOW_HIDE_NOTES_AND_ATTACHMENTS|translate"
class="ico-btn show-additional-info-btn"
color=""
mat-icon-button
>
@if (!isShowNotes) {
<mat-icon>chat</mat-icon>
} @if (isShowNotes) {
<mat-icon>expand_less</mat-icon>
}
</button>
</section>
@if (isShowNotes) {
<div
style="height: 100px"
@expand
></div>
<!--@let isCountTimeDown = isCountTimeDown$|async;-->
<!--&lt;!&ndash; &ndash;&gt;-->
<!--@if (taskService.currentTask$|async; as task) {-->
<!-- <task-title-->
<!-- (valueEdited)="updateTaskTitleIfChanged($event.wasChanged, $event.newVal)"-->
<!-- [value]="task.title"-->
<!-- class="task-title"-->
<!-- ></task-title>-->
<!-- <div class="progress-wrapper">-->
<!-- @if (isCountTimeDown) {-->
<!-- <progress-circle [progress]="sessionProgress$|async"></progress-circle>-->
<!-- } @else {-->
<!-- <progress-circle [autoRotationDuration]="60000"></progress-circle>-->
<!-- }-->
<!-- <div class="progress-label-wrapper">-->
<!-- <div-->
<!-- class="focus-time"-->
<!-- title="Focus time"-->
<!-- >-->
<!-- &lt;!&ndash; {{focusModeTimeToGo / 60000}}min&ndash;&gt;-->
<!-- @if (isCountTimeDown) {-->
<!-- {{ (timeToGo$|async|msToMinuteClockString) }}-->
<!-- } @else {-->
<!-- {{ (timeElapsed$|async|msToMinuteClockString) }}-->
<!-- }-->
<!-- </div>-->
<!-- &lt;!&ndash; <div class="task-times">&ndash;&gt;-->
<!-- &lt;!&ndash; {{task.timeSpent|msToString}}/{{task.timeEstimate|msToString}}&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
<!-- @if ((simpleCounterService.enabledSimpleCounters$|async); as enabledSimpleCounters) {-->
<!-- @if () {-->
<!-- } (enabledSimpleCounters.length) {-->
<!-- <section class="simple-counter-buttons">-->
<!-- @for (simpleCounter of enabledSimpleCounters; track trackById($index, simpleCounter))-->
<!-- {-->
<!-- <simple-counter-button-->
<!-- [class.isHiddenWithoutFocus]="!simpleCounter.isOn"-->
<!-- [simpleCounter]="simpleCounter"-->
<!-- ></simple-counter-button>-->
<!-- }-->
<!-- </section>-->
<!-- }-->
<!-- }-->
<!-- <section class="controls">-->
<!-- <button-->
<!-- mat-icon-button-->
<!-- [matTooltip]="T.F.FOCUS_MODE.FINISH_TASK_AND_SELECT_NEXT|translate"-->
<!-- (click)="finishCurrentTask();"-->
<!-- >-->
<!-- <mat-icon>done</mat-icon>-->
<!-- </button>-->
<!-- <button-->
<!-- mat-icon-button-->
<!-- [matTooltip]="T.F.FOCUS_MODE.GO_TO_PROCRASTINATION|translate"-->
<!-- (click)="getProcrastinationHelp()"-->
<!-- >-->
<!-- <mat-icon>flash_on</mat-icon>-->
<!-- </button>-->
<!-- @if (task.issueId && task.issueType !== ICAL_TYPE) {-->
<!-- <a-->
<!-- mat-icon-button-->
<!-- [matTooltip]="T.F.FOCUS_MODE.OPEN_ISSUE_IN_BROWSER|translate"-->
<!-- target="_blank"-->
<!-- [href]="issueUrl$|async"-->
<!-- >-->
<!-- @if (task.issuePoints) {-->
<!-- <div class="mini-badge bgc-primary">{{ task.issuePoints }}</div>-->
<!-- }-->
<!-- <mat-icon [svgIcon]="task.issueType|issueIcon"></mat-icon>-->
<!-- </a>-->
<!-- }-->
<!-- <button-->
<!-- (click)="isShowNotes=!isShowNotes"-->
<!-- [matTooltip]="T.F.FOCUS_MODE.SHOW_HIDE_NOTES_AND_ATTACHMENTS|translate"-->
<!-- class="ico-btn show-additional-info-btn"-->
<!-- color=""-->
<!-- mat-icon-button-->
<!-- >-->
<!-- @if (!isShowNotes) {-->
<!-- <mat-icon>chat</mat-icon>-->
<!-- }-->
<!-- @if (isShowNotes) {-->
<!-- <mat-icon>expand_less</mat-icon>-->
<!-- }-->
<!-- </button>-->
<!-- </section>-->
<!-- @if (isShowNotes) {-->
<!-- <div-->
<!-- style="height: 100px"-->
<!-- @expand-->
<!-- ></div>-->
<div
class="notes-and-attachments"
@slideInOutFromBottom
>
<button
(click)="isShowNotes=false"
class="hide-notes-btn"
color=""
mat-mini-fab
>
<mat-icon>expand_less</mat-icon>
</button>
<!-- <div-->
<!-- class="notes-and-attachments"-->
<!-- @slideInOutFromBottom-->
<!-- >-->
<!-- <button-->
<!-- (click)="isShowNotes=false"-->
<!-- class="hide-notes-btn"-->
<!-- color=""-->
<!-- mat-mini-fab-->
<!-- >-->
<!-- <mat-icon>expand_less</mat-icon>-->
<!-- </button>-->
<div class="notes-panel">
<inline-markdown
(blur)="isFocusNotes=false"
(blurred)="isFocusNotes=false"
(changed)="changeTaskNotes($event); isFocusNotes=false"
[isFocus]="isFocusNotes"
[isShowControls]="true"
[model]="task.notes|| defaultTaskNotes"
></inline-markdown>
</div>
@if (task.attachments.length) {
<div
class="attachment-list-wrapper"
@fade
>
<task-attachment-list
[taskId]="task.id"
[attachments]="task.attachments"
></task-attachment-list>
</div>
}
</div>
} @if (isDragOver) {
<div class="bgc-accent drag-over-msg">
<mat-icon>add</mat-icon>
{{ T.F.TASK.CMP.DROP_ATTACHMENT|translate:{ title: task.title } }}
</div>
} }
<!-- <div class="notes-panel">-->
<!-- <inline-markdown-->
<!-- (blur)="isFocusNotes=false"-->
<!-- (blurred)="isFocusNotes=false"-->
<!-- (changed)="changeTaskNotes($event); isFocusNotes=false"-->
<!-- [isFocus]="isFocusNotes"-->
<!-- [isShowControls]="true"-->
<!-- [model]="task.notes|| defaultTaskNotes"-->
<!-- ></inline-markdown>-->
<!-- </div>-->
<!-- @if (task.attachments.length) {-->
<!-- <div-->
<!-- class="attachment-list-wrapper"-->
<!-- @fade-->
<!-- >-->
<!-- <task-attachment-list-->
<!-- [taskId]="task.id"-->
<!-- [attachments]="task.attachments"-->
<!-- ></task-attachment-list>-->
<!-- </div>-->
<!-- }-->
<!-- </div>-->
<!-- }-->
<!-- @if (isDragOver) {-->
<!-- <div class="bgc-accent drag-over-msg">-->
<!-- <mat-icon>add</mat-icon>-->
<!-- {{ T.F.TASK.CMP.DROP_ATTACHMENT|translate:{ title: task.title } }}-->
<!-- </div>-->
<!-- }-->
<!--}-->

56
src/app/features/focus-mode/focus-mode-overlay/focus-mode-overlay.component.html
View file

@ -1,11 +1,11 @@
<div class="mac-os-drag-bar"></div>
@if (!(isPomodoroEnabled$|async)) {
<header>
@if (!(isPomodoroEnabled$ | async)) {
<header>
<banner></banner>
</header>
@if (activePage()) {
<main>
</header>
@if (activePage()) {
<main>
@if (activePage() === FocusModePage.ProcrastinationHelp) {
<button
class="close-btn"
@ -14,7 +14,8 @@
>
<mat-icon>close</mat-icon>
</button>
} @if (activePage() !== FocusModePage.ProcrastinationHelp) {
}
@if (activePage() !== FocusModePage.ProcrastinationHelp) {
<button
class="close-btn"
mat-icon-button
@ -32,7 +33,9 @@
>
<mat-button-toggle [value]="FocusModeMode.Flowtime">Flowtime</mat-button-toggle>
<!-- <mat-button-toggle [value]="FocusModeMode.Pomodoro">Pomodoro</mat-button-toggle>-->
<mat-button-toggle [value]="FocusModeMode.Countdown">Countdown</mat-button-toggle>
<mat-button-toggle [value]="FocusModeMode.Countdown"
>Countdown</mat-button-toggle
>
</mat-button-toggle-group>
</ng-template>
@ -46,36 +49,43 @@
>
<procrastination></procrastination>
</div>
} @case (FocusModePage.TaskSelection) {
}
@case (FocusModePage.TaskSelection) {
<ng-container *ngTemplateOutlet="selectModeTpl"></ng-container>
<focus-mode-task-selection
style="margin-bottom: auto; margin-top: -32px"
@warpIn
></focus-mode-task-selection>
} @case (FocusModePage.DurationSelection) {
}
@case (FocusModePage.DurationSelection) {
<ng-container *ngTemplateOutlet="selectModeTpl"></ng-container>
<focus-mode-duration-selection
style="margin-bottom: auto; margin-top: -32px"
@warpIn
></focus-mode-duration-selection>
} @case (FocusModePage.Preparation) {
}
@case (FocusModePage.Preparation) {
<focus-mode-preparation @warpIn></focus-mode-preparation>
} @case (FocusModePage.Main) {
}
@case (FocusModePage.Main) {
<focus-mode-main @warpIn></focus-mode-main>
} @case (FocusModePage.SessionDone) {
}
@case (FocusModePage.SessionDone) {
<focus-mode-task-done @warpIn></focus-mode-task-done>
} }
</main>
} } @else {
<button
}
}
</main>
}
} @else {
<button
class="close-btn"
mat-icon-button
(click)="closeOverlay()"
>
>
<mat-icon>close</mat-icon>
</button>
<div class="pomodoro-info-wrapper">
<div class="pomodoro-info-msg">{{ T.F.FOCUS_MODE.POMODORO_INFO|translate }}</div>
</button>
<div class="pomodoro-info-wrapper">
<div class="pomodoro-info-msg">{{ T.F.FOCUS_MODE.POMODORO_INFO | translate }}</div>
<div style="text-align: center">
<button
mat-stroked-button
@ -83,15 +93,15 @@
(click)="deactivatePomodoro()"
>
<mat-icon>alarm_off</mat-icon>
{{ T.F.FOCUS_MODE.POMODORO_DISABLE|translate }}
{{ T.F.FOCUS_MODE.POMODORO_DISABLE | translate }}
</button>
<button
mat-stroked-button
(click)="cancelFocusSession()"
>
<mat-icon>arrow_back</mat-icon>
{{ T.F.FOCUS_MODE.BACK_TO_PLANNING|translate }}
{{ T.F.FOCUS_MODE.BACK_TO_PLANNING | translate }}
</button>
</div>
</div>
</div>
}

26
src/app/features/focus-mode/focus-mode-preparation/focus-mode-preparation.component.html
View file

@ -1,12 +1,13 @@
@if (countdown$|async; as countdown) { @if (countdown > 0) {
<section>
<div class="action-msg">{{T.F.FOCUS_MODE.GET_READY|translate}}</div>
@if (countdown$ | async; as countdown) {
@if (countdown > 0) {
<section>
<div class="action-msg">{{ T.F.FOCUS_MODE.GET_READY | translate }}</div>
<ol>
<li>{{T.F.FOCUS_MODE.PREP_STRETCH|translate}}</li>
<li>{{T.F.FOCUS_MODE.PREP_SIT_UPRIGHT|translate}}</li>
<li>{{T.F.FOCUS_MODE.PREP_GET_MENTALLY_READY|translate}}</li>
<li>{{ T.F.FOCUS_MODE.PREP_STRETCH | translate }}</li>
<li>{{ T.F.FOCUS_MODE.PREP_SIT_UPRIGHT | translate }}</li>
<li>{{ T.F.FOCUS_MODE.PREP_GET_MENTALLY_READY | translate }}</li>
</ol>
<div class="countdown-timer">{{countdown}}</div>
<div class="countdown-timer">{{ countdown }}</div>
<!-- <div style="text-align: center">-->
<!-- <button-->
<!-- type="submit"-->
@ -17,9 +18,10 @@
<!-- Start Focus Session-->
<!-- </button>-->
<!-- </div>-->
</section>
} } @else {
<section @fade>
<div class="action-msg">{{T.F.FOCUS_MODE.GOGOGO|translate}}</div>
</section>
</section>
}
} @else {
<section @fade>
<div class="action-msg">{{ T.F.FOCUS_MODE.GOGOGO | translate }}</div>
</section>
}

19
src/app/features/focus-mode/focus-mode-task-done/focus-mode-task-done.component.html
View file

@ -7,12 +7,12 @@
<h1>Focus Session Completed!</h1>
<div class="msg">
<div class="worked-for-label">{{T.F.FOCUS_MODE.WORKED_FOR|translate}}</div>
<div class="worked-for-value">{{6213000|msToString:true}}</div>
<div class="worked-for-label">{{ T.F.FOCUS_MODE.WORKED_FOR | translate }}</div>
<div class="worked-for-value">{{ 6213000 | msToString: true }}</div>
<!-- <div class="worked-for-value">{{timeElapsed$|async|msToString:true}}</div>-->
<div class="task-title-label">{{T.F.FOCUS_MODE.ON|translate}}</div>
<div class="task-title">{{taskTitle$|async}}</div>
<div class="task-title-label">{{ T.F.FOCUS_MODE.ON | translate }}</div>
<div class="task-title">{{ taskTitle$ | async }}</div>
</div>
<div class="btn-wrapper">
@ -21,24 +21,25 @@
color="primary"
(click)="closeFocusOverlay()"
>
{{T.F.FOCUS_MODE.BACK_TO_PLANNING|translate}}
{{ T.F.FOCUS_MODE.BACK_TO_PLANNING | translate }}
</button>
@if (!(currentTask$|async)) {
@if (!(currentTask$ | async)) {
<button
mat-raised-button
color="primary"
(click)="startNextFocusSession()"
>
{{T.F.FOCUS_MODE.START_NEXT_FOCUS_SESSION|translate}}
{{ T.F.FOCUS_MODE.START_NEXT_FOCUS_SESSION | translate }}
</button>
} @if ((currentTask$|async)) {
}
@if (currentTask$ | async) {
<button
mat-raised-button
color="primary"
(click)="continueWithFocusSession()"
>
{{T.F.FOCUS_MODE.CONTINUE_FOCUS_SESSION|translate}}
{{ T.F.FOCUS_MODE.CONTINUE_FOCUS_SESSION | translate }}
</button>
}
</div>

8
src/app/features/focus-mode/focus-mode-task-selection/focus-mode-task-selection.component.html
View file

@ -1,12 +1,12 @@
<form
(submit)="$event.preventDefault();onSubmit($event)"
(submit)="$event.preventDefault(); onSubmit($event)"
novalidate
>
<h1>{{T.F.FOCUS_MODE.SELECT_TASK|translate}}</h1>
<h1>{{ T.F.FOCUS_MODE.SELECT_TASK | translate }}</h1>
<select-task
(taskChange)="onTaskChange($event)"
[initialTask]="initialTask$|async"
[initialTask]="initialTask$ | async"
[isIncludeDoneTasks]="false"
>
</select-task>
@ -17,6 +17,6 @@
color="primary"
mat-raised-button
>
{{T.F.FOCUS_MODE.NEXT|translate}}
{{ T.F.FOCUS_MODE.NEXT | translate }}
</button>
</form>

31
src/app/features/idle/dialog-idle/dialog-idle-split-mode/dialog-idle-split.component.html
View file

@ -2,8 +2,8 @@
class="dialog-content"
mat-dialog-content
>
<p>{{T.F.TIME_TRACKING.D_IDLE.IDLE_FOR|translate}}</p>
<div class="time">{{idleTime$|async|msToString:true}}</div>
<p>{{ T.F.TIME_TRACKING.D_IDLE.IDLE_FOR | translate }}</p>
<div class="time">{{ idleTime$ | async | msToString: true }}</div>
<div class="track-to-items">
@for (item of trackItems; track item) {
@ -26,28 +26,35 @@
[isIncludeDoneTasks]="true"
[initialTask]="item.task"
(taskChange)="onTaskChange(item, $event)"
[class.isDisabled]="item.type==='BREAK'"
[class.isDisabled]="item.type === 'BREAK'"
>
</select-task>
<section class="simple-counter-section">
@for (simpleCounterBtn of item.simpleCounterToggleBtns; track simpleCounterBtn)
{
@for (
simpleCounterBtn of item.simpleCounterToggleBtns;
track simpleCounterBtn
) {
<button
mat-mini-fab
class="simple-counter"
type="button"
(click)="simpleCounterBtn.isTrackTo=!simpleCounterBtn.isTrackTo"
[matTooltip]="(simpleCounterBtn.isTrackTo ? T.F.TIME_TRACKING.D_IDLE.SIMPLE_COUNTER_TOOLTIP_DISABLE : T.F.TIME_TRACKING.D_IDLE.SIMPLE_COUNTER_TOOLTIP)|translate:{ title: simpleCounterBtn.title }"
(click)="simpleCounterBtn.isTrackTo = !simpleCounterBtn.isTrackTo"
[matTooltip]="
(simpleCounterBtn.isTrackTo
? T.F.TIME_TRACKING.D_IDLE.SIMPLE_COUNTER_TOOLTIP_DISABLE
: T.F.TIME_TRACKING.D_IDLE.SIMPLE_COUNTER_TOOLTIP
) | translate: { title: simpleCounterBtn.title }
"
[color]="simpleCounterBtn.isTrackTo ? 'primary' : ''"
>
<mat-icon>{{simpleCounterBtn.icon}}</mat-icon>
<mat-icon>{{ simpleCounterBtn.icon }}</mat-icon>
</button>
}
</section>
</div>
<input-duration-slider
[(model)]="item.time"
[label]="T.F.TASK.D_TIME.TIME_SPENT|translate"
[label]="T.F.TASK.D_TIME.TIME_SPENT | translate"
>
</input-duration-slider>
<div>
@ -69,7 +76,7 @@
(click)="addTrackItem()"
>
<mat-icon>add</mat-icon>
{{T.F.TIME_TRACKING.D_IDLE.ADD_ENTRY|translate}}
{{ T.F.TIME_TRACKING.D_IDLE.ADD_ENTRY | translate }}
</button>
</div>
</div>
@ -85,7 +92,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
<button
@ -95,6 +102,6 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{T.G.SAVE|translate}}
{{ T.G.SAVE | translate }}
</button>
</div>

49
src/app/features/idle/dialog-idle/dialog-idle.component.html
View file

@ -1,18 +1,18 @@
@if (isTaskDataLoadedIfNeeded) {
<form (submit)="$event.preventDefault();track()">
<form (submit)="$event.preventDefault(); track()">
<div
class="dialog-content"
mat-dialog-content
>
<p>{{T.F.TIME_TRACKING.D_IDLE.IDLE_FOR|translate}}</p>
<div class="time">{{idleTime$|async|msToString:true}}</div>
<p>{{ T.F.TIME_TRACKING.D_IDLE.IDLE_FOR | translate }}</p>
<div class="time">{{ idleTime$ | async | msToString: true }}</div>
<div
class="split-btn"
style="text-align: center"
>
<button
mat-icon-button
[matTooltip]="T.F.TIME_TRACKING.D_IDLE.SPLIT_TIME|translate"
[matTooltip]="T.F.TIME_TRACKING.D_IDLE.SPLIT_TIME | translate"
(click)="showSplit()"
type="button"
>
@ -21,9 +21,12 @@
</div>
<div class="track-to-label">
@if (!isCreate) {
<span>{{T.F.TIME_TRACKING.D_IDLE.TRACK_TO|translate}}</span>
} @if (isCreate) {
<span [innerHTML]="T.F.TIME_TRACKING.D_IDLE.CREATE_AND_TRACK|translate"></span>
<span>{{ T.F.TIME_TRACKING.D_IDLE.TRACK_TO | translate }}</span>
}
@if (isCreate) {
<span
[innerHTML]="T.F.TIME_TRACKING.D_IDLE.CREATE_AND_TRACK | translate"
></span>
}
</div>
<select-task
@ -37,15 +40,20 @@
mat-mini-fab
class="simple-counter"
type="button"
(click)="simpleCounterBtn.isTrackTo=!simpleCounterBtn.isTrackTo"
[matTooltip]="(simpleCounterBtn.isTrackTo ? T.F.TIME_TRACKING.D_IDLE.SIMPLE_COUNTER_TOOLTIP_DISABLE : T.F.TIME_TRACKING.D_IDLE.SIMPLE_COUNTER_TOOLTIP)|translate:{ title: simpleCounterBtn.title }"
(click)="simpleCounterBtn.isTrackTo = !simpleCounterBtn.isTrackTo"
[matTooltip]="
(simpleCounterBtn.isTrackTo
? T.F.TIME_TRACKING.D_IDLE.SIMPLE_COUNTER_TOOLTIP_DISABLE
: T.F.TIME_TRACKING.D_IDLE.SIMPLE_COUNTER_TOOLTIP
) | translate: { title: simpleCounterBtn.title }
"
[color]="simpleCounterBtn.isTrackTo ? 'primary' : ''"
>
<mat-icon>{{simpleCounterBtn.icon}}</mat-icon>
<mat-icon>{{ simpleCounterBtn.icon }}</mat-icon>
</button>
}
</section>
@if ((configService.takeABreak$|async)?.isTakeABreakEnabled) {
@if ((configService.takeABreak$ | async)?.isTakeABreakEnabled) {
<div
style="
display: flex;
@ -56,10 +64,9 @@
>
<mat-checkbox
[(ngModel)]="isResetBreakTimer"
[ngModelOptions]="
{standalone: true}"
[ngModelOptions]="{ standalone: true }"
>
{{ T.F.TIME_TRACKING.D_IDLE.RESET_BREAK_REMINDER_TIMER|translate }}
{{ T.F.TIME_TRACKING.D_IDLE.RESET_BREAK_REMINDER_TIMER | translate }}
</mat-checkbox>
</div>
}
@ -75,7 +82,7 @@
type="button"
>
<mat-icon>skip_next</mat-icon>
{{T.F.TIME_TRACKING.D_IDLE.SKIP|translate}}
{{ T.F.TIME_TRACKING.D_IDLE.SKIP | translate }}
</button>
<button
(click)="trackAsBreak()"
@ -84,20 +91,22 @@
type="button"
>
<mat-icon>free_breakfast</mat-icon>
{{T.F.TIME_TRACKING.D_IDLE.BREAK|translate}}
{{ T.F.TIME_TRACKING.D_IDLE.BREAK | translate }}
</button>
<button
[disabled]="!(selectedTask||newTaskTitle)"
[disabled]="!(selectedTask || newTaskTitle)"
color="primary"
mat-stroked-button
type="submit"
>
@if (!isCreate) {
<mat-icon>track_changes</mat-icon>
} @if (isCreate) {
}
@if (isCreate) {
<mat-icon>add</mat-icon>
} {{T.F.TIME_TRACKING.D_IDLE.TASK|translate}}
}
{{ T.F.TIME_TRACKING.D_IDLE.TASK | translate }}
</button>
</div>
</form>
</form>
}

22
src/app/features/issue-panel/issue-panel-calendar-agenda/issue-panel-calendar-agenda.component.html
View file

@ -1,19 +1,19 @@
@if (isLoading()) {
<div class="spinner">
<div class="spinner">
<mat-spinner diameter="50"></mat-spinner>
</div>
</div>
} @else if (error()) {
<error-card
<error-card
[errorTxt]="error()"
[actionAdvice]="'Check your config!'"
></error-card>
></error-card>
} @else if (!agendaItems()?.length) {
<div class="empty">No items found (already added are not shown)</div>
<div class="empty">No items found (already added are not shown)</div>
} @else {
<div class="agenda">
<div class="agenda">
@for (day of agendaItems(); track day.dayStr) {
<div class="agenda-day">
<h4>{{ day.dayStr|date:'shortDate' }}</h4>
<h4>{{ day.dayStr | date: 'shortDate' }}</h4>
<div
class="item-list"
[@standardList]="day.itemsForDay.length"
@ -22,12 +22,16 @@
<issue-preview-item
[issueProviderId]="issueProvider().id"
[itemData]="item"
[customTitleStr]="(item.issueData?.start|date:'shortTime') + ' – ' + item.issueData?.title"
[customTitleStr]="
(item.issueData?.start | date: 'shortTime') +
' – ' +
item.issueData?.title
"
(addIssue)="addIssue($event)"
></issue-preview-item>
}
</div>
</div>
}
</div>
</div>
}

4
src/app/features/issue-panel/issue-panel.component.html
View file

@ -1,5 +1,5 @@
@if (isShowIntro()) {
<issue-panel-intro></issue-panel-intro>
<issue-panel-intro></issue-panel-intro>
}
<mat-tab-group
@ -27,7 +27,7 @@
(longPress)="openEditIssueProvider(entry.issueProvider)"
>
<mat-icon
[svgIcon]="entry.issueProvider.issueProviderKey|issueIcon"
[svgIcon]="entry.issueProvider.issueProviderKey | issueIcon"
[matTooltip]="entry.tooltip"
matTooltipPosition="above"
></mat-icon>

8
src/app/features/issue-panel/issue-preview-item/issue-preview-item.component.html
View file

@ -8,12 +8,12 @@
<div class="title">{{ customTitleStr() || itemData().title }}</div>
@if(itemData().issueType !== ICAL_TYPE) {
<button
@if (itemData().issueType !== ICAL_TYPE) {
<button
class="open-issue"
mat-icon-button
(click)="openIssue()"
>
>
<mat-icon>open_in_new</mat-icon>
</button>
</button>
}

69
src/app/features/issue-panel/issue-provider-tab/issue-provider-tab.component.html
View file

@ -8,7 +8,8 @@
<mat-icon>settings</mat-icon>
</button>
<div class="title">{{ issueProviderTooltip() }}</div>
@let defaultP = defaultProject(); @if (defaultP) {
@let defaultP = defaultProject();
@if (defaultP) {
<mat-icon class="arrow">arrow_forward</mat-icon>
<div class="default-project">{{ defaultP.title }}</div>
}
@ -17,21 +18,20 @@
<!---->
@if (ip.isEnabled) {
<!---->
@if (ip.issueProviderKey === 'JIRA') {
<div [ngClass]="HelperClasses.isHideForAdvancedFeatures">
<p [innerHTML]="T.G.EXTENSION_INFO|translate"></p>
</div>
}
<!---->
@if(ip.issueProviderKey === 'ICAL') {
<issue-panel-calendar-agenda [issueProvider]="ip"></issue-panel-calendar-agenda>
} @else {
<form
<!---->
@if (ip.issueProviderKey === 'JIRA') {
<div [ngClass]="HelperClasses.isHideForAdvancedFeatures">
<p [innerHTML]="T.G.EXTENSION_INFO | translate"></p>
</div>
}
<!---->
@if (ip.issueProviderKey === 'ICAL') {
<issue-panel-calendar-agenda [issueProvider]="ip"></issue-panel-calendar-agenda>
} @else {
<form
class="example-form"
style="width: 100%; margin: 8px 0 16px"
>
>
<mat-form-field
style="width: 100%; margin: 0"
appearance="outline"
@ -63,7 +63,9 @@
(click)="unPinSearch()"
[matTooltip]="'Clear pinned search query'"
></mat-icon>
} @else if(ip?.pinnedSearch?.length||searchText()?.length >= SEARCH_MIN_LENGTH) {
} @else if (
ip?.pinnedSearch?.length || searchText()?.length >= SEARCH_MIN_LENGTH
) {
<mat-icon
class="keep-ico"
matSuffix
@ -74,12 +76,12 @@
></mat-icon>
}
<!-- -->
@if (searchText().length ===0 && issueProviderHelpLink()) {
@if (searchText().length === 0 && issueProviderHelpLink()) {
<mat-hint
><a
[href]="issueProviderHelpLink()"
target="_blank"
>{{ISSUE_PROVIDER_HUMANIZED[ip.issueProviderKey]}} search syntax</a
>{{ ISSUE_PROVIDER_HUMANIZED[ip.issueProviderKey] }} search syntax</a
></mat-hint
>
}
@ -92,25 +94,25 @@
<!-- >-->
<!-- }-->
</mat-form-field>
</form>
}
<!---->
@if (isLoading()) {
<div class="spinner">
</form>
}
<!---->
@if (isLoading()) {
<div class="spinner">
<mat-spinner diameter="50"></mat-spinner>
</div>
} @else if (error()) {
<error-card
</div>
} @else if (error()) {
<error-card
[errorTxt]="error()"
[actionAdvice]="'Check your config!'"
></error-card>
} @else if (!issueItems()?.length && searchText()?.length > 0) {
<div class="empty">No items found (already added are not shown)</div>
} @else {
<div
></error-card>
} @else if (!issueItems()?.length && searchText()?.length > 0) {
<div class="empty">No items found (already added are not shown)</div>
} @else {
<div
class="item-list"
[@standardList]="issueItems()?.length"
>
>
<!-- (cdkDropListDropped)="drop($event)"-->
@for (item of issueItems(); track item.issueData.id) {
@ -128,5 +130,6 @@
></issue-preview-item>
<!-- </div>-->
}
</div>
} }
</div>
}
}

69
src/app/features/issue/dialog-edit-issue-provider/dialog-edit-issue-provider.component.html
View file

@ -7,7 +7,7 @@
<h1 mat-dialog-title>
<mat-icon
class="dialog-header-icon"
[svgIcon]="(issueProviderKey)|issueIcon"
[svgIcon]="issueProviderKey | issueIcon"
></mat-icon>
<!-- TODO improve title -->
@ -20,31 +20,40 @@
(ngSubmit)="submit()"
>
<mat-dialog-content>
@if (configFormSection?.help||configFormSection?.helpArr) {
@if (configFormSection?.help || configFormSection?.helpArr) {
<help-section>
@if (configFormSection?.help) {
<div [innerHtml]="configFormSection?.help|translate"></div>
} @if (configFormSection?.helpArr) { @for (helpSection of
configFormSection?.helpArr; track helpSection) { @if (helpSection.h) {
<div class="mat-caption">{{ helpSection.h|translate }}</div>
} @if (helpSection.p) {
<p [innerHTML]="helpSection.p|translate"></p>
} @if (helpSection.p2) {
<p [innerHTML]="helpSection.p2|translate"></p>
} @if (helpSection.p3) {
<p [innerHTML]="helpSection.p3|translate"></p>
} @if (helpSection.p4) {
<p [innerHTML]="helpSection.p4|translate"></p>
} } }
<div [innerHtml]="configFormSection?.help | translate"></div>
}
@if (configFormSection?.helpArr) {
@for (helpSection of configFormSection?.helpArr; track helpSection) {
@if (helpSection.h) {
<div class="mat-caption">{{ helpSection.h | translate }}</div>
}
@if (helpSection.p) {
<p [innerHTML]="helpSection.p | translate"></p>
}
@if (helpSection.p2) {
<p [innerHTML]="helpSection.p2 | translate"></p>
}
@if (helpSection.p3) {
<p [innerHTML]="helpSection.p3 | translate"></p>
}
@if (helpSection.p4) {
<p [innerHTML]="helpSection.p4 | translate"></p>
}
}
}
</help-section>
} @if (isEdit) {
}
@if (isEdit) {
<div style="margin-bottom: 32px">
<mat-slide-toggle
[ngModel]="model.isEnabled"
(ngModelChange)="changeEnabled($event)"
[ngModelOptions]="{standalone: true}"
[ngModelOptions]="{ standalone: true }"
>
{{ T.G.ENABLED|translate }}
{{ T.G.ENABLED | translate }}
</mat-slide-toggle>
</div>
}
@ -53,7 +62,7 @@
<!-- -->
@if (issueProviderKey === ICAL_TYPE) {
<!-- -->
@if(d.calendarContextInfoTarget === 'GOOGLE'){
@if (d.calendarContextInfoTarget === 'GOOGLE') {
<div class="tpl">
<p>
<a
@ -66,7 +75,7 @@
</div>
}
<!-- -->
@if(d.calendarContextInfoTarget === 'OUTLOOK365'){
@if (d.calendarContextInfoTarget === 'OUTLOOK365') {
<div class="tpl">
<p>
<a
@ -77,11 +86,12 @@
</p>
<!-- <p [innerHTML]="T.G.EXTENSION_INFO|translate"></p>-->
</div>
} }
}
}
<!-- -->
@if (issueProviderKey === 'JIRA') {
<div [ngClass]="HelperClasses.isHideForAdvancedFeatures">
<p [innerHTML]="T.G.EXTENSION_INFO|translate"></p>
<p [innerHTML]="T.G.EXTENSION_INFO | translate"></p>
</div>
}
@ -94,21 +104,24 @@
@switch (issueProviderKey) {
<!-- -->
@case ("JIRA") {
@case ('JIRA') {
<jira-additonal-cfg
[section]="configFormSection"
[cfg]="model"
(modelChange)="customCfgCmpSave($event)"
></jira-additonal-cfg>
<!-- -->
} @case ("OPEN_PROJECT") {
}
@case ('OPEN_PROJECT') {
<open-project-additional-cfg
[section]="configFormSection"
[cfg]="model"
(modelChange)="customCfgCmpSave($event)"
></open-project-additional-cfg>
<!-- -->
} } }
}
}
}
</mat-dialog-content>
<mat-dialog-actions align="end">
@ -118,7 +131,7 @@
mat-button
type="button"
>
{{ T.G.CANCEL|translate }}
{{ T.G.CANCEL | translate }}
</button>
@if (isEdit) {
@ -129,7 +142,7 @@
type="button"
>
<mat-icon>delete_forever</mat-icon>
{{ T.G.DELETE|translate }}
{{ T.G.DELETE | translate }}
</button>
} @else {
<!-- -->
@ -159,7 +172,7 @@
[disabled]="form.invalid"
>
<mat-icon>save</mat-icon>
{{ T.G.SAVE|translate }}
{{ T.G.SAVE | translate }}
</button>
</mat-dialog-actions>
</form>

72
src/app/features/issue/issue-content/issue-content.component.html
View file

@ -1,36 +1,42 @@
@if (task?.issueType===JIRA_TYPE) {
<jira-issue-content
@if (task?.issueType === JIRA_TYPE) {
<jira-issue-content
[issue]="issueData()"
[task]="task"
></jira-issue-content>
} @if (task?.issueType===GITHUB_TYPE) {
<github-issue-content
[issue]="issueData()"
[task]="task"
></github-issue-content>
} @if (task?.issueType===REDMINE_TYPE) {
<redmine-issue-content
[issue]="issueData()"
[task]="task"
></redmine-issue-content>
} @if (task?.issueType===GITLAB_TYPE) {
<gitlab-issue-content
[issue]="issueData()"
[task]="task"
></gitlab-issue-content>
} @if (task?.issueType===CALDAV_TYPE) {
<caldav-issue-content
[issue]="issueData()"
[task]="task"
></caldav-issue-content>
} @if (task?.issueType===OPEN_PROJECT_TYPE) {
<open-project-issue-content
[issue]="issueData()"
[task]="task"
></open-project-issue-content>
} @if (task?.issueType===GITEA_TYPE) {
<gitea-issue-content
[issue]="issueData()"
[task]="task"
></gitea-issue-content>
></jira-issue-content>
}
@if (task?.issueType === GITHUB_TYPE) {
<github-issue-content
[issue]="issueData()"
[task]="task"
></github-issue-content>
}
@if (task?.issueType === REDMINE_TYPE) {
<redmine-issue-content
[issue]="issueData()"
[task]="task"
></redmine-issue-content>
}
@if (task?.issueType === GITLAB_TYPE) {
<gitlab-issue-content
[issue]="issueData()"
[task]="task"
></gitlab-issue-content>
}
@if (task?.issueType === CALDAV_TYPE) {
<caldav-issue-content
[issue]="issueData()"
[task]="task"
></caldav-issue-content>
}
@if (task?.issueType === OPEN_PROJECT_TYPE) {
<open-project-issue-content
[issue]="issueData()"
[task]="task"
></open-project-issue-content>
}
@if (task?.issueType === GITEA_TYPE) {
<gitea-issue-content
[issue]="issueData()"
[task]="task"
></gitea-issue-content>
}

32
src/app/features/issue/issue-header/issue-header.component.html
View file

@ -1,15 +1,21 @@
@if (task?.issueType === JIRA_TYPE) {
<jira-issue-header [task]="task"></jira-issue-header>
} @if (task?.issueType === GITHUB_TYPE) {
<github-issue-header [task]="task"></github-issue-header>
} @if (task?.issueType === REDMINE_TYPE) {
<redmine-issue-header [task]="task"></redmine-issue-header>
} @if (task?.issueType === GITLAB_TYPE) {
<gitlab-issue-header [task]="task"></gitlab-issue-header>
} @if (task?.issueType === CALDAV_TYPE) {
<caldav-issue-header [task]="task"></caldav-issue-header>
} @if (task?.issueType === OPEN_PROJECT_TYPE) {
<open-project-issue-header [task]="task"></open-project-issue-header>
} @if (task?.issueType === GITEA_TYPE) {
<gitea-issue-header [task]="task"></gitea-issue-header>
<jira-issue-header [task]="task"></jira-issue-header>
}
@if (task?.issueType === GITHUB_TYPE) {
<github-issue-header [task]="task"></github-issue-header>
}
@if (task?.issueType === REDMINE_TYPE) {
<redmine-issue-header [task]="task"></redmine-issue-header>
}
@if (task?.issueType === GITLAB_TYPE) {
<gitlab-issue-header [task]="task"></gitlab-issue-header>
}
@if (task?.issueType === CALDAV_TYPE) {
<caldav-issue-header [task]="task"></caldav-issue-header>
}
@if (task?.issueType === OPEN_PROJECT_TYPE) {
<open-project-issue-header [task]="task"></open-project-issue-header>
}
@if (task?.issueType === GITEA_TYPE) {
<gitea-issue-header [task]="task"></gitea-issue-header>
}

21
src/app/features/issue/providers/caldav/caldav-issue/caldav-issue-content/caldav-issue-content.component.html
View file

@ -9,7 +9,7 @@
color="accent"
mat-raised-button
>
{{T.F.CALDAV.ISSUE_CONTENT.MARK_AS_CHECKED|translate}}
{{ T.F.CALDAV.ISSUE_CONTENT.MARK_AS_CHECKED | translate }}
</button>
</div>
}
@ -17,27 +17,30 @@
<div class="table-wrapper">
<table class="issue-table">
<tr>
<th>{{T.F.CALDAV.ISSUE_CONTENT.SUMMARY|translate}}</th>
<td><strong>{{issue?.summary}}</strong></td>
<th>{{ T.F.CALDAV.ISSUE_CONTENT.SUMMARY | translate }}</th>
<td>
<strong>{{ issue?.summary }}</strong>
</td>
</tr>
<tr>
<th>{{T.F.CALDAV.ISSUE_CONTENT.STATUS|translate}}</th>
<td>{{issue?.completed}}</td>
<th>{{ T.F.CALDAV.ISSUE_CONTENT.STATUS | translate }}</th>
<td>{{ issue?.completed }}</td>
</tr>
@if (issue?.labels?.length) {
<tr>
<th>{{T.F.CALDAV.ISSUE_CONTENT.LABELS|translate}}</th>
<th>{{ T.F.CALDAV.ISSUE_CONTENT.LABELS | translate }}</th>
<td>
<mat-chip-listbox>
@for (label of issue?.labels; track label) {
<mat-chip-option [title]="label">{{label}} </mat-chip-option>
<mat-chip-option [title]="label">{{ label }} </mat-chip-option>
}
</mat-chip-listbox>
</td>
</tr>
} @if (issue?.note) {
}
@if (issue?.note) {
<tr>
<th>{{T.F.CALDAV.ISSUE_CONTENT.DESCRIPTION|translate}}</th>
<th>{{ T.F.CALDAV.ISSUE_CONTENT.DESCRIPTION | translate }}</th>
<td class="issue-description">
<div
[data]="issue?.note"

13
src/app/features/issue/providers/caldav/caldav-issue/caldav-issue-header/caldav-issue-header.component.html
View file

@ -1,14 +1,15 @@
@if (task()?.issueWasUpdated) {
<mat-icon
<mat-icon
color="accent"
style="margin-right: 8px"
>update
</mat-icon>
} @if (!task()?.issueWasUpdated) {
<mat-icon
</mat-icon>
}
@if (!task()?.issueWasUpdated) {
<mat-icon
style="margin-right: 8px"
svgIcon="caldav"
>
</mat-icon>
>
</mat-icon>
}
<span class="tab-label-text">Caldav</span>

32
src/app/features/issue/providers/gitea/gitea-issue/gitea-issue-content/gitea-issue-content.component.html
View file

@ -9,7 +9,7 @@
color="accent"
mat-raised-button
>
{{T.F.GITEA.ISSUE_CONTENT.MARK_AS_CHECKED|translate}}
{{ T.F.GITEA.ISSUE_CONTENT.MARK_AS_CHECKED | translate }}
</button>
</div>
}
@ -17,48 +17,50 @@
<div class="table-wrapper">
<table class="issue-table">
<tr>
<th>{{T.F.GITEA.ISSUE_CONTENT.SUMMARY|translate}}</th>
<th>{{ T.F.GITEA.ISSUE_CONTENT.SUMMARY | translate }}</th>
<td>
<a
[href]="issue?.html_url"
target="_blank"
><strong>{{issue?.title}} #{{issue?.number}}</strong></a
><strong>{{ issue?.title }} #{{ issue?.number }}</strong></a
>
</td>
</tr>
<tr>
<th>{{T.F.GITEA.ISSUE_CONTENT.PROJECT|translate}}</th>
<td>{{issue?.repository.name}}</td>
<th>{{ T.F.GITEA.ISSUE_CONTENT.PROJECT | translate }}</th>
<td>{{ issue?.repository.name }}</td>
</tr>
<tr>
<th>{{T.F.GITEA.ISSUE_CONTENT.STATUS|translate}}</th>
<td>{{issue?.state}}</td>
<th>{{ T.F.GITEA.ISSUE_CONTENT.STATUS | translate }}</th>
<td>{{ issue?.state }}</td>
</tr>
@if (issue?.assignee?.web_url) {
<tr>
<th>{{T.F.GITEA.ISSUE_CONTENT.ASSIGNEE|translate}}</th>
<th>{{ T.F.GITEA.ISSUE_CONTENT.ASSIGNEE | translate }}</th>
<td>
<a
[href]="issue?.assignee?.web_url"
target="_blank"
>{{issue?.assignee?.username}}</a
>{{ issue?.assignee?.username }}</a
>
</td>
</tr>
} @if (issue?.labels?.length) {
}
@if (issue?.labels?.length) {
<tr>
<th>{{T.F.GITEA.ISSUE_CONTENT.LABELS|translate}}</th>
<th>{{ T.F.GITEA.ISSUE_CONTENT.LABELS | translate }}</th>
<td>
<mat-chip-listbox>
@for (label of issue?.labels; track label) {
<mat-chip-option [title]="label.name">{{label.name}} </mat-chip-option>
<mat-chip-option [title]="label.name">{{ label.name }} </mat-chip-option>
}
</mat-chip-listbox>
</td>
</tr>
} @if (issue?.body) {
}
@if (issue?.body) {
<tr>
<th>{{T.F.GITEA.ISSUE_CONTENT.DESCRIPTION|translate}}</th>
<th>{{ T.F.GITEA.ISSUE_CONTENT.DESCRIPTION | translate }}</th>
<td class="issue-description">
<div
[data]="issue?.body"
@ -78,7 +80,7 @@
target="_blank"
>
<mat-icon>textsms</mat-icon>
{{T.F.GITEA.ISSUE_CONTENT.WRITE_A_COMMENT|translate}}
{{ T.F.GITEA.ISSUE_CONTENT.WRITE_A_COMMENT | translate }}
</a>
</div>
</div>

13
src/app/features/issue/providers/gitea/gitea-issue/gitea-issue-header/gitea-issue-header.component.html
View file

@ -1,14 +1,15 @@
@if (task()?.issueWasUpdated) {
<mat-icon
<mat-icon
color="accent"
style="margin-right: 8px"
>update
</mat-icon>
} @if (!task()?.issueWasUpdated) {
<mat-icon
</mat-icon>
}
@if (!task()?.issueWasUpdated) {
<mat-icon
style="margin-right: 8px"
svgIcon="gitea"
>
</mat-icon>
>
</mat-icon>
}
<span class="tab-label-text">Gitea</span>

78
src/app/features/issue/providers/github/github-issue/github-issue-content/github-issue-content.component.html
View file

@ -9,7 +9,7 @@
color="accent"
mat-raised-button
>
{{T.F.GITHUB.ISSUE_CONTENT.MARK_AS_CHECKED|translate}}
{{ T.F.GITHUB.ISSUE_CONTENT.MARK_AS_CHECKED | translate }}
</button>
</div>
}
@ -17,44 +17,48 @@
<div class="table-wrapper">
<table class="issue-table">
<tr>
<th>{{T.F.GITHUB.ISSUE_CONTENT.SUMMARY|translate}}</th>
<th>{{ T.F.GITHUB.ISSUE_CONTENT.SUMMARY | translate }}</th>
<td>
<a
[href]="issue?.html_url"
target="_blank"
><strong>{{issue?.title}} #{{issue?.number}}</strong></a
><strong>{{ issue?.title }} #{{ issue?.number }}</strong></a
>
</td>
</tr>
<tr>
<th>{{T.F.GITHUB.ISSUE_CONTENT.STATUS|translate}}</th>
<td>{{issue?.state}}</td>
<th>{{ T.F.GITHUB.ISSUE_CONTENT.STATUS | translate }}</th>
<td>{{ issue?.state }}</td>
</tr>
@if (issue?.assignee?.html_url) {
<tr>
<th>{{T.F.GITHUB.ISSUE_CONTENT.ASSIGNEE|translate}}</th>
<th>{{ T.F.GITHUB.ISSUE_CONTENT.ASSIGNEE | translate }}</th>
<td>
<a
[href]="issue?.assignee?.html_url"
target="_blank"
>{{issue?.assignee?.login}}</a
>{{ issue?.assignee?.login }}</a
>
</td>
</tr>
} @if (issue?.labels?.length) {
}
@if (issue?.labels?.length) {
<tr>
<th>{{T.F.GITHUB.ISSUE_CONTENT.LABELS|translate}}</th>
<th>{{ T.F.GITHUB.ISSUE_CONTENT.LABELS | translate }}</th>
<td>
<mat-chip-listbox>
@for (label of issue?.labels; track trackByIndex($index, label)) {
<mat-chip-option [title]="label.description">{{label.name}} </mat-chip-option>
<mat-chip-option [title]="label.description"
>{{ label.name }}
</mat-chip-option>
}
</mat-chip-listbox>
</td>
</tr>
} @if (issue?.body && !isCollapsedIssueSummary()) {
}
@if (issue?.body && !isCollapsedIssueSummary()) {
<tr>
<th>{{T.F.GITHUB.ISSUE_CONTENT.DESCRIPTION|translate}}</th>
<th>{{ T.F.GITHUB.ISSUE_CONTENT.DESCRIPTION | translate }}</th>
<td class="issue-description">
<div
[data]="issue?.body"
@ -73,62 +77,74 @@
<button
mat-stroked-button
class="load-comments-and-all-data"
(click)="isForceShowDescription=true; isForceShowAllComments= true"
(click)="isForceShowDescription = true; isForceShowAllComments = true"
>
<mat-icon>download</mat-icon>
@if (isCollapsedIssueSummary()) {
<span style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap"
>{{T.F.GITHUB.ISSUE_CONTENT.LOAD_DESCRIPTION_AND_ALL_COMMENTS|translate}}</span
<span
style="text-overflow: ellipsis; overflow: hidden; white-space: nowrap"
>{{
T.F.GITHUB.ISSUE_CONTENT.LOAD_DESCRIPTION_AND_ALL_COMMENTS | translate
}}</span
>
} @if (!isCollapsedIssueSummary()) {
{{T.F.GITHUB.ISSUE_CONTENT.LOAD_ALL_COMMENTS|translate:{ nr:
issue?.comments?.length } }} }
}
@if (!isCollapsedIssueSummary()) {
{{
T.F.GITHUB.ISSUE_CONTENT.LOAD_ALL_COMMENTS
| translate: { nr: issue?.comments?.length }
}}
}
</button>
</div>
<h3 class="last-comment-headline">
{{T.F.GITHUB.ISSUE_CONTENT.LAST_COMMENT|translate}}
{{ T.F.GITHUB.ISSUE_CONTENT.LAST_COMMENT | translate }}
</h3>
<div class="comment isLastComment">
<!--<img [src]="comment.author.avatarUrl"-->
<!--class="author-avatar">-->
<div class="name-and-comment-content">
<div>
<span class="author-name">{{lastComment().user?.login}}</span>
<span class="author-name">{{ lastComment().user?.login }}</span>
<span class="when"
>{{T.F.GITHUB.ISSUE_CONTENT.AT|translate}}
{{lastComment().created_at|date:'short'}}</span
>{{ T.F.GITHUB.ISSUE_CONTENT.AT | translate }}
{{ lastComment().created_at | date: 'short' }}</span
>
</div>
@if (lastComment().body) {
<div
[innerHTML]="lastComment().body|markdown|async"
[innerHTML]="lastComment().body | markdown | async"
class="markdown"
></div>
}
</div>
</div>
} @if (!isCollapsedIssueComments()) { @for (comment of
(issue?.comments|sort:'created_at'); track trackByIndex($index, comment)) {
}
@if (!isCollapsedIssueComments()) {
@for (
comment of issue?.comments | sort: 'created_at';
track trackByIndex($index, comment)
) {
<div class="comment">
<!--<img [src]="comment.author.avatarUrl"-->
<!--class="author-avatar">-->
<div class="name-and-comment-content">
<div>
<span class="author-name">{{comment.user?.login}}</span>
<span class="author-name">{{ comment.user?.login }}</span>
<span class="when"
>{{T.F.GITHUB.ISSUE_CONTENT.AT|translate}}
{{comment.created_at|date:'short'}}</span
>{{ T.F.GITHUB.ISSUE_CONTENT.AT | translate }}
{{ comment.created_at | date: 'short' }}</span
>
</div>
@if (comment.body) {
<div
[innerHTML]="comment?.body|markdown|async"
[innerHTML]="comment?.body | markdown | async"
class="markdown"
></div>
}
</div>
</div>
} }
}
}
<!-- <div-->
<!-- *ngFor="let comment of (issue?.comments|sort:'created_at'); trackBy: trackByIndex"-->
<!-- class="comment"-->
@ -162,7 +178,7 @@
target="_blank"
>
<mat-icon>textsms</mat-icon>
{{T.F.GITHUB.ISSUE_CONTENT.WRITE_A_COMMENT|translate}}
{{ T.F.GITHUB.ISSUE_CONTENT.WRITE_A_COMMENT | translate }}
</a>
</div>
<!--<pre><code>-->

13
src/app/features/issue/providers/github/github-issue/github-issue-header/github-issue-header.component.html
View file

@ -1,14 +1,15 @@
@if (task()?.issueWasUpdated) {
<mat-icon
<mat-icon
color="accent"
style="margin-right: 8px"
>update
</mat-icon>
} @if (!task()?.issueWasUpdated) {
<mat-icon
</mat-icon>
}
@if (!task()?.issueWasUpdated) {
<mat-icon
style="margin-right: 8px"
svgIcon="github"
>
</mat-icon>
>
</mat-icon>
}
<span class="tab-label-text">Github</span>

41
src/app/features/issue/providers/gitlab/dialog-gitlab-submit-worklog-for-day/dialog-gitlab-submit-worklog-for-day.component.html
View file

@ -3,7 +3,7 @@
class="dialog-header-icon"
svgIcon="gitlab"
></mat-icon>
<span>{{ T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.TITLE|translate }}</span>
<span>{{ T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.TITLE | translate }}</span>
</h1>
<mat-dialog-content>
@ -18,11 +18,13 @@
</div>
}
<h3>For gitlab project: <strong>{{ (issueProviderCfg$|async)?.project }}</strong></h3>
<h3>
For gitlab project: <strong>{{ (issueProviderCfg$ | async)?.project }}</strong>
</h3>
<div class="table-wrapper">
<table
[dataSource]="tmpTasks$|async"
[dataSource]="tmpTasks$ | async"
class="summary-table"
mat-table
>
@ -31,7 +33,7 @@
*matHeaderCellDef
mat-header-cell
>
{{ T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.T_TITLE|translate }} Title
{{ T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.T_TITLE | translate }} Title
</th>
<td
*matCellDef="let tmpTask"
@ -46,13 +48,13 @@
*matHeaderCellDef
mat-header-cell
>
{{ T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.T_ALREADY_TRACKED|translate }}
{{ T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.T_ALREADY_TRACKED | translate }}
</th>
<td
*matCellDef="let tmpTask"
mat-cell
>
{{ tmpTask.timeTrackedAlreadyRemote|msToClockString }}
{{ tmpTask.timeTrackedAlreadyRemote | msToClockString }}
</td>
</ng-container>
@ -61,7 +63,7 @@
*matHeaderCellDef
mat-header-cell
>
{{ T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.T_TO_BE_SUBMITTED|translate }}
{{ T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.T_TO_BE_SUBMITTED | translate }}
</th>
<td
*matCellDef="let tmpTask"
@ -70,13 +72,13 @@
@if (tmpTask.isPastTrackedData) {
<span
class="past-info-ico"
[matTooltip]="T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.PAST_DAY_INFO|translate"
[matTooltip]="T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.PAST_DAY_INFO | translate"
>!!!</span
>
}
<inline-input
(changed)="updateTimeSpentTodayForTask(tmpTask, $event)"
[displayValue]="tmpTask.timeToSubmit|msToClockString"
[displayValue]="tmpTask.timeToSubmit | msToClockString"
[type]="'duration'"
[value]="tmpTask.timeToSubmit"
>
@ -85,11 +87,14 @@
</ng-container>
<tr
*matHeaderRowDef="['title', 'timeTrackedAlreadyRemote','timeToSubmit']"
*matHeaderRowDef="['title', 'timeTrackedAlreadyRemote', 'timeToSubmit']"
mat-header-row
></tr>
<tr
*matRowDef="let row; columns: ['title','timeTrackedAlreadyRemote','timeToSubmit']"
*matRowDef="
let row;
columns: ['title', 'timeTrackedAlreadyRemote', 'timeToSubmit']
"
mat-row
></tr>
</table>
@ -97,8 +102,14 @@
<div
class="total-msg"
[innerHTML]="T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.TOTAL_MSG|translate:{totalTimeToSubmit: totalTimeToSubmit$|async|msToString,
nrOfTasksToSubmit: (tmpTasksToTrack$|async)?.length}"
[innerHTML]="
T.F.GITLAB.DIALOG_SUBMIT_WORKLOG.TOTAL_MSG
| translate
: {
totalTimeToSubmit: totalTimeToSubmit$ | async | msToString,
nrOfTasksToSubmit: (tmpTasksToTrack$ | async)?.length,
}
"
></div>
</mat-dialog-content>
@ -109,7 +120,7 @@
mat-button
type="button"
>
{{ T.G.CANCEL|translate }}
{{ T.G.CANCEL | translate }}
</button>
<button
@ -122,6 +133,6 @@
class="dialog-header-icon"
svgIcon="gitlab"
></mat-icon>
{{ T.G.SUBMIT|translate }}
{{ T.G.SUBMIT | translate }}
</button>
</mat-dialog-actions>

42
src/app/features/issue/providers/gitlab/gitlab-issue/gitlab-issue-content/gitlab-issue-content.component.html
View file

@ -9,7 +9,7 @@
color="accent"
mat-raised-button
>
{{T.F.GITLAB.ISSUE_CONTENT.MARK_AS_CHECKED|translate}}
{{ T.F.GITLAB.ISSUE_CONTENT.MARK_AS_CHECKED | translate }}
</button>
</div>
}
@ -17,12 +17,12 @@
<div class="table-wrapper">
<table class="issue-table">
<tr>
<th>{{T.F.GITLAB.ISSUE_CONTENT.SUMMARY|translate}}</th>
<th>{{ T.F.GITLAB.ISSUE_CONTENT.SUMMARY | translate }}</th>
<td>
<a
[href]="issue?.html_url"
target="_blank"
><strong>{{issue?.title}} #{{issue?.number}}</strong></a
><strong>{{ issue?.title }} #{{ issue?.number }}</strong></a
>
</td>
</tr>
@ -31,34 +31,36 @@
<!-- <td>{{issue?.project}}</td>-->
<!-- </tr>-->
<tr>
<th>{{T.F.GITLAB.ISSUE_CONTENT.STATUS|translate}}</th>
<td>{{issue?.state}}</td>
<th>{{ T.F.GITLAB.ISSUE_CONTENT.STATUS | translate }}</th>
<td>{{ issue?.state }}</td>
</tr>
@if (issue?.assignee?.web_url) {
<tr>
<th>{{T.F.GITLAB.ISSUE_CONTENT.ASSIGNEE|translate}}</th>
<th>{{ T.F.GITLAB.ISSUE_CONTENT.ASSIGNEE | translate }}</th>
<td>
<a
[href]="issue?.assignee?.web_url"
target="_blank"
>{{issue?.assignee?.username}}</a
>{{ issue?.assignee?.username }}</a
>
</td>
</tr>
} @if (issue?.labels?.length) {
}
@if (issue?.labels?.length) {
<tr>
<th>{{T.F.GITLAB.ISSUE_CONTENT.LABELS|translate}}</th>
<th>{{ T.F.GITLAB.ISSUE_CONTENT.LABELS | translate }}</th>
<td>
<mat-chip-listbox>
@for (label of issue?.labels; track label) {
<mat-chip-option [title]="label">{{label}} </mat-chip-option>
<mat-chip-option [title]="label">{{ label }} </mat-chip-option>
}
</mat-chip-listbox>
</td>
</tr>
} @if (issue?.body) {
}
@if (issue?.body) {
<tr>
<th>{{T.F.GITLAB.ISSUE_CONTENT.DESCRIPTION|translate}}</th>
<th>{{ T.F.GITLAB.ISSUE_CONTENT.DESCRIPTION | translate }}</th>
<td class="issue-description">
<div
[data]="issue?.body"
@ -72,20 +74,22 @@
@if (issue?.comments) {
<div>
@for (comment of (issue?.comments|sort:'created_at'); track trackByIndex($index,
comment)) {
@for (
comment of issue?.comments | sort: 'created_at';
track trackByIndex($index, comment)
) {
<div class="comment">
<div class="name-and-comment-content">
<div>
<span class="author-name">{{comment.author?.username}}</span>
<span class="author-name">{{ comment.author?.username }}</span>
<span class="when"
>{{T.F.GITLAB.ISSUE_CONTENT.AT|translate}}
{{comment.created_at|date:'short'}}</span
>{{ T.F.GITLAB.ISSUE_CONTENT.AT | translate }}
{{ comment.created_at | date: 'short' }}</span
>
</div>
@if (comment.body) {
<div
[innerHTML]="comment?.body|markdown|async"
[innerHTML]="comment?.body | markdown | async"
class="markdown"
></div>
}
@ -104,7 +108,7 @@
target="_blank"
>
<mat-icon>textsms</mat-icon>
{{T.F.GITLAB.ISSUE_CONTENT.WRITE_A_COMMENT|translate}}
{{ T.F.GITLAB.ISSUE_CONTENT.WRITE_A_COMMENT | translate }}
</a>
</div>
</div>

13
src/app/features/issue/providers/gitlab/gitlab-issue/gitlab-issue-header/gitlab-issue-header.component.html
View file

@ -1,14 +1,15 @@
@if (task()?.issueWasUpdated) {
<mat-icon
<mat-icon
color="accent"
style="margin-right: 8px"
>update
</mat-icon>
} @if (!task()?.issueWasUpdated) {
<mat-icon
</mat-icon>
}
@if (!task()?.issueWasUpdated) {
<mat-icon
style="margin-right: 8px"
svgIcon="gitlab"
>
</mat-icon>
>
</mat-icon>
}
<span class="tab-label-text">Gitlab</span>

86
src/app/features/issue/providers/jira/jira-issue/jira-issue-content/jira-issue-content.component.html
View file

@ -10,18 +10,20 @@
color="accent"
mat-raised-button
>
{{T.F.JIRA.ISSUE_CONTENT.MARK_AS_CHECKED|translate}}
{{ T.F.JIRA.ISSUE_CONTENT.MARK_AS_CHECKED | translate }}
</button>
</div>
<h3 class="mat-h3">{{T.F.JIRA.ISSUE_CONTENT.LIST_OF_CHANGES|translate}}</h3>
<h3 class="mat-h3">{{ T.F.JIRA.ISSUE_CONTENT.LIST_OF_CHANGES | translate }}</h3>
<ul class="changelog">
@for (entry of issue?.changelog; track entry) {
<li>
@if (entry.author) {
<em>{{entry.author.displayName}}</em>
} {{T.F.JIRA.ISSUE_CONTENT.CHANGED|translate}}
<strong>{{entry.field}}</strong>
{{T.F.JIRA.ISSUE_CONTENT.ON|translate}} {{entry.created|date:'short'}}
<em>{{ entry.author.displayName }}</em>
}
{{ T.F.JIRA.ISSUE_CONTENT.CHANGED | translate }}
<strong>{{ entry.field }}</strong>
{{ T.F.JIRA.ISSUE_CONTENT.ON | translate }}
{{ entry.created | date: 'short' }}
</li>
}
</ul>
@ -30,46 +32,47 @@
<table class="issue-table">
<tr>
<th>{{T.F.JIRA.ISSUE_CONTENT.SUMMARY|translate}}</th>
<th>{{ T.F.JIRA.ISSUE_CONTENT.SUMMARY | translate }}</th>
<td class="summary">
<strong
><a
[href]="issueUrl$|async"
[href]="issueUrl$ | async"
target="_blank"
>{{issue?.key}} {{issue?.summary}}</a
>{{ issue?.key }} {{ issue?.summary }}</a
></strong
>
</td>
</tr>
<tr>
<th>{{T.F.JIRA.ISSUE_CONTENT.STATUS|translate}}</th>
<th>{{ T.F.JIRA.ISSUE_CONTENT.STATUS | translate }}</th>
<td>
<!--<img [src]="issue?.status?.iconUrl"-->
<!--*ngIf="issue?.status?.iconUrl">-->
{{issue?.status?.name}}
{{ issue?.status?.name }}
</td>
</tr>
@if (issue?.storyPoints) {
<tr>
<th>{{T.F.JIRA.ISSUE_CONTENT.STORY_POINTS|translate}}</th>
<td>{{issue?.storyPoints}}</td>
<th>{{ T.F.JIRA.ISSUE_CONTENT.STORY_POINTS | translate }}</th>
<td>{{ issue?.storyPoints }}</td>
</tr>
}
<tr>
<th>{{T.F.JIRA.ISSUE_CONTENT.ASSIGNEE|translate}}</th>
<td>{{issue?.assignee?.displayName || '–'}}</td>
<th>{{ T.F.JIRA.ISSUE_CONTENT.ASSIGNEE | translate }}</th>
<td>{{ issue?.assignee?.displayName || '–' }}</td>
</tr>
@if (issue?.timespent || issue?.timeestimate) {
<tr>
<th>{{T.F.JIRA.ISSUE_CONTENT.WORKLOG|translate}}</th>
<th>{{ T.F.JIRA.ISSUE_CONTENT.WORKLOG | translate }}</th>
<td>
{{(issue?.timespent * 1000)|msToString}} / {{(issue?.timeestimate *
1000)|msToString}}
{{ issue?.timespent * 1000 | msToString }} /
{{ issue?.timeestimate * 1000 | msToString }}
</td>
</tr>
} @if ((jiraSubTasks$|async); as jiraSubTasks) {
}
@if (jiraSubTasks$ | async; as jiraSubTasks) {
<tr>
<th>{{T.F.JIRA.ISSUE_CONTENT.SUB_TASKS|translate}}</th>
<th>{{ T.F.JIRA.ISSUE_CONTENT.SUB_TASKS | translate }}</th>
<td>
<ul class="subtask-list">
@for (st of jiraSubTasks; track st) {
@ -78,47 +81,50 @@
target="_blank"
[href]="st.href"
>
{{st.key}} {{st.summary}}</a
{{ st.key }} {{ st.summary }}</a
>
</li>
}
</ul>
</td>
</tr>
} @if ((jiraRelatedIssues$|async); as relatedIssues) {
}
@if (jiraRelatedIssues$ | async; as relatedIssues) {
<tr>
<th>{{T.F.JIRA.ISSUE_CONTENT.RELATED|translate}}</th>
<th>{{ T.F.JIRA.ISSUE_CONTENT.RELATED | translate }}</th>
<td>
<ul class="related-issue-list">
@for (ri of relatedIssues; track ri.id) {
<li>
<i>{{ri.relatedHow}} => </i>
<i>{{ ri.relatedHow }} => </i>
<a
target="_blank"
[href]="ri['href']"
>{{ri.key}} {{ri.summary}}</a
>{{ ri.key }} {{ ri.summary }}</a
>
</li>
}
</ul>
</td>
</tr>
} @if (issue?.components?.length) {
}
@if (issue?.components?.length) {
<tr>
<th>{{T.F.JIRA.ISSUE_CONTENT.COMPONENTS|translate}}</th>
<th>{{ T.F.JIRA.ISSUE_CONTENT.COMPONENTS | translate }}</th>
<td>
<mat-chip-listbox>
@for (component of issue?.components; track trackByIndex($index, component)) {
<mat-chip-option [title]="component.description"
>{{component.name}}
>{{ component.name }}
</mat-chip-option>
}
</mat-chip-listbox>
</td>
</tr>
} @if (issue?.description) {
}
@if (issue?.description) {
<tr class="description-row">
<th>{{T.F.JIRA.ISSUE_CONTENT.DESCRIPTION|translate}}</th>
<th>{{ T.F.JIRA.ISSUE_CONTENT.DESCRIPTION | translate }}</th>
<td>
@if (description) {
<div
@ -142,10 +148,12 @@
<!-- </tr>-->
@if (issue?.comments) {
<tr>
<th>{{T.F.JIRA.ISSUE_CONTENT.COMMENTS|translate}}</th>
<th>{{ T.F.JIRA.ISSUE_CONTENT.COMMENTS | translate }}</th>
<td>
@for (comment of (issue?.comments|sort:'created'); track trackByIndex($index,
comment)) {
@for (
comment of issue?.comments | sort: 'created';
track trackByIndex($index, comment)
) {
<div class="comment">
<img
[src]="comment.author.avatarUrl"
@ -153,15 +161,15 @@
/>
<div class="name-and-comment-content">
<div>
<span class="author-name">{{comment.author.displayName}}</span>
<span class="author-name">{{ comment.author.displayName }}</span>
<span class="when"
>{{T.F.JIRA.ISSUE_CONTENT.AT|translate}}
{{comment.created|date:'short'}}</span
>{{ T.F.JIRA.ISSUE_CONTENT.AT | translate }}
{{ comment.created | date: 'short' }}</span
>
</div>
@if (comment.body) {
<div
[innerHTML]="comment.body|jiraToMarkdown|markdown|async"
[innerHTML]="comment.body | jiraToMarkdown | markdown | async"
class="markdown"
></div>
}
@ -169,12 +177,12 @@
</div>
}
<a
[href]="issueUrl$|async"
[href]="issueUrl$ | async"
mat-stroked-button
target="_blank"
>
<mat-icon>textsms</mat-icon>
{{T.F.JIRA.ISSUE_CONTENT.WRITE_A_COMMENT|translate}}</a
{{ T.F.JIRA.ISSUE_CONTENT.WRITE_A_COMMENT | translate }}</a
>
</td>
</tr>

23
src/app/features/issue/providers/jira/jira-issue/jira-issue-header/jira-issue-header.component.html
View file

@ -1,20 +1,23 @@
@if ((isOnline$|async)) { @if (task()?.issueWasUpdated) {
<mat-icon
@if (isOnline$ | async) {
@if (task()?.issueWasUpdated) {
<mat-icon
color="accent"
style="margin-right: 8px"
>update
</mat-icon>
} @if (!task()?.issueWasUpdated) {
<mat-icon
</mat-icon>
}
@if (!task()?.issueWasUpdated) {
<mat-icon
style="margin-right: 8px"
svgIcon="jira"
>
</mat-icon>
} } @else {
<mat-icon
>
</mat-icon>
}
} @else {
<mat-icon
[matTooltip]="'No internet!'"
style="margin-right: 8px"
>cloud_off
</mat-icon>
</mat-icon>
}
<span class="tab-label-text">Jira</span>

31
src/app/features/issue/providers/jira/jira-view-components/dialog-jira-add-worklog/dialog-jira-add-worklog.component.html
View file

@ -1,5 +1,5 @@
<form
(submit)="$event.preventDefault();submitWorklog()"
(submit)="$event.preventDefault(); submitWorklog()"
class="mat-body"
name="time-estimate-form"
>
@ -8,21 +8,22 @@
class="dialog-header-icon"
svgIcon="jira"
></mat-icon>
<span>{{T.F.JIRA.DIALOG_WORKLOG.TITLE|translate}}</span>
<span>{{ T.F.JIRA.DIALOG_WORKLOG.TITLE | translate }}</span>
</h1>
<mat-dialog-content>
<p>
{{T.F.JIRA.DIALOG_WORKLOG.SUBMIT_WORKLOG_FOR|translate}}
<strong>{{issue.key}} {{issue.summary}}</strong>.
{{ T.F.JIRA.DIALOG_WORKLOG.SUBMIT_WORKLOG_FOR | translate }}
<strong>{{ issue.key }} {{ issue.summary }}</strong
>.
</p>
<p>
{{T.F.JIRA.DIALOG_WORKLOG.CURRENTLY_LOGGED|translate}}
<strong>{{(timeLogged)|msToString}}</strong>
{{ T.F.JIRA.DIALOG_WORKLOG.CURRENTLY_LOGGED | translate }}
<strong>{{ timeLogged | msToString }}</strong>
</p>
<div class="form-wrapper">
<mat-label>{{T.F.JIRA.DIALOG_WORKLOG.TIME_SPENT|translate}}</mat-label>
<mat-label>{{ T.F.JIRA.DIALOG_WORKLOG.TIME_SPENT | translate }}</mat-label>
<mat-form-field>
<input
[(ngModel)]="timeSpent"
@ -37,7 +38,7 @@
class="suffix-wrapper"
matSuffix
[matMenuTriggerFor]="contextMenu"
[matTooltip]="T.F.JIRA.DIALOG_WORKLOG.TIME_SPENT_TOOLTIP|translate"
[matTooltip]="T.F.JIRA.DIALOG_WORKLOG.TIME_SPENT_TOOLTIP | translate"
>
<button
mat-icon-button
@ -62,7 +63,9 @@
type="button"
(click)="fill(opt.value)"
>
{{opt.label|translate}} ({{(getTimeToLogForMode(opt.value)|msToString)}})
{{ opt.label | translate }} ({{
getTimeToLogForMode(opt.value) | msToString
}})
</button>
}
</ng-template>
@ -74,12 +77,12 @@
[checked]="defaultTimeCheckboxContent.isChecked"
(change)="defaultTimeCheckboxContent.isChecked = $event.checked"
style="margin-bottom: 20px"
>{{defaultTimeCheckboxContent.label|translate}}
>{{ defaultTimeCheckboxContent.label | translate }}
</mat-checkbox>
}
<mat-form-field>
<mat-label>{{T.F.JIRA.DIALOG_WORKLOG.STARTED|translate}}</mat-label>
<mat-label>{{ T.F.JIRA.DIALOG_WORKLOG.STARTED | translate }}</mat-label>
<input
[(ngModel)]="started"
matInput
@ -87,7 +90,7 @@
required
type="datetime-local"
/>
<mat-error>{{T.F.JIRA.DIALOG_WORKLOG.INVALID_DATE|translate}}</mat-error>
<mat-error>{{ T.F.JIRA.DIALOG_WORKLOG.INVALID_DATE | translate }}</mat-error>
</mat-form-field>
<mat-form-field>
<mat-label>Comment</mat-label>
@ -112,7 +115,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
<button
class="btn btn-primary submit-button"
@ -121,7 +124,7 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{T.F.JIRA.DIALOG_WORKLOG.SAVE_WORKLOG|translate}}
{{ T.F.JIRA.DIALOG_WORKLOG.SAVE_WORKLOG | translate }}
</button>
</div>
</mat-dialog-actions>

28
src/app/features/issue/providers/jira/jira-view-components/dialog-jira-transition/dialog-jira-transition.component.html
View file

@ -3,35 +3,37 @@
class="dialog-header-icon"
svgIcon="jira"
></mat-icon>
<span>{{T.F.JIRA.DIALOG_TRANSITION.TITLE|translate}}</span>
<span>{{ T.F.JIRA.DIALOG_TRANSITION.TITLE | translate }}</span>
</h1>
<mat-dialog-content>
<table>
<tr>
<th>{{T.F.JIRA.DIALOG_TRANSITION.TASK_NAME|translate}}</th>
<td>{{data.task ? data.task?.title : '–'}}</td>
<th>{{ T.F.JIRA.DIALOG_TRANSITION.TASK_NAME | translate }}</th>
<td>{{ data.task ? data.task?.title : '–' }}</td>
</tr>
<tr>
<th>{{T.F.JIRA.DIALOG_TRANSITION.CURRENT_STATUS|translate}}</th>
<td>{{data.issue?.status ? data.issue?.status?.name : '–'}}</td>
<th>{{ T.F.JIRA.DIALOG_TRANSITION.CURRENT_STATUS | translate }}</th>
<td>{{ data.issue?.status ? data.issue?.status?.name : '–' }}</td>
</tr>
<tr>
<th>{{T.F.JIRA.DIALOG_TRANSITION.CURRENT_ASSIGNEE|translate}}</th>
<td>{{data.issue?.assignee ? data.issue?.assignee?.displayName : '–'}}</td>
<th>{{ T.F.JIRA.DIALOG_TRANSITION.CURRENT_ASSIGNEE | translate }}</th>
<td>{{ data.issue?.assignee ? data.issue?.assignee?.displayName : '–' }}</td>
</tr>
</table>
<mat-form-field>
<label>{{T.F.JIRA.DIALOG_TRANSITION.CHOOSE_STATUS|translate}}</label>
<label>{{ T.F.JIRA.DIALOG_TRANSITION.CHOOSE_STATUS | translate }}</label>
<mat-select [(ngModel)]="chosenTransition">
<!--<mat-option value="DO_NOT">Don't transition</mat-option>-->
<!--<mat-option value="ALWAYS_ASK">Always open dialog</mat-option>-->
@for (transition of (availableTransitions$|async); track trackByIndex($index,
transition)) {
@for (
transition of availableTransitions$ | async;
track trackByIndex($index, transition)
) {
<mat-option [value]="transition">
<!--<img [src]="transition.to.iconUrl">-->
{{transition.name}}
{{ transition.name }}
</mat-option>
}
</mat-select>
@ -47,7 +49,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
<button
(click)="transitionIssue()"
@ -55,7 +57,7 @@
color="primary"
mat-stroked-button
>
{{T.F.JIRA.DIALOG_TRANSITION.TITLE|translate}}
{{ T.F.JIRA.DIALOG_TRANSITION.TITLE | translate }}
</button>
</div>
</mat-dialog-actions>

49
src/app/features/issue/providers/jira/jira-view-components/jira-cfg/jira-additional-cfg.component.html
View file

@ -1,20 +1,20 @@
<form [formGroup]="form">
<h3 class="sub-section-heading">{{ T.F.JIRA.CFG_CMP.TRANSITION|translate }}</h3>
<h3 class="sub-section-heading">{{ T.F.JIRA.CFG_CMP.TRANSITION | translate }}</h3>
<mat-slide-toggle
[ngModel]="cfg.isTransitionIssuesEnabled"
(ngModelChange)="partialModelChange({isTransitionIssuesEnabled: $event})"
[ngModelOptions]="{standalone: true}"
(ngModelChange)="partialModelChange({ isTransitionIssuesEnabled: $event })"
[ngModelOptions]="{ standalone: true }"
name="isTransitionIssuesEnabled"
style="margin-bottom: 8px"
>
{{ T.F.JIRA.CFG_CMP.ENABLE_TRANSITIONS|translate }}
{{ T.F.JIRA.CFG_CMP.ENABLE_TRANSITIONS | translate }}
</mat-slide-toggle>
@if (cfg.isTransitionIssuesEnabled) {
<section @expand>
<mat-form-field>
<mat-label
>{{ T.F.JIRA.CFG_CMP.SELECT_ISSUE_FOR_TRANSITIONS|translate }}
>{{ T.F.JIRA.CFG_CMP.SELECT_ISSUE_FOR_TRANSITIONS | translate }}
</mat-label>
<input
[formControl]="issueSuggestionsCtrl"
@ -28,7 +28,7 @@
[autoActiveFirstOption]="true"
[displayWith]="displayIssueWith"
>
@if ((isLoading$|async)) {
@if (isLoading$ | async) {
<mat-option
[value]="issueSuggestionsCtrl.value"
class="is-loading"
@ -37,8 +37,10 @@
</mat-option>
}
<!---->
@for (issue of (filteredIssueSuggestions$|async); track issue.issueData.id) {
<mat-option [value]="issue"><span>{{ issue?.title }}</span> </mat-option>
@for (issue of filteredIssueSuggestions$ | async; track issue.issueData.id) {
<mat-option [value]="issue"
><span>{{ issue?.title }}</span>
</mat-option>
}
</mat-autocomplete>
</mat-form-field>
@ -48,21 +50,24 @@
<!-- @if (opt.key==='OPEN') {-->
<!-- <label>{{ T.F.JIRA.CFG_CMP.OPEN|translate }}</label>-->
<!-- }-->
@if (opt.key==='IN_PROGRESS') {
<label>{{ T.F.JIRA.CFG_CMP.IN_PROGRESS|translate }}</label>
} @if (opt.key==='DONE') {
<label>{{ T.F.JIRA.CFG_CMP.DONE|translate }}</label>
@if (opt.key === 'IN_PROGRESS') {
<label>{{ T.F.JIRA.CFG_CMP.IN_PROGRESS | translate }}</label>
}
@if (opt.key === 'DONE') {
<label>{{ T.F.JIRA.CFG_CMP.DONE | translate }}</label>
}
<!-- TODO check for a better way to do this -->
<!-- <mat-select [(ngModel)]="cfg.transitionConfig[opt.key]"-->
<mat-select
(ngModelChange)="setTransition(opt.key, $event)"
[ngModelOptions]="{standalone: true}"
[ngModelOptions]="{ standalone: true }"
[ngModel]="getTransition(opt.key)"
>
<mat-option value="DO_NOT">{{ T.F.JIRA.CFG_CMP.DO_NOT|translate }}</mat-option>
<mat-option value="DO_NOT">{{
T.F.JIRA.CFG_CMP.DO_NOT | translate
}}</mat-option>
<mat-option value="ALWAYS_ASK"
>{{ T.F.JIRA.CFG_CMP.ALWAYS_ASK|translate }}
>{{ T.F.JIRA.CFG_CMP.ALWAYS_ASK | translate }}
</mat-option>
@for (transition of cfg.availableTransitions; track transition) {
<mat-option [value]="transition"> {{ transition.name }} </mat-option>
@ -76,9 +81,9 @@
<section>
<h3 class="sub-section-heading">
{{ T.F.JIRA.CFG_CMP.MAP_CUSTOM_FIELDS|translate }}
{{ T.F.JIRA.CFG_CMP.MAP_CUSTOM_FIELDS | translate }}
</h3>
<p>{{ T.F.JIRA.CFG_CMP.MAP_CUSTOM_FIELDS_INFO|translate }}</p>
<p>{{ T.F.JIRA.CFG_CMP.MAP_CUSTOM_FIELDS_INFO | translate }}</p>
<div>
<button
@ -86,14 +91,14 @@
mat-raised-button
type="button"
>
{{ T.F.JIRA.CFG_CMP.LOAD_SUGGESTIONS|translate }}
{{ T.F.JIRA.CFG_CMP.LOAD_SUGGESTIONS | translate }}
</button>
<br />
<br />
</div>
<mat-form-field>
<mat-label>{{ T.F.JIRA.CFG_CMP.STORY_POINTS|translate }}</mat-label>
<mat-label>{{ T.F.JIRA.CFG_CMP.STORY_POINTS | translate }}</mat-label>
<input
[formControl]="customFieldSuggestionsCtrl"
[matAutocomplete]="storyPointAutoEl"
@ -105,8 +110,10 @@
#storyPointAutoEl="matAutocomplete"
[autoActiveFirstOption]="true"
>
@for (field of (filteredCustomFieldSuggestions$|async); track
trackByCustomFieldId($index, field)) {
@for (
field of filteredCustomFieldSuggestions$ | async;
track trackByCustomFieldId($index, field)
) {
<mat-option [value]="field.id"
><span>{{ field?.id }}: {{ field?.name }}</span>
</mat-option>

29
src/app/features/issue/providers/open-project/open-project-issue/open-project-issue-content/open-project-issue-content.component.html
View file

@ -9,7 +9,7 @@
color="accent"
mat-raised-button
>
{{T.F.OPEN_PROJECT.ISSUE_CONTENT.MARK_AS_CHECKED|translate}}
{{ T.F.OPEN_PROJECT.ISSUE_CONTENT.MARK_AS_CHECKED | translate }}
</button>
</div>
}
@ -17,40 +17,43 @@
<div class="table-wrapper">
<table class="issue-table">
<tr>
<th>{{T.F.OPEN_PROJECT.ISSUE_CONTENT.SUMMARY|translate}}</th>
<th>{{ T.F.OPEN_PROJECT.ISSUE_CONTENT.SUMMARY | translate }}</th>
<td>
<a
[href]="issue?.url"
target="_blank"
><strong>{{issue?.subject}} #{{issue?.id}}</strong></a
><strong>{{ issue?.subject }} #{{ issue?.id }}</strong></a
>
</td>
</tr>
@if (issue?._embedded.type?.name) {
<tr>
<th>{{T.F.OPEN_PROJECT.ISSUE_CONTENT.TYPE|translate}}</th>
<td>{{issue?._embedded.type.name}}</td>
<th>{{ T.F.OPEN_PROJECT.ISSUE_CONTENT.TYPE | translate }}</th>
<td>{{ issue?._embedded.type.name }}</td>
</tr>
} @if (issue?._embedded.status) {
}
@if (issue?._embedded.status) {
<tr>
<th>{{T.F.OPEN_PROJECT.ISSUE_CONTENT.STATUS|translate}}</th>
<th>{{ T.F.OPEN_PROJECT.ISSUE_CONTENT.STATUS | translate }}</th>
<td>
<span
class="dot"
[style.backgroud-color]="issue?._embedded.status.color"
></span
>{{issue?._embedded.status.name}}
>{{ issue?._embedded.status.name }}
</td>
</tr>
} @if (issue?._embedded.assignee?.name) {
}
@if (issue?._embedded.assignee?.name) {
<tr>
<th>{{T.F.OPEN_PROJECT.ISSUE_CONTENT.ASSIGNEE|translate}}</th>
<td>{{issue?._embedded.assignee.name}}</td>
<th>{{ T.F.OPEN_PROJECT.ISSUE_CONTENT.ASSIGNEE | translate }}</th>
<td>{{ issue?._embedded.assignee.name }}</td>
</tr>
} @if (issue?.description?.raw || issue?.description?.html) {
}
@if (issue?.description?.raw || issue?.description?.html) {
<tr>
<th>{{T.F.OPEN_PROJECT.ISSUE_CONTENT.DESCRIPTION|translate}}</th>
<th>{{ T.F.OPEN_PROJECT.ISSUE_CONTENT.DESCRIPTION | translate }}</th>
<td class="issue-description">
<div
[data]="issue?.description.raw || issue?.description.html"

13
src/app/features/issue/providers/open-project/open-project-issue/open-project-issue-header/open-project-issue-header.component.html
View file

@ -1,14 +1,15 @@
@if (task()?.issueWasUpdated) {
<mat-icon
<mat-icon
color="accent"
style="margin-right: 8px"
>update
</mat-icon>
} @if (!task()?.issueWasUpdated) {
<mat-icon
</mat-icon>
}
@if (!task()?.issueWasUpdated) {
<mat-icon
style="margin-right: 8px"
svgIcon="open_project"
>
</mat-icon>
>
</mat-icon>
}
<span class="tab-label-text">OpenProject</span>

46
src/app/features/issue/providers/open-project/open-project-view-components/dialog-open-project-track-time/dialog-open-project-track-time.component.html
View file

@ -1,5 +1,5 @@
<form
(submit)="$event.preventDefault();postTime()"
(submit)="$event.preventDefault(); postTime()"
class="mat-body"
name="time-estimate-form"
>
@ -8,31 +8,33 @@
class="dialog-header-icon"
svgIcon="open_project"
></mat-icon>
<span>{{T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.TITLE|translate}}</span>
<span>{{ T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.TITLE | translate }}</span>
</h1>
<mat-dialog-content>
<p>
{{T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.SUBMIT_TIME_FOR|translate}}<br />
{{ T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.SUBMIT_TIME_FOR | translate }}<br />
<strong>
<a
[href]="workPackage?.url"
target="_blank"
>
{{workPackage.id}} {{workPackage.subject}}</a
{{ workPackage.id }} {{ workPackage.subject }}</a
></strong
>.
</p>
<p>
{{T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.CURRENTLY_LOGGED|translate}}
<strong>{{(timeLoggedForWorkPackage)|msToString}}</strong>
{{ T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.CURRENTLY_LOGGED | translate }}
<strong>{{ timeLoggedForWorkPackage | msToString }}</strong>
</p>
<br />
<br />
<div class="form-wrapper">
<mat-form-field>
<mat-label>{{T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.TIME_SPENT|translate}}</mat-label>
<mat-label>{{
T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.TIME_SPENT | translate
}}</mat-label>
<input
[(ngModel)]="timeSpent"
inputDuration="optional"
@ -45,7 +47,7 @@
class="suffix-wrapper"
matSuffix
[matMenuTriggerFor]="contextMenu"
[matTooltip]="T.F.JIRA.DIALOG_WORKLOG.TIME_SPENT_TOOLTIP|translate"
[matTooltip]="T.F.JIRA.DIALOG_WORKLOG.TIME_SPENT_TOOLTIP | translate"
>
<button
mat-icon-button
@ -70,7 +72,9 @@
type="button"
(click)="fill(opt.value)"
>
{{opt.label|translate}} ({{(getTimeToLogForMode(opt.value)|msToString)}})
{{ opt.label | translate }} ({{
getTimeToLogForMode(opt.value) | msToString
}})
</button>
}
</ng-template>
@ -82,12 +86,14 @@
[checked]="defaultTimeCheckboxContent.isChecked"
(change)="defaultTimeCheckboxContent.isChecked = $event.checked"
style="margin-bottom: 20px"
>{{defaultTimeCheckboxContent.label|translate}}
>{{ defaultTimeCheckboxContent.label | translate }}
</mat-checkbox>
}
<mat-form-field>
<mat-label>{{T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.STARTED|translate}}</mat-label>
<mat-label>{{
T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.STARTED | translate
}}</mat-label>
<input
[(ngModel)]="started"
matInput
@ -95,19 +101,21 @@
required
type="datetime-local"
/>
<mat-error
>{{T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.INVALID_DATE|translate}}</mat-error
>
<mat-error>{{
T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.INVALID_DATE | translate
}}</mat-error>
</mat-form-field>
<mat-form-field>
<mat-label>{{T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.ACTIVITY|translate}}</mat-label>
<mat-label>{{
T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.ACTIVITY | translate
}}</mat-label>
<mat-select
[(ngModel)]="activityId"
name="activity"
>
@for (activity of (activities$|async); track activity) {
<mat-option [value]="activity.id"> {{activity.name}} </mat-option>
@for (activity of activities$ | async; track activity) {
<mat-option [value]="activity.id"> {{ activity.name }} </mat-option>
}
</mat-select>
</mat-form-field>
@ -134,7 +142,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
<button
color="primary"
@ -142,7 +150,7 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.POST_TIME|translate}}
{{ T.F.OPEN_PROJECT.DIALOG_TRACK_TIME.POST_TIME | translate }}
</button>
</div>
</mat-dialog-actions>

32
src/app/features/issue/providers/open-project/open-project-view-components/dialog-openproject-transition/dialog-open-project-transition.component.html
View file

@ -3,31 +3,35 @@
class="dialog-header-icon"
svgIcon="open_project"
></mat-icon>
<span>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.TITLE|translate }}</span>
<span>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.TITLE | translate }}</span>
</h1>
<mat-dialog-content>
<table>
<tr>
<th>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.TASK_NAME|translate }}</th>
<th>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.TASK_NAME | translate }}</th>
<td>{{ data.task ? data.task?.title : '–' }}</td>
</tr>
<tr>
<th>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.CURRENT_STATUS|translate }}</th>
<th>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.CURRENT_STATUS | translate }}</th>
<td>
{{ data.issue?._embedded?.status?.name ? data.issue?._embedded?.status?.name : '–'
{{
data.issue?._embedded?.status?.name ? data.issue?._embedded?.status?.name : '–'
}}
</td>
</tr>
<tr>
<th>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.CURRENT_ASSIGNEE|translate }}</th>
<th>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.CURRENT_ASSIGNEE | translate }}</th>
<td>
{{ data.issue?._embedded?.assignee?.name ? data.issue?._embedded?.assignee?.name :
'–' }}
{{
data.issue?._embedded?.assignee?.name
? data.issue?._embedded?.assignee?.name
: '–'
}}
</td>
</tr>
<tr>
<th>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.PERCENTAGE_DONE|translate }}</th>
<th>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.PERCENTAGE_DONE | translate }}</th>
<td>
<!-- TODO: The 'tickInterval' property no longer exists -->
<mat-slider
@ -45,12 +49,14 @@
</tr>
</table>
<mat-form-field>
<label>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.CHOOSE_STATUS|translate }}</label>
<label>{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.CHOOSE_STATUS | translate }}</label>
<mat-select [(ngModel)]="chosenTransition">
<!--<mat-option value="DO_NOT">Don't transition</mat-option>-->
<!--<mat-option value="ALWAYS_ASK">Always open dialog</mat-option>-->
@for (transition of (availableTransitions$|async); track trackByIndex($index,
transition)) {
@for (
transition of availableTransitions$ | async;
track trackByIndex($index, transition)
) {
<mat-option [value]="transition">
<!--<img [src]="transition.to.iconUrl">-->
{{ transition.name }}
@ -69,7 +75,7 @@
mat-button
type="button"
>
{{ T.G.CANCEL|translate }}
{{ T.G.CANCEL | translate }}
</button>
<button
(click)="transitionIssue()"
@ -77,7 +83,7 @@
color="primary"
mat-stroked-button
>
{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.TITLE|translate }}
{{ T.F.OPEN_PROJECT.DIALOG_TRANSITION.TITLE | translate }}
</button>
</div>
</mat-dialog-actions>

46
src/app/features/issue/providers/open-project/open-project-view-components/openproject-cfg/open-project-additional-cfg.component.html
View file

@ -1,20 +1,22 @@
<form [formGroup]="form">
<h3 class="sub-section-heading">{{ T.F.OPEN_PROJECT.CFG_CMP.TRANSITION|translate }}</h3>
<h3 class="sub-section-heading">
{{ T.F.OPEN_PROJECT.CFG_CMP.TRANSITION | translate }}
</h3>
<mat-slide-toggle
[ngModel]="cfg.isTransitionIssuesEnabled"
(ngModelChange)="partialModelChange({isTransitionIssuesEnabled: $event})"
[ngModelOptions]="{standalone: true}"
(ngModelChange)="partialModelChange({ isTransitionIssuesEnabled: $event })"
[ngModelOptions]="{ standalone: true }"
name="isTransitionIssuesEnabled"
style="margin-bottom: 8px"
>
{{ T.F.OPEN_PROJECT.CFG_CMP.ENABLE_TRANSITIONS|translate }}
{{ T.F.OPEN_PROJECT.CFG_CMP.ENABLE_TRANSITIONS | translate }}
</mat-slide-toggle>
@if (cfg.isTransitionIssuesEnabled) {
<section @expand>
<mat-form-field>
<mat-label>
{{ T.F.OPEN_PROJECT.CFG_CMP.SELECT_ISSUE_FOR_TRANSITIONS|translate }}
{{ T.F.OPEN_PROJECT.CFG_CMP.SELECT_ISSUE_FOR_TRANSITIONS | translate }}
</mat-label>
<input
[formControl]="issueSuggestionsCtrl"
@ -28,15 +30,18 @@
[autoActiveFirstOption]="true"
[displayWith]="displayIssueWith"
>
@if ((isLoading$|async)) {
@if (isLoading$ | async) {
<mat-option
[value]="issueSuggestionsCtrl.value"
class="is-loading"
>
<mat-spinner diameter="50"></mat-spinner>
</mat-option>
} @for (issue of (filteredIssueSuggestions$|async); track issue.issueData.id) {
<mat-option [value]="issue"><span>{{ issue?.title }}</span> </mat-option>
}
@for (issue of filteredIssueSuggestions$ | async; track issue.issueData.id) {
<mat-option [value]="issue"
><span>{{ issue?.title }}</span>
</mat-option>
}
</mat-autocomplete>
</mat-form-field>
@ -46,21 +51,22 @@
<!-- @if (opt.key==='OPEN') {-->
<!-- <label> {{ T.F.OPEN_PROJECT.CFG_CMP.OPEN|translate }} </label>-->
<!-- } -->
@if (opt.key==='IN_PROGRESS') {
<label> {{ T.F.OPEN_PROJECT.CFG_CMP.IN_PROGRESS|translate }} </label>
} @if (opt.key==='DONE') {
<label> {{ T.F.OPEN_PROJECT.CFG_CMP.DONE|translate }} </label>
@if (opt.key === 'IN_PROGRESS') {
<label> {{ T.F.OPEN_PROJECT.CFG_CMP.IN_PROGRESS | translate }} </label>
}
@if (opt.key === 'DONE') {
<label> {{ T.F.OPEN_PROJECT.CFG_CMP.DONE | translate }} </label>
}
<mat-select
(ngModelChange)="setTransition(opt.key, $event)"
[ngModelOptions]="{standalone: true}"
[ngModelOptions]="{ standalone: true }"
[ngModel]="getTransition(opt.key)"
>
<mat-option value="DO_NOT">
{{ T.F.OPEN_PROJECT.CFG_CMP.DO_NOT|translate }}
{{ T.F.OPEN_PROJECT.CFG_CMP.DO_NOT | translate }}
</mat-option>
<mat-option value="ALWAYS_ASK">
{{ T.F.OPEN_PROJECT.CFG_CMP.ALWAYS_ASK|translate }}
{{ T.F.OPEN_PROJECT.CFG_CMP.ALWAYS_ASK | translate }}
</mat-option>
@for (transition of cfg.availableTransitions; track transition.id) {
<mat-option [value]="transition"> {{ transition.name }} </mat-option>
@ -71,10 +77,10 @@
<div>
<mat-checkbox
[ngModel]="this.cfg.isSetProgressOnTaskDone"
(ngModelChange)="partialModelChange({isSetProgressOnTaskDone: $event})"
[ngModelOptions]="{standalone: true}"
(ngModelChange)="partialModelChange({ isSetProgressOnTaskDone: $event })"
[ngModelOptions]="{ standalone: true }"
>
{{ T.F.OPEN_PROJECT.CFG_CMP.PROGRESS_ON_SAVE|translate }}
{{ T.F.OPEN_PROJECT.CFG_CMP.PROGRESS_ON_SAVE | translate }}
</mat-checkbox>
<!-- TODO: The 'tickInterval' property no longer exists -->
@if (this.cfg.isSetProgressOnTaskDone) {
@ -86,8 +92,8 @@
step="5"
aria-label="units"
[ngModel]="this.cfg.progressOnDone"
(ngModelChange)="partialModelChange({progressOnDone: $event})"
[ngModelOptions]="{standalone: true}"
(ngModelChange)="partialModelChange({ progressOnDone: $event })"
[ngModelOptions]="{ standalone: true }"
><input matSliderThumb
/></mat-slider>
}

20
src/app/features/issue/providers/redmine/redmine-issue/redmine-issue-content/redmine-issue-content.component.html
View file

@ -4,31 +4,31 @@
[href]="issue?.url"
target="_blank"
>
{{issue?.tracker.name}} #{{issue?.id}}
{{ issue?.tracker.name }} #{{ issue?.id }}
</a>
</h3>
<div class="table-wrapper">
<table class="issue-table">
<tr>
<th>{{T.F.REDMINE.ISSUE_CONTENT.AUTHOR|translate}}</th>
<td>{{issue?.author.name}}</td>
<th>{{ T.F.REDMINE.ISSUE_CONTENT.AUTHOR | translate }}</th>
<td>{{ issue?.author.name }}</td>
</tr>
<tr>
<th>{{T.F.REDMINE.ISSUE_CONTENT.STATUS|translate}}</th>
<td>{{issue?.status.name}}</td>
<th>{{ T.F.REDMINE.ISSUE_CONTENT.STATUS | translate }}</th>
<td>{{ issue?.status.name }}</td>
</tr>
<tr>
<th>{{T.F.REDMINE.ISSUE_CONTENT.PRIORITY|translate}}</th>
<td>{{issue?.priority.name}}</td>
<th>{{ T.F.REDMINE.ISSUE_CONTENT.PRIORITY | translate }}</th>
<td>{{ issue?.priority.name }}</td>
</tr>
@if (issue?.description) {
<tr>
<th>{{T.F.REDMINE.ISSUE_CONTENT.DESCRIPTION|translate}}</th>
<td>{{issue?.description}}</td>
<th>{{ T.F.REDMINE.ISSUE_CONTENT.DESCRIPTION | translate }}</th>
<td>{{ issue?.description }}</td>
</tr>
}
</table>
@ -44,7 +44,7 @@
color="accent"
mat-raised-button
>
{{T.F.REDMINE.ISSUE_CONTENT.MARK_AS_CHECKED|translate}}
{{ T.F.REDMINE.ISSUE_CONTENT.MARK_AS_CHECKED | translate }}
</button>
</div>
}

13
src/app/features/issue/providers/redmine/redmine-issue/redmine-issue-header/redmine-issue-header.component.html
View file

@ -1,14 +1,15 @@
@if (task()?.issueWasUpdated) {
<mat-icon
<mat-icon
color="accent"
style="margin-right: 8px"
>update
</mat-icon>
} @if (!task()?.issueWasUpdated) {
<mat-icon
</mat-icon>
}
@if (!task()?.issueWasUpdated) {
<mat-icon
style="margin-right: 8px"
svgIcon="redmine"
>
</mat-icon>
>
</mat-icon>
}
<span class="tab-label-text">Redmine</span>

52
src/app/features/metric/evaluation-sheet/evaluation-sheet.component.html
View file

@ -1,10 +1,12 @@
<div class="wrapper mat-elevation-z1">
<help-section>
<p>{{T.F.METRIC.EVAL_FORM.HELP_P1|translate}}</p>
<p><a routerLink="/metrics">{{T.F.METRIC.EVAL_FORM.HELP_LINK_TXT|translate}}</a></p>
<p>{{ T.F.METRIC.EVAL_FORM.HELP_P1 | translate }}</p>
<p>
<a routerLink="/metrics">{{ T.F.METRIC.EVAL_FORM.HELP_LINK_TXT | translate }}</a>
</p>
<h3 class="mat-h3">{{T.F.METRIC.EVAL_FORM.HELP_H1|translate}}</h3>
<p>{{T.F.METRIC.EVAL_FORM.HELP_P2|translate}}</p>
<h3 class="mat-h3">{{ T.F.METRIC.EVAL_FORM.HELP_H1 | translate }}</h3>
<p>{{ T.F.METRIC.EVAL_FORM.HELP_P2 | translate }}</p>
</help-section>
@if (metricForDay) {
@ -15,7 +17,7 @@
>
<div class="row">
<mat-form-field>
<mat-label>{{T.F.METRIC.EVAL_FORM.MOOD|translate}}</mat-label>
<mat-label>{{ T.F.METRIC.EVAL_FORM.MOOD | translate }}</mat-label>
<input
#mood="ngModel"
(ngModelChange)="updateMood($event)"
@ -28,13 +30,13 @@
required
type="number"
/>
<mat-hint>{{T.F.METRIC.EVAL_FORM.MOOD_HINT|translate}}</mat-hint>
<mat-hint>{{ T.F.METRIC.EVAL_FORM.MOOD_HINT | translate }}</mat-hint>
@if (mood.invalid && (mood.dirty || mood.touched)) {
<mat-error> {{T.V.E_1TO10|translate}} </mat-error>
<mat-error> {{ T.V.E_1TO10 | translate }} </mat-error>
}
</mat-form-field>
<mat-form-field>
<mat-label>{{T.F.METRIC.EVAL_FORM.PRODUCTIVITY|translate}}</mat-label>
<mat-label>{{ T.F.METRIC.EVAL_FORM.PRODUCTIVITY | translate }}</mat-label>
<input
#productivity="ngModel"
(ngModelChange)="updateProductivity($event)"
@ -47,9 +49,9 @@
required
type="number"
/>
<mat-hint>{{T.F.METRIC.EVAL_FORM.PRODUCTIVITY_HINT|translate}}</mat-hint>
<mat-hint>{{ T.F.METRIC.EVAL_FORM.PRODUCTIVITY_HINT | translate }}</mat-hint>
@if (productivity.invalid && (productivity.dirty || productivity.touched)) {
<mat-error> {{T.V.E_1TO10|translate}} </mat-error>
<mat-error> {{ T.V.E_1TO10 | translate }} </mat-error>
}
</mat-form-field>
</div>
@ -57,42 +59,46 @@
(addItem)="addObstruction($event)"
(addNewItem)="addNewObstruction($event)"
(removeItem)="removeObstruction($event)"
[label]="T.F.METRIC.EVAL_FORM.OBSTRUCTIONS|translate"
[label]="T.F.METRIC.EVAL_FORM.OBSTRUCTIONS | translate"
[model]="metricForDay.obstructions"
[suggestions]="(obstructionService.obstructions$|async)"
[suggestions]="obstructionService.obstructions$ | async"
></chip-list-input>
<chip-list-input
(addItem)="addImprovement($event)"
(addNewItem)="addNewImprovement($event)"
(removeItem)="removeImprovement($event)"
[label]="T.F.METRIC.EVAL_FORM.IMPROVEMENTS|translate"
[label]="T.F.METRIC.EVAL_FORM.IMPROVEMENTS | translate"
[model]="metricForDay.improvements"
[suggestions]="(improvementService.improvements$|async)"
[suggestions]="improvementService.improvements$ | async"
></chip-list-input>
<chip-list-input
(addItem)="addImprovementTomorrow($event)"
(addNewItem)="addNewImprovementTomorrow($event)"
(additionalAction)="toggleImprovementRepeat($event)"
(removeItem)="removeImprovementTomorrow($event)"
[additionalActionTooltipUnToggle]="T.F.METRIC.EVAL_FORM.DISABLE_REPEAT_EVERY_DAY|translate"
[additionalActionTooltip]="T.F.METRIC.EVAL_FORM.ENABLE_REPEAT_EVERY_DAY|translate"
[label]="T.F.METRIC.EVAL_FORM.IMPROVEMENTS_TOMORROW|translate"
[additionalActionTooltipUnToggle]="
T.F.METRIC.EVAL_FORM.DISABLE_REPEAT_EVERY_DAY | translate
"
[additionalActionTooltip]="
T.F.METRIC.EVAL_FORM.ENABLE_REPEAT_EVERY_DAY | translate
"
[label]="T.F.METRIC.EVAL_FORM.IMPROVEMENTS_TOMORROW | translate"
[model]="metricForDay.improvementsTomorrow"
[suggestions]="(improvementService.improvements$|async)"
[toggledItems]="improvementService.repeatedImprovementIds$|async"
[suggestions]="improvementService.improvements$ | async"
[toggledItems]="improvementService.repeatedImprovementIds$ | async"
additionalActionIcon="repeat"
></chip-list-input>
</form>
}
</div>
@if ((workContextService.isActiveWorkContextProject$|async)) {
<div style="text-align: center; margin-top: 8px; margin-bottom: 16px">
@if (workContextService.isActiveWorkContextProject$ | async) {
<div style="text-align: center; margin-top: 8px; margin-bottom: 16px">
<button
(click)="addNote()"
mat-button
>
<mat-icon>add</mat-icon>
{{T.F.METRIC.EVAL_FORM.ADD_NOTE_FOR_TOMORROW|translate}}
{{ T.F.METRIC.EVAL_FORM.ADD_NOTE_FOR_TOMORROW | translate }}
</button>
</div>
</div>
}

6
src/app/features/metric/improvement-banner/improvement-banner.component.html
View file

@ -9,17 +9,17 @@
>
<button
(click)="dismiss(improvement)"
[matTooltip]="T.G.DISMISS|translate"
[matTooltip]="T.G.DISMISS | translate"
class="dismiss"
disableRipple
mat-icon-button
>
<mat-icon>close</mat-icon>
</button>
<div class="title">{{improvement?.title}}</div>
<div class="title">{{ improvement?.title }}</div>
<button
(click)="check(improvement)"
[matTooltip]="T.F.METRIC.BANNER.CHECK|translate"
[matTooltip]="T.F.METRIC.BANNER.CHECK | translate"
class="check"
disableRipple
mat-icon-button

89
src/app/features/metric/metric.component.html
View file

@ -1,5 +1,5 @@
<div class="wrapper">
@if (projectMetricsService.simpleMetrics$|async; as sm) {
@if (projectMetricsService.simpleMetrics$ | async; as sm) {
<section
class="basic-stats"
[@fade]
@ -8,83 +8,90 @@
class="mat-h1"
style="text-align: center"
>
{{ T.PM.TITLE|translate }}
{{ T.PM.TITLE | translate }}
</h1>
<!-- <h2>Basic Metrics</h2>-->
<p><i>{{ sm.start }} – {{ sm.end }}</i></p>
<p>
<i>{{ sm.start }} – {{ sm.end }}</i>
</p>
<div class="material-table">
<table>
<tr>
<th>{{ T.F.METRIC.CMP.TIME_SPENT|translate }}</th>
<td>{{ sm.timeSpent|msToString }}</td>
<th>{{ T.F.METRIC.CMP.TIME_SPENT | translate }}</th>
<td>{{ sm.timeSpent | msToString }}</td>
</tr>
<tr>
<th>{{ T.F.METRIC.CMP.TIME_ESTIMATED|translate }}</th>
<td>{{ sm.timeEstimate|msToString }}</td>
<th>{{ T.F.METRIC.CMP.TIME_ESTIMATED | translate }}</th>
<td>{{ sm.timeEstimate | msToString }}</td>
</tr>
<tr>
<th>{{ T.F.METRIC.CMP.TASKS_DONE_CREATED|translate }}</th>
<th>{{ T.F.METRIC.CMP.TASKS_DONE_CREATED | translate }}</th>
<td>{{ sm.nrOfCompletedTasks }} / {{ sm.nrOfAllTasks }}</td>
</tr>
<tr>
<th>{{ T.F.METRIC.CMP.DAYS_WORKED|translate }}</th>
<th>{{ T.F.METRIC.CMP.DAYS_WORKED | translate }}</th>
<td>{{ sm.daysWorked }}</td>
</tr>
<tr>
<th>{{ T.F.METRIC.CMP.AVG_TASKS_PER_DAY_WORKED|translate }}</th>
<td>{{ sm.avgTasksPerDay|number:'1.0-1' }}</td>
<th>{{ T.F.METRIC.CMP.AVG_TASKS_PER_DAY_WORKED | translate }}</th>
<td>{{ sm.avgTasksPerDay | number: '1.0-1' }}</td>
</tr>
<tr>
<th>{{ T.F.METRIC.CMP.AVG_BREAKS_PER_DAY|translate }}</th>
<td>{{ sm.avgBreakNr|number:'1.0-1' }}</td>
<th>{{ T.F.METRIC.CMP.AVG_BREAKS_PER_DAY | translate }}</th>
<td>{{ sm.avgBreakNr | number: '1.0-1' }}</td>
</tr>
<tr>
<th>{{ T.F.METRIC.CMP.AVG_TIME_SPENT_PER_DAY|translate }}</th>
<td>{{ sm.avgTimeSpentOnDay|msToString }}</td>
<th>{{ T.F.METRIC.CMP.AVG_TIME_SPENT_PER_DAY | translate }}</th>
<td>{{ sm.avgTimeSpentOnDay | msToString }}</td>
</tr>
<tr>
<th>{{ T.F.METRIC.CMP.AVG_TIME_SPENT_PER_TASK|translate }}</th>
<td>{{ sm.avgTimeSpentOnTask|msToString }}</td>
<th>{{ T.F.METRIC.CMP.AVG_TIME_SPENT_PER_TASK | translate }}</th>
<td>{{ sm.avgTimeSpentOnTask | msToString }}</td>
</tr>
<tr>
<th>
{{ T.F.METRIC.CMP.AVG_TIME_SPENT_PER_TASK|translate }}
<br />{{ T.F.METRIC.CMP.COUNTING_SUBTASKS|translate }}
{{ T.F.METRIC.CMP.AVG_TIME_SPENT_PER_TASK | translate }}
<br />{{ T.F.METRIC.CMP.COUNTING_SUBTASKS | translate }}
</th>
<td>{{ sm.avgTimeSpentOnTaskIncludingSubTasks|msToString }}</td>
<td>{{ sm.avgTimeSpentOnTaskIncludingSubTasks | msToString }}</td>
</tr>
<tr>
<th>{{ T.F.METRIC.CMP.AVG_TIME_SPENT_ON_BREAKS|translate }}</th>
<td>{{ sm.avgBreakTime|msToString }}</td>
<th>{{ T.F.METRIC.CMP.AVG_TIME_SPENT_ON_BREAKS | translate }}</th>
<td>{{ sm.avgBreakTime | msToString }}</td>
</tr>
</table>
</div>
</section>
} @if (!(metricService.hasData$|async)) {
<p style="margin-top: 32px">{{ T.F.METRIC.CMP.NO_ADDITIONAL_DATA_YET|translate }}</p>
} @if ((metricService.hasData$|async)) {
}
@if (!(metricService.hasData$ | async)) {
<p style="margin-top: 32px">
{{ T.F.METRIC.CMP.NO_ADDITIONAL_DATA_YET | translate }}
</p>
}
@if (metricService.hasData$ | async) {
<section class="metric-metrics">
<h1>{{ T.F.METRIC.CMP.GLOBAL_METRICS|translate }}</h1>
<h1>{{ T.F.METRIC.CMP.GLOBAL_METRICS | translate }}</h1>
<section class="pie-charts">
@if ((metricService.improvementCountsPieChartData$|async); as improvementCounts) {
@if (metricService.improvementCountsPieChartData$ | async; as improvementCounts) {
<section>
<h3>{{ T.F.METRIC.CMP.IMPROVEMENT_SELECTION_COUNT|translate }}</h3>
<h3>{{ T.F.METRIC.CMP.IMPROVEMENT_SELECTION_COUNT | translate }}</h3>
<canvas
[type]="pieChartType"
[data]="improvementCounts"
[legend]="(improvementCounts?.datasets[0].data.length < 12)"
[legend]="improvementCounts?.datasets[0].data.length < 12"
[options]="pieChartOptions"
baseChart
>
</canvas>
</section>
} @if ((metricService.obstructionCountsPieChartData$|async); as obstructionCounts) {
}
@if (metricService.obstructionCountsPieChartData$ | async; as obstructionCounts) {
<section>
<h3>{{ T.F.METRIC.CMP.OBSTRUCTION_SELECTION_COUNT|translate }}</h3>
<h3>{{ T.F.METRIC.CMP.OBSTRUCTION_SELECTION_COUNT | translate }}</h3>
<canvas
[type]="pieChartType"
[data]="obstructionCounts"
[legend]="(obstructionCounts?.datasets[0].data.length < 12)"
[legend]="obstructionCounts?.datasets[0].data.length < 12"
[options]="pieChartOptions"
baseChart
>
@ -93,9 +100,9 @@
}
</section>
<section class="line-charts">
@if ((productivityHappiness$|async); as productivityHappiness) {
@if (productivityHappiness$ | async; as productivityHappiness) {
<section>
<h3>{{ T.F.METRIC.CMP.MOOD_PRODUCTIVITY_OVER_TIME|translate }}</h3>
<h3>{{ T.F.METRIC.CMP.MOOD_PRODUCTIVITY_OVER_TIME | translate }}</h3>
<div class="chart-wrapper">
<div class="inner-chart-wrapper">
<canvas
@ -111,13 +118,14 @@
}
</section>
</section>
} @if ((metricService.hasData$|async)) {
}
@if (metricService.hasData$ | async) {
<section class="metric-metrics">
<h2>{{ T.F.METRIC.CMP.SIMPLE_COUNTERS|translate }}</h2>
<h2>{{ T.F.METRIC.CMP.SIMPLE_COUNTERS | translate }}</h2>
<section class="line-charts">
@if ((simpleClickCounterData$|async); as simpleCounterClickData) {
@if (simpleClickCounterData$ | async; as simpleCounterClickData) {
<section>
<h3>{{ T.F.METRIC.CMP.SIMPLE_CLICK_COUNTERS_OVER_TIME|translate }}</h3>
<h3>{{ T.F.METRIC.CMP.SIMPLE_CLICK_COUNTERS_OVER_TIME | translate }}</h3>
<div class="chart-wrapper">
<div class="inner-chart-wrapper">
<canvas
@ -132,9 +140,10 @@
</div>
</div>
</section>
} @if ((simpleCounterStopWatchData$|async); as simpleCounterStopWatchData) {
}
@if (simpleCounterStopWatchData$ | async; as simpleCounterStopWatchData) {
<section>
<h3>{{ T.F.METRIC.CMP.SIMPLE_STOPWATCH_COUNTERS_OVER_TIME|translate }}</h3>
<h3>{{ T.F.METRIC.CMP.SIMPLE_STOPWATCH_COUNTERS_OVER_TIME | translate }}</h3>
<div class="chart-wrapper">
<div class="inner-chart-wrapper">
<canvas

44
src/app/features/note/note/note.component.html
View file

@ -1,9 +1,9 @@
@if (note) {
<div
<div
[class.isFocused]="isFocus()"
[class.isImg]="note.imgUrl"
class="note"
>
>
@if (note.imgUrl) {
<img
[enlargeImg]="note.imgUrl"
@ -11,7 +11,8 @@
(longPress)="editFullscreen($event)"
class="note-img"
/>
} @if (!note.imgUrl) {
}
@if (!note.imgUrl) {
<div class="content">
<div
(click)="editFullscreen($event)"
@ -32,11 +33,13 @@
>
@if (!note.isPinnedToToday) {
<mat-icon>wb_sunny</mat-icon>
} @if (note.isPinnedToToday) {
}
@if (note.isPinnedToToday) {
<mat-icon svgIcon="remove_today"></mat-icon>
}
</button>
} @if (projectTag$|async; as projectTag) {
}
@if (projectTag$ | async; as projectTag) {
<tag [tag]="projectTag"></tag>
}
<!-- <button mat-icon-button>-->
@ -49,7 +52,7 @@
<mat-icon>more_vert</mat-icon>
</button>
</div>
</div>
</div>
}
<mat-menu #menu="matMenu">
@ -59,8 +62,12 @@
mat-menu-item
>
<mat-icon>forward</mat-icon>
{{(note.projectId ? T.F.TASK.CMP.MOVE_TO_OTHER_PROJECT :
T.F.TASK.CMP.ADD_TO_PROJECT)|translate}}
{{
(note.projectId
? T.F.TASK.CMP.MOVE_TO_OTHER_PROJECT
: T.F.TASK.CMP.ADD_TO_PROJECT
) | translate
}}
</button>
@if (!note.imgUrl) {
@ -70,10 +77,15 @@
>
@if (note.isLock) {
<mat-icon>lock</mat-icon>
} @if (!note.isLock) {
}
@if (!note.isLock) {
<mat-icon>lock_open</mat-icon>
} {{note.isLock ? (T.F.NOTE.NOTE_CMP.ENABLE_PARSE|translate) :
(T.F.NOTE.NOTE_CMP.DISABLE_PARSE|translate)}}
}
{{
note.isLock
? (T.F.NOTE.NOTE_CMP.ENABLE_PARSE | translate)
: (T.F.NOTE.NOTE_CMP.DISABLE_PARSE | translate)
}}
</button>
}
@ -82,18 +94,20 @@
mat-menu-item
>
<mat-icon style="color: #e15d63">delete_forever</mat-icon>
{{T.G.DELETE|translate}}
{{ T.G.DELETE | translate }}
</button>
<mat-menu #projectMenu="matMenu">
<ng-template matMenuContent>
@for (project of (moveToProjectList$|async); track trackByProjectId($index,
project)) {
@for (
project of moveToProjectList$ | async;
track trackByProjectId($index, project)
) {
<button
(click)="moveNoteToProject(project.id)"
mat-menu-item
>
{{project.title}}
{{ project.title }}
</button>
}
</ng-template>

20
src/app/features/note/notes/notes.component.html
View file

@ -6,22 +6,22 @@
mat-button
>
<mat-icon>add</mat-icon>
{{ T.F.NOTE.NOTES_CMP.ADD_BTN|translate }}
{{ T.F.NOTE.NOTES_CMP.ADD_BTN | translate }}
</button>
</header>
@if (isDragOver) {
<div
<div
@fade
class="bgc-accent drag-over-msg"
>
>
<mat-icon>add</mat-icon>
{{ T.F.NOTE.NOTES_CMP.DROP_TO_ADD|translate }}
</div>
{{ T.F.NOTE.NOTES_CMP.DROP_TO_ADD | translate }}
</div>
}
<!---->
@let notes = workContextService.notes$|async;
@let notes = workContextService.notes$ | async;
<div
[@standardList]="notes?.length"
cdkDropList
@ -30,16 +30,16 @@
class="notes"
>
<!---->
@for( note of notes; track note.id) {
@for (note of notes; track note.id) {
<div cdkDrag>
<note
[isFocus]="isElementWasAdded && $index===0"
[isFocus]="isElementWasAdded && $index === 0"
[note]="note"
></note>
</div>
}
<!---->
@if(notes?.length === 0) {
<div class="no-notes-info">{{ T.F.NOTE.NOTES_CMP.NO_NOTES|translate }}</div>
@if (notes?.length === 0) {
<div class="no-notes-info">{{ T.F.NOTE.NOTES_CMP.NO_NOTES | translate }}</div>
}
</div>

19
src/app/features/planner/add-task-inline/add-task-inline.component.html
View file

@ -1,19 +1,20 @@
@if (!isShowAddTask) {
<div
<div
style="text-align: center"
(click)="isShowAddTask = true"
>
>
<button mat-button>
<mat-icon>add</mat-icon>
{{ T.G.ADD|translate }}
{{ T.G.ADD | translate }}
</button>
</div>
} @if (isShowAddTask) {
<add-task-bar
[isElevated]="true "
[isHideTagTitles]="true "
</div>
}
@if (isShowAddTask) {
<add-task-bar
[isElevated]="true"
[isHideTagTitles]="true"
(blurred)="isShowAddTask = false"
(done)="isShowAddTask = false"
[planForDay]="planForDay()"
></add-task-bar>
></add-task-bar>
}

15
src/app/features/planner/add-task-panel-planner/add-task-panel-planner.component.html
View file

@ -19,22 +19,23 @@
* schedule tasks need to be indicated
-->
@if (filteredTasks$|async; as allTasks) {
<div
@if (filteredTasks$ | async; as allTasks) {
<div
class="tasks"
cdkDropList
cdkDropListSortingDisabled
[cdkDropListData]="ADD_TASK_PANEL "
[cdkDropListData]="ADD_TASK_PANEL"
(cdkDropListDropped)="drop($event)"
>
>
@for (task of allTasks; track task.id) {
<planner-task
cdkDrag
[cdkDragData]="task"
[task]="task"
></planner-task>
} @if (allTasks.length === 0) {
<div class="empty">{{ T.F.PLANNER.NO_TASKS|translate }}</div>
}
</div>
@if (allTasks.length === 0) {
<div class="empty">{{ T.F.PLANNER.NO_TASKS | translate }}</div>
}
</div>
}

46
src/app/features/planner/dialog-add-planned-tasks/dialog-add-planned-tasks.component.html
View file

@ -2,16 +2,16 @@
mat-dialog-title
align="center"
>
<span>{{ T.F.PLANNER.D.ADD_PLANNED.TITLE|translate }}</span>
<span>{{ T.F.PLANNER.D.ADD_PLANNED.TITLE | translate }}</span>
</h1>
@if ((day$|async); as day) {
<mat-dialog-content>
@if (day$ | async; as day) {
<mat-dialog-content>
<header>
<!--<div class="day-estimate">{{ day.timeEstimate |roundDuration|msToString }}</div>-->
<div class="day-counts">
<span>{{ day.timeEstimate |roundDuration|msToString }}</span>
@if (day.itemsTotal > 5 ) {
<span>{{ day.timeEstimate | roundDuration | msToString }}</span>
@if (day.itemsTotal > 5) {
<mat-icon inline="true">task_alt</mat-icon>
<span>{{ day.itemsTotal }}</span>
}
@ -26,15 +26,17 @@
></planner-task>
}
<!-- -->
@for (repeatProjection of day.noStartTimeRepeatProjections; track
repeatProjection.id) {
@for (
repeatProjection of day.noStartTimeRepeatProjections;
track repeatProjection.id
) {
<planner-repeat-projection
[repeatCfg]="repeatProjection.repeatCfg"
></planner-repeat-projection>
}
<!-- -->
@if (day.tasks.length === 0 && day.noStartTimeRepeatProjections.length === 0) {
<div class="empty">{{ T.F.PLANNER.NO_TASKS|translate }}</div>
<div class="empty">{{ T.F.PLANNER.NO_TASKS | translate }}</div>
}
</div>
<add-task-inline [planForDay]="day.dayDate"></add-task-inline>
@ -54,36 +56,44 @@
class="time"
(click)="editTaskReminderOrReScheduleIfPossible(scheduledItem.task)"
>
<span>{{ (scheduledItem.start|roundDuration|date:'HH:mm') }}</span>
<span>{{ scheduledItem.start | roundDuration | date: 'HH:mm' }}</span>
<mat-icon>alarm</mat-icon>
</div>
} @else {
<div class="time">{{ (scheduledItem.start|roundDuration|date:'HH:mm') }}</div>
<div class="time">
{{ scheduledItem.start | roundDuration | date: 'HH:mm' }}
</div>
}
<!-- -->
@switch (scheduledItem.type) { @case (SCHEDULE_ITEM_TYPE.Task) {
@switch (scheduledItem.type) {
@case (SCHEDULE_ITEM_TYPE.Task) {
<planner-task
[task]="scheduledItem.task"
[day]="day.dayDate"
></planner-task>
} @case (SCHEDULE_ITEM_TYPE.CalEvent) {
}
@case (SCHEDULE_ITEM_TYPE.CalEvent) {
<planner-calendar-event
[calendarEvent]="scheduledItem.calendarEvent"
></planner-calendar-event>
} @case (SCHEDULE_ITEM_TYPE.RepeatProjection) {
}
@case (SCHEDULE_ITEM_TYPE.RepeatProjection) {
<planner-repeat-projection
[repeatCfg]="scheduledItem.repeatCfg"
></planner-repeat-projection>
} }
}
}
</div>
}
<!-- -->
@if (day.scheduledIItems.length === 0) {
<div class="empty">{{ T.F.PLANNER.PLAN_VIEW.NO_SCHEDULED_ITEMS|translate }}</div>
<div class="empty">
{{ T.F.PLANNER.PLAN_VIEW.NO_SCHEDULED_ITEMS | translate }}
</div>
}
</div>
</div>
</mat-dialog-content>
</mat-dialog-content>
}
<mat-dialog-actions align="end">
@ -93,7 +103,7 @@
mat-button
type="button"
>
{{ T.G.DISMISS|translate }}
{{ T.G.DISMISS | translate }}
</button>
<button
@ -102,6 +112,6 @@
(click)="addTasksToToday()"
>
<mat-icon>wb_sunny</mat-icon>
{{ T.F.PLANNER.D.ADD_PLANNED.ADD_TO_TODAY|translate }}
{{ T.F.PLANNER.D.ADD_PLANNED.ADD_TO_TODAY | translate }}
</button>
</mat-dialog-actions>

34
src/app/features/planner/dialog-schedule-task/dialog-schedule-task.component.html
View file

@ -6,21 +6,21 @@
<!-- >-->
<!-- <mat-icon>history</mat-icon>-->
<!-- </button>-->
@if(isShowRemoveFromToday()){
@if (isShowRemoveFromToday()) {
<button
mat-icon-button
(click)="quickAccessBtnClick(0)"
[matTooltip]="(T.F.TASK.D_SCHEDULE_TASK.QA_REMOVE_TODAY|translate)"
[matTooltip]="T.F.TASK.D_SCHEDULE_TASK.QA_REMOVE_TODAY | translate"
>
<mat-icon svgIcon="remove_today"></mat-icon>
</button>
}
<!-- -->
@if(isShowAddToToday()){
@if (isShowAddToToday()) {
<button
mat-icon-button
(click)="quickAccessBtnClick(1)"
[matTooltip]="(T.F.TASK.D_SCHEDULE_TASK.QA_TODAY|translate)"
[matTooltip]="T.F.TASK.D_SCHEDULE_TASK.QA_TODAY | translate"
>
<mat-icon>wb_sunny</mat-icon>
</button>
@ -29,21 +29,21 @@
<button
mat-icon-button
(click)="quickAccessBtnClick(2)"
[matTooltip]="(T.F.TASK.D_SCHEDULE_TASK.QA_TOMORROW|translate)"
[matTooltip]="T.F.TASK.D_SCHEDULE_TASK.QA_TOMORROW | translate"
>
<mat-icon svgIcon="tomorrow"></mat-icon>
</button>
<button
mat-icon-button
(click)="quickAccessBtnClick(3)"
[matTooltip]="(T.F.TASK.D_SCHEDULE_TASK.QA_NEXT_WEEK|translate)"
[matTooltip]="T.F.TASK.D_SCHEDULE_TASK.QA_NEXT_WEEK | translate"
>
<mat-icon svgIcon="next_week"></mat-icon>
</button>
<button
mat-icon-button
(click)="quickAccessBtnClick(4)"
[matTooltip]="(T.F.TASK.D_SCHEDULE_TASK.QA_NEXT_MONTH|translate)"
[matTooltip]="T.F.TASK.D_SCHEDULE_TASK.QA_NEXT_MONTH | translate"
>
<mat-icon>bedtime</mat-icon>
</button>
@ -58,12 +58,12 @@
></mat-calendar>
@if (isShowEnterMsg) {
<div
<div
class="press-enter-msg"
@fade
>
{{ T.DATETIME_SCHEDULE.PRESS_ENTER_AGAIN|translate }}
</div>
>
{{ T.DATETIME_SCHEDULE.PRESS_ENTER_AGAIN | translate }}
</div>
}
<div class="form-ctrl-wrapper">
@ -91,7 +91,7 @@
@if (selectedTime) {
<mat-form-field [@expandFade]>
<mat-icon matPrefix>alarm</mat-icon>
<mat-label>{{ (T.F.TASK.D_SCHEDULE_TASK.REMIND_AT|translate) }}</mat-label>
<mat-label>{{ T.F.TASK.D_SCHEDULE_TASK.REMIND_AT | translate }}</mat-label>
<mat-select
[(ngModel)]="selectedReminderCfgId"
name="type"
@ -99,7 +99,7 @@
>
@for (remindOption of remindAvailableOptions; track remindOption.value) {
<mat-option [value]="remindOption.value">
{{ (remindOption.label|translate) }}
{{ remindOption.label | translate }}
</mat-option>
}
</mat-select>
@ -114,7 +114,7 @@
type="button"
(click)="close()"
>
{{ T.G.CANCEL|translate }}
{{ T.G.CANCEL | translate }}
</button>
@if (data.task.plannedAt || (plannedDayForTask && plannedDayForTask !== todayStr)) {
<button
@ -126,7 +126,8 @@
<mat-icon>alarm_off</mat-icon>
} @else {
<mat-icon>event_busy</mat-icon>
} {{ T.F.TASK.D_SCHEDULE_TASK.UNSCHEDULE|translate }}
}
{{ T.F.TASK.D_SCHEDULE_TASK.UNSCHEDULE | translate }}
</button>
}
@ -139,6 +140,7 @@
<mat-icon>alarm</mat-icon>
} @else {
<mat-icon>today</mat-icon>
} {{ T.F.TASK.D_SCHEDULE_TASK.SCHEDULE|translate }}
}
{{ T.F.TASK.D_SCHEDULE_TASK.SCHEDULE | translate }}
</button>
</mat-dialog-actions>

4
src/app/features/planner/planner-calendar-event/planner-calendar-event.component.html
View file

@ -4,4 +4,6 @@
{{ calendarEvent().title }}
<!-- {{event.start|date:'HH:mm'}} – {{(event.start + event.duration)|date:'HH:mm'}}-->
</div>
<div class="planner-time-remaining-shared">{{ calendarEvent().duration|msToString }}</div>
<div class="planner-time-remaining-shared">
{{ calendarEvent().duration | msToString }}
</div>

35
src/app/features/planner/planner-day/planner-day.component.html
View file

@ -2,15 +2,16 @@
<div class="day-title">
@if (day.isToday) {
<mat-icon inline="true">wb_sunny</mat-icon>
} {{ day.dayDate|date:'EEE' }}
<span class="date">{{ day.dayDate|shortDate2 }}</span>
}
{{ day.dayDate | date: 'EEE' }}
<span class="date">{{ day.dayDate | shortDate2 }}</span>
</div>
<!--<div class="day-estimate">{{ day.timeEstimate |roundDuration|msToString }}</div>-->
<div class="day-counts">
<span>{{ day.timeEstimate |roundDuration|msToString }}</span>
<span>{{ day.timeEstimate | roundDuration | msToString }}</span>
@if (day.itemsTotal > 5 ) {
@if (day.itemsTotal > 5) {
<mat-icon inline="true">task_alt</mat-icon>
<span>{{ day.itemsTotal }}</span>
}
@ -34,8 +35,10 @@
}
<!-- -->
@for (repeatProjection of day.noStartTimeRepeatProjections; track repeatProjection.id)
{
@for (
repeatProjection of day.noStartTimeRepeatProjections;
track repeatProjection.id
) {
<planner-repeat-projection
[repeatCfg]="repeatProjection.repeatCfg"
></planner-repeat-projection>
@ -43,7 +46,7 @@
<!-- -->
@if (day.tasks.length === 0 && day.noStartTimeRepeatProjections.length === 0) {
<div class="empty">{{ T.F.PLANNER.NO_TASKS|translate }}</div>
<div class="empty">{{ T.F.PLANNER.NO_TASKS | translate }}</div>
}
</div>
@ -74,40 +77,44 @@
>
<span
class="time-time"
[innerHTML]="scheduledItem.start|roundDuration|shortTime2"
[innerHTML]="scheduledItem.start | roundDuration | shortTime2"
></span>
<mat-icon>alarm</mat-icon>
</div>
} @else {
<div
class="time time-time"
[innerHTML]="scheduledItem.start|roundDuration|shortTime2"
[innerHTML]="scheduledItem.start | roundDuration | shortTime2"
></div>
}
<!-- -->
@switch (scheduledItem.type) { @case (SCHEDULE_ITEM_TYPE.Task) {
@switch (scheduledItem.type) {
@case (SCHEDULE_ITEM_TYPE.Task) {
<planner-task
cdkDrag
[task]="scheduledItem.task"
[day]="day.dayDate"
[cdkDragData]="scheduledItem.task"
></planner-task>
} @case (SCHEDULE_ITEM_TYPE.CalEvent) {
}
@case (SCHEDULE_ITEM_TYPE.CalEvent) {
<planner-calendar-event
[calendarEvent]="scheduledItem.calendarEvent"
></planner-calendar-event>
} @case (SCHEDULE_ITEM_TYPE.RepeatProjection) {
}
@case (SCHEDULE_ITEM_TYPE.RepeatProjection) {
<planner-repeat-projection
[repeatCfg]="scheduledItem.repeatCfg"
></planner-repeat-projection>
} }
}
}
</div>
}
<!-- -->
@if (day.scheduledIItems.length === 0) {
<div class="empty">{{ T.F.PLANNER.PLAN_VIEW.NO_SCHEDULED_ITEMS|translate }}</div>
<div class="empty">{{ T.F.PLANNER.PLAN_VIEW.NO_SCHEDULED_ITEMS | translate }}</div>
}
</div>
</div>

2
src/app/features/planner/planner-plan-view/planner-plan-view.component.html
View file

@ -1,5 +1,5 @@
<div class="days">
@for (day of days$|async; track day.dayDate) {
@for (day of days$ | async; track day.dayDate) {
<planner-day [day]="day"></planner-day>
}
</div>

13
src/app/features/planner/planner-repeat-projection/planner-repeat-projection.component.html
View file

@ -1,6 +1,8 @@
<div
(click)="editTaskRepeatCfg()"
matTooltip="{{ T.F.PLANNER.EDIT_REPEATED_TASK|translate: {taskName: repeatCfg().title} }}"
matTooltip="{{
T.F.PLANNER.EDIT_REPEATED_TASK | translate: { taskName: repeatCfg().title }
}}"
>
<mat-icon svgIcon="repeat"></mat-icon>
<div class="title">
@ -8,11 +10,14 @@
<!-- {{event.start|date:'HH:mm'}} – {{(event.start + event.duration)|date:'HH:mm'}}-->
</div>
<div class="planner-time-remaining-shared">
@if (overWriteTimeEstimate() > 0) { {{ overWriteTimeEstimate()|msToString }} <br />
@if (overWriteTimeEstimate() > 0) {
{{ overWriteTimeEstimate() | msToString }} <br />
<span class="original-time-remaining"
>({{ repeatCfg().defaultEstimate|msToString }})</span
>({{ repeatCfg().defaultEstimate | msToString }})</span
>
<!--- -->
} @else { {{ repeatCfg().defaultEstimate|msToString }} }
} @else {
{{ repeatCfg().defaultEstimate | msToString }}
}
</div>
</div>

16
src/app/features/planner/planner-task/planner-task.component.html
View file

@ -12,21 +12,23 @@
@if (task.repeatCfgId) {
<div>
@if (!isRepeatTaskCreatedToday) {
<div class="repeat-date-badge">{{ task.created|shortDate2 }}</div>
} @if (task.repeatCfgId) {
<div class="repeat-date-badge">{{ task.created | shortDate2 }}</div>
}
@if (task.repeatCfgId) {
<mat-icon
[style.transform]="isCurrent ? 'scale(1.4)': ''"
[style.transform]="isCurrent ? 'scale(1.4)' : ''"
svgIcon="repeat"
>
</mat-icon>
}
</div>
} @if (task.issueId) {
}
@if (task.issueId) {
<div>
@if (task.issuePoints) {
<div class="mini-badge bgc-primary">{{ task.issuePoints }}</div>
}
<mat-icon [svgIcon]="task.issueType|issueIcon"></mat-icon>
<mat-icon [svgIcon]="task.issueType | issueIcon"></mat-icon>
</div>
}
</div>
@ -67,8 +69,8 @@
}
<inline-input
(changed)="updateTimeEstimate( $event)"
[displayValue]="timeEstimate|msToString"
(changed)="updateTimeEstimate($event)"
[displayValue]="timeEstimate | msToString"
[type]="'duration'"
[value]="timeEstimate"
>

8
src/app/features/planner/planner.component.html
View file

@ -37,12 +37,12 @@
</ng-container>
<ng-container better-drawer-side>
<add-task-panel-planner (closePanel)="isPanelOpen=false"></add-task-panel-planner>
<add-task-panel-planner (closePanel)="isPanelOpen = false"></add-task-panel-planner>
</ng-container>
</better-simple-drawer>
@if (!isPanelOpen) {
<div class="fab-wrapper FAB-BTN">
<div class="fab-wrapper FAB-BTN">
<button
mat-fab
class="show-xs-only"
@ -54,10 +54,10 @@
<button
mat-fab
color="primary"
matTooltip="{{T.F.PLANNER.TASK_DRAWER|translate}}"
matTooltip="{{ T.F.PLANNER.TASK_DRAWER | translate }}"
(click)="isPanelOpen = true"
>
<mat-icon>playlist_add</mat-icon>
</button>
</div>
</div>
}

31
src/app/features/pomodoro/dialog-pomodoro-break/dialog-pomodoro-break.component.html
View file

@ -1,18 +1,21 @@
<div mat-dialog-content>
@if (!(isManualPauseWork$|async)) {
@if (!(isManualPauseWork$ | async)) {
<div>
<p
[innerHTML]="T.F.POMODORO.FINISH_SESSION_X|translate:{nr: (currentCycle$|async)}"
[innerHTML]="
T.F.POMODORO.FINISH_SESSION_X | translate: { nr: (currentCycle$ | async) }
"
></p>
<p>{{T.F.POMODORO.ENJOY_YOURSELF|translate}}</p>
<p>{{ T.F.POMODORO.ENJOY_YOURSELF | translate }}</p>
</div>
} @if ((isManualPauseWork$|async)) {
}
@if (isManualPauseWork$ | async) {
<div>
<p>{{T.F.POMODORO.BREAK_IS_DONE|translate}}</p>
<p>{{ T.F.POMODORO.BREAK_IS_DONE | translate }}</p>
</div>
}
<div class="timer">{{currentTime$|async|msToMinuteClockString}}</div>
<div class="timer">{{ currentTime$ | async | msToMinuteClockString }}</div>
</div>
<div
@ -24,35 +27,37 @@
color="primary"
mat-button
>
{{T.G.CLOSE|translate}}
{{ T.G.CLOSE | translate }}
</button>
@if ((isManualPauseBreak$|async)) {
@if (isManualPauseBreak$ | async) {
<button
(click)="startBreak()"
color="primary"
mat-stroked-button
>
<mat-icon>free_breakfast</mat-icon>
<span>{{T.F.POMODORO.START_BREAK|translate}}</span>
<span>{{ T.F.POMODORO.START_BREAK | translate }}</span>
</button>
} @if (!(isManualPauseWork$|async)) {
}
@if (!(isManualPauseWork$ | async)) {
<button
(click)="nextSession(true)"
color="primary"
mat-stroked-button
>
<mat-icon>skip_next</mat-icon>
<span>{{T.F.POMODORO.SKIP_BREAK|translate}}</span>
<span>{{ T.F.POMODORO.SKIP_BREAK | translate }}</span>
</button>
} @if ((isManualPauseWork$|async)) {
}
@if (isManualPauseWork$ | async) {
<button
(click)="nextSession()"
color="primary"
mat-stroked-button
>
<mat-icon>play_arrow</mat-icon>
{{T.F.POMODORO.BACK_TO_WORK|translate}}
{{ T.F.POMODORO.BACK_TO_WORK | translate }}
</button>
}
</div>

70
src/app/features/procrastination/procrastination.component.html
View file

@ -1,37 +1,41 @@
<div class="page-wrapper component-wrapper">
<h1 style="margin-top: 16px; text-align: center">
{{T.F.PROCRASTINATION.H1|translate}}
{{ T.F.PROCRASTINATION.H1 | translate }}
</h1>
<mat-tab-group dynamicHeight>
<mat-tab [label]="T.F.PROCRASTINATION.INTRO.TITLE|translate">
<mat-tab [label]="T.F.PROCRASTINATION.INTRO.TITLE | translate">
<section class="tab-inner">
<p>{{T.F.PROCRASTINATION.P1|translate}}</p>
<p [innerHTML]="T.F.PROCRASTINATION.P2|translate"></p>
<p>{{ T.F.PROCRASTINATION.P1 | translate }}</p>
<p [innerHTML]="T.F.PROCRASTINATION.P2 | translate"></p>
<div class="procrastination-graph">
<div class="wrap">
<div class="text-item">{{T.F.PROCRASTINATION.INTRO.FEAR|translate}}</div>
<div class="text-item">{{T.F.PROCRASTINATION.INTRO.AVOIDING|translate}}</div>
<div class="text-item">{{ T.F.PROCRASTINATION.INTRO.FEAR | translate }}</div>
<div class="text-item">
{{ T.F.PROCRASTINATION.INTRO.AVOIDING | translate }}
</div>
</div>
<mat-icon>sync</mat-icon>
<div class="text-item">{{T.F.PROCRASTINATION.INTRO.STRESSED|translate}}</div>
<div class="text-item">
{{ T.F.PROCRASTINATION.INTRO.STRESSED | translate }}
</div>
</div>
</section>
</mat-tab>
<mat-tab [label]="T.F.PROCRASTINATION.CUR.TITLE|translate">
<mat-tab [label]="T.F.PROCRASTINATION.CUR.TITLE | translate">
<section class="tab-inner">
<p>{{T.F.PROCRASTINATION.CUR.INTRO|translate}}</p>
<p>{{ T.F.PROCRASTINATION.CUR.INTRO | translate }}</p>
<ul>
<li>{{T.F.PROCRASTINATION.CUR.L1|translate}}</li>
<li>{{T.F.PROCRASTINATION.CUR.L2|translate}}</li>
<li>{{T.F.PROCRASTINATION.CUR.L3|translate}}</li>
<li>{{T.F.PROCRASTINATION.CUR.L4|translate}}</li>
<li>{{T.F.PROCRASTINATION.CUR.L5|translate}}</li>
<li>{{ T.F.PROCRASTINATION.CUR.L1 | translate }}</li>
<li>{{ T.F.PROCRASTINATION.CUR.L2 | translate }}</li>
<li>{{ T.F.PROCRASTINATION.CUR.L3 | translate }}</li>
<li>{{ T.F.PROCRASTINATION.CUR.L4 | translate }}</li>
<li>{{ T.F.PROCRASTINATION.CUR.L5 | translate }}</li>
</ul>
<h3>{{T.F.PROCRASTINATION.CUR.PROCRASTINATION_TRIGGERS_TITLE|translate}}</h3>
<p>{{T.F.PROCRASTINATION.CUR.PROCRASTINATION_TRIGGERS_TEXT|translate}}</p>
<h3>{{ T.F.PROCRASTINATION.CUR.PROCRASTINATION_TRIGGERS_TITLE | translate }}</h3>
<p>{{ T.F.PROCRASTINATION.CUR.PROCRASTINATION_TRIGGERS_TEXT | translate }}</p>
<!-- <mat-form-field>-->
<!-- <textarea matInput-->
@ -60,46 +64,46 @@
</section>
</mat-tab>
<mat-tab [label]="T.F.PROCRASTINATION.COMP.TITLE|translate">
<mat-tab [label]="T.F.PROCRASTINATION.COMP.TITLE | translate">
<section class="tab-inner">
<p>{{T.F.PROCRASTINATION.COMP.INTRO|translate}}</p>
<p>{{ T.F.PROCRASTINATION.COMP.INTRO | translate }}</p>
<ul>
<li>{{T.F.PROCRASTINATION.COMP.L1|translate}}</li>
<li>{{T.F.PROCRASTINATION.COMP.L2|translate}}</li>
<li>{{T.F.PROCRASTINATION.COMP.L3|translate}}</li>
<li>{{T.F.PROCRASTINATION.COMP.L4|translate}}</li>
<li>{{ T.F.PROCRASTINATION.COMP.L1 | translate }}</li>
<li>{{ T.F.PROCRASTINATION.COMP.L2 | translate }}</li>
<li>{{ T.F.PROCRASTINATION.COMP.L3 | translate }}</li>
<li>{{ T.F.PROCRASTINATION.COMP.L4 | translate }}</li>
</ul>
<p [innerHTML]="T.F.PROCRASTINATION.COMP.OUTRO|translate"></p>
<p [innerHTML]="T.F.PROCRASTINATION.COMP.OUTRO | translate"></p>
</section>
</mat-tab>
<mat-tab [label]="T.F.PROCRASTINATION.REFRAME.TITLE|translate">
<mat-tab [label]="T.F.PROCRASTINATION.REFRAME.TITLE | translate">
<section class="tab-inner">
<p>{{T.F.PROCRASTINATION.REFRAME.INTRO|translate}}</p>
<p>{{ T.F.PROCRASTINATION.REFRAME.INTRO | translate }}</p>
<mat-form-field>
<mat-label>{{T.F.PROCRASTINATION.REFRAME.TL1|translate}}</mat-label>
<mat-label>{{ T.F.PROCRASTINATION.REFRAME.TL1 | translate }}</mat-label>
<textarea matInput></textarea>
</mat-form-field>
<mat-form-field>
<mat-label>{{T.F.PROCRASTINATION.REFRAME.TL2|translate}}</mat-label>
<mat-label>{{ T.F.PROCRASTINATION.REFRAME.TL2 | translate }}</mat-label>
<textarea matInput></textarea>
</mat-form-field>
<mat-form-field>
<mat-label>{{T.F.PROCRASTINATION.REFRAME.TL3|translate}}</mat-label>
<mat-label>{{ T.F.PROCRASTINATION.REFRAME.TL3 | translate }}</mat-label>
<textarea matInput></textarea>
</mat-form-field>
</section>
</mat-tab>
@if ((taskService.currentTaskOrCurrentParent$|async); as currentTask) {
<mat-tab [label]="T.F.PROCRASTINATION.SPLIT_UP.TITLE|translate">
@if (taskService.currentTaskOrCurrentParent$ | async; as currentTask) {
<mat-tab [label]="T.F.PROCRASTINATION.SPLIT_UP.TITLE | translate">
<section class="tab-inner no-box">
<p>{{T.F.PROCRASTINATION.SPLIT_UP.INTRO|translate}}</p>
<p>{{ T.F.PROCRASTINATION.SPLIT_UP.INTRO | translate }}</p>
<task [task]="currentTask"></task>
<p
[innerHTML]="T.F.PROCRASTINATION.SPLIT_UP.OUTRO|translate"
[innerHTML]="T.F.PROCRASTINATION.SPLIT_UP.OUTRO | translate"
style="margin-top: 16px"
></p>
</section>
@ -113,7 +117,7 @@
mat-flat-button
(click)="backToWork()"
>
{{T.F.PROCRASTINATION.BACK_TO_WORK|translate}}
{{ T.F.PROCRASTINATION.BACK_TO_WORK | translate }}
</button>
</div>
</div>

11
src/app/features/project/dialogs/create-project/dialog-create-project.component.html
View file

@ -1,8 +1,9 @@
<h1 mat-dialog-title>
@if (projectData.id) {
<span>{{T.F.PROJECT.D_CREATE.EDIT|translate}}</span>
} @if (!projectData.id) {
<span>{{T.F.PROJECT.D_CREATE.CREATE|translate}}</span>
<span>{{ T.F.PROJECT.D_CREATE.EDIT | translate }}</span>
}
@if (!projectData.id) {
<span>{{ T.F.PROJECT.D_CREATE.CREATE | translate }}</span>
}
</h1>
@ -30,7 +31,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
<button
[disabled]="!formBasic.valid"
@ -39,7 +40,7 @@
mat-stroked-button
type="submit"
>
{{T.G.SAVE|translate}}
{{ T.G.SAVE | translate }}
</button>
</div>
</mat-dialog-actions>

75
src/app/features/quick-history/quick-history.component.html
View file

@ -1,70 +1,82 @@
<h1>{{ T.F.QUICK_HISTORY.PAGE_TITLE|translate }}</h1>
<h1>{{ T.F.QUICK_HISTORY.PAGE_TITLE | translate }}</h1>
<div
*ngIf="(worklogService.quickHistoryWeeks$|async) as weeks else spinner"
*ngIf="worklogService.quickHistoryWeeks$ | async as weeks; else spinner"
[@fadeInSlow]
>
<div
class="no-data"
*ngIf="weeks?.length===0"
*ngIf="weeks?.length === 0"
>
{{ T.F.QUICK_HISTORY.NO_DATA|translate }}
{{ T.F.QUICK_HISTORY.NO_DATA | translate }}
</div>
<div *ngFor="let week of weeks; let j = index;">
<div *ngFor="let week of weeks; let j = index">
<h2>
{{ T.F.QUICK_HISTORY.WEEK_TITLE|translate:{ nr: week.weekNr, timeSpent:
(week.timeSpent|msToString) } }}
{{
T.F.QUICK_HISTORY.WEEK_TITLE
| translate: { nr: week.weekNr, timeSpent: (week.timeSpent | msToString) }
}}
</h2>
<div class="days">
<div
*ngFor="let day of week?.ent|keyvalue:sortDays trackBy: trackByDay; let i = index;"
*ngFor="
let day of week?.ent | keyvalue: sortDays;
trackBy: trackByDay;
let i = index
"
class="day"
>
<div class="material-table">
<div
(click)="visibility[i+(j*100)]=!visibility[i+(j*100)];"
(click)="visibility[i + j * 100] = !visibility[i + j * 100]"
class="caption"
mat-ripple
>
<div>
<span
*ngIf="visibility[i+(j*100)]"
*ngIf="visibility[i + j * 100]"
[@fade]
>{{ T.F.WORKLOG.WEEK.TITLE|translate }}</span
>{{ T.F.WORKLOG.WEEK.TITLE | translate }}</span
>
</div>
<div class="center-box">
<div class="title">
<h3 class="mat-h3">{{ day.value.dayStr }}</h3>
<div
*ngIf="!visibility[i+(j*100)]"
*ngIf="!visibility[i + j * 100]"
[@expandFade]
class="icon-indicator-bar"
>
<strong>∑ {{ day.value.timeSpent|msToClockString }}</strong>
<strong>∑ {{ day.value.timeSpent | msToClockString }}</strong>
&nbsp;
<mat-icon>list</mat-icon>
<strong>{{ day.value.logEntries.length }}</strong>
<em *ngIf="day.value.workStart"
><span class="spacer"></span>{{
day.value.workStart|momentFormat:'HH:mm' }} - {{
day.value.workEnd|momentFormat:'HH:mm' }}</em
><span class="spacer"></span
>{{ day.value.workStart | momentFormat: 'HH:mm' }} -
{{ day.value.workEnd | momentFormat: 'HH:mm' }}</em
>
<div class="simple-counter-items">
<div
*ngFor="let sc of simpleCounterService.enabledSimpleCounters$|async"
*ngFor="
let sc of simpleCounterService.enabledSimpleCounters$ | async
"
class="simple-counter-item"
>
<mat-icon inline="true">{{ sc.icon }}</mat-icon>
@if(sc.type==='StopWatch') {
@if (sc.type === 'StopWatch') {
<div class="count">
{{ sc.countOnDay[day.value.dateStr] || 0|msToMinuteClockString }}
{{
sc.countOnDay[day.value.dateStr] || 0 | msToMinuteClockString
}}
</div>
} @else {
<div class="count">{{ sc.countOnDay[day.value.dateStr] || 0 }}</div>
<div class="count">
{{ sc.countOnDay[day.value.dateStr] || 0 }}
</div>
}
</div>
</div>
@ -73,7 +85,7 @@
</div>
<div class="with-icon">
<mat-icon
*ngIf="visibility[i+(j*100)]"
*ngIf="visibility[i + j * 100]"
[@fade]
>timer
</mat-icon>
@ -81,12 +93,15 @@
</div>
<table
*ngIf="visibility[i+(j*100)]"
*ngIf="visibility[i + j * 100]"
[@expandFade]
class="task-summary-table"
>
<tr
*ngFor="let logEntry of filterWorklogDataForDay(day.value.logEntries); trackBy: trackByLogEntry;"
*ngFor="
let logEntry of filterWorklogDataForDay(day.value.logEntries);
trackBy: trackByLogEntry
"
>
<td
[class.isSubTask]="logEntry.task.parentId"
@ -97,14 +112,20 @@
</td>
<td class="worked">
<span
*ngIf="logEntry.task.subTaskIds && logEntry.task.subTaskIds.length>0"
>∑ {{ logEntry.task.timeSpentOnDay[day.value.dateStr]|msToClockString
*ngIf="logEntry.task.subTaskIds && logEntry.task.subTaskIds.length > 0"
>∑
{{
logEntry.task.timeSpentOnDay[day.value.dateStr] | msToClockString
}}</span
>
<inline-input
(changed)="updateTimeSpentTodayForTask(logEntry.task,day.value.dateStr, $event)"
(changed)="
updateTimeSpentTodayForTask(logEntry.task, day.value.dateStr, $event)
"
*ngIf="!logEntry.task.subTaskIds || !logEntry.task.subTaskIds.length"
[displayValue]="logEntry.task.timeSpentOnDay[day.value.dateStr]|msToClockString"
[displayValue]="
logEntry.task.timeSpentOnDay[day.value.dateStr] | msToClockString
"
[type]="'duration'"
[value]="logEntry.task.timeSpentOnDay[day.value.dateStr]"
>

16
src/app/features/right-panel/right-panel.component.html
View file

@ -1,7 +1,7 @@
<better-drawer-container
(wasClosed)="close()"
[isOpen]="isOpen$|async"
[isOver]="isAlwaysOver() || (layoutService.isRightPanelOver$|async)"
[isOpen]="isOpen$ | async"
[isOver]="isAlwaysOver() || (layoutService.isRightPanelOver$ | async)"
[sideWidth]="40"
>
<ng-container better-drawer-content>
@ -9,16 +9,18 @@
</ng-container>
<ng-container better-drawer-side>
@let panelContent = panelContent$ |async;
@let panelContent = panelContent$ | async;
<div class="right-panel">
@if (panelContent === 'ADD_TASK_PANEL') {
<issue-panel [@slideInFromRight]></issue-panel>
} @if (panelContent === 'NOTES') {
}
@if (panelContent === 'NOTES') {
<notes [@slideInFromRight]></notes>
} @if (selectedTaskWithDelayForNone$|async; as selectedTaskWithDelayForNone) {
}
@if (selectedTaskWithDelayForNone$ | async; as selectedTaskWithDelayForNone) {
<task-detail-panel
[isOver]="isAlwaysOver() || (layoutService.isRightPanelOver$|async)"
[@taskDetailPanelTaskChange]=" selectedTaskWithDelayForNone?.id"
[isOver]="isAlwaysOver() || (layoutService.isRightPanelOver$ | async)"
[@taskDetailPanelTaskChange]="selectedTaskWithDelayForNone?.id"
[@.disabled]="isDisableTaskPanelAni"
[task]="selectedTaskWithDelayForNone"
></task-detail-panel>

8
src/app/features/schedule/create-task-placeholder/create-task-placeholder.component.html
View file

@ -4,20 +4,20 @@
>
@if (!isForDayMode()) {
<mat-icon>alarm</mat-icon>
<span [innerHTML]="plannedAt()|shortTime2"></span>
<span [innerHTML]="plannedAt() | shortTime2"></span>
<!---->
} @else {
<mat-icon>today</mat-icon>
<span>{{ date()|date:'shortDate' }} </span>
<span>{{ date() | date: 'shortDate' }} </span>
<!---->
}
</div>
@if (!isEditMode()) {
<div class="msg">
<div class="msg">
<mat-icon>add</mat-icon>
click to create task
</div>
</div>
}
<textarea

17
src/app/features/schedule/dialog-timeline-setup/dialog-timeline-setup.component.html
View file

@ -1,29 +1,30 @@
<h1 mat-dialog-title>
<mat-icon>calendar_view_week</mat-icon>
<span style="margin-left: 8px">{{ T.F.SCHEDULE.D_INITIAL.TITLE|translate }}</span>
<span style="margin-left: 8px">{{ T.F.SCHEDULE.D_INITIAL.TITLE | translate }}</span>
</h1>
<form
(submit)="$event.preventDefault();saveAndClose()"
(submit)="$event.preventDefault(); saveAndClose()"
[formGroup]="formGroup"
>
<mat-dialog-content>
@if (data?.isInfoShownInitially) {
<div
class="text"
[innerHTML]="T.F.SCHEDULE.D_INITIAL.TEXT|translate"
[innerHTML]="T.F.SCHEDULE.D_INITIAL.TEXT | translate"
></div>
} @if (!data?.isInfoShownInitially) {
}
@if (!data?.isInfoShownInitially) {
<help-section>
<div
[innerHTML]="T.F.SCHEDULE.D_INITIAL.TEXT|translate"
[innerHTML]="T.F.SCHEDULE.D_INITIAL.TEXT | translate"
class="side-info"
></div>
</help-section>
}
<formly-form
(modelChange)="timelineCfg=$event"
(modelChange)="timelineCfg = $event"
[fields]="formConfig"
[form]="formGroup"
[model]="timelineCfg"
@ -38,7 +39,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
<button
@ -48,7 +49,7 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{T.G.SAVE|translate}}
{{ T.G.SAVE | translate }}
</button>
</mat-dialog-actions>
</form>

40
src/app/features/schedule/schedule-event/schedule-event.component.html
View file

@ -7,39 +7,45 @@
class="ico"
inline="true"
></mat-icon>
} @case ('PLANNED_FOR_DAY') {
}
@case ('PLANNED_FOR_DAY') {
<div class="day-of-month">{{ se.dayOfMonth }}</div>
} @case ('SCHEDULED_TASK') {
}
@case ('SCHEDULED_TASK') {
<mat-icon
class="ico"
inline="true"
>alarm
</mat-icon>
} @case ('FLOW') {
}
@case ('FLOW') {
<!--<div class="fake-ico">~</div>-->
<mat-icon
class="ico"
inline="true"
>wb_sunny
</mat-icon>
} @case ('LUNCH_BREAK') {
}
@case ('LUNCH_BREAK') {
<mat-icon
class="ico"
inline="true"
>restaurant
</mat-icon>
} @case ('CAL_PROJECTION') {
}
@case ('CAL_PROJECTION') {
<mat-icon>{{ $any(se.data)?.icon || 'event' }}</mat-icon>
<mat-icon>add</mat-icon>
}
<!--- --->
@default { }
@default {}
<!--- --->
}
<!--- -->
@if (se.type === SVEType.ScheduledTask || se.type === SVEType.ScheduledRepeatProjection)
{
@if (
se.type === SVEType.ScheduledTask || se.type === SVEType.ScheduledRepeatProjection
) {
<div class="time-badge">{{ scheduledClockStr }}</div>
}
</div>
@ -51,16 +57,22 @@
<!-- {{se.id}} __ {{se.data?.id}} __-->
<!-- -->
@if (se.type === SVEType.SplitTaskContinuedLast || se.type ===
SVEType.SplitTaskContinued || se.type === SVEType.RepeatProjectionSplitContinued ||
se.type === SVEType.RepeatProjectionSplitContinuedLast) { ...
@if (
se.type === SVEType.SplitTaskContinuedLast ||
se.type === SVEType.SplitTaskContinued ||
se.type === SVEType.RepeatProjectionSplitContinued ||
se.type === SVEType.RepeatProjectionSplitContinuedLast
) {
...
<!-- -->
} @else { {{ title }} }
} @else {
{{ title }}
}
</div>
@if (task) {
<task-context-menu
<task-context-menu
#taskContextMenu
[task]="task"
></task-context-menu>
></task-context-menu>
}

55
src/app/features/schedule/schedule/schedule.component.html
View file

@ -42,8 +42,8 @@
@if ($index === 0) {
<mat-icon>wb_sunny</mat-icon>
}
<div class="day-num">{{ day|date:'d' }}</div>
<div class="day-day">{{ day|date:'EEE' }}</div>
<div class="day-num">{{ day | date: 'd' }}</div>
<div class="day-day">{{ day | date: 'EEE' }}</div>
</div>
}
</div>
@ -52,8 +52,8 @@
<!--<div class="outer-container">-->
<div
#gridContainer
class="main-grid-container {{containerExtraClass}}"
[class.isCtrlKeyPressed]="shortcutService.isCtrlPressed$|async"
class="main-grid-container {{ containerExtraClass }}"
[class.isCtrlKeyPressed]="shortcutService.isCtrlPressed$ | async"
(click)="onGridClick($event)"
(mousemove)="onMoveOverGrid($event)"
>
@ -61,7 +61,7 @@
@for (time of times; track $index) {
<div
class="time"
style="grid-row: {{ $index *FH + 1 }}"
style="grid-row: {{ $index * FH + 1 }}"
>
{{ time }}
</div>
@ -79,16 +79,20 @@
<div
class="col"
[attr.data-day]="day"
style="grid-column: {{ $index + 2 }}; grid-row: 1 / span {{($index === 0 ? currentTimeRow :endOfDayColRowStart) -1}}"
style="grid-column: {{ $index + 2 }}; grid-row: 1 / span {{
($index === 0 ? currentTimeRow : endOfDayColRowStart) - 1
}}"
>
<div class="drop-label">{{ T.F.SCHEDULE.PLAN_START_DAY|translate }}</div>
<div class="drop-label">{{ T.F.SCHEDULE.PLAN_START_DAY | translate }}</div>
</div>
<div
class="col end-of-day"
[attr.data-day]="day"
style="grid-column: {{ $index + 2 }}; grid-row: {{($index === 0 ? currentTimeRow :endOfDayColRowStart)}} / span {{totalRows - ($index === 0 ? currentTimeRow :endOfDayColRowStart)}}"
style="grid-column: {{ $index + 2 }}; grid-row: {{
$index === 0 ? currentTimeRow : endOfDayColRowStart
}} / span {{ totalRows - ($index === 0 ? currentTimeRow : endOfDayColRowStart) }}"
>
<div class="drop-label">{{ T.F.SCHEDULE.PLAN_END_DAY|translate }}</div>
<div class="drop-label">{{ T.F.SCHEDULE.PLAN_END_DAY | translate }}</div>
</div>
}
@ -96,23 +100,27 @@
@if (workStartEnd) {
<div
class="work-start"
style="grid-row: {{workStartEnd.workStartRow}}"
style="grid-row: {{ workStartEnd.workStartRow }}"
>
<div>{{ T.F.SCHEDULE.START|translate }}</div>
<div>{{ T.F.SCHEDULE.START | translate }}</div>
</div>
<div
class="work-end"
style="grid-row: {{workStartEnd.workEndRow}}"
style="grid-row: {{ workStartEnd.workEndRow }}"
>
<div>{{ T.F.SCHEDULE.END|translate }}</div>
<div>{{ T.F.SCHEDULE.END | translate }}</div>
</div>
}
<!-- Events -->
@for (ev of (events$|async); track ev.id) {
@for (ev of events$ | async; track ev.id) {
<!-- -->
@if (ev.type === SVEType.Task || ev.type === SVEType.SplitTask || ev.type ===
SVEType.TaskPlannedForDay || ev.type === SVEType.SplitTaskPlannedForDay) {
@if (
ev.type === SVEType.Task ||
ev.type === SVEType.SplitTask ||
ev.type === SVEType.TaskPlannedForDay ||
ev.type === SVEType.SplitTaskPlannedForDay
) {
<schedule-event
class="draggable"
cdkDrag
@ -125,20 +133,23 @@
></schedule-event>
} @else {
<schedule-event [event]="ev"></schedule-event>
} }
}
}
<!-- Excess tasks planned for day -->
@for (beyondBudgetDay of (beyondBudget$|async); track i; let i = $index) {
@for (beyondBudgetDay of beyondBudget$ | async; track i; let i = $index) {
<!-- -->
@if (beyondBudgetDay.length > 0) {
<div
class="excess-entries"
style="grid-column: {{i + 2}}"
style="grid-column: {{ i + 2 }}"
>
<div
class="excess-entries-header"
[matTooltipPosition]="'above'"
[matTooltip]="'Tasks planned for day, but that are beyond the available time budget'"
[matTooltip]="
'Tasks planned for day, but that are beyond the available time budget'
"
>
<mat-icon>hourglass_disabled</mat-icon>
{{ beyondBudgetDay.length }}
@ -162,12 +173,12 @@
<div
class="current-time"
style="grid-column: 2; grid-row: {{currentTimeRow}} / span 1"
style="grid-column: 2; grid-row: {{ currentTimeRow }} / span 1"
>
<div class="circle"></div>
</div>
@if (newTaskPlaceholder$|async; as newTaskPlaceholder) {
@if (newTaskPlaceholder$ | async; as newTaskPlaceholder) {
<create-task-placeholder
[isEditMode]="isCreateTaskActive"
[time]="newTaskPlaceholder.time"

17
src/app/features/search-bar/search-bar.component.html
View file

@ -5,7 +5,7 @@
class="search-form mat-elevation-z4"
>
<div class="input-wrapper">
@if ((isLoading$|async)) {
@if (isLoading$ | async) {
<div class="spinner">
<mat-spinner diameter="50"></mat-spinner>
</div>
@ -17,7 +17,7 @@
(blur)="onBlur($event)"
[formControl]="taskSuggestionsCtrl"
[matAutocomplete]="autoEl"
[placeholder]="(T.F.SEARCH_BAR.PLACEHOLDER|translate)"
[placeholder]="T.F.SEARCH_BAR.PLACEHOLDER | translate"
matInput
/>
@ -33,8 +33,10 @@
<div class="info-bar">
<div class="info-text">
{{ (!tooManyResults ? T.F.SEARCH_BAR.INFO :
T.F.SEARCH_BAR.TOO_MANY_RESULTS)|translate }}
{{
(!tooManyResults ? T.F.SEARCH_BAR.INFO : T.F.SEARCH_BAR.TOO_MANY_RESULTS)
| translate
}}
</div>
</div>
@ -44,7 +46,7 @@
autoActiveFirstOption
[displayWith]="getOptionText"
>
@for (item of (filteredIssueSuggestions$|async); track trackByFn($index, item)) {
@for (item of filteredIssueSuggestions$ | async; track trackByFn($index, item)) {
<mat-option
(click)="navigateToItem(item)"
class="search-mat-option"
@ -55,8 +57,9 @@
}
<span>{{ item?.titleHighlighted || item?.title }}</span>
@if (item.issueType) {
<mat-icon [svgIcon]="item.issueType|issueIcon"></mat-icon>
} @if (item.isArchiveTask) {
<mat-icon [svgIcon]="item.issueType | issueIcon"></mat-icon>
}
@if (item.isArchiveTask) {
<mat-icon>archive</mat-icon>
}
</mat-option>

35
src/app/features/simple-counter/dialog-simple-counter-edit/dialog-simple-counter-edit.component.html
View file

@ -1,4 +1,4 @@
<form (submit)="$event.preventDefault();submit()">
<form (submit)="$event.preventDefault(); submit()">
<!-- <h1 mat-dialog-title>{{ T.F.SIMPLE_COUNTER.D_EDIT.TITLE|translate }}</h1>-->
<h1 mat-dialog-title>{{ data.simpleCounter.title }}</h1>
@ -6,23 +6,26 @@
<!---->
@if (data.simpleCounter.isTrackStreaks) {
<section style="text-align: center; margin-bottom: 16px">
<div>{{T.F.SIMPLE_COUNTER.D_EDIT.CURRENT_STREAK|translate}}</div>
<div>{{ T.F.SIMPLE_COUNTER.D_EDIT.CURRENT_STREAK | translate }}</div>
<div>
<strong
>{{ currentStreak() }} {{T.F.SIMPLE_COUNTER.D_EDIT.DAYS|translate}}</strong
>{{ currentStreak() }}
{{ T.F.SIMPLE_COUNTER.D_EDIT.DAYS | translate }}</strong
>
</div>
</section>
<section style="text-align: center; margin-bottom: 16px">
<div>{{T.F.SIMPLE_COUNTER.D_EDIT.DAILY_GOAL|translate}}</div>
<div>{{ T.F.SIMPLE_COUNTER.D_EDIT.DAILY_GOAL | translate }}</div>
<div>
<strong
>@if (data.simpleCounter.type === SimpleCounterType.StopWatch) { {{
data.simpleCounter.streakMinValue|msToString }}
<strong>
@if (data.simpleCounter.type === SimpleCounterType.StopWatch) {
{{ data.simpleCounter.streakMinValue | msToString }}
<!---->
} @else { {{ data.simpleCounter.streakMinValue }} }</strong
>
} @else {
{{ data.simpleCounter.streakMinValue }}
}
</strong>
</div>
</section>
}
@ -47,10 +50,12 @@
}
<div class="form-wrapper">
@if (data.simpleCounter.type === SimpleCounterType.ClickCounter ||
data.simpleCounter.type === SimpleCounterType.RepeatedCountdownReminder) {
@if (
data.simpleCounter.type === SimpleCounterType.ClickCounter ||
data.simpleCounter.type === SimpleCounterType.RepeatedCountdownReminder
) {
<mat-form-field>
<mat-label>{{ T.F.SIMPLE_COUNTER.D_EDIT.L_COUNTER|translate }}</mat-label>
<mat-label>{{ T.F.SIMPLE_COUNTER.D_EDIT.L_COUNTER | translate }}</mat-label>
<input
(ngModelChange)="onModelChange($event)"
[ngModel]="val"
@ -63,7 +68,7 @@
<!---->
@if (data.simpleCounter.type === SimpleCounterType.StopWatch) {
<mat-form-field>
<mat-label>{{ T.F.SIMPLE_COUNTER.D_EDIT.L_COUNTER|translate }}</mat-label>
<mat-label>{{ T.F.SIMPLE_COUNTER.D_EDIT.L_COUNTER | translate }}</mat-label>
<input
(ngModelChange)="onModelChange($event)"
[ngModel]="val"
@ -87,7 +92,7 @@
mat-button
type="button"
>
{{ T.G.CANCEL|translate }}
{{ T.G.CANCEL | translate }}
</button>
<button
class="btn btn-primary submit-button"
@ -96,7 +101,7 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{ T.G.SAVE|translate }}
{{ T.G.SAVE | translate }}
</button>
</div>
</mat-dialog-actions>

28
src/app/features/simple-counter/simple-counter-button/simple-counter-button.component.html
View file

@ -1,11 +1,11 @@
@if (simpleCounter(); as sc) {
<div class="wrapper">
<div class="wrapper">
@if (sc.type === SimpleCounterType.StopWatch) {
<button
(click)="toggleStopwatch()"
(contextmenu)="edit($event)"
(longPress)="edit()"
[color]="sc.isOn? 'accent': ''"
[color]="sc.isOn ? 'accent' : ''"
class="main-btn stopwatch"
mat-mini-fab
>
@ -15,8 +15,9 @@
}
</button>
@if (sc.countOnDay[todayStr()]) {
<div class="label">{{ sc.countOnDay[todayStr()]|msToMinuteClockString }}</div>
} }
<div class="label">{{ sc.countOnDay[todayStr()] | msToMinuteClockString }}</div>
}
}
<!----->
@if (sc.type === SimpleCounterType.ClickCounter) {
<button
@ -34,14 +35,15 @@
</button>
@if (sc.countOnDay[todayStr()]) {
<div class="label">{{ sc.countOnDay[todayStr()] }}</div>
} }
}
}
<!----->
@if (sc.type === SimpleCounterType.RepeatedCountdownReminder) {
<button
(click)="isTimeUp() ? countUpAndNextRepeatCountdownSession() : toggleStopwatch()"
(contextmenu)="edit($event)"
(longPress)="edit()"
[color]="(sc.isOn && !isTimeUp())? 'accent': ''"
[color]="sc.isOn && !isTimeUp() ? 'accent' : ''"
[class.isTimeUp]="isTimeUp()"
class="main-btn repeated-countdown"
mat-mini-fab
@ -51,10 +53,12 @@
<mat-icon class="check-ico">check</mat-icon>
}
</button>
@if (sc.isOn && (countdownTime$|async); as countdownTime) {
<div class="extra-label">{{ countdownTime|msToMinuteClockString }}</div>
} @if (sc.countOnDay[todayStr()] || isTimeUp()) {
<div class="label">{{ isTimeUp() ? "+" : sc.countOnDay[todayStr()] }}</div>
} }
</div>
@if (sc.isOn && (countdownTime$ | async); as countdownTime) {
<div class="extra-label">{{ countdownTime | msToMinuteClockString }}</div>
}
@if (sc.countOnDay[todayStr()] || isTimeUp()) {
<div class="label">{{ isTimeUp() ? '+' : sc.countOnDay[todayStr()] }}</div>
}
}
</div>
}

2
src/app/features/simple-counter/simple-counter-cfg/simple-counter-cfg.component.html
View file

@ -19,7 +19,7 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{T.G.SAVE|translate}}
{{ T.G.SAVE | translate }}
</button>
</div>
</form>

13
src/app/features/tag/dialog-edit-tags/dialog-edit-tags-for-task.component.html
View file

@ -1,6 +1,9 @@
<h1 mat-dialog-title>
{{isEdit ? (T.F.TAG.D_EDIT.EDIT|translate:{title: title}) :
(T.F.TAG.D_EDIT.ADD|translate:{title: title})}}
{{
isEdit
? (T.F.TAG.D_EDIT.EDIT | translate: { title: title })
: (T.F.TAG.D_EDIT.ADD | translate: { title: title })
}}
</h1>
<mat-dialog-content>
@ -12,9 +15,9 @@
(addNewItem)="addNewTag($event)"
(removeItem)="removeTag($event)"
autoFocus
[label]="T.F.TAG.D_EDIT.LABEL|translate"
[label]="T.F.TAG.D_EDIT.LABEL | translate"
[model]="tagIds"
[suggestions]="(tagSuggestions$|async)"
[suggestions]="tagSuggestions$ | async"
(ctrlEnterSubmit)="close()"
></chip-list-input>
</div>
@ -28,6 +31,6 @@
type="submit"
>
<mat-icon>close</mat-icon>
{{T.G.CLOSE|translate}}
{{ T.G.CLOSE | translate }}
</button>
</mat-dialog-actions>

2
src/app/features/tag/tag-edit/tag-edit.component.html
View file

@ -7,7 +7,7 @@
<tag [tag]="modelItem"></tag>
<mat-icon
[title]="T.G.REMOVE|translate"
[title]="T.G.REMOVE | translate"
matChipRemove
>cancel
</mat-icon>

6
src/app/features/tag/tag-list/tag-list.component.html
View file

@ -1,10 +1,10 @@
@if ((tags()?.length > 0)) {
<div class="tags-container">
@if (tags()?.length > 0) {
<div class="tags-container">
<div class="tags">
@for (tag of tags(); track tag.id) {
<!-- -->
<tag [tag]="tag"></tag>
}
</div>
</div>
</div>
}

4
src/app/features/tag/tag/tag.component.html
View file

@ -1,8 +1,8 @@
<mat-icon
[style.background]="color()"
class="tag-ico"
>{{tag().icon}}</mat-icon
>{{ tag().icon }}</mat-icon
>
@if (!isHideTitle()) {
<span class="tag-title">{{ tag().title }}</span>
<span class="tag-title">{{ tag().title }}</span>
}

31
src/app/features/task-repeat-cfg/dialog-edit-task-repeat-cfg/dialog-edit-task-repeat-cfg.component.html
View file

@ -1,24 +1,27 @@
<form
(submit)="$event.preventDefault();save()"
(submit)="$event.preventDefault(); save()"
class="dialog-help-wrapper"
>
<h1 mat-dialog-title>
{{isEdit ? (T.F.TASK_REPEAT.D_EDIT.EDIT|translate) :
(T.F.TASK_REPEAT.D_EDIT.ADD|translate)}}
{{
isEdit
? (T.F.TASK_REPEAT.D_EDIT.EDIT | translate)
: (T.F.TASK_REPEAT.D_EDIT.ADD | translate)
}}
</h1>
<mat-dialog-content>
<!-- <h3 class="mat-h3">{{task.title}}</h3>-->
<help-section>
<p>{{T.F.TASK_REPEAT.D_EDIT.HELP1|translate}}</p>
<p>{{T.F.TASK_REPEAT.D_EDIT.HELP2|translate}}</p>
<p>{{T.F.TASK_REPEAT.D_EDIT.HELP3|translate}}</p>
<p>{{T.F.TASK_REPEAT.D_EDIT.HELP4|translate}}</p>
<p>{{ T.F.TASK_REPEAT.D_EDIT.HELP1 | translate }}</p>
<p>{{ T.F.TASK_REPEAT.D_EDIT.HELP2 | translate }}</p>
<p>{{ T.F.TASK_REPEAT.D_EDIT.HELP3 | translate }}</p>
<p>{{ T.F.TASK_REPEAT.D_EDIT.HELP4 | translate }}</p>
</help-section>
<div class="form-wrapper">
<formly-form
(modelChange)="repeatCfg=$event"
(modelChange)="repeatCfg = $event"
[form]="formGroup1"
[fields]="TASK_REPEAT_CFG_FORM_CFG_BEFORE_TAGS"
[model]="repeatCfg"
@ -27,14 +30,14 @@
(addItem)="addTag($event)"
(addNewItem)="addNewTag($event)"
(removeItem)="removeTag($event)"
[label]="T.F.TASK_REPEAT.D_EDIT.TAG_LABEL|translate"
[label]="T.F.TASK_REPEAT.D_EDIT.TAG_LABEL | translate"
[model]="repeatCfg.tagIds"
[suggestions]="(tagSuggestions$|async)"
[suggestions]="tagSuggestions$ | async"
></chip-list-input>
<!-- <collapsible [title]="T.F.TASK_REPEAT.D_EDIT.ADVANCED_CFG|translate">-->
<formly-form
(modelChange)="repeatCfg=$event"
(modelChange)="repeatCfg = $event"
[form]="formGroup2"
[fields]="TASK_REPEAT_CFG_ADVANCED_FORM_CFG"
[model]="repeatCfg"
@ -50,7 +53,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
@if (isEdit) {
@ -61,7 +64,7 @@
type="button"
>
<mat-icon>delete_forever</mat-icon>
{{T.G.REMOVE|translate}}
{{ T.G.REMOVE | translate }}
</button>
}
@ -72,7 +75,7 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{T.G.SAVE|translate}}
{{ T.G.SAVE | translate }}
</button>
</mat-dialog-actions>
</form>

113
src/app/features/tasks/add-task-bar/add-task-bar.component.html
View file

@ -1,8 +1,9 @@
@let shortSyntaxTags = (shortSyntaxTags$|async); @let activatedIssueTask =
(activatedIssueTask$|async); @let inputVal = (inputVal$|async)||'';
@let shortSyntaxTags = shortSyntaxTags$ | async;
@let activatedIssueTask = activatedIssueTask$ | async;
@let inputVal = (inputVal$ | async) || '';
<form
(submit)="$event.preventDefault();addTask()"
(submit)="$event.preventDefault(); addTask()"
@blendInOut
[class.isElevated]="isElevated()"
[class.mat-elevation-z3]="!isElevated()"
@ -12,7 +13,7 @@
#origin="matAutocompleteOrigin"
>
<div class="input-wrapper">
@if ((isLoading())) {
@if (isLoading()) {
<div class="spinner">
<mat-spinner diameter="50"></mat-spinner>
</div>
@ -25,17 +26,19 @@
[formControl]="taskSuggestionsCtrl"
[matAutocomplete]="autoEl"
[matAutocompleteConnectedTo]="origin"
[mentionConfig]="mentionConfig$|async"
[mentionConfig]="mentionConfig$ | async"
spellcheck="false"
[placeholder]="(doubleEnterCount() > 0)
? (T.F.TASK.ADD_TASK_BAR.START|translate)
[placeholder]="
doubleEnterCount() > 0
? (T.F.TASK.ADD_TASK_BAR.START | translate)
: isAddToBottom()
? isAddToBacklog()
? (T.F.TASK.ADD_TASK_BAR.ADD_TASK_TO_BOTTOM_OF_BACKLOG|translate)
: (T.F.TASK.ADD_TASK_BAR.ADD_TASK_TO_BOTTOM_OF_TODAY|translate)
? (T.F.TASK.ADD_TASK_BAR.ADD_TASK_TO_BOTTOM_OF_BACKLOG | translate)
: (T.F.TASK.ADD_TASK_BAR.ADD_TASK_TO_BOTTOM_OF_TODAY | translate)
: isAddToBacklog()
? (T.F.TASK.ADD_TASK_BAR.ADD_TASK_TO_TOP_OF_BACKLOG|translate)
: (T.F.TASK.ADD_TASK_BAR.ADD_TASK_TO_TOP_OF_TODAY|translate)"
? (T.F.TASK.ADD_TASK_BAR.ADD_TASK_TO_TOP_OF_BACKLOG | translate)
: (T.F.TASK.ADD_TASK_BAR.ADD_TASK_TO_TOP_OF_TODAY | translate)
"
matInput
/>
@ -48,9 +51,9 @@
type="submit"
mat-icon-button
>
@if(activatedIssueTask){
@if (activatedIssueTask) {
<mat-icon>add_box</mat-icon>
}@else {
} @else {
<mat-icon>add</mat-icon>
}
</button>
@ -59,20 +62,20 @@
<button
(click)="toggleIsAddToBottom()"
[matTooltip]="T.F.TASK.ADD_TASK_BAR.TOGGLE_ADD_TOP_OR_BOTTOM|translate"
[matTooltip]="T.F.TASK.ADD_TASK_BAR.TOGGLE_ADD_TOP_OR_BOTTOM | translate"
matTooltipPosition="above"
class="switch-add-to-bot-btn"
mat-icon-button
type="button"
>
@if(isAddToBottom()){
@if (isAddToBottom()) {
<mat-icon>vertical_align_bottom</mat-icon>
}@else {
} @else {
<mat-icon>vertical_align_top</mat-icon>
}
</button>
@if (isSearchIssueProvidersAvailable$|async) {
@if (isSearchIssueProvidersAvailable$ | async) {
<button
(click)="isSearchIssueProviders.set(!isSearchIssueProviders())"
[matTooltip]="'Toggle searching issue providers'"
@ -81,24 +84,25 @@
mat-icon-button
type="button"
>
@if(isSearchIssueProviders()){
@if (isSearchIssueProviders()) {
<mat-icon>youtube_searched_for</mat-icon>
}@else {
} @else {
<mat-icon>search_off</mat-icon>
}
</button>
} @if (isAddToBacklogAvailable$|async) {
}
@if (isAddToBacklogAvailable$ | async) {
<button
(click)="isAddToBacklog.set(!isAddToBacklog())"
[matTooltip]="T.F.TASK.ADD_TASK_BAR.TOGGLE_ADD_TO_BACKLOG_TODAY|translate"
[matTooltip]="T.F.TASK.ADD_TASK_BAR.TOGGLE_ADD_TO_BACKLOG_TODAY | translate"
matTooltipPosition="above"
class="switch-add-to-btn"
mat-icon-button
type="button"
>
@if(isAddToBacklog()){
@if (isAddToBacklog()) {
<mat-icon>arrow_downward</mat-icon>
}@else {
} @else {
<mat-icon>arrow_upward</mat-icon>
}
</button>
@ -107,26 +111,47 @@
</div>
<div class="info-bar">
@if (inputVal?.length > 0) { @if (!activatedIssueTask && !shortSyntaxTags?.length) {
<div class="info-text">{{ T.F.TASK.ADD_TASK_BAR.CREATE_TASK|translate }}</div>
} @if (activatedIssueTask) { @if (activatedIssueTask?.issueType) {
@if (inputVal?.length > 0) {
@if (!activatedIssueTask && !shortSyntaxTags?.length) {
<div class="info-text">{{ T.F.TASK.ADD_TASK_BAR.CREATE_TASK | translate }}</div>
}
@if (activatedIssueTask) {
@if (activatedIssueTask?.issueType) {
<div class="info-text add-existing">
<mat-icon>playlist_add</mat-icon>
{{ T.F.TASK.ADD_TASK_BAR.ADD_ISSUE_TASK|translate:{ issueType:
activatedIssueTask.issueType, issueNr: activatedIssueTask.taskIssueId ||
activatedIssueTask.issueData?.id } }}
{{
T.F.TASK.ADD_TASK_BAR.ADD_ISSUE_TASK
| translate
: {
issueType: activatedIssueTask.issueType,
issueNr:
activatedIssueTask.taskIssueId ||
activatedIssueTask.issueData?.id,
}
}}
</div>
} @if (activatedIssueTask.issueType=== undefined) {
}
@if (activatedIssueTask.issueType === undefined) {
<div class="info-text add-existing">
<mat-icon>playlist_add</mat-icon>
{{ T.F.TASK.ADD_TASK_BAR.ADD_EXISTING_TASK|translate: { taskTitle:
activatedIssueTask.title } }}
{{
T.F.TASK.ADD_TASK_BAR.ADD_EXISTING_TASK
| translate: { taskTitle: activatedIssueTask.title }
}}
</div>
} } @if (!activatedIssueTask && shortSyntaxTags?.length) { @for (shortSyntaxTag of
(shortSyntaxTags); track shortSyntaxTag.title || shortSyntaxTag) {
}
}
@if (!activatedIssueTask && shortSyntaxTags?.length) {
@for (
shortSyntaxTag of shortSyntaxTags;
track shortSyntaxTag.title || shortSyntaxTag
) {
<tag [tag]="shortSyntaxTag"></tag>
} } } @if (inputVal.length === 0) {
<div class="info-text">{{ T.F.TASK.ADD_TASK_BAR.EXAMPLE|translate }}</div>
}
}
}
@if (inputVal.length === 0) {
<div class="info-text">{{ T.F.TASK.ADD_TASK_BAR.EXAMPLE | translate }}</div>
}
</div>
@ -138,20 +163,24 @@
(optionSelected)="addTask()"
[displayWith]="displayWith"
>
@for (item of (filteredIssueSuggestions$|async); track item.taskId || (item.issueData
&& item.issueData.id)) {
@for (
item of filteredIssueSuggestions$ | async;
track item.taskId || (item.issueData && item.issueData.id)
) {
<mat-option [value]="item">
@if (item.issueType) {
<mat-icon [svgIcon]="item.issueType|issueIcon"></mat-icon>
} @if (!item.issueType && !item.ctx) {
<mat-icon [svgIcon]="item.issueType | issueIcon"></mat-icon>
}
@if (!item.issueType && !item.ctx) {
<mat-icon>library_books</mat-icon>
} @if (item.ctx) {
}
@if (item.ctx) {
<tag
[tag]="item.ctx"
[isHideTitle]="isHideTagTitles()"
></tag>
}
<span [innerHTML]="item?.titleHighlighted||item?.title"></span>
<span [innerHTML]="item?.titleHighlighted || item?.title"></span>
</mat-option>
}
</mat-autocomplete>

22
src/app/features/tasks/dialog-add-time-estimate-for-other-day/dialog-add-time-estimate-for-other-day.component.html
View file

@ -1,24 +1,26 @@
<div class="dialog-help-wrapper">
<h1 mat-dialog-title>{{T.F.TASK.D_TIME_FOR_DAY.TITLE|translate}}</h1>
<h1 mat-dialog-title>{{ T.F.TASK.D_TIME_FOR_DAY.TITLE | translate }}</h1>
<form
(submit)="$event.preventDefault();submit()"
(submit)="$event.preventDefault(); submit()"
name="addForAnotherDayForm"
>
<mat-dialog-content>
<help-section>
<div
[innerHTML]="T.F.TASK.D_TIME_FOR_DAY.HELP|translate"
[innerHTML]="T.F.TASK.D_TIME_FOR_DAY.HELP | translate"
class="side-info"
></div>
</help-section>
<h3 class="mat-caption">
{{T.F.TASK.D_TIME_FOR_DAY.ADD_ENTRY_FOR|translate:{ date:
(newEntry.date|date:'dd-MM-yyyy') || '' } }}
{{
T.F.TASK.D_TIME_FOR_DAY.ADD_ENTRY_FOR
| translate: { date: (newEntry.date | date: 'dd-MM-yyyy') || '' }
}}
</h3>
<mat-form-field>
<mat-label>{{T.F.TASK.D_TIME_FOR_DAY.DATE|translate}}</mat-label>
<mat-label>{{ T.F.TASK.D_TIME_FOR_DAY.DATE | translate }}</mat-label>
<input
[(ngModel)]="newEntry.date"
[matDatepicker]="myDatepicker"
@ -27,7 +29,7 @@
required
type="text"
/>
<mat-error>{{T.V.E_DATETIME|translate}}</mat-error>
<mat-error>{{ T.V.E_DATETIME | translate }}</mat-error>
<mat-datepicker-toggle
[for]="myDatepicker"
matPrefix
@ -38,7 +40,7 @@
<div class="wrap-time">
<input-duration-slider
[(model)]="newEntry.timeSpent"
[label]="T.F.TASK.D_TIME_FOR_DAY.TINE_SPENT|translate"
[label]="T.F.TASK.D_TIME_FOR_DAY.TINE_SPENT | translate"
>
</input-duration-slider>
</div>
@ -51,7 +53,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
<button
@ -60,7 +62,7 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{T.G.SAVE|translate}}
{{ T.G.SAVE | translate }}
</button>
</mat-dialog-actions>
</form>

2
src/app/features/tasks/dialog-task-detail-panel/dialog-task-detail-panel.component.html
View file

@ -1,6 +1,6 @@
<mat-dialog-content>
<!-- <h1>XXX {{(task$|async)?.id}}</h1>-->
@if (task$|async; as task) {
@if (task$ | async; as task) {
<task-detail-panel
[task]="task"
[isDialogMode]="true"

32
src/app/features/tasks/dialog-time-estimate/dialog-time-estimate.component.html
View file

@ -1,15 +1,15 @@
<div class="dialog-help-wrapper">
<h1 mat-dialog-title>{{T.F.TASK.D_TIME.TITLE|translate}}</h1>
<h1 mat-dialog-title>{{ T.F.TASK.D_TIME.TITLE | translate }}</h1>
<form
(submit)="$event.preventDefault();submit()"
(submit)="$event.preventDefault(); submit()"
class="mat-body"
name="time-estimate-form"
>
<mat-dialog-content>
<help-section>
<div
[innerHTML]="T.F.TASK.D_TIME_FOR_DAY.HELP|translate"
[innerHTML]="T.F.TASK.D_TIME_FOR_DAY.HELP | translate"
class="side-info"
></div>
</help-section>
@ -17,12 +17,12 @@
<div class="wrap-time">
<input-duration-slider
[(model)]="timeSpentOnDayCopy[todayStr]"
[label]="T.F.TASK.D_TIME.TIME_SPENT|translate"
[label]="T.F.TASK.D_TIME.TIME_SPENT | translate"
>
</input-duration-slider>
<input-duration-slider
[(model)]="taskCopy.timeEstimate"
[label]="T.F.TASK.D_TIME.ESTIMATE|translate"
[label]="T.F.TASK.D_TIME.ESTIMATE | translate"
>
</input-duration-slider>
</div>
@ -36,28 +36,30 @@
type="button"
>
<mat-icon>add</mat-icon>
{{T.F.TASK.D_TIME.ADD_FOR_OTHER_DAY|translate}}
{{ T.F.TASK.D_TIME.ADD_FOR_OTHER_DAY | translate }}
</button>
@for (strDate of timeSpentOnDayCopy|keys:'reverse':todayStr; track
trackByIndex($index, strDate)) {
@for (
strDate of timeSpentOnDayCopy | keys: 'reverse' : todayStr;
track trackByIndex($index, strDate)
) {
<div class="other-day">
<mat-form-field>
<mat-label
>{{T.F.TASK.D_TIME.TIME_SPENT_ON|translate:{date: strDate} }}</mat-label
>
<mat-label>{{
T.F.TASK.D_TIME.TIME_SPENT_ON | translate: { date: strDate }
}}</mat-label>
<input
[(ngModel)]="timeSpentOnDayCopy[strDate]"
inputDuration="optional"
matInput
name="timeSpentOnDay{{strDate}}"
name="timeSpentOnDay{{ strDate }}"
type="text"
/>
<mat-icon matPrefix>timer</mat-icon>
</mat-form-field>
<button
(click)="deleteValue(strDate)"
[title]="T.F.TASK.D_TIME.DELETE_FOR|translate"
[title]="T.F.TASK.D_TIME.DELETE_FOR | translate"
color="warn"
mat-icon-button
type="button"
@ -76,7 +78,7 @@
mat-button
type="button"
>
{{T.G.CANCEL|translate}}
{{ T.G.CANCEL | translate }}
</button>
<button
@ -86,7 +88,7 @@
type="submit"
>
<mat-icon>save</mat-icon>
{{T.G.SAVE|translate}}
{{ T.G.SAVE | translate }}
</button>
</mat-dialog-actions>
</form>

100
src/app/features/tasks/dialog-view-task-reminders/dialog-view-task-reminders.component.html
View file

@ -1,12 +1,14 @@
@if ((tasks$|async); as tasks) {
<h1 mat-dialog-title>
@if (tasks$ | async; as tasks) {
<h1 mat-dialog-title>
<mat-icon class="dialog-header-icon">alarm</mat-icon>
<span
>{{(isMultiple ? T.F.TASK.D_REMINDER_VIEW.DUE_TASKS :
T.F.TASK.D_REMINDER_VIEW.DUE_TASK)|translate}}</span
>
</h1>
<mat-dialog-content>
<span>{{
(isMultiple
? T.F.TASK.D_REMINDER_VIEW.DUE_TASKS
: T.F.TASK.D_REMINDER_VIEW.DUE_TASK
) | translate
}}</span>
</h1>
<mat-dialog-content>
<div
[@standardList]="tasks.length"
class="tasks"
@ -14,7 +16,7 @@
@for (task of tasks; track trackById($index, task)) {
<div class="task">
<div class="title-wrapper">
<div class="title">{{task.title}}</div>
<div class="title">{{ task.title }}</div>
<tag-list
[isShowProjectTagAlways]="true"
[task]="task"
@ -25,7 +27,7 @@
<button
[disabled]="!(task.projectId || task.parentId || task.tagIds.length > 0)"
(click)="dismiss(task)"
[title]="T.G.DISMISS|translate"
[title]="T.G.DISMISS | translate"
class="hide-xs"
color=""
mat-icon-button
@ -34,9 +36,9 @@
<mat-icon>alarm_off</mat-icon>
</button>
<button
(dblclick)="snooze(task,10)"
(dblclick)="snooze(task, 10)"
[matMenuTriggerFor]="snoozeMenu"
[title]="T.F.TASK.D_REMINDER_VIEW.SNOOZE|translate"
[title]="T.F.TASK.D_REMINDER_VIEW.SNOOZE | translate"
color=""
mat-icon-button
type="button"
@ -45,7 +47,7 @@
</button>
<button
(click)="addToToday(task)"
[title]="T.F.TASK.D_REMINDER_VIEW.ADD_TO_TODAY|translate"
[title]="T.F.TASK.D_REMINDER_VIEW.ADD_TO_TODAY | translate"
color=""
mat-icon-button
type="button"
@ -54,25 +56,25 @@
</button>
<mat-menu #snoozeMenu="matMenu">
<button
(click)="snooze(task,10)"
(click)="snooze(task, 10)"
mat-menu-item
>
<mat-icon>snooze</mat-icon>
{{T.G.MINUTES|translate:{m: 10} }}
{{ T.G.MINUTES | translate: { m: 10 } }}
</button>
<button
(click)="snooze(task,30)"
(click)="snooze(task, 30)"
mat-menu-item
>
<mat-icon>snooze</mat-icon>
{{T.G.MINUTES|translate:{m: 30} }}
{{ T.G.MINUTES | translate: { m: 30 } }}
</button>
<button
(click)="snooze(task,60)"
(click)="snooze(task, 60)"
mat-menu-item
>
<mat-icon>snooze</mat-icon>
{{T.G.MINUTES|translate:{m: 60} }}
{{ T.G.MINUTES | translate: { m: 60 } }}
</button>
<button
(click)="rescheduleUntilTomorrow(task)"
@ -80,22 +82,24 @@
mat-menu-item
>
<mat-icon>schedule</mat-icon>
{{T.F.TASK.D_REMINDER_VIEW.RESCHEDULE_UNTIL_TOMORROW|translate}}
{{ T.F.TASK.D_REMINDER_VIEW.RESCHEDULE_UNTIL_TOMORROW | translate }}
</button>
<button
[disabled]="!(task.projectId || task.parentId || task.tagIds.length > 0)"
[disabled]="
!(task.projectId || task.parentId || task.tagIds.length > 0)
"
(click)="dismiss(task)"
mat-menu-item
>
<mat-icon>alarm_off</mat-icon>
{{T.G.DISMISS|translate}}
{{ T.G.DISMISS | translate }}
</button>
<button
(click)="editReminder(task)"
mat-menu-item
>
<mat-icon>edit</mat-icon>
{{T.G.EDIT|translate}}
{{ T.G.EDIT | translate }}
</button>
</mat-menu>
</div>
@ -103,8 +107,8 @@
</div>
}
</div>
</mat-dialog-content>
<mat-dialog-actions align="end">
</mat-dialog-content>
<mat-dialog-actions align="end">
<div class="wrap-buttons">
<button
(dblclick)="snoozeAll(10)"
@ -115,10 +119,14 @@
type="button"
>
<mat-icon>snooze</mat-icon>
{{(isMultiple ? T.F.TASK.D_REMINDER_VIEW.SNOOZE_ALL :
T.F.TASK.D_REMINDER_VIEW.SNOOZE)|translate }}
{{
(isMultiple
? T.F.TASK.D_REMINDER_VIEW.SNOOZE_ALL
: T.F.TASK.D_REMINDER_VIEW.SNOOZE
) | translate
}}
</button>
@if (!isMultiple && (isSingleOnToday$|async)) {
@if (!isMultiple && (isSingleOnToday$ | async)) {
<button
(click)="markAsDone()"
[disabled]="isDisableControls"
@ -127,9 +135,10 @@
type="button"
>
<mat-icon>check</mat-icon>
{{T.F.TASK.D_REMINDER_VIEW.DONE|translate }}
{{ T.F.TASK.D_REMINDER_VIEW.DONE | translate }}
</button>
} @if (!(isSingleOnToday$|async)) {
}
@if (!(isSingleOnToday$ | async)) {
<button
(click)="addAllToToday()"
[disabled]="isDisableControls"
@ -138,10 +147,15 @@
type="button"
>
<mat-icon>wb_sunny</mat-icon>
{{(isMultiple ? T.F.TASK.D_REMINDER_VIEW.ADD_ALL_TO_TODAY :
T.F.TASK.D_REMINDER_VIEW.ADD_TO_TODAY)|translate }}
{{
(isMultiple
? T.F.TASK.D_REMINDER_VIEW.ADD_ALL_TO_TODAY
: T.F.TASK.D_REMINDER_VIEW.ADD_TO_TODAY
) | translate
}}
</button>
} @if (!isMultiple||(isSingleOnToday$|async)) {
}
@if (!isMultiple || (isSingleOnToday$ | async)) {
<button
(click)="play()"
[disabled]="isDisableControls"
@ -150,19 +164,19 @@
type="button"
>
<mat-icon>play_arrow</mat-icon>
{{(T.F.TASK.D_REMINDER_VIEW.START|translate)}}
{{ T.F.TASK.D_REMINDER_VIEW.START | translate }}
</button>
}
</div>
</mat-dialog-actions>
<mat-menu #snoozeAllMenu="matMenu">
</mat-dialog-actions>
<mat-menu #snoozeAllMenu="matMenu">
<button
(click)="snoozeAll(10)"
[disabled]="isDisableControls"
mat-menu-item
>
<mat-icon>snooze</mat-icon>
{{T.G.MINUTES|translate:{m: 10} }}
{{ T.G.MINUTES | translate: { m: 10 } }}
</button>
<button
(click)="snoozeAll(30)"
@ -170,7 +184,7 @@
mat-menu-item
>
<mat-icon>snooze</mat-icon>
{{T.G.MINUTES|translate:{m: 30} }}
{{ T.G.MINUTES | translate: { m: 30 } }}
</button>
<button
(click)="snoozeAll(60)"
@ -178,7 +192,7 @@
mat-menu-item
>
<mat-icon>snooze</mat-icon>
{{T.G.MINUTES|translate:{m: 60} }}
{{ T.G.MINUTES | translate: { m: 60 } }}
</button>
<button
(click)="rescheduleAllUntilTomorrow()"
@ -186,7 +200,7 @@
mat-menu-item
>
<mat-icon>schedule</mat-icon>
{{T.F.TASK.D_REMINDER_VIEW.RESCHEDULE_UNTIL_TOMORROW|translate}}
{{ T.F.TASK.D_REMINDER_VIEW.RESCHEDULE_UNTIL_TOMORROW | translate }}
</button>
@if (!isMultiple) {
<button
@ -194,7 +208,7 @@
mat-menu-item
>
<mat-icon>edit</mat-icon>
{{T.F.TASK.D_REMINDER_VIEW.RESCHEDULE_EDIT|translate}}
{{ T.F.TASK.D_REMINDER_VIEW.RESCHEDULE_EDIT | translate }}
</button>
}
<button
@ -203,7 +217,7 @@
mat-menu-item
>
<mat-icon>alarm_off</mat-icon>
{{(isMultiple ? T.F.TASK.D_REMINDER_VIEW.DISMISS_ALL : T.G.DISMISS)|translate}}
{{ (isMultiple ? T.F.TASK.D_REMINDER_VIEW.DISMISS_ALL : T.G.DISMISS) | translate }}
</button>
</mat-menu>
</mat-menu>
}

10
src/app/features/tasks/select-task/select-task.component.html
View file

@ -1,5 +1,5 @@
<mat-form-field>
<mat-label>{{ T.F.TASK.SELECT_OR_CREATE|translate }}</mat-label>
<mat-label>{{ T.F.TASK.SELECT_OR_CREATE | translate }}</mat-label>
<input
[formControl]="taskSelectCtrl"
[matAutocomplete]="auto"
@ -10,7 +10,8 @@
/>
@if (!isCreate) {
<mat-icon matSuffix="">track_changes</mat-icon>
} @if (isCreate) {
}
@if (isCreate) {
<mat-icon matSuffix="">add</mat-icon>
}
@ -25,14 +26,15 @@
[class.isDone]="task.isDone"
>
@if (task.issueType) {
<mat-icon [svgIcon]="task.issueType|issueIcon"></mat-icon>
<mat-icon [svgIcon]="task.issueType | issueIcon"></mat-icon>
}
<!---->
@if (task.projectId) {
<!---->
@if (!task.issueType && !projectMap[task.projectId]) {
<mat-icon>library_books</mat-icon>
} @if (projectMap[task.projectId]) {
}
@if (projectMap[task.projectId]) {
<tag [tag]="projectMap[task.projectId]"></tag>
}
<!---->

Some files were not shown because too many files have changed in this diff Show more