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: - " - 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: + " + 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',