diff --git a/app/assets/images/boards_video_teaser.png b/app/assets/images/boards_video_teaser.png
deleted file mode 100644
index 011c0e1bd7..0000000000
Binary files a/app/assets/images/boards_video_teaser.png and /dev/null differ
diff --git a/app/assets/images/new_feature_teaser.png b/app/assets/images/new_feature_teaser.png
new file mode 100644
index 0000000000..b469b4d09a
Binary files /dev/null and b/app/assets/images/new_feature_teaser.png differ
diff --git a/config/locales/js-en.yml b/config/locales/js-en.yml
index 4ee9b0b80b..c9d42f1eca 100644
--- a/config/locales/js-en.yml
+++ b/config/locales/js-en.yml
@@ -224,13 +224,13 @@ en:
blocks:
new_features:
text_new_features: "Read about new features and product updates."
- current_new_feature_html: "OpenProject contains a new Boards view for Agile project management.
- To activate this new feature for your existing projects, please do the following steps:
-
- Activate the module Boards within existing projects' settings.
- - Configure your Boards in a project.
- - Verify roles and permissions
"
- image_alt_text: "Board teaser image"
- learn_about: "Learn more about Agile Boards"
+ current_new_feature_html: "OpenProject contains a new Overview page to display important project information and show whether the project is on track.
+ You can insert various new status widgets, such as:
+ - project status,
+ - overview of work package status,
+ - task progress,
+ - tasks assigned to users.
"
+ learn_about: "Learn more about the new status widgets"
label_activate: "Activate"
label_add_column_after: "Add column after"
label_add_column_before: "Add column before"
diff --git a/frontend/src/app/components/homescreen/blocks/new-features.component.sass b/frontend/src/app/components/homescreen/blocks/new-features.component.sass
index e3f58a8469..1151077831 100644
--- a/frontend/src/app/components/homescreen/blocks/new-features.component.sass
+++ b/frontend/src/app/components/homescreen/blocks/new-features.component.sass
@@ -2,7 +2,7 @@
display: flex
.widget-box--teaser-image
- background-image: var(--board-teaser-image)
+ background-image: var(--new-feature-teaser-image)
min-width: 170px
background-size: contain
background-repeat: no-repeat
diff --git a/frontend/src/app/components/homescreen/blocks/new-features.component.ts b/frontend/src/app/components/homescreen/blocks/new-features.component.ts
index 0994e04279..21bb7bbc09 100644
--- a/frontend/src/app/components/homescreen/blocks/new-features.component.ts
+++ b/frontend/src/app/components/homescreen/blocks/new-features.component.ts
@@ -26,13 +26,11 @@
// See doc/COPYRIGHT.rdoc for more details.
// ++
-import {Component, Injector} from '@angular/core';
+import {Component} from '@angular/core';
import {DynamicBootstrapper} from "core-app/globals/dynamic-bootstrapper";
import {I18nService} from "core-app/modules/common/i18n/i18n.service";
-import {boardTeaserWebsiteURL} from "core-app/modules/boards/board-constants.const";
-import {OpModalService} from "core-components/op-modals/op-modal.service";
-import {BoardVideoTeaserModalComponent} from "core-app/modules/boards/board/board-video-teaser-modal/board-video-teaser-modal.component";
import {DomSanitizer} from "@angular/platform-browser";
+import {dashboardWebsiteUrl} from "core-app/modules/dashboards/dashboard-constants.const";
@Component({
template: `
@@ -43,10 +41,10 @@ import {DomSanitizer} from "@angular/platform-browser";
- {{ text.learnAbout }}
+ {{ text.learnAbout }}
`,
selector: 'homescreen-new-features-block',
styleUrls: ['./new-features.component.sass'],
@@ -56,7 +54,6 @@ import {DomSanitizer} from "@angular/platform-browser";
* Component for the homescreen block to promote new features.
* When updating this for the next release, be sure to cleanup stuff is not needed any more:
* Locals (js-en.yml), Styles (new-features.component.sass), HTML (above), TS (below)
- * Further cleanup additional stuff (and update this list): The boardVideoTeaserModal, the image shown as modalLink
*/
export class HomescreenNewFeaturesBlockComponent {
public text = {
@@ -64,24 +61,14 @@ export class HomescreenNewFeaturesBlockComponent {
descriptionNewFeatures: this.i18n.t('js.homescreen.blocks.new_features.text_new_features'),
currentNewFeatureHtml: this.i18n.t('js.homescreen.blocks.new_features.current_new_feature_html'),
learnAbout: this.i18n.t('js.homescreen.blocks.new_features.learn_about'),
- imageAltText: this.i18n.t('js.homescreen.blocks.new_features.image_alt_text'),
};
constructor(readonly i18n:I18nService,
- readonly opModalService:OpModalService,
- readonly injector:Injector,
readonly domSanitizer:DomSanitizer) {
}
- public showBoardTeaserVideo() {
- this.opModalService.show(
- BoardVideoTeaserModalComponent,
- this.injector
- );
- }
-
- public boardTeaserWebsiteUrl() {
- return this.domSanitizer.bypassSecurityTrustResourceUrl(boardTeaserWebsiteURL);
+ public teaserWebsiteUrl() {
+ return this.domSanitizer.bypassSecurityTrustResourceUrl(dashboardWebsiteUrl);
}
}
diff --git a/frontend/src/app/modules/boards/board-constants.const.ts b/frontend/src/app/modules/boards/board-constants.const.ts
index 38b05f6c65..388d8ea5dc 100644
--- a/frontend/src/app/modules/boards/board-constants.const.ts
+++ b/frontend/src/app/modules/boards/board-constants.const.ts
@@ -1,3 +1 @@
export const boardTeaserVideoURL = "https://player.vimeo.com/video/337280106";
-
-export const boardTeaserWebsiteURL = "https://www.openproject.org/scrum-agile-boards";
diff --git a/frontend/src/app/modules/dashboards/dashboard-constants.const.ts b/frontend/src/app/modules/dashboards/dashboard-constants.const.ts
new file mode 100644
index 0000000000..bab2e3b56d
--- /dev/null
+++ b/frontend/src/app/modules/dashboards/dashboard-constants.const.ts
@@ -0,0 +1 @@
+export const dashboardWebsiteUrl = "https://www.openproject.org/collaboration-software-features/dashboards/";
diff --git a/lib/open_project/design.rb b/lib/open_project/design.rb
index 5a35d45b13..4efbaf5b8b 100644
--- a/lib/open_project/design.rb
+++ b/lib/open_project/design.rb
@@ -203,7 +203,7 @@ module OpenProject
'status-selector-bg-color' => '#F99601',
'status-selector-bg-hover-color' => '#E08600',
'card-font-size' => '16px',
- 'board-teaser-image' => '#{image-url("boards_video_teaser.png")}',
+ 'new-feature-teaser-image' => '#{image-url("new_feature_teaser.png")}',
'project-status-gray' => '#CCCCCC',
'project-status-red' => '#E73E3D',
'project-status-orange' => '#FFB030',