Update "new features" block of homescreen for OP 10.1

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 <b>Boards view</b> for Agile project management. </br>
-                                     To activate this new feature for your existing projects, please do the following steps:
-                                      <ul><li>Activate the module Boards within existing projects' settings.</li>
-                                      <li>Configure your Boards in a project.</li>
-                                      <li>Verify roles and permissions</li></ul>"
-          image_alt_text: "Board teaser image"
-          learn_about: "Learn more about Agile Boards"
+          current_new_feature_html: "OpenProject contains a new <b>Overview page</b> to <b>display important project information</b> and show whether the project is on track. </br>
+                                     You can insert various new status widgets, such as:
+                                      <ul><li>project status,</li>
+                                      <li>overview of work package status,</li>
+                                      <li>task progress,</li>
+                                      <li>tasks assigned to users.</li></ul>"
+          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"

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

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";
     <div class="widget-box--description">
       <p [innerHtml]="text.currentNewFeatureHtml"></p>
 
-      <a class="widget-box--teaser-image" (click)="showBoardTeaserVideo()"></a>
+      <a class="widget-box--teaser-image"></a>
     </div>
 
-    <a [href]="boardTeaserWebsiteUrl()" target="_blank">{{ text.learnAbout }}</a>
+    <a [href]="teaserWebsiteUrl()" target="_blank">{{ text.learnAbout }}</a>
   `,
   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);
   }
 }
 

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";

frontend/src/app/modules/dashboards/dashboard-constants.const.ts

@@ -0,0 +1 @@
+export const dashboardWebsiteUrl = "https://www.openproject.org/collaboration-software-features/dashboards/";

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',